/* CSS Document */

html, body{width:100%}
html{font-size:100%;}
body{
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	background:#ffe7c5 url(../medias/img/fond_body.jpg) repeat-x center top;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}

#main{
	z-index:1;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-495px;
	width:990px;
	background:#f8cd99 url(../medias/img/fond_main.gif) repeat-y left top;
}

#tetiere{
	float:left;
	width:990px;
	height:86px;
	background:#cdae84 url(../medias/img/fond_tetiere.gif) repeat-x left top;
}
h1{float:left;height:86px;}
h1 a{display:block;}

#tetiereDroite{
	float:right;
	width:303px;
	height:86px;
	background:url(../medias/img/fond_tetiere_droite.jpg) no-repeat right top;
}

.wifi{float:right;padding:0 16px 0 0;}
.menuLang{
	list-style-type:none;
	clear:both;
	float:right;
	height:36px;
	padding:0 17px 0 0;
}
.menuLang li{
	float:left;
	width:30px;
}
.menuLang li a{
	display:block;
	float:left;
	padding:6px 6px;
	height:24px;
	background-repeat:no-repeat;
}
.menuLang li a img{border:1px solid #c7aa7b;}
.menuLang li a:hover img{border-color:#ffffff;}
.menuLang li.active a img{border:1px solid #ffffff;}

.menuLang li a.menuLangFra{background-image:url(../medias/img/fond_a_fra.gif);	background-position:left bottom;}
.menuLang li a.menuLangFra:hover, .menuLang li.active a.menuLangFra{background-image:url(../medias/img/fond_a_fra.gif);background-position:-30px bottom;}
.menuLang li a.menuLangAng{background-image:url(../medias/img/fond_a_ang.gif);	background-position:left bottom;}
.menuLang li a.menuLangAng:hover, .menuLang li.active a.menuLangAng{background-image:url(../medias/img/fond_a_ang.gif);background-position:-30px bottom;}
.menuLang li a.menuLangGer{background-image:url(../medias/img/fond_a_ger.gif);	background-position:left bottom;}
.menuLang li a.menuLangGer:hover, .menuLang li.active a.menuLangGer{background-image:url(../medias/img/fond_a_ger.gif);background-position:-30px bottom;}
.menuLang li a.menuLangEsp{background-image:url(../medias/img/fond_a_esp.gif);	background-position:left bottom;}
.menuLang li a.menuLangEsp:hover, .menuLang li.active a.menuLangEsp{background-image:url(../medias/img/fond_a_esp.gif);background-position:-30px bottom;}


#sousTetiere{
	float:left;
	width:990px;
	height:28px;
	background:#cdae84 url(../medias/img/fond_sous_tetiere.gif) repeat-x left top;
}

.menuPrincipal{
	list-style-type:none;
	float:left;
	padding:0 0 0 16px;
	/*border-right:1px solid #aa815c;*/
}
.menuPrincipal li{
	float:left;
	height:28px;
	font:normal normal .9em/normal Verdana, Arial, sans;
	color:#ffffff;
}
.menuPrincipal li a{
	display:block;
	float:left;
	height:24px;
	color:#ffffff;
	text-decoration:none;
	padding:4px 12px 0 12px;
	border-left:1px solid #aa815c;
	border-right:1px solid #d8b290;
	background:none;
}
.menuPrincipal li a:hover, .menuPrincipal li.active a{
	color:#000000;
	background:url(../medias/img/fond_a_menu_principal.gif) repeat-x left top;
	border-left:1px solid #c9b7a7;
	border-right:1px solid #faf6f3;
}



.formNewsletter{
	float:right;
	padding:3px 22px 0 0;
	height:25px;
	/*background:pink;*/
}
.labelFormNewsletter{
	font:normal normal .7em/normal Arial, Verdana, sans;
	background:url(../medias/img/fond_newsletter.gif) no-repeat left 3px;
	cursor:pointer;
	padding:0 0 0 15px;
	color:#33281e;
}
.inputFormNewsletter{
	font:normal normal .6em/normal Arial, Verdana, sans;
	color:#33281e;
	background:url(../medias/img/fond_input_form_newsl.gif) no-repeat left top;
	/*width:119px;*/
	width:113px;
	border:none;
	padding:2px 3px;
}
.submitFormNewsletter{
	width:17px;
	height:17px;
	border:none;
	background:url(../medias/img/ok.gif) no-repeat left top;
	font:normal normal .6em/normal Arial, Verdana, sans;
	color:#33281e;
	cursor:pointer;
}
.submitFormNewsletter:hover{background:url(../medias/img/ok.gif) no-repeat left -17px;}



#contenu{
	float:left;
	width:671px;
	padding:30px 0 0 16px;
	background:url(../medias/img/fond_contenu.jpg) no-repeat right top;
}

.titreAccueil{
	padding:0 25px;
	color:#b62839;
	font:normal bold 1.8em/normal Georgia, "Times New Roman", Times, serif;
}
.paragrapheAccueil{
	padding:10px 25px 10px 25px;
	color:#79634f;
	font:normal normal .7em/normal Arial, Verdana, sans;
}
#main.accueil .paragrapheSuite{ padding:0 25px 15px 25px; }
.paragrapheSuite{
	padding:0 25px 25px 25px;
	text-align:right;
	color:#B62839;
	font:normal normal .7em/normal Arial, Verdana, sans;
}
.paragrapheSuite a{color:#B62839;}

.paragraphe{
	padding:10px 25px 5px 25px;
	color:#79634f;
	font:normal normal .7em/normal Arial, Verdana, sans;
}
#contenu a{color:#B62839;}
.listeContenu{
	padding:0 25px 5px 25px;
	/*list-style-type:none;*/
	color:#79634f;
	font:normal normal .7em/normal Arial, Verdana, sans;
}

.paragraphe span.rouge, .listeSimple span.rouge{font-weight:bold;color:#B62839;}

.visuelsPhotos{padding:15px 25px 5px 25px;}
.visuelsPhotos img{padding:0 25px 0 0;}

.listeSimple{
	padding:0 25px 5px 25px;
	/*list-style-type:none;*/
	color:#79634f;
	font:normal normal .7em/normal Arial, Verdana, sans;
}


.encarAccueil{
	float:left;
	position:relative;
	left:25px;
	width:190px;
	background:url(../medias/img/fond_encar_accueil.gif) repeat-y left top;
	margin:0 25px 0 0;
}
.encarAccueil h2{margin:0 0 12px 0;}
.boutonEncar{
	background:url(../medias/img/fond_bouton_encar.gif) no-repeat left bottom;
	text-align:center;
	padding:15px 0 9px 0;
}
.titreContenu{
	color:#f8cd99;
	font:normal bold .75em/normal Arial, Verdana, sans;
	padding:0 11px 10px 11px;
}
.contenuEncar{
	color:#f8cd99;
	font:normal normal .7em/1.1em Arial, Verdana, sans;
	padding:0 11px 5px 11px;
}
.contenuEncar img{display:block;margin:0 auto;}


#flashAccueil{
	float:right;
	position:relative;
	right:16px;
	background:#f8cd99;
	width:287px;
	height:456px;
	overflow:hidden;
}

#main.accueil #flashAccueil{ height:570px;}

.piedPage{
	float:left;
	width:990px;
	padding:5px 0 0 0;
	color:#5b4b3c;
	font:normal normal .6em/normal Arial, Verdana, sans;
	text-align:center;
	background:#ffe7c5 url(../medias/img/fond_pied_page.gif) no-repeat left top;
}
.piedPage a{color:#5b4b3c;}

#encarVideo {
	background:#33281e url(../medias/img/bg-video-top.jpg) no-repeat left top;
	position:relative;
	float:left;
	width:622px;
	margin:5px 25px 25px 25px;
	_margin-left:12px;
}

#encarVideo  div.clips {
	float:left;
	width:40%;
}

#encarVideo div.bt-new-fr {
	background:transparent url(../medias/img/fr/bt-new.png) no-repeat left top;
	position:absolute;
	left:-15px;top:-22px;
	width:100px;
	height:100px;
}
#encarVideo div.bt-new-en {
	background:transparent url(../medias/img/en/bt-new.png) no-repeat left top;
	position:absolute;
	left:-15px;top:-22px;
	width:100px;
	height:100px;
}
#encarVideo div.bt-new-de {
	background:transparent url(../medias/img/de/bt-new.png) no-repeat left top;
	position:absolute;
	left:-15px;top:-22px;
	width:100px;
	height:100px;
}
#encarVideo div.bt-new-es {
	background:transparent url(../medias/img/es/bt-new.png) no-repeat left top;
	position:absolute;
	left:-15px;top:-22px;
	width:100px;
	height:100px;
}
#encarVideo span.brd-left, #encarVideo span.brd-right {
	float:left;
	width:26px;
	height:59px;
}
/*
#encarVideo span.brd-rep {float:left;	width:570px;height:59px;}
#encarVideo span.brd-left{ background:transparent url(../medias/img/bg-video-left.jpg) no-repeat left top; }
#encarVideo span.brd-right {background:transparent url(../medias/img/bg-video-right.jpg) no-repeat left top; }
*/

#encarVideo div.brd-bottom { float:left; width:100%; height:20px; background:transparent url(../medias/img/bg-video-bot.jpg) no-repeat left top;}
#encarVideo  .bt-video, #encarVideo  .txt-video { float:left; /*padding:18px 0;*/ }
#encarVideo  .txt-video { color:#f8cd99; font-size:12px; line-height:23px; margin-right:4px; }
#encarVideo  .titre-video { float:left;  padding:8px 0 }

/*---------------------------------------------------------------------------------------------------------------*/
/*--- STYLES DES PAGES INTERIEURES  ---*/
.tableauDonnees{
	width:612px;
	margin:25px 0 7px 21px;
}
.tableauDonnees tr.lignePaire{background:#f8cd9;}
.tableauDonnees tr.ligneImpaire{background:#e3b277;}
.tableauDonnees tr td.cellPrix{text-align:center;}
.tableauDonnees tr td{
	font:normal bold .7em/normal Arial, Verdana, sans;
	color:#281a13;
}
#boutonsInterieurs{
	float:right;
	background:url(../medias/img/fond_boutons_interieurs.jpg) no-repeat left top;
	width:287px;
	padding:4px 16px 0 0;
	min-height:24px;
	text-align:right;
}
.boutonInterieur{
	display:block;
	margin:20px 0 0 0;
}

.formContact{
	padding:15px 0 25px 25px;
}
.formContact p{
	clear:both;
	height:23px;
}
.formContact strong{font-size:.75em;}
.labelFormContact{
	display:block;
	float:left;
	width:100px;
	font:normal normal .7em/normal Arial, Verdana, sans;
	color:#79634f;
	text-align:right;
	line-height:21px;
	padding:0 10px 0 0;
	cursor:pointer;
}
.inputFormContact{
	font:normal normal .7em/normal Arial, Verdana, sans;
}
.submitFormContact{
	margin:15px 8px 0 0;
	cursor:pointer;
}




/*-----------------------------------------------------------------------------------
         Formulaire de contact
------------------------------------------------------------------------------------*/

form#contact fieldset {	
	margin: 0;
	font-style: normal;
	padding: 0 10px 20px 10px;
	margin:20px 0 0 30px;;
}

form#contact fieldset legend {	
	font:bold .7em/normal Arial, Verdana, sans;
	color:#79634f;
}

form#contact p {
	padding:2px 0 8px 0;
}


form#contact p label {
	display:inline;
	float:left;
	width:120px;
	margin-left:15px;
	text-align:right;
	font-weight: bold;
	font:normal normal .7em/normal Arial, Verdana, sans;
	color:#79634f;
}


form#contact p select, form#contact p textarea {
	font:normal normal .7em/normal Arial, Verdana, sans;
	color:#79634f;
}


form#contact p .bt {
	margin-left:5px;
	margin-right:10px;
}

.class-select {
	background-color:#f7f3f7;
	font:normal normal .7em/normal Arial, Verdana, sans;
	color:#79634f;
	height:20px;
	width:260px;
	margin-left:5px;	
} 

.inputform {
	background-color:#EFEFEF;
	border-color:#7F7E62;
	border-style:solid;
	border-width:1px;	
	font:normal normal .7em/normal Arial, Verdana, sans;
	color:#79634f;
	padding: 0 4px 0 2px;
	margin-left:5px;
	height:15px;
} 

.chekboxform {
	padding: 0 4px 0 2px;
	margin-left:5px;
	height:15px;
	vertical-align:top;
} 

.position {
	width:400px;
}

.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color:#f5f5dc;;
	border-color:#7F7E62;
	border-style:solid;
	border-width:1px;	
	font:normal normal .7em/normal Arial, Verdana, sans;
	color:#79634f;
	padding: 0 4px 0 2px;
	margin-left:5px;
	height:15px;	
}


.inputformfocustextearea {	/*** Mise en avant des champs en cours d'utilisation ***/
	width:250px;
	padding: 0 4px 0 2px;
	margin-left:5px;
	overflow:auto;
	background-color:#EFEFEF;	
	border-color:#7F7E62;
	scrollbar-arrow-color :#ab4148;	/*couleur pour les pointeur de défilement*/
	scrollbar-darkshadow-color :#E7E7E7;	/*couleur pour les ombres*/
	scrollbar-face-color : #fdf4f5;	/*couleur pour la surface*/
	scrollbar-highlight-color : #CCCCCC;	/*couleur pour le bord haut et le bord gauche*/
	scrollbar-shadow-color : #666666;	/*couleur pour le bord droit et le bord du bas*/
	scrollbar-track-color : #fdf4f5;	/*couleur pour la barre de défilement non cachée par le pointeur de défilement	*/

}

.focustextearea {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color:#f5f5dc ;
	width:250px;
	padding: 0 4px 0 2px;
	margin-left:5px;
	overflow:auto;
	border-color:#7F7E62;
	scrollbar-arrow-color :#ab4148;	/*couleur pour les pointeur de défilement*/
	scrollbar-darkshadow-color :#E7E7E7;	/*couleur pour les ombres*/
	scrollbar-face-color : #fdf4f5;	/*couleur pour la surface*/
	scrollbar-highlight-color : #CCCCCC;	/*couleur pour le bord haut et le bord gauche*/
	scrollbar-shadow-color : #666666;	/*couleur pour le bord droit et le bord du bas*/
	scrollbar-track-color : #fdf4f5;	/*couleur pour la barre de défilement non cachée par le pointeur de défilement	*/
	
}


form#contact .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
form#contact .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	/*background: url('icon_alert.gif') no-repeat left center;*/
}


.envoyer {
	border-color:#292929;
	border-style:solid;
	border-width:1px;
	background-color:#EFEFEF;
	font-size: 11px;
	color: #000;
	font-weight:bold;
	margin-left:112px;
	padding: 1px 65px;
	cursor:pointer;	
}

/*----------------------------------------------------------------*/

/*--- STYLES DES PAGES INTERIEURES  ---*/
/*---------------------------------------------------------------------------------------------------------------*/