body {
margin: 0;
}

#general {
margin: 136px auto 0 auto;
width: 960px;
}

#bandeau {
background-image: url("../images/bandeau.jpg");
position: absolute;
top: 0;
left: auto;
width: 960px;
height: 94px;
}

#navigation {
position: absolute;
top: 94px;
left: auto;
width: 960px;
height: 26px;
padding: 5px 10px 1px 10px;
z-index: 1000;
}

#conteneur-navigation {

}


#formulaire {
float:right;
position: absolute;
top: 0px;
left: 760px
}

#separateur-nav {
padding: 12px 10px 4px 10px;
margin-bottom: 1px;
position: relative;
top: -10px;
z-index: 0;
}

#separateur, #chemin {
display: none;
}

#separateur-nav {
height: 20px;
}

#date {
	float:right;
	color: #336799;
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0 0px 0;
	text-align: right;
}


/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

#conteneur-texte {
/*margin-right: 200px;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 960px;
}


#cadre_gauche {
   float:left;
   margin-left:1%;
   width:742px;
}

#ligne{
   float:left;
   width:742px;
}

#gauche {
   float:left;
   width:370px;
}

#droite {
   float:right;
   width:370px;
}

#contenuhome {
   width:98%;
}

/* ---=== test  ===--- */

.itemhead { color:#000000;
	margin-top: 10px;
	text-align:justify;
	}

.itemhead .spip_logos {
	padding:0px;
	margin-right: 10px;
	}
	
.spip_logos { border: 0; }

.droite {
float:right;
width: 40%;
margin:10px;

padding:5px;
background:#FFFFFF url(../images/square.jpg);
}
/* ---=== fin test  ===--- */

.image { 
border:none; 
margin:5px;	
}

/* ---=== boite article  ===--- */

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0;
	padding: 0;
	text-align: left;
	width:98%;				/* <-- use this to tie width to viewport size */
/* 	width: 42em;				<-- use this for a set width */
	background-color: #eeeeee;
	}
 	
#box2
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0;
	padding: 0;
	text-align: left;
	width:98%;
	background-color: #eeeeee;
	}
 	
#content
	{
	padding:2.0em;
	color:#000000;
	font-size: 12px;
	line-height: 1.3em;
	font-family: Tahoma, Arial, Helvetica;
	}

#content h1
	{
	color:#336799;
	font-weight: bold;
	font-size: 18px;
	font-family: Tahoma, Arial, Helvetica;
	}
	
#content h2
	{
	color:#336799;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica;
	}

#content h3
	{
	color:#336799;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: normal;
	margin: 0 0 0 0;
	}

#content h4
	{
	color:#336799;
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica;
	padding: 0px 0px 0px 0px;
	display: inline;
	}
	
#content p
	{
	color:#000000;
	font-size: 12px;
	line-height: 1.3em;
	font-family: Tahoma, Arial, Helvetica;
	}

.h4l
	{
	color:#336799;
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	display: inline;
	}

.h4l a {
	color:#336799;
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: bold;
	text-decoration: none;
}

.h4l a:hover {
	color:#336799;
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica;
	font-weight: bold;
	text-decoration:underline;
}

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #eeeeee;
	background-image:url(../images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
	/* ---=== fin boite article  ===--- */


/* ---=== boite de droite  ===--- */

#cadre_droite {
   float:left;
/*   position: relative;
   top: 0px;*/
   margin-left:1%;
   width:180px;
}

#cadre {
width: 182px;
padding-top: 11px;
background: url(../images/hautnew.gif) top left no-repeat;
}

#bloccadre {
padding-top: 0px;
padding-left: 8px;
padding-bottom: 1px;
background: url(../images/basnew.gif) bottom left no-repeat;
}

#bloccadre ul{
	margin: 6px;
	padding: 10px;
}

#bloccadre li{
	list-style-image: url("../images/list.gif") ;
	margin-bottom: 2px;
	padding-left: 4px;
}

.boite_droite {
	position: relative;
	width: 100%;
	font-size: 12px;
	padding-top: 0px;
}

.boite_droite_haut {
	background-image:url(../images/haut2.gif);
	background-position: 0% -0%;
	background-repeat: no-repeat;
}

.interne {
padding-top: 2px;
padding-left: 8px;
padding-bottom: 2px;
border-left: 2px solid #336799;
border-right: 2px solid #336799;
}

/* ---=== fin boite de droite  ===--- */


div.page {
	position:relative;
	background-color: #eeeeee;
	text-align: left;
	margin-left: 190px;
	margin-right: 0px;
	margin-bottom:0px;
	padding:0px 0px 0px 0px;
}
div.spacer {
	clear:both;
}

div.zone-contenu {
	width:250px;
	float:right;
	margin:0em 0em 0em 0em;
	padding:0em 0em 0em 0em;
	border-width:0em 0em 0em 0em;
}

div.barreAction {
	font-size: 12px;
	border-top:0px dotted white;
	padding-bottom : 0px;
	height:15px;
}

div.barreAction img {
	border:0em;
}

div.barreAction a.langactif {
	text-transform:uppercase;
}

div.barreAction a {
	background-color:#eeeeee;
	font-size:100%;
	color: #336799;
	text-decoration:none;
	padding-left:0em;
	margin:0em 0em 0em 0em;
}

div.barreAction div a:hover {
	color:#000066;
	text-decoration:underline;
}

#bloce2c {
margin: 10px;
padding: 0;
font-family: Tahoma, Arial, Helvetica;
font-size:12px;
}

#bloce2c ul li{
list-style-type:disc;
margin: 0 5px 0 8px;
padding: 2px;
}

#footer {
position: relative;
top: 0px;
left: auto;
padding: 20px;
clear: both;
}


#fin {
clear: both;
}