/***************** 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:#171717 url(../../charte/images/bg-body.jpg) center top no-repeat;} body {background:none;height:100%;} /***************** FONTFACE *****************/ @font-face { font-family: 'BauhausITCMobileRegular'; src: url('../../charte/font/bauhaus.eot'); src: url('../../charte/font/bauhaus.eot') format('embedded-opentype'), url('../../charte/font/bauhaus.woff') format('woff'), url('../../charte/font/bauhaus.ttf') format('truetype'), url('../../charte/font/bauhaus.svg#BauhausITCMobileRegular') format('svg');} /***************** CONTAINER *****************/ #container {position:relative;min-height:100%;width:988px;margin:0 auto;background:url(../../charte/images/bg-container.png) center top repeat-y; } /***************** HEADERFLASH *****************/ #header {width:988px;height:329px;/*obligatoire si il y a un flash*/ display:block;outline:0;background:#fff; } /***************** HEADER NO FLASH *****************/ #headerNoFlash { display: block; height: 329px; outline: 0 none; width: 329px;position:relative;float:left;background:url(../../charte/images/bg-header.png) center top no-repeat; } #DiapoHeader {position:relative;width:659px;height:329px;float:left; } /***************** ANIMATION LOGO *****************/ @-moz-keyframes AnimLogo {from { top: -100px;opacity:0;} to { top: 40px;opacity:1;}} @-webkit-keyframes AnimLogo {from { top: -100px;opacity:0;}to { top: 40px;opacity:1;}} @-ms-keyframes AnimLogo {from { top: -100px;opacity:0;}to { top: 40px;opacity:1;}} @-o-keyframes AnimLogo {from { top: -100px;opacity:0;}to { top: 40px;opacity:1;}} @keyframes AnimLogo {from { top: -100px;opacity:0;}to { top: 40px;opacity:1;}} #Logo { animation: 0.8s ease-in-out 0s normal none 1 AnimLogo; float: left; height: 145px;width: 215px;position: relative; text-decoration: none;transition: all 0.3s ease-in-out 0s;margin:2px 0 5px 0px;padding:0; left:72px; margin-top: 25px; } #Logo #Txt1 { position:relative; -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; height:170px;width:195px;background:url(../../charte/images/logo.png) center top no-repeat; } #Logo:hover #Txt1 { opacity:0.8;} #contenu-gauche h1 { color: #fff; font: normal 35px/34px 'Cardo', serif;background-color:#000080;padding:0 5px 2px;position:relative; } #contenu-gauche h1:before { border-bottom: 12px solid rgba(0, 0, 0, 0); border-left: 8px solid #333; border-top: 12px solid rgba(0, 0, 0, 0); content: ""; height: 0; left: -20px; position: absolute; top: 5px; width: 0; } #galerie h1 { color: #fff; font: normal 35px/34px 'Cardo', serif; padding:0 5px 2px;position:relative;background-color:#000080;} #contenu-gauche h1:before { border-bottom: 12px solid rgba(0, 0, 0, 0); border-left: 8px solid #333; border-top: 12px solid rgba(0, 0, 0, 0); content: ""; height: 0; left: -20px; position: absolute; top: 5px; width: 0; } #contenu-gauche h1 span{color: #333;} #contenu-gauche h2 { color: #bebdbd; font: normal 25px/25px 'Cardo', serif;background:none;border-width:0;padding-bottom:0px; } #contenu-gauche h3 { color: #bebdbd; font: normal 20px/25px 'Cardo', serif;background:none;text-indent:0;padding:0;} #galerie h1 { color: #fff; font: normal 33px/34px 'Cardo', serif; padding:0 5px 4px;position:relative;margin-top:30px;} #galerie h1:before { border-bottom: 12px solid rgba(0, 0, 0, 0); border-left: 8px solid #333; border-top: 12px solid rgba(0, 0, 0, 0); content: ""; height: 0; left: -20px; position: absolute; top: 5px; width: 0; } /***************** MENU TOP *****************/ #menuTop {position:relative;z-index:10;width:988px;height:47px;list-style:none; margin:0 auto; text-align:center; padding-top:0px;background:url(../../charte/images/bg-menutop.png) center top no-repeat; } #menuTop li {position:relative;display:inline; } #menuTop a { text-decoration:none;font:bold 15px/46px 'Duru Sans', sans-serif;float:left;color:#fff;text-align:center;display:inline-block;height:47px;overflow:hidden;/*border:solid #2c2f35;border-width:0 1px 0 0;*/ padding:0 5px 0 5px;margin-left:10px;} #container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active { color:#fff;background:#444e51;} /***************** SOUS MENU */ #menuTop li ul {list-style:none;position:absolute;width:100%;top:-6000px;left:0;background:#666;padding-top:5px; } #menuTop li li {float:none;display:block; } #container #menuTop li li a {background:none;width:auto;position:relative;height:20px;font:normal 12px/10px "BauhausITCMobileRegular", Arial, Helvetica, sans-serif;text-transform:none;color:#fff;text-decoration:none;padding:0 5px; } #container #menuTop li li a:hover {color:#99cc00; } /***************** MENU LEFT *****************/ #menuLeft {float:left;width:329px;height:319px;padding:10px 0 0 0;margin:0;list-style:none;background:#333;display:block;} #menuLeft #rubrique{ width:330px;height:36px;margin:20px 0 20px;background:url(../../charte/images/bg-menu.png) center top no-repeat;} #menuLeft li.bt1 { border-top:1px dashed #6c6c6c; } #menuLeft li a {background:none;text-decoration:none;font:normal 16px/14px 'Duru Sans', sans-serif; color:#bebdbd;display:block;width:297px;overflow:hidden;padding:10px 0 10px 31px;border-bottom:1px dashed #6c6c6c; } #menuLeft li:hover a, #menuLeft li a.rubrique_active, #menuLeft li.inUse a { color:#000080; } /***************** SOUS MENU */ #menuLeft li ul {list-style:none;background:none;padding:3px 0 12px;} #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/14px "BauhausITCMobileRegular", Arial, Helvetica, sans-serif;color:#fff;display:block;width:180px;overflow:hidden;padding:3px 0 3px 30px;border-width:0;text-transform:none; } #menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {text-decoration:none;color:#99cc00;background:none;border-width:0;} /***************** CONTENU *****************/ #contenu_bg {float:left;width:654px;} #contenu {float:left;width:640px;padding:0 0 10px 16px;min-height:600px; } #contenu-gauche {float:left;width:620px;margin:30px 0 10px 1px; } #contenu-droite {float:left;width:0; } /***************** BOUTON DE RETOUR EN HAUT DE PAGE *****************/ #btn_up {position:absolute;cursor: pointer;z-index: 100;top: -20px;margin-left: 7px;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:40px;height:40px;background:#000080 url(../../charte/images/btn_up.png) center center no-repeat; } #btn_up:hover { background:#343434 url(../../charte/images/btn_up.png) center center no-repeat;} /*---obligatoire pour le footer---*/ /*---mettre
--*/ /*---apres la div contenu---*/ .clearer {clear:both;} #clearFooter {height:100px;/*--- = à la hauteur du footer ---*/ } /***************** FOOTER *****************/ #containerfooter {position:relative;clear:both;width:100%;height:104px;margin:-104px 0 0;background:url(../../charte/images/bg-containerfooter.png) center top repeat-x;} #footer {position:relative;width:988px;height:104px;margin:0 auto; font:9px/15px Arial, Helvetica, sans-serif;color:#ccc;} #linkeo {position:absolute;left:0;top:30px;width:350px;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:#666;} #footer #linkeo a:hover.linkeo {text-decoration:none;color:#666;} /******************* STYLE FOOTER *****************/ #footer p {font:10px/30px Arial, Helvetica, sans-serif;color:#666;text-align:right;padding:25px 10px 0 0;} #footer a:link, #footer a:visited {text-decoration:none;color:#666;} #footer a:hover, #footer a:active {text-decoration:underline;color:#666;} #contenu #contenu-gauche p { line-height:1.6em; } #contenu #contenu-gauche ul li {margin-bottom: 8px;} #contenu ul#ideo_inc_planSite li { float: left; font-size: 1em; list-style: none outside none; margin: 0 0 15px; padding-left: 25px; width:240px;} #contenu #contenu-gauche h3{ font-variant:normal} #telephone a{ position:absolute;font-family: Verdana, Geneva, sans-serif;color:#fff;top:338px;left:50px;font-size:22px;background:url(../../charte/images/tel.png) left top no-repeat;width:180px;height:37px;z-index:101;padding:0px 0 0 30px;text-decoration:none; -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; } #telephone a:hover { color:#bebdbd; -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; } #contenu ul li { background: url("../../images/integration/puce.png") no-repeat scroll 10px 6px rgba(0, 0, 0, 0); list-style: none outside none; padding-left: 25px;} #contenu input { background-color: #242424; border: 1px solid #3c3b3b; border-radius: 3px; color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 1em; height: auto; padding: 5px 0;} #contenu textarea { background-color: #242424; border: 1px solid #3c3b3b; border-radius: 3px; color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 1em; padding: 5px 0; resize: none;} #contenu input.ideo_gbl_boutonFormulaire { background: none repeat scroll 0 0 #242424; border: 1px solid #3c3b3b; color: #bebdbd; cursor: pointer; font-size: 0.9em; font-weight: bold; height: auto; margin: 40px 0 0; padding: 10px; width: 130px;} #contenu .ideo_cnt_blocFormulaire .ideo_inc_captcha img { border: medium none; margin: 0 0 15px; vertical-align: bottom;} #contenu blockquote.style1 { background-color:none; border: 3px double #232323; color: #fff; font: italic 14px/20px Verdana, Geneva, sans-serif; margin: 5px; padding: 16px 10px 0; } #contenu #contenu-gauche .ideo_gdc_texteMoyenTexteMoyen1 { margin: 0;} #contenu-gauche p.promo { font: normal 22px/10px 'Cardo', serif; } #contenu .ideo_ptn_globalPartenaire .ideo_ptn_wrapper { border:none; display: inline; float: left; margin: 0 12% 10px; padding: 0 5% 0 0; text-align: right; width: 20%;} #contenu .ideo_inc_messageErreur { background-color: #171717; background-image: url("../../images/integration/erreur.png"); background-position: 15px 18px; background-repeat: no-repeat; border-bottom: 1px solid #343434; border-top: 1px solid #343434; color: #E04E51; line-height: 20px; padding: 15px 10px 15px 40px;} .ideo_cnt_blocLigneFormulaire.ideo_champs_message #message { height: 147px; width: 100%;} #contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocBouton { margin-top: 0; text-align: center;}