/* css reset */
html, body {
	height: 100%;
}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, textarea, 
p, blockquote, table, th, td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img { 
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a, object {
	outline: none;
}
sup {
	margin:0;
	padding:0;
	vertical-align:top;
}

.pdfm {
	clear:both;
}
/* ends css reset */

body {
	background: #0b1a1f url(/img/BG.jpg) no-repeat top center;
	text-align: center;
	font: normal 12px Arial, Verdana, Tahoma;
}

/* Référecement */
.refT, .galactica {
	position: absolute;
	left: -10000px;
}

/* Position des éléments principaux du site*/

#conteneur {
	width: 960px;
	margin: 28px auto 0 auto;
	text-align: left;
	position: relative;
}

#conteneurPhotosPages {
	position: relative;
	display:block;
	width:960px;
	height:190px;
	margin:0;
	background-color:#ccc;
}

#myGallery{
	width:960px;
	height:190px;
	overflow:hidden;
}

#Rustine {
	position: absolute;
	width: 941px;
	height: 45px;
	padding: 31px 0 0 19px;
	z-index: 3;
	top: 118px;
	background: url(/img/RustineIntercalaire.png) no-repeat left top;
}

#logoMenu {
	z-index:300;
}

#Page {
	float:left;
	width:700px;
	padding:15px 0 0 30px;
}

#PageUtils {
	float:left;
	width:920px;
	padding:15px 0 0 30px;
}

#ConteneurCentral {
	width:960px;
	margin-bottom:15px;
	padding:0;
} 

/* End position princpale */

/* Les couleurs, style de textes, et autres spanrie */

/* les couleurs */
.blanc {color:#fff;}
.rouge {color:#EC0006;}
.noir {color:#000;}
.grix {color:#ccc;}

/* Les mise en formes*/
p {color:#fff; padding-bottom:10px; font-size:12px;}
.gras {font-weight:bold;}
.maigre {font-weight:lighter;}
.centrer {text-align:center;}
.droite {text-align:right;}
.grosTxt {font-size:120%;}
.smallTxt {font-size:80%;}
.cadreLink {float:left; width:150px; height:150px;  margin:0 30px 30px 0;}
.vingLink { border:3px solid #fff;}
.italik {font-style:italic;}
.TitreSIFR{color:#fff; font-size:30px; padding:0 0 10px 0;}
.chapeau {letter-spacing:1px; font-weight:bold;}
.boutAlignGauche {float:left;}
.lienOutilIndus {
	text-align:center;
	margin-top:100px;
	width:274px;
	height:126px;
	background:url(/img/backgroundDivOutilIndus.png) top left no-repeat;
}
.titreOuilsIndus {font-weight:bold;font-size:14px;  padding:8px; color:#fff;}

/*Les listes à puce*/
.espace400px {width:400px; float:left;}
.espace420px {width:420px; float:left;}
.ulRetrait18px {padding:18px;}
.listSquare {padding-bottom:8px; list-style-type:square;}

/* Interview */
.jc {color:#EC5F00; font-weight: bold; padding-left:15px;}
.caf {color:#79BB31; font-weight: bold; padding-left:15px;}
.temoignage {display:block;border-top:1px solid #ccc; clear:both; margin-top:10px;}
.nomTemoignage {color:#ccc; font-weight:bold; font-size:14px; padding:5px; }
.questionTemoignage{font-size:15px; color:#ccc; text-decoration:underline; font-weight:bold;}
.citationTemoignage{font-size:16px; color:#ddd; font-style:italic; letter-spacing:1px; text-align:right;}
.imgTemoiLeft {float:left;}
.blockTemoi {display:block; float:left; width:490px;}

/* Qu'est-ce que l'asphalte */

#PageQqa {
	float:left;
	width:925px;
	padding:15px 0 0 15px;
}
#encadreQqaDefin {
	padding:10px 10px 0 10px;
	float:right;
	width:524px;
	background:url(/img/qqaDefin.png) no-repeat;
}
#lienQqaDefin {
	float:left;

	width:932px;
	height:244px;
	margin-top:15px;
}
#lienQqaDefin ul {
	margin:0;
	padding:0;
}
#lienQqaDefin ul li {
width:306px;
height:244px;
display:block;
float:left;
}
#lienQqaDefin ul li.mLeft {
	margin-right:7px;
}

#lienQqaDefin ul li a {
	text-decoration:none;
	width:306px;
	height:244px;
	display:block;
}

.bQqa1 {background:url(/img/boutonsQqa.jpg) top left no-repeat;}
.bQqa2 {background:url(/img/boutonsQqa.jpg) top center no-repeat;}
.bQqa3 {background:url(/img/boutonsQqa.jpg) top right no-repeat;}
.bQqa1:hover {background:url(/img/boutonsQqa.jpg) bottom left no-repeat;}
.bQqa2:hover {background:url(/img/boutonsQqa.jpg) bottom center no-repeat;}
.bQqa3:hover {background:url(/img/boutonsQqa.jpg) bottom right no-repeat;}

.contentPop {color:#000; padding:15px;}
.histoDiv {background:url(/img/backgroundhistoQqa.png) bottom center no-repeat; height:630px;}
.phaseDiv {background:url(/img/backgroundPhase.png) bottom center no-repeat; height:640px;}

/* Pages "videos" */
.liVideo {
	margin:0;
	padding:0;
	display:inline;
}
.aVideo {
	text-decoration:none;
	margin-right:8px;
	float:left;
	display:block;
	width:200px;
	height:150px;
	padding:10px;
	margin:20px;
	background-color:#111;
	border:1px solid #fff;
}
.tVideo {
	display:block;
	padding-top:5px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

/* Page "nos implantations" */
#carte {
	position:absolute;
	z-index:50;
	top:121px;
	right :0px;
}
.implanTation #Page p{
	font-size  : 14px;
	line-height: 18px;
}
/* END Pages*/

/* Footer */
#footer ul li {
	display: block;
	height: 30px;
	background: url(/img/BoutonFooter.png) no-repeat left top;
	padding: 0 30px 0 35px;
	float: left;
}
#footer ul li:hover {
	background: url(/img/BoutonFooter.png) no-repeat left bottom;
	color: #bf0001;
}
#footer ul li a {
	font-family    : 'Eras';
	font-weight    : 100;
	font-size      : 15px;
	display        : block;
	height         : 30px;
	color          : #fff;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
	padding-top      : 6px;
}
#footer ul li a:hover {
	color              : #B80000;
	background-position: left bottom;
}

#footer #resoSocio{
	float: right;
}

/*JAVASCRIPTERIES */
/* PopUp "photo" mooVirtualImgBox*/
#virtualImgDiv {
	border-color: #fff;
	background: #fff url(/img/redWhiteLoader.gif) center center no-repeat;
}
#virtualImgMask {
	background: #000;
}
#virtualImgCloseLink {
	background: url(/img/close.png) left top no-repeat;
	display:block;
	position:relative;
}
#virtualBoxLegend {
	padding: 10px 0 0 0;
	text-align: left;
	color: #666;
	font-size: 11px;
}

/* Boutons secteurs batiment et génie civil (slider dans /fr/Activite/etanchAsphalte.php) */
.sectBat {
	background:url(/img/BoutonSectBatOffOn.png);
}
.sectGeni {
	background:url(/img/BoutonSectGeniCivOffOn.png);
}
#SelectCategorie .UneCategorieOff {
background-position:bottom left;
color:#FFFFFF;
cursor:pointer;
display:block;
float:left;
height:62px;
width:305px;
}
#SelectCategorie .UneCategorieOn {
background-position:top left;
color:#FFFFFF;
cursor:pointer;
display:block;
float:left;
height:62px;
width:305px;
}
.BoutSectBat {
	float:left;
	width:305px;
	height:62px;
	background:url(/img/BoutonSectBatOffOn.png) top left no-repeat;
	display:block;
}
.BoutSectBat:hover {
	background:url(/img/BoutonSectBatOffOn.png) bottom left no-repeat;
}
.BoutSectGeniCiv{
	float:left;
	width:305px;
	height:62px;
	background:url(/img/BoutonSectGeniCivOffOn.png) top left no-repeat;
	display:block;
}
.BoutSectGeniCiv:hover{
	background:url(/img/BoutonSectGeniCivOffOn.png) bottom left no-repeat;
}

/*Les pages "popin" Quest-ce que l'Asphaltes*/
#vPopmask {
	background-color: #000;
	cursor: pointer;
}
#vPopin {
	/*le div dans lequel on met l'anim, couleur de fond importante si on mets l'anim en fond transparent*/
	background-color: #ccc;
	border:3px solid #fff;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; /* Pas taper christo :S suis au dos du mur */
	letter-spacing:0;
	text-align:left;
	padding: 0;
	position:absolute;
}
#vPopclose {
	/*le lien de fermeture de l'anim*/
	background: url(/img/popClose.png) no-repeat;
	display:block;
	position:relative;
}
#expertPopBg {
	width: 611px;
	height: 360px;
	padding: 34px 2px 16px 33px;
	text-align: left;
	font-size: 11px;
}
#expertContent {
	width: 597px;
	height: 345px;
}
#scrollContent {
	width: 540px;
	padding-right: 57px;
	float: left;
	overflow: hidden;
	height: 345px;
}
#scrollContent p {
	margin: 0;
}
#scrollContent img {
	float: left; 
	margin: 0 26px 20px 0;
}
.vThumb {
	/*les élements de scroll*/
	position: absolute;
	top: 2px;
	left: 2px;
	height: 20px;
	width: 7px;
	background: #dfc48a url(/img/scrollKnobBg.gif) center center no-repeat;
	border-top: 1px solid #efdfbd;
	border-left: 1px solid #efdfbd;
	border-right: 1px solid #bb8a51;
	border-bottom: 1px solid #bb8a51;
	overflow: hidden;
}
.vScrollbar {
	float: right;
}
.vTrack {
	height: 340px;
	width: 9px;
	padding: 0 2px;
	border-top: 2px solid #26180a;
	border-bottom: 2px solid #26180a;
	background-color: #26180a;
	margin-right: 2px;
	position: relative;
	overflow: hidden;
}
#scrollContent p.expertPopName {
	/*un poil de contenu*/
	font-family: "Times new Roman", serif;
	font-size: 12px;
	font-weight: bold;
	margin: 7px 0;
}
#scrollContent p.expertPopDetail {
	margin: 0 0 7px 0;
	font-weight: bold;
}
#scrollContent p.expertPopDetail a {
	font-size: 11px;
}

/* Accordéons produits */
.accProd {
	width:410px;
	height:auto;
}
h3.titreAccProd, h3.titreAccProdGC {
	background:url(/img/BackH3Acc.png) no-repeat;
	font-family:tahoma, arial, verdana;
	letter-spacing:1px;
	width:395px;
	height:34px;
	padding:10px 0 0 15px;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
	color:#fff;
		margin-top:15px;
}
.contentAccProd, .contentAccProdGC {
	width:390px;
	background:url(/img/contentAccProd.png) bottom left no-repeat;
	padding: 0 10px 17px 10px;

}
.headContentAccProd {
	width:390px;
	display:block;
	height:7px;
	background:url(/img/headContentAccProd.png) top left no-repeat;
}
.accSeul {
	width:410px;
	overflow:visible;
	display:block;
}
.footContentAccProd {
	width:390px;
	float:left;
	height:17px;
	background:url(/img/footContentAccProd.png) top left no-repeat;

}
.whiteContentAccProd {
	width:370px;
	clear:both;
	display:block;
	padding:0 10px;
	background:#fff;
	margin-right:10px;
	
}
.gaucheContentAccProd {
	float:left;
	width:92px;
	height:92px
}
.droiteContentAccProd {
	padding-left:10px;
	width:267px;
	float:left;
	color:#000;
}
.txtAcc {
	color:#000;
	font-weight:bold;
}
.sectionDown {
	height:40px;
}
.down {
	background:url(/img/pictTelechargerDoc.png) top left no-repeat;
	color:#fff;
	height:30px;
	padding:7px 0 0 32px;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
}
.downDoc {
	background:url(/img/pictTelechargerDoc.png) top left no-repeat;
	margin-right:7px;
	color:#EC0006;
	font-size:9px;
	height:30px;
	padding:9px 0 0 32px;
	display:block;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
}
.downTec {
	background:url(/img/pictTelechargerDoc.png) top left no-repeat;
	margin-right:7px;
	color:#EC0006;
	font-size:9px;
	height:30px;
	padding:9px 0 0 32px;
	display:block;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
}

/* Quelques références */
.blockQqRef {
	width:269px;
	height:auto;
	float:right;
}
.headQqRef {
	width:269px;
	height:36px;
	background:url(/img/headQqRef.png) top left no-repeat;
}
.footQqRef {
	width:269px;
	height:11px;
	background:url(/img/footQqRef.png) top left no-repeat;
}
.contentQqRef {
	margin:0;
	padding:10px;
	background:url(/img/trameQqRef.png);
}
#vCarrouselWrapper {
	height: 450px;
	width: 249px;
	overflow: hidden;
	margin:0;
}
#carrouTop, #carrouBottom {
	width: 249px;
	height: 22px;
	text-align:center;
}
#vCarrousel {
	height: 400px;
	width: 249px;
	position: relative; /*indispensable*/
	overflow: hidden; /*indispensable*/
}
.vCarrouItem {
	border-top:1px dotted #fff;
	margin-bottom:8px;
	width: 249px;
	height: 90px;
	margin-right: 10px;
	float: left;
	overflow:hidden;
}
.vCarrouItem a {
 display: block;
 float: left;
 width: 110px;
 height: 80px;
 margin-right: 5px;
}
.imgCarrou {
	border:3px solid #fff; margin: 8px 8px 8px 0; float:left; display:block; 
}
.commentCarrou {
	float:left;
	padding:10px 0;
	width:130px;
	height:74px;
}
.titreCarrou {
	height:40px;
	font-weight:bold;
}
#verticalEx {
	width: 600px;
	height: 250px;
}
#blablaDiv {
	float: left;
	height: 214px;
	width: 400px;
	margin: 20px 20px 20px 0;
	position: relative;
	overflow: hidden;
	background: #222;
}
.blablaContent {
	width: 249px;
	height: 214px;
	padding: 5px;
}
.blablaContent a {
	display: block;
	float: left;
	margin: 0 12px 2px 0;
	border: 1px solid #cecece;
}
#vCarrouselVWrapper {
	float: left;
	width: 150px;
	height: 214px;
	margin: 20px 0;
}
#vCarrouselV {
	width: 150px;
	height: 113px;
	position: relative;
	overflow: hidden;
}
.vCarrouVItem {
	display: block;
	width: 150px;
	height: 113px;
	margin-bottom: 10px;
}
/* //END JAVASCRIPTERIES */



/* LES BACKGROUNDS */
/* Les backgrounds "Qui sommes-nous ?"*/
.qsnVolonteEntreprendre {
	background: #313132 url(/imgBackground/qsnVolonteEntreprendre.jpg) bottom center no-repeat;
	height:370px;
}
.actiHisto {
	background: #303030 url(/imgBackground/qsnHisto.jpg) bottom center no-repeat;
	height:600px;
}
.qsnFiliales {
	background: #313132 url(/imgBackground/qsnFiliales.jpg) bottom center no-repeat;
	height:505px;
}
.qsnChiffresCles {
	background: #313132 url(/imgBackground/qsnChiffresCles.jpg) bottom center no-repeat;
	height:415px;
}
.qsnRD{
	background: #313132 url(/imgBackground/qsnRD.jpg) bottom center no-repeat;
	height:840px;
}
.qsnDevResp{
	background: #313132 url(/imgBackground/qsnDevResp.jpg) bottom center no-repeat;
	height:380px;
}
.qsnDemarcheEnviro {
	background: #313132 url(/imgBackground/qsnDemarcheEnviro.jpg) bottom center no-repeat;
	height:480px;
}
.qsnRecyclageAsphalteAncien {
	background: #313132 url(/imgBackground/qsnRecyclageAsphalteAncien.jpg) bottom center no-repeat;
	height:493px;
}
.qsnBasseTemp {
	background: #313132 url(/imgBackground/qsnBasseTemp.jpg) bottom center no-repeat;
	height:580px;
}
.qsnToitVeget {
	background: #313132 url(/imgBackground/qsnToitVeget.jpg) bottom center no-repeat;
	height:560px;
}
.qsnphotoVolta  {
	background: #313132 url(/imgBackground/qsnphotoVolta.jpg) bottom center no-repeat;
	height:500px;
}
.qsnIsoAccous {
	background: #313132 url(/imgBackground/qsnIsoAccous.jpg) bottom center no-repeat;
	height:500px;
}
.qsnFormation {
	background: #313132 url(/imgBackground/qsnFormation.jpg) bottom center no-repeat;
	height:430px;
}
.qsnparcoursIntegrationMesure {
	background: #313132 url(/imgBackground/qsnparcoursIntegrationMesure.jpg) bottom center no-repeat;
	height:800px;
}
.qsnformationsQualificationsReconnues  {
	background: #313132 url(/imgBackground/qsnformationsQualificationsReconnues.jpg) bottom center no-repeat;
	height:950px;
}
.qsnOutilIndus  {
	background: #313132 url(/imgBackground/qsnOutilIndus.jpg) bottom center no-repeat;
	height:630px;
}
.qsnTemoignageTourDeFrance{
	background: #303030 url(/imgBackground/qsnTemoignageTourDeFrance.jpg) bottom center no-repeat;
	height:1100px;
}
.qsnPepiniereRegionale{
	background: #303030 url(/imgBackground/qsnPepiniereRegionale.jpg) bottom center no-repeat;
	height:800px;
}
.qsnTemoignageFormation{
	background: #303030 url(/imgBackground/grey.jpg) bottom center no-repeat;
	height:1900px;
}

/* Les backgrounds "Activité"*/
.actiEnveloppeBat {
	background: #313132 url(/imgBackground/actiEnveloppeBat.jpg) bottom center no-repeat;
	height:566px;
}
.actiEurofacade {
	background: #313132 url(/imgBackground/actiEurofacade.jpg) bottom center no-repeat;
	height:566px;
}
.actiEtancheite {
	background: #313132 url(/imgBackground/actiEtancheite.jpg) bottom center no-repeat;
	height:566px;
}
.actiEtancheAsphalte {
	background: #313132 url(/imgBackground/actiEtancheAsphalte.jpg) bottom center no-repeat;
	height:640px;
}
.actiEtancheMembranes {
	background: #303030 url(/imgBackground/grey.jpg) bottom center no-repeat;
	height:500px;
}
.actiToituresVeget {
	background: #303030 url(/imgBackground/actiToituresVeget.jpg) bottom center no-repeat;
	height:500px;
}
.actiVoiriSolIndus {
	background: #303030 url(/imgBackground/actiVoiriSolIndus.jpg) bottom center no-repeat;
	height:900px;
}
.actiPhotovolta {
	background: #303030 url(/imgBackground/actiPhotovolta.jpg) bottom center no-repeat;
	height:600px;
}
.actiEntretienMaintenance {
	background: #303030 url(/imgBackground/actiEntretienMaintenance.jpg) bottom center no-repeat;
	height:550px;
}

/* Les backgrounds "utils"*/
.utilsLegal {
	background: #303030 url(/imgBackground/grey.jpg) bottom center no-repeat;
	height:690px;
}
.utilsContact {
	background: #303030 url(/imgBackground/grey.jpg) bottom center no-repeat;
	height:380px;
}
.utilsPartenaires {
	background: #303030 url(/imgBackground/grey.jpg) bottom center no-repeat;
	height:700px;
}

/* Le background "implantation"*/
.implanTation {
	background: #303030 url(/imgBackground/implanTation.jpg) bottom center no-repeat;
	height:564px;
}

/* Le background "quest-ce que l'apshalte"*/
.qqaIndex  {
	background: #303030 url(/imgBackground/qqaIndex.jpg) bottom center no-repeat;
	height:497px;
}

/* Les backgrounds "vidéo"*/
.video {
	background: #303030 url(/imgBackground/grey.jpg) bottom center no-repeat;
	height:550px;
}
.videoNeophalte {
	background: #303030 url(/imgBackground/grey.jpg) bottom center no-repeat;
	height:600px;
}
.videoCompagnon {
	background: #303030 url(/imgBackground/grey.jpg) bottom center no-repeat;
	height:560px;
}