#CACHE{0*0,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
#HTTP_HEADER{Vary: Accept-Encoding}



		<BOUCLE_couleur_rubrique(RUBRIQUES){id_rubrique}{doublons gauche}>
			[(#SET{couleur,[(#ID_RUBRIQUE|couleur_rubrique|sinon{0|couleur_rubrique})]})]
		</BOUCLE_couleur_rubrique>
	[(#SET{couleur,[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#VAL{0}|couleur_rubrique)]})]})]

	
body {font-family:Helvetica;font-size:0.8em;line-height:1.5em;margin:0;padding:0;color:#000000; background-image:url(html.png);}
img{border:none;}
#contenant {
	width: 1000px; /* Largeur de la page */
	padding: 0; 
	margin: 20px auto; /* Marges : 20pixels en haut et en bas, 0 pixel à droite et gauche */
	text-align: left; /* Justifier le texte à gauche */
	border:#[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#GET{couleur})]})] 2px solid;
	background:#FFFFFF;
	}

h4{margin:0px; }



a {
	color: blue;
	font-weight: bold;
	text-decoration: none;
	}
a:hover {
	color: blue;
	}

#entete { 
	position: relative;  /*Condition pour poditionner les objets de l'entête */
	margin: 0;
	width: 1000px;
	height:175px;
	background-image:url(images/images/header.jpg);
	background: url([(#CHEMIN{css/images/header.jpg})]); 

	} 
	
#entete a { [color: #(#ID_RUBRIQUE|couleur_rubrique);]
}
	
#outils{
position:relative;
height:25px;
text-align:right;
width: 1014px; 
padding:5px;
	}

#bandeau{
	position:relative;
	height:120px;
	}



#bandeau h1 { }

#menu{
position:absolute;
	margin-top:30px;
	padding-left:20px;
	float:left;
  	width:98%;
  	font-size:100%;
  	line-height:normal;
	z-index:1;
	}
	
ul#nav, ul#nav li{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#nav{
	padding-left:14px;
	padding-top:5px;
	font-size:14px;
	font-weight:bold;
}
ul#nav li{
	width:90px;
	padding:1px 0;
	margin:0 3px 0px 0;
	height:60px;
	text-align:center;
	display:inline;
	}
ul#nav a{	
	width:90px;
	text-decoration:none;
	padding:2px 0;
}
ul#nav li.oui{
padding:0px 0;
margin:2px 3px 0 0;

}

	
#contenu {
	margin-right: 254px; 
	padding: 10px 0 1em 0; 
	}


#contenu .content{
border:1px solid #[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#GET{couleur})]})];
min-height:120px;
}

#contenu .grande_boite{
text-align:justify;
padding:5px;
margin-right:20px;
}

#contenu .grande_boite a{
color:blue;
}

#contenu .grande_boite a:hover{
color:blue;
text-decoration:underline;
}

#contenu h1{
color:#[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#GET{couleur})]})]
}

#contenu .grande_boite img{
border:none;
clear;both;
/*float:left;*/
}
#contenu .grande_boite span{
padding:5px;
}


#contenu .gauche{
	width:320px;
	height:auto;
	height:150px;
	float:left;
	margin-left:30px;
	margin-right:0px;
	margin-bottom:15px;
	

	}

#contenu .gauche  h4{
margin-top:0px;
margin-bottom:0px;
padding:3px;
background: url( [(#CHEMIN{imgs/fond-titre3.gif}|image_sepia{[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#GET{couleur})]})]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) no-repeat; 
color:#[(#ID_RUBRIQUE|couleur_rubrique|couleur_extreme|couleur_inverser|sinon{[(#GET{couleur}|couleur_extreme|couleur_inverser))]})];
}

#contenu .gauche h4 a{
color:#[(#ID_RUBRIQUE|couleur_rubrique|couleur_extreme|couleur_inverser|sinon{[(#GET{couleur}|couleur_extreme|couleur_inverser))]})];
}

#contenu .gauche  p{
padding:0px 5px;

}
	
#contenu .droite{
	width:320px;
	min-height:150px;
	max-height:150px;
	float:right;
	margin-left:0px;
	margin-right:30px;
	margin-bottom:15px;
	}
	
#contenu .droite  h4{
margin-top:0px;
margin-bottom:0px;
padding:3px;
background: url( [(#CHEMIN{imgs/fond-titre3.gif}|image_sepia{[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#GET{couleur})]})]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) no-repeat; 
color:#[(#ID_RUBRIQUE|couleur_rubrique|couleur_extreme|couleur_inverser|sinon{[(#GET{couleur}|couleur_extreme|couleur_inverser))]})];
}

#contenu .droite h4 a{
color:#[(#ID_RUBRIQUE|couleur_rubrique|couleur_extreme|couleur_inverser|sinon{[(#GET{couleur}|couleur_extreme|couleur_inverser))]})];
}

#contenu .droite  p {
padding:0px 5px;

}




#actus {
clear:left;
position:relative;
margin-right:30px;
margin-left:30px;
}

.logogauche{
	float:left;
}

#actus ul li{
list-style-type:none;
list-style-position: outside;
margin-left:-35px;
padding:0px;

}

#actus img{
text-decoration:none;
border:none;
}

#actus h2{
font-size:16px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:center;
}

#actus p{

}

#actus .grande_boite{
border:1px solid #cfcfcf;
text-align:justify;
padding:5px;
}

#actus .grande_boite img{
border:none;
}

#boite_bas{
clear:left;
padding-top:20px;
}


#coldroite { 
	float: right;
	width: 255px; 
	padding: 10px 0 0em 0;
	}
	
#coldroite .content {
margin-right:0px;
border:1px solid #[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#GET{couleur})]})];
color:#000000;
}	
	
#coldroite .boitedroite{
	margin-bottom:15px;
	margin-right:5px;
	padding:0px;

	}
	
	
#coldroite .boitedroite{	
background: url( [(#CHEMIN{imgs/fond-titre-droite3.gif}|image_sepia{[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#GET{couleur})]})]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) no-repeat; 
color:#[(#ID_RUBRIQUE|couleur_rubrique|couleur_extreme|couleur_inverser|sinon{[(#GET{couleur}|couleur_extreme|couleur_inverser))]})];
width:248px;
background-repeat:no-repeat;
padding:0px;
margin-bottom:15px;
margin-top:0px;
	}
	
	
#coldroite h4{
height:23px;
padding-top:5px;
margin-left:10px;


/*background-image:url(squelettes/css/images/fond-titre-droite.png);*/


}


/* un peu inclassable */
.spacer{
	clear:both;
	width:235px;
	visibility:hidden;
	height:0px;
}


#pied {
clear:both;
padding:5px;
border-top:#[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#GET{couleur})]})] 1px solid;
text-align:center;
}


#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background-color: #E8EBF0;
border: 1px solid #ccc;
float: left;
font-size: medium;
font-weight: bold;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
}

#navlist a:hover { color: #000033; }

body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1,
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a,
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 




/* menu */

.open {
       display: block;
	   list-style-type: none;
       padding: 0 3px 0 10px;
       margin: 0 0 0 10px;
}

.closed {
       display: none;
}

li img, li img a:hover  {
       vertical-align: middle;
}	   
   
.li {
       list-style-type: none;
       padding: 0px;
}




/* les forums */

.discussion{
	padding: 5px 0 0 0px;
	margin: 8px 3px;
}
.avatar{
	float:left;
	width:241px;
}
.interne {
padding:6px 5px 8px 4px;
margin:0 7px 12px 7px;
}


.interforumgrand{
float:right;
margin:3px 7px 0 4px;
width:580px;
}
.carte{
float:left;
padding:15px 0 5px 10px;
width:100px;
}
.avatar img{
width:70px;
height:70px;
}

.cadenas a{
padding:1px 1px 1px 19px;
margin:0;

}

.capitale{
text-transform: capitalize;
}

/* les membres */

ul.membres,ul.legende{
padding:0 5px 5px 5px;
margin:0px;
text-transform: capitalize;
}
ul.forum{
padding:15px 7px;
}
.membres li,.legende li,.forum li{
list-style-type: none;
display:inline;

}
.membres li a,.legende li,.forum li a{
	padding: 0 5px 0 16px;
}
.forum li a{
padding: 15px 5px 15px 33px;
	margin: 30px 0; 
	font-weight:bold;
	letter-spacing: 0.1em;
}

.repondre a,.dernier a,.premier a{
	padding: 6px 0 10px 24px;
	font-weight:bold;
	letter-spacing: 0.1em;
	font-size:120%;	
}

.forum-chapo{
background-color:#[(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#GET{couleur})]})];
}

.forum-chapo a{
color:#[(#ID_RUBRIQUE|couleur_rubrique|couleur_extreme|couleur_inverser|sinon{[(#GET{couleur}|couleur_extreme|couleur_inverser))]})];
}
/* les miniatures */

#minipics{
	float:left;
	width:680px;
	display:inline;
	}
#minipics ul{
        list-style-type: none;
        display:inline;
        margin:0 5px;
        padding:0;    
        clear:both;
}
#minipics li{
	float:left;
	padding:5px 1px;
	display:inline;
	width:100px;
	margin:8px;
	}
	#minipics li p{
	margin:4px;
	padding:0;
	}
#minipics li img{
	display:block;
	margin:3px auto;
		}	
#minipics li.transparent a:hover img{
	filter:alpha(opacity=100)!important;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.00;opacity:1; 
}
#minipics li.transparent a img{
	filter:alpha(opacity=70)!important;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: .7; opacity:.7; background:#fff;
}
#minipics li.textepics{
	width:340px;
	
}




/* les icônes */
.icone_fleche{
	right: 25px;
	margin:3px 0;
}
.icone_site,.icone_fleche,.icone_post,.icone_membre,.icone_filter,.icone_article,.icone_photo,.icone_forum,.icone_stats,.icone_menu,.icone_agenda,.icone_zip,.icone_juk,.icone_recherche{
	height:22px;
	position:relative;
	padding: 4px;
}




/*Menu portes coulissantes*/
#menu ul {
	position:relative;
  margin:0;
  padding:0px 0px 0px 0px;
  list-style:none
  z-index:10;
  }
 
#menu ul ul{
  margin:0;
  padding:0px 0px 0px 0px;
  list-style:none
  z-index:99;
  }

#menu  li {
  display:inline;
  margin:0;
  padding:0;
	margin-right:10px;
  
  }  
 
/*test*/

/* fin test */ 


#menu a {
  float:left;
  margin:0;
  padding:0px 5px 0 5px;
  text-decoration:none;
  white-space:nowrap;
  }
  
#menu a span {
  float:left;
  display:block;
 
  padding:5px 15px 4px 6px;
  font-weight:bold;
  }
  
  
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {
  color:#333;
  }
#menu #current a {
  background-position:0 -150px;
  border-width:0;
  }
#menu #current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
#menu a:hover {
  background-position:0% -150px;
  }
#menu a:hover span {
  background-position:100% -150px;
  }
  

#menuDeroulant
{
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	top: 0;
	left: 0;
}
#menuDeroulant li
{
	float: left;
	display:block;
	margin: 0;
	padding: 0;
	border: 0;
	padding-left:5px;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
}



#menuDeroulant .sousMenu
{
	display: none;
	position:absolute;
	text-align:left;
	z-index:260;
	margin-top:25px;
	margin-left:5px;
	[background-color: #(#ID_RUBRIQUE|couleur_rubrique)];
}

#menuDeroulant .sousMenu li
{
	float: none;
	z-index:400;
	margin: 0;
	padding: 0;
	border: 0;
}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	z-index:600;
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background-image: none;
	padding:2px;

}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
}

#menuDeroulant li:hover > .sousMenu { display: block; }




/*-----------------------------------
-------------------------------------*/
/*TABLEAU SPIP*/

table.spip caption{
text-align:left;
margin-left:25px;
color:#c30;
font-weight:bold;
}

table.spip{
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #6c0;
	border-collapse: separate; 
	font-size:12px;
}

table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE;}
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; text-align:center; }

table.spip tr.row_first{
background-color:#6c0;
color:#FFFFFF;
text-align:center;
border: 1px solid ; 
border-collapse: separate; 
}

ul.spip{
text-align:left;
list-style-type:square;
}


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



#calendar td { background-color:FFCA29;	font-size:12px;
color:#000000;
text-align:center;
border: 1px solid #CCCCCC ;  }

#calendar td.libre{ }

#calendar td.horsperiode{ background-color:#CCCCCC }

#calendar td.today{ background-color:#FFCA29;}

#calendar td.occupe { font-weight:bold; }



/*------------------TEST DU SOUS MENU DEROULANT-----------------------*/



/*---------------outils-article--------------------------*/

[(#CONFIG{outils_article/barre}|?{' ',''})

.textemoins, .texteplus, .pdf, .impression, .mail, .rss, .rssforum, .auteur, .reagir, .compteur, .note

{display:inline;}



]



[(#CONFIG{outils_article/boite}|?{' ',''})

.textemoins, .texteplus {display:inline;}

]