/**************************** Généralités ****************************/ *,p{ font-family: Arial,Tahoma,Helvetica, sans-serif; font-size:12px; margin:0; padding:0; outline:none; } hr.clear_both{ clear: both; visibility:hidden; height:1px; line-height:1px; } h1{ font-size:20px; font-weight:bolder;} h2{ font-size:18px; font-weight:bolder;} h3{ font-size:16px; font-weight:bolder;} h4{ font-size:14px; font-weight:bolder;} h5{ font-size:13px; font-weight:bolder; color:#73c573;} img{border:none;} .floatright{float:right;} .floatleft{float:left;} .gras{font-weight:bold;} .replace{font-family: Helvetica, sans-serif; font-size:14px; color:#f5f;} hr.clear{clear:both; line-height:1px; height:1px; visibility:hidden; padding:0px; margin:0px;} .nothing{border:0px !important; background:none !important; margin:0px !important; padding:0px !important; } a{text-decoration:none;color:#000;} img{border:0px; margin:0px; } .turquoise{color:#73c5cf;} .turquoise2{color:#3d8e9f;} a.turquoise2:hover{color:#5daebf;} .violet{color:#af2dca;} a.violet:hover{color:#cf5dea;} .vert{color:#7bac1f;} .rouge{color:#d33;} .clear{clear:both;} #liste .escapade p a:hover { color:#555555; } #liste .escapade p a { color:#888888; font-family:Tahoma; padding:0 2px; } /******************** Message d'erreur et d'avertissement *******************/ div#avert{ width:100%; border:1px dashed #0c0;} div#avert p{ margin:8px 17px; font-size:12px; font-weight:bold; color:#0c0; font-family:Verdana,Arial; } div#error{ width:100%; border:1px dashed #c00;} div#error p{ margin:8px 17px;font-size:12px; font-weight:bold; color:#c00; font-family:Verdana,Arial; } span.error_comm{color:#d55;font-size:11px;} /**********************BOUTONS : **************************************/ table.bouton{ } table.bouton .gauche{width:6px; height:27px; background:url("../images/_bouton/gauche.gif") no-repeat;} table.bouton .centre{ height:27px; background:url("../images/_bouton/centre.gif") repeat-x; } table.bouton input{ font-weight:bolder; color:#555; font-family:Helvetica; font-size:12px !important; padding:5px 5px 1px 5px; cursor:pointer;} table.bouton .droite{width:6px; height:27px; background:url("../images/_bouton/droite.gif") no-repeat;} .petit table.bouton input{padding:4px 1px 1px 0px;} /**********************Formulaires : généralités : ***********************/ form .error{ border:2px double #500; background:#e99; color:#333; } .comm_error, .error_comm{ color:#900; margin-left:3px; font-size:10px; font-family:Verdana,Arial; } input, textarea{padding:2px; border:1px solid #666; background:#fff;} .t{width:120px;} /*taille de base des inputs*/ /******************* Général *****************************************/ body{background:#3b8d97 url("../images/fond_body.jpg") repeat-x;} #global{ width:984px;margin:5px auto; } #global_contenu{ /*position:relative; */ width:984px; background:#fff; background:url("../images/_borders/fond.gif"); padding:0 5px; } /******************* PAGINATION*****************************************/ .pagination a{text-decoration:none; line-height:28px;color:#1db48d; padding:6px 7px 5px 7px; text-align:center;} .pagination td:hover{ background:#b0e1c6; } .pagination .nohover:hover{ background:none; } .pagination a:hover{ color:#fff; } .pagination {font-weight:bold; font-size:13px; margin:4px 0 0 0;} .pagination .pageactuelle{ background:#b0e1c6; } /********************HEADER ***************************************/ #header{ background:url("../images/header_fond.gif") #fff; height:121px; width:993px;} #header h2{ background:transparent url(../images/logo_fr.gif) repeat scroll 0 0; display:block; float:left; font-size:10px; height:118px; left:-3px; position:relative; text-indent:-9000px; top:4px; width:357px; } h1#logo2{ display:block; width:357px; height:118px; background:url(../images/logo_fr.gif); text-indent:-9000px; font-size:10px; position:relative; top:4px; left:-3px; float:left; } #header #newsletter_inscription{margin:10px 0px 0px 460px; height:53px; width:520px; background:#edf7f2; } #header #newsletter_inscription label{ text-align:right; float:left; color:#888; line-height:18px; font-size:13px;font-family:Arial;margin-top:10px;} #header #newsletter_inscription #newsletter_email{margin:0px 2px 0 7px; padding:4px; color:#888; width:210px; float:left;} #header #nl_align{margin-top:5px;} #header #newsletter_inscription .avert_nl{color:#5a5; font-weight:bold;float:left;margin-top:12px; margin-left:5px;} #header #newsletter_inscription .nl_rouge{border:2px solid #b55; background:#fee;} #header #onglets{margin:0px 0 0 450px; background:#edf7f2;} #header #onglets a{ margin-left:6px;} #header #onglet1{background:url('../images/onglet1_fr.gif') #edf7f2;display:block; width:194px; height:34px; float:left;} #header #onglet1:hover{background-position:0px 34px;} #header #onglet2{background:url('../images/onglet2_fr.gif') #edf7f2;display:block; width:139px; height:34px; float:left;} #header #onglet2:hover{background-position:0px 34px;} #header #onglet3{background:url('../images/onglet3_fr.gif') #edf7f2;display:block; width:152px; height:34px; float:left;} #header #onglet3:hover{background-position:0px 34px;} /********************FOOTER ***************************************/ #footer{ background:url("../images/_borders/fond.gif") repeat-y; height:115px; width:983px; padding:0px 5px; } #footer #fond{position:relative; left:-4px; } #degrade_footer{ background:url("../images/_borders/degrade_footer_bleu.gif") repeat-x; height:88px;width:983px;} #degrade_footer{color:#888;} #degrade_footer #proposer_ad{background:url("../images/bouton_proposer_adresse.gif"); width:105px; height:67px; display:block;margin:9px 9px 0px 0px; float:right;} #degrade_footer #proposer_ad:hover{background-position:0px 67px;} #degrade_footer table{float:left; margin:7px; width:845px; text-align:left;} #degrade_footer table td,#degrade_footer table th{padding-left:20px;font-weight:normal;} #degrade_footer table th{padding-bottom:5px;} #degrade_footer a{color:#8a8a8a;text-decoration:underline; line-height:16px; font-size:11px; font-family:Tahoma;} #degrade_footer a:hover{color:#555;text-decoration:underline;} #degrade_footer .nolien{color:#8a8a8a;text-decoration:none; font-size:12px;} #footer p{margin:5px 20px 0px 28px;} #footer #liens1{float:right; margin:5px 20px 0 0; width:308px;} #footer #liens1 img{margin:0px 5px;} #footer #liens1 a:hover{color:#777;} #footer_bis{width:100%;color:#fff; float:right; font-size:11px; margin-top:19px;margin-bottom:15px; position:relative; left:10px;font-weight:bolder;} #footer_bis a{color:#fff; font-size:11px; margin:0px 8px;} #footer_bis a:hover{color:#aee; } /********************ACCUEIL ***************************************/ #accueil #cc{ padding:5px 0px 10px 23px; float:left; } #accueil #cc div{ position:relative; display:block;width:156px; height:298px; float:left; cursor:pointer; } #accueil #cc .image{ position:absolute; z-index:1; } #accueil #cc .masque{position:absolute; z-index:0; z-index:2; } #accueil #cc table{ position:absolute; top:0px; height:298px; width:156px; z-index:3; } #accueil #cc td{ width:156px; height:298px;} #accueil #cc p{ color:#fff; font-size:20px; font-weight:bolder; text-align:center; width:150px;margin-left:4px;margin-bottom:7px; } #accueil #cc p:hover{ color:#daff94; } #accueil #recherche{margin:4px 0 0 8px;float:left; width:310px; background:url("../images/accueil_recherche1.gif") no-repeat; padding-top:40px;} #accueil #recherche form{margin:15px 0 15px 0px;} #accueil #recherche form table{margin-left:12px;} #accueil #recherche form table table{margin-left:10px;} #accueil #recherche #motcle{ padding:4px; color:#888; } #accueil #recherche #btn_erech{cursor:pointer;margin-top:10px;border:0px; background:url('../images/accueil_recherche2.gif'); width:298px; height:198px; display:block;float:left; } #accueil #recherche #btn_erech:hover{ background-position:0px 198px; } /* #accueil #nouveautes{margin:6px 3px 5px 25px;width:310px; padding-top:35px; background:url('../images/accueil_nouvelles_escapades.gif') no-repeat;} #accueil #nouveautes h5{ margin:3px 0 0px 0; color:#7bac1f; } #accueil #nouveautes h5:hover{ color:#5b8c00; } #accueil #nouveautes p{ margin:2px 0 5px 0; height:45px; font-size:12px; color:#999;line-height:15px; } #accueil #nouveautes img{ border:1px double #73c5cf; margin:2px; margin-left:0px;} #accueil #nouveautes img:hover{ border:3px solid #c8ed77; margin:0px; margin-left:-2px;} */ #accueil #nouveautes{margin:6px 3px 5px 25px;width:310px; padding-top:35px; background:url('../images/accueil_nouvelles_escapades.gif') no-repeat;} #accueil #nouveautes .nouveaute{ position:relative; height:175px;} #accueil #nouveautes img{ margin:3px; margin-left:0px;position:absolute;} #accueil #nouveautes img:hover{ border:3px solid #c8ed77; margin:0px; margin-left:-3px;} #accueil #nouveautes .txt_n{ background:url('../images/_blanc.png'); position:absolute; top:113px;width:297px; height:46px; padding:5px;} #accueil #nouveautes h5{ margin:0px 0 0px 0; color:#5b8c00; } #accueil #nouveautes h5:hover{ color:#3b6c00; } #accueil #nouveautes p{ margin:2px 0 5px 0; height:35px; font-size:12px; color:#333;line-height:15px; } #accueil #cc2{width:295px;height:308px; padding:40px 5px 5px 10px; background:url('../images/accueil_cc.gif') no-repeat;} #accueil #cc2 img{float:left; margin:0px 8px 10px 5px;} #accueil #cc2 img:hover{border:3px solid #c8ed77; margin:-3px 5px 7px 2px; } #accueil #cc2 h5{color:#3d8e9f;} #accueil #cc2 h5:hover{color:#1d6e7f;} #accueil #cc2 p{ margin:3px 0 8px 0; height:65px; font-size:12px; color:#999; line-height:16px; } #accueil #cc2 a{ color:#3d8e9f; } #accueil #qui{width:310px;height:199px;background:url('../images/accueil_qui.gif') no-repeat; margin-top:10px;} #accueil #qui p{width:165px;height:136px;padding:38px 0px 0 15px; text-align:justify; color:#999; line-height:20px; font-size:13px; font-family:Arial;} #accueil #evenementiel{width:310px;height:245px;margin:0 0 0 7px;} #accueil #recherches_frequentes{width:285px;/*height:165px;*/ margin:0 0 0 12px; padding:45px 0 0 5px; background:url('../images/accueil_recherches_frequentes.gif') no-repeat; text-align:justify; } #accueil #recherches_frequentes a{color:#999; font-weight:bold;font-family:Arial;margin-right:3px;line-height:22px;} #accueil #recherches_frequentes a:hover{color:#666;} #accueil #recherches_frequentes .t4{font-size:19px;} #accueil #recherches_frequentes .t3{font-size:17px;} #accueil #recherches_frequentes .t2{font-size:14px;} #accueil #recherches_frequentes .t1{font-size:11px;} #accueil #presse{width:310px;/*height:95px;*/margin-top:10px;margin-left:3px;margin-bottom:8px;} #accueil #presse a{ background:url("../images/accueil_presse.jpg") no-repeat; display:block;width:310px;height:87px;margin-top:10px;margin-left:3px;} #accueil #presse a:hover{ background-position:0px -87px;} /*************************menu gauche*******************************/ #menu_gauche{ width:190px;/*margin:22px 0px 15px 22px;*/ position:relative; top:22px; left:22px; float:left; } #menu_gauche #recherche{ } #menu_gauche #recherche form{ margin:6px 0px 7px 0px; } #menu_gauche #btn_erech2{ border:0px;cursor:pointer;margin-top:5px;margin-left:-1px; } #menu_gauche #plus{ margin:10px 0 15px; } #menu_gauche #plus #titre{ margin-bottom:8px; margin-left:2px; } #menu_gauche #plus table{ margin:5px 0 5px 3px;} #menu_gauche #plus a{ color:#888; padding-right:2px; font-weight:bold;} #menu_gauche #plus a img{ margin-right:2px; } #menu_gauche #plus a:hover{ color:#555; } #retour{ margin:10px 22px 5px; } /*************************Ariane*******************************/ #ariane{float:left; margin:1px 0px -3px 22px; color:#3d8e9f;font-family:Tahoma;} #ariane a{padding:0 2px; color:#888; font-family:Tahoma;} #ariane a:hover{color:#555; } /*************************liste basique*******************************/ #liste{background:url("../images/liste_fond.gif") no-repeat;width:743px; float:left; margin:2px 0 0 16px;} #liste .grostitre{margin:28px 0 20px 13px; color:#af2dca; font-size:26px;} #liste .pagination{font-weight:bold; margin:20px 20px 5px 28px; color:#888;} #liste .escapade{margin:18px 0 0px 0px; height:93px; padding-left:22px; float:left;} #liste .escapade img{float:left;} #liste .escapade img.main{ float:left;border:1px double #73c5cf; margin:2px; margin-left:0px;} #liste .escapade img.main:hover{ border:3px solid #c8ed77; margin:0px; margin-left:-2px;} #liste .escapade h5{margin:1px 0 0 15px;float:left; color:#af2dca; } #liste .escapade h5:hover{color:#7f0d9a;} #liste .escapade p{color:#888; float:left; width:582px; margin:5px 0 0 15px;} #liste .escapade .themes {margin:7px 0 0 15px; float:left;} #liste .escapade .themes img{padding-right:5px;} /*************************fiche escapade*******************************/ #fiche{background:url("../images/fiche_header.gif") no-repeat;width:743px; float:left;margin:13px 0 0 16px;} #fiche #grand_titre{margin:15px 0 15px 10px; } #fiche .grostitre{color:#af2dca; font-size:22px;height:28px; float:left; } #fiche #liens_header{margin:20px 15px 0px 0px; float:right; } #fiche #liens_header a{color:#3d8e9f; font-size:10px; margin-right:4px;font-family:Tahoma;} #fiche #liens_header a:hover{color:#6dbecf;} #fiche p#description{ color:#555; width:328px; float:left; position:relative; left:15px; line-height:18px;} #fiche p#description img.trait{ margin:14px 0 10px; } #fiche p#description a.lien{ color:#63b5bf; font-weight:bold; font-family:tahoma;height:22px; display:block;} #fiche p#description a.lien:hover{ color:#43959f; } #fiche #images{ margin:3px 0px 7px;background:url("../images/fiche_images_fond.gif") no-repeat; width:380px; height:361px; text-align:center; float:right; position:relative; right:10px;} #fiche #images table{ width:360px; margin:0px auto;} #fiche #images table td{ text-align:center;} #fiche #images img#principal{ width:358px; height:267px; border:1px double #484849;} #fiche #images img.petite{ width:73px; height:54px; cursor:pointer; margin:5px 1px 1px 1px; border:0px;padding:3px;} #fiche #images img.petite:hover{border:3px solid #c8ed77; padding:0px;} #fiche #images p{ color:#888; font-weight:bold; font-size:11px; } #fiche .chapitre_titre{background:url('../images/fiche_chapitre_fond.gif'); width:743px; height:30px; cursor:pointer;clear:both;margin:10px 0px 10px 0;} #fiche .chapitre_titre .titre{padding:9px; } #fiche .chapitre_titre .fleche{float:right; padding:8px;} #fiche #contenu_titre_coordonnees{margin:5px 5px 10px;} #fiche #map{float:left; margin-right:12px; margin-left:5px;width:331px; height:223px; } #fiche #map span, #fiche #map a{display:none; } #fiche #coordonnees{float:left;} #fiche #coordonnees a{color:#777;} #fiche #coordonnees {font-weight:12px; line-height:18px;} #fiche #coordonnees h4{margin-bottom:8px;} #fiche #coordonnees h5{margin-bottom:8px;font-weight:normal; font-size:15px;} #fiche #coordonnees a:hover{color:#999;} #fiche #coordonnees td a{font-weight:bold; color:#63b5bf; font-family:Tahoma;} #fiche #coordonnees td a:hover{color:#43959f;} #fiche #contenu_commentaires1{} #fiche #contenu_commentaires1 .comm{color:#bf3dda; font-style:italic; font-size:10px; text-decoration:underline; padding-left:10px;} #fiche #contenu_commentaires1 #loi{line-height:16px;color:#666;font-size:11px; margin-top:8px;} #fiche #contenu_commentaires1 #loi a {text-decoration:underline;line-height:16px;color:#666;font-size:11px;} #fiche #contenu_commentaires1 .label{padding:5px 5px 15px; width:125px; font-size:13px; font-weight:bold; color:#555;} #fiche #contenu_commentaires1 textarea{width:450px; height:80px;border:#1px double #555; padding:2px; font-color:8px;} #fiche #contenu_commentaires2{} #fiche #contenu_commentaires2 .commentaire{margin-left:10px;} #fiche #contenu_commentaires2 .commentaire .pseudo{float:left;font-size:16px; font-weight:bold; color:#3d8e9f;} #fiche #contenu_commentaires2 .commentaire .note{/*width:71px;*/margin-bottom:15px;margin-top:3px;} #fiche #contenu_commentaires2 .commentaire .bulle{margin-bottom:15px;margin-left:7px;float:left;background:url(../images/_borders/bulle2.gif) repeat-y; width:500px;} #fiche #contenu_commentaires2 .commentaire .bulle .content{padding-top:3px; background:url(../images/_borders/bulle1.gif) no-repeat; width:500px;} #fiche #contenu_commentaires2 .commentaire .bulle .content p{margin:5px 10px 0px 30px;} #fiche #contenu_commentaires2 .commentaire .bulle .bas{background:url(../images/_borders/bulle3.gif) no-repeat; width:500px; height:11px;} #fiche #contenu_commentaires2 .comm{color:#bf3dda; font-style:italic; font-size:10px; text-decoration:underline; padding-left:10px;} #fiche #contenu_commentaires2 #loi{line-height:16px;color:#666;font-size:11px; margin-top:8px;} #fiche #contenu_commentaires2 #loi a {text-decoration:underline;line-height:16px;color:#666;font-size:11px;} #fiche #contenu_commentaires2 .label{padding:5px 5px 15px; width:125px; font-size:13px; font-weight:bold; color:#555;} #fiche #contenu_commentaires2 textarea{width:450px; height:80px;border:#1px double #555; padding:2px; font-color:8px;} #fiche #contenu_hebergements{width:100%; margin:15px 0 12px;} #fiche #contenu_hebergements table{width:100%;} #fiche #contenu_hebergements .hebergement{background:url('../images/fiche_hebergement_fond.gif') no-repeat; width:194px; height:171px; text-align:center;} #fiche #contenu_hebergements .hebergement img.photo{} #fiche #contenu_hebergements .hebergement img.photo{ border:1px double #73c5cf;margin:8px 2px 3px 2px;} #fiche #contenu_hebergements .hebergement img.photo:hover{ border:3px solid #c8ed77;margin:6px 0px 1px 0px; } #fiche #contenu_hebergements .hebergement h5{font-size:11px; line-height:15px; margin-bottom:6px;} #fiche #contenu_hebergements .hebergement h5:hover{color:#63b5bf;} #fiche #contenu_hebergements .hebergement p{font-size:11px; font-weight:bold; color:#888;} #fiche #adecouvrir .decouverte{background:#f6fbf7; padding:5px; margin-bottom:10px;} #fiche #adecouvrir .decouverte a img{float:left; border:1px double #73c5cf;margin:2px 2px 2px 6px;} #fiche #adecouvrir .decouverte a img:hover{ border:3px solid #c8ed77;margin:0px 0px 0px 4px; } #fiche #adecouvrir .decouverte h5{float:left; line-height:14px; margin:0 0 2px 5px; font-size:12px;} #fiche #adecouvrir .decouverte h5.violet{cursor:pointer; margin-left:15px;} #fiche #adecouvrir .decouverte h5.violet:hover{color:#cf4dea;} #fiche #adecouvrir .decouverte p{float:left; margin-left:13px; line-height:16px; width:620px; color:#777;} #fiche #adecouvrir .decouverte .themes{font-weight:bold; font-size:11px;} .adecouvrir{cursor:default !important;} #fiche .lien_rech{ font-size:13px; font-weight:bold; margin:5px 0 0px 15px; font-family:Tahoma; } /****************************** CONTENU ***********************/ #contenu{background:url("../images/fiche_header.gif") no-repeat;width:743px; float:left;margin:13px 0 0 14px;} #contenu #grand_titre{margin:15px 0 15px 10px; } #contenu .grostitre{color:#af2dca; font-size:26px;height:28px; float:left; } #contenu #liens_header{margin:20px 0 0px 0px; float:right; } #contenu #liens_header a{color:#3d8e9f; font-size:10px; margin-right:20px;font-family:Tahoma;} #contenu #liens_header a:hover{color:#6dbecf;} #contenu .chapitre_titre{background:url('../images/fiche_chapitre_fond.gif'); width:743px; height:30px; cursor:pointer;clear:both;margin:5px 0px;} #contenu .chapitre_titre .titre{padding:9px; color:#3d8e9f;} #contenu .chapitre_titre .fleche{float:right; padding:8px;} #contenu .contenu{margin:3px 12px; text-align:justify; width:700px;} /***************************** POPIN *****************************/ #fondu_general{ opacity:0; cursor:pointer; width:100%; height:2000px;position:absolute; z-index:50; top:0px; left:0px; background:#000;} .popin{padding:30px 30px 0 0; opacity:0;display:block;/* left:30%; */position:absolute; z-index:91; /*height:100px; */ /*top:200px;*/} .popin #popin_contenu{ background:#fff; } .popin .bouton_fermer{ display:block;background: url(../images/_popin/closebox3.png) no-repeat; width:51px; height:52px; position:absolute; margin:-28px 0 0 -13px; } .popin .bouton_fermer:hover{ background-position:0px -52px; } .popin .cote_3{background: url(../images/_popin/bl3.png) no-repeat; width:20px; height:20px;} .popin .bas{background: url(../images/_popin/bm2.png) repeat-x; height:20px;} .popin .haut{background: url(../images/_popin/tm2.png) repeat-x; height:20px;} .popin .gauche{background: url(../images/_popin/lm2.png) repeat-y; width:20px;} .popin .droite{background: url(../images/_popin/rm2.png) repeat-y; width:20px;} .popin .cote_4{background: url(../images/_popin/br3.png) no-repeat; width:20px; height:20px;} .popin .cote_1{background: url(../images/_popin/tl3.png) no-repeat; width:20px; height:20px;} .popin .cote_2{background: url(../images/_popin/tr3.png) no-repeat; width:20px; height:20px;} #popin_ami{ width:500px; height:600px;} #popin_ami table.main{ width:480px; } #popin_ami #form_ami label{font-weight:bold; margin-right:20px; color:#666; font-size:13px; } #popin_ami #form_ami input,#popin_ami form textarea{padding:3px; margin:5px; border-bottom:2px solid #af2dca; font-size:10px; color:#777; } #popin_ami #form_ami textarea{margin-left:7px;width:230px; height:120px;} #popin_ami #form_ami .comm{color:#bf3dda; font-style:italic; font-size:10px; text-decoration:underline; padding-left:10px;} #popin_ami .bouton{margin:3px 7px 6px;} #popin_escapade { width:550px;height:560px; } #popin_escapade table.main{ width:530px; } #popin_escapade #form_escapade label{font-weight:bold; margin-right:20px; color:#666; font-size:13px; } #popin_escapade #form_escapade input,#popin_escapade form textarea{padding:3px; margin:5px; font-size:10px; color:#777; } #popin_escapade #form_escapade textarea{margin-left:7px;width:180px; height:120px;} #popin_escapade #form_escapade input.required,#popin_escapade form textarea.required{border-bottom:2px solid #af2dca; } #popin_escapade #form_escapade .comm{color:#bf3dda; font-style:italic; font-size:10px; text-decoration:underline; padding-left:10px;} #popin_escapade .bouton{margin:3px 7px 6px;} #popin_proposer { width:550px; height:710px;} #popin_proposer table.main{ width:540px; } #popin_proposer img.header{ margin-left:30px; } #popin_proposer #form_proposer label{font-weight:bold; margin-right:20px; color:#666; font-size:13px; } #popin_proposer #form_proposer input,#popin_proposer form textarea,#popin_proposer form select{padding:3px; margin:5px; font-size:10px; color:#777; } #popin_proposer #form_proposer input.required,#popin_proposer form textarea.required{border-bottom:2px solid #af2dca; } #popin_proposer #form_proposer textarea{margin-left:7px;width:230px; height:120px;} #popin_proposer #form_proposer .comm{color:#bf3dda; font-style:italic; font-size:10px; text-decoration:underline; padding-left:10px;} #popin_proposer .bouton{margin:3px 7px 6px;} #popin_proposer #comm_gris{font-weight:bold; color:#aaa;font-family:Verdana;margin:5px 0px;} /****************************** RECHERCHE **********************/ #p_recherche{background:url("../images/fiche_header.gif") no-repeat;width:743px; float:left;margin:13px 0 0 14px;} #p_recherche #grand_titre{margin:15px 0 15px 10px; } #p_recherche .grostitre{color:#af2dca; font-size:26px;height:28px; float:left; } #p_recherche #liens_header{margin:20px 0 0px 0px; float:right; } #p_recherche #liens_header a{color:#3d8e9f; font-size:10px; margin-right:20px;font-family:Tahoma;} #p_recherche #liens_header a:hover{color:#6dbecf;} #p_recherche .chapitre_titre{background:url('../images/fiche_chapitre_fond.gif'); width:743px; height:30px; cursor:pointer;clear:both;margin:5px 0px;} #p_recherche .chapitre_titre .titre{padding:9px; color:#3d8e9f; } #p_recherche .chapitre_titre .fleche{float:right; padding:8px;} #p_recherche .contenu{margin:3px 0 3px; text-align:justify; width:700px;} #p_recherche #themes{ width:100%;margin:7px 0 0 20px;} #p_recherche #themes td{height:22px; width:20%;} #p_recherche #themes h5{margin-bottom:5px;} #p_recherche #themes td table tr td{width:1px;} #p_recherche .trait{background:url(../images/pointille.gif) repeat-x; height:5px; width:100%;} #p_recherche #types td{padding-right:15px;} #p_recherche #types table td {padding-right:0px;} #tab_res{ position:relative; left:13px;top:5px;} #tab_res #haut{padding-left:10px; background:url(../images/recherche_res1.gif) no-repeat; width:736px; height:26px;} #tab_res #haut h4{ margin:3px 0 0 0px; float:left; } #tab_res #milieu{background:url(../images/recherche_res2.gif) repeat-y; width:746px;} #tab_res #bas{background:url(../images/recherche_res3.gif) no-repeat; width:746px; height:11px;} #tab_res .noescapade{ margin:10px 0 13px 10px; width:728px; float:left; color:#af2dca; } #tab_res .escapade{ margin:10px 0 13px 10px; width:728px; float:left;height:95px; } #tab_res .escapade h5{ float:left; margin-bottom:8px; cursor:pointer;} #tab_res .escapade h5.violet:hover{ color:#cd6dea; } #tab_res .escapade p{ float:left; width:590px; color:#777;} #tab_res .escapade p img{ margin-top:12px;margin-right:8px;} #tab_res .pagination{margin:7px 0 0 10px; color:#777;float:left;} #tab_res .escapade img{ float:left; } #tab_res .escapade img.main{ border:1px solid #73c5cf; margin:2px 15px 2px 0px;} #tab_res .escapade img.main:hover{ border:3px solid #c8ed77; margin:0px 13px 0px -2px;} #sitemap a{color:#555; margin-left:30px; line-height:20px;} #sitemap a:hover{color:#888;} #sitemap h3{color:#555;padding-left:20px; margin-left:10px; background:url("../images/icons/fleche_verte.gif") no-repeat 3px; line-height:30px;} /******************* PRESSE *********************/ #presse{ } #presse .article{ margin:10px 0 0 10px; } #presse .article .titre{ margin-left:3px;padding-left:15px; background:url('../images/icons/violet.gif') no-repeat 3px; font-size:14px; color:#af2dca; font-weight:bold;} #presse .article .parution{ font-size:11px; color:#444; font-style:italic;margin:3px;} #presse .article .description{ font-size:11px; color:#888; margin:8px 0 5px 7px;font-weight:bold;} #presse .article .url a{ font-size:11px; color:#444; margin:3px; color:#43b5bf;} #presse .article .url a:hover{ color:#53d5df; } #presse .article .document{ font-size:12px; color:#888; margin-bottom:5px; } /**************** CONTACT *******************/ #contact{width:720px; margin:0px auto;} #contact #edito span{font-family:Verdana; font-size:12px; line-height:15px;} #contact .pointilles{background:url(../images/pointille.gif) repeat-x; height:5px;} #contact label{font-weight:bold; margin-right:20px; color:#666; font-size:13px; } #contact input,#contact form textarea,#contact form select{padding:3px; margin:5px; font-size:10px; color:#777; } #contact form input.required,#contact form textarea.required{border-bottom:2px solid #af2dca; } #contact textarea{margin-left:7px;width:230px; height:120px;} #contact .comm{color:#bf3dda; font-style:italic; font-size:10px; text-decoration:underline; padding-left:10px;} #contact .bouton{margin:3px 7px 6px;} #contact #comm_gris{font-weight:bold; color:#888;font-family:Verdana;margin-bottom:7px;} /******************* RSS ******************/ #rss{margin:5px 15px; color:#555; } #rss a{color:#555; } #rss a:hover{color:#888; text-decoration:underline;} #rss .pointilles{background:url(../images/pointille.gif) repeat-x; height:5px; width:100%; margin:12px 0 12px 0;} #rss #flux .flu {} #rss #flux .flu .btn{width:15px; cursor:pointer;} #rss #flux .flu .txt{font-weight:bold;padding-right:15px; cursor:pointer;} #rss #flux .flu .abo{width:100px;} #rss #flux .flu .abo img{margin:2px 0; cursor:pointer;} #rss #flux .flu .affiche{position:relative;width:107px; padding-top:5px; height:150px;top:-10px; background:url(../images/rss_deroule.gif) no-repeat; z-index:20;} #rss #flux .flu .affiche img{margin:0;padding:0;padding-left:6px;} #rss #flux .flu .affiche a {margin:0;padding:0; line-height:21px; font-size:21px; height:21px;display:block;} /**************** INSCRIPTION *******************/ #inscription #presentation{color:#888; font-weight:bold; font-size:13px; font-family:Tahoma; } #inscription {padding:0 0 5px 15px; } #inscription label{font-weight:bold; margin-right:20px; color:#666; font-size:13px; } #inscription input,#inscription textarea{padding:3px; margin:5px; font-size:10px; color:#777; } #inscription textarea{margin-left:7px;width:430px; height:65px;} #inscription input.required,#popin_escapade form textarea.required{border-bottom:2px solid #af2dca; } #inscription .comm{color:#bf3dda; font-style:italic; font-size:10px; text-decoration:underline; padding-left:10px;} #inscription .bouton{margin:3px 7px 6px;} /*************** LOGIN *********************/ #login #pres{ font-weight:bold; color:#666; margin:2px 12px; line-height:18px; font-size:13px; } #login #pres span{ font-weight:normal; font-size:13px; } #login #pres span a{ font-weight:bold; font-size:13px; } #login #petitcomm{ font-size:12px; margin:3px; color:#666; } #login form{margin:15px 11px;} #login form label{display:block;width:120px;margin-right:15px; font-weight:bold; text-align:right; font-size:13px;color:#666; } /*************** ADHERENT *********************/ #adherent #pres{ font-weight:bold; color:#666; margin:2px 12px; line-height:18px; font-size:14px; } #adherent .titre span{ font-size:14px; font-weight:bolder; } #adherent #petitcomm{ font-size:11px; margin:3px; color:#666; } #adherent #petitcomm a{ font-size:11px; text-decoration:underline; color:#666; } #adherent form{margin:5px 11px;} #adherent form label{display:block;width:120px;margin-right:10px; font-weight:bold; text-align:right; font-size:13px;color:#666; } #adherent textarea{margin-left:2px;} #adherent #form_mdp label{display:block;width:200px;margin-right:10px; font-weight:bold; text-align:right; font-size:13px;color:#666; } #adherent #contenu_ch3 label{display:block;width:170px;margin-right:10px; font-weight:bold; text-align:right; font-size:13px;color:#666; } #adherent #contenu_ch3 .comm, #adherent #contenu_ch3 .comm a{color:#666; font-size:11px; } #adherent #contenu_ch3 .comm a{font-weight:bold; text-decoration:underline; } #adherent #contenu_ch3 .lienn{ font-size:12px; font-style:italic; font-weight:bold; } #adherent #contenu_ch4 #statss{ font-size:12px; font-weight:bold; color:#666; line-height:18px;} #adherent #contenu_ch5 a:hover{color:#888;} #adherent #contenu_ch5 td, #adherent #contenu_ch5 a {font-size:13px;} #adherent #contenu_ch5 .pointilles{background:url(../images/pointille.gif) repeat-x; height:20px; width:600px; background-position:10px;} #adherent .pointilles{background:url(../images/pointille.gif) repeat-x; height:20px; width:600px; background-position:10px;}