/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#cbb590 url(../images/charte/bg.jpg) center top no-repeat;
font-family:Arial, Helvetica, sans-serif;
height: auto !important;
}
/***************** CONTAINER *****************/
#container0{
  position:absolute;
  width:100%;
  height: 100%;
}

#container{
position:relative;
/*min-height:100%;*/
width:100%;
margin:0 auto;
}
/***************** HEADER *****************/
#header{
width:100%;
height:200px;
background:url(../images/charte/header-bg.gif) repeat-x;
}
/***************** MENU TOP *****************/
#menu{
	width:900px;
	height:53px;
	float:right;
	margin-bottom:20px;
	background:url(../images/charte/bg-menu.png) no-repeat;
	font-size:12px;
}
#menu dl, dt, dd {
	margin: 0;
	padding: 0;
}
#smenu2 ul {
	position:absolute;
	width:130px;
	margin:-22px 0 0 0;
	background-color:#822020 !important;
}
#smenu3 ul {
	position:absolute;
	width:130px;
	margin:-22px 0 0 0;
	background-color:#822020 !important;
}
#menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	text-align: left;
	text-indent:10px;
}
#menu dd {
	display: none;
}
#smenu2 ul li a:link, #menu li a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
}
#smenu2 ul li a:hover {
	color:#FFCC00;
	text-decoration: none;
	height: 100%;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
}
#smenu3 ul li a:link, #menu li a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
}
#smenu3 ul li a:hover {
	color:#FFCC00;
	text-decoration: none;
	height: 100%;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
}
#menu dl {
	float:left;
	padding-top:20px;
	margin:0px 25px 0 25px;
}
#menu dt {
	cursor: pointer;
	height:50px;
}
#menu dt a {
	/*display: block;*/
	text-decoration: none;
	color:#996633;
}
#menu dt a:hover{
	color:#330000;
}

/***************** CONTENU *****************/
#contenu{
width:940px;
float:right;
padding-left:10px;
}
#contenu2{
width:940px;
float:left;
}
#contenu1{
width:100%;
margin:0 auto;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
#clearFooter{
/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
clear: both;
position:relative;
width:100%;
height:60px;
/*margin:-60px auto 0;*/
margin: 0 auto 0 auto;
background:url(../images/charte/bg-footer.gif) center top no-repeat;
}
#idep{
position:absolute;
right:0;
top:20px;
width:200px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#663300;
margin:6px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#CC3300;
}


/**************** CONTACT  *******************/
.table-contact{
  display:block;
  width:375px;
}

.table-contact-left{
   width:175px;
   float:left;
   display:block;
   height:110px;
   margin-left: 5px;
   margin-top:10px;
   margin-right: 0px;
}

.table-contact-right{
  width:190px;
  float:left;
  display:block;
  height:110px;
  margin-top:10px;
}

.button-contact{
	border:1px solid #634E2D;
	background-color: #ffffff;
	width:65px;
	font-size: 12px;
	cursor:pointer;
  color:#333333;
  font-weight:bold;
}
.buttonOver-contact{
	border:1px solid #634E2D;
	background-color: #E0D3BD;
  color:#ffffff;
	width:65px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
}
.input-contact{
  width:120px;
  height: 16px;
  float: left;
}

.table-contact-buttons{
  float:right;
  padding:0px 0px 0px 0px;
  height: 10px;
  width:150px;
}

#frmContact1{
	font-family:Verdana;
	font-size:12px;
	width:400px;
	height: auto;
}
.contact-message{
   float:left;
   display:inline;
   margin-left:45px;
   height: 124px;
}
.input1{
  width:70px;float:left;display:inline;color:#6B5D3D;
}

.input2 input{
  width:100px; float:left;
  color:#6B5D3D;
}

.input22{
  width:100px; float:left;
  color:#8D1717;background-color:#F78F33;width:123px;height:20px;
}

.input3{
  width:85px; float:left;display:inline;color:#6B5D3D;
}
.input31{
  width:72px; float:left;display:inline;color:#6B5D3D;
}
.message{
  width:300px;float:left;padding-left:4px;display:inline;color:#6B5D3D;
}


.input4 input{
  width:100px; float:left;
  color: #6B5D3D;
}
.inputForm{
	border:1px solid #CFBC9A;
	background-color:#FFF;
	width:100px;
	font-family:arial;
	font-size:12px;
	color: #6B5D3D;
  height:16px;
	margin-top:2px;
}
.inputFormOver{
	border:1px solid #CFBC9A;
	background-color:#E0D3BD;
	font-family:arial;
	font-size:12px;
	width:100px;
	color:#6B5D3D;
	height:16px;
	margin-top:2px;
}

/**************************/

.box{
  background:url(../images/contact/box.jpg) no-repeat;
  height: 28px;
}
.encart{
  background:url(../images/img/encart.gif) no-repeat;
  height: 184px;
  width: 136px;
  float:left;
  margin-right: 10px;
  text-align: center;
}

.invisible{
	display:none;
}
.menu-over{
  background:url(../images/charte/menu-over.gif) no-repeat;
  height: 36px;
  width:99px;
}

.photo-accueil{
  float:left;
/*  padding-top:50px;*/
	text-align:center;
  /*margin-right:40%;*/
}

.titre-chevaux{
padding-bottom:10px;width:136px;height:28px;text-align:center !important;padding-top:8px;
}
.img-chevaux{
  clear:both;float:left;padding-top:0px;padding-right:20px;padding-left:0px;width:350px;
}
.text-chevaux{
  float:left;width:500px;text-align:justify;
}
.contenu-chevaux{
  float:right;width:890px;
}
.animation{
  float:right;width:350px;height:250px;padding:3px 3px;border:2px solid #C8CCCD;margin-left:10px;
}
.animation1{
  float:right;width:350px;height:350px;margin-left:10px;
}
.text-simple{
  float:right;width:860px;text-align:justify;padding-right:30px;
}
.galerie-petit{
  width: 140px; height: 130px; margin-bottom: 5px; margin-right: 5px; float: left;
}

.bg-galerie{
width:400px; height: 350px; border: 1px solid #D1C1A0; float:left; background-image: url(images/charte/bg-galerie.jpg); background-position: center; background-repeat: no-repeat;
}
.pages-galerie{
  text-align:center; clear:left; padding-top: 10px;
}
.projets-photo{
  float:left;padding-right:5px;margin-left:10px;width:350px;height:350px;
}
.photos{
  padding:3px 3px;border:2px solid #C8CCCD;
}
.text-box{
  float:left;width:750px;text-align:justify;
}


div.fileinputs {
	position: relative;
  float:right;
  width: 220px;
  margin-right: 3px;
  margin-top:10px;
  opacity: 10;
}
div.fakefile {
	position: absolute;
	z-index: 0;
}
input.file {
	position: absolute;
	-moz-opacity:0;
	filter:alpha(Opacity=0);
	opacity: 0;
	z-index: 5;
}
div.fileinputs {
	position:block;
  opacity: 10;

  margin-top: -3px;
}
div.fakefile {
	position: absolute;
	z-index: 0;

}
input.file {
	position: absolute;
	-moz-opacity:0;
	filter:alpha(Opacity=0);
	opacity: 0;
	z-index: 5;

}
.label
{
 width:75px;
 float:left;
}
.bullet{
  background:url(../images/img/bullet.gif) no-repeat 0px 4px;
  padding-left:15px;
}