Your IP : 216.73.217.174


Current Path : /home/checkyd/www/squelettes/css/
Upload File :
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;
}