/***************** 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: url(../../charte/images/bg-html.jpg) center top repeat;}
body {background: url(../../charte/images/bg-body.jpg) center top repeat-x;}
/***************** FONTFACE *****************/

@font-face {font-family: 'chalet-parissixty';src: url('../../charte/font/chalet-parissixty-webfont.eot');src: local('☺'), url('../../charte/font/chalet-parissixty-webfont.woff') format('woff'), url('../../charte/font/chalet-parissixty-webfont.ttf') format('truetype'), url('../../charte/font/chalet-parissixty-webfont.svg#webfont3O1lEWkC') format('svg');font-weight: normal;font-style: normal;}

/***************** CONTAINER *****************/
#container {position:relative;min-height:100%;width:988px;margin:0 auto;}
/***************** HEADER *****************/
#header {margin-top:28px;width:988px;height:470px;/*obligatoire si il y a un flash*/
display:block;outline:0;float:left;background:url(../../charte/images/bg-header.png) center top no-repeat;}

#diapo {  height: 310px;    position: absolute;    right: 14px;    top: 258px;    width: 650px;}


/***************** MINIATURE *****************/

/***************** LOGO *****************/
#LogoHeader{float: left;width:338px;height:132px;background:url(../../charte/images/logo.png) left center no-repeat;/***************** ANIMATION *****************/
-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;}
#LogoHeader:hover{opacity:0.8;}
/***************** MENU TOP *****************/
#menuTop {position:absolute;z-index:10;width:988px;height:76px;list-style:none;width: 625px;float:left;top:160px;padding-left: 10px;}
#menuTop li {position:relative;float:left;}
#menuTop a {text-decoration:none;font:18px/76px "Georgia", Times New Roman, Times, serif;color:#c4c4c4;text-align:center;display:block;height:76px;background:url(../../charte/images/top.png) right top no-repeat;overflow:hidden;padding:0 20px;text-shadow: 1px 1px 0 #1e1e1e;/***************** ANIMATION *****************/
-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;}
#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {
color:#7eb8c9;padding-top:5px;}

/*#container #menuTop li.bt1 a {    background: url("../../charte/images/maison.png") no-repeat scroll center center transparent;width:18px;height:76px;    box-shadow: none;    opacity: 0.6;padding:0 18px;}
#container #menuTop li.bt1 a:hover, #container #menuTop li.bt1 a.trigered, #container #menuTop li.bt1 a.rubrique_active {    opacity: 1;}
#container #menuTop li.bt1 a span {    display:none;}
**************** SOUS MENU */
#menuTop li ul {list-style:none;position:absolute;width:220px;top:-6000px;left:0;background:#191919;-webkit-border-radius: 8px;border-radius: 8px; 
padding-bottom: 5px;}
#menuTop li li {float:none;}
#container #menuTop li li a {background:none;width:auto;position:relative;height:56px;font:16px/56px "Georgia", Times New Roman, Times, serif;text-transform:none;color:#CCC;text-decoration:none;border:solid #343434;border-width:0 0 1px 0;}
#container #menuTop li li a:hover {background:#000;color:#fff;}



#menuLeft {    background: none;    position: absolute;    list-style: none;    left:0;top:235px;    padding: 15px 0 20px 20px;    width: 270px;}
#menuLeft li a {    border-color: #343434;    border-image: none;    border-style: solid;    border-width: 0 0 1px;    color: #ADADAD;    display: block;    font:16px/30px "Georgia", Times New Roman, Times, serif;    overflow: hidden;    padding: 7px 0 7px 0;    text-decoration: none;    text-shadow: 1px 1px 0 #000000;    transition: all 0.5s ease-in-out 0s;    width: 270px;}
#menuLeft li:hover a, #menuLeft li a.rubrique_active, #menuLeft li.inUse a {    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    border-color: #343434;    border-image: none;    border-style: solid;    border-width: 0 0 1px;    color: #7eb8c9;padding-left:10px;}





/***************** CONTENU *****************/
#contenu_bg {float:left;width:988px;}
#contenu {float:left;padding: 0;    width: 988px;}
#contenu-gauche {float:left;width:972px;margin-left: 6px;    margin-right: 10px;}

#contenu-droite {display:none;float:left;width:312px;min-height:787px;background:url(../../charte/images/bg-contenu-droite.png) left top no-repeat;}

#contenu h1 {    border-bottom: 1px solid #3E3E3E;    border-top: 1px solid #3E3E3E;    font: 32px/32px "Georgia", Helvetica,sans-serif;    height: auto;    margin-bottom: 20px;    padding-bottom: 26px;    padding-top: 26px;    text-align: left;    text-shadow: 1px 1px 0 #000000;    text-transform: uppercase;}
#contenu-gauche h2 {    font: 22px/22px "georgia", Arial,Helvetica,sans-serif;    margin-bottom: 8px;    text-shadow: 1px 1px 1px #000000;    text-transform: none;color:#ccc;}
#contenu-gauche h3 {    background: url(../../charte/images/bg-h2.png) repeat scroll left top rgba(0, 0, 0, 0);    border: 1px solid #1A1A1A;    box-shadow: 1px 1px 0 0 #383838;    font: 22px/22px "georgia", Arial,Helvetica,sans-serif;    margin-bottom: 12px;    padding: 8px 10px;    text-shadow: 1px 1px 1px #000000;    text-transform: none;color:#7eb8c9;}


/***************** BOUTON DE RETOUR EN HAUT DE PAGE *****************/
#btn_up {display:none;position:absolute;cursor: pointer;z-index: 100;top: -30px;margin-left: -30px;left:50%;-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:60px;height:30px;background:#2C2F35 url(../../charte/images/btn_up.html) center center no-repeat;-webkit-border-top-left-radius: 30px;-webkit-border-top-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-topright: 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;}

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

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {clear:both;}
#clearFooter {height:99px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#containerfooter {position:relative;clear:both;width:100%;height:99px;margin:-99px 0 0;background:url(../../charte/images/bg-containerfooter.png) top center repeat-x;}
#footer {position:relative;width:988px;height:99px;margin:0 auto;background: center top no-repeat;font:9px/15px Arial, Helvetica, sans-serif;color:#a7a7a7;text-shadow: 1px 1px 0 #000;}
#footer #logoFooter{margin-top: 29px;float:left;width:156px;height:60px;opacity:0.6;background:url(../../charte/images/logo-footer.png) center top no-repeat; display:none;/***************** ANIMATION *****************/
-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;}
#footer #logoFooter:hover{opacity:1;}
#linkeo { display:none;
position:absolute;right:0;top:35px;width:275px;height:26px;line-height:10px;color:#ccc;padding:4px 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:#a7a7a7;text-shadow: 1px 1px 0 #000;}
#footer #linkeo a:hover.linkeo {text-decoration:none;color:#FFF;}
/******************* STYLE FOOTER *****************/
#footer p {font:14px/14px Arial, Helvetica, sans-serif;color:#a7a7a7;padding: 46px 4px 31px 270px;    text-align: left;    text-transform: none;    width: 435px;text-shadow: 1px 1px 0 #000;}
#footer a:link, #footer a:visited {text-decoration:none;color:#a7a7a7;/***************** ANIMATION *****************/
-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;}
#footer a:hover, #footer a:active {text-decoration:underline;color:#fff;}
/********************* 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 #contenu-gauche a img { border: 2px solid #3e3c3c;}

#contenu ul#ideo_inc_planSite li {    float: left;    width: 277px;}

#contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota {    font-size: 0.8em;    font-style: italic;    line-height: 1.2em;    padding: 0;    text-align: center;}