/* --------------------------------------------------------- */ /* Feuille de style des squelettes par defaut pour SPIP 2.0 */ /* --------------------------------------------------------- */ /* ------------------------------------------ /* Typographie generale (style transversaux) /* ------------------------------------------ */ html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */ body { font-size: 0.8125em; font-family:Arial, Helvetica, sans-serif, sans-serif; color: #333; } /* Titraille / Intertitres */ h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica, sans-serif, sans-serif; } h1 { font-size: 1.70em; color: #000; } h2 { font-size: 1.40em; font-weight: normal; } h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; } h3 { font-size: 1.40em; font-weight: bold; } h3.spip {} /* Cf.: spip_style.css */ hr.spip {} /* Cf.: spip_style.css */ /* Autres enrichissements typo */ strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } small { font-size: 0.90em; color: #666; } dfn { font-weight: bold; color: #666; } del { text-decoration: line-through; } ins { color: red !important; text-decoration: none; } sup, sub { font-size: .8em; font-variant: normal; } /* Listes */ ul.spip {} /* Cf.: spip_style.css */ ol.spip {} /* Cf.: spip_style.css */ dl {} dt {} dd {} /* Citations, code et poesie */ cite {} q {} blockquote {} blockquote.spip {} /* Cf.: spip_style.css */ blockquote.spip_poesie {} /* Cf.: spip_style.css */ .spip_code {} /* Cf.: spip_style.css */ .spip_cadre {} /* Cf.: spip_style.css */ address {} /* Tableaux */ table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse:collapse; border-spacing: 0; line-height: normal; border-color:#A3d100; color:#000;} table.spip caption { caption-side: top; text-align: center; margin-right: auto; margin-left: auto; font-weight: bold;color:#000; } table.spip tr.row_first { background: #A3d100; } table.spip tr.row_odd { background: #FFF; } table.spip tr.row_even { background: #d2f358; } table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: center; border: 1px solid #9fae19; } table.spip th { vertical-align: middle; font-weight: bold; color:#FFF;} table.spip td { vertical-align: top; } table.spip a {color:#565c25;} /*NBT*/ table.spip td div.tdleft{text-align:left;} .tableauvide table.spip {border:none;border-collapse: collapse; width:804px;color:#000; } .tableauvide table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: auto; padding: 3px; font-weight: bold; } .tableauvide table.spip tr.row_first { background:none; } .tableauvide table.spip tr.row_odd { background:none; } .tableauvide table.spip tr.row_even { background:none;} .tableauvide table.spip th, .tableauvide table.spip td { padding: 3px; text-align: left; vertical-align: middle; border:none;text-align:justify;} .tableauvide hr.spip {margin:0px; padding:0px; border-style:dashed;} /* Logos, documents et images */ img { margin: 0; padding: 0; border: 0; } .spip_logos {} /* Cf.: spip_style.css */ .spip_documents {} /* Cf.: spip_style.css */ .spip_documents_center {} /* Cf.: spip_style.css */ .spip_documents_left {} /* Cf.: spip_style.css */ .spip_documents_right {} /* Cf.: spip_style.css */ .spip_doc_titre {} /* Cf.: spip_style.css */ .spip_doc_descriptif {} /* Cf.: spip_style.css */ /* ------------------------------------------ /* Disposition a l'ecran des blocs principaux /* ------------------------------------------ */ /*00807B*/ body { background: #7ED4D1; margin: 0; padding: 0; text-align: center; background-image:url(images/fond-entete2.png); background-repeat:repeat-x; } #page { width:1024px; margin:auto; text-align: left;} #entete { width: 1024px; margin: 0; background-image:url(images/entete.jpg); background-repeat:no-repeat; height:113px;} #entete a.accueil { display: block; width: 67%; } #entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; } #entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Arial, Helvetica, sans-serif, sans-serif; font-weight: normal; } #entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/ #_entete .partenaire {float:right;} #entete .partenaire { position: relative; display: inline; left: 550px; } #entete .partenaire a:hover{text-decoration:none;} #entete .partenaire img{height:32px;} #conteneur {overflow: hidden; display:block;background-image:url(images/fond-gauche.jpg); background-repeat:repeat-y;background-color:#FFF;} #conteneur #contenu {float: left;width: 824px;background-color:#FFFFFF; padding:10px 0px 10px 0px;overflow-x:scroll;} #conteneur #navigation {float: left;width: 200px;background:none;} #extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; } .pied-fond { width:100%;height:270px; background-image:url(images/fond-pied.jpg); background-repeat:repeat-x; background-position:bottom;} #footer {clear: both; width: 1024px; height:250px;background-image:url(images/pied.jpg); background-repeat:no-repeat;margin:auto;} #footer .signature { text-align:left; color:#0E2432; padding-top:100px;font-size:0.83em; width:400px; float:left;} #footer .partenaire { margin-top:120px; text-align:center; float:right; } #footer .partenaire img { margin:3px;} #footer .textepartenaire { text-align: right;float:right;font-size:0.85em;color:#004C48;} #pied {width: 1024px; text-align: center; font-size: 0.90em; background-color:#004c48;margin:auto; color:#FFF} #pied a { color:#FFFFFF;} #pied img { vertical-align: middle; } /* Espaceur de blocs */ .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; } /* Non visible a l'ecran */ .invisible { position: absolute; top: -3000em; height: 1%; } /* Couleurs des liens ---------------------------------------------- */ a { color: #604A7F; text-decoration: none; } a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; } /* ------------------------------------------ /* Habillage des elements du contenu /* ------------------------------------------ */ #hierarchie { clear: both; margin-bottom: 10px; font-size: 0.90em; margin-left:15px; } #hierarchie, #hierarchie a { color: #0E2432; } .cartouche { margin-bottom:10px; margin-left:15px;} .cartouche h2.titre { color:#013531; border-bottom:1px dashed #004c49; padding-bottom:2px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;} .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; } .cartouche p { margin: 0; padding: 0; clear: left; } .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; } .cartouche .surtitre { margin-bottom: 0.30em; } .cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; } .cartouche .traductions { font-size: 0.90em; } .article {margin-left:15px;} .chapo { margin-bottom: 0; line-height: 1.40em; color: #000; margin-left:15px; padding-right:10px; } .chapo a {color:#00807B} .article .texte { line-height: 1.60em; padding-right:10px; text-align:justify;} .article .hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; } .article .ps, .notes { margin-bottom: 2em; line-height: 1.40em; } .article .notes { clear: both; font-size: 0.90em; } .article a {color:#00807B} h2.spip {} h2.spip {color:#86AD00; text-align:left; background-image:url(images/phare1.png); background-repeat:no-repeat; padding-left:35px; background-position:left top; padding-top:7px;} h3.spip {color:#86AD00;text-align:left; background-image:url(images/phare1.png); background-repeat:no-repeat; padding-left:35px; background-position:left top; padding-top:7px; font-size:1.3em;} h4.spip {color:#00817c; font-weight:bold; font-size:1.2em;} h5.spip {color:#00AbA4;font-weight:bold;font-size:1.1em;} h6.spip {color:#666666;font-weight:bold; font-size:0.9em;} .article ul.spip { list-style-type:none;} .article ul.spip li {background-image: URL(images/puceG.png);background-position:left top; padding-left:13px; background-repeat:no-repeat; list-style:none} .article ul.spip li ul.spip li {background-image: URL(images/puce-2.png);;padding-left:10px;background-repeat:no-repeat;background-position:left top; list-style:none; } .article dl dt img { padding:2px; border:3px solid #BED818;} .gallerie ul{ list-style:none; } .gallerie ul li{ list-style:none; float:left; margin:10px; } abbr.published { border: 0; } /* Portfolio */ #documents_portfolio { clear: both; margin: 2em auto; text-align: center; } #documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; } #documents_portfolio a.on .spip_logos { border-color: #F57900; } #documents_portfolio a:focus .spip_logos, #documents_portfolio a:hover .spip_logos, #documents_portfolio a:active .spip_logos { border-color: #8B6F92; } /* Habillage des forums ---------------------------------------------- */ .repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; } /* Habillage des forums */ ul.forum { display: block; clear: both; margin: 0; padding: 0; } ul.forum, ul.forum ul { list-style: none; } .forum-fil { margin-top: 1.50em; } .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; } .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; } .forum-texte { margin: 0; padding: 0.50em 1em; color: #333; } .forum-texte .hyperlien {} .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; } /* Boite d'un forum : eclaircissement progressif des bords */ ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; } ul ul .forum-message { border: 1px solid #A4A4A4; } ul ul ul .forum-message { border: 1px solid #B8B8B8; } ul ul ul ul .forum-message { border: 1px solid #CCC; } ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; } ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; } /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */ ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; } ul ul .forum-chapo { background: #D4E8E8; } ul ul ul .forum-chapo { background: #E4F0F0; } ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; } ul ul ul ul ul .forum-chapo { background: #FFF; } /* Habillage des petitions ---------------------------------------------- */ #signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; } #signatures table { width: 100%; margin: 1em 0 0 0; } #signatures thead { text-align: center; color: #555; } #signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; } #signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; } #signatures td.signature-nom { background: #ECF4F4; text-align: center; } #signatures td.signature-nom small { display: block; } #signatures td.signature-message { background: #F4F8F8; } #signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/ #signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/ /* ------------------------------------------ /* Sous-navigation et autres menus /* ------------------------------------------ */ .menu_gauche, .infosPrat ,.questions , #multi , .veilleHydro , h2.toogle {border-radius: 10px;} h2.toogle, span.toogle_prev {cursor: pointer;} /* Habillage general des menus de navigation */ #menu_gauche_haut { height:5px;} .menu_gauche { width:190px; background-color:#00807b; float:right; margin-top:10px; padding-bottom:20px; padding-top:5px; } .menu_gauche ul { list-style-type:none;margin: 0; padding: 0;} .menu_gauche ul li { margin: 0; padding: 0;} .menu_gauche a { color:#d2FFFD;} .menu_gauche a:hover { text-decoration:underline;} .menu_gauche ul li div {color:#FFF; font-weight:bold; text-transform:uppercase;background-image: url(images/puce1.png); background-position:left center; padding-left:20px; background-repeat:no-repeat; padding-top:5px; padding-bottom:5px;font-size:0.9em; } .menu_gauche ul li div a{ color:#E6FFFE;} .menu_gauche ul li ul { list-style-image:none; color:#d2FFFD; list-style:none; margin-left:10px;} .menu_gauche ul li ul.ulsousmenu, .menu_gauche ul li ul.ulsousmenushowme {margin-left:0px;} .menu_gauche ul li ul li a { text-decoration:none; } .menu_gauche ul li ul li a.arton {color:#B8D518; } .menu_gauche ul li ul li a.arton2 {color:#339900; } .menu_gauche ul li ul li {background-image: url(images/puce2.png);background-position: 0 .4em; padding-left:10px; background-repeat:no-repeat; font-size:0.9em; } .menu_gauche ul li ul li ul li {background-image: none;} ul.ulsousmenu, ul.ulsousmenushowme { list-style:none; margin:0px; background-color:#7DD3D0; padding:0px; background-image:url(images/deco4.png); background-repeat:no-repeat; background-position:right top;} ul.ulsousmenu li.sousmenu {background-image:none; padding-right:2px; margin:0px;} .sousmenu a { text-decoration:none; color:#004c49 } .questions{ width:190px; background-color:#FFF; float:right; color:#004c48; font-weight:bold; text-transform:uppercase; text-align:right; font-size:0.87em; padding: 10px 0px 0px 0px; margin-top:10px; height:40px;} .questions a{color:#004c48;} .decoM { position:relative; top:-70px; float:right; right:-8px;} .infosPrat { width:190px; background-color:#A2D100; float:right; padding-bottom:20px; padding-top:5px; background-image:url(images/fond-prat.jpg); background-position:right; background-repeat:repeat-y; color:#000;} .infosPrat ul { list-style-type:none;margin: 0; padding: 0px ;color:#000; font-weight:bold;font-size:0.95em;} .infosPrat ul li { margin: 0; padding:10px 0px 0px 15px; } .infosPrat a { color:#000;} .infosPrat a.rub { color:#000; font-weight:bold; text-transform:uppercase;} .infosPrat ul li ul { list-style-image:none; color:#000; list-style:none; margin-left:0px;font-weight:normal;} .infosPrat ul li ul li {background-image: url(images/puce3.png);background-position:left center;background-repeat:no-repeat; padding:0px 0px 0px 10px; } .news { border-top:1px dashed #FFF;border-bottom:1px dashed #FFF; margin:10px 0px 0px 0px;padding:10px 0px 10px 15px} .news .titre {color:#000; font-weight:bold; text-transform:uppercase;padding-top:5px; padding-bottom:5px;font-size:0.9em;} .news .email {background-image:url(images/fondnews.png); background-repeat:repeat-x;color:#000; border:0px; text-align:left; font-size:0.8em; height:15px; } .news a.boutonNews { background-image:url(images/okoff.png); height:20px; width:18px; background-position:bottom; background-repeat:no-repeat; padding-bottom:2px;} .news a.boutonNews:hover { background-image:url(images/okon.png); text-decoration:none; } .news .consult a{text-transform:uppercase; color:#000; font-weight:normal;background-image: URL(images/puce3.png);background-position:left center; padding-left:10px; background-repeat:no-repeat; font-size:0.87em;} /* Pagination */ .pagination { clear: both; text-align: center; font-size: 0.90em; color: #666; } .pagination .on { font-weight: bold; color: #666; } .liste { clear: both; text-align: left; margin-left:15px; } .liste ul { list-style-type:none;margin: 0; padding: 0;} .liste a { color:#005A72;} .liste ul li {color:#005A72; font-weight:bold;background-image: URL(images/puce-3.png); background-position:left top; padding-left:20px; background-repeat:no-repeat; padding-top:5px; padding-bottom:5px;} .liste h3 { font-size:1.2em;} .formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/ /* Boutons */ .spip_bouton {background:none;text-align:center;} .spip_bouton input { float: right;} .form_rech {text-align:right; top:66px; position:relative; _right:-142px; right:80px; height:0px; float:right;} .form_rech .forml {background-color:#FFF; background-image:url(images/fond-rech.jpg); background-repeat:repeat-x;color:#0E2432; border:0px; text-align:right; font-size:0.87em; font-weight:bold; height:16px;} .form_rech a.boutonRech { background-image:url(images/loupe.png); height:22px; width:22px; position:relative; } .form_rech a.boutonRech:hover ,.form_rech a.boutonRech:active { background-image:url(images/loupe5.png); text-decoration:none; } /*Menu Horizontal*/ #_menu_horiz {display:block; overflow:hidden; padding-top:50px; padding-left:35px; } #menu_horiz {display: block; overflow: hidden; padding-top: 15px; padding-left: 35px; } #primary-nav a { display: block; margin: 0px; text-decoration: none; color: #004c49; font-weight: bold;} #primary-nav a.menuactive { border-bottom: 1px solid #999999; background-color: #212121; color: #f2F695;} /* premier niveau */ #primary-nav, #primary-nav ul { list-style: none; margin: 0px;padding: 0px; } #primary-nav ul {position: absolute; top: auto; display: none; } #primary-nav li { margin-left: -1px;float: left; } /*#primary-nav li a { bordkier:1px solid #666}*/ #primary-nav li, #primary-nav li.menuparent {} #primary-nav li a.w0 { width:70px; text-align:center; height:30px; padding-top:16px;} #primary-nav li a.w1 {width:86px; text-align:center; height:37px;padding-top:16px;} #primary-nav li a.w2 {width:98px; text-align:center; height:37px;padding-top:16px;} #primary-nav li a.w3 {width:85px; text-align:center; height:37px;padding-top:16px;} #primary-nav li a.w4 {width:65px; text-align:center; height:37px;padding-top:16px;} #primary-nav li a.ws1 {width:106px; text-align:center; height:37px;padding-top:9px;} #primary-nav li a.ws2 {width:93px; text-align:center; height:37px;padding-top:9px;} #primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {} #primary-nav li a:hover {color:#000; text-decoration:underline;} #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { background-color: #212121;} /*deuxieme niveau*/ #primary-nav ul ul { margin-top: 1px;margin-left: -1px;left: 100%; top: 0px; } #primary-nav li li { margin-left: 0px; margin-top: -1px; float: none; position: relative; } #primary-nav li li {width: 210px;} #primary-nav li li a {border: 1px solid #DDFF56;background-color: #94A617;font-size: 0.9em;font-weight: normal; padding-top:5px; padding-bottom:5px; z-index:100; position:relative;} #primary-nav li li a:hover {border-bottom: 1px solid #94A617;background-color: #DDFF56;color: #454A13;font-weight: bold;} #primary-nav li li a.menuactive { border-bottom: 1px solid #999999; background-color: #212121; font-weight: bold; } #primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; } #primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { display: block; } /* IE Hacks */ #primary-nav li li { float: left; clear: both; } #primary-nav li li a { height: 1%; } /* End of 'Navigation: CSSMenu - Horizontal' */ /* Contenu*/ .aujourdhui {margin-right:10px; margin-left:15px;} .aujourdhui h2.titre { color:#00AAA3; text-transform:uppercase; border-bottom:1px dashed #00AAA3; padding-bottom:2px; margin-bottom:10px; font-weight:bold;} .aujourdhui .corps { border:4px solid #00AAA3; padding:5px; overflow:hidden;} .aujourdhui .deco { height:18px; width:10px; position:relative; top:15px; float:right; right:0px; z-index:1000;} .aujourdhui .questOre{ float:right;} .vigilance { width:100%; background-color:#A2D100; padding: 5px 2px;} .vigilance ul { list-style-type:none;margin: 0; padding: 0px ;} .vigilance ul li { margin: 0; padding:0px;color:#0E2432; } .vigilance ul li a{color:#000; text-decoration:underline;} .aujGauche { width:75%; float:left;} .aujGauche .titre { font-weight:bold; color:#004c48; text-align:center; font-size:0.95em; z-index:10;} .aujGauche .texte { width:152px; height:100px; text-align:center; border:1px solid #0E2432;} .aujDroite {width:25%; float:left;} .aujDroite ul { list-style-type:none; padding: 0px ;color:#004c48; font-weight:bold; margin-top:10px; } .aujDroite ul li { margin:0px;margin:0px;} .aujDroite a { color:#004c48;} .aujDroite ul li ul { list-style-image:none; color:#004c48; list-style:none; margin:0px;font-weight:normal; margin-top:5px;} .aujDroite ul li ul li {background-image: URL(images/puce3.png);background-position:left center;background-repeat:no-repeat; padding:0px 0px 0px 10px; margin:0px; } .aujourdhui .liens { clear:both; font-weight:bold;} .aujourdhui .liens a { color:#004c48;} .aujourdhui .liens ul { list-style-type:none;color:#004c48; margin-top:0px; padding-top:0px} .aujourdhui .liens ul li {background-image: URL(images/puce3.png);background-position:left center;background-repeat:no-repeat;padding:0px 0px 0px 8px; float:left; margin-right:11px;} .actualites .actu ul.ui-tabs-nav li{ clear:none; margin-top:0px; } .actualites { height:240px; width:100%; margin-top:15px; background-color:#A2d100; background-image:url(images/fond_actu1.jpg); background-position:right top; background-repeat:no-repeat; } .actualites .actu { width:50%;height:250px; float:left;background:#A2d100; } .actualites .actu .titre { text-transform:uppercase; background-image:url(images/fond_actu.jpg); background-repeat:repeat-x; background-position:bottom;color:#A2d100; padding-left:15px; font-size:1.2em;background-color:#FFF; font-weight:bold;} .actualites .actu .content { padding-left:8px; padding-top:2px; text-align:justify ;padding-right:8px;} .actualites .actu .content strong{ color:#000} .actualites .deco2 { height:18px; width:10px; position:relative; float:right; right:-10px; top:10px; } .actualites .actu ul { list-style-type:none;color:#0E2432; margin:0px; padding-left:7px; padding-top:2px; } .actualites .actu img { float:left; border:1px solid #0E2432;margin-bottom:5px; margin-right:5px;} .actualites .actu ul li {clear:both; margin-top:8px;} .actualites .actu #tabs .content a {color:#0E2432;border-bottom: 1px dotted #0E2432;} .actualites .actu a:hover { text-decoration: none; } .actualites .actu #tabs .content a:hover { text-decoration:underline; border-bottom: none; } .actualites .actud { width:50%; background-color:#00AAA3; _height:250px; height:288px; float:left; } .actualites .actud .titre { text-transform:uppercase; background-image:url(images/fond_actud.jpg); background-repeat:repeat-x;background-position:bottom;color:#00AAA3;padding-left:15px;font-size:1.2em;background-color:#FFF; font-weight:bold;} .actualites .actud ul { list-style-type:none;color:#FFF; margin:0px; padding-left:15px; padding-top:2px;padding-right:6px; } .actualites .actud img { float:left; border:1px solid #000;margin-bottom:5px; margin-right:5px;} .actualites .actud ul li {clear:both; margin-top:5px;} .actualites .actud a {_color:#000;color:#FFFFFF;border-bottom: 1px dotted #FFFFFF;} .actualites .actud ul li a:hover { text-decoration:underline;border-bottom: none;} .actualites .liens { width:100%; background-color:#FFFFFF;} .actualites .liens .lien1 { width:49%; text-align:right; color:#ADC216; display:block; float:left; font-weight:bold;} .actualites .liens .lien1 a{color:#ADC216;} .actualites .liens .lien2 { width:48%; text-align:right; color:#00AAA3; display:block;float:left; font-weight:bold;} .actualites .liens .lien2 a{color:#00AAA3;} .zoomsur {margin:0px 10px 0px 10px;clear:both;} .zoomsur h2.titre { color:#ADC216; text-transform:uppercase; border-bottom:1px dashed #ADC216; padding-bottom:2px; margin-bottom:10px; font-weight:bold;clear:both;} .zoomsur .corps { border:4px solid #ADC216; padding:5px; overflow:hidden; _height:260px; height:240px;} .zoomsur .corps .bouton { float:right; color:#00807B; font-weight:bold; z-index:100; background:#FFFFFF; position:relative; top:-250px} .zoomsur .corps .bouton img { vertical-align:middle;} .zoomsur .corps .titre{color:#ADC216;; margin-bottom:5px;font-weight:bold; margin-right:150px;} .zoomsur ul.spip { list-style-type:none;} .zoomsur ul.spip li {background-image: URL(images/puce-1.png);background-position:left top; padding-left:13px; background-repeat:no-repeat;} .zoomsur ul.spip ul.spip { list-style-type:none} .zoomsur ul.spip li ul.spip li {background-image: URL(images/puce-2.png);;padding-left:10px;background-repeat:no-repeat;background-position:left top; } .zoomsur a {color:#00807B} .zoomsur .deco4 { position:relative; float:left; top:60px; left:-8px; height:18px;} .multimedia {margin:0px 10px 0px 10px;} .multimedia h2.titre { color:#00AAA3; text-transform:uppercase; border-bottom:1px dashed #00AAA3; padding-bottom:2px; margin-bottom:10px; font-weight:bold; clear:both;} .multimedia .corps { border:1px solid #00AAA3;overflow:hidden; height:220px;} .multimedia .corps .divGauche { width: 380px; height:213px;border:4px solid #00AAA3; float:left; text-align:center; } .divGauche .clearfix {text-align:center;} .multimedia .corps .eltDroite{ width: 120px; height:189px; float:left; margin-left:10px; text-align:center; } .multimedia .corps .eltDroite a.eltart{height:175px; display:block; border:1px solid #FFF; color:#0E2432; text-align:left ; font-size:0.87em; padding-left:8px;} .multimedia .corps .eltDroite a.eltart .titre {color:#00AAA3; font-weight:bold;} .multimedia .corps .eltDroite a.eltart:hover .titre {color:#FFF} .multimedia .corps .eltDroite a.eltart img, .spip_logos { text-align:center; border:1px solid #00AAA3;} .multimedia .corps .eltDroite a.eltart:hover { background-color:#00AAA3; text-decoration:none;} .multimedia .corps .eltDroite a.eltrub{ height:25px; padding-top:15px; background-image:url(images/fond-multi2.png); background-repeat:no-repeat; display:block; color:#00AAA3; font-weight:bold;} .multimedia .corps .eltDroite a.eltrub:hover { background-color:#00AAA3;color:#FFF; font-weight:bold; text-decoration:none;} .multimedia .deco4 { position:relative; float:left; top:60px; left:-8px;height:18px; } /* boite d'onglets*/ #wrapper { margin-left:15px; margin-right:16px;} ul.tabs { margin:0; padding:0;} ul.tabs li { display:block; float:left; padding:0 1px; list-style:none; height:50px; text-align:center; font-weight:bold;} ul.tabs li.on {background-image:url(images/decoOnglet.png); background-repeat:no-repeat; background-position:bottom center; } ul.tabs li a { display:block; float:left; padding-top:12px; color:#FFF; text-decoration:none; background-image:url(images/fond-gris.png); background-repeat:repeat-x; height:34px; width:196px;} ul.tabs li a:hover { background-image:url(images/fond-bleu.png); background-repeat:repeat-x;} .selected, ul.tabs li a.selected { background-image:url(images/fond-bleu.png); background-repeat:repeat-x;} .tab-content {clear:both; border-top:1px solid #0E2432;padding:10px; background-color:#E1F2FB; overflow:hidden;} .toutsavoirsur {} .toutsavoirsur h3.titre { color:#000; text-transform:uppercase; border-bottom:1px dashed #000; padding-bottom:2px; margin-bottom:10px; } .toutsavoirsur h4.titre { background-image:url(images/feuilnoir.png); background-repeat:no-repeat; background-position:left center; padding-left:15px; font-size:1.2em; font-weight:bold; color:#000;clear:both;} .toutsavoirsur h5.titre { background-image:url(images/puce4.png); background-repeat:no-repeat; background-position:left center; padding-left:8px; font-weight:bold; color:#000;} .toutsavoirsur h5.spip { background-image:url(images/puce4.png); background-repeat:no-repeat; background-position:left center; padding-left:8px; font-weight:bold; color:#000; } .toutsavoirsur .texte { margin-left:15px; clear:both;} .toutsavoirsur a {color:#000; text-decoration:underline;} .toutsavoirsur .encadre img { border:1px solid #0E2432;} .toutsavoirsur ul.liens li {background-image: URL(images/puce-1.png);background-position:left top; padding-left:13px; background-repeat:no-repeat;} .toutsavoirsur ul.liens { list-style-type:none} .toutsavoirsur ul.spip { list-style-type:none;} .toutsavoirsur ul.spip li {background-image: URL(images/puce-1.png);background-position:left top; padding-left:13px; background-repeat:no-repeat;} .toutsavoirsur ul.spip ul.spip { list-style-type:none} .toutsavoirsur ul.spip li ul.spip li {background-image: URL(images/puce-2.png);;padding-left:10px;background-repeat:no-repeat;background-position:left top; } /*Agenda */ .content-agenda { margin: 0px 10px 0px 15px;color:#000;overflow:hidden;} .content-agenda .en-tete { display: block; background-color:#fff; font-weight: bold; font-size:medium;color: #ca3300;text-align: left;} .content-agenda a.en-tete { display: block; background-color: #fff; font-weight: bold; font-size: medium; color: #ca3300; text-align:left;} .content-agenda .contenu { border: 1px solid #808080; margin: 5px 0px 5px 0px; padding: 0px; font-size:small; /*width:150px;*/} .content-agenda .contenu .mois {border-bottom:1px solid #808080; margin: 0px 0px 0px 0px; padding: 0px; font-size: small; /*width:150px;*/ text-align:center;} .content-agenda .contenu .mois a{ color:#FF0000; text-decoration: none ;font-size: small; } .content-agenda .contenu .mois a:hover{ color: #990000;} .mini-tableau{ width:250px; float:right;font-size:small;} .mini-tableau table { border:1px solid #004c49; background:#FFF; width:100%; text-align:center;} .mini-tableau caption { text-align:center; color:#000; margin-bottom:2px; font-size:small;} .mini-tableau caption a{ color:#000; font-weight:bold; text-decoration:none;} .mini-tableau caption a.moiscourant{ color:#000; font-weight:bold; text-decoration:none; font-size:medium;} .mini-tableau table a{ color:#00817c; font-weight:bold; text-decoration:none;} .mini-tableau table a:hover{text-decoration:underline;} .calendar_this_day { /* surligne le jour d'aujourd'hui */ background:#7dd4d0; font-weight:bold; color:#000080 } .calendar_this_month { /* couleur des cases appartenant au mois en cours */ background-color:#c9f7f5;} .calendar_not_this_month { /* couleur des cases n'appartenant pas au mois en cours => début et fin de mois */ background: #ececec; color:#aaa;} .calendar_head_mini { /* corespond à la ligne des jours : lu ma me je ve sa di*/ background-color:#004c49; text-align: center; font-size: small; color: #FFF; font-family: Verdana, Arial, Helvatica, sans-serif; font-style:normal;} .content-agenda a { text-decoration:none; font-weight:normal; color:#00807B; font-size:small; } .content-agenda h2{color: #000;font-size:1em;display: block; padding:0; text-align:center; margin:0; font-weight:bold} .date_jour {text-align:left; font-size:small; color:#000;display:inline; font-weight:bold; background:url(images/puceG.png); background-repeat:no-repeat; background-position:left center; padding-left:15px;} .evenement {height:100%; overflow:hidden;} .evenement a { text-decoration:none; font-weight:normal; color:#00807B;} .evenement a:hover{ text-decoration:underline;} .evenement a.courant { font-weight:bold; color:#00807B;} .evenement table { text-align:left;width:100%; font-size:small; color:#000;} .evenement caption{ background-image:url(images/puce-3.png); background-repeat:no-repeat; text-align:left; color:#00807B; font-weight:bold; font-size:1.2em; margin-right:10px; padding-left:18px; border-bottom:1px dashed #00807B; padding-bottom:5px;} .texteart {padding: 0px 15px 0px 30px; text-align:justify; margin:5px 0px 5px 0px;color:#000;overflow:hidden; height:100%; background-color:#e1f2fb; margin-right:10px;} .texteart a{ text-decoration:none; font-weight:normal; color:#00807B;} a.date_style{font-size:small; color:#000; font-weight:bold;} a.style_noir { color:#000; font-weight:bold;} .rq { font-size:x-small; font-style:italic; } .gsc-control { width:100% !important; } .veilleHydro { border:1px solid #A3d100; margin-bottom:10px;} .veilleHydro h2 { color:#FFFFFF; background-color:#A3d100; background-image:url(images/backVH.png); background-repeat:repeat-x; height:22px; padding:3px 10px 5px 10px;} .veilleHydro .ContentVH { background-color:#F5FFD1; margin:0px; padding:5px;display:none} .veilleHydro .deco5 { float:right} .veilleHydro table.spip {border-color:#00AbA4;} .veilleHydro table.spip tr.row_first { background: #00AbA4; } .veilleHydro table.spip tr.row_odd { background: #c5f7f5; } .veilleHydro table.spip tr.row_even { background: #FFF; } .veilleHydro table.spip th, .veilleHydro table.spip td { border: 1px solid #00AbA4; } .veilleHydro table.spip a {color:#004c49;} .petit {font-size:0.85em;} .encadre .spip_documents .spip_documents_right { background-color:#003300; } /* Popup formulaire */ #popupinfo{ width: 50%; height: 40%; position: fixed; z-index: 2000; background: rgba(58, 84, 79, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C03a544f,endColorstr=#C03a544f); color: white; font-size: 2.0em; font-weight: bold; padding-top: 200px; left: 25%; top: 15%; } #closepopup{font-size: 1.5em;} #closepopup a{color: white;text-decoration:none} #textepopup div{ display: inline-block; width: 540px; vertical-align: top; border-left-style: dotted; border-left-width: 2px; border-left-color: white; padding-left: 10px; margin-top: 15px; } #textepopup div p{ font-weight: bold; } #textepopup a{color:black;text-decoration: underline;} #dontshow{width:1em;height:1em;} #tabs{height:268px} #tabs-1 li,#tabs-2 li{clear:both} #tabs-1 p,#tabs-2 p{margin:2px} .ccl{background-color: #00AAA3;padding: 5px 10px;color: white;display: block}