/* css/style.css
*/

/** GENERAL **/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

body{
	font-family: 'Open Sans', sans-serif;; 
	/*font-size: 15px;*/
	font-size: 0.91em;
	color: #3b3939;
	
}

.semibold{
	font-weight: 600;
}

.bold{
	font-weight: 700;
}

.italic{
	font-style: italic;
}

.regular{
	font-weight: 400;
}

.light{
	font-weight: 300;
}

p{
	line-height: 22px;
	font-weight: 300;
	text-align: justify;
}

a{
	text-decoration: none;
	color: #3b3939;
}


#wrapper-header, #wrapper-intro, #wrapper-content, #wrapper-footer {
	margin: 0 auto;
}

.content{
margin: 0 auto;
width:1000px;
	
}

.clear{
	clear:both;
}





/*** HEADER ***/

#wrapper-header{
	background-image: url('../images/ban-methode.jpg');
	height: 404px;
}

#wrapper-header-page-general{
	height: 404px;
}

.header-page-general{
	background-image: url('../images/ban-methode.jpg');
}

.header-maitrise{
	background-image: url('../images/ban-maitrise.jpg');
}

.header-methode{
	background-image: url('../images/ban-methode.jpg');
}

.header-ordo{
	background-image: url('../images/ban-ordo.jpg');
}

.header-synthese{
	background-image: url('../images/ban-synthese.jpg');
}

.header-deconstruction{
	background-image: url('../images/ban-deconstruction.jpg');
}

.header-desamiantage{
	background-image: url('../images/ban-desamiantage.jpg');
}

#wrapper-header, #wrapper-header-page-general{
	  /*-webkit-background-size: cover; /* pour Chrome et Safari */
	 /* -moz-background-size: cover; /* pour Firefox */
	  /*-o-background-size: cover; /* pour Opera */
	 /* background-size: cover; /* version standardisée */
	 background-position: center top;
	  background-repeat: no-repeat;
	  
}

#logo{
	font-size: 15.5px;
	color: #454545;
	text-transform: uppercase;
	float: left;
	font-weight: 300;
}

#logo img{
	float: left;
	margin-right: 74px;
	margin-bottom: 10px;	
}





/** Menu **/
#e-menu{
	right: 0;
	height: 40px;
	background: #575757;
	/*background: url('../images/bg-menu.jpg') repeat-x center top;*/

}

#e-menu > ul {
   /* margin: 0.899em 0;*/
    margin-top: 0.9315em;
}
#e-menu li {
    display: inline;
    padding: 0.75em 1.3em 0.65em 1.3em;
    /*padding: 9px 8px 8px 8px;*/
}

#menu > li:hover {
    /*background-color: #9ea4ab;*/
    background:rgb(158,164,171);
	background: transparent\9;
	background:rgba(158,164,171,1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9ea4ab,endColorstr=#ff9ea4ab);
	zoom: 1;    
}

#menu > li:hover:nth-child(n) {
	filter: none;
	}

#e-menu > ul > li:last-child{
	margin-right: 0;
}

#e-menu > ul > li > a{
	text-decoration: none;
	color: #ffffff;
	text-transform: uppercase;
}

/*Fantome de sélection du menu*/
.activated {
	background:rgb(158,164,171);
	background: transparent\9;
	background:rgba(158,164,171,1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9ea4ab,endColorstr=#ff9ea4ab);
	zoom: 1;
	}

/* Style menu collant */
.fixed {
	position:fixed;
	top:0;
	right:0;
	/*background: url('../images/bg-menu.jpg') repeat-x center top;*/
	}
.absolute {
	position:absolute;
	right: 0;
	top:71px;
	/*background: url('../images/bg-menu.jpg') repeat-x center top;*/
	}



/*Sous menu*/

.ss_menu {
 	text-transform: none;
    float: left;
    left: -999em;
    margin: 11px auto;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    width: 622px;

    background:rgb(158,164,171);
	background: transparent\9;
	background:rgba(158,164,171,0.95);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f29ea4ab,endColorstr=#f29ea4ab);
	zoom: 1;
}

.ss_menu:nth-child(n) {
	filter: none;
}

.list1{
	width:19.86em;
}

.list2{
	width:16.94em;
}

.ss_menu a{
	font-size: 0.875em;
	color: #ffffff;
	text-transform: none;	
}

.ss_menu a:hover, .ss_menu a:active{
	color: #d1d1d1 !important;	
}

.ss_menu > ul{
	margin: 0;
	float: left;
	padding: 0 1.15em !important;
}

.menu-separator{
	border-right: 1px solid #FFFFFF;
    float: left;
    height: 74px;
    margin-top: 11px;
}

.ss_menu li:hover{
	background:none;
}

.ss_menu li {
    display: block !important;
    padding: 8px 0 !important;
    
}

#e-menu li:hover .ss_menu {
    left: 0px;
    top: auto;
}










/*** FOOTER ***/
#wrapper-footer{
	background: #575757;
	
}

#footer{
	color: #ffffff;
	line-height: 20px;
	font-size: 13px;
	padding: 30px 0;
}

#footer a{
	color: #ffffff;
}

#footer a:hover{
	color: #b3b3b3;
}


#footer ul{
	float: left;

}

#footer ul li{
	list-style-type: none;
	display: block;
	font-size: 12px;
}

#footer .bloc-left{
	margin: 0 66px;
	width: 229px;
}

#footer .bloc-centre{
	margin: 0 0px;
	width: 229px;
}

#footer .bloc-right{
	margin-left: 66px;
	width: 100px;
}





/*** CONTENT ***/
#wrapper-intro{
	background: #eae8e8;
	
}

#intro{
	line-height: 26px;
    text-align: center;
    padding: 42px 0;
}

#intro p{
	margin: 0 10%;
	text-align: center;
}


#wrapper-content{
	background: #ffffff;
}

#content{
	padding: 55px 0;
	text-align: center;
}

.bloc{
	display: inline-block;
	width: 360px;
	text-align: center;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 300;
	padding-bottom: 60px;
}

.bloc img{
	margin-bottom: 30px;
}

.bloc > a:hover {
    opacity: 0.75;
}






/** PAGE **/

#wrapper-intro-page{
	background: #eae8e8;
	padding: 10px;
}

#intro-page{
	line-height: 26px;
}

#intro-page p{
    color: #9a999b;
    float: right;
    font-size: 18px;
    font-weight: bold;
    width: 65%;
    text-transform: uppercase;
}









/* bloc gauche */
.bloc-left{
	margin-right: 50px;
	float: left;
}

.bloc-left a:hover{
	color:#939393;
}

.bloc-left img{
	margin-bottom: 20px;
}

.bloc-left div:first-child{
	padding-top: 0;
}

.bloc-left div:last-child{
	border-bottom: none;
}

/* bloc gauche alternatif */
.bloc-left-alt{
	float: left;
    width: 480px;
    text-align: justify;
}

.bloc-left-alt a:hover{
	color:#939393;
}

.bloc-left-alt h3{
	padding-top: 5px;
	color:#af2a26;
	font-size: 18px;
	text-align: left;
}


/* bloc droit */
.bloc-right{
	float: right;
    width: 65%;
    text-align: justify;
}

.bloc-right img{
	float: left;
	margin-right: 9px;
	
}

.bloc-right img.download{
	vertical-align: middle;
	float: none !important;
	margin-right: 9px;
	width: 29px;
	
}

.bloc-right p, .bloc-right ul{
	margin:25px 0;
	text-align: justify;
	
}

.bloc-right ul li
{
	line-height: 22px;
	font-weight: 300;
	text-align: justify;
	margin: 25px 0 25px 15px;
	list-style-type: disc;
	
}

.bloc-right h3{
	padding-top: 5px;
	color:#af2a26;
	font-size: 18px;
	text-align: left;
}

.bloc-right a:hover{
	color:#939393;
}

/* bloc droit alternatif*/
.bloc-right-alt{
	float: right;
    width: 480px;
    text-align: justify;
	margin-left: 40px;
}

.bloc-right-alt a:hover{
	color:#939393;
}

.bloc-right-alt h3{
	padding-top: 5px;
	color:#af2a26;
	font-size: 18px;
	text-align: left;
}

.bloc-right-alt img{
	float: left;
	margin-right: 9px;
	
}

.bloc-right-alt img.download{
	vertical-align: middle;
	float: none !important;
	margin-right: 9px;
	width: 29px;
	
}






.without-img{
	padding-left:355px;
}


.contact ul {
	float: left;
	margin-top: 25px;
	margin-bottom: 0;
	padding-bottom: 15px;
	min-height: 154px;
	width: 33%;

}

.contact ul li{
	list-style-type: none;
	display: block;
	font-size: 15px;
	margin: 0;
	font-weight: 300;
}

.google-maps{
	border-top: 1px solid #c3c3c3;
	padding-top:10px; 
	width: 28%;
	float: left;
}

.centre{
	margin:0 30px;
}

/* Listes des références */

.list-references{
    border-bottom: 1px solid #B1B1B4;
    font-size: 0.99em;
    line-height: 17px;
    min-height: 32px;
    padding: 20px 0;
    text-align: left;
    width: 287px;
}

.list-references img{
	float: left;
	margin-top: 3px;
	margin-right: 20px;
    vertical-align: middle;
    margin-bottom: inherit;
}

.list-references a, .list-references a img{
	font-weight: 400;
	/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:0.5;
	/* FIREFOX TRES VIELLE VERSION <= 0.9*/
	    -moz-opacity : 0.5;
	/* IE 8 ET COMPRIS PAR IE 10*/
	    -ms-filter: "alpha(opacity=50)";
	/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
	    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	/* IE 4 */
	    filter : alpha(opacity=50);
	/* AUTRE */
	    opacity : 0.5;
}

.list-references a:hover, .list-references a:hover img, .list-references a.active, .list-references a.active img{
    color: #af2a26;
	font-weight: 400; 
	/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:1;
	/* FIREFOX TRES VIELLE VERSION <= 0.9*/
	    -moz-opacity : 1;
	/* IE 8 ET COMPRIS PAR IE 10*/
	    -ms-filter: "alpha(opacity=100)";
	/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
	    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	/* IE 4 */
	    filter : alpha(opacity=100);
	/* AUTRE */
	    opacity : 1;
}

.list-separateur{
    border-bottom: 1px solid #B1B1B4;
    font-size: 0.99em;
    line-height: 17px;
    min-height: 32px;
    padding: 20px 0;
    text-align: left;
    width: 100%;
}

ul.list-references2{
	margin: 10px 0;
}

ul.list-references2, ul.list-references2 li:first-child{
	margin-top: 0;
}

ul.list-references2 li{
	margin: 10px 0 10px 17px; 
}

.bloc-right.references > p{
	 margin: 25px 0 10px;
	 
}

.bloc-right.references > p:first-child{
	margin-top: 0;
}

.list-references3{
    font-size: 0.99em;
    line-height: 17px;
    min-height: 32px;
    padding: 20px 0;
	vertical-align: middle;
    text-align: left;
}

.list-references3 img{
	float: left;
	margin-top: 3px;
	margin-right: 20px;
    vertical-align:;
    margin-bottom: inherit;
}










/*** TABLEAU ***/
th {
    font-weight: 700;
    padding-bottom: 10px;
	text-align: left;
}

td {
    font-size: 0.91em;
    padding: 10px 0;
    font-weight: 300;
    text-align: left;
}










/*** PLAN DU SITE ***/
.liste-plan > li {
    margin: 12px 0 !important;
}

.ss-liste-plan > li {
    margin: 8px 0 !important;
}

.ss-liste-plan {
    margin: 0 0 0 30px !important;
}