body {
padding : 5px 5px 5px 5px;
background : #e4e1dc url(../images/banniere3.jpg) no-repeat top; 
margin : 0;
font-size : 12px;
font-family : Verdana,"Lucida Grande","Trebuchet MS",Tahoma,Helvetica,Sans-Serif;
color : #666;
text-align:center;
}


/*-----------------accueil-index----------------------*/
#pageindex {
margin: auto;
width: 51%;
text-align: justify;
font-size : 90%;
}

/*-----------------accueil-index----------------------*/
#pageindex2 {
margin: auto;
width: 51%;
text-align: justify;
font-size : 0.75em;
}
/*---------------page principale-------------------------------------------------------------*/
#page {
background : transparent;
margin : 0px auto 5px;
padding : 0pt;
position : relative;
width : 815px;
/*border : solid #000 1px;*/
}
.sites {
background : #efefef;
margin-top : 0.5em;
margin-bottom : 0.5em;
border : 1px solid #808080;
width : 100%;
padding : 5px;
}



/*-------------retour haut de page-------------------------------------------------------------*/

.haut {text-align : center !important;}
.haut a {
font-weight : normal;
font-size : 0.75em;
text-decoration : none;
}
.haut a:hover {
background-color: transparent;
color : #808080 !important;
text-decoration : none;
}

/*------------chemin hierarchique------------------------------------------------------------*/
.chemin {
text-align: left;
margin-left: 5px;
font-size : 0.75em;
}
.chemin a {
text-decoration : underline !important;
font-weight : normal;

}
.chemin a:hover {
color : /*#fffff0*/ #808080 !important;
text-decoration : none;
}
/*-----------------alignements----------------------------------------------------------------*/
#clapotis{
text-align:left;
font-size : 0.77em;
width:90%;
}
#banniere{
text-align:center;
}
#centragehaut{
text-align:left;
}
#centrage1{
text-align:left;
}
#centrage2{
text-align:left;
}
#meschapeauxetmoi{
text-align:left;
}
#squelette{
text-align:left;
}
#prec-suiv {
text-align:left;
}
.haut{
text-align:left;
}
#image-rubrique{
text-align:center;
}
/* ---------layer1 page recherche------------*/
#layer1 {
text-align:left;
width:550px; 
z-index:1; 
visibility: visible; 
background: transparent; 
/* layer-background-color: transparent; */ 
border: 1px none #000000; 
text-indent: 10px;
}

/* ----------layers page rubrique- sommaire------------ */
#droite2 {
float : right;
text-align : left;
padding : 10px 2px 5px 5px;
border : 1px none #a0a0a0;
background : transparent none repeat scroll 0%;
width : 200px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 92%;
}
#centre-gauche1 {
float : left;
width : 577px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
border : 1px none #a0a0a0;
background : /*#dcd9d1*/ #e4e1dc;
text-align : center;
}
#layer0{
 width: 98%;
 margin-top: 20px; 
 margin-bottom: 20px; 
 visibility: visible; 
 border: 1px none #a0a0a0; 
 padding: 10px; 
 text-align: left; 
}
#layer5 {
width:98%; 
z-index:1; 
visibility: visible; 
padding-left: 10px; 
background: transparent; 
border: 1px none #a0a0a0; 
}
#layer4{
width: 98%; 
visibility: visible; 
background: transparent; 
border: 1px none #a0a0a0; 
padding-left: 10px;
}
#layer6{
 width: 98%;
 margin-top: 20px; 
 margin-bottom: 20px; 
 visibility: visible; 
 border: 1px none #a0a0a0; 
 padding: 10px; 
 text-align: left; 
 text-indent: 5px; 
}
#meschapeauxetmoi {
 width: 98%;
 margin-top: 20px; 
 margin-bottom: 20px; 
 visibility: visible; 
 border: 1px none #a0a0a0; 
 padding: 10px; 
 text-align: left;  
}
/* -------------------------------------- */

/* -------------bloc accueil-------------------------------------------------------------------- */
#bloc1 {
width:98%; 
padding-left: 10px; 
background: transparent; 
border: 1px none #a0a0a0; 
text-align : left !important;
font-size: 100%;
}
#bloc2 {
text-align : left !important;
font-size: 100%;
}
/* ------------bloc images----------------------------------------------------------------------- */

.album_vignette {
border : 1px solid #fffff0;
width : 100%;
text-align : center;
vertical-align : middle;
background : transparent;
}
html > body .album_vignette {
width : 100%;
}
.album_vignette a {
background : transparent;
}
.album_photo {
margin-top : 10px;
border : 1px solid #fffff0;
width : 100%;
text-align : center;
background : transparent;
}
html > body .album_photo {
width : 100%;
}
#galerie1 {
margin: 0pt 0pt 0pt 0pt;
border: 1px none #a0a0a0;
height : 450px;
width : 100%;
}
#galerie-texte {
width:96%; 
margin-top: 40pt;  
padding: 5pt 5pt 5pt 5pt;  
background: transparent;
border: 1px none #a0a0a0;
}


/*-------------page plan-----------------------------------------------------------------------*/

#droite-plan {
float : right;
margin-top: 0px; 
width : 520px;
border: 1px none #a0a0a0;
}
html > body #droite-plan {
width : 520px;
}
#plan1 {
margin-top : 0.5em;
margin-bottom : 0.5em;
border : solid #808080 1px;
width : 100%;
background : #ffffff;
padding : 5px;
}
#plan2 {
margin-top : 0.5em;
margin-bottom : 0.5em;
border : solid #808080 1px;
width : 100%;
background : #eeeeec;
padding : 5px;
}

#gaughe-plan {
float : left;
top : 70px;
left : 5px;
width : 250px;
padding : 10px 2px 0 0;
text-align: left !important;
border: 1px none #a0a0a0;
}
html > body #gaughe-plan {
width : 250px;
}
#layer2 {
 z-index:1; 
 width : 250px; 
 margin-top: 20px; 
 margin-bottom: 20px; 
 visibility: visible; 
 border: 1px solid #a0a0a0; 
 padding: 10px; 
 text-align: left; 
}
/*-----------------------menu navigation-------------------------------------------------------*/
#droite {

float : right;
text-align : left;
padding : 10px 2px 5px 5px;
border : 1px none /*#fffff0*/ #efefef;
background : transparent none repeat scroll 0%;
width : 200px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 90%;
}
a.alien {
text-decoration : none;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 90%;
font-weight : normal !important;
}
.plusmoins {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 90%;
float : left;
background : url(../images/plus.gif);
width : 10px;
height : 10px;
margin : 3px;
}
.lienr {
clear : both;
margin-bottom : 1px;
padding : 2px;
}
.lien {
clear : both;
margin-bottom : 1px;
padding : 2px;
}
.niv {
position : relative;
float : left;
left : 10px;
display : none;
}
/*--------pages articles et galeries---------------------------------------------------------*/
#centre-gauche {
float : left;
width : 577px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
border : 1px none /*#fffff0*/ #efefef;
background : transparent;
font-size : 100%;
text-align : justify;
}

#article2{
 width:100%; 
 left: 0px;
 background: transparent; 
 border: 1px none #c0c0c0; 
}
/*-----------------page galeries etc-----------------------------------------------------------*/
#album1 {
position : static;
background : #c6bbaa;
float : left;
margin-left: 5px;
top : 200px;
width : 40%;
border : 1px none /*#fffff0*/ #efefef;
padding : 1% 0% 0% 1%;
z-index : 2;
}
#album2 {
margin-left : 10px;
margin-bottom : 10px;
position : static;
float : left;
top : 200px;
width : 250px;
border : 1px none /*#fffff0*/ #efefef;
padding : 1% 0% 0% 1%;
z-index : 1;
text-align : center;
}
.vignettes {
padding : 5px 2px 5px 0;
}
/*-----------------pied de page----------------------------------------------------------------*/
.pied {
clear : both;
width : 100%;
margin-top: 4em;
padding : 2px;
text-align : center;
font-size : 0.77em;
}
html>body .pied {
	width: 100%; 
	/* ie5win fudge ends */
	}
.pied img {
vertical-align : bottom;
}
.pied small {
font-size : 0.77em;
}

/*---------------------liens-----------------------------------------------------------------*/
a {
text-decoration : none;
font-weight : bold;
color : #333333;
outline:0;
}
a:hover {
color : /*#fffff0*/ #808080;
text-decoration : none;
}
#centre-gauche a {
color : #333333;
}
#centre-gauche a:hover {
color : /*#fffff0*/ #808080;
}

/*----------------------titres-----------------------------------------------------------------*/
h1 {
font-size : 24px;
line-height : 44px;
font-weight : bold;
margin-top : 0;
margin-bottom : 0;
}
h2 {
font-size : 18px;
line-height : 40px;
font-weight : bold;
margin-top : 0;
margin-bottom : 0;
}
h3 {
font-size : 16px;
line-height : 22px;
font-weight : bold;
margin-top : 0;
margin-bottom : 0;
}
h4 {
font-size : 14px;
line-height : 15px;
font-weight : bold;
margin-top : 0;
margin-bottom : 0;
}
h5 {
font-size : 12px;
line-height : 12px;
font-weight : bold;
}
h6 {
font-size : 10px;
font-weight : bold;
margin-top : 0;
margin-bottom : 0;
text-align : left;
}
/*-----------------bords des images-------------------------------------------------------------*/
img {
border : 0;
}
/*----------------------------------------------------------------------------------------------*/
#admin a {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 100%;
color : #809efe;
}
#admin a:hover {
color : #808080;
text-decoration : none;
}

/*--------------liens prec suiv-----------------------------------------------------------------*/
#prec-suiv {
margin-left: 5px;
}
#prec-suiv a {
color : #333333;
text-decoration : none;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.77em;
}
#prec-suiv a:hover {
color : /*#fffff0*/ #808080;
}
/*-----------------galerie----------------------------------------------------------------------*/
pre {
font-size : 0.77em;
line-height : 22px;
margin-top : 20px;
margin-bottom : 10px;
}
.for {
border-right : 1px solid #cccccc;
border-top : 1px solid #cccccc;
border-left : 1px solid #cccccc;
color : #6d5f9a;
border-bottom : 1px solid #cccccc;
font-family : verdana, arial, helvetica, sans-serif;
background-color : #ffffff;
}
#ecran_galerie {
float : left;
width : 400px;
margin-right : 10px;
margin-bottom : 10px;
margin-top : 5pt;
margin-left : 5pt;
overflow : hidden;
}
.photo {
float : right;
width : 120px;
height : 400px;
margin : 3px;
overflow : auto;
border : 1px none #c6bbaa;
}
html > body .photo {
margin-left : 5px;
}
.photo img {
margin-top : 4px;
margin-bottom : 4px;
}
ul, li{
list-style-type : none;

}
/*---------------------------------styles de spip----------------------------------------*/


#placeholder {
border : 1px none #000;
padding : 0;
}
.description {
font-size : 10px !important;
}
.spip_logo {
float : left;
padding-right : 5px;
}
a1 {
color : /*#fffff0*/ #808080;
text-decoration : none;
}
a1:visited {
color : /*#fffff0*/ #808080;
text-decoration : none;
}
h3.spip {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 120%;
text-align : center;
margin-top : 40px;
margin-bottom : 40px;
padding : 0;
}
.spip_puce {
list-style-position : inside;
}
.spip_documents {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 70%;
}
table.spip {
text-align : center;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
}
table.spip tr.row_first {
background-color : #fcf4d0;
}
table.spip tr.row_odd {
background-color : #cccccc;
}
table.spip tr.row_even {
background-color : #0087b7;
}
table.spip td {
padding : 1px;
text-align : center;
vertical-align : middle;
}
hr.spip {
border : 1px solid #d4d0c8;
width : 100%;
}
blockquote.spip {
margin-left : 40px;
margin-top : 10px;
margin-bottom : 10px;
margin-right : 0;
border : 1px solid #aaaaaa;
background-color : #ffffff;
padding : 5px;
}
.forml {
width : 200px;
background-color : /*#fffff0*/ #efefef;
font-size : 13px;
color : #666666;
border : 1px solid /*#fffff0*/ #efefef;
}
.form2 {
width : 400px;
background-color : /*#fffff0*/ #efefef;
font-size : 13px;
color : #666666;
border : 1px solid /*#fffff0*/ #efefef;
}
.spip_encadrer {
font-family : helvetica, arial, sans-serif;
width : 400px;
background-color : transparent;
padding : 5px;
border : 1px solid #666666;
}
.spip_cadre {
width : 90%;
background-color : #c6bbaa;
padding : 5px;
}
.spip_bouton {
background-color : #efefef;
width: 200px;
font-size : 13px;
color : /*#fffff0*/ #efefef;
border : 1px solid #efefef;
text-align : center;
}
.formrecherche {
width : 140px;
background-color : /*#fffff0*/ #efefef;
font-size : 13px;
color : #333333;
border : none;
text-align : center;
}
.reponse_formulaire {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 110%;
color : red;
}
.spip_surligne {
background-color : #ffff66;
}
a.spip_barre img {
border-left : 1px solid #ffffff;
border-top : 1px solid #ffffff;
border-right : 1px solid #aa9966;
border-bottom : 1px solid #aa9966;
padding : 3px;
background-color : #ffddaa;
}
a.spip_barre:hover img {
border : 1px solid #808080;
padding : 3px;
background-color : #f8f8f4;
}