/*normalisation*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}

	 
/*TEMPLATE*/
/*html{text-align:center;background-color:#000}
body{position:relative;width:1003px; margin: 0 auto; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;color:#464443}
body {behavior: url(csshover.htc);} 
*/
html{background-color:#F4F4F4;text-align:center}
body{text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;color:#464443;margin:0 auto}
body {behavior: url(csshover.htc);width:1003px;} 

#overall {
padding-left:4px;background:#F4F4F4 url(../images/ombre.png) repeat-y scroll center top;width:999px
}

h1{margin:0px 0px 0px 0px;}
h2{margin:0px 0px 0px 0px; font-size:1.1em;color:#FFFFFF;text-align:center}
h3{margin:0px 0px 0px 0px;font-size:1.2em;}

p{margin:0px 0 10px 0px;}

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

em{font-style:italic}
strong{font-weight:bold}
legend{text-indent:-999em}
caption {text-indent:-999em}

table {width:100%}
table tr td{border:1px solid #000000;padding:5px;text-align:left}
table tr th{color:#000000;background-color:#CCCCCC;}

 a.external{
background:transparent url('../images/external.png') no-repeat scroll right center;
padding:0 13px 0 0;
}
/***********************STRUCTURE****************************************************************padding:13px 54px 76px 52px******/

div#header{background:url('../images/header.png') no-repeat;width:995px;height:149px;position:relative;}
div#col_left{background:url('../images/col_left.png') no-repeat;width:141px;height:264px;padding:15px 41px 0px 51px;}

div#section{position:relative;background:url('../images/section.png') no-repeat;width:762px;height:279px;margin-left:233px;margin-top:-279px}
div#content{position:absolute;top:-35px;left:7px;background:url('../images/content_bg.jpg') no-repeat;width:590px;height:334px;z-index: 2;padding:10px 40px 10px 30px}

div#footer{background:url('../images/footer.png') no-repeat;width:995px;height:142px;padding-top:25px}

/**************menu-accessibilite******************************************************************/

div.menu-accessibilite{height:15px;background-color:#262626;padding-top:5px;padding-bottom:5px;font-size:0.8em;background-color:#262626;width:995px}
div.menu-accessibilite ul li{float:left;padding:0px 15px 0px 15px;color:#ffffff;border-right:1px solid #FFFFFF;}
/*div.menu-accessibilite ul li:first-child{padding:0px 15px 0px 0px;}*/
div.menu-accessibilite ul li:last-child{border-right:none;}
div.menu-accessibilite ul li a{color:#ffffff}

div#menu_top ul li:last-child{border-right:none;}

div#menu_bottom ul{float:right}

div#menu_bottom ul li:last-child{border-right:none;}

/***********************header**********************************************************************/

div#header h1{position:absolute;left:15px;}

div#header ul {margin-left:50%;padding-top:15px}
div#header ul li{float:left;padding:0px 15px 0px 15px;border-right:1px solid #FFFFFF;}
div#header ul li:last-child{border-right:none;}

div#header p{position:absolute;left:892px;}

/***********************NEWS - PUB**********************************************************************/

div#col_left div{overflow:hidden;width:141px;height:189px;position:relative;z-index:10}
div#col_left div p#trans{background:url('../images/news.png') no-repeat;width:141px;height:189px;position:absolute;left:0px;top:0px;margin:0px;z-index:20}

div#col_left div div#pub{margin:0px;height:auto}

div#col_left div div#pub ul li{height:169px;margin:0;padding:20px 0px 0px 0px;background-color:#FFF}
div#col_left div div#pub ul {margin:0;padding:0}

div#col_left div div#pub h4{margin:0px 4px 5px 4px;text-align:center;color:#74AA13;font-size:1.8em;font-variant:small-caps}
div#col_left div div#pub p{margin:0px 8px 5px 4px;text-align:left;}
div#col_left div div#pub cite{font-style:italic}
div#col_left div div#pub cite strong{font-style:italic}

div#col_left h3{text-align:center;color:#FFFFFF;margin:6px 0px 14px 0px}
div#col_left h4{color:#016781;margin:10px 4px 0px 4px}

div#col_left p{margin:4px;font-size:0.9em}
div#col_left a{color:#016781}

/***********************MENU**********************************************************************/

div.encart h2{margin:9px 9px 0px 9px}
div.encart h2 a{display:block; padding:12px 0px}
div.encart h3{position:absolute;left:0px;top:368px;width:220px;color:#FFFFFF;text-align:center}

div.encart em{font-style:normal}

div.encart ul {margin:15px 20px 0px 20px; padding:0px 0px 10px 0px}
div.encart ul li{padding:7px;font-size:1em;color:#464443}
div.encart ul li a{color:#464443}
div.encart ul li a:hover{color:#BD125C;text-decoration:none}
div.encart ul li em{color:#BD125C;}

div.encart span{display:block;position:relative;top:-25px;left:180px;width:15px;height:15px;overflow:hidden}
div.encart span img{display:block;position:absolute;left:0px;top:0px;}
div.encart ul li a:hover{color:#BD125C;text-decoration:none}

div#encart1{position:absolute;top:-90px;left:7px;background:url('../images/fond_menus1.png') no-repeat;width:220px;height:410px;}
div#encart2{position:absolute;top:-90px;left:227px;background:url('../images/fond_menus2.png') no-repeat;width:220px;height:410px;}
div#encart3{position:absolute;top:-90px;left:447px;background:url('../images/encart3.png') no-repeat;width:220px;height:410px;}


div#menu1{position:absolute;top:-90px;left:7px;background:url('../images/fond_menus1.png') no-repeat;width:220px;height:55px;overflow:hidden;z-index: 4}
div#menu2{position:absolute;top:-90px;left:227px;background:url('../images/fond_menus2.png') no-repeat;width:220px;height:55px;overflow:hidden;z-index: 4}
div#menu3{position:absolute;top:-90px;left:447px;background:url('../images/fond_menus3.png') no-repeat;width:220px;height:55px;overflow:hidden;z-index: 4}

div#menu1:hover,div#menu2:hover,div#menu3:hover{height:410px}
div#menu1:focus,div#menu2:focus,div#menu3:focus{height:410px}
div#menu1:active,div#menu2:active,div#menu3:active{height:410px}

div#menu1 ul li{list-style:square outside;margin-left:20px;}
div#menu2 ul li{list-style:square outside;margin-left:20px;}

div#menu2 ul li a:hover{color:#F04F2F;}
div#menu2 ul li em{color:#F04F2F;}


div#menu3 ul li a:hover{color:#5FC9E3;}
div#menu3 ul li em{color:#5FC9E3;}
div#menu3 ul li{padding:0px 0px 3px 0px;}
div#menu3 ul li a{display:block; height:45px;vertical-align: middle;padding-left:50px;font-variant:small-caps}

div#menu3 ul li#smenu1 a{background:url('../images/infos1.png') no-repeat;padding-top:15px;height:30px;}
div#menu3 ul li#smenu2 a{background:url('../images/infos2.png') no-repeat;padding-top:15px;height:30px;}
div#menu3 ul li#smenu3 a{background:url('../images/infos3.png') no-repeat;padding-top:15px;height:30px;}
div#menu3 ul li#smenu4 a{background:url('../images/infos4.png') no-repeat;padding-top:10px;height:35px;}
div#menu3 ul li#smenu5 a{background:url('../images/infos5.png') no-repeat;padding-top:10px;height:35px;}
div#menu3 ul li#smenu6 a{background:url('../images/infos6.png') no-repeat;padding-top:15px;height:30px;}


/***********************content**********************************************************************/
div#content {font-size:0.9em}
div#content h3{color:#BD125C;font-size:1.4em;margin:10px 0px}
div#content h4{font-size:1em;margin:10px 0px 5px 0px;font-variant:small-caps}
div#content p{margin:0px 0px 8px 0px;;line-height:1.2em;}
div#content a{color:#464443}
div#content ul {margin:0px 0px 7px 30px}
div#content ul li{margin:0px 0px 3px 0px;list-style:outside disc}

div#content p#next{position:absolute;left:540px;top:330px}
div#content p#next a{display:block;background:url('../images/arrow.png') no-repeat;background-position:left center;padding-left:15px;font-variant:small-caps;font-weight:bold;color:#74AA13;font-size:1.1em}

div#content p#previous{position:absolute;left:40px;top:330px}
div#content p#previous a{display:block;background:url('../images/arrow_p.png') no-repeat;background-position:left center;padding-left:15px;font-variant:small-caps;font-weight:bold;color:#74AA13;font-size:1.1em}


div.left{float:left;width:178px;margin-right:22px;text-align:justify;}
div.middle{float:left;width:198px;margin-right:22px;text-align:justify;}
div.right{float:left;width:168px;text-align:justify;}
div.middleright{float:left;width:388px;text-align:justify;}
div.leftmiddle{float:left;width:400px;margin-right:22px;text-align:justify;}
/***********************réalisations**********************************************************************/
div#content ul#real_min {margin:10px 0px 0px 10px;position:relative}

div#content ul#real_min li{margin:2px;list-style:none;float:left;position:relative;width:70px;height:41px;background-color:#666}
div#content ul#real_min li img{margin:0px;width:70px;}
div#content ul#real_min li a:hover img{margin:0px;position:absolute;left:-30px;top:-20px;width:135px;opacity:1;filter:alpha(opacity=100);z-index:100;border:2px solid #333}


/*
div#content ul#real_min li img{margin:0px;width:65px;opacity:0.4;filter:alpha(opacity=40)}

div#content ul#real_min li.transport img{opacity:0.4;filter:alpha(opacity=40)}
div#content ul#real_min li.transport a:hover img{left:0px;top:0px;width:65px;opacity:0.4;filter:alpha(opacity=40);border:0px}
*/


ul#select_real{padding:5px 0px 0px 10px;}
ul#select_real li{margin-bottom:3px;}
ul#select_real input{margin-right:5px;;}

/*contact*/
form#formulaire img {display:inline;border:none}
form#formulaire ul {float:left;margin:0px 40px 0px 0px;color:#7A7A77}
form#formulaire ul li {list-style:none;position:relative;margin-bottom:5px;}
form#formulaire ul li input {width:200px;height:16px;margin-left:120px;}
form#formulaire ul li textarea {width:320px;height:100px;margin-left:0px;margin-top:17px;}
form#formulaire ul li label {display:block;position:absolute;left:0px;top:0px}

form#formulaire ul li .input_submit {width:auto;height:auto;margin-left:260px;background-color:#4093C9;color:#fff;border:none;padding:3px;}



/***********************mulitmedia**********************************************************************/
div#content ul.vignettes {margin:20px}
div#content ul.vignettes li {list-style:none;float:left;margin:0px 10px 5px 5px;text-align:center}
div#content ul.vignettes li img{display:block}




div#colright_societe div{margin:60px 0px 0px 80px}



/***********************footer**********************************************************************/
div#footer h2{font-variant:small-caps;text-align:left;margin-left:45px;padding:4px 0px 4px 0px;font-size:1.2em;background-color:#74AA13;width:160px;text-align:center;border-top:1px solid #74AA13;border-left:1px solid #74AA13;border-right:1px solid #74AA13;-moz-border-radius-topleft:10px;-webkit-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-radius-topright:10px;}
div#footer h2 a{color:#fff}
div#footer p#vide{width:160px;height:17px}

div#footer #realisations{background:#74AA13;margin-top:0px;width:980px;height:100px;padding-left:15px;overflow:hidden;}
div#footer #realisations img{display:block;float:left;margin:10px 0px 10px 45px;border:2px solid #eee}

/***********************HIDDEN************************************************************************/
.cache{position:absolute;top:-900em;height:1px;width:1px;overflow:hidden}

/***********************CLEARFIX**********************************************************************/
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}

.clearfix {display: inline-block;clear:both}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
