* CSS Document */

body
		{
 height: 100%;
 width:100%;
	margin:  0;
	padding: 0;
	text-align: center;
	background-color: #FFF;
		}
			
div#conteneur_haut
	{
	margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
	padding: 0;
  width: 800px;
	height: 30px;
	background: url(conteneur_haut.jpg)  no-repeat top;
		}
	
div#conteneur_principal
		{
		width: 800px;
		font: 0.8em "Trebuchet MS", helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background: url(conteneur_principal.jpg)   repeat-y top;
	  position:relative;
		
			}
		
div#conteneur_bas
		{
  margin-left: auto;
  margin-right: auto;
	padding: 0;
  width: 800px;
  height: 30px;
	background: url(conteneur_bas.jpg)  no-repeat top;	
		}
		
div#header
		{
		margin:0 0 0 18px;
		padding:0;
		}
		

		
h1#header
		{		
	margin:0;
	padding: 0;
			}
			
h1#header span
		{
		display:none;
		paddin:0;
		margin:0;
		}


div#gauche
{
 
	width: 170px;
	float : left;
	padding: 0;
	margin: 50px 0 0 8px;
		
}

div.droite_ombre
{
float:left;
background-color:#ffb515;
width: 240px;
position:relative;
padding:0;
margin:10px 0 0 20px;
}	

h1.droite_ombre
{
padding:0;
margin:10px 0 0 10px;
color:#fff;
font-size:1.5em;
line-height: 0.5em;
}
	
	
div#droite
{position:relative;
 top: 15px;
 left:15px;
 width: 100% ;
 background-color:#fff;
 border:1px solid #000;
	padding:0;			
	margin:0;
}	




h2.droite
{
padding:0;
margin: 10px 0 0 8px;
font-size:1.2em;
line-height: 1em;
}

p.droite
{
padding:0;
margin:0 10px 0 10px;
}

div#centre
{
float:left;
width:310px;
margin: 0px 0 0 0;
padding:0;
	
}
	
div#centre_droit
{
float:left;
margin: 0;
margin-top:0px;
width:550px;
	padding:0;
	
}
	
	

 
 /* Style pour le menu spipien*/

div.menu_deroule
{
text-align:left;
margin:20px 0 0 0;
}

.affiche{
visibility:visible;
}

.cache{
display:none;
}

ul.racine{
padding:0;
margin:0 0 0 5px;
list-style:none;
}

ul.rubrique{
padding:0;
margin:0 0 0 10px;
list-style:none;
}


ul.article{
padding:0;
margin:0 0 0 0px;
list-style:none;
}


a.lien{
color:#ffb515;
text-decoration: none;
background: url(puceoff.gif)  no-repeat top left;
padding-left:20px;
}

a.lien:visited
{
color:#ffb515;
}


a.lien:hover
{
color:#5b2d00;
text-decoration: none;
background: url(puceoffprivee.gif)  no-repeat top left;
padding-left:20px;
}

a.lienon
{
color: #5b2d00; 
text-decoration: none;
background: url(puceonprivee.gif)  no-repeat top left;
padding-left:20px;
}

a.lienon:visited
{
color:#5b2d00;
}

a.lienon:hover
{
color:#ffb515;
text-decoration: none;
background: url(puceon.gif)  no-repeat top left;
padding-left:20px;
}


.connection
{margin:10px 0 0 0;}


a.connection
{
text-align:left;
color:#5b2d00;
text-decoration: none;
background: url(puceoffprivee.gif)  no-repeat top left;
padding-left:20px;
}

a.connection:visited
{
color:#5b2d00;
}

a.connection:hover
{
text-align:left;
color:#ffb515;
text-decoration: none;
background: url(puceoff.gif)  no-repeat top left;
padding-left:20px;
}


.liste_diffusion
{padding: 5px 0 5px 10px;
margin: 0 0 0 20px;
width:100px;
background:#ffb515;
display:bloc;
color:#fff;
line-height:1.1em;
}

a.liste_diffusion
{padding:0;
margin:0 5px 0 5px;
font-weight: bold;
text-decoration:none;
color:#fff;
line-height:1.1em;
}
a.liste_diffusion:visited
{
color:#fff;
}

a.liste_diffusion:hover
{
color:#5b2d00;;
}


a.nous_ecrire
{
margin:0 0 0 25px;
color:#ffb515;
font-weight: bold;
}

a.nous_ecrire:visited
{
color:#ffb515;
}


a.nous_ecrire:hover
{
color:#5b2d00;
}



/* --------    Partie Privée --------------*/ 


div.edito
{

color: #000;

}

h1.edito
{

margin:-0px 0 60px 0px;
padding:0 ;
background-color:#fff;
color: #ffb515;
font-size: 2.3em;
line-height: 1em;
font-weight:bold;
text-align:left;
}


/*Styles pour le diaporama */



h1.diapo
{
font-size:1em;

}
img.diapo
{
margin:0;


}

ul.diapo
{
margin:0;
padding:0;
list-style:none;
}

li.diapo
{
float:left;
display:bloc;
margin:10px;
padding:0;
display:bloc;
width:150px;
height:130px;
border: 1px solid black;
text-align:center;
}





div.photo
{
width:100%;
margin:0 auto 0 auto;
padding:0;
border: 1px solid #ffb515;
text-align:center;
}


img.photo
{
margin:0;


}

ul.photo
{
width:100%;
margin:0 auto 0 4px;
padding:0;
list-style:none;
}

li.photo
{
float:left;
display:bloc;
margin:4px;
padding:0;
display:bloc;
text-align:center;
}

img.tableau
{
width:100%;
margin:20px auto 20px auto;
}


p.comment_photo
{
margin:0;
pading:0;
text-align:center;
}

div.menu_photo
{
width: 100px;
margin: 10px auto 0 auto;
padding: 0;
}
a.photo_prec
{
float:left;
width:30px;
height:30px;
display:block;
background: url(precedentoff.gif)  no-repeat top left;

}

a.photo_prec:hover
{
background: url(precedenton.gif)  no-repeat top left;
}

span.photo_prec
{
display:none;
}



a.photo_suiv
{
float:right;
width:30px;
height:30px;
display:block;
background: url(suivantoff.gif)  no-repeat top left;
}


a.photo_suiv:hover
{
background: url(suivanton.gif)  no-repeat top left;
}

span.photo_suiv
{
display:none;
}

a.photo_quit
{
float:right;
width:150px;
height:100px;
display:block;
background: url(sortiroff.gif)  no-repeat top left;

}


a.photo_quit:hover
{
background: url(sortiron.gif)  no-repeat top left;
}

span.photo_quit
{
display:none;
}






/*  Styles pour spips  */

div.texte
{
font: 1em "Trebuchet MS", helvetica, sans-serif;
text-align:justify;
color: #000;
margin:0;
padding:0;
}

p.spip
{
margin:0;
padding:0;
}


img, table { margin: 0; padding: 0; border: none; }

a img {border: none;}

a
{
color: #ffb515;
text-decoration: none;
}

a:visited
{
color:#ffb515;
}

a:hover
{
color: #5b2d00;
}


img
{
margin:0;
padding:0;
}

h1.rubrique
{
position:relative;
left:-50px;
top:50px;
padding:0 ;
margin:-10px 0 100px 0px;
color: #ffb515;
font-size: 2.3em;
line-height: 1em;
font-weight:bold;
text-align:left;
}



h1.article_sonore
{
position:relative;
left:-50px;
top:50px;
padding:0 ;
margin:-10px 0 50px 0px;
color: #ffb515;
font-size: 2.3em;
line-height: 1em;
font-weight:bold;
text-align:left;
}


h3.spip
{
text-align: left;
color: #ffb515;
clear: both;
}



div.article
{
margin:0 20px 0 20px;
}

h2.article
{margin:0 0 10px 0;
padding: 0 0 0 0px;
font-size:2em;
height:50px;
margin-left:40px;

}

span.article
{
display:block;
margin:0 0 0 0px;
padding: 0 0 0px 0px;
height:50px;
font-size:1.8em;
color:#000000;

}

a.spip_out
{
color: #ffb515;
text-decoration: none;
}

a.spip_out:visited
{
color:#ffb515;
}

a.spip_out:hover
{
color:#5b2d00;
}




a.spip_in
{
color: #ffb515;
text-decoration: none;
}

a.spip_in:visited
{
color:#ffb515;
}

a.spip_in:hover
{
color:#5b2d00;
}

.cadre_logos
{
margin: 10px 10px 0 0;
}

img.spip_logos
{
margin:  0;
padding : 0;
}

.spip_doc_descriptif
{
display:none;
}


a.article
{
color: #ffb515;
text-decoration: none;
}

a.article:visited
{
color: #5b2d00;
}

a.article:hover
{
color:#5b2d00;
}

hr
{
color: #5b2d00;
background-color: #fc6;
}


hr.article
{
margin-top:10px;
color: #fc6;
background-color: #fc6;
height: 1px;
border: 0;
}



table.spip
{
border:none;
}

div.Table
{
display:block;
margin:0;
padding:0;
border: 1px solid black;
height:200px;
overflow : auto;
}


div.Table_article
{
margin:0;
padding:0;
}


select, option {
width:20ex;
}
input {
width:20ex;
}