/* Support du PNG par ie6 */

img, a, p, table { behavior: url(iepngfix.htc) }  


hr { clear:both;visibility:hidden;margin:0;padding:0;height:0; }

body {
	margin:0;
	padding:0;
	background: url(img/fond.jpg)  no-repeat top center #524d00;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.clear { clear:both}

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

				MISE EN FORME TEXTE

************************************************/
.texte_mis_en_evidence {color:#A13501;}

a {	font-weight:bold; color:#A13501}
a:hover { text-decoration:none; color:#000; }

h1 {
	font-size:22px;
	font-weight:100;
	margin:0 0 0 0;
	padding:70px 0 0 250px;
	font-family: 'Gochi Hand', cursive;
	color:#A13501;
}

h2 {
	font-size:16px;
	font-weight:bold;
	margin:0 10px 0 0;
	padding:3px;
	color:#A13501;
}

h3 {
	font-size:14px;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:5px;
	color:#A13501;
}

h4 {
	font-size:12px;
	font-weight:bold;
	color:#A13501;
}

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

				IMAGES

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



img{border:none}

.border {
	margin:2px;
	border:1px solid #FFF;
}


a img.opacite {cursor:pointer;border:1px #CCC solid; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1; background:#FFF; padding:3px}
a:hover img.opacite { filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;border:1px #FFF solid;}

a img.no_cadre {border:none; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.no_cadre {border:none;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

img.cadre_right {border-left:2px #9dd036 solid;border-top:2px #ecd38c solid;border-bottom:2px #91652e solid; border-right:2px #91652e solid;margin:0 0 10px 10px;}

img.cadre_left {border-left:2px #9dd036 solid;border-top:2px #ecd38c solid;border-bottom:2px #91652e solid; border-right:2px #91652e solid; margin:0 10px 10px 0;}

a img.cadre_droit {border:1px #CCC solid;margin:0 0 10px 10px;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1; padding:3px; background:#FFF}

a:hover img.cadre_droit {border:1px #CCC solid; margin:0 0 10px 10px;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

a img.cadre_gauche {border-left:2px #CCC solid;border-top:2px #ecd38c solid;border-bottom:2px #91652e solid; border-right:2px #91652e solid; margin:0 10px 10px 0;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}

a:hover img.cadre_gauche {border-left:2px #CCC solid;border-top:2px #ecd38c solid;border-bottom:2px #91652e solid; border-right:2px #91652e solid; margin:0 10px 10px 0;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}



#map {
border: 1px solid #FFF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; 
}

.thumb {
    float: left;
    margin: 5px 20px 20px 0;
    padding: 5px;
}
.description {overflow: hidden; }


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

				CHEMINS

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



#chemin{
	font-size:10px;
	height:20px;
	margin:0 0 0 0;
	padding:5px 0 0 250px;
	color:#000;
	}

#chemin *{font-size:10px}

#chemin a {color:#A13501;}

#chemin a:hover,#chemin a.active  {color:#000;}


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

				STYLES MISES EN FORME

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

div#conteneur {
	margin:auto;
	width:980px;
	background: url('img/repetition.jpg') repeat-y ;	
	position:relative;/**/
}



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

				ENTETE

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



div#entete {
	background: url(img/entete.jpg) no-repeat;
	height:319px;
	margin:0;padding:0;	
}

#flash{
	position:absolute;
	top:140px;
	left:113px;
	width:260px;
	height:146px;
}

#lang a{

	color:#FFF;

}

a img.langue { cursor:pointer; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;margin:1px; padding:1px}

a:hover img.langue {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;margin:1px; }

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

			RAPPEL + Newsletter					

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

.newsletter{
	position:absolute;
	top:184px;
	left:25px;
	text-align:left;
}



.rappel {
	position:absolute;
	left:726px;
	top:169px; 
	display:block;
	width:205px; height:35px;
}

.rappel a {	display:block; background:url(img/rappel.png) no-repeat 0 0; width:205px; height:35px;}

.rappel a:hover, .rappel a.active {	display:block; background:url(img/rappel.png) no-repeat 0 -35px; width:205px; height:35px;}

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

				MENU horizontal

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

ul.menu {
	width:200px;
	height:321px;
	margin:auto;
	padding :0;
	list-style-type : none;
	position:absolute;
	left: 35px;
	top: 385px;
}

ul.menu li {
	display : inline;
	margin : 0;
	padding : 0;
}

ul.menu li a {
    font-family: 'Gochi Hand', cursive;
	font-size:20px;
	font-weight: normal;
	color:#1e1117;
	text-align:left;
	text-decoration:none;
	display : block;
	height : 30px;
	margin : 0;
	padding : 0px 0px;

	transition:border-left .2s ease-out, padding .2s ease-out;
	-webkit-transition:border-left .2s ease-out, padding .2s ease-out;
	-moz-transition:border-left .2s ease-out, padding .2s ease-out;
	-o-transition:border-left .2s ease-out, padding .2s ease-out;
}


ul.menu li a:hover {
	padding : 0px 10px;
	color:#985b2d;
	border-left:solid #985b2d 10px;
}
ul.menu li a.active {
	padding : 0px 10px;
	color:#985b2d;
	border-left:solid #985b2d 10px;
}
/*****************************************************

				MENU 2

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

ul.menuhaut {
	width:370px;
	height:30px;
	margin: auto;
	padding : 0;
	list-style-type : none;
	position:absolute;
	left: 634px;
	top: 0px;
}

ul.menuhaut li {
	display : inline;
	margin : 0;
	padding : 0;
}

ul.menuhaut li a {
	float:left;
    font-family: 'Gochi Hand', cursive;
	font-size:18px;
	font-weight: normal;
	color: #1e1117;
	text-align:left;
	text-decoration:none;
	display : block;
	height : 30px;
	line-height:30px;
	margin : 0 4px;
	padding : 0px ;

	transition:color .3s ease-out, border-bottom .3s ease-out;
	-webkit-transition:color .3s ease-out, border-bottom .3s ease-out;
	-moz-transition:color .3s ease-out, border-bottom .3s ease-out;
	-o-transition:color .3s ease-out, border-bottom .3s ease-out;
}

ul.menuhaut li a:hover {
	color: #a49503;
	border-bottom:solid #a49503 5px;
	padding: 0 ;
}

ul.menuhaut li a.active {
	color: #a49503;
	border-bottom:solid #a49503 5px;
	padding: 0 ;
}


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

				CORPS

***********************************************************/
div#contenu {
	background: url(img/haut.jpg) no-repeat;
	text-align:left;
	margin: 0;
	padding: 0;
	min-height:582px;
}



html>body #contenu {
	height:auto;
	min-height:582px;
} 

div#contenu_modifiable {
	border:none;
	margin:0;
	padding:20px 20px 50px 250px ;
}

div#contenu p {
	margin:0;
	padding:0;
}

div#contenu_modifiable ul.puce {
	list-style-type:none;
	margin:5px 0 5px 0;
	padding:0 0 0 20px;
	height:1%;
}

div#contenu_modifiable ul.puce li {
	background:url(img/puce.jpg) no-repeat left 5px;
	margin-left:10px;
	padding:2px 0 2px 15px;
}

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

		FORMULAIRES

****************************************************/
.formulaire {
	border: 1px solid #dfd3b3;
	background-color:#F9EED2;
	border-radius:7px;
	-moz-radius:7px;
	-webkit-radius:7px;
	font-size:12px;
	padding:2px; 
}



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

				ADRESSE

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

div#adresse2 {
	clear:both;
	background: url(img/adresse.jpg) no-repeat top center #150b10;
	min-height:99px;
	padding:0 0 0 0;
	line-height:16px;
	text-align:center;
	width:100%;
	margin:0 auto;
}

div#adresse {
	color:#F9EED2;
	padding:30px 0 0 0;
	font-family: 'Gochi Hand', cursive;
	font-weight:100;
	line-height:70px;
	font-size:16px;
	text-align:center;
}

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

				FOOTER

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

#footer {
	margin:0 auto 20px auto;
	margin-bottom:0;
	width:940px;
	font-size:10px;
	color:#666;
	background:#150b10;
	text-align:left;
}

#txt_ref {
	text-align:left;
	font-size:10px;
	width:900px;
	margin:5px auto;
	color:#666;
	background:#150b10;
}

#mention {
	text-align:center;
	cursor:pointer;
	font-size:10px;
}

.liens_partager img{
	text-align:right;
	vertical-align:middle;
}


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

				PLAYER VIDEO 

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

.normalvid {
	height:360px;
	width:640px;
	float:left;
	margin-bottom:10px;
	margin-left:0;
}

.bigvid {
	height:530px;
	width:940px;
	float:left;
	padding-bottom:10px;
	padding-left:10px;
}
/****************************************************

		COLONNE GAUCHE

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

.colonne_gauche {
	vertical-align:top; position: relative;
	float:left;
	width:640px;
	padding:0 0;
}



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

		COLONNE DROITE

****************************************************/
.colonne_droite{
	margin:0 10px 0 0; padding:0 0 0 0;
	width:285px;
	position: relative;
	float:right;
	min-height:380px;
}

.box_haut {
	background: url(img/fd_box_droite.jpg) repeat;
	-moz-border-radius: 10px 0 0 0;
	padding:5px;
	color:#fff;
}

.box_haut, .box_centre .texte_mis_en_evidence, .box_bas .texte_mis_en_evidence {color:#009DE0;}

.box_centre {
	background: url(img/fd_box_droite.jpg) repeat;
	-moz-border-radius: 0;
	margin:5px 0;
	padding:5px;
	color:#fff;
}

.box_bas {
	background: url(img/fd_box_droite.jpg) repeat;
	-moz-border-radius: 0 0 0 10px;
	margin:5px 0;
	padding:5px;
	color:#fff;
}

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

					 GALERIE ANIMEE					

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

#slider_index {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ececec;
	height: 200px;
	width: 275px;
}

#slider_index_titre {
	margin: 0;
	padding: 0;
	display: block;
}

#slider_index_lien {
	height: 128px;
	margin: 0;
	padding: 0;
	display: block;
}



#slider_index_lien a {
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
}



#slider_index_puces {
	text-align: center;
	line-height: 30px;
	display: block;
	height: 30px;
	margin: 30px 0 0 0;
	padding: 0;
	display: block;
}



#slider_index_puces a {

	color: #ccc;

	text-decoration: none;

	font-size:16px;

	font:Verdana, Geneva, sans-serif

}



#slider_index_puces a.active, #slider_index_puces a:hover {

	color: #A13501;

}



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

					 INFOS FIXES

************************************************/
.code_incorrect {

	font-weight:bold;


	color:#FF0000;

}
.lien_retour_haut {

	font-size:10px; color:#666666; text-align:right;

}
.ligne_pointille_vertical {

	border-left:1px dotted #B1A9A1;

}
.ligne_pointille_horizontal {

	border-bottom:1px dotted #B1A9A1;

}
/************************************************

				 Style Déco

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

div#gauche { padding:0; margin:0 15px 0 0;float:left; width:410px; text-align:left;}
div#centre { padding:0; margin:0 0 0 0;float:left; width:630px; text-align:left;}
div#droite { padding:0; margin:0 0 0 0; float:left; width:248px; text-align:left;}
div#module { padding:0; margin:0 0 0 0; float:right; width:auto; text-align:left;}



div#gauche2 { padding:0 0 0 0; margin:0 15px 0 0;float:left; width:450px;}

div#droite2 { padding:0; margin:0 0 0 0; float:right; width:450px; }



div.box-01 { 

	background: #4A4641;

   -moz-border-radius: 5px;

   -webkit-border-radius: 5px; 

	margin:0;

	padding:10px 10px;

	color:#FFF;

	font-size:13px;

	border:1px #402E1B inset;

	

}

div.box-01 a {color:#A13501;}

div.box-01 strong.color {color:#A13501}

div.box-01 strong.titre {color:#A13501; font-size:22px; font-weight:100;font-family: 'Gochi Hand', cursive; }

div.signature2 { 
background:#000; padding:10px;
	border-left:2px #ecd38c solid;
	border-top:2px #ecd38c solid;
	border-bottom:2px #91652e solid;
	border-right:2px #91652e solid;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px; 
   box-shadow: 0 0 6px #979797;
   -moz-box-shadow: 0 0 6px #979797;  
   -webkit-box-shadow: 0 0 6px #979797;

}

div.box-02 { padding:5px 10px ; color:#000;float:left;width:250px; margin:0 10px; display:block}

.titre_box-02 { display:block; margin:0 0 10px 0; width:100%;}



#bx-01 { background: none; padding:5px; -moz-border-radius: 5px;}

#bx-01 td.desc { background:#0886ba; color:#FFF; padding:5px; margin:0;-moz-border-radius: 3px;-webkit-border-radius: 3px;text-align:left; }

#bx-01 td.prix { background:#df3007; color:#FFF; padding:5px; margin:0;-moz-border-radius: 3px;-webkit-border-radius: 3px; text-align:center; font-weight:bold}



#ul1 {
	margin:5px 40px 5px 0;
	padding:0 0 0 0;
	height:1%;
	float: left;
 }

#ul1 li {list-style-type:none;padding:2px 0 4px 16px; background:url(img/puce.jpg) no-repeat 0 6px}





div.box-01 #ul1 {
	margin:5px 40px 5px 0;
	padding:0 0 0 0;
	height:1%;
	float: left;
 }

div.box-01 #ul1 li {list-style-type:none;padding:2px 0 4px 13px; background:url(img/puce.png) no-repeat 0 6px}

#ul2 {color:#000;margin:10px 0 10px 10px;padding:0;list-style-type:square; list-style-position:inside; font-size:12px; line-height:16px; text-align:left}
#ul2 li {padding:0 0 8px 0;}

#ul3 {color:#000;margin:10px 0 10px 10px;padding:0;list-style-type:none; list-style-position:inside; font-size:13px; line-height:16px; display:block }
#ul3 li {padding:0 0 8px 0; font-weight:bold; text-align:left}

strong.color { color:#A13501; font-weight:bold}

strong.color2 { color:#f6ff00; font-weight:bold} 

strong.titre {	font-size:20px;font-weight:100;margin:0 0 0 0;padding:0;color:#A13501;font-family: 'Gochi Hand', cursive; }
strong.titre2 {	font-size:18px;font-weight:100;margin:0 0 10px 0;padding:3px;color:#A13501; display:block;font-family: 'Gochi Hand', cursive; text-align:center}
strong.titre3 { background:#A13501; color:#FFF; padding:3px; margin:0 0 10px 0; -moz-border-radius: 5px; font-weight:100;font-family: 'Gochi Hand', cursive; display:block; font-size:18px; text-align:center}
strong.titre4 {	font-size:20px;font-weight:100;margin:0 0 0 0;padding:0;color:#A13501; }

strong.logo {font-size:16px;color:#354aa6; font-weight:bold}

strong.mini {font-size:11px;color:#000; text-align:justify; display:block; padding:3px }

.titre_div {color:#dc427c;font-size:1.4em;font-weight:bold;padding:5px 0;-moz-border-radius: 5px;display:block;font-family: 'Gochi Hand', cursive; font-weight:500; text-transform:uppercase;}

.tarif { background:#ddab73;color:#FFF; font-weight:bold; text-align: center; padding: 5px; float:right;-moz-border-radius: 3px; -webkit-border-radius: 3px; margin:5px 0 0 0 }



span.desc {font-size:11px;}

#bx-01 td.titre { background:#E8D1C9; color:#98573F; padding:5px 5px 5px 5px; margin:0; -moz-border-radius: 5px; text-align:center; font-weight:bold}
#bx-01 td.titre2 { background:#849528; color:#FFF; padding:5px 5px 5px 5px; margin:0; -moz-border-radius: 5px; text-align:center; font-weight:bold}
#bx-01 td.titre4 { background:#DA3B70; color:#FFF; padding:5px 5px 5px 5px; margin:0; -moz-border-radius: 5px; text-align:center; font-weight:bold}
#bx-01 td.titre5 { background:#FFFCF7; color:#DA3B70; padding:5px 5px 5px 5px; margin:0; -moz-border-radius: 5px; text-align:center; font-weight:bold}
#bx-02 { background:#efefef; padding:5px; width:190px; height:245px; border:1px #999 solid;-moz-border-radius: 5px;}
#bx-02 h2 { background:#bb1212; color:#FFF; padding:5px; margin:0; text-align:center;-moz-border-radius: 5px;}

p.cliquez { text-align:center;font-size:11px;}

div#bt_galerie { background: none; width:300px; height:150px; float:right}

div#bt_galerie a { background:url(img/bt_galerie.png) no-repeat 0 -150px; width:300px; height:150px; display:block;margin:0;padding:0;}

div#bt_galerie a:hover, div#bt_galerie a.active { background:url(img/bt_galerie.png) no-repeat 0 0; width:300px; height:150px;}


/* Tutorial button with jQuery */

.otherbutton {
	clear: both;
	position:relative;
	display:block;
	height: 50px;
	width: 440px;
	background: url(img/contact.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	

.otherbutton span.hover {
	position: absolute;
	display: block;
	height: 50px;
	width: 440px;
	background: url(img/contact.png) no-repeat;
	background-position: bottom;
}

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

				 Accordion

************************************************/
.accordion, .accordion *{
	margin:0;
	padding:0;
	list-style-type: none;
}

.one{
	background:#DDF1AB;
}

.two{
	background:#F8F6B0;
}

.three{
	background:#D5F191;
}

.four{
	background:#F8F596;
}

.five{
	background:#ADE4A2;
}

.accordion li{
	cursor:pointer;
}

.accordion .active_click{
	cursor:default;
}



h3.title_accordion {
	font-size:16px;
	font-weight:100;
	margin:0 0 0 1px;
	padding:5px;
	color:#FFF;
	background:#A13501;
	font-family: 'Gochi Hand', cursive;
}

h3.title_accordion a {
	font-size:16px;
	font-weight:100;
	margin:0 0 0 1px;
	padding:5px;
	color:#FFF;
	font-family: 'Gochi Hand', cursive;
	text-decoration:none;
}

h3.title_accordion a:hover, h3.title_accordion a.active {
	color:#D5F191;
}



div#div_accordion p { padding:10px}