@charset "UTF-8";
/* CSS Document */

body{
font-size:100%;
background:transparent url(../images/fond_sitye.jpg) no-repeat left top;
height:100%;

}


#main{margin: 0 auto;
background:#FFF;
width:960px;}

#header,#header_print, #header_web,#header_print_inter,#header_web_inter{
width:960px;
height:126px;
border-bottom:0;
}
#header{
background:white url(../images/logo.png) no-repeat;
}
#header_print{
background:white url(../images/logo_print.png) no-repeat;
}
#header_print_inter{
background:white url(../images/logo_print2.png) no-repeat;
border:0px;
}
#header_print_web{background:white url(../images/logo_web2.png) no-repeat;
border:0px;}
#header_web{background:white url(../images/logo_web.png) no-repeat;
border:0px;}

.inter_ban{background:white url(../images/logo_print2.png) no-repeat;}
#header_web_inter{
background:white url(../images/logo_web2.png) no-repeat;
}


/*////////////////////////////////
MENU DU HAUT
////////////////////*/
#mon_menu_2  li { float:left;}

a.menu_bt2, a.menu_bt2 span, a.menu_bt0b, a.menu_bt0b span { background:transparent url(../images/bt_menu.png) no-repeat scroll 0 0 ;cursor:pointer; display:inline-block; height:22px; padding-top:10px; text-shadow:0 1px 0 #e1f6f4;  }
a.menu_bt2, a.menu_bt0b{ background-position:0 32px; clear:both; padding:0 0px 0 10px;text-decoration:none !important; text-transform:uppercase; height:32px; font-size:0.9em; font-weight:bold; color:#485258;margin-left:40px; }
a.menu_bt2 span, a.menu_bt0b span{background-position:right 32px; padding-right:10px; margin-right:-20px;}
a.menu_bt2:hover { background-position:0 0px; text-shadow:0 1px 0 #FFFFFF; color:#303a40;}
a.menu_bt2:hover span {background-position:right 0px;}
#mon_menu2{margin:0 0 0 200px; padding-top:0; height:32px;}
a.menu_bt0b { background-position:0 0px; text-shadow:0 1px 0 #FFFFFF; color:#303a40;}
a.menu_bt0b span {background-position:right 0px;}





/*////////////////////////////////
LE FORMULAIRE DE CONTACTS
////////////////////////////////*/

.cform input, .cform textarea, .cform select {

margin-top:5px;
background:url("../images/fond_input.gif") repeat-x scroll left top #FFFFFF;
border:1px solid #AAAAAA;
color:#888888;
font:0.9em Trebuchet MS,sans-serif;
width:298px;
padding:3px;
vertical-align:top;
float:left;
}
.cform span{display:block; color:#666666; font-size:0.9em; float:left; margin-top:10px;
width:70px;}

.cform input.bt_contact{
background:url("../images/fond_bt_input.gif") repeat-x scroll 0 0 transparent;
border-color:#ECECEC #ADADAD #ADADAD #ECECEC !important;
border-right:1px solid #ADADAD !important;
border-style:solid !important;
border-width:1px !important;
font-size:0.9em;
margin:15px 0 0 0;
padding:2px 1em;
width:70px;


}
textarea{
-moz-appearance:textfield-multiline;
-moz-binding:url("chrome://global/content/platformHTMLBindings.xml#textAreas");
-moz-user-select:text;
background-color:-moz-field;
cursor:text;
font:medium -moz-fixed;
letter-spacing:normal;
margin:1px 0;
text-align:start;
text-indent:0;
text-rendering:optimizelegibility;
text-shadow:none;
text-transform:none;
vertical-align:text-bottom;
word-spacing:normal;
word-wrap:break-word;
}

.texte_contact{color:#666666;
display:block;
margin-left:70px;
font-size:0.9em;
line-height:1.5em;
}




/*///////fin du formulaire de contact/////////*/


#menu, #menu_inter_{
float:left;
padding:0;
margin-bottom:10px;
}
#menu{width:960px;}
#menu_inter_{width:630px; border-top:1px dotted #000;}

#content{
float:left;}


/*//////////TEXTE DE PRESENTATION DES PAGES TITRES//////////////////*/

.texte_pres{
padding-top:15px; color:#6b747a; font-size:0.9em; font-weight:bold; line-height:1.4em;
}
.texte_pres_light{color:#98a1a7; font-size:1em; margin-top:10px; display:block; font-weight:normal;
}

#ref1{ background:white url(../images/travaux/mvg/titre_mvg.jpg);}
#ref2{ background:white url(../images/travaux/ecam/titre_ecam.jpg);}
#ref3{ background:white url(../images/travaux/gazel/titre_gazel.jpg)}
#ref4{ background:white url(../images/travaux/ministere/titre_ministere.jpg)}
#ref5{ background:white url(../images/travaux/aphp/titre_aphp_eth.jpg)}
#ref6{ background:white url(../images/travaux/ca/titre_ca.jpg)} 
#ref7 { background:white url(../images/travaux/cig1/titre_cig.jpg)}
#ref8{ background:white url(../images/travaux/marguereat/titre_margureat.jpg)}
#ref9{ background:white url(../images/travaux/cig1/titre_cig.jpg)}
#ref10 { background:white url(../images/travaux/cig1/titre_cig.jpg)}
#ref11{ background:white url(../images/travaux/tuileries/titre_tuilerie.jpg)}
#ref12{ background:white url(../images/travaux/playbac/titre_playbac.jpg)}
#ref13{ background:white url(../images/travaux/oxya/titre_oxya.jpg)}
#ref14{ background:white url(../images/travaux/cahb/titre_cahb.jpg)}
#refw1{ background:white url(../images/travaux/icebag/titre_icebag.jpg)}
#refw2{ background:white url(../images/travaux/lafabrique/titre_lafabrique.jpg)}
#refw3{ background:white url(../images/travaux/kolle/titre_kolle.jpg)}
#refw4{ background:white url(../images/travaux/mvg/titre_mvg.jpg)}
#refw5{ background:white url(../images/travaux/ecis/titre_ecis.jpg)}
#refw6{ background:white url(../images/travaux/rubinski/titre_rubinski.jpg)}
#refw7{ background:white url(../images/travaux/plusdignelavie/titre_plusdigne.jpg)}
#refw8{ background:white url(../images/travaux/ecis/titre_dea.jpg)}
#refw9{ background:white url(../images/travaux/aphp/titre_aphp_eth.jpg)}
#refw10{ background:white url(../images/travaux/maryse/titre_maryse.jpg)}
#refw11{ background:white url(../images/travaux/eldapps/titre_eldapps.jpg)}
#refw12{ background:white url(../images/travaux/pierresimon/titre_prix.jpg)}
#refw13{ background:white url(../images/travaux/eplaque/eplaque_titre.jpg)}
#refw14{ background:white url(../images/travaux/aphp/titre_aphp_04.jpg)}


#ref2, #ref1, #ref3, #ref4, #ref5, #ref6,#ref7, #ref8, #ref9,#ref10, #ref11, #ref12, #ref13, #ref14, #refw1, #refw2, #refw3, #refw4, #refw5, #refw6,#refw7, #refw8, #refw9,#refw10, #refw11, #refw12, #refw13, #refw14{ width:478px; height:33px; margin-top:22px}
h1 span{ display:none;}

a.menu_bt, a.menu_bt:hover, a.menu_bt0, a.menu_bt0:hover {
display: inline-block;
float:left;

color:#707173;
font-size:1.1em;
text-decoration:none;
padding:0px 10px 0px 8px;
margin-right:15px;
height:34px;
line-height:32px;
}

a.menu_bt:hover, a.menu_bt0{
background:#fff url(../images/bt_menu.png) no-repeat right -30px;
}
a.menu_bt0, a.menu_bt:hover, a.menu_bt0:hover{color:white;}

.travail, .travail_mil{
float:left;
display:block;
width:300px;
height:205px;
margin:10px 0 10px 0;
}

.travail_mil{
margin:10px 30px;
}

 .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

/*////////////////////////////////
PAGE INTERIEURE
////////////////////////////////*/

.bouton_gris {
background-color:#bfc8cd;
background-image:-moz-linear-gradient(center top ,#d6dee2,#bfc8cd);
border:1px solid #bfc8cd;
color:#FFF !important;
-moz-border-radius:2px 2px 2px 2px !important;
font: 1em "Arial", serif;
cursor:pointer;
text-decoration:none;
padding:4px 7px;
display:inline-block;
float:right;

}


.fond_inter{
background-color:white;}

.titre_client{
color:#525050; font-size:0.8em;}

.texte_client{
color:#6c6668;
line-height:130%;
}
.block_client{
float:left; line-height:15px;
}
.le_texte{line-height:15px; color:#6c6668;
}

.separation{
margin:20px 0 40px 0; border-bottom:#000 1px dotted;}

#fond_inter{
margin: 0 auto;
width:960px;
background-color:#fff;
}
#main_inter{margin: 0 auto;

width:630px;}


#menu_haut{ border-top:1px #666666 dotted; border-bottom:1px #666666 dotted; padding:10px 0; height:22px; line-height:22px; margin-top:40px;}

.fermer,.fermer_2, .fermer:hover, .fermer_2:hover {
font-size:1.1em;
margin-top:0px;
float:left;
height:22px;
line-height:22px;
padding:0 8px;
background-color:#a0d6e3;
color:#707173;
font-variant:small-caps;
text-decoration:none;
}
.fermer_2{
background-color:white;

}

.fermer,.fermer:hover, .fermer_2:hover{color:white;}

.fermer_2 img {margin-top:6px; }

a.voir_site, a.voir_site:hover {
margin:0px 0 0 8px;
float:right;
display:block;
padding:0 12px;
height:22px;
line-height:22px;
background:#e2e2e2 url(../images/fleche.gif) no-repeat 5px center;
color:black;
font-variant:small-caps;
font-weight:normal;
font-size:1em;
text-decoration:none;
}
.voir_site:hover { background:#62c3dc

}

a.voir_fleched, a.voir_fleched:hover, a.voir_flecheg, a.voir_flecheg:hover  {display:block; width:22px; height:22px; background:#e2e2e2 url(../images/fleche.gif) no-repeat 0px center; margin:0px 0 0 8px;
float:right;}



#images_ref p{ margin-bottom:50px;}


a.voir_site:hover {
background-color:#62c3dc;
color:black;
}
a.voir_fleched, a.voir_fleched:hover {
background:#e2e2e2 url(../images/fleche.gif) no-repeat 10px center;

}
a.voir_flecheg, a.voir_flecheg:hover {
background:#e2e2e2 url(../images/flecheg.gif) no-repeat 9px center;

}


a.voir_fleched:hover, a.voir_flecheg:hover {
background-color:#62c3dc;
color:white;}

img.titre{
margin-top:25px;
clear:both;
}






/*////////////////////////////////
APPARITION DES VIGNETTES JSQUERY
////////////////////////////////*/

		h3{ margin: 0px 10px 0 16px; color:#fff; font:1em Arial, sans-serif; letter-spacing:0px; font-weight: bold; heiht:25px; line-height:25px; display:block; }
			
			.boxgrid{ 
				width: 300px; 
				height: 185px; 
				margin-top:30px; 
				float:left; 
				background:#2bb7d1; 
			
				/*border: solid 2px #8399AF;*/ 
				overflow: hidden; 
				position: relative; 
			}
			
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p, .boxgrid p a{ 
					padding: 0 10px; 
					color:#000; 
					font-weight:bold; 
					font:11pt "Lucida Grande", Arial, sans-serif;
					font-variant:small-caps; 
					
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: black; 
				height: 100px; 
				width: 100%; 
				opacity: .5;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
	top: 194px;
	left: 0px;
 				}
 				.caption .boxcaption {
 					top: 260px;
 					left: 0px;
 				}

/*############################################################################################################################*/
/*####################################################    FOOTER    ##########################################################*/
/*############################################################################################################################*/

#footer{color:#a7a8a9; text-align:center; font-size:0.9em; }
#footer a {color:#a7a8a9; text-decoration:none;}
#footer a:hover {color:#333333;}




/*############################################################################################################################*/
/*####################################################    JQUERY CIRCLE   ##########################################################*/
/*############################################################################################################################*/

 
        

/* Slideshow & Billboard Images */    
 #top-zone{overflow:hidden; width:980px; margin:0 auto; height:485px;} /*Here to keep images hidden in IE mostly*/

 #billboard{width:960px; height:490px; margin:0px 10px 20px 0px; overflow:hidden; background:url('../images/jquery_circle/billboard-bg.jpg') no-repeat top center;}

 .slideshow{width:940px; height:480px; margin:10px; overflow:hidden;}
 .slideshow li{list-style:none; float:left; display:inline; position:relative;}

 .edge-holders{width:960px; height:455px; background:url('') no-repeat top center; position:relative; margin:10px; z-index:10; top:-365px;}