/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes du site des ecuries des perelles   */
/*  ----------------------------------------------------------- */


body {
	background: #f6d685;
	margin:auto;
	padding:auto;
	width: 100%;
}


#page {
	width: 1024px;
	position:relative;
	height: auto;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
}

#signature {
	width: 850px;
	text-align: right;
	position: relative;
	padding-right: 140;
	margin: auto;
}




img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: -4px 0 0 1px; padding: 0; }
ul { list-style: none; }

/********** Gestion du banner **********/



#bandeau {
	height: 301px;
	width: 1024px;
	overflow: hidden;
	margin-left: auto;
	margin-top:0px;
	background: url(img/banniere.jpg) no-repeat;
}

#banner {
	height: 226px;
	width: 840px;
	margin-left: auto;
	margin-bottom:-10px;
	background: transparent;
}

/************** Disposition à l'ecran des blocs principaux***********/


#menu {
	margin:0 0 0 44px;
	float:left;

}


#conteneur {
	height: auto;
	width: 845px !important;
	width: 845px;
	float:left;
	margin:0;
	padding-bottom: 20px !important;
	padding-bottom: 0px;
}

 #contenu{
	height: auto;
	margin:0 -105px 0 0px !important;
	margin:-855px 0px 0px 244px;
	float: right;
	width: 83.5% !important;
	width: 83.4%;
	overflow: hidden;
	padding:0;
	background: #f4f6ca;
	border-right: 1px solid #5c4a1f;
	border-bottom: 1px solid #5c4a1f;
	padding-bottom: 50px !important;
	padding-bottom: 88px;
 }
 

#colGauche {
	float: left;
	width: 10% !important;
	width: 10%;
	height:auto;
	margin-left: 0px !important;
	margin-left: -44px;
	margin-top: 0px;
	}
	
#box {
	width: 198px;
	float:left;
	margin: -10px 0 0 46px !important;
	margin: -10px 0 0 45px;
	height:174px;
	background: url(img/box.jpg) no-repeat;
}

#bande {
	width: 198px ;
	float:left;
	margin: -4px 0 0 46px !important;
	margin: -4px 0 0 45px; 
	height:auto;
	background: /*#f3bb3e*/ url(img/bande.jpg) repeat-y;
	border-bottom: 1px solid #5c4a1f;
	padding-bottom: 50px;
	}
	
#bande_two {
	width: 198px;
	float:left;
	margin: -4px 0 0 46px !important;
	margin: -4px 0 0 45px;
	height:364px;
	background: /*#f3bb3e*/ url(img/bande_two.jpg) repeat-y;
	border-bottom: 1px solid #5c4a1f;
	padding-bottom: 55px;
	}
	
*+html #bande_two {
	height:333px;
	}

.galerie {
	margin-left:-125px;
	margin-top:10px;
}
.texte_box {
	font-family: Arial Narrow;
	font-size: 15px;
	color: black;
	font-style: italic;
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	padding-top: 70px;
	word-spacing: 1px;
	}



/***********Pied de page **********/

html:not([lang*=""]) #footer{
  width: 845px;
  height:75px;
  overflow:hidden;
  margin-left:55px;
  text-align: center;
}

#footer{
   width: 845px;
  height:7px;
  margin-left:55px;
  text-align: center;
  position: relative;

}

*+html #footer{ 
  width: 845px;
  height:7px;
  margin-left:55px;
  text-align: center;
  position: relative;
}

#under_pied {
  font-size: 12px;
  font-weight:bold;
  text-align: center;
  margin-left:70px;
}
#map {
	margin-left: 30px;
	width: 650px;
	height: 650px;
	border: 1px solid black;
}
*+html #map {
	margin-left: 30px;
	width: 650px;
	height: 650px;
	border: 1px solid black;
}
	
#alea {
	border: 1px solid black;
	width: 627px;
	height: 164px;
	overflow: hidden;
	margin-left:44px;
	margin-top: 50px;
	margin-bottom: 50px;
}


/********Typographie generale du site*******/


/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Arial,Helvetica,sans-serif; }


.texte {
	font-family:"Arial",Times,serif;
	font-size: 14px;
	text-align: justify;
	margin-left: 30px;
	width: 90%;
	/*text-indent: 20px;*/	
}

.texte p.spip {
	/*text-indent: 20px;*/
	font-family: arial;
}

.texte  img{
	width:auto;
	float: center;
	
	
}

.spip_document_17 {
	margin-top: -146px;
}

.spip_document_20 {
	margin-top: -128px;
	margin-right: -20px;
}

span.spip_document_18 {
	margin-left: 200px;
}

span.spip_document_223 {
	margin-left: 80px;
}

span.spip_document_179 {
	margin-left: 60px;
}

span.spip_document_223 img {
	border: 3px solid #564112;
}

span.spip_document_179 img {
	border: 3px solid #564112;
}

span.spip_document_176 img {
	border: 3px solid #564112;
}


span.spip_document_33 {
	margin-left: 5px;
}
/*--------------------------------------------------------------------------*/
span.spip_document_34 {
	margin-left: 5px;
}
/*--------------------------------------------------------------------------*/
span.spip_document_35 {
	margin-left: 5px;
}
/*--------------------------------------------------------------------------*/
span.spip_document_32 {
	margin-left: 200px;
}
/*--------------------------------------------------------------------------*/
.spip_document_25 {
	margin-left: 60px;	
}
/*--------------------------------------------------------------------------*/
.spip_document_26 {
	margin-left: -0.5px;
}
/**+html .spip_document_26 {
	margin-left: -2px;}*/
/*--------------------------------------------------------------------------*/
.spip_document_24 {
	margin-left: 10px;
}
/**+html .spip_document_24 {
	margin-left: 10px; }*/

/*html:not([lang*=""]) .spip_document_24 {
	margin-left: 60px; }*/
/*--------------------------------------------------------------------------*/
.spip_document_155 {
	margin-right: -30px;

}
/**+html .spip_document_155 {
	margin-right: -30px;	
}*/

/*html:not([lang*=""]) .spip_document_155 {
	margin-right: -90px;	}*/

/*--------------------------------------------------------------------------*/
.spip_document_183 {
	margin-right: -60px;
}
/**+html .spip_document_183 {
	margin-right: -2px;}*/
/*--------------------------------------------------------------------------*/
.spip_document_185 {
	margin-left: -84px ;
}
/**+html .spip_document_185 {
	margin-left: -86px;}*/
/*--------------------------------------------------------------------------*/
.spip_document_184 {
	margin-left: 65px;
}
/**+html .spip_document_184 {
	margin-left: 10px;}*/
/*--------------------------------------------------------------------------*/

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, .voirskel {
	font-family: "Bitstream Vera Serif", Georgia, Times, serif;
}


/************Gestion des titres**********/

h1 {
	font-size: 20px;
	font-family:"Georgia",Times,serif;
	font-weight:bold;
	text-align: center;
	margin-left:5px;
	margin-top: 40px;
	padding-bottom: 4px;
	
}

h2 {
	font-size: 16.5px;
	text-align: center;
	text-decoration: underline;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding:0;
	margin:0;
}

h5{
	font-size: 16.5px;
	text-align: center;
	text-decoration: underline;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
}

h6{
	font-size: 13px;
	text-align: right;
	text-decoration: underline;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding:4px;
	margin:0;
	margin-top:5px;

}

*+html #signature  h6{
	font-size: 13px;
	text-align: right;
	text-decoration: underline;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin: 0px 0 0 0px;
}

h3, h4 { margin: 0; padding: 0; font-size: 1em; font-weight: normal;}


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover {  font-size: italic; text-decoration: underline; }