/*----------------CSS FFA*/


/*Mise en forme page*/

* {border:0pt none; margin:0;padding:0;}
html, body {margin:0;padding:0; color:#000000; }
ul, li, ol, dl, dt, dd, span, table, td, tr, pre, blocquote {margin:0;padding:0;color:#000000;}
img { border: none; margin:0;padding:0;}

a { outline: none; color:#000000; text-decoration:none; }
a:hover {text-decoration:underline;}

hr{clear:both; visibility:hidden; height:5px;}

p { margin:0;	padding: 0; }
p a{margin:0;padding:0;}

.rc { position:absolute; left:-2000px; top:-500px; }



/*Page**************/

html { height: 100%;}
body { 
font-family:Arial, Helvetica, sans-serif;
height: 100%; 
top :0; text-align:center;
background-color:#e2007a;
}

.conteneur{
	position:relative;
    width:1000px; 
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
}

#header {
float:left;
height:26px;
width:100%;
min-width:1000px;
margin:0;padding:0;
background:#4e2b42 url('../img/header.jpg') no-repeat 50% 0; 
}


#header  #menu {width:1000px; text-align:center;}
#header  #menu li {display:inline; list-style: none; color:#FFFFFF; font-size:12px;}
#header  #menu ul {text-align:center;}
#header  #menu li a {color:#FFFFFF; margin:0 15px; line-height:26px;}





#content {
float:left;
width:100%;
min-width:1000px;
color:#fff;
background-color:#FFFFFF;
}

#page {width:700px; margin : 20px auto; background: transparent url('../img/visuel-contact.jpg') 430px 12px no-repeat ; }

#page h1 {
color:#4e2b42; background: transparent url('../img/logo.jpg') no-repeat ; height:101px;
padding-left: 100px; padding-top:18px; margin-left:50px;
}

#page #video {margin-left:50px; color:#000000;  background: transparent url('../img/fond_video.jpg') no-repeat ; width:602px; height:350px;
padding : 2px 0 0 2px;}


#footer {
float:left;
width:100%; 
min-width:1000px; text-align:center;
}

#footer p, #footer p a {font-size:10px; color:#ffffff; }


#footer h2 { text-align:center; color:#FFFFFF; font-size:16px; font-weight:normal; padding-top:20px; height:30px; background:#e2007a  url('../img/footer_activite.jpg') no-repeat 50% 0;}

#footer #footer_ref {width:700px;margin : 20px auto;}
#footer #footer_ref li {display:inline; list-style: none; color:#FFFFFF; font-size:11px; float:left; margin-bottom:20px;}
#footer #footer_ref li a {color:#FFFFFF; margin:0 15px; line-height:25px; background-color:#e83395; height:25px; width:200px; display:block; text-align:center;} 
#footer #footer_ref li a:hover {background-color:#eb52a5; color:#fff; text-decoration:none;}

#footer  #footer_menu {width:1000px; text-align:center; margin-top:30px;}
#footer  #footer_menu li {display:inline; list-style: none; color:#FFFFFF; font-size:11px;}
#footer  #footer_menu ul {text-align:center;}
#footer  #footer_menu li a {color:#FFFFFF; margin:0 5px; line-height:22px; padding :3px 10px;}
#footer  #footer_menu li a:hover {background-color:#e7298f; text-decoration:none;}


/**popup**/
#devis {
	position:absolute;
	background-color:#fff;
	border:10px solid #ccc;
	margin:auto;
	top:50px;
	width:545px;
	left:50%;
	margin-left:-280px;
	z-index: 500;
}

#contact {
	position:absolute;
	background-color:#fff;
	border:10px solid #ccc;
	margin:auto;
	top:50px;
	width:545px;
	left:50%;
	margin-left:-280px;
	z-index: 500;
}
#recrut {
	position:absolute;
	background-color:#fff;
	border:10px solid #ccc;
	margin:auto;
	top:50px;
	width:545px;
	left:50%;
	margin-left:-280px;
	z-index: 500;
}
#devis {
	position:absolute;
	background-color:#fff;
	border:10px solid #ccc;
	margin:auto;
	top:50px;
	width:545px;
	left:50%;
	margin-left:-280px;
	z-index: 500;
}
#mentions_legales {
	position:absolute;
	background-color:#fff;
	border:10px solid #ccc;
	margin:auto;
	top:50px;
	width:545px;
	left:50%;
	margin-left:-280px;
	z-index: 500;
}

/* Annonces */
#annonces,
#mentions_legales-text {
	/*width: 532px;*/
	text-align:left;
	color:#727272;
	font-size:11px;
	padding:10px;
}

#annonces h2,
#mentions_legales-text h2 {
	font-size: 13px;
	height: 11px;
	overflow: visible;
	border-bottom: 2px dotted #df1781;
	margin: 25px 0 15px 0;
	padding: 0 0 0 19px;
}

#annonces h2 span,
#mentions_legales-text h2 span {
	background: #fff;
	margin: 0 0 -4px 0;
	padding: 2px;
	color: #df1781;
}

#annonces p,
#mentions_legales-text p {
	margin: 0 115px 10px 17px;
	text-align: justify;
}

#annonces div {
	/*position: relative;*/
}

#annonces .variables {
	/*position: absolute;
	top: 0;
	right: 0;*/
	float:right;
	width: 100px;
}

#annonces .variables dl {
	margin: 0 0 10px 1px;
	padding: 0;
	color: #df1781;
}

#annonces .variables dt {
	font-weight: bolder;
	margin: 0;
	padding: 0;
}

#annonces .variables dd {
	margin: 0;
	padding: 0;
}

#annonces .variables p {
	/*position: relative;*/
	margin: 13px 0 0 0;
	padding: 0;
	background: #4a4b4e url(../transition/bg_postuler.gif) 0 0 no-repeat;
	width: 76px;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	font-size: 11px;
	font-weight: bolder;
	text-align: center;
}

#annonces .variables p a {
	margin: 0;
	padding: 0;
	color: #fff;
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}