body {
    height: 100%;
	width : 98%;
	/* border: 1px solid blue; */
	background-color:#FFFFCC;
}

li{ 
color: #993300;
width : 98%;
font-size:11pt;
font-weight: bold;
list-style-type: none;
text-align: center;
}

a:link, a:visited, a:hover {
	color: #993300;
	text-decoration: none;
	font-weight: bold ;
}

h1{ 
color: #993300;
font-size:20pt;
font-weight: bold;
list-style-type: none;
text-align: center;
}

.banniere {
position:relative;
     height: 130px;
     margin-top: 0px; /* moitié de la hauteur */
     margin-left: 0px; /* moitié de la largeur */
	 margin-right: 0px; /* moitié de la largeur */
	text-align:center;
	background-color: #FFFFCC;
/* border : 2px solid black; */
}

.banleft {
	left:3%;
	/* width: 25%;
    height: 25%; */
	position: absolute;
}
.saping {
	left:14%;
	/* width: 25%;
    height: 25%; */
	margin-top : 40px;
	position: absolute;
}
.sapind {
	right:14%;
	/* width: 25%;
    height: 25%; */
	margin-top : 40px;
	position: absolute;
}
.banmiddle {
    left:33%;
	/* width: 35%;
    height: 13%; */
	position: absolute;
	/* ext-align:center; */
 /* moitié de la largeur */
}

.banright {
right:3%;
position: absolute;
}

.textban{
bottom :0px;
color: #0000CC;
font-weight: bold;
left:30%;
position:absolute;
text-align:center;
/* border : 1px solid #454545; */
}
/* corps de la page relative par rapport à la banniere */
.page {
position : relative;
/* border : 2px solid black; */
margin-top : 30px;
height : 75%;
width : 100%;
}
/* image horizontale gauche */
.imgg {
float: left;
padding : 5px 5px 5px 5px;
}
/* image verticale gauche */
.imghg {
position: absolute;
left : 2%;
}
/* image horizontale gauche */
.imgd {

float: right; 
padding : 5px 5px 5px 5px;
/* border: 1px solid blue; */
}
.imghd {
position: absolute;
right : 2%;
}

.zonebasg {
	position: absolute;
	left : 2%;
/*	 border : 2px solid black; */
text-align: center;
	bottom:5%;
}

.zonebasd {
position: absolute;
bottom: 2%;
right : 2%;
/*border : 2px solid black; */
text-align: center;
}

.textnewsm {
margin-top:1px;
position : absolute;
overflow: inherit;
left : 32%;
width: 36%;
border: 1px solid green; 
text-align: left;
}

/* image centrale horizontale dans textm */
.imgc {
left :37%;
position: absolute;
text-align: center;
/* border : 1px solid #454545;*/
}
.col_gauche { width : 300px;
			Position: relative;
			Float : left;
			Text-align: center;
			}

.col_droite { width : 300px;
			Position: relative;
			Float : Right;
			text-align : center;
			}
			
			
.col_gauche  img {margin : 20px;}						
			
.col_milieu {
			Margin : 0 320px 0 320px;
			Padding : 5px;
			text-align : center;
			}
img {margin : 10px;}
/* hr hidden pour reset des blocs float placé avant */		
hr {visibility : hidden; clear: both;}	
/* texte du milieu de la page */
.textm {
margin-top:30px;
position : relative;
overflow: inherit;
min-height: 50%;
left : 32%;
width: 36%;
/*border: 1px solid green; */
text-align: center;
}
.textg {
margin-top:15px;
position : relative;
min-height: 50%;
left : 5%;
width: 10%; 
/* border: 1px solid green; */
text-align: center;
}

.element{
   width: 80%;
   overflow: hidden;
   text-align: center;
/*   border: 1px solid blue; */

}

.vignette {
margin: 10%;
width: 80px;
float: left;

/*border : 1px solid #454545;*/
}

.element p{
float: right;
padding: 0 1em 1em;
border : 1px solid #454545;
background: #efefef;

}
.element li{
margin: 15%;
position: relative;
text-align: justify;
padding: 0 1em 1em;
border : 1px solid #454545;
background: #efefef;

}

.separateur{
   clear: both;
   margin: 0;
}



/* image centrale horizontale dans textm */
#diapo {
margin-top:50px;
width: 25%; 
height : 15%;
position: absolute;
left : 2%;
text-align: center;	
}
#textdiapo {
min-height: 50%;
margin-top:30px;
width: 46%; 
margin-top:30px;
position : relative;
left : 30%;
min-height: 50%;
/* border: 1px solid green; */
text-align: center;
}


#textg_video {
left : 5%;
width : 50%;
position: absolute;
text-align: center;
margin-top:15px;
min-height: 50%;
/* border: 1px solid green; */
text-align: center;
}

#imgc_video {
left : 55%;
position: absolute;
margin-top:15px;
/* border: 1px solid green; */
text-align: center;
}

#textd_video {
left : 5%;
width : 50%;
position: absolute;
text-align: center;
margin-top:15px;
min-height: 50%;
/* border: 1px solid green; */
text-align: left;
}

.media_video {
margin-top:5px;
margin-left: 40%;
position: absolute;
height: 380px;
width: 580px;
border: double;  
/* border: 1px solid green; */
text-align: center;
}

h2{ 
color: olive;
font-size:12pt;
font-weight: bold;
list-style-type: none;
text-align: center;
}

/* bas de page relative par rapport à page */
.basdepage { 
position: relative;
text-align: center;
height : 20px;
}

p {font-size:12pt;
	color: #993300;
	font-style: bold;
}
	
.zoom {
height:427px;
margin:auto;
right : 2%;
}
.zoom p {
text-align:center;
}
.zoom img {
width:300px;
height:225px;
right : 2%;
}
.zoom img:hover {
width:300px;
height:200px;
}
	
.zoomg1 {
 position : relative;
 bottom:00%;
 width: 400px;
 height: 300px;
 background-image: url(photo/img008b.jpg);
 background-repeat: no-repeat;
 margin: 0 auto;
}

.zoomg1 p, .zoomg1 a {
height: 300px; 
display: block;
margin:0}

.zoomg1 a:hover {
background-image: url(photo/img008b.jpg);
background-position: 0px -300px;
background-repeat:no-repeat;
cursor:help;}

/*** Mise en forme du formulaire ***/

#formulaire {
	border: none;
	margin: 0;
	padding: 0;
	width: 98%;
	text-align: center;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: black;
	margin: 0;
	padding: .5em;
}
#piedForm {
    background: #efefea;
	text-align: center; /*** Les boutons sont alignés à droite ***/
}
#piedForm fieldset {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
	text-align: center;
}
#piedForm input {	/*** Mise en forme des boutons formulaire index du menu annonces ***/
   	padding: .2em 0;
	margin: 0 0;
	text-align: center;
	color: #993300;
}
#piedForm #button {
text-align: center;
} 

#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
	text-align: left;
	width: 98%;
}
#corpForm fieldset {
    width: 98%;	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 10 .2em 0;
	text-align: left;
}

#corpForm input {	/*** Mise en forme des boutons formulaire index du menu annonces ***/
   	padding: .2em 0;
	margin: 0 0;
	text-align: left;
	color: #993300;
}
#corpForm fieldset#menu input {	/*** Mise en forme des boutons formulaire index du menu annonces ***/
    padding: .2em 0;
	margin: 0 0;
	text-align: left;
	
}
#corpForm fieldset#checkbox input {
   	/*** Mise en forme des boutons formulaire index du menu annonces ***/
    padding: .2em 0;
	margin-right: 0px;
	margin: 0 0;
	text-align: right;
	
}
#corpForm fieldset#checkbox b {
    width: 50%;	/*** Mise en forme des checkbox formulaire  ***/
    padding: .2em 0;
	margin-right: 0px;
	margin: 0 0;
	text-align: left;
}

#corpForm fieldset#Image {
padding: .2em 0;
padding: 10px;
text-align: left;
}

#corpForm fieldset#Origine {	/*** Mise en forme des intitulés de champs ***/
	text-align: center;	/*** Très important, ne pas suprimer ! ***/
}
#corpForm fieldset#Origine label {	/*** Mise en forme des intitulés de champs ***/
	text-align: center;	/*** Très important, ne pas suprimer ! ***/
	margin: 0;
	line-height: 2.8;
}
#corpForm #Nom {	/*** Mise en forme des intitulés de champs ***/
	text-align: center;	/*** Très important, ne pas suprimer ! ***/
	margin: 0;
	
}

#corpForm fieldset#Origine input {
    width: 100%;
	margin: 0;	         /*** Mise en forme des intitulés de champs ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
}
#corpForm fieldset#commentaire textarea {
    margin: 0;
	text-align: left;
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label {
    line-height: 2.8;
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background:#CCCCFF
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/* texte du milieu de la page */
.Annonce {
color: #993333;
top:10px;
/*border: 1px solid green; */
}

/* pour la page detail annonces */
.Annonce p {
margin-left:10%;
	width: 60%;
	border: solid 1px #FFD800;
    background:#ffffac;
	text-align: left;
	clear:left;
}
#Rubrique {
margin-left:10%;
	width: 60%;
	border: solid 1px #FFD800;
    background:#ffffac;
	text-transform:uppercase;
	text-align: left;
	clear:left;
}
#Titre-Rubrique {
margin-left:10%;
	width: 60%;
	border: solid 1px #FFD800;
    background:#ffffac;
	text-transform:uppercase;
	text-align: left;
	clear:left;
}
.Annonce table {
color: #993333;
padding-top:10px;
    text-align: center;
	width:100%;
	height:100px;
	border: solid 1px #FFD800;
	border-collapse:collapse;
	background:#ffffac;
	clear:left;
}
#Titre-Rubrique {
border:none;
text-align:left;
color:#cc3300;
font-weight: bold ;
}
#Libelle-Rubrique {
text-align:left;
margin:5px;
}
.Liste-Annonces {
color: #0000CC;
padding-top:10px;
font-family:century gothic, tahoma, arial;
    text-align: center;
	width:100%;
	background:#ffcfcac;
	}

.Liste-paire {
	background-color: #ECE9D8;
	}
.Liste-impair {
    background-color: #FFCC99;
	}

.nomcheval {
color: #A42830;
font-weight:bold;
font-family:century gothic, tahoma, arial, bold;
font-size:16px; 
text-align: center;
text-transform:uppercase;
border:none;
}

.Liste-Annonces hr {
	width:98%;
}
.traitgauche
    {
	marging-top: 7px;
	border-left: 2px solid #cccccc;
    padding-left: 7px;
    margin-left: 7px;
    }
.traitdroite
    {
	border-right: 2px solid #cccccc;
	marging-top: 7px;
    padding-right: 7px;
    margin-right:  7px;
    }

.Pagination table{
color: #993333;
bottom:5%;
    text-align: center;
	width:50%;
	height:20px;
	clear:left;
}
#Annonce-img0{
position: absolute;
left:75%;
top:80px;
}
#Annonce-img1{
position: absolute;
left:75%;
top:200px;
}
#Annonce-img2{
position: absolute;
left:75%;
top:320px;
}
#Annonce-video{
position: absolute;
left:75%;
top:430px;
}

.Annonce h3 {
margin-left:10%;
float:left;
text-align: left;
width:50%;
margin-top:10px;
}
a.LiensVignettes:hover {
background: none; /* correction d'un bug IE */
cursor:help;
}
a.LiensVignettes span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.LiensVignettes:hover span { /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 320px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 400px;
width: 300px;
height: 225px;
background: #F3F3F;
text-align: center;
/*border: 1px solid #dbd ; */
}

/* pour le diaporama */
.diapo_central {
margin-top:5px;
position : relative;
min-height: 50%;
left : 10%;
width: 80%; 
/* border: 1px solid green; */
text-align: center;
}
.diapo_gauche {
margin-top:30px;
position : relative;
left : -2%;
width: 20%; 
/* border: 1px solid green; */
text-align: center;
}
.diapo_droite {
margin-top:30px;
position : relative;
right : 2%;
width: 20%; 
/* border: 1px solid green; */
text-align: center;
}
.Style2 {
	font-size: xx-small;
	color: #FFFFFF;
}
a.Style2 {
	text-decoration: underline;
}
a.Style2:hover {
	text-decoration: none;
}
.txtrouge {
	font-size: xx-small;
	color: #FF0000;
	font-weight: bold;
}
td.tdover {
	border: 1px solid #FFFFFF;
	background-color: #F3F3F9;
}
td.tdover:hover {
	border: 1px solid #666666;
}
.fdgris {
	background-color: #F3F3F3;
	font-size:12pt;
	color: #993300;
	font-style: bold;
	padding: 4px;
}
.fdcolor1 {
	background-color: #F3F3F8;
	padding: 4px;
}
.imageborder {
	border: 1px solid #666666;
}