/* Les Dessins Conspectek
--------------------------------------------------------------------------------------- */

@import url("reset.css");
#header, #header-C, #body, #body2, #footerFull, #footer-C, #footer, #content, #menu li a,{ behavior: url(/iepngfix.htc); }



body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#body{
background:url(/images/bgBody2.gif) center top;
}

#body2{
background:url(/images/bgBody.png) repeat-x;
}

/* Liens
------------------------------------- */

a:link {color:#0055a5;text-decoration:underline;}
a:visited {color:#0055a5;text-decoration:underline;}
a:hover {color:#0055a5;text-decoration:none;}
a:active {color:#0055a5;text-decoration:underline;}


#liensUtiles a:link {color:#555;text-decoration:underline;}
#liensUtiles a:visited {color:#555;text-decoration:underline;}
#liensUtiles a:hover {color:#555;text-decoration:none;}
#liensUtiles a:active {color:#555;text-decoration:underline;}


/* Typographie
------------------------------------- */
h1 {}
h2 {font:30px Tahoma, Arial, Helvetica, sans-serif, "Trebuchet MS"; border-bottom:1px solid #939598;color:#939598;margin-bottom:20px;}
h3 {
font:15px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:15px;
font-weight:bold;
color:#0055a5;
margin-top: 25px;
margin-bottom: 5px;
}
h4 {
font:13px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;
font-weight:bold;
color:#0055a5;
margin-top: 25px;
margin-bottom: 5px;
}
h5 {
font:12px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;
font-weight:bold;
color:#0055a5;
margin-top: 25px;
margin-bottom: 5px;
}
h6 {font:12px Verdana, Arial, Helvetica, sans-serif;margin-bottom:10px;font-weight:bold;color:#ee202a;}
p {
text-align:justify;
font-size:11px;
color:#333;
margin-bottom:10px;
line-height:15px;
}
ul {
font-size:11px;
padding-left:15px;
list-style:disc;
color:#000;
margin-bottom: -15px;
}
li {padding-bottom:15px;}
table {}
th {}
td {}



/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 935px;
	margin: 0 auto;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
width:935px;
height:301px;
background:url(/images/bgHeader.png);
}
 #header h1 {
 	position: absolute;
	right: 0px;
	text-align: right;
	top: 6px;
	z-index: 5;
	font-size: 11px;
	color:#0055a5;
	width: 252px;
 	}

#header-C{
width:935px;
height:300px;
background:url(/images/bgHeader-C.png);
position:relative;
}

#logo{
position:absolute;
left:10px;
top:40px;
z-index:10;
}

#theflash{
padding-left:275px;
position:relative;
top:-1px;
}


#intranet{
position:absolute;
right:20px;
top:90px;
width:124px;
height:100px;
padding:55px 0 0 11px;
font-size:10px;
color:#000;
}

#intranet input{
width:110px;
margin-bottom:5px;
border:0px;
background:url(/images/bgInput.gif) repeat-x;
}

/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
	background:url(/images/bgPage.png);
	float:left;
}


/* Contenu Left
--------------------------------------------------------------------------------------- */

#contentLeft{
width:159px;
float:left;
}

#contentLeft img{
float:right;
}

#menu {
list-style:none;
width:159px;
text-align:left;
padding:0px;
margin-bottom: 15px;
}

#menu li{
padding:0px;
}

#menu li a{
padding:10px 0 0 40px;
font-size:13px;
display:block;
width:119px;
height:18px;
background:url(/images/bgMenu.png);
}
#menu li a:link {color:#808285;text-decoration:none;}
#menu li a:visited {color:#808285;text-decoration:none;}
#menu li a:hover {color:#808285;text-decoration:none;background:url(/images/bgMenu-hov.png);color:#0055a5;font-weight:bold;}
#menu li a:active {color:#808285;text-decoration:none;}


#menu li.menuFirst a{
display:block;
padding:21px 0 0 40px;
width:119px;
height:18px;
background:url(/images/bgMenuTop.png);
}
#menu li.menuFirst a:hover {text-decoration:none;background:url(/images/bgMenuTop-hov.png)}

#menu li.menuLast a{
display:block;
width:119px;
height:47px;
background:url(/images/bgMenuBottom.png);
}
#menu li.menuLast a:hover {text-decoration:none;background:url(/images/bgMenuBottom-hov.png)}


#menu li.developpement-durable a{
height:32px;
background-repeat: no-repeat;
line-height: 14px;
padding-top: 11px;
background:url(/images/bgMenuLarge.png);
}
#menu li.developpement-durable a:hover{background:url(/images/bgMenuLarge-hov.png);}

#menu li ul{
	position: absolute;
	left: -999em;
	background:url(../images/bgMenuUl.png) no-repeat;
	height:32px;
	padding:21px;
	z-index:10;
	width:400px;
}

#menu li ul.semi{
	width:700px;
		background:url(../images/bgMenuUlSemi.png) no-repeat;
}
#menu li ul.longer{
	width:700px;
	background:url(../images/bgMenuUlLonger.png) no-repeat;
}
#menu li ul.durable{
	width:700px;
	background:url(../images/bgMenuUlDurable.png) no-repeat;
}


#menu li ul li{
	display:inline;
	font: Tahoma, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#0055a5;
	font-weight:bold;
}

#menu li ul li a,
#menu li.developpement-durable ul li a{
	background:#fff;
	margin:0px 4px;
	padding:2px 14px;
	color:#0055a5;
	display:inline;
}

#menu li ul li a:link,
#menu li.developpement-durable ul li a:link{color:#0055a5;text-decoration:none;}
#menu li ul li a:visited,
#menu li.developpement-durable ul li a:visited{color:#0055a5;text-decoration:none;}
#menu li ul li a:hover,
#menu li.developpement-durable ul li a:hover{color:#0055a5;text-decoration:none;background:url(/images/bgMenuli.gif);}
#menu li ul li a:active,
#menu li.developpement-durable ul li a:active{color:#0055a5;text-decoration:none;}




#menu li ul li.le2LiFirst{
	margin-left:30px;
}

#menu li:hover ul{
	left: auto;
}

#menu li:hover ul, #menu li.sfhover ul{
	left: auto;
}

.menuDivRelative{
position:Relative;
padding-left:105px;
top:-40px;
}
#menu li:hover .menuDivRelative{
left:auto;
}
#menu li.developpement-durable .menuDivRelative{
	top:-54px;
	padding-left:125px;
}




/* Contenu Middle
--------------------------------------------------------------------------------------- */

#contentMiddle{
width:422px;
float:left;
padding:20px;
padding-right:15px;

}

#dernieresNouvelles{
width:370px;
min-height:260px;
background:url(/images/denieresNouvelles.jpg) no-repeat;
padding:65px 25px 0 24px;
}

.nouvelleDate{
font:11px Arial, Helvetica, sans-serif;
color:#0055a5;
border-bottom:2px solid #0055a5;
font-weight:bold;
padding:0px;
margin:0px;
margin-bottom:5px;
}

.nouvelleTexte{
font:10px Arial, Helvetica, sans-serif;
color:#a6a6a6;
}

.nouvelleTexte a:link {color:#0055a5;text-decoration:none;}
.nouvelleTexte a:visited {color:#0055a5;text-decoration:none;}
.nouvelleTexte a:hover {color:#8aa2b6;text-decoration:none;}
.nouvelleTexte a:active {color:#0055a5;text-decoration:none;}

.nouvelleRetour{
font-size:12px;
color:#0055a5;
}

.nouvelleRetour a:link {font-size:11px;color:#0055a5;text-decoration:underline;}
.nouvelleRetour a:visited {color:#0055a5;text-decoration:underline;}
.nouvelleRetour a:hover {color:#8aa2b6;text-decoration:none;}
.nouvelleRetour a:active {color:#0055a5;text-decoration:underline;}

/* Contenu Right
--------------------------------------------------------------------------------------- */

#contentRight{
width:317px;
float:left;
}


#contentRight-C{
width:395px;
float:right;
padding-right:100px;
padding-left:30px;
padding-top:10px;
}

#contentLeft-C{
width:410px;
float:right;
text-align:center;
}

.RA1{
font:18px Tahoma, Arial, Helvetica, sans-serif;
color:#939598;
}

.RA2{
font:14px Tahoma, Arial, Helvetica, sans-serif;
color:#939598;
}
.RA2 a{
text-align:right;
font-weight:bold;
color:#ffc423;
}
.RA2 a:link {color:#ffc423;text-decoration:none;}
.RA2 a:visited {color:#ffc423;text-decoration:none;}
.RA2 a:hover {color:#ffc423;text-decoration:underline;}
.RA2 a:active {color:#ffc423;text-decoration:none;}


.RA3{
font:12px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
color:#0055a5;
}

.realisations{
float:left;
width:210px;
text-align:center;
}

.bgform {
font-size:11px;
color:#333;
background:#F4F4F4;
float:left;
width:414px;
padding:5px 0px 5px 5px;
}

.bgform img{
border:1px solid #ccc;
}


.bgnone {
font-size:11px;
color:#333;
float:left;
width:414px;
padding:5px 0px 5px 5px;
background:#FDFDFD;
}

.bgnone img{
border:1px solid #ccc;
}

.textalign {
float:left;
clear:left;
width:150px;
}

.formalign {
float:left;
}

/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {

	width:935px;
	height:236px;
	background:url(/images/bgFooter.png);
	margin:0 auto;
}

#footer-C{

	width:935px;
	height:236px;
	background:url(/images/bgFooter-C.png);
	margin:0 auto;
}


#footerFull{
	clear: both;
	
width:100%;
background:url(/images/bgFooterFull.png) repeat-x;
}

.conditions{
display:block;
width:240px;
height:40px;
position:absolute;
left:530px;
top:101px;
color:#f0b001;
font-size:12px;
text-transform:uppercase;

}

.conditions a:link {color:#f0b001;text-decoration:none;}
.conditions a:visited {color:#f0b001;text-decoration:none;}
.conditions a:hover {color:#8aa2b6;text-decoration:none;}
.conditions a:active {color:#f0b001;text-decoration:none;}


#hdp{
position:absolute;
right:5px;
top:79px;
}

#copyright{
font:11px Arial, Helvetica, sans-serif;
position:absolute;
right:240px;
top:180px;
color:#0055a5;
}
#copyright a:link {color:#0055a5;text-decoration:none;}
#copyright a:visited {color:#0055a5;text-decoration:none;}
#copyright a:hover {color:#0055a5;text-decoration:underline;}
#copyright a:active {color:#0055a5;text-decoration:none;}

.courriel{
position:absolute;
left:410px;
top:110px;

}
.courriel a:link {font-weight:bold;color:#0055a5;text-decoration:none;}
.courriel a:visited {color:#0055a5;text-decoration:none;}
.courriel a:hover {color:#0055a5;text-decoration:underline;}
.courriel a:active {color:#0055a5;text-decoration:none;}

#emplois{
font:16px tahoma, Arial, Helvetica, sans-serif;
width:145px;
height:40px;
position:absolute;
left:210px;
top:100px;
text-align:right;
color:#ff8f00;
}
#emplois a:link {font-size:12px;font:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";color:#0055a5;text-decoration:none;}
#emplois a:visited {font-size:12px;color:#0055a5;text-decoration:none;}
#emplois a:hover {font-size:12px;color:#ff8f00;text-decoration:none;}
#emplois a:active {font-size:12px;color:#0055a5;text-decoration:none;}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}
.brd-left{
padding:4px;
border:1px solid #e5f1f7;
float:left;	
margin: 0 10px 4px 0; }
.brd-right{
padding:4px;
border:1px solid #e5f1f7;
float:right;	
margin: 0 0 4px 10px; }