/***************** BODY *****************/
#linkeo {display: none!important;}
* {/*---on passe toutes les marges à 0---*/
margin:0;padding:0;}
@font-face {    font-family: 'voltaireregular';    src: url('../../charte/font/voltaire-regular.eot');    src: url('../../charte/font/voltaire-regulard41d.eot?#iefix') format('embedded-opentype'),
         url('../../charte/font/voltaire-regular.woff') format('woff'),
         url('../../charte/font/voltaire-regular.ttf') format('truetype'),
         url('../../charte/font/voltaire-regular.svg#voltaireregular') format('svg');    font-weight: normal;    font-style: normal;
}
@font-face {    font-family: 'arialblack';    src: url('../../charte/font/ariblk.eot');    src: url('../../charte/font/ariblkd41d.eot?#iefix') format('embedded-opentype'),
         url('../../charte/font/ariblk.woff') format('woff'),
         url('../../charte/font/ariblk.ttf') format('truetype'),
         url('ariblk.html#arialblack') format('svg');    font-weight: normal;    font-style: normal;
}
@font-face {    font-family: 'HelveticaNeue57Condensed';    src: url('../../charte/font/helveticaneue-condensed.eot');    src: url('../../charte/font/helveticaneue-condensed.eot') format('embedded-opentype'),
         url('../../charte/font/helveticaneue-condensed.woff') format('woff'),
         url('../../charte/font/helveticaneue-condensed.ttf') format('truetype'),
         url('../../charte/font/helveticaneue-condensed.svg#HelveticaNeue57Condensed') format('svg');}

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.png) center top repeat-x;}
body {background:none;height:100%;}

#contenu #contenu-gauche #galerie #ideo_inc_menu ul li:nth-child(3) a { display:none;}

.imgborder {border:2px solid #790000;}

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

Les typos sont appelées dans inc_header_menu.php

**********************************************/

/***************** CONTAINER *****************/
#contenu #contenu-gauche h1,h2,h3 {font-family:'arialblack';}
#container {position:relative;min-height:100%;width:988px;margin:0 auto;}
/***************** HEADER *****************/
#header {width:988px;height:150px;float:left;}

#Logo {    -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;    left:0;    position: absolute;    text-decoration: none;    top: 9px;width:442px;height:135px;}
#Logo #Txt1 {    -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;    color: #2e2e2e;    font: normal 21px/1.8em "voltaireregular",Helvetica,Arial,sans-serif;    text-decoration: none;top:0px;left:157px;position:absolute;display:block;width:450px;height:100px;}
#Logo #Txt1 .design{    text-decoration: none;top:25px;left:0px;position:absolute;}
#Logo #Txt1 .et{    -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;color:#999;font-size:50px;line-height:0.8em;position:absolute;top:33px;left:107px;    opacity: 1;}
#Logo #Txt1 .deco{    -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;    text-decoration: none;top:68px;left:153px;position:absolute;}
#Logo #FormLogo {    -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;width:135px;height:135px;background:url(../../charte/images/logo.png) center center no-repeat;position:absolute;left:0;}
#Logo:hover #Txt1 {    left: 183px;}
#Logo:hover #Txt1 .et {    opacity: 0;display:none\9;}
#Logo:hover #Txt1 .deco{   /* left: 215px;*/
}
#Logo:hover #FormLogo{  left: 40px;}

/***************** Conteneur du Diaporama *****************/
#GaleriePhoto {float:left;margin:4px 0 9px;width:988px;height:438px;}

/***************** MENU TOP *****************/
#menuTop {position:relative;z-index:10;width:990px;height:40px;list-style:none;float:left;}
#menuTop li {position:relative;float:left;/*width:163px;*/
/*margin-right:2px;*/
}
#menuTop a {text-decoration:none;font:normal 21px/40px 'voltaireregular', Arial, Helvetica, sans-serif;color:#191514;text-align:center;display:block;height:40px;overflow:hidden;background:#b3b3b3;/*border:solid #cccccc;*/
/*border-width:0 0 4px 0;*/
padding:0 13px;margin:0 1px;text-transform:none;-webkit-transition: all .4s ease;    -moz-transition: all .4s ease;    -ms-transition: all .4s ease;    -o-transition: all .4s ease;    transition: all .4s ease;

}
#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {color:#ffffff;background:#2e2e2e;/*border:solid #333333;border-width:0 0 4px 0;*/
-webkit-transition: all .4s ease;    -moz-transition: all .4s ease;    -ms-transition: all .4s ease;    -o-transition: all .4s ease;    transition: all .4s ease;}
/***************** SOUS MENU */
#menuTop li ul {list-style:none;position:absolute;width:180px;top:-6000px;left:0;background:#790000;border:solid #FFF;border-width:4px 0 0 0;padding:5px 0;}
#menuTop li li {float:none;}
#container #menuTop li li a {background:none;width:auto;position:relative;height:25px;font:15px/25px 'Abel', Arial, Helvetica, sans-serif;text-transform:none;color:#FFF;text-decoration:none;border:none;text-transform:uppercase;padding-left:10px;}
#container #menuTop li li a:hover {background:#333333;border:none;color:#FFF
}
/***************** MENU LEFT *****************/

#menuLeft {float:left;width:190px;padding:5px 0 0 0;margin-top:10px;list-style:none;}
#menuLeft li a {text-decoration:none;font:normal 20px/28px 'Abel', Arial, Helvetica, sans-serif;color:#999;display:block;/*width:190px;*/
overflow:hidden;border:solid #FFF;border-width:0 0 4px 0;text-transform:uppercase;}
#menuLeft li:hover a, #menuLeft li a.rubrique_active, #menuLeft li.inUse a {color:#790000;border:solid #333;border-width:0 0 4px 0;}
/***************** SOUS MENU */
#menuLeft li ul {list-style:none;background:#e6e6e6;padding:3px 5px;border:solid #333;border-width:0 0 4px 0;}
#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 15px/15px 'Abel', Arial, Helvetica, sans-serif;color: #999;display:block;width:180px;overflow:hidden;padding:3px 0 3px 5px;border-width:0;}
#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {text-decoration:none;color:#333;background:none;border-width:0;}
/***************** CONTENU *****************/
#contenu_bg {float:left;width:988px;padding:20px 0;}
#contenu {float:left;width:988px;}
#contenu-gauche {float:left;width:968px;padding:0px 10px 0px 10px;}
#contenu-droite {float:left;width:190px;}
/***************** BOUTON DE RETOUR EN HAUT DE PAGE *****************/
#btn_up {position:absolute;cursor: pointer;z-index: 100;top: -60px;left:10px;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition:  all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width:50px;height:50px;background:#2e2e2e url(../../charte/images/btn_up.png) center center no-repeat;-webkit-border-radius: 25px;-moz-border-radius-topleft: 25px;border-radius: 25px;}

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

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {clear:both;}
#clearFooter {height:130px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#containerfooter {position:relative;clear:both;width:100%;height:60px;margin:-60px 0 0;background:url(../../charte/images/bg-containerfooter.png) top center repeat-x;}
#footer {position:relative;width:988px;height:40px;margin:0 auto;font:9px/15px Arial, Helvetica, sans-serif;color:#333333;}
#linkeo {display: none !important;position:absolute;left:0;top:0;width:300px;height:26px;line-height:10px;color:#ccc;padding:14px 0 0;border:solid #333;border-width:4px 0 0 0;}
#linkeo img {float:left;margin:4px 10px 0 10px;}
#footer #linkeo a.linkeo {text-decoration:none;font:9px Arial, Helvetica, sans-serif;color:#333333;}
#footer #linkeo a:hover.linkeo {text-decoration:none;color:#000;}
/******************* STYLE FOOTER *****************/
#footer p {font:13px/30px Arial, Helvetica, sans-serif;color:#333333;text-align:left;padding:51px 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;}

#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocBouton { margin-top: 15px;    text-align: center;    width: 350px;}
#contenu blockquote {    background-color: rgba(230, 230, 230, 1);    background-position: left top;    background-repeat: no-repeat;    /*border: 1px solid #043549;*/
    color: #8e8e8e;    font:italic 400 17px/26px 'voltaireregular',Arial, Helvetica, sans-serif;    margin: 5px;    padding: 8px;    text-indent: 0px;text-align:justify;}
#contenu #contenu-gauche .galeriephoto .blockGrande img {border:none;-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0); -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0); box-shadow: 1px 2px 3px rgba(0,0,0,0);}
#contenu #contenu-gauche .galeriephoto .miniImage img {border:none;-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0); -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0); box-shadow: 1px 2px 3px rgba(0,0,0,0);}

/**/