/***************************Styles Site Centre Equestre de Gramont******************************/
#centre {background-color:#9999CC; margin-left: 150px; margin-right: 150px;}
#gauche {float: left; margin: 0px; padding-right: 10px;}
#droite {float: right; width: auto; margin: 0px; padding: 0px 10px 10px 10px;}
#droite150 {float: right; width: 100px; margin: 0px; padding: 0px 150px 0px 0px;}
#pied {height: 30px; background-color: #99CC99;}
#boldbrown {color: #800000; font-weight: bold; font-style: italic;}
.floatstop {clear:both;}
 
body {margin: 0px;padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: #fff;} 
/*couleur de fond blanche*/
/*le conteneur global du site, qui sera centr */
.conteneur { position: relative; width: 950px; margin: 0 auto;}
.header {height: 94px; background-image: url(images/Toppage/Haut.jpg); background-repeat: no-repeat;}
.sousheader {height: 205px; background-image: url(images/Toppage/Bas.jpg); background-repeat: no-repeat;}
.sousheader1 {
    padding-left: 20px;
	height: 45px;
	width: auto;
	margin-right: 209px;
	margin-bottom: 0px;
	background-image: url(images/Titregauche.gif);
	background-repeat: no-repeat;
	background-color:#FEF9B9;
	font-family: "Monotype Corsiva";
	color: #FFCC66;
    font-size: 1.6em;
}
.frame {margin: 0px; padding: 0px; width: 741px; height: auto; background-color:#FEF9B9;}
.footer {height: 36px; background-image: url(images/Bottom_page.gif); background-repeat: no-repeat; width: 950px;}
h2 {margin: 0px 0px 8px 8px; text-align:center; font-size: 22px; color: #017670;font-weight: bold;}
h3 {font-size: 16px; color: #017670; font-style: bold;}
h4 {font-size: 14px; color: #017670; font-style: bold;}
p {margin: 0; padding: Opx 5px 5px 5px; color: #017670; font-weight:300;}
p.center {margin: 0px 0px 8px 8px; color: #017670; text-align:center;}
p.jdroite {text-align:right;}
#couple{font-style:italic; font-weight:bold;}
.tphoto {font-weight:bold; font-style:italic; text-align:center}
hr.f2 { /* Second filet bleu foncé, en pointillés */
  border: none;                   /* Idem : on ne veut pas des bordures... */
  border-top: 6px dashed #663300; /* ... on en veut juste UNE en pointillés, de hauteur 6 pixels */
  height: 0px;                    /* Le filet est rendu grace à la bordure haute : pas besoin du "contenu" (si on peut dire) */
  width: 90%;
  align: center;
}
span.s0{color:#CC6633; font-weight:bold;}
span.s1{color:#CC6633; font-style:italic; font-weight:bold;}
span.s2{color:#CC6633; font-style:italic; font-weight:bold; font-size:large;font-size: 22px;}
span.s3{color:#CC6633; font-style:italic; font-weight:bold; font-size:large;font-size: 30px;}
li{color: #000000;}
ul{color: #017670;}
ul.retrait{margin-left: 10px; padding-left: 300px; margin-top: 10px;}
li.retrait{margin-bottom: 10px;}
ul.r1{margin-left: 10px; padding-left: 100px; margin-top: 10px; font-family:"Century Schoolbook";font-size: 16px; color: #000000;}
li.r1{margin-bottom: 10px; color: #000000;}

ul.r2{margin-left: 10px; padding-left: 250px; margin-top: 10px; font-family:"Century Schoolbook";
font-size: 18px; color: #000000;list-style-type: none;}
li.r2{margin-bottom: 10px; color: #000000;}
ul.r3{margin-left: 10px; padding-left: 30px; margin-top: 10px; font-family:"Century Schoolbook";
font-size: 16px; color: #000000;}
li.r3{margin-bottom: 10px; color: #000000;}
ul.r4{margin-left: 5px; padding-left: 10px; margin-top: 10px; font-family:"Century Schoolbook";
font-size: 12px; color: #000000;text-align:left;}
li.r4{margin-bottom: 10px; color: #000000;}
ul.r0{list-style-type: none;}
/*****************************************************************************/

/*******************************Styles menu*********************************/
.menu {
	list-style-type: none;
	background-image: url(images/Toppage/Milieu.jpg);
	background-repeat: no-repeat;
	height: 29px;
	margin: 0px;
}
.menu li {float: right; margin-right: 6px;}
.menu a {
	font-family: "Monotype Corsiva";
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	display: block;
	width: 120px;
	text-align: center;
	padding: 2px;
	color: #FFCC66;
	text-decoration: none;
	border: 1px none #008989;
}
.menu a:hover {border: 1px inset #008989;}
/*****************************************************************************/

/***************************Styles Menu droite*********************************/
.menudroite {
	list-style-type: none;
	position: absolute;
	width: 209px;
	right: 0;
	font-family: "Monotype Corsiva";
}
.menudroite dt {
	cursor: pointer;
	height: 35px;
	background-image: url(images/Toppage/Sous-menu.jpg);
	background-repeat: no-repeat;
	color: #FFCC66;
	text-align: center;
	font-size: 20px;
	list-style-type: none;
}
.menudroite ul {padding: 0; margin: 0;}
.menudroite dd, .menudroite li{padding: 0; margin: 0; font-size: 18px; list-style-type: none; text-align: center;}
.menudroite dd a{text-decoration: none; color: #017670;}
.menudroite dt a{text-decoration: none; color: #FFCC66;}
.menudroite dt a:hover, .menudroite dd a:hover {font-weight: bold;}
.menudroite dt:hover{font-weight: bold;}
/*****************************************************************************/

/***************************Styles Menu Actualités*********************************/
.actu {
	list-style-type: none;
	position: absolute;
	width: 209px;
	right: 0;
	font-family: "Monotype Corsiva";
}
.actu p {
	height: 35px;
	background-image: url(images/Toppage/Sous-menu.jpg);
	background-repeat: no-repeat;
	color: #FFCC66;
	text-align: center;
	font-size: 20px;
}
.actu ul{ padding: 0; margin: 0;}
.actu li{
    padding: 0;
    margin-left: 15px;
	margin-bottom: 15px;
    font-size: 18px;
    list-style-type: none;
    text-align:left;
	height: auto;
}
/*****************************************************************************/



/********************** Styles blocs de mise en pages *************************/
.bloc1 {
margin: 0px;
border-bottom : 2px #800000 ridge;
padding : 1%;
height : 260px;
width: auto;
text-align: justify;
}
.bloc1 h2 {
font-size: 14px;
color: #800000;
font-style: bold;
text-align: center;
margin: O 1% 1% 1% 1%;
padding: 1%;
}
.bloc1 h3 {
font-size: 18px;
color: #800000;
font-style: bold;
text-align: right;
margin: O 1% 1% 1% 1%;
padding: 1%;
}
.bloc2 {
margin: 0px;
padding : 1%;
height : 200px;
width: auto;
text-align: justify;
}
.bloc2 h2 {
font-size: 14px;
color: #800000;
font-style: bold;
text-align: center;
margin: O 1% 1% 1% 1%;
padding: 1%;
}
.bloc2 h3 {
font-size: 18px;
color: #800000;
font-style: bold;
text-align: center;
margin: O 1% 1% 1% 1%;
padding: 1%;
}
.bloc3 {
margin: 0px;
padding : 1%;
height : auto;
width: auto;
text-align: justify;
}
.bloc3 ul{}
.bloc3 li{list-style-position:outside;}

.bloc_coins {
border-radius: 20px;
margin: 3%;
padding : 2%;
height : auto;
width: 650px;
text-align: justify;
background-color:#FFE68C;
font-weight:bold;
}
/******************************************************************************/

/************************* Bloc & tableau origines ***************************/
.bloc_origines {
margin: 0px;
padding : 1%;
height : auto;
width: auto;
border-bottom : 2px #800000 ridge;
}
.bloc_origines td {color:#000066;}
#mid {
	margin-left: 0px;
	width: 200px;
	height: 25px;
	background-color:#FF9966;
	text-align:left;
}
#first {
margin-left: 100px;
width: 200px;
height: 25px;
background-color:#FF9966;
text-align:left;
}
#last {
margin-right: 10px;
width: 200px;
height: 25px;
background-color:#FF9966;
text-align:left;
vertical-align:sub;
}
#mid1 {
margin-left: 0px;
width: 200px;
height: 25px;
background-color:#99FF99;
text-align:left;
}
#first1 {
margin-left: 100px;
width: 200px;
height: 25px;
background-color:#99FF99;
text-align:left;
}
#last1 {
margin-right: 10px;
width: 200px;
height: 25px;
background-color:#99FF99;
text-align:left;
}
#first span, #mid span, #last span, #first1 span, #mid1 span, #last1 span{vertical-align: -3px;}
/*****************************************************************************/

/************************* Bloc production ***************************/			
.bloc_prod {
margin: 0px;
padding : 1%;
height : auto;
width: auto;
border-bottom : 2px #800000 ridge;
}
/*****************************************************************************/

/************************ Boites en Colonnes*********************************************/
.colg {
border-style:solid; 
border-width:2px; 
border-color:#017670; 
background-color:#FFE68C; 
width: 300px; 
padding: 1%; 
margin: 2%;
height: 400px;
}

.cold {
border-style:solid; 
border-width:2px; 
border-color:#017670;
background-color:#FFE68C;
margin: 2%;
padding: 1%; 
width: 300px;
height: 400px;
float: right;
}

.cold1 {
border-style:solid; 
border-width:2px; 
border-color:#017670; 
background-color:#FFE68C; 
width: 300px; 
padding: 3%; 
height: 320px;
float: right;
}

.colg1 {
border-style:solid; 
border-width:2px; 
border-color:#017670;
background-color:#FFE68C;
/*margin-left:225px;*/ 
padding: 3%; 
width: 300px;
height: 320px;
}