﻿* {margin:0;padding:0;}
div {font-size:14px;}
body {
	font-size:12px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background-image:url(../../images/fond_float.jpg);
	background-position:0 -20px;
	background-repeat:repeat-x;
	background-color:#000;
	color:#D1C095;
	}
.center {
	text-align:center;
	}
.right {
	text-align:right;
	}
.italique {
	font-style:italic;
	}
.justify {
	text-align:justify;
	}
.gras {
	font-weight:bold;
	}
.cb {
	clear:both;
	}
.fl {
	float:left;
	}
.fr {
	float:right;
	}
.nonsouligne {
	border-bottom:0px;
	}
.souligne {
	text-decoration:underline;
	}

a { color:#fff;text-decoration:underline;
	}
a:hover {text-decoration:none;color:#D1C095;
	}

a img {
	}
.styletexte1 {color:#fff;}

h1 {
	background:url(../../images/fondh1.png) repeat-y;padding:7px 10px 5px 20px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#D1C095;font-size:24px;font-weight:normal;

}
h2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	color:#D1C095;font-size:18px;
}
h3 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
}
.pointeur {cursor:pointer;}
#Temporisateur {position:absolute;z-index:8;top:140px;left:50%;}
.Container { margin:5px 8px;}

.FloatingDiv {
	position:absolute;
	top:0px;
	left:50%; 
	padding:0 ;
	margin:0 0 0 -520px;
	}

#FloatingDivSup {
	position:relative;width:1015px;height:60px;
	background-image:url(../../images/floatingdivsup.png);
	background-repeat:no-repeat;
	}
#FloatingDivMiddle {
	position:relative;width:1015px;
	background-image:url(../../images/floatingdivmiddle.png);
	background-position:-15px 0;
	background-repeat:repeat-y;
	}
#FloatingDivInf {
	position:relative;width:1015px;height:60px;
	background-image:url(../../images/floatingdivinf.png);
	background-position:-15px -5px;
	background-repeat:no-repeat;
	}
#TeteCheval {
	width:251px;height:267px;
	background-image:url(../../images/tetecheval.jpg);
	background-repeat:no-repeat;position:absolute;
	top:0px;left:75px;
	}
#BattantSup {
	width:289px;height:289px;
	background-image:url(../../images/battant_sup.jpg);
	background-repeat:no-repeat;position:absolute;
	top:0px;left:326px;
	}
#BattantInf {
	width:293px;height:426px;
	background-image:url(../../images/battant_inf.jpg);
	background-repeat:no-repeat;position:absolute;
	top:217px;left:57px;
	}
#LogoSlogan {
	width:296px;height:41px;
	background-image:url(../../images/logo_slogan.png);
	background-repeat:no-repeat;position:absolute;
	top:0px;left:635px;
	}
#Logo {
	width:281px;height:134px;
	background-image:url(../../images/logo.jpg);
	background-repeat:no-repeat;position:absolute;
	top:50px;left:645px;
	}
#LogoTexte {
	position:absolute;width:333px;
	top:195px;left:655px;font-size:20px;font-weight:bold;
	}
#Header {position:relative;width:970px;height:289px!important;margin:0 50px;}
#MainSup {position:relative;width:590px;height:355px;margin:0 50px 0 370px;}
#MainInf {margin:0 50px 0 35px;}
#MainInf .Container {margin:10px 55px}
.Separateur{background:url(../../images/separateur.jpg) repeat-x;width:100%;height:7px;}
.FondSombre {background-color:#1A110A;}
/*---------------------------------------------------- menu gauche -------------------------------*/
#LeftMenu {
	margin:70px 0 30px 40px;font-size:14px;
	list-style:none;
	}
#LeftMenu li { 
	margin:8px 0;
	}
#LeftMenu li a {
	color:#BEAD85;width:217px;height:31px;text-decoration:none;
	background:url(../../images/item_menu.png) no-repeat;
	display:block;
	padding-left:40px;padding-top:6px;
	}
#LeftMenu li a:hover {
	color:#fff;text-decoration:none;
	background:url(../../images/item_menu_o.png) no-repeat;
	}	
/*----------------------------------------------------fin menu gauche -------------------------------*/

/*----------------------------------------------------- Bas de page ---------------------------------*/
#Footer {
	background-color:#22170E;width:100%;position:relative;text-align:center;
	}
#Footer ul {list-style:none;clear:both;position:relative;padding:5px 0;}
#Footer li {display:inline;margin:0 20px;}
#Footer a {color:#fff;text-decoration:none;}
#Footer a:hover {color:#D1C095;text-decoration:none;}
#Footer .LienFooter {color:#72654C;margin:0px 20px 3px 20px;font-size:12px;}

/* surimpression */
/*-------  ecran noir surimpression  ---- */
#surimpression {
	position:absolute; left: 0px; top: 0px; width: 100%; height: 150%; overflow: auto; 
	background-color: #F69C52; text-align:center;
	display:none;
	}

/*------- fenetre : ---- */
#Fenetre1 {
	position:absolute;left:50%;margin:0 0 0 -350px;top:100px;width:650px; height: auto;background-color:#D1C095;
	border:2px solid #72654C;
	padding:14px 8px;text-align:left;
	display:none;
	}

/*-----------------------------------------Affichage largeur de page ----------------------------*/
.Container100 {
	margin:5px 10px 10px 10px;padding:5px;	color:#fff;

	}
.ContainerPicture {
	float:left;margin:5px;
	}
.ContainerPicture img {
	border:1px solid #D1C095;
	}
.ContainerTexte1 {color:#D1C095;font-style:italic;margin:10px;
	}

.ContainerTexte2 {
	margin:10px;
	color:#fff;
	}
.ContainerTexte3 {
	color:#fff;
	
	}
.Annotation { 
	float:right;margin-right:20px;font-style:italic;color:#fff;
	}
/* cadre sup dans balise mainsup (fond clair). */
.InsideMainSup {
	background:url(../../images/fondinsidemainsup.png) -50px 0 repeat-y;
	margin:8px 0px;padding:5px 5px 10px 5px;color:#22170E;font-size:16px;
	}
.InsideMainSup h2, .InsideMainSup h3  {
	color:#22170E;margin:5px 0 9px 20px;
	}

.InsideMainSup ul { margin-left:30px;list-style:none;}
.InsideMainSup li { font-size:16px;}

/* ----------------------------- Contact -----------------------*/
#IconeTel, #IconeFax, #IconeMail {height:31px;padding:5px 0 0 40px;margin:5px 0 5px 30px;}
#IconeTel {background:url(../../images/icone_tel.png) no-repeat;}
#IconeFax {background:url(../../images/icone_fax.png) no-repeat;}
#IconeMail {background:url(../../images/icone_mail.png) no-repeat;}
/*-------------------------------formulaire ----------------------------------------*/

#FormulaireContact fieldset { 
	border-width:0px;	
}

#CadreFormContact  { 
	margin:0;padding:25px 10px;margin-top:10px;
	border:1px solid #A8C6E8; background:#E9EBED;	
}

#FormulaireContact {font-size:18px;margin:12px 0 0 50px;}
#FormulaireContact label {width:140px;margin:3px 0;display:block;float:left;text-align:right;}

#FormulaireContact input{
	background:#D1C095;border:1px solid #22170E;
	font-size:18px;color:#22170E;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	padding:1px 0px;width:250px;margin:3px 0 3px 5px;
}	
#FormulaireContact #telephone{
	width:150px;
}
#FormulaireContact #verif{
	width:150px;
}	
#FormulaireContact #labelverif{
	width:auto;margin:10px 0;
}	
#submitcontact {
	background:#D1C095;border:2px solid #22170E;margin-left:300px;padding:3px 20px;color:#22170E;font-weight:bold;
	cursor:pointer;
	}	
#submitcontact:hover {background:#fff;}	

#FormulaireContact textarea {
	background:#D1C095;border:1px solid #22170E;
	font-size:18px;color:#22170E;
	margin:15px 0 3px 5px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	width:390px;height:280px;
	}
#ReponseContact {position:absolute;top:900px;left:22%;width:450px;height:80px;border:4px solid #22170E;font-size:18px;text-align:center;color:#730D05;background-color:#D1C095;}
#ReponseContact table {width:100%;height:100%;text-align:center;}
#ReponseContact table td {vertical-align:middle;}

/*-----------------------------------------------------------------------------------------------------------------*/
.ListeProduits {margin:10px 0 20px 30px;}
.ItemProduit { position:relative;}
.ItemProduitTable { border:1px solid #D1C095;width:860px;height:120px;margin:5px 0 5px 5px;top:0px;border-collapse:collapse;}
.ItemProduitTable .tdimage {vertical-align:middle;}
.ItemProduitTable .tdimage img {max-height:110px;overflow:hidden;}
.ItemProduitTable a {font-weight:bold;color:#D1C095;}
.ItemProduitTable a:hover {}
.ItemProduitTableOver {margin:5px 0 5px 5px;position:absolute;top:0px;background:#D1C095;border-collapse:collapse;}
.ItemProduitTableOver a {height:120px;width:860px;display:block;}
.ItemProduitTableTd {width:200px;height:120px;overflow:hidden;}
.ItemProduit .VoirLeDetail {text-align:right;padding-right:10px;}
.ItemProduit .VoirLeDetail a {}

.DetailProduit img {padding:2px;margin:8px;}
.DetailProduit a {color:#D1C095;}
.DetailProduit a img {border:1px solid #D1C095;}
.DetailProduit ul {list-style:square;margin-left:20px;}
/* Lien retour liste des articles */
.Retour {font-size:22px;font-weight:bold;float:right;padding:2px 60px 7px 0;background:url(../../images/nextlabel.gif) right 0  no-repeat;}

#diaporama {width:800px;height:450px;margin-left:50px;border:2px solid #D1C095;position:relative;}
#diaporama img {position:absolute;height:450px;width:800px;margin:0;}
.texte_image {position:absolute;top:20px;left:595px;width:200px;}
.texte_etape { font-size:60px;width:200px;text-align:center;float:left;margin-bottom:40px;}
.texte_image p { text-indent:10px;line-height:2em;padding:0 10px; }

