| Current Path : /home/checkyd/www/squelettes/css/ |
| Current File : /home/checkyd/www/squelettes/css/styles.css |
/* CSS Document */
body{
width:980px;
text-align:center;
margin:0 auto 0;
font-family:"Trebuchet MS",Helvetica, sans-serif;
font-size:1em;
color:#000;
}
/* banniere - titre - newsletter - langues */
.banniere_home , .banniere{
width:980px;
height:210px;
float:left;
background-image:url(images/ban_accueil_fr.jpg);
}
.banniere_home.fr{
background-image:url(images/ban_accueil_fr.jpg);
}
.banniere_home.nl{
background-image:url(images/ban_accueil_nl.jpg);
}
.body_vert .banniere{
width:980px;
height:210px;
float:left;
background-image:url(images/ban_cochons.jpg);
}
.body_rouge .banniere{
width:980px;
height:210px;
float:left;
background-image:url(images/ban_para.jpg);
}
.body_jaune .banniere{
width:980px;
height:210px;
float:left;
background-image:url(images/ban_budget.jpg);
}
.titre{
width:240px;
height:38px;
background-image:url(images/fond_titre.png);
margin:20px 0 0;
float:left;
}
.titre h1{
color:#bcbcbc;
font-size:1.4em;
margin:6px 0 0;
float:left;
}
.titre a{
color:#bcbcbc;
text-decoration:none;
}
.titre a:hover{
text-decoration:none;
}
.langues{
float:right;
width:50px;
}
.langues a{
display:block;
width:22px;
height:31px;
float:right;
background-image:url(images/fond_langues.jpg);
color:#fff;
font-size:0.8em;
text-decoration:none;
padding-top:10px;
}
.langues a:hover{
text-decoration:underline;}
.newsletter{
float:right;
}
p.intitule{
float:left;
padding-top:14px;
font-size:0.9em;
margin: 12px 0 0 0;
padding: 0;
}
.formulaire{
width:243px;
height:43px;
float:left;
background-image:url(images/fond_newsletter.jpg);
}
.newsletter form{
margin:0;
padding:0;
float:left;
}
.text{
width:190px;
height:35px;
padding:12px 0 0 21px;
float:left;
}
.text input{
background:none;
border:none;
font-style:italic;
color:#1d6d80;
width:170px;
}
.submit{
float:left;
width:32px;
padding:12px 0 0;
}
.submit input{
background:none;
border:none;
color:#fff;
}
/* fin banniere - titre - newsletter - langues */
/* menu horizontal */
.nav_horizontale{
width:768px;
height:39px;
float:left;
margin:8px 0 0;
position:relative;
background-image:url(images/flechejaune.jpg);
}
.nav_horizontale ul{
margin:0;
padding:0;
}
.nav_horizontale li{
list-style:none;
}
.nav_horizontale li a{
color:#fff;
font-size:1em;
text-decoration:none;
}
.nav_horizontale li a:hover{
text-decoration:none;
}
.rouge a{
display:block;
padding-top:10px;
background-image:url(images/menu_rouge.png);
width:228px;
height:29px;
position:absolute;
top:0;
left:0;
z-index:100;
}
.vert a{
display:block;
padding-top:10px;
background-image:url(images/menu_vert.png);
background-position:right;
width:246px;
height:29px;
position:absolute;
top:0;
left:208px;
z-index:10;
}
.jaune a{
display:block;
padding-top:10px;
background-image:url(images/menu_jaune.png);
background-position:right;
width:289px;
height:29px;
position:absolute;
top:0;
left:404px;
z-index:1;
}
.rouge a:hover{
background-image:url(images/menu_rouge_hover.png);
}
.vert a:hover{
background-image:url(images/menu_vert_hover.png);
}
.jaune a:hover{
background-image:url(images/menu_jaune_hover.png);
}
/* fin menu horizontal */
/* moteur recherche */
.rechercher{
float:right;
width:204px;
margin:8px 0 8px 8px;
}
.formulaire_search{
width:204px;
height:33px;
float:left;
background-image:url(images/fond_search.png);
}
.rechercher form{
margin:0;
padding:0;
float:left;
}
.text_search{
width:150px;
height:25px;
padding:8px 0 0 11px;
float:left;
}
.text_search input{
background:none;
border:none;
font-style:italic;
color:#1d6d80;
width:142px;
padding: 0 0 2px 0;
}
.submit_search{
float:left;
width:30px;
height:30px;
padding:6px 0 0 4px;
text-align: right;
}
.submit_search input{
width:14px;
height:16px;
background:none;
background-image:url(images/loupe.png);
background-repeat:no-repeat;
background-position:center;
border:none;
padding:6px 0 0;
cursor: pointer;
}
/* fin moteur recherche */
/* page accueil bleu */
/* colonne gauche */
.bleu .content_left{
width:768px;
float:left;
margin:-1px 8px 0 0;
background-image:url(images/fond_ext_bleu.png);
}
.ariane{
width:728px;
height:35px;
float:left;
padding-top:25px;
font-size:0.7em;
color:#000;
text-align:right;
}
.ariane a{
text-decoration:none;
color:#000;
}
.ariane a:hover{
text-decoration:underline;
}
.body_rouge .ariane .ici{
color : #a13617;
font-weight: bold;
}
.body_jaune .ariane .ici{
color : #fecb00;
font-weight: bold;
}
.body_vert .ariane .ici{
color : #04885c;
font-weight: bold;
}
.bleu .ariane .ici{
color : #80cce3;
font-weight: bold;
}
.col_left{
width:220px;
float:left;
}
/*colonne news */
.bleu .nav_left{
width:220px;
float:left;
background-image:url(images/fond_news_haut.png);
background-repeat:no-repeat;
}
.nav_content{
width:198px;
float:left;
margin:26px 0 0 22px;
text-align:left;
color:#fff;
}
.nav_content h2{
font-size:1.1em;
margin:0 0 16px 0;
padding:0 0 14px 0;
border-bottom:1px solid #8dd1e6;
}
.content_news{
font-size:0.8em;
margin:0 12px 66px 0;
}
.content_news a{
color:#fff;
text-decoration:underline;
}
.content_news h3{
margin: 0;
padding: 0;
}
.content_news h3 a{
text-decoration: none;
}
.content_news p{
margin: 5px;
padding: 0;
}
.nav_left_blanc{
width:220px;
float:left;
background-image:url(images/fond_ext_blanc.png);
background-position:top;
background-repeat:no-repeat;
height:200px;
margin-top:-40px;
}
/* fin colonne news */
/*colonne centrale */
.content{
text-align:left;
width:504px;
float:right;
}
.content h2, .content_news h2{
color:#bcbcbc;
font-size:1.2em;
margin:30px 8px 20px 0;
padding:0 0 20px 0;
border-bottom:1px solid #bcbcbc;
}
.content h3.spip{
color:#bcbcbc;
font-size:1em;
margin:15px 8px 0px 0;
padding:0 0 0px 0;
text-align: left;
}
.content_central .texte{
color:#000;
font-size:0.8em;
margin:0px 30px 0px 0;
}
.content_central a, .texte a{
text-decoration:underline;
color:#33add2;
}
.chapo{
font-size: 0.8em;
font-style: italic;
margin:0px 30px 0px 0;
}
.bleu .bottom{
width:558px;
height:40px;
float:right;
background-image:url(images/fond_footer_bleu.png);
background-position:bottom;
background-repeat:no-repeat;
}
/*fin colonne centrale */
/* fin page accueil bleu */
/* footer */
.footer{
width:558px;
float:right;
font-size:0.7em;
text-align:right;
background-color:#FFFFFF;
padding-top:4px;
padding-bottom:4px;
}
.footer a{
color:#000;
text-decoration:none;
}
.footer a:hover{
text-decoration:underline;
}
/*fin footer */
/*colonne gauche */
.col_right{
width:204px;
float:left;
margin:-1px 0 0 0px;
text-align:left;
font-size:0.8em;
}
.col_right a:hover{
color:#1e4e5a;
text-decoration:none;
background-color:#fff;
padding-left:2px;
}
.col_right_1{
width:204px;
padding-bottom:21px;
background-image:url(images/fond_right.png);
background-position:top;
background-repeat:no-repeat;
}
.col_right_bottom{
width:204px;
height:25px;
background-image:url(images/fond_blanc_right_bottom.png);
background-position:top;
background-repeat:no-repeat;
margin-top:-27px;
border-top:1px solid #1d6d80;
}
.col_right_1 ul{
margin:0;
padding:20px 0 0 20px;
}
.col_right_1 li{
list-style:none;
padding:0px 0 7px 0px;
border-bottom:1px solid #5d7f88;
margin:0 0 5px 0;
}
.col_right_1 a{
color:#FFFFFF;
text-decoration:none;
display:block;
width:184px;
}
.col_right_2 ul{
margin:0;
padding:0px 0 0 20px;
}
.col_right_2{
width:204px;
padding-bottom:21px;
background-image:url(images/fond_right.png);
background-position:top;
background-repeat:no-repeat;
}
.col_right_bottom_2{
width:204px;
background-color:#FFFFFF;
height:30px;
}
.col_right_2 li{
list-style:none;
padding:8px 0 3px 0px;
border-top:1px solid #5d7f88;
margin:0 0 5px 0;
color: #FFFFFF;
}
.col_right_2 h2{
color:#FFFFFF;
margin:0px 0 0 20px;
font-size:1.4em;
padding:20px 0 10px 0px;
background-image:url(images/fond_titre_right.jpg);
background-repeat:no-repeat;
background-position:left;
}
.col_right_2 .article_box .texte{
font-size: 1em;
}
.col_right_2 a{
color:#FFFFFF;
text-decoration:none;
display:block;
margin: 0 5px 0 110px;
}
.date_truc{
font-style:italic;
}
/*fin colonne gauche */
/* page rouge */
/* colonne gauche */
.body_rouge .content_left{
width:768px;
float:left;
margin:-1px 8px 0 0;
background-image:url(images/fond_ext_rouge.png);
}
/*colonne rouge */
.body_rouge .nav_left{
width:220px;
float:left;
background-image:url(images/fond_rouge_haut.png);
background-repeat:no-repeat;
padding:0 0 30px 0;
}
.body_rouge .nav_content{
width:198px;
float:left;
margin:26px 0 40px 22px;
text-align:left;
color:#fff;
}
.body_rouge .bordure{
width:198px;
height:1px;
background-color:#d3532f;
margin-top:-1px;
}
.body_rouge .nav_content ul{
margin:0;
padding:0;
list-style:none;
}
.body_rouge .nav_content li{
padding:0px 0 5px 0px;
border-bottom:1px solid #e18a72;
margin:5px 0 0px 0;
}
.body_rouge .nav_content a{
color:#fff;
text-decoration:none;
font-size:0.8em;
display:block;
}
.body_rouge .nav_content a:hover{
color:#a13617;
text-decoration:none;
background-color:#fff;
padding-left:2px;
}
.body_rouge .nav_content li ul{
margin:6px 0 0px 0px;
}
.body_rouge .nav_content li ul li{
border:none;
padding:4px 0 0px 0px;
border-top:1px dashed #cc7d66;
margin:0 0 5px 12px;
}
.body_rouge .nav_content li ul li ul li{
border:none;
padding:4px 0 0px 0px;
border-top:1px dotted #cc7d66;
margin:0 0 5px 12px;
}
.body_rouge .nav_content li ul li ul li a{
background-image:url(images/rond_blanc.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding:0 0 0 16px;
}
.body_rouge .nav_content li ul li ul li a:hover{
background-image:url(images/rond_rouge.png);
background-repeat:no-repeat;
padding:0 0 0 16px;
}
/* fin colonne rouge */
/*colonne centrale */
.body_rouge .bottom{
width:558px;
height:40px;
float:right;
background-image:url(images/fond_footer_rouge.png);
background-position:bottom;
background-repeat:no-repeat;
}
/*fin colonne centrale */
/* fin page rouge */
/* page vert */
/* colonne gauche */
.body_vert .content_left{
width:768px;
float:left;
margin:-1px 8px 0 0;
background-image:url(images/fond_ext_vert.png);
}
/*colonne vert */
.body_vert .nav_left{
width:220px;
float:left;
background-image:url(images/fond_vert_haut.png);
background-repeat:no-repeat;
padding:0 0 30px 0;
}
.body_vert .nav_content{
width:198px;
float:left;
margin:26px 0 40px 22px;
text-align:left;
color:#fff;
}
.body_vert .bordure{
width:198px;
height:1px;
background-color:#00b97d;
margin-top:-1px;
}
.body_vert .nav_content ul{
margin:0;
padding:0;
list-style:none;
}
.body_vert .nav_content li{
padding:0px 0 5px 0px;
border-bottom:1px solid #0ed393;
margin:5px 0 0px 0;
}
.body_vert .nav_content a{
color:#fff;
text-decoration:none;
font-size:0.8em;
display:block;
}
.body_vert .nav_content a:hover{
color:#04885c;
text-decoration:none;
background-color:#fff;
padding-left:2px;
}
.body_vert .nav_content li ul{
margin:6px 0 0px 0px;
}
.body_vert .nav_content li ul li{
border:none;
padding:4px 0 0px 0px;
border-top:1px dashed #0ed393;
margin:0 0 5px 12px;
}
.body_vert .nav_content li ul li ul li{
border:none;
padding:4px 0 0px 0px;
border-top:1px dotted #0ed393;
margin:0 0 5px 12px;
}
.body_vert .nav_content li ul li ul li a{
background-image:url(images/rond_blanc.png);
background-repeat:no-repeat;
background-position:0px 2px;
padding:0 0 0 16px;
}
.body_vert .nav_content li ul li ul li a:hover{
background-image:url(images/rond_vert.png);
background-repeat:no-repeat;
padding:0 0 0 16px;
}
/* fin colonne verte */
/*colonne centrale */
.body_vert .bottom{
width:558px;
height:40px;
float:right;
background-image:url(images/fond_footer_vert.png);
background-position:bottom;
background-repeat:no-repeat;
}
/*fin colonne centrale */
/* fin page verte */
/* page jaune */
/* colonne gauche */
.body_jaune .content_left{
width:768px;
float:left;
margin:-1px 8px 0 0;
background-image:url(images/fond_ext_jaune.png);
}
/*colonne jaune */
.body_jaune .nav_left{
width:220px;
float:left;
background-image:url(images/fond_haut_jaune.png);
background-repeat:no-repeat;
padding:0 0 30px 0;
}
.body_jaune .nav_content{
width:198px;
float:left;
margin:26px 0 40px 22px;
text-align:left;
color:#fff;
}
.body_jaune .bordure{
width:198px;
height:1px;
background-color:#fecb00;
margin-top:-1px;
}
.body_jaune .nav_content ul{
margin:0;
padding:0;
list-style:none;
}
.body_jaune .nav_content li{
padding:0px 0 5px 0px;
border-bottom:1px solid #fede5d;
margin:5px 0 0px 0;
}
.body_jaune .nav_content a{
color:#fff;
text-decoration:none;
font-size:0.8em;
display:block;
}
.body_jaune .nav_content a:hover{
color:#bd9d1d;
text-decoration:none;
background-color:#fff;
padding-left:2px;
}
.body_jaune .nav_content li ul{
margin:6px 0 0px 0px;
}
.body_jaune .nav_content li ul li{
border:none;
padding:4px 0 0px 0px;
border-top:1px dashed #fede5d;
margin:0 0 5px 12px;
}
.body_jaune .nav_content li ul li ul li{
border:none;
padding:4px 0 0px 0px;
border-top:1px dotted #fede5d;
margin:0 0 5px 12px;
}
.body_jaune .nav_content li ul li ul li a{
background-image:url(images/rond_blanc.png);
background-repeat:no-repeat;
background-position:left;
padding:0 0 0 16px;
}
.body_jaune .nav_content li ul li ul li a:hover{
background-image:url(images/rond_jaune.png);
background-repeat:no-repeat;
background-position:left;
padding:0 0 0 16px;
}
/* fin colonne jaune */
/*colonne centrale */
.body_jaune .bottom{
width:558px;
height:40px;
float:right;
background-image:url(images/fond_footer_jaune.png);
background-position:bottom;
background-repeat:no-repeat;
}
/*fin colonne centrale */
/* fin page jaune */
.article_box .logo{
float: right;
margin: 0px 20px 5px 15px;
}
.article_box .chapo{
text-align: right;
}
.article_box .texte{
clear: both;
font-size: 0.8em;
margin: 0 30px 0 0;
}
.article_box .spip_documents_left{
margin: 10px 10px 5px 0;
}
.article_box .spip_documents_right{
margin: 10px 0px 5px 10px;
}
/* commentaires */
.commentaires{
border-top:1px solid #bcbcbc;
margin:20px 8px 0 0;
font-size:0.8em;
}
.commentaires .blocs_replie, .commentaires .blocdeplie, .commentaires .blocs_titre{
background: none;
}
.commentaires ul{
margin:0;
padding:0;
list-style:none;
}
.commentaire_intitule{
width:478px;
margin:0 0 20px 0;
}
.commentaire_intitule{
font-style:italic;
display:block;
width:160px;
margin:10px 20px 20px 290px;
padding:8px 8px 0px 0;
border-bottom:1px solid #bcbcbc;
background-image:url(images/comment_objet.png);
background-position:right;
background-repeat:no-repeat;
text-decoration:none;
color:#a09f9f;}
.commentaires_liste{
margin:0px 0 0px 0;
}
.commentaires .cs_blocs a{
text-decoration: none;
}
.commentaires_liste li{
border-bottom:1px dashed #bcbcbc;
padding:0 0 10px 0;
margin:10px 0 0 0;
color:#000;
}
.commentaires_liste li a{
text-decoration:none;
color:#a09f9f;
}
.date_auteur{
color:#a09f9f;
font-style:italic;
font-size: 80%;
}
.date_auteur a{
text-decoration:none;
color:#a09f9f;
}
.commentaires_liste_bordure{
width:496px;
height:1px;
margin:-1px 0 0px 0;
background-color:#FFFFFF;
}
.commentaires .formulaire_forum .saisie_titre input.text, .commentaires .formulaire_forum .saisie_titre textarea, .commentaires .formulaire_spip textarea {
width: 440px;
padding: 0px 0 0 10px;
}
.commentaires .formulaire_spip textarea{
width: 430px;
height: 100px;
padding: 10px;
}
.commentaires .submit{
width: auto;
float: none;
}
.commentaires .formulaire_spip .boutons{
text-align: center;
}
.commentaires .formulaire_spip fieldset.previsu{
width: 424px;
border: solid 1px #a09f9f;
background-color: #f3f3f3;
}
.commentaires li.show{
background-color: #f3f3f3;
}
/* fin commentaires */
/* résultats recherche */
.menu.articles ul{
list-style-type: none;
padding-left: 15px;
}
.menu.articles ul li a{
color: #202020;
text-decoration: none;
}
.menu.articles ul li a:hover{
text-decoration: underline;
}
.menu.articles ul .descriptif{
color: #BCBCBC;
padding: 5px 10px;
margin: 0;
font-size: 80%;
width: 450px;
}
.menu.articles ul .descriptif a{
color: #BCBCBC;
}
.menu.articles ul .titre_rub{
color: #888888;
}
/* fin résultats recherche */
/* inscription newsletter */
.formulaire_spip_listes_inscription{
font-size: 80%;
}
.formulaire_spip_listes_inscription input.text{
margin: 0;
padding: 4px;
height: auto;
}
.formulaire_spip_listes_inscription input.submit{
width: auto;
font-size: 90%;
}
.formulaire_erreur{
color: #CC3300;
}
.formulaire_ok{
color: #53AD20;
font-size: 110%;
width: 400px;
}
/* fin rinscription newsletter */
.nettoyeur{
clear: both;
}
.body_rouge .on a, .body_rouge a.on,.body_vert .on a, .body_vert a.on,.body_jaune .on a, .body_jaune a.on{
font-weight: normal;
color: #BCBCBC;
}