/***************** BODY *****************/

* {
/*---on passe toutes les marges à 0---*/

margin:0;
padding:0;
}

html {
height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)

scrollbar-base-color:#7d8a2e;
---*/

background:#fff url(../../charte/images/bg-body.jpg) center 80px repeat-x;
}

body {
background:none;
height:100%;
}



/***************** FONTFACE *****************/



@font-face {
font-family: 'bebasneue-webfont';
src: url('../../charte/font/bebasneue-webfont.eot');
src: local('☺'), 

url('../../charte/font/bebasneue-webfont.woff') format('woff'),

url('../../charte/font/bebasneue-webfont.ttf') format('truetype'),

url('../../charte/font/bebasneue-webfont.svg#webfont3O1lEWkC') format('svg');
font-weight: normal;
font-style: normal;
}







@font-face {
    font-family: 'homoarakhnregular';
    src: url('../../charte/fontss/homoarak.eot');
    src: url('../../charte/fontss/homoarak.eot?#iefix') format('embedded-opentype'),

         url('../../charte/fontss/homoarak.woff') format('woff'),

         url('../../charte/fontss/homoarak.ttf') format('truetype'),

         url('../../charte/fontss/homoarak.svg#homoarakhnregular') format('svg');
    font-weight: normal;
    font-style: normal;


}



@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../../charte/fonts/robotocondensed-regular-webfont.eot');
    src: url('../../charte/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../../charte/fonts/robotocondensed-regular-webfont.woff') format('woff'),

         url('../../charte/fonts/robotocondensed-regular-webfont.ttf') format('truetype'),

         url('../../charte/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;


}











@font-face {
font-family: 'icomoon';
src:url('../../charte/font/icomoon.eot');
src:url('../../charte/font/icomoon.eot?#iefix') format('embedded-opentype'),

url('../../charte/font/icomoon.ttf') format('truetype'),

url('../../charte/font/icomoon.woff') format('woff'),

url('../../charte/font/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}



[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;


/* Better Font Rendering =========== */

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



.icon-plus:before {
content: "\e601";
}

.icon-arrow-up:before {
content: "\e602";
}

.icon-arrow-up:before {
content: "\e603";
}

.icon-arrow-right:before {
content: "\e604";
}

.icon-uniE605:before {
content: "\e605";
}

.icon-pictures:before {
content: "\e606";
}

.icon-arrow-left:before {
content: "\e600";
}

.icon-arrow-down:before {
content: "\e607";
}

.icon-arrow-left2:before {
content: "\e608";
}

.icon-arrow-down:before {
content: "\e60a";
}

.icon-play:before {
content: "\e609";
}

.icon-iconmonstr-smartphone-9-icon:before {
content: "\e60b";
}

.icon-iconmonstr-location-16-icon:before {
content: "\e60c";
}

.icon-iconmonstr-email-icon:before {
content: "\e60d";
}

.icon-iconmonstr-shop-4-icon:before {
content: "\e60e";
}

.icon-iconmonstr-newspaper-7-icon:before {
content: "\e60f";
}

.icon-iconmonstr-location-icon:before {
content: "\e610";
}

.icon-iconmonstr-phone-icon:before {
content: "\e611";
}

.icon-iconmonstr-printer-6-icon:before {
content: "\e612";
}





/***************** CONTAINER *****************/

#container {
position:relative;
min-height:100%;
width:988px;
margin:0 auto;
background:none;


}

/***************** HEADERFLASH *****************/

#header {
width:988px;
height:200px;
/*obligatoire si il y a un flash*/

display:block;
outline:0;


}

/***************** HEADER NO FLASH *****************/

#headerNoFlash {
    background: none repeat scroll 0 0 0;
    display: block;
    height: 300px;
    outline: 0 none;
    width: 300px;
float:left;
}





#DiapoHeader {
position:relative;


width:530px;
height:500px;
float:left;
margin-left:60px;
margin-right:0;


}





/* ENCART-HEADER

----------------------------------- */

#encart-header {
width: 75px; height: 300px;
margin-top: 40px;
float: right;


}



#contenu-gauche h1 {
    color: #A5A10B;
    font: normal 48px/20px 'roboto_condensedregular' ,Arial,Helvetica,sans-serif;




}











#contenu-gauche h1 span{
color: #333;
 font: normal 48px/20px 'roboto_condensedregular',Arial,Helvetica,sans-serif;
}



#contenu-gauche h2 {
    color: #fff;
    font: normal 28px/30px 'roboto_condensedregular',Arial,Helvetica,sans-serif;
background:#8F6227;
border-radius:10px;
padding:5px;
border:none;




}





#contenu-gauche h3 {
    color: #8F6227;
    font: normal 20px/25px 'roboto_condensedregular',Arial,Helvetica,sans-serif;
background:none;
text-indent:0;
padding:0;
}





#galerie h1 {
  color: #333;
    font: normal 48px/20px 'roboto_condensedregular',Arial,Helvetica,sans-serif;
}







/***************** ANIMATION LOGO *****************/



#logo {background:rgba(143,98,39,0.9);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition:    all 0.3s ease-in-out;
-o-transition:      all 0.3s ease-in-out;
-ms-transition:     all 0.3s ease-in-out;
transition:         all 0.3s ease-in-out;
position:absolute;
top:80px;
left:0px;
/*overflow:hidden;*/ 

float: left; 

margin-top: 0px; 

margin-left: 0px;
z-index:9999;
border-radius:0px 0px 10px 10px;}



#logo:hover {margin-left: 8px;}

/***************** MENU TOP *****************/

#menuTop {
position:relative;
z-index:10;
width:988px;
height:40px;
list-style:none;




}

#menuTop li {
position:relative;
float:left;
margin-left:5px;




}

#menuTop a {
text-decoration:none;
font:bold 23px/40px 'roboto_condensedregular', Arial, Helvetica, sans-serif;
color:#8F6227;
text-align:center;
display:block;
height:40px;
overflow:hidden;


padding:0 30px 0 30px;
}

#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {
background:#A5A10B;
color:#FFF;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
behavior: url(PIE-1.0.0/PIE.htc);






}

/***************** SOUS MENU */

#menuTop li ul {
list-style:none;
position:absolute;
width:100%;
top:-6000px;
left:0;
padding-left:0;
padding-right:0;
background:#ff3300;
border:solid #7f7f81;
border-width:1px 0 0 0;




-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
behavior: url(PIE-1.0.0/PIE.htc);






}

#menuTop li li {
float:none;
}

#container #menuTop li li a {
background:none;
width:auto;
position:relative;
height:30px;
font:normal 13px/30px 'roboto_condensedregular', Arial, Helvetica, sans-serif;
text-transform:none;
color:#fff;
text-decoration:none;
border:solid rgba(255,255,255,0.1);
border-width:0 0 1px 0;
text-align: center;
padding:0 5px 0 0;


}

#container #menuTop li li a:hover {
-moz-border-radius: none;
-webkit-border-radius: none;
border-radius: none;


}





/***************** MENULEFT */



#menuLeft {
float:left;
width:190px;
padding:0;
margin:35px 0 0 0;
list-style:none;




}

#menuLeft li a {
background:none;
text-decoration:none;
font:bold 23px/25px 'roboto_condensedregular', Arial, Helvetica, sans-serif;
color:#8F6227;
display:block;
overflow:hidden;
padding:7px 10px 7px 7px;
margin-bottom:5px;


border-width:0 0 1px 0;
-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;




-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
behavior: url(PIE-1.0.0/PIE.htc);


}









#menuLeft li:hover a, #menuLeft li a.rubrique_active, #menuLeft li.inUse a {
background:#A5A10B !important;
color:#fff;
padding:7px 10px 7px 15px;
}







/***************** SOUS MENU */

#menuLeft li ul {
list-style:none;


}

#menuLeft li ul li a, #menuLeft li:hover ul li a, #menuLeft li.inUse ul li a {
background:none;
border:none;
text-decoration:none;
font:normal 12px/20px 'roboto_condensedregular', Arial, Helvetica, sans-serif;
color:#ff3300;
display:block;
overflow:hidden;
padding:5px 10px;
border-width:0;
}

#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {
text-decoration:none;
color:#666;


border-width:0;
}

/***************** CONTENU *****************/

#contenu_bg {
float:left;
width:798px;
}

#contenu {
float:left;
width:758px;
padding:40px 10px 10px 30px;
}

#contenu-gauche {
float:left;
width:730px;
margin:10px 30px 10px 0;
}

#contenu-droite {
float:left;
width:180px;
}

/***************** BOUTON DE RETOUR EN HAUT DE PAGE *****************/

#btn_up {
position:absolute;
cursor: pointer;
z-index: 100;
top: -20px;


right:10px;
-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
width:40px;
height:40px;
background:#8F6227 url(../../charte/images/btn_up.png) center center no-repeat;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}



#btn_up:hover {
background:#666 url(../../charte/images/btn_up.png) center center no-repeat;
}



/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer {
clear:both;
}

#clearFooter {
height:80px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/

#containerfooter {
position:relative;
clear:both;
width:100%;
height:80px;/*--- = à la hauteur du footer ---*/

margin:-80px 0 0; /*--- = MaginTop à la hauteur du footer ---*/

/*background:url(../../charte/images/bg-containerfooter.png) top center repeat-x;*/

background:#A5A10B;


}

#footer {
position:relative;
width:988px;
height:80px;
margin:0 auto;
background:#A5A10B;
font:9px/15px Arial, Helvetica, sans-serif;
color:#000;
}

#linkeo {
position:absolute;
left:0;
top:5px;
width:350px;
height:26px;
line-height:10px;
color:rgba(0, 0, 0, 1);
padding:25px 0 0;
}

#linkeo img {
float:left;
margin:2px 10px 0 10px;
}

#footer #linkeo a.linkeo {
text-decoration:none;
font:9px Arial, Helvetica, sans-serif;
color:#000;
}

#footer #linkeo a:hover.linkeo {
text-decoration:underline;
color:#000;
}

/******************* STYLE FOOTER *****************/

#footer p {
font:10px/30px Arial, Helvetica, sans-serif;
color:#000;
text-align:right;
padding:25px 10px 0 0;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#000;
}

#footer a:hover, #footer a:active {
text-decoration:underline;
color:#000;
}

/********************* STYLES BANNIERES DE PUBS ***************/



#pub468 {
width:468px;
height:60px;
position:absolute;
top:5px;
left:50%;
margin-left:-234px;
z-index:100;
border: 1px solid #FFFFFF;
}

#pub468 img {
padding:0 !important;
margin:0 !important;
border:0 !important;
}

#pub180 {
width:180px;
height:150px;
float:right;
margin-left:15px;
border: 1px solid #FFFFFF;
}

#pub180 img {
padding:0 !important;
margin:0 !important;
border:0 !important;
}



/**/







/* ENCART CONTACT HEADER

----------------------------------- */

.contact-head {
cursor:pointer;
position:relative;
overflow:hidden;
display:block;
text-align:center;
text-decoration:none;
width: 75px;
height: 75px;
margin: 0 0 0 0;
float:left;
background-color:#A5A10B;


margin-bottom:10px;


-moz-border-radius:40px;
-webkit-border-radius:40px;
border-radius:40px;
behavior: url(PIE-1.0.0/PIE.htc);
 

/*Transition*/

-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
-ms-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}

.contact-head span {
display:block;
position:absolute;
width:75px;
height:75px;
font-size: 45px;
color: #FFF;
text-align: center;
line-height: 64px;
top:5px;
right:0;
/*Transition*/

-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition :all 300ms ease-out;
transition: all 300ms ease-out;
}



.contact-head:hover span {
top:-64px;
}



.contact-head .contact-head-content {
font: normal 30px/50px 'roboto_condensedregular',Arial,Helvetica,sans-serif;
position:absolute;
overflow:hidden;
width:75px;
height:75px;
top:-64px;
right:0;
text-align:center;
/*Transition*/

-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}

.contact-head .contact-head-content h2 {
font: normal 30px/50px 'roboto_condensedregular',Arial,Helvetica,sans-serif;
margin:0;
padding:0;
border:0;
font-size:16px;
line-height:22px;
font-weight:normal;
color:#fff;
/*Transition*/

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}



.contact-head:hover .contact-head-icon {
top:-64px;
}

.contact-head:hover .contact-head-content {
top:10px;
}







#contenu p{color:#000;}



#contenu ul li{color:#000;margin-bottom:8px;}



#contenu #contenu-gauche ul#ideo_inc_planSite li {
    float: left;
    width: 28%;
}



#contenu img{border: 1px solid #A5A10B;padding:2px;border-radius:5%;}



#contenu img:hover{opacity:0.8;}



#contenu #contenu-gauche .galerie img { border:none; padding:0;}

#social {    left: 833px;    position: absolute;    top: 22px;z-index: 9999999;}
#social img:hover {opacity:0.7;filter:alpha(opacity=70); /* For IE8 and ear­lier */
}