/* CSS Document */
html, body {
	padding: 0;
	margin:0;
	height:100%;
}
body{
	margin:0;
	font: 0.625em/1em Verdana, Arial, "Times New Roman", Times, serif;
	background-color:#ff7800;
	color:#000;
}
blockquote
{
	font-style:italic
}

kbd {
font-size : 1.1em;
padding: 0px 2px;
border: 1px solid #ccc;
}
h1{
	text-indent:-2000px;
	float:left;
}
h2
{font-size : 1.5em;}
h3
{font-size : 1.2em;}
.erreur, .reussite {
	font-size: 1.2em;	
	font-weight: bold;
	text-align: center;
	background-color:transparent;
}
.erreur{
	color: #952121
}
.reussite {	
	color: #6C6
}
/*=============================*/
/**  Classes de mise en page  **/
/*=============================*/
.clear{clear:both}
.tleft{text-align:left}
.tright{text-align:right}
.tcenter{text-align:center}
.tjustify{text-align:justify}

a.torange,a.torange:hover,a.tblanc,a.tblanc:hover,a.tgrisf,a.tgrisf:hover, a.tnoir{text-decoration:none}
.torange{color:#ff7800;}

a.torange:hover{color:#FC0}

.tblanc{color:#fff}
a.tblanc:hover,a.tgrisf:hover,.tgrisc{color:#999}

a.tnoir{color:#000}
a.tnoir:hover{color:#474747}

.tgrisf{color:#474747}

.tel{
	margin-top:-4px;
	font-size:0.8em;
}
.tmaj{font-variant:small-caps}
.gras{font-weight:bold}
.left{float:left}
.right{float:right}
.bnull{border:0}
.block{display:block}
.lh30{line-height:30px}
.fs12{font-size:1.1em}
.fs14{font-size:1.4em}
.pad5{padding:0 5px; margin:2px 0 0 0}
.marl30{margin:0 30px}
.fnull{margin:0; padding:0}
.pad2{padding:5px 0 0 0}

/*=============================*/
/**  Mise en Forme du design  **/
/*=============================*/
#conteneur{
	position: relative;
	min-height: 100%;
	width:100%;
	background:url(../theme/fond.jpg);
	background-repeat:repeat-x;
}

#site{
	position:relative;
	width:869px;
	margin:0 auto;
	border-bottom:2px solid #474747;	
}
.bgsite{background-image:url(../theme/fsite.jpg)}
.bgaccueil{background-image:url(../theme/faccueil.jpg)}
#ban{
	position:relative;
	width:869px;
	height:139px;
	background-image:url(../theme/ban.jpg);
}
#menu_gauche{
	position:relative;
	width:172px;
	margin:0 0 0 2px !important;
	margin:0 0 0 1px;
	float:left;
	font-size:0.9em;
}
#page{
	position:relative;
	width:670px;
	float:left;
	margin-left:10px;
	margin-top:53px;
	line-height:1.4em;
}
#pageacc{
	position:relative;
	width:860px;
	float:left;
	margin-left:10px;
	margin-top:53px;
	line-height:1.4em;
}
#logo{
	position:relative;
	display:block;
	width:245px;
	height:139px;
	background-image:url(../theme/logo2.jpg);
	font-size:0;
}
#pied_page{
	position:relative;
	width:869px;
	height:30px;
	background-color:#474747;
	line-height:30px;
	font-size:1.2em;
	margin:7px auto 0 auto;
	font-variant:small-caps;
	text-align:right;
}
/*=============================*/
/**            Ban            **/
/*=============================*/
#menu_acc{
	position:absolute;
	top:5px;
	font-size:1.1em;
	right:0;
}
	ul#access{	
		text-align:right;
		margin-top: 0
	}
		#access li{
			display: inline;
			margin-left:7px
		}
		#access a{
			text-decoration:none;
			color:#000
		}
		#access a:hover{
			text-decoration:underline;
		}
#menu_ban{
	position:absolute;
	bottom:0;
	right:0;
}
	#menu_ban li{
		font-weight:bold;
		text-align:center;
	}
	#menu_ban a{
		text-decoration:none;
		display:block;
	}
	.menu_ban_b,.menu_ban_b2{
	width:98px;
	height:24px;
	}
		.menu_ban_b{
		background-image:url(../theme/b_menu_up.jpg);
		}
		.menu_ban_b:hover{
		background-image:url(../theme/b_menu_down.jpg);
		}
		.menu_ban_b2{
			background-image:url(../theme/b_panier_up.jpg);
		}
		.menu_ban_b2:hover{
			background-image:url(../theme/b_panier_down.jpg);
		}	
#menu_ban ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
#menu_ban li{
	float:left;
	display:block;
	line-height:24px;
	margin:0 3px 0 3px;
}
a#pali {
	text-decoration:underline;
	color:#474747
}


/*=============================*/
/**       Menu de Gauche      **/
/*=============================*/
#stat_panier{
	position:relative;
	width:172px;
	height:45px;
	padding:10px 0;
	line-height:1.4em;
	text-align:right;
	background-color:#FFFFFF;
	background-image:url(../theme/h_menu_g.jpg);
}
a.bouton_menu{
	position:relative;
	width:170px;
	height:25px;
	margin:0;
	background-image:url(../theme/menu.jpg);
	line-height:24px;
}
a.bouton_menu:hover{
	background-image:url(../theme/menu_down.jpg);
}
ul#menu_g{
	width:170px;
	position:relative;
	padding:0;
	margin:0;
	list-style-type:none;
}
#menu_g li{
	line-height:25px;
}
ul#menu_gf{
	width:160px;
	position:relative;
	margin:0 0 0 5px;
	padding:0 !important;
	padding:0 0 0 3px;
	background-color:#FFF;
	list-style-type:none;
}
#menu_gf li{
	line-height:1.4em;
}
ul#menu_gff{
	list-style-type:none;
	margin:0 0 0 5px;
	padding:0;
}
/** Recherche  **/
ul#rech{
	position:relative;
	margin:0 0 0 20px;
	list-style-type:none;
}
#rech a{text-decoration:underline}

/** Accueil **/
.lititre{
	position:absolute;
	height:35px;
	top:0;
	left:20px;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	line-height:35px;
}
a.accueil{
	position:absolute;
	height:35px;
	bottom:0;
	right:20px;
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	line-height:35px;
	text-decoration:none;
	display:block;
}
.mairie{
	position:relative;
	width:350px;
	height:200px;
	margin:0 40px 10px 30px;
	float:left;
	background-image:url(../theme/mairie.jpg);
}
.btp{
	position:relative;
	width:350px;
	height:200px;
	margin:0 30px 10px 40px;
	float:left;
	background-image:url(../theme/btp.jpg);
}
.camping{
	position:relative;
	width:350px;
	height:200px;
	margin:0 40px 30px 30px;
	float:left;
	background-image:url(../theme/camping.jpg);
}
.archi{
	position:relative;
	width:350px;
	height:200px;
	margin:0 30px 30px 40px;
	float:left;
	background-image:url(../theme/archi.jpg);
}
/*=============================*/
/**            Page           **/
/*=============================*/
#arianne{
	position:absolute;
	width:640px;
	height:30px;
	margin:0;
	top:-41px;
	padding-left:30px;
}
#arianne ul{
	list-style-type:none;
}
#arianne li{
	display:inline;
	line-height:30px;
}
#titre_page{
	position:relative;
	background-color:#474747;
	width:670px;
	height:30px;
}
#fond_photo{
	position:relative;
	width:668px;
	border:1px solid #474747;
	border-bottom:0;
	border-top:0;
	padding:10px 0;
	background-color:#999;
}
#fond_vignette{
	position:relative;
	width:670px;
	margin:0;
	padding:0;
	background-color:#474747;
}
#f_vignette{
	position:relative;
	width:670px;
	height:76px;
	padding:0;
	margin:0;
	text-align:center;
	background:url(../theme/fondvignette.jpg);
	background-repeat:repeat-x;
}
/*** page contact ***/
#formulaire fieldset {
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom: 20px;
	border: 1px solid #ff7800;
}
legend {
	color: #000;
	background-color:#fff;
    }
 form p {
    float: left;
     display: inline;
     text-align: right;
     width: 250px;
     margin: 5px 0 5px 40px;
 }
    #formulaire p.type  {
        width:310px;
		
    }
    #formulaire p.message{	
        width:450px
		
    }
	#formulaire p.mail  {
        width:267px
    }
        #formulaire textarea, input, select{
            vertical-align: middle;
            background-color: #fff;
			color: #000;
        }
#formulaire a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#formulaire a.aide img {
	margin: 0;
	padding: 0;
	border: 0;
}
#formulaire a.aide:hover {	
	cursor: help;
}	
.valid{
    background-color:#ff7800;  
    border:1px solid #f60;
    color:#fff;
    cursor:pointer;
    font-weight:600;
    height:21px;
    padding-bottom:4px;
    text-align:center
}

.valid:hover, .valid:focus, .valid:active{
    background-color:#fc0; 
	color:#fff;  
    border-color:#f60;
}

form input.valid:active{
    background-color:#ff7800;
	color:#fff;
    border-color:#f60
}
#spam legend{
	color:#ff7800; 
	background-color:#fff
}
/*** page mentions ***/
#meng{
	position:relative;
	margin-left:40px;
}
#mend{
	position:relative;
	margin-left:40px; 
	margin-bottom:40px;		
}
/*=============================*/
/**         Catalogue         **/
/*=============================*/
ul#menu_ssf{
	position:relative;
	margin:0;
	padding:0;
	height:30px;
	list-style-type:none;
	text-align:center;
}
#menu_ssf li{
	display:inline;
	line-height:30px;
}
.info_prod{
	position:relative;
	height:24px;
	line-height:24px;
	text-align:center;
}
#nb_prod{
font-size:1.1em
}
#not_prod{
	height:400px;
	text-align:center;
	line-height:400px;
}
.fleche{border:0}
.clic{color:#ff7800;}
.vignette{
	margin:3px 13px;
}
a.bgv{
	position:relative;
	width:32px;
	height:76px;
	margin:0;
	background-image:url(../theme/gvignette_up.jpg);
}
a.bgv:hover{
	background-image:url(../theme/gvignette_down.jpg);
}
a.bdv{
	position:relative;
	width:32px;
	height:76px;
	margin:0;
	background-image:url(../theme/dvignette_up.jpg);
}
a.bdv:hover{
	background-image:url(../theme/dvignette_down.jpg);
}
a.fich{
	position:absolute;
	right:0;
	width:90px;
	height:50px;
	margin:0;
	background-image:url(../theme/fiche.jpg);
}
a.fich:hover{
	background-image:url(../theme/fiche_down.jpg);
}
ul#ul_vign{
	list-style-type:none;
	margin:0;
	padding:0;
}
#ul_vign li{
	display:inline;
	margin:0;
	padding:0;
}
/**  9 vignettes catalogue */

ul#catal{
	list-style-type:none;
}
#catal li{
	display:inline;
	width:150px;
	height:150px;
	border:1px solid #474747;
	float:left;
	padding:5px;
	text-align:center ;	
}
.cval{	
	margin:5px;
}
.cval2{	
	margin:5px 5px 5px 40px;
}
/*=============================*/
/**           Fiche           **/
/*=============================*/
#hpage{
	display:block
}
ul#fiche{
	list-style-type:none;
}
#fiche li{
	display:inline;
}

.cadre,.cadre2{
	position:relative;
	right:10px;
	background-color:#ccc;
	width:380px;
	margin-bottom:5px;
	text-align:justify;
	float:right;
}
.cadre{	
	background-image:url(../theme/f_fond.jpg);	
}
.cadre2{	
	background-image:url(../theme/f_fond2.jpg);	
}
.cadre img
{display:block}
#cadre_photo{
	position:relative;
	width:250px;
	left:10px;
	text-align:center;
}
#b_fiche{
	background-color:#474747;
	height:20px;
}
.aj_panier,a.b_tft,a.b_imp,a.b_mod
{
	width:70px;
	height:70px;
	float:right;
	bottom:0;
}
a.b_tft,a.b_imp,a.b_mod
{
	margin:0 10px -10px 10px;
}
.aj_panier{
	font-size:0;	
	margin:0 30px -10px 10px;	
	border:0;	
	background-image:url(../theme/b_ajpan_up.jpg);
	cursor:pointer
}
.aj_panier:hover{
	background-image:url(../theme/b_ajpan_down.jpg);
}
a.b_tft{	
	background-image:url(../theme/b_tft_up.jpg);
}
a.b_tft:hover{
	background-image:url(../theme/b_tft_down.jpg);
}
a.b_imp{	
	background-image:url(../theme/b_imp_up.jpg);
}
a.b_imp:hover{
	background-image:url(../theme/b_imp_down.jpg);
}
a.b_mod{	
	background-image:url(../theme/b_mod_up.jpg);
}
a.b_mod:hover{
	background-image:url(../theme/b_mod_down.jpg);
}
.prix{
	width:177px;
	float:right;
	text-align:left
}
.modele{
	width:177px;
	float:left;
	text-align:center
}


/*** affichage tof ral **/
 a.info_ral:hover { background:none; z-index:500; }
a.info_ral span {display: none;}
a.info_ral:hover span {
	display:block;
      position: absolute; 
   width:500px; 
	top: -100px; 
   right: 300px;   
   padding: 3px;
 
}
/*=============================*/
/**           panier           **/
/*=============================*/
#h2imp, .displ{
	display:none
}
/**** tableau ****/
#panier {
	width:90%;	
	text-align:center;
	border-collapse: collapse;
	margin:10px auto;
	border-left: solid 1px #474747;
	border-right: solid 1px #474747;
}
#panier caption{
	color:#fff;background-color:#999;
	font-weight:bold;
	padding-bottom:15px !important;
	padding-bottom:25px ;
	font-size:1.4em
}
#panier a{
	color:#ff7800;background-color:transparent;
	font-weight:bold
}
#panier a:hover{
	color:#FC0;background-color:transparent;
	text-decoration:none
}

#panier th {
	background-color:#474747;
	color:#fff;
}

#panier td {
	color:#000;
	background-color:#ccc;
	border-bottom: solid 2px #474747;
	padding-bottom:2px;
	padding: 4px 2px;
}
	
.sup_panier{
	margin:0 auto;
	width:20px;
	height:20px;
	text-decoration:none;
	display:block;
	background-image:url(../theme/b_sup_up.jpg);
}		
.sup_panier:hover{
	background-image:url(../theme/b_sup_down.jpg);
}
/**** encart affichage prix ****/
.prix_panier,.prix_panier1{
	float:right;
	width:187px;
	text-align:center;
	background-color:#ccc;
	background-image:url(../theme/f_fond2.jpg);
	margin-bottom:0;	
}
.prix_panier{
	margin-right:35px !important;
	margin-right:17px ;
}
.prix_panier1{
	margin-right:6px;
}
.prix_panier p,.prix_panier1 p{
	float:right;
	width:117px;
	text-align:center;
	font-size:1.4em;
	font-weight:bold
}

/**** liens de fin de page panier ****/
ul#ul_panier{
	list-style-type:none;
	margin:0 !important;
	margin-bottom:-10px;
	padding:0;
	float:right;
	width:265px;
}
#ul_panier li{
	display:inline;
}
#rec_panier,a.imp_panier,#val_panier
{
	cursor:pointer;
	width:70px;
	height:70px;
	float:left;
	bottom:0;
} 
#rec_panier,#val_panier{
	font-size:0;	
	margin:0 10px -10px 0;
	border:0;
	}
#rec_panier{
	background-image:url(../theme/b_rec_up.jpg);
}
#rec_panier:hover{
	background-image:url(../theme/b_rec_down.jpg);
}
#val_panier{	
	background-image:url(../theme/b_val_up.jpg);
}
#val_panier:hover{
	background-image:url(../theme/b_val_down.jpg);
}
a.imp_panier{	
	margin:0 0 -10px 0;	
	background-image:url(../theme/b_impp_up.jpg);
}

a.imp_panier:hover{
	background-image:url(../theme/b_impp_down.jpg);
}
/*=============================*/
/**         Pied        **/
/*=============================*/
ul#pied{	
	text-align:right;
	margin-top: 0;
	margin-bottom: 0;
		}
		#pied li{
			display: inline;
			margin-left:7px;
			color:#fff
		}
		#pied a{
			text-decoration:none;
			color:#fff
		}
		#pied a:hover{
			text-decoration:underline;
		}

/*HACK*/
* html #pageacc{margin-left:0;}
* html .mairie{	margin:0 40px 10px 20px;}
* html .btp{ margin:0 20px 10px 40px;}
* html .camping{ margin:0 40px 30px 20px;}
* html .archi{	margin:0 20px 30px 40px;}
* html #conteneur{height:100%}
* html .tel{margin-top:-10px;}
*+html .tel{margin-top:-10px;}
* html.prix_panier img,* html.prix_panier1 img,* html.cadre2 img, * html #ul_vign, * html #ul_panier{display:block;}
* html #ul_panier{height:70px;}
#accueil1 {
position:absolute;
z-index:2;
}
#accueil2 {
position:relative;
z-index:1;
height:450px;
width:300px;
padding-left:50px;
}