/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */

/* sifr */
/*  voir sIFR-screen.css pour cacher les police et pour gerer a taille des police */
/*  voir font.js pour le style des police */

/* couleurs Batir sain */

/*------- bleu ---------*/
/* bleu 1  :  #90cffe  */
/* bleu 2  :  #70c0fe  */
/* bleu 3  :  #0072b3  */
/* bleu 4  :  #00598b  */

/*------- vert ---------*/
/* vert 1  :  #f5fcd9  */
/* vert 2  :  #e3f94e */ /* vert 2 ancien :  #d2ea00    */
/* vert 3  : #a0c825 ancien :#c0dc00  */
/* vert 4  :  #a2bf00 +fonce>>>> #77ab25  */
/* vert 5  :  #667900  */
/* vert 6  :  #445000  */

/*------- marron ---------*/
/* marron 0 :  #866500  */
/* marron 1  :  #866500  */
/* marron 2  :  #705000  */
/* marron 3  :  #342700  */

/*------- gris ---------*/
/* gris   :  #888  */
.rouge{ background-color: red  ; padding: 50px; }
.rouge p{ 	width: 60%  ;	font-size : 24px;}
.rouge a{ background-color: white ; }

body {font-family : Arial, helvetica, Verdana; font-size : 12px; line-height: 17px; margin: 0px; color: #342700; }

h1{ font-size:30px;	font-weight: bold;   line-height: 34px;}
h2{	font-size:30px;	font-weight: normal; line-height: 30px; clear:left;	 }
h3{	font-size:16px; line-height: 25px;}
h4{	font-size : 9px; font-weight: bold; text-transform:uppercase;  color:#888; }
h4 b{ color:#444; background-color: #BBB;  }

i{ color:#445000; /*vert 5 foncé*/}
em{	position: relative; bottom: 6px; font-size:12px; color:#888888;}
strong{ color:#3f2f00; font-weight: bold;  }
a, a:visited{text-decoration:none; color:#000; /*color:#0072b3;*/}

.largeur{ width:1000px; margin:0px auto;}

/*-------------------------*/
/*------- BLEU ---------*/

#logosite{	padding:10px; padding-top: 10px;}
#outils{ float: right; margin:0px; margin-top: -1px; padding:0px; text-align:right; font-size : 12px;}
#outils a{ background: white; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; color:#00598b; border: 0px; }
#outils a img{ position: relative; top:2px; right: 1px;}

#bandebleu{
	width: 100%;
	height: 90px; /* anciennement 130px;*/
	background: white; /*#70c0fe;;*/
	color:#a2bf00 ;
	margin-top: 0px /*-12px*/;
}
#bandebleu .largeur{	background-image:url(/horsspip/image/fond.gif); background-repeat:no-repeat;}
#bandebleu .boite, #bandebleu  .boiteon{
	padding: 4px ;
	width: 110px;
	height: 60px;
	float: left;
	margin-bottom: 0px;
	}
#lienaccueil, #lienaccueilon{
	padding: 4px ;
	width: 113px;
	height: 60px;
	float: left;
	}
#correction_header_ie7{width:100%; height:69px;}
#bandebleu a{ color:#888; }
#bandebleu  p{ font-size:10px; 	line-height: 12px; margin:0px; padding:0px; margin-top:5px;}

#bandebleu  .boite b, #bandebleu  .boiteon b, #bandebleu  #lienaccueil b, #bandebleu  #lienaccueilon b{
	font-weight: bold;
	font-size:12px;
	}
	
#bandebleu  .boite  b,  #bandebleu  #lienaccueil      b{ color:#888; }
#bandebleu  .boiteon ,   #bandebleu  #lienaccueilon    { background-color: #77ab25;}
#bandebleu  .boiteon b,  #bandebleu  #lienaccueilon b { color: white; }
#bandebleu  .boiteon p,  #bandebleu  #lienaccueilon p { color: #f5fcd9; }

#bandebleu .boite:hover p, #bandebleu .boite:hover b{ color:#667900; }
#bandebleu .boite:hover,#bandebleu #lienaccueil:hover{ background-color:  #f5fcd9;}	

.separation_head{
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 3px;
	margin-bottom: 0px;
	height:50px;
	width:2px;
	float: left;
	border-right: 1px dashed  #bbb;
}
/*-------------------------*/
/*------- VERT ---------*/
.bandeverte{
	font-family : Arial black, helvetica, Verdana;
	background-image:url(/horsspip/image/degvertclair.gif); 
	background-repeat:repeat-x;
	background-color:#a0c825;
	width: 100%;
	clear: left;
	font-size:16px;
	color: white;
	margin-bottom: -2px;
	padding-bottom: 0px;
	}
	
.bandeverte .largeur{
	padding-top: 8px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
	
.bandeverte h1{ 	color:#fff;}

.bandeverte p{
    font-weight: bold;
	padding: 5px;
	font-family : Arial, helvetica, Verdana;
    }

	
.bandeverte  .soustitre, .bandeverte  .soustitreon{
	font-family : Arial, helvetica, Verdana;
	font-weight: bold;
	font-size:12px;
	padding: 10px;
	line-height: 40px;
	margin-bottom:0px;
	}

.bandeverte  .soustitreon, .bandeverte  a:hover {
	background-color: #ededed;
	color: #667900;
	}

.bandeverte  .soustitre{
	background-color: #77ab25;
	color: white;
	}	

.bandeverte .ensavoirplus {
	font-family : Arial, helvetica, Verdana;
	font-weight: bold;
	font-size:12px;
	padding: 10px;
	line-height: 40px;
	color: white;
	background-color: #77ab25;
	height:28px;
	margin-bottom: 10px;
}

.bandeverte .ensavoirplus a:hover{
	background-color: #ededed;
	color: #667900;
}

.bandeverte .largeur .colgauche{	width: 850px; }

.hachureblanche{ background-image:url(/horsspip/image/hachblancvert.gif); height:15px; width: 100%; float:left; background-repeat:repeat;}
.hachuregrise{ 	background-image:url(/horsspip/image/hachblancgris.gif);  height:15px; width: 100%; float:left; background-repeat:repeat;}

/*----------------------------*/
/*------- BLANC  ---------*/

#blanc{
	width: 100%;
	background-color: #ededed;
	padding-bottom: 20px;
	}

#blanc .largeur{
	background-color: #ededed;
	margin-top:0px;
	padding-top:10px;
	padding-left:30px;	
	padding-right:30px;	
	}

#blanc h1{ color: #a0c825;}	
#blanc h1 a{ color: #666;}
#blanc i{ color:#888; }
#blanc b{ color : #342700; }

#blanc .colgauche a{	color: #342700; border-bottom: 2px solid #a0c825; }
#blanc .colgauche a[target=_blank] { 	border-bottom: 2px dotted #a0c825;}
	
#blanc .coldroite b{
	font-family :   Verdana, Arial,helvetica;
	text-transform:uppercase;
	font-weight: bold;
	font-size : 9px;
	color:#667900;
	}

.coldroite {	font-size:12px;}
.articlechiant p {color:#888;}
.articlechiant strong , .bandeverte strong{	color:#342700; font-weight:normal;}

#blanc .alieu{	border-bottom: 0px solid #CDB440; }
#blanc .colgauche p .alieu{	color: #888; border: 0px; clear: both; }
#blanc .alieu:after{ content: url(http://batirsaintest.free.fr/horsspip/image/ptitemaison.gif);}
#blanc p .alieu:hover{ color:black; 	background-color:#a0c825; }
#blanc a:hover{ background-color:#a0c825; }


#blanc .coldroite ul{
margin: 0px;
padding-left: 0px;
list-style-type:none;
}

/*-----------------------------------*/
/*------- VERT FONCE  ---------*/

#vertfonce{
	width: 100%;
	background-image:url(/horsspip/image/hachverte.gif);
	background-repeat:repeat;
	border-bottom: 1px #000 solid;
	clear: left;
	float:left;
	}

#vertfonce h1{
	color: #fff;
	}
#vertfonce h1 a{
	color: #0072b3;
	}	

#vertfonce b a {
	font-family : Verdana, Arial, helvetica;
	text-transform:uppercase;
	font-weight: bold;
	font-size : 9px;
	color: white;
	}
	
#vertfonce .bandeverte{
	padding:10px;
	font-family :  Arial, helvetica ,Verdana;
	color:#445000;
}

#vertfonce .coldroite{ 	margin-top:-30px; }
#vertfonce .coldroite b{ color:#445000; 	}
	
.bandeverte .coldroite, #vertfonce .coldroite{
	background-color:#a0c825;
	background-repeat:repeat-x;
	margin-bottom:30px;
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	color:#445000;
	}

/*-------------------------------*/
/*-------  MARRON ---------*/


#footerliens {
	clear:left;
	width: 100%;
	background-color:#342700;
	color: white;
	border-top: 2px solid #b08300;
	padding-top:20px;
	}
	
#footerliens  .boite{
	width: 215px;
	float:left;
	margin-right:15px;
	padding-bottom:0px;
	padding:10px;
	}
	
  
/*-------------------------------------------------------*/

#footerliens  ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footerliens  ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footerliens  ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dashed #b08300;
	}

#footerliens  ul li a:hover {
	background: #b08300;
	color: #FFFFFF;
	}
/*-------------------------------------------------------*/

	
#footerliens  a{
	color: white;
	}

#footerliens  a:hover{
	background-color: #b08300;
	}
	
#tout_en_bas  {
	width:100%;
	padding-top:30px;
	margin:auto;
	clear:left;
	color:#b08300;
	font-size: 10px;
	text-align:center; 
	/*background-image:url(/horsspip/image/marrondeg.gif); 
	background-repeat:repeat-x;*/
	background-position:bottom ;
	}

#tout_en_bas  a{
	color:white;
	}


/*------------------------------------------------------------------------------------------*/

/*sommaire*/
/*format des dates*/

.date, .introplusheure{
	margin-right:5px;
	color: #667900;
	text-align:center;
	font-size: 10px;
	}
	
.date{
	width: 50px;
	float: left;
	}
	
.contourdate{
	font-size: 12px;
	border:4px solid #f5fcd9 ;
}

.numero, .heure, .numerocom {
	font-family : Arial black, Verdana, Arial, helvetica;
	font-size: 18px;
	color:#a0c825;
}

.logoauteur, .numerocom{
	width: 40px; 
	text-align: center;
}

.numerocom { /* ce sont les numero des commentaires */
	background-image:url(/horsspip/image/bulle.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

#blanc  .colgauche .numerocom  a{ /* ce sont les numero des commentaires */
	color: white;
	text-decoration: none;
	position:relative;
	bottom: 5px;
	left:0px;
	border-bottom: 0px solid white;
}

#blanc #evensommaire { background-color: white; margin-bottom: 15px;}

/*  liens  */

.colgauche p i a, .colgauche td i a{ border-bottom: 0px solid #a0c825;}
a img { border-width:0; }
.anature{ color:#000; border:0px; }

/*formulaires*/
#blanc fieldset {
	border: 0px solid black;
	padding: 0px;
	}
#vertfonce fieldset{
	border : 0px solid black;
	background-color: #a0c825 ;
	}
input[type=text], textarea {
	color: black; 
	border : 0px solid black;
	background-color: #fbff95; 
	background-image : none ;
	}
#blanc input[type=text],#blanc  textarea {
   	background-image:url(/horsspip/image/degvertclair.gif); 
	background-repeat:repeat-x;
	background-color:#a0c825;
	color:white;
	}
.forml {
   	background-image:url(/horsspip/image/degvertclair.gif); 
	background-repeat:repeat-x;
	background-color:#a0c825;
	color:black;
	}
input , .forml {
   	background-image:url(/horsspip/image/degvertclair.gif); 
	background-repeat:repeat-x;
	background-color:#a0c825;
	color: #667900 ;
	font-weight: bold;
	font-size: 14px;
	text-decoration:none;
	}
.coldroite input{
	color: #667900 ;
	border: 1px solid white;  
	}
.spip_bouton input{
	background-color:#a0c825; 
	border:1px solid #77ab25  ; /* vert 2*/
	}
input[type=submit] ,  input[type=button]{
	color:#f5fcd9; /*vert 3 bs*/
	background-color:#77ab25; 
	border:1px solid white  ; 
	background-image:none; 
	}
#barre_1{
	background-color:#a0c825; 
	border:0px ;
	color: #a0c825;
	}
label{
	color:#667900;
	}
	
/*page*/
/*structuration*/
.colgauche{	margin-top:5px;	margin-bottom:0px; 	width:620px;}
.coldroite{ margin-top:5px; margin-bottom:0px; 	width:320px; color:#667900;	float:right;}
.billet { background-color: white; padding:10px; margin-bottom: 15px; }

/* sommaire */

#blanc .coldroite .boite{
	background-color: #ddd;
	margin: 0px;
	padding: 10px;
	margin-bottom: 15px;
	border-top: 1px solid #ccc; 
}

#blanc .coldroite .boite i img{
	border: 1px solid #ccc;
	position: relative;
	bottom: 45px;
}

#blanc .coldroite .boite .boite{
	width: 250px;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	height: 45px;
	border-top: 0px solid #ccc; 
	}
	

.evenementblog{
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px;
	background-color: #ededed;
 	/*border:4px solid #f5fcd9 ;*/
 }

.evenements{
	 clear:left;
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 860px;
     text-align: left;
	}

/*blog*/
table{ width:100% }

.nbcommentaire , .nbcommentaire  a{	text-align:right;}

/* annuaire */
.bandeverte #map{
	width: 100%; 
	height: 500px;
	color: #000;
	font-family : Arial, helvetica, Verdana;
	font-size : 12px;
	line-height: 17px;
	}

#map h3{ margin-top:0px; padding-top: 0px;}
#map h3 a{ 				 border-bottom: 2px solid  #a0c825;}
#map h3 a[target=_blank] { border-bottom: 2px dotted #a0c825;}
#map p{ 	background-color: white; font-weight:normal; margin:0px;}

#mapcontour{
	width: 100%;
	background-color: #ededed;
	padding:5px;
	margin-top:-2px;
	margin-bottom:0px;
	}
#bandeverte #rafistolage-margin-map { height:0px;}
	
/* divers*/
.clearleft{ clear:both; }

/* rubriques */
.boiterubrique{
	width: 108px;
	height:160px;
	padding: 0px;
	margin:8px;
	float: left;
	color:#667900;
	/*border-bottom: 1px dashed #888;*/
}

.boiterubrique a { border-bottom: 0px solid #ddd; }
.boiterubrique img{ border: 5px solid #ddd; }
.boiterubrique img:hover{ border: 5px solid #a0c825; }
#blanc .colgauche .boiterubrique a{ border: 0px solid #ddd;}


.formation {
	background-color: white;
	clear: left;
	margin-bottom:5px;
	padding:5px;
	margin-top:3px;
}
.formation .informations{ width: 142px; float: left;  padding-right: 8px; }
.formation .description{  width: 430px; float: left;}

/* --------- */
/* librairie */
.boitelibrairie {
	background-color: white;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	padding-top:1px;
	margin-bottom:5px;
	margin-right:5px;
	}

.boitelibrairie h3{ padding:0px; margin:0px; } 
.lunchbox { display:none;} 
/* visibilité des petits drapeaux */
.indisponible  .on  {display: none;}
.dispo .off{	display: none;}
/* gris quand c indisponible*/	
.indisponible  {	color:#888;}
.articlechiant .indisponible  p {color:#888; }
.articlechiant  .indisponible  strong { color:#888; }