body{
   background-color:#32170A; /*Couleur de fond de la page Web*/
   color:#909090; /*Couleur du texte*/
   font-family:Verdana, Arial, Helvetica, sans-serif; /*Polices d’écriture*/
   font-size:11px; /*Taille d’écriture*/
   padding:0; /*Pour que la page n’ai aucune marge*/
   margin:0; /*Pour que la page n’ai aucune marge*/
}
   
div#contenu {
  width:936px; /*Largeur du design*/
  margin:0 auto 0 -468px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
  position:absolute;
  top:0px; /*25px entre le coin supérieur de l’écran et le design*/
  left:50%;/*50% de marge ( cela centrera le design )*/
}
   
/* Reglages personnels : */
ul , li { margin:0; padding:0; list-style-type:none; } /* Pas de marges automatique dans les listes, ni de puces */

a { color:#6D002E; text-decoration:none; }/*Paramètres des liens*/
a:hover { color:#6D002E; text-decoration:underline;}/*Paramètres des liens quand le pointeur est sur ceux-ci*/

h1 { text-align:center; margin:0; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { display:block ; border:0; }/*Aucune bordure sur les <img>*/

form{
  border:0px;
	margin:0px;
	padding:0px;
}

span.hide {
  left:-5000px;
  position:absolute;
  text-indent:-5000px;
  top:-5000px;
}

#col_left_top {
  background:transparent url('./images/fondgauche.jpg') no-repeat scroll right top;
  float:left;
  height:1230px;
  margin:0pt 0pt 0pt 0px;
  width:50%;
  margin-left: 1px;
}
#col_right_top {
  background:transparent url('./images/fonddroite.jpg') no-repeat scroll left top;
  float:left;
  height:1230px;
  margin-left:50%;
  margin-top:-1230px;
  width:50%;
}

#langue {
  position:absolute;
  top:80px;
  left:816px;
}

#langue1{
	display: block; 
	width: 15px ;
	height: 14px;
	background: url('./images/drapeau_fr.gif') no-repeat 0 0 ;
	margin: -12px 0px 0px 55px;
	position:absolute;
}

#langue1:hover{
	background: url('./images/drapeau_fr.gif') no-repeat 0 -14px ;
}

#langue2{
	display: block; 
	width: 15px ;
	height: 14px;
	background: url('./images/drapeau_en.gif') no-repeat 0 0 ;
	margin: -12px 0px 0px 78px;
	position:absolute;
}

#langue2:hover{
	background: url('./images/drapeau_en.gif') no-repeat 0 -14px ;
}

.menushaut{
  position:absolute;
  top:194px;
  /*left:-9px;
  left:40px;*/
}

.menushaut li{
  float:left;
  padding-left:9px;
  padding-bottom:17px;
}

#menu1{
	display: block; 
	width: 101px ;
	height: 16px;
	background: url('./images/menu1.gif') no-repeat 0 0 ;
}
#menu1:hover{
	background: url('./images/menu1.gif') no-repeat 0 -16px ;
}

#menu2{
	display: block; 
	width: 101px ;
	height: 16px;
	background: url('./images/menu2.gif') no-repeat 0 0 ;
}
#menu2:hover{
	background: url('./images/menu2.gif') no-repeat 0 -16px ;
}

#menu3{
	display: block; 
	width: 205px ;
	height: 16px;
	background: url('./images/menu3.gif') no-repeat 0 0 ;
}
#menu3:hover{
	background: url('./images/menu3.gif') no-repeat 0 -16px ;
}

#menu4{
	display: block; 
	width: 117px ;
	height: 16px;
	background: url('./images/menu4.gif') no-repeat 0 0 ;
}
#menu4:hover{
	background: url('./images/menu4.gif') no-repeat 0 -16px ;
}

#menu5{
	display: block; 
	width: 181px ;
	height: 16px;
	background: url('./images/menu5.gif') no-repeat 0 0 ;
}
#menu5:hover{
	background: url('./images/menu5.gif') no-repeat 0 -16px ;
}

#menu6{
	display: block; 
	width: 158px ;
	height: 16px;
	background: url('./images/menu6.gif') no-repeat 0 0 ;
}
#menu6:hover{
	background: url('./images/menu6.gif') no-repeat 0 -16px ;
}

#menu7{
	display: block; 
	width: 134px ;
	height: 16px;
	background: url('./images/menu7.gif') no-repeat 0 0 ;
}
#menu7:hover{
	background: url('./images/menu7.gif') no-repeat 0 -16px ;
}

#menu8{
	display: block; 
	width: 207px ;
	height: 16px;
	background: url('./images/menu8.gif') no-repeat 0 0 ;
}
#menu8:hover{
	background: url('./images/menu8.gif') no-repeat 0 -16px ;
}

#menu9{
	display: block; 
	width: 117px ;
	height: 16px;
	background: url('./images/menu9.gif') no-repeat 0 0 ;
}
#menu9:hover{
	background: url('./images/menu9.gif') no-repeat 0 -16px ;
}

#menu10{
	display: block; 
	width: 102px ;
	height: 16px;
	background: url('./images/menu10.gif') no-repeat 0 0 ;
}
#menu10:hover{
	background: url('./images/menu10.gif') no-repeat 0 -16px ;
}

#menu11{
	display: block; 
	width: 145px ;
	height: 16px;
	background: url('./images/menu11.gif') no-repeat 0 0 ;
}
#menu11:hover{
	background: url('./images/menu11.gif') no-repeat 0 -16px ;
}

#menu12{
	display: block; 
	width: 92px ;
	height: 16px;
	background: url('./images/menu12.gif') no-repeat 0 0 ;
}
#menu12:hover{
	background: url('./images/menu12.gif') no-repeat 0 -16px ;
}

#menu13{
	display: block; 
	width: 114px ;
	height: 16px;
	background: url('./images/menu13.gif') no-repeat 0 0 ;
}
#menu13:hover{
	background: url('./images/menu13.gif') no-repeat 0 -16px ;
}

#menu14{
	display: block; 
	width: 144px ;
	height: 16px;
	background: url('./images/menu14.gif') no-repeat 0 0 ;
}
#menu14:hover{
	background: url('./images/menu14.gif') no-repeat 0 -16px ;
}

.menushaut2{
  position:absolute;
  top:118px;
  left:289px;
}

.menushaut2 li{
  float:left;
  padding-left:28px;
}

#menu21{
	margin-left:-30px;
	display: block; 
	width: 103px ;
	height: 54px;
	background: url('./images/menu1-etalons.gif') no-repeat 0 0px ;
}

#menu21:hover{
	background: url('./images/menu1-etalons.png') no-repeat 0 0 ;
}

#menu22{
	margin-left:-6px;
  display: block; 
	width: 140px ;
	height: 54px;
	background: url('./images/menu1-catalogue.gif') no-repeat 0 -54px ;
}

#menu22:hover{
	background: url('./images/menu1-catalogue.gif') no-repeat 0 0 ;
}

#menu23{
	margin-left:-3px;
	display: block; 
	width: 98px ;
	height: 54px;
	background: url('./images/menu1-photos.png') no-repeat 0 -54px ;
}

#menu23:hover{
	background: url('./images/menu1-photos.png') no-repeat 0 0 ;
}

#menu24{
	margin-left:-3px;
	display: block; 
	width: 224px ;
	height: 54px;
	background: url('./images/menu1-chevaux.gif') no-repeat 0 -54px ;
	/*background: url('./images/clignote1.gif') no-repeat 0 0 ;*/
}

#menu24:hover{
	background: url('./images/menu1-chevaux.gif') no-repeat 0 0 ;
}

#bandeau{
  margin-left:18px;
}

#imagebandeau{
  margin-left:18px;
  margin-top:79px;
  width: 901px ;
	height: 179px;
  background: url('./images/accueil-bandeau.jpg') no-repeat 0 0 ;
}

div.menu_gauche {
  width:363px;
  float:left;
  margin-top:36px;
  height:311px;
}

#actu{
  
}

.titreactu a{
  color:#6D002E;
  font-size:13px;
  font-family:Verdana;
  padding:0px 0px 5px 0px;
  font-weight:bold;
}

.titreactu a:hover{
  text-decoration:underline;
}

#container{
  margin:15px 0px 0px 75px;
}

.contenuactu{
  font-size:12px;
  font-family:Verdana;
  padding:5px 0px 0px 0px;
}

div#texte {
  width :560px ;
  float :right ;
  margin-top :34px ;
  margin-right 10px !important;
  margin-right:10px;
  height:311px;
}

#player{
  /*margin:20px 0px 0px 65px;*/
}

#pplayer{
  margin:20px 0px 0px 65px;
  background-color:#ffffff;
}

#flechesgauche{
  padding-left:285px;
  margin-top:-8px;
}

.flechebas{
	display: block; 
	width: 26px ;
	height: 46px;
	background: url('./images/boutonflechebas.gif') no-repeat 0 0 ;
	float:left;
}

.flechebas:hover{
	background: url('./images/boutonflechebas.gif') no-repeat 0 -46px ;
}

.flechehaut{
	display: block; 
	width: 26px ;
	height: 46px;
	background: url('./images/boutonflechehaut.gif') no-repeat 0 0 ;
	float:left;
}

.flechehaut:hover{
	background: url('./images/boutonflechehaut.gif') no-repeat 0 -46px ;
}

.archive{
	display: block; 
	width: 63px ;
	height: 10px;
	background: url('./images/boutonarchives.gif') no-repeat 0 0 ;
	float:left;
	margin-top:15px;
	margin-left:5px;
}

.archive:hover{
	background: url('./images/boutonarchives.gif') no-repeat 0 -10px ;
}

#flechesdroite{
  padding-left:390px;
  margin-top:-1px;
}

#boutonactunewsletter{
  position:absolute;
  margin-top:5px;
  margin-left:76px;
}

.plusdevideo{
	display: block; 
	width: 92px ;
	height: 9px;
	background: url('./images/boutonplusvideos.gif') no-repeat 0 0 ;
	float:left;
	margin-top:16px;
	margin-left:1px;
}

.plusdevideo:hover{
	background: url('./images/boutonplusvideos.gif') no-repeat 0 -9px ;
}

#container1{
  margin:-262px 0px 0px 385px;
  width:177px;
  height:230px;
}

div#texte p {
  /*padding :15px ;*/
}

.videoaccueil img{
  display:inline;
}

.videoaccueil span{
  padding-left:5px;
  position:absolute;
  font-weight:none;
  width:106px;
}

p.videoaccueil{
  padding:0px 0px 10px 5px;
  color:#6D002E;
  line-height:none;
}

div#footer {
  width:938px;
  height:50px;
}

#newletter{
  border:1px solid #919191;
  width:153px;
  height:21px;
  margin-left:95px;
  margin-top:11px;
}

#champnewsletter{
  background: #FFF url('./images/champsnewsletters.gif') no-repeat;
	/*background-position: 3px center;*/
	padding-left: 5px;
	width: 127px;
	height:21px;
	border:0px;
	margin:0px;
	padding:0px;
	color:#909090;
	font-size:10px;
}

#champnewsletterok{
  margin:0px;
	padding:0px;
	position:absolute;
}

.menusbas{
  position:relative;
  margin-top:-30px;
  padding-left:650px;
}

.menusbas li{
  float:left;
  padding-left:0px;
}

#menu31{
	display: block; 
	width: 99px ;
	height: 36px;
	background: url('./images/menubas_accueil.gif') no-repeat 0 0 ;
}

#menu31:hover{
	background: url('./images/menubas_accueil.gif') no-repeat 0 -37px ;
}

#menu32{
	display: block; 
	width: 103px ;
	height: 36px;
	background: url('./images/menubas_contact.gif') no-repeat 0 0 ;
}

#menu32:hover{
	background: url('./images/menubas_contact.gif') no-repeat 0 -37px ;
}

#menu33{
	display: block; 
	width: 63px ;
	height: 36px;
	background: url('./images/menubas_tarifs.gif') no-repeat 0 0 ;
}

#menu33:hover{
	background: url('./images/menubas_tarifs.gif') no-repeat 0 -37px ;
}

p.copyright {
  color:#a99a91;
  font-size:10px;
  font-family:Verdana;
}

#lienbas{
  color:#a99a91;
  padding-left:10px;
}

#copyright:hover {
  color:#FFFFFF;
}
