/********************************************************/ /********** FONDERIE MAYENNAISE *************************/ /********** PAR LEB ARTS MEDIA - 2008 *******************/ /********************************************************/ /********************************************************/ /************** PAGE ******************************/ /********************************************************/ * {margin:0px; padding:0px} html { background: #05639b url(../img/bg_mos.jpg) repeat-x; width:100%; font:11px Arial, helvetica, sans-serif; color:#424242; } .grisFonderie {color:#5f737d !important} .orange{color:#f5a325} .orange2{color:#ff9000} .rouge{color:#ea4646} .strong{font-weight:bold} .highlight{color:#f5a325;font-weight:bold;} .clear {clear:both} img {border:none} p {text-align:justify} h1 {font-size:15px} h2 {font-size:14px} h3 {font-size:13px} h4 {font-size:12px} h5 {font-size:10px} .liste {background-color:#e5eeff; border:1px #ccdeff solid; padding:10px 10px 0px 10px} .liste li {margin:0px 0px 10px 15px} .listing {margin:5px 25px 0 14px;background-color:#6a7f89;color:#fff; border:1px #6c8795 solid; padding:10px 10px 0px 10px} .listing li {margin:0px 0px 10px 30px} /********************************************************/ /************** SQUELETTE ******************************/ /********************************************************/ #conteneur { background-repeat:no-repeat; width:960px; margin:0px auto 0px auto; text-align:left; } #conteneur #content_header{margin-top:10px;background: url(../img/header/bg_header.jpg) no-repeat left;height:148px} #conteneur #content_header #logo{float:left;width:284px;} #conteneur #content_header #logo h1{position:absolute;height:68px;margin:70px 0 0 38px;float:left} #conteneur #content_header #logo #drapeaux{float:left;margin:12px 0 0 90px} #conteneur #content_header #header{float:left;width:676px;} /********************************************************/ /************** OUTILS ******************************/ /********************************************************/ #conteneur #menu #barre_outils{float:left;margin:10px 0 0 97px;} #conteneur #menuG #barre_outils{float:left;margin:10px 0 0 97px;} #conteneur #menu #barre_outils img{margin-right:5px} #conteneur #menuG #barre_outils img{margin-right:5px} /********************************************************/ /************** MENU PAGE D'ACCUEIL *********************/ /************** i - PAS DE FOND GRIS COLONNE GAUCHE ****/ /********************************************************/ #conteneur #menu{background: url(../img/menu/bg_menu.jpg) no-repeat;height:38px;text-align:left;width:960px;padding-top:3px} #conteneur #menu ul{margin-left:12px} #conteneur #menu a{text-decoration:none;font-size:11px;text-align:center;padding-top:9px;height:26px;} #conteneur #menu ul li.normal{list-style:none;display:inline} #conteneur #menu ul li.normal a{float:left;display:block;cursor:pointer;text-transform:uppercase;font-weight:bold;color:#5f737d;text-align:center;} #conteneur #menu ul li.normal a span{margin:7px auto 0 auto;} #conteneur #menu ul li.normal a:hover{float:left;display:block;cursor:pointer;text-transform:uppercase;font-weight:bold;color:#fff} #conteneur #menu ul li.actif{list-style:none;display:inline} #conteneur #menu ul li.actif a{height:35px;float:left;display:block;cursor:pointer;text-transform:uppercase;font-weight:bold;color:#fff;text-align:center;} #conteneur #menu ul li.actif a span{float:left;padding-left:6px;padding-top:10px} #conteneur #menu ul li.actif a:hover{float:left;display:block;cursor:pointer;text-transform:uppercase;font-weight:bold;color:#fff} #conteneur #menu ul li.fonderie{margin-left:23px} #conteneur #menu ul li.fonderie a{width:134px;text-align:center;} #conteneur #menu ul li.normal a.fonderie{background-image:url('../img/menu/fonderie.gif')} #conteneur #menu ul li.actif a.fonderie{background-image:url('../img/menu/fonderie_actif.gif')} #conteneur #menu ul li.actualite a{width:81px;text-align:center;} #conteneur #menu ul li.normal a.actualite{background-image:url('../img/menu/actualites.gif')} #conteneur #menu ul li.actif a.actualite{background-image:url('../img/menu/actualites_roll.gif')} #conteneur #menu ul li.moyens a{width:148px;text-align:center;} #conteneur #menu ul li.normal a.moyens{background-image:url('../img/menu/moyens_production.gif')} #conteneur #menu ul li.actif a.moyens{background-image:url('../img/menu/moyens_production_roll.gif')} #conteneur #menu ul li.secteurs a{width:205px;text-align:center;} #conteneur #menu ul li.normal a.secteurs{background-image:url('../img/menu/secteurs_activites.gif')} #conteneur #menu ul li.actif a.secteurs{background-image:url('../img/menu/secteurs_activites_roll.gif')} #conteneur #menu ul li.contact a{width:143px;text-align:center;} #conteneur #menu ul li.normal a.contact{background-image:url('../img/menu/contact.gif')} #conteneur #menu ul li.actif a.contact{background-image:url('../img/menu/contact_roll.gif')} /********************************************************/ /************** MENU AUTRES PAGES ***********************/ /************** i - FOND GRIS COLONNE GAUCHE ************/ /********************************************************/ #conteneur #menuG{background: url(../img/menu/bg_menu_gris.jpg) no-repeat;height:38px;text-align:left;width:960px;padding-top:3px} #conteneur #menuG ul{margin-left:12px} #conteneur #menuG a{text-decoration:none;font-size:11px;text-align:center;padding-top:9px;height:26px;} #conteneur #menuG ul li.normal{list-style:none;display:inline} #conteneur #menuG ul li.normal a{float:left;display:block;cursor:pointer;text-transform:uppercase;font-weight:bold;color:#5f737d} #conteneur #menuG ul li.normal a span{margin:auto} #conteneur #menuG ul li.normal a:hover{float:left;display:block;cursor:pointer;text-transform:uppercase;font-weight:bold;color:#fff} #conteneur #menuG ul li.actif{list-style:none;display:inline} #conteneur #menuG ul li.actif a{float:left;display:block;cursor:pointer;text-transform:uppercase;font-weight:bold;color:#fff} #conteneur #menuG ul li.actif a span{margin:auto} #conteneur #menuG ul li.actif a:hover{float:left;display:block;cursor:pointer;text-transform:uppercase;font-weight:bold;color:#fff} #conteneur #menuG ul li.fonderie{margin-left:23px} #conteneur #menuG ul li.fonderie a{width:134px;} #conteneur #menuG ul li.normal a.fonderie{background-image:url('../img/menu/fonderie.gif')} #conteneur #menuG ul li.actif a.fonderie{background-image:url('../img/menu/fonderie_roll.gif')} #conteneur #menuG ul li.actualite a{width:81px;} #conteneur #menuG ul li.normal a.actualite{background-image:url('../img/menu/actualites.gif')} #conteneur #menuG ul li.actif a.actualite{background-image:url('../img/menu/actualites_roll.gif')} #conteneur #menuG ul li.moyens a{width:148px;} #conteneur #menuG ul li.normal a.moyens{background-image:url('../img/menu/moyens_production.gif')} #conteneur #menuG ul li.actif a.moyens{background-image:url('../img/menu/moyens_production_roll.gif')} #conteneur #menuG ul li.secteurs a{width:205px;} #conteneur #menuG ul li.normal a.secteurs{background-image:url('../img/menu/secteurs_activites.gif')} #conteneur #menuG ul li.actif a.secteurs{background-image:url('../img/menu/secteurs_activites_roll.gif')} #conteneur #menuG ul li.contact a{width:143px;} #conteneur #menuG ul li.normal a.contact{background-image:url('../img/menu/contact.gif')} #conteneur #menuG ul li.actif a.contact{background-image:url('../img/menu/contact_roll.gif')} #conteneur #contenu{background:#fff;margin-top:-3px;padding:0 0 10px 0} /********************************************************/ /************** PAGE ACCUEIL ****************************/ /********************************************************/ #conteneur #contenu #contentAccueil{width:920px;margin:auto;padding:20px 0} #conteneur #contenu #top_accueil{width:920px;height:13px;background:#555 url('../img/accueil/top_contenu_accueil.jpg') no-repeat} #conteneur #contenu #bottom_accueil{width:920px;height:9px;background:#999 url('../img/accueil/bottom_contenu_accueil.jpg') no-repeat} #conteneur #contenu #contenu_accueil{width:920px;background:#888 url('../img/accueil/bg_contenu_accueil.jpg') repeat-y} #conteneur #contenu #contenu_accueil #colonneGauche{float:left;text-align:center;margin-left:26px;width:177px} #conteneur #contenu #contenu_accueil #colonneGauche h3 span{float:left;margin-top:-2000px;} #conteneur #contenu #contenu_accueil #colonneGauche img{margin:9px 0 13px 0} #conteneur #contenu #contenu_accueil #colonneGauche h4{font-size:13px;font-weight:bold;color:#fff;text-transform:uppercase} #conteneur #contenu #contenu_accueil #colonneGauche p{color:#d9e2e8;margin-top:9px;font-size:10px} #conteneur #contenu #contenu_accueil #colonneMilieu{float:left;margin-left:88px;width:336px} #conteneur #contenu #contenu_accueil #colonneMilieu h2 span{float:left;margin-top:-2000px;} #conteneur #contenu #contenu_accueil #colonneMilieu img{margin:16px 0 9px 0} #conteneur #contenu #contenu_accueil #colonneMilieu #topContact{height:34px;background:url(../img/accueil/top_encart_contact.gif) no-repeat;} #conteneur #contenu #contenu_accueil #colonneMilieu #topContact span{float:left;margin:10px 0 0 20px;color:#fff} #conteneur #contenu #contenu_accueil #colonneMilieu #bgContact{color:#4d575c;background:url(../img/accueil/bg_encart_contact.gif) repeat-y;padding-bottom:20px} #conteneur #contenu #contenu_accueil #colonneMilieu #bgContact p{margin-left:25px;padding-top:5px;font-size:11px} #conteneur #contenu #contenu_accueil #colonneMilieu #bottomContact{height:19px;background:url(../img/accueil/bottom_encart_contact.gif) no-repeat;} #conteneur #contenu #contenu_accueil #colonneDroite{float:left;text-align:center;margin-left:88px;width:177px} #conteneur #contenu #contenu_accueil #colonneDroite h3 span{float:left;margin-top:-2000px;} #conteneur #contenu #contenu_accueil #colonneDroite img{margin:9px 0 13px 0} #conteneur #contenu #contenu_accueil #colonneDroite h4{font-size:13px;font-weight:bold;color:#fff;text-transform:uppercase} #conteneur #contenu #contenu_accueil #colonneDroite p{color:#d9e2e8;margin-top:9px;font-size:10px} #conteneur #contenu #contenu_accueil img.savoir_plus{margin:5px 0 0 0 !important} /********************************************************/ /************** COLONNE GAUCHE ******************************/ /********************************************************/ #conteneur #contenuG{width:242px;background-color:#eeeeee;float:left;margin:0 0 0 20px;} #conteneur #contenuG #content h2,#conteneur #contenuG #content2 h2{font-size:12px;color:#0064ae;margin-bottom:5px;margin-left:5px} #conteneur #contenuG #content h2.noBottom{margin-bottom:0} #conteneur #contenuG #content,#conteneur #contenuG #content2{padding:10px 9px} #conteneur #contenuG #content p{width:222px;margin:0px 0 10px 0;color:#80939c} #conteneur #contenuG #content .samples{width:224px;margin:30px auto 10px auto;text-align:center;} #conteneur #contenuG #content #contact{clear:both;width:202px;background-color:#f8f8f8;border:1px #4d93c6 solid;padding:20px 10px 10px 10px;font-size:11px;color:#80939c;} #conteneur #contenuG #content #phone{padding:10px;width:224px;height:53px;background:url(../img/contenu/contact_phone.jpg) no-repeat;color:#dadada;font-size:10px;margin-bottom:-35px} #conteneur #contenuG #bottom_CG{height:15px;background: #fff url(../img/contenu/bottom_CG.jpg) no-repeat} #conteneur #contenuG #top_CG{height:27px;background: #fff url(../img/contenu/top_CG.jpg) no-repeat} #conteneur #contenuG #content img{margin-bottom:5px} #conteneur #contenuG #content .lettreG{float:left;width:182px;height:27px;background:#fff;color:#6c7477} #conteneur #contenuG #content .lettreG a.lettre{color:#5f737c;text-decoration:underline} #conteneur #contenuG #content .lettreG a.lettre:hover{text-decoration:none} #conteneur #contenuG #content .lettreD{float:left;margin-left:4px;width:38px;height:27px;background:#fff;color:#6c7477;text-align:center;margin-bottom:4px} #conteneur #contenuG #content .lettreD img{margin-top:3px} #conteneur #contenuG #content .lettreG span{display:block;margin:7px 0 0 6px;} /******** SECTEURS D ACTIVITES ET PRODUITS ****/ #conteneur #contenuG #content ul#MenuS{text-align:right;background-color:#5f747d;padding:2px;margin-bottom:3px} #conteneur #contenuG #content .topSecteur{padding:7px 7px 7px 0;margin:0;text-align:right;display:block;background:#5f747d url(../img/secteurs/top_menu_s.gif) no-repeat;} #conteneur #contenuG #content .topSecteur h2{font-size:14px;font-weight:normal;color:#fff;margin:5px 0 0 0;padding:0;text-transform:uppercase} #conteneur #contenuG #content ul#MenuS li{padding:0;list-style:none;background-color:#6f828a;margin-bottom:2px;color:#fff;font-weight:bold;font-size:12px;} #conteneur #contenuG #content ul#MenuS li:hover{list-style:none;color:#44545c;font-weight:bold;font-size:12px;background-color:#dfe3e5} #conteneur #contenuG #content ul#MenuS li a{height:21px;padding:3px 3px 0 3px;display:block;list-style:none;color:#fff;font-weight:bold;font-size:12px;background-color:#6f828a;text-decoration:none} #conteneur #contenuG #content ul#MenuS li a:hover,#conteneur #contenuG #content ul#MenuS li a.actif{list-style:none;color:#44545c;font-weight:bold;font-size:12px;background-color:#dfe3e5;text-decoration:none} #conteneur #contenuG #content ul#MenuS li span{position:relative;top:3px} /********************************************************/ /************** COLONNE DROITE ******************************/ /********************************************************/ #conteneur #contenuD{width:661px;background-color:#5f737d;float:left;margin:15px 0 0 20px;} #conteneur #contenuD #top_CD{height:38px;background:url(../img/contenu/top_CD.jpg) no-repeat} #conteneur #contenuD #bottom_CD{height:18px;background:url(../img/contenu/bottom_CD.jpg) no-repeat} #conteneur #contenuD #top_CD h2{width:291px;text-align:center;float:left;font-size:12px;color:#5f737d;margin:13px 0 0 12px;text-transform:uppercase} /******** ACTUALITES */ #conteneur #contenuD .news{width:637px;background-color:#6f818a;text-align:center;margin:15px auto 0 auto} #conteneur #contenuD .news .topNews{text-align:left;width:637px;height:32px;background:url(../img/contenu/news/top_news.jpg) no-repeat;padding:9px 0 0 21px} #conteneur #contenuD .news .topNews h3{color:#f8f8f8;font-size:16px;font-weight:bold;} #conteneur #contenuD .news .topNews h3 img{position:relative;top:2px;right:5px} #conteneur #contenuD .news .contentNews{text-align:left;color:#f7f7f7;font-size:11px;text-align:justify;} #conteneur #contenuD .news .contentNews .NG{width:204px;margin-left:10px} #conteneur #contenuD .news .contentNews .ND{width:400px} #conteneur #contenuD .news .contentNews .ND p{padding:10px} #conteneur #contenuD .news .bottomNews{width:637px;height:12px;background:url(../img/contenu/news/bottom_news.jpg) no-repeat} #conteneur #contenuD .news .contentNews .NG .pdfNews{display:block;width:204px;height:56px;background:url(../img/contenu/news/pdf_news.jpg) no-repeat;} #conteneur #contenuD .news .contentNews .NG .pdfNews p{font-size:11px;color:#839298;padding:13px 15px 0 63px} #conteneur #contenuD .news .contentNews .NG .pdfNews a{color:#ea4646;text-decoration:none} #conteneur #contenuD .news .contentNews .NG .pdfNews a:hover{color:#ea4646;text-decoration:underline} /*** textes **/ #conteneur #contenuD .texte{width:637px;text-align:center;margin:15px auto 0 auto;} #conteneur #contenuD .texte .topTexte{text-align:left;width:637px;height:32px;padding:9px 0 0 21px;} #conteneur #contenuD .texte .topTexte h3{color:#f8f8f8;font-size:16px;font-weight:bold;} #conteneur #contenuD .texte .topTexte h3 img{width:11px;height:15px;} #conteneur #contenuD .texte h4{color:#e6e6e6;font-size:13px;font-weight:bold;} #conteneur #contenuD .texte .topTexte h3 img{position:relative;top:2px;right:5px} #conteneur #contenuD .texte .contentTexte img{margin-right:5px} #conteneur #contenuD .texte .contentTexte p{text-align:left;color:#f7f7f7;font-size:11px;text-align:justify;padding:5px;} #conteneur #contenuD .texte .contentTexteS{float:left;width:206px;margin-left:30px;text-align:center;} #conteneur #contenuD .texte .contentTexteS h4{color:#e6e6e6;font-size:13px;font-weight:bold;text-align:center;margin-bottom:10px} #conteneur #contenuD .texte .contentTexteS p{width:190px;margin:10px auto 0;color:#fefefe} #conteneur #contenuD .encart p{text-align:left;color:#f7f7f7;font-size:10px;text-align:justify;padding:20px;} #conteneur #contenuD .encartM p{text-align:left;color:#f8f8f8;font-size:10px;text-align:justify;padding:20px 30px 20px 20px;} #conteneur #contenuD .encartC p{text-align:left;color:#f8f8f8;font-size:11px;text-align:justify;padding:10px 30px 5px 20px;} #conteneur #contenuD .encartC h3{margin:15px 0 0 20px} #conteneur #contenuD .encart2 {margin-left:70px;color:#fff} #conteneur #contenuD .encart2 .etoile{font-size:24px;position:relative;top:7px;right:5px} #conteneur #contenuD .texte .topTexteC{text-align:left;width:637px;height:32px;padding:20px 0 10px 21px;} #conteneur #contenuD .texte .topTexteC h3.contact{color:#e6e6e6;font-size:12px;font-weight:bold;margin-top:20px;} #conteneur #contenuD .texte .topTexteC h3.contact img{position:relative;top:4px;right:5px;} /*** formulaire ***/ #conteneur #contenuD .formulaire{width:637px;text-align:left;margin:15px auto 0 auto;font-family:arial} #conteneur #contenuD .formulaire .champsClair{display:block;margin-bottom:3px;background-color:#70858f;} #conteneur #contenuD .formulaire .champsFonce{display:block;margin-bottom:3px;background-color:#677981} #conteneur #contenuD .formulaire .champsClairArea{display:block;margin-bottom:3px;background-color:#70858f;height:185px} #conteneur #contenuD .formulaire .obli{float:left;text-align:center;display:block;width:10%;height:50px;} #conteneur #contenuD .formulaire .obli .etoile{font-size:24px;position:relative;top:16px} #conteneur #contenuD .formulaire .intitule{float:left;text-align:right;display:block;width:20%;height:50px;} #conteneur #contenuD .formulaire .champ{float:left;display:block;width:70%;height:50px;} #conteneur #contenuD .formulaire .alir{display:block;position:relative;top:10px;left:10px;width:100px;color:#fff;font-weight:bold} #conteneur #contenuD .formulaire .alir2{display:block;position:relative;top:17px;left:10px;width:100px;color:#fff;font-weight:bold} #conteneur #contenuD .formulaire .alil{position:relative;top:17px;left:10px} #conteneur #contenuD .formulaire select{width:250px;font-size:11px;color:#124061} #conteneur #contenuD .formulaire input{width:200px;font-size:10px;color:#124061} #conteneur #contenuD .formulaire input.sendBtn{width:87px} /*#conteneur #contenuD .formulaire input.txt{width:200px;font-size:10px;color:#124061}*/ #conteneur #contenuD .formulaire textarea{width:400px;height:150px;font-size:11px;color:#124061;font-family:arial} form .erreur{background:#f5a223;color:#fff;border:#f5a223 1px solid} /********************************************************/ /************** FOOTER ******************************/ /********************************************************/ #conteneur #pied{background:url(../img/footer/bg_foot.jpg) no-repeat;height:97px;} #conteneur #contentPied{float:left;margin:60px 0 0 240px;color:#e6e6e6} #conteneur #contentPied p{border-bottom:1px #69a1c3 solid;} #conteneur #contentPied ul li{display:inline;list-style:none;margin-right:3px} #conteneur #contentPied ul li a{color:#fff;text-decoration:underline} #conteneur #contentPied ul li a:hover{text-decoration:none} #conteneur #contentPied a.foot_fonderie{color:#f5a325;font-weight:bold;text-decoration:none} #conteneur #contentPied a.foot_fonderie:hover{color:#f5a325;font-weight:bold;text-decoration:underline} /********************************************************/ /************** MENU MOYENS ******************************/ /********************************************************/ #conteneur #contenuD #menu_moyens{width:638px;height:88px;background:url(../img/moyens/menu/bg_menu.jpg);margin:10px auto 0 auto} #conteneur #contenuD #menu_moyens ul{float:left;margin:10px 0 0 4px} #conteneur #contenuD #menu_moyens ul li.normal{display:inline;} #conteneur #contenuD #menu_moyens ul li.actif{display:inline;} #conteneur #contenuD #menu_moyens ul li.normal span{display:block;float:left;margin:52px auto 0 auto;text-align:center;width:124px;font-size:10px;cursor:pointer} #conteneur #contenuD #menu_moyens ul li.actif span{display:block;float:left;margin:52px auto 0 auto;text-align:center;width:124px;font-size:10px;cursor:pointer;color:#fff} #conteneur #contenuD #menu_moyens ul li.normal a{color:#2e6b97;text-decoration:none;font-weight:bold;text-transform:uppercase} #conteneur #contenuD #menu_moyens ul li.normal a:hover{color:#fff;text-decoration:none;font-weight:bold;text-transform:uppercase} #conteneur #contenuD #menu_moyens ul li.actif a{color:#fff;text-decoration:none;font-weight:bold;text-transform:uppercase} #conteneur #contenuD #menu_moyens ul li.actif a:hover{color:#fff;text-decoration:none;font-weight:bold;text-transform:uppercase} #conteneur #contenuD #menu_moyens ul li.normal a.moyens_moulage{margin-right:2px;display:block;float:left;width:127px;height:66px;background:url(../img/moyens/menu/bg_1.jpg);} #conteneur #contenuD #menu_moyens ul li.actif a.moyens_moulage_actif{margin-right:2px;display:block;float:left;width:127px;height:66px;background:url(../img/moyens/menu/bg_1_roll.jpg);} #conteneur #contenuD #menu_moyens ul li.normal a.moyens_noyautage{margin-right:2px;display:block;float:left;width:123px;height:66px;background:url(../img/moyens/menu/bg_2.jpg);} #conteneur #contenuD #menu_moyens ul li.actif a.moyens_noyautage_actif{margin-right:2px;display:block;float:left;width:123px;height:66px;background:url(../img/moyens/menu/bg_2_roll.jpg);} #conteneur #contenuD #menu_moyens ul li.normal a.moyens_fusion{margin-right:2px;display:block;float:left;width:123px;height:66px;background:url(../img/moyens/menu/bg_3.jpg);} #conteneur #contenuD #menu_moyens ul li.actif a.moyens_fusion_actif{margin-right:2px;display:block;float:left;width:123px;height:66px;background:url(../img/moyens/menu/bg_3_roll.jpg);} #conteneur #contenuD #menu_moyens ul li.normal a.moyens_parachevement{margin-right:2px;display:block;float:left;width:123px;height:66px;background:url(../img/moyens/menu/bg_4.jpg);} #conteneur #contenuD #menu_moyens ul li.actif a.moyens_parachevement_actif{margin-right:2px;display:block;float:left;width:123px;height:66px;background:url(../img/moyens/menu/bg_4_roll.jpg);} #conteneur #contenuD #menu_moyens ul li.normal a.moyens_controle{display:block;float:left;width:126px;height:66px;background:url(../img/moyens/menu/bg_5.jpg);} #conteneur #contenuD #menu_moyens ul li.actif a.moyens_controle_actif{display:block;float:left;width:126px;height:66px;background:url(../img/moyens/menu/bg_5_roll.jpg);} /********************************************************/ /************** EXTRAS ******************************/ /********************************************************/ #leb-img {margin-top:20px} #lebarts_infos a{color:#fff;font-weight:bold;text-decoration:underline} #lebarts_infos a:hover{color:#fff;font-weight:bold;text-decoration:none} .fond-infos,.fond-infos2 {background-color:#70858f; margin:5px 0 5px 20px; padding:5px 0px 5px 20px; width:450px} .fond-infos2 {background-color:#677981;} .couleur1 {background-color:#70858f} .couleur2 {background-color:#677981} #extras{margin:20px 0 0 20px} #extras h4{color:#f5a325} #extras a{color:#fff;text-decoration:underline;font-weight:bold} #extras a:hover{color:#fff;text-decoration:none;font-weight:bold} #extras caption {background-color:#fff; color:#4d575c; padding:1px 0px; font-weight:bold} #extras td {padding:5px 5px;color:#fff;text-align:left} #extras p{text-align:justify; width:500px} #extras li{text-align:justify; margin-left:20px} #extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px} #mentions{margin:20px 0 0 20px} #mentions h2{color:#f5a325;margin:0;padding:0} #mentions h4{color:#fff} #mentions a{color:#fff;text-decoration:underline;font-weight:bold} #mentions a:hover{color:#fff;text-decoration:none;font-weight:bold} #mentions caption {background-color:#fff; color:#4d575c; padding:1px 0px; font-weight:bold} #mentions td {padding:5px 5px;color:#fff;text-align:left} #mentions p{text-align:justify;} #mentions li{text-align:justify; margin-left:10px;color:#fff;list-style:none} #mentions ul {background-color:#70858f;border:none;padding:10px;margin-right:20px;} #plan_site{margin:20px 0 0 20px} #plan_site .bloc{background-color:#70858f;margin-right:20px;;margin-bottom:5px;padding:1px 10px 15px 10px} #plan_site .bloc2{background-color:#677981;margin-right:20px;margin-bottom:5px;padding:1px 10px 15px 10px} #plan_site{margin:20px 0 0 20px} #plan_site ul li{list-style:none} #plan_site .chef{margin-top:15px} #plan_site .chef span{color:#fff;font-weight:bold;font-size:13px} #plan_site .chef a{color:#fff;text-decoration:none;font-weight:bold;font-size:13px} #plan_site .chef a:hover{color:#f5a325;text-decoration:underline;font-weight:bold;font-size:13px} #plan_site .page{margin-top:5px} #plan_site .page ul li{margin-left:15px} #plan_site .page a{color:#fff;text-decoration:none;font-weight:bold;font-size:11px} #plan_site .page a:hover{color:#fff;text-decoration:underline;font-weight:bold;font-size:11px} div.extras{margin:15px;color:#fff} div.extras .credits1,div.extras .credits2{background-color:#38647f; margin:5px 0px; padding:5px 0px 5px 20px; width:390px} 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 .rouge{color:#fff !important;} #creditsLeb .grisC{color:#ddd !important} #creditsLeb a{text-decoration:none !important} .annexes h3 {color:#dc9b00;} .annexes p {display:block; width:580px} .annexes ul {margin-left:20px} .annexes li {margin-bottom:5px} #plan a {display:block; width:580px; padding:5px 0px 5px 5px; background-color:#b5f0ff; margin-bottom:4px; border-right:5px #15749e solid} #plan a:hover {background-color:#e0f7fd; border-right:5px #dc9b00 solid; color:#dc9b00}