/************************************ ***** OUEST ACRO 2008 ***** LEB ARTS MEDIA ***********************************/ /***************************************************************** ********************************** page globale ****************************************************************/ * {margin:0px; padding:0px} html { width:100%; font:11px Arial, helvetica, sans-serif; color:#424242; line-height:18px; } .bleu {color:#5471cf !important} .vert {color:#a7c956 !important} .gris {color:#424242 !important} .jaune{color:#ffec00 !important} .clair{color:#8d8d8d !important} .marron{color:#454545 !important} .right {float:right} .left {float:left} .clear {clear:both} img {border:none} p {text-align:justify} a {text-decoration:none} h1.police{color:#454545;font-size:10pt;padding-left:5px;} h1{color:#454545} h2{color:#454545;} h2 span{float:left;display:block;} h2.police{font-size:14pt;padding-left:5px;font-weight:normal} h4{font-size:12px;padding-left:3px} .liste {background-color:#f0eed3; border:1px #bab89f solid; padding:10px 10px 0px 10px} .liste li {margin:0px 0px 10px 15px} #gestionnaire_contenu_bas{margin-bottom:20px} #gestionnaire_contenu_bas a{color:#454545;text-decoration:underline} #gestionnaire_contenu_bas a:hover{color:#454545;text-decoration:none} /***************************************************************** ********************************** CONTENEUR GLOBAL ****************************************************************/ #page{background:url(../img/squelette/fond_html.jpg) top center no-repeat;} /** pages internes **/ #conteneur{width:960px;margin:8px auto 0px auto;} #conteneur #colonneGauche{float:left;width:239px;text-align:center} #conteneur #colonneDroite{float:left;width:702px;margin:0 0 10px 12px} /** page accueil **/ .conteneurA {width:960px;margin:2px auto 0 auto;} .conteneurA .colonneGauche{float:left;width:239px;text-align:center;} .conteneurA .colonneDroite{float:left;width:702px;margin-left:12px;margin-top:1px} /***************************************************************** ********************** COLONNE GAUCHE PAGES INTERNES ****************************************************************/ #conteneur #colonneGauche h1 img{margin-top:35px;margin-bottom:15px} #contentGauche{background:#efefef;} #titre_menu{width:239px;height:21px;background:url(../img/global/top_menu_g.gif) no-repeat;padding:14px 0 0 0;color:#fff;font-size:11px;text-transform:uppercase;margin-bottom:2px} /*** MENU ROI **/ #conteneur #colonneGauche #contentGauche ul#menu_principal {width:231px;text-align:left;margin-left:4px;} #conteneur #colonneGauche #contentGauche ul#menu_principal li{list-style:none;background:#c4c4c4;} #conteneur #colonneGauche #contentGauche ul#menu_principal li.cell{padding:3px 0 0 3px;color:#454545;background:#c4c4c4 url(../img/menu/puce.gif) top right no-repeat;margin-bottom:2px;} #conteneur #colonneGauche #contentGauche ul#menu_principal li a{display:block;padding:3px 0 0 3px;color:#454545;background:#c4c4c4 url(../img/menu/puce.gif) top right no-repeat;margin-bottom:2px;padding-right:30px} #conteneur #colonneGauche #contentGauche ul#menu_principal li a:hover{display:block;padding:3px 0 0 3px;color:#ffec00;background:#454545 url(../img/menu/puce_actif.gif) top right no-repeat;margin-bottom:2px;padding-right:30px} #conteneur #colonneGauche #contentGauche ul#menu_principal li a.actif{display:block;padding:3px 0 0 3px;color:#ffec00;background:#454545 url(../img/menu/puce_actif.gif) top right no-repeat;font-weight:bold;margin-bottom:2px;padding-right:30px} #conteneur #colonneGauche #contentGauche ul#menu_principal li.cell:hover{cursor:pointer;color:#ffec00;background:#454545 url(../img/menu/puce_actif.gif) top right no-repeat;} #conteneur #colonneGauche #contentGauche ul#menu_principal li ul{margin:0 0 2px 0;display:none} #conteneur #colonneGauche #contentGauche ul#menu_principal li ul li.actif{background:#454545 url(../img/menu/puce_actif.gif) top right no-repeat;color:#ffec00;padding-right:30px} #conteneur #colonneGauche #contentGauche ul#menu_principal li ul li.deroule{background:#454545;color:#fff;} #conteneur #colonneGauche #contentGauche ul#menu_principal li ul li.deroule:hover{cursor:pointer;background:#222222;color:#fff;} #conteneur #colonneGauche #contentGauche ul#menu_principal li ul li.deroule_actif{font-weight:bold;background:#222222;color:#fff;} #conteneur #colonneGauche #contentGauche ul#menu_principal li ul li.deroule a{display:block;color:#fff;background:#454545;margin-bottom:0;padding:3px} #conteneur #colonneGauche #contentGauche ul#menu_principal li ul li.deroule a:hover{display:block;color:#fff;background:#222222;margin-bottom:0;padding:3px} #conteneur #colonneGauche #contentGauche ul#menu_principal li ul li.deroule_actif a{display:block;color:#fff;background:#222222;margin-bottom:0;padding:3px} #conteneur #colonneGauche #contentGauche ul#menu_principal li ul li.deroule_actif a:hover{display:block;color:#fff;;background:#222222;margin-bottom:0;padding:3px} /*** ENCART CONTACT ***/ /*** titre gauche ***/ #conteneur #colonneGauche #contentGauche #encart_contact_g{margin:15px 0 0 4px;width:231px;background:#aeaeae url(../img/global/top_bloc_contact_ie.gif) top no-repeat;padding-top:40px} #conteneur #colonneGauche #contentGauche #encart_contact_g h3#contact{display:none} #conteneur #colonneGauche #contentGauche #encart_contact_g a{display:block;background-color:#fff;color:#454545;text-decoration:none;padding:3px 10px;margin-top:5px;border-left:5px #AEAEAE solid;border-right:5px #AEAEAE solid;font-weight:bold} #conteneur #colonneGauche #contentGauche #encart_contact_g a:hover{background-color:#454545;color:#fff;text-decoration:none} #conteneur #colonneGauche #contentGauche #encart_certifications_g{margin:15px 0 0 4px;width:231px;background:#e1e1e1 url(../img/global/top_certif_ie.jpg) top no-repeat;padding-top:40px} #conteneur #colonneGauche #contentGauche #encart_certifications_g h3#certif{display:none} .conteneurA .colonneGauche .contentGauche #encart_contact_a{margin:5px 0 0 4px;width:231px;background:#c8c8c8 url(../img/global/top_contact_a_ie.jpg) top no-repeat;padding-top:30px} .conteneurA .colonneGauche .contentGauche #encart_contact_a h3#contact{display:none} .conteneurA .colonneGauche .contentGauche #encart_contact_a p{margin-left:4px;color:#454545;font-size:11px;width:220px;text-align:center} .conteneurA .colonneGauche .contentGauche #bottom_contact_a{margin-left:4px;height:9px;background:url(../img/global/bottom_bloc_contact.gif) no-repeat} .conteneurA .colonneGauche .contentGauche #encart_contact_a a{color:#454545;text-decoration:underline;} .conteneurA .colonneGauche .contentGauche #encart_contact_a a:hover{color:#454545;text-decoration:none;} .conteneurA .colonneGauche .contentGauche #encart_certifications_a{margin:0 0 0 4px;width:231px;background:#e1e1e1 url(../img/global/top_certif_ie.jpg) 0 -1px no-repeat;padding-top:40px} .conteneurA .colonneGauche .contentGauche #encart_certifications_a h3#certif{display:none} .conteneurA .colonneGauche .contentGauche #encart_certifications_a p{margin-left:10px;color:#454545;font-size:11px;width:220px;text-align:center} #conteneur #colonneGauche #contentGauche #encart_contact_g p{margin-left:10px;color:#454545;font-size:11px;width:220px;text-align:center} #conteneur #colonneGauche #contentGauche #bottom_contact_g{margin-left:4px;height:9px;background:url(../img/global/bottom_bloc_contact.gif) no-repeat} #conteneur #colonneGauche #contentGauche #encart_certifications_g p{margin-left:10px;color:#454545;font-size:11px;width:220px;text-align:center} #bas_colonne_gauche{width:239px;height:25px;background:url(../img/global/bottom_menu_g.jpg) no-repeat;margin-bottom:10px} /***************************************************************** ******************* COLONNE DROITE PAGES INTERNES ****************************************************************/ #top_droite{margin-top:9px} #top_droite_o{margin:0} /* ********* PARTIE HAUTE DROITE ********* */ #quick_menu{float:right;margin:0px 3px 0 0;color:#a8a8a8} #quick_menu ul li{display:inline;margin-right:5px} #quick_menu ul li a{text-decoration:none;color:#a8a8a8} #quick_menu ul li a:hover{text-decoration:underline;color:#919191} /* ********* LE MENU ********* */ #menu{position:relative;z-index:7;width:712px;height:26px;padding:5px 0 0 0;background:url(../img/global/bg_menu.gif) no-repeat;margin-bottom:-3px;} #menu ul{margin-left:10px} #menu ul li{position:relative;text-transform:uppercase;color:#dadada;font-weight:bold;font-size:11px;display:inline;margin-right:25px} #menu ul li.deroule{padding-bottom:25px} #menu ul li.first{margin-left:20px} #menu ul li a{color:#dadada;text-decoration:none;font-weight:bold;font-size:11px;} #menu ul li a.deroule{padding-right:15px;color:#dadada;height:26px;text-decoration:none;font-weight:bold;font-size:11px;background:url(../img/menu/deroule.jpg) right no-repeat} #menu ul li a.alone{padding-right:15px;color:#dadada;height:26px;text-decoration:none;font-weight:bold;font-size:11px;} #menu ul li a:hover{color:#fff;text-decoration:none;font-weight:bold;font-size:11px;} #menu ul ul{ position:absolute; display:block; top:21px; left:-14px; padding-top:7px; width:168px; cursor:pointer; background:url(../img/menu/fond_transparent.png); } #menu ul ul#ouestacro{display:none;} #menu ul ul#types{display:none;} #menu ul ul#exemples{display:none;} #menu ul ul#emplois{display:none;} #menu a.menu_deroule{display:block;color:#fff;font-size:11px;width:160px;text-transform:none;padding:2px 4px} #menu a.menu_deroule:hover{display:block;color:#000;background-color:#fff} /************************** FIN MENU *******************************/ #header{width:702px;height:284px;position:relative;z-index:2;} #header img{display:none;} #header :first-child{display:block;} #conteneur #colonneDroite #barre_nav{margin-top:2px;width:687px;height:19px;padding:1px 0 0 15px;background:#000 url(../img/global/bg_g_nav.gif) left no-repeat;font-size:10px;text-transform:uppercase} #conteneur #colonneDroite #barre_nav img.separateur{position:relative;top:-1px;margin:0 5px} #boite_outils{float:right;margin:-1px 3px 0 0} #boite_outils ul li{display:inline;margin-right:5px} #top_content{margin:8px 0 0px 0} #top_content h2{/*float:left;*/font-size:13pt;margin-left:3px;} #conteneur #colonneDroite #contenu{clear:both;margin-bottom:20px} #conteneur #colonneDroite #contenu .encart_highlight{background-color:#f0eed3;padding:5px 10px 10px 10px;text-align:justify;font-size:11px;color:#454545;margin:5px 0 10px 0} /* ********* FOOTER ********* */ #footer{background:#454545;padding:10px 0;text-align:center;color:#b9b9b9;clear:both} #footer p{width:500px;margin:0 auto 0 auto} #footer ul li{display:inline;margin-right:5px} #footer a{color:#dbdbdb;font-weight:bold;text-decoration:underline} #footer a.thin{font-weight:normal;font-size:10px} #footer a:hover{color:#dbdbdb;font-weight:bold;text-decoration:none} #footer a.thin:hover{font-weight:normal;} #topG{float:left;margin:-23px 0 0 101px;} #topD{float:right;margin:-23px 101px 0 0 ;} /***************************************************************** ********************************** PAGE D'ACCUEIL ****************************************************************/ /* ********* PARTIE HAUTE DROITE ********* */ .conteneurA .colonneDroite h2{text-transform:uppercase;font-size:20px;float:left;margin-left:10px} /*********** PARTIE GAUCHE *****************/ .contentGauche{background:#efefef;} .conteneurA .colonneGauche h1 span{float:left;margin-top:-2000px} .conteneurA .colonneGauche h1 img{margin-top:25px;margin-bottom:10px} .conteneurA .colonneGauche #intro{background:#efefef url(../img/global/top_colonne_g_a.gif) top no-repeat;padding:7px 10px;color:#7a7a7a;font-size:11px} #highlight_news{background:#000;height:200px;padding:10px 0;text-align:center;color:#b9b9b9;} #highlight_news #conteneurN{width:952px;margin:auto;text-align:center} #highlight_news #conteneurN .news2{float:left;width:235px;height:198px;background-color:#2e2e2e;margin-right:4px} #highlight_news #conteneurN .news{float:left;width:235px;height:198px;background-color:#2e2e2e;margin-right:4px} #highlight_news #conteneurN .newsL{float:left;width:235px;height:198px;background-color:#2e2e2e;margin-right:0px} #highlight_news #conteneurN a.image{display:block;width:219px;height:86px;border:5px #e0d00b solid;margin:3px 0 0 3px} #highlight_news #conteneurN a.image:hover{border:5px #fff solid;} #highlight_news #conteneurN h3{font-family:Arial,sans serif;font-size:12px;color:#fff;margin:5px 0 0 7px;text-align:left} #highlight_news #conteneurN h3 a{color:#fff} #highlight_news #conteneurN h3 a:hover{color:#ffec00} #highlight_news #conteneurN p{text-align:justify;width:95%;margin:0 auto;} /***** autres exemples encart ******/ a.autres_exemples{ display: block ; float:left; margin-left:360px; margin-top:-38px; padding:3px 0 0 22px; font-size:11px; color:#c8c8c8; font-weight:bold; width: 156px ; height:23px; background: url(../img/global/autres_exemples.jpg) no-repeat 0 0px ; } a.autres_exemples:hover{ color:#454545; background: url(../img/global/autres_exemples.jpg) no-repeat 0 -26px ; } /***** DOSSIERS *****/ #dernier_dossier{background:#f0eed3;padding:5px;color:#676767;margin:8px 0} #dernier_dossier h4{font-size:12px;margin:2px 0 5px 0} #dernier_dossier p{text-align:justify} #dernier_dossier img{margin:0 3px; background-color:#fff; padding:10px; border:1px solid #C8C8C8} #dernier_dossier a.suite{float:right;background-color:#454545;color:#fff;padding:0 3px;font-size:10px;border: 1px solid;} #dernier_dossier a.suite:hover{float:right;background-color:#ffec00;color:#454545;padding:0 3px;font-size:10px;border:#bbb 1px solid;} #dossiers_archives{color:#676767;text-align:justify;margin-bottom:20px} #dossiers_archives .dossier{float:left;border:#dedede 1px solid;width:212px;margin-right:15px;padding:5px} #dossiers_archives .last{margin:0} #dossiers_archives h4{font-size:11px;margin:2px 0 5px 0} #dossiers_archives a.suite{float:left;margin:10px 0 0 147px;background-color:#454545;color:#fff;padding:0 3px;font-size:10px;border:#454545 1px solid;} #dossiers_archives a.suite:hover{background-color:#ffec00;color:#454545;padding:0 3px;font-size:10px;border:#bbb 1px solid;} input.bouton{background:#454545;color:#fff;font-size:10px;border:0;padding:2px 3px; font-weight:bold} /**** candidature ***/ #body a#candidature{font-weight:bold;display:block;text-align:center;color:#fff;text-decoration:none;background-color:#454545;text-transform:uppercase} #body a#candidature:hover{background-color:#ffec00;color:#454545;text-decoration:none} /***************************************************************** ********************************** COMMUN - COPYRIGHT ... ****************************************************************/ #leb-img {margin-top:20px} .fond-infos,.fond-infos2 {background-color:#f0eed3; margin:5px 0px; padding:5px 0px 5px 20px; width:550px} .fond-infos2 {background-color:#d7d5b8} .couleur1 {background-color:#f0eed3} .couleur2 {background-color:#d7d5b8} #extras caption {background-color:#454545; color:#fff; padding:1px 0px; font-weight:bold} #extras td {padding:5px 0px} #extras p{text-align:justify;} #extras li{text-align:justify; margin-left:20px} #extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px} .annexes h3 {color:#dc9b00;} .annexes p {display:block; width:580px} .annexes ul {margin-left:20px} .annexes li {margin-bottom:5px} #plan{margin-bottom:20px} #plan ul{margin:0 3px} #plan ul.bloc{margin:0} #plan ul li{list-style:none} #plan ul li.main{background-color:#ddd;margin:5px 0;padding:5px} #plan a.title {display:block;background-color:#454545;color:#fff;text-decoration:none;padding:2px 5px} #plan a.title:hover {background-color:#ffec00;color:#454545;text-decoration:none} #plan a {display:block;text-decoration:none;background-color:#bbb;padding:3px 6px;margin:2px 0} #plan a:hover {display:block;background-color:#7c7a62;color:#fff;text-decoration:none;margin:2px 2px} #btt{margin-top:30px} div.extras{margin:15px;} div.extras .credits1,div.extras .credits2{color:#666;background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:430px} div.extras .bg1{background-color:#38647f} div.extras .credits2,div.extras .bg2{background-color:#2e566f} div.extras td{padding:5px 0;color:#fff;font-size:11px} #creditsLeb ul li a{text-decoration:none} #creditsLeb .credits1 a,#creditsLeb .credits2 a{text-decoration:none} /***************************************************************** ********************************** CHANTIERS ****************************************************************/ ul.chantiers li.chantier{float:left;width:340px;list-style-type:none;padding-right:10px; margin-bottom:10px;} ul.chantiers li.chantier a{color:#454545;} ul.chantiers li.chantier b{font-size:1.1em;} ul.chantiers li.chantier img{margin-right:10px;} .legendeChantier{background-color:#f0efd3;color:#454545;margin-top:3px;text-align:center;} #autresExemples{margin-top:10px;}