*{
font-family:arial;
font-size:11px;
padding:0;
margin:0;
color:#004556;
line-height:18px;
overflow:visible !important;
overflow:auto;
z-index:2;
}
.li_haut{
background-position:0 3px;
}
body
{
height:100%;
}
#contenant{
width:900px;
min-height:640px;
margin:auto;
padding:0;

}
#son_mais, #son_camp{
float:left;
width:120px;
height:25px;
padding:0;
z-index:2;
}
/*----------------*/
/*- ARR contenant les FLASH -----------*/
#arr_camp {
position:absolute;
z-index:1;
overflow:hidden;
top:35px;
height:622px;
width:900px;
padding:0;
margin:0;
}
#arr_mais{
position:absolute;
z-index:1;
overflow:hidden;
top:35px;
height:622px;
width:900px;
padding:0;
margin:0;
}
/*****************/
/*----------------*/
/*- ARR contenant le menu-----------*/
.menu{
position:absolute;
z-index:1;
top:50px;
display:block;
}
/*----------------*/
/*- UL -----------*/
ul{
font-weight:bold;
margin-left:5px;
list-style-type:none;
}
li{
font-weight:normal;
padding-left:15px;
margin-left:0 !important;
background:url(../images/fleche_verte.gif);
background-repeat:no-repeat;
background-position:0 50%;
}
li.bleu{
background-position:0 0;}
/*----------------*/
/*- ELEMENTS TITRES -----------*/
h1{
line-height:30px;
height:30px;
width:680px !important;
text-align:center;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
font-family:arial;
background-position:42px 0;
}
h2{
margin-bottom:10px;
line-height:33px;
height:33px;
width:600px;
text-align:center;
/*background-color:#F0FFD6;*/
background-image:url(../images/arr_vert.gif);
background-position:0 0 ;
background-repeat:no-repeat;
font-size:12px;
text-transform:capitalize;
}
h3{
font-weight:bold;
font-size:12px;
text-align:left;
width:auto;
padding:0 0 0 20px;
margin:10px 0 0 0;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:0 50%;
}
/*----------------*/
/*- ELEMENTS DIVERS-----------*/
p{
margin:5px 0px 5px 10px;
padding:0px 0 10px 0;
}
a{
color:#6A9F01;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:visited:hover{
color:#6A9F01;
text-decoration:underline;
}
a:visited{
color:#6A9F01;
text-decoration:none;
}
img{
margin:10px 10px 10px 10px;
float:left;
border:0;
}
/*----------------*/
/*- bouton Edition-----------*/
.edition{
position:absolute;
z-index:3;
margin:0px 0 0 20%;
width:75px;
height:25px;
background-image:url(editeur_html/bouton.gif);
background-repeat:no-repeat;
text-align:center;
}
.edition a, a:visited{
text-decoration:none;
line-height:20px;
line-height:20px;
font-weight:bold;
}
.edition a:hover{
text-decoration:underline;
}
/*----------------*/
/*- centre : affichage du contenu interieur sous menu-----------*/
.centre{
text-align:center;
width:680px;
min-height:590px;
overflow:visible;
background-color:#FFFFFF;
position:absolute;
margin-top:179px;
/*background-image:url(../images/bg-centre.png);*/
background-repeat:repeat-x;
z-index:3;
border-right:1px #EEEEEE solid;
border-left:1px #EEEEEE solid;
}
/*----------------*/
/*- style de la boite bleu pour interieur contenu -----------*/
.haut{
background-image:url(../images/bleu_haut.gif);
width:650px;
height:20px;
margin:25px auto 0 auto;
}
.bas{
background-image:url(../images/bleu_bas.gif);
width:650px;
height:20px;
margin:0 auto 25px auto;
}
.style1{
text-align:left;
margin:0 auto 0 auto;
width:650px;
background-color:#EAFEFF;
color:#0086E5;
padding:0px;
}
.style1 p{
padding:0 10px 0 10px;
margin-bottom:0;
}
.style1 ul{
margin-left:10px;
margin-bottom:0;
padding:0;
}
.style1 .contenu h2{
overflow:auto;
background-image:none;
text-align:left;
margin-left:10px;
color:#FFFFFF;
width:auto;
}
/*----------------*/
/*- style 2 pour interieur contenu -----------*/
.style2{
text-align:left;
margin: 10px auto 25px auto;
overflow:auto;
width:600px;
width:600px;
padding:5px;
}
.style2 p{
padding-top:0px;
}
.style2 h2{
background-image:url(../images/arr_vert.gif);
color:#FFFFFF;
}
/*----------------*/
/*- classe pour fleches bleues a g d'un element-----------*/
.bleu{
font-weight:normal;
background:url(../images/fleche_bleu.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:10px;
} 
h3.bleu{
font-weight:bold;
}
.bg_bleu{
background-image:url(../images/arr_vert.gif);
background-repeat:no-repeat;
margin:10px 0 10px 0;
padding: 3px 0 3px 0;
}
.bg_rouge{
background-image:url(../images/arr_rouge.gif);
background-repeat:no-repeat;
background-position:0px 0;
margin:10px 0 10px 0;
padding: 3px 0 3px 0;
color:#FFFFFF;
}
.contenu h2.bg_rouge{
background-image:url(../images/arr_rouge.gif);
background-repeat:no-repeat;
background-position:-40px 0;
color:#FFFFFF;
width:600px;
}
/*----------------*/
/*- clog ----------*/
.col_g{
text-align:left;
float:left;
width:47%;
text-align:justify;
padding-top:15px;
display:block;
}
/*----------------*/
/*- clod ----------*/
.col_d{
text-align:left;
float:right;
width:47%;
text-align:justify;
padding-top:15px;
display:block;
}
/*----------------*/
/*- pour qu'un element soit flottant a droite----------*/
.g{
float:right;
width:auto;
}
/*----------------*/
/*- remise à 0 des floats pour passer a la ligne ----------*/
.clr{
clear:both;
}
/*----------------*/
/*- classe des affichages d'articles ----------*/
.contenu{
width:600px;
padding:0;
margin-left:auto;
margin-right:auto;
text-align:left;
padding-left:5px;
border-left:1px solid #C6E3F0;
padding-right:5px;
border-right:1px solid #C6E3F0;
}
.contenu h2{
color:#FFFFFF;
width:620px;

}
.contenu object{
border:1px #CCCCCC solid;
margin:15px;
float: left;
}
object{
z-index:3;
}
/*----------------*/
/*- class des boutons 'retour en haut de page'---------*/
.more{
width:680px;
height:18px;
background:url(../images/more.gif);
background-repeat:no-repeat;
background-position:55% 0;
padding:5px 0 10px 0;
text-align:center;
border-bottom:#EEEEEE 1px solid;
}
.interne{
padding-left:140px;
}

/*----------------*/
/*- class du div contenant TOUT le contenu d'une page--------*/
.affichage{
color:#555555;
width:900px;
margin:0;
padding:0;
position:absolute;
overflow:visible;
padding-bottom:20px;
}
/**/
.acheter{
width:180px;
top:528px;
position:absolute;
z-index:10;
padding:5px;
overflow:visible;
background-color:#FFFFFF;
padding:5px;
}
.acheter .contenu{
width:auto;
padding:0;
margin:0;
border:0}
.acheter ul,.acheter ul li{
overflow:visible;
margin-left:0;
}
.acheter ul li a,.acheter ul li a:visited{
text-decoration:none;
}
.acheter ul li a:hover{
text-decoration:underline;
}
/*----------------*/
/*- id du div contenantle le contnenu des pages camping--------*/
#div1{
border-right:1px solid #B3DD3D;
border-left:1px solid #B3DD3D;
border-bottom:3px solid #B3DD3D;
}
#div1 .acheter{
left:695px;
border:1px #B3DD3D solid;
}
/*----------------*/
/*- id du div contenantle le contnenu des pages maison--------*/
#div2{
border-right:1px solid #AC8D57;
border-left:1px solid #AC8D57;
border-bottom:3px solid #AC8D57;

}
#div2 .acheter{
border:1px #AC8D57 solid;
left:20px;
}
#div2 .centre{
margin-left:217px;
}
/*----------------*/
/*- Masques blancs pour affichage--------*/
#blanc_g{
background-repeat:repeat-x;
position:absolute;
z-index:4;
background-color:#FFFFFF;
height:100%;
}
#blanc_d{
background-repeat:repeat-x;
position:absolute;
z-index:4;
background-color:#FFFFFF;
height:100%;
}
/*----------------*/
/***********************CONCERNE LISTE PRODUITS ***********/
h3.famille{
margin-left:10px;
font-size:13px;
clear:both;
float:left;
margin-bottom:8px;
background-image:url(../images/fleche_verte_cartoon.gif);
text-transform:capitalize;
color:#6A9F01;
}
ul.produit{
width:auto;
font-weight:bold;
margin:0 auto 10px auto;
padding:0;
overflow:visible;
clear:both;
}
ul.produit p{
margin:0 0 0 5px;
padding:0;
}
ul.produit li{
padding-top:7px;
padding-left:7px;
padding-right:7px;
margin:0 auto 0 auto;
font-weight:normal;
float:left;
list-style-type:none;
background-image:none;
border:solid 1px #eeeeee;
width:320px;
height:115px;
}
ul.produit li .des{
font-weight:bold;
margin-top:2px;
padding-right:0;
margin:0;
text-align:left;
font-size:12px;
line-height:12px;
height:auto;
float:left;
width:290px;
background-image:url(../images/fleche_verte.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:20px;
margin-bottom:3px;
}
ul.produit li .description {
width:130px;
float:left;
}
.plus{
display:none;
}
.descrip_inner{
display:none;
}
ul.produit li div.reference{
text-align:left;
float:left;
width:150px;
margin:0;
font-weight:normal;
}
a.ref{
font-weight:normal;
margin-left:5px;
}
.documents{
width:180px;
float:left;
padding:0;
margin:7px 0 0 0 ;
}
ul.produit li .pdf img{
padding:0 5px 0 5px;
margin:0;}
ul.produit li .pdf{
line-height:normal;
width:60px;
float:left;
clear:left;
margin:0;
padding:0;

}
.thumb{
margin:0px 0 0 5px;
min-width:auto;
height:70px;
float:right;
}
ul.produit h3{
font-size:11px;
margin:0px 0px 0px 5px;
padding:0px;
width:auto;
background-image:none;
float:left;
font-weight:normal;
}
/***********************FIN LISTE PRODUITS ***********/
/*********************** ***********/
/***********************CONCERNE LE DETAIL PRODUITS ***********/
ul.detail_produit{
width:100%;
font-size:11px;
border:none;
}

ul.detail_produit li{
overflow:hidden;
padding:0;
border:none;
/*margin-top:15px;*/
list-style-image:none;
width:auto;
background-image:none;
}
#contenant_images{
float:left;
display:block;
height:300px;
}
#img0, #img1, #img2, #img3, #img4{
position:absolute;
/*float:left;*/
max-width:420px;
max-height:300px;

}
#controle{
float:left;
height:20px;
}
#controle a{
margin-left:10px;
float:left;
font-size:9px;}
#diap{
float:right;
}
.big{
padding:3px;
/*border:1px solid #999999;*/
margin:0;
max-width:415px;
}
ul.detail_produit .ligne_haut{
margin-bottom:5px;
overflow:hidden;
width:850px;
}
ul.detail_produit .des{
margin-top:10px;
text-align:left;
font-size:14px;
font-weight:bold;
line-height:normal;
float:left;
width:100%;
}
ul.detail_produit .description{
padding:3px;
text-align:left;
line-height:normal;
float:left;
margin-left:420px;
width: 400px;
/*border-top:1px solid #EEEEEE;*/

}
ul.detail_produit .description li,ul.detail_produit .part li {
/*margin-left:150px;*/
background-image:url(../images/fleche_verte.gif);
list-style-type:none;
padding-left:20px;
}
ul.detail_produit .ref{
text-align:left;
float:left;
width:55%;
padding:3px 0 10px 0;
height:45px;
}
ul.detail_produit .ref p{
font-weight:bold;
padding:0;
margin:0;
}

ul.detail_produit .pdf{
width:40%;
float:right;
overflow:visible;
}
ul.detail_produit .pdf img {
width:20px;
height:20px;
}
ul.detail_produit .pdf p{
padding:0;
margin:0 0 0 5px;
font-weight:normal;
font-size:10px;
float:left;
color:#333;
}

p.print{
background-image:none;
padding:0;
margin:0;
float:right;
width:70px;
color:#CCCCCC;
}
p.print:hover{
background-image:none;
}
ul.detail_produit .caracteristiques{
text-align:left;
float:left;
width:450px;
margin-top:0;
padding:0;
}
ul.detail_produit h3 {
color:#6A9F01;
line-height:18px;
margin-left:10px;
text-transform:capitalize;
}
/*plus produits*/
ul.detail_produit .part{
margin-left:10px;
text-align:left;
float:left;
width:550px;
padding: 0px;
/*border-top:1px solid #CCCCCC;*/
/*border-left:1px solid #EEEEEE;*/
margin-bottom:50px;
}
ul.detail_produit .accessoires_attaches{
font-weight:normal;
float:left;
/*border-top:1px solid #cccccc;*/
/*border-right:1px solid #EEEEEE;*/
padding-bottom:50px;
width:270px;
}
/***********************FIN DE DETAIL PRODUITS ***********/
/*********************** ***********/
/***********************CONCERNE POPUP DE DETAILS PRODUITS***********/

#popup{
position:absolute;
background-color:#FFFFFF;
border:2px #EEEEEE solid;
overflow:scroll;
}
.btn_fermer{
background-image:url(../images/fermer.gif);
background-repeat:no-repeat;
background-position:0 50%;
position:absolute;
top:5px;
right:5px;
padding-left:20px;
color:#222323;
}
.btn_fermer a{
font-size:10px;}
.btn_fermer:hover{
background-image:url(../images/fermer2.gif);
}

.load{
width:100px;
margin-left:200px;
margin-top:150px;
text-align:center;
}
.load img{
margin-left:25px;}
.load p{
text-align:center;
float:left;}

/***********************FIN POPUP DE DETAils pRODUITS***********/
/**************************************/
/*                    lien imprimer                             */
.print{
width:100%;
font-weight:normal;
font-size:10px;
color:#999999;
background-image:url(../images/print.gif);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:18px;
padding-top:5px;
padding-bottom:5px;
}
.print:hover{
background-image:url(../images/print2.gif);}
#principal{
display:none;
visibility:hidden;}
/***********************************/
/*Liens bas de page*****************************/
.bottom{
float:left;
}
#lien_camp{
padding:0;
margin:0;
background-color:#FFFFFF;
/*margin-top:690px;*/
position:absolute;
width:900px;
height:35px;
/*margin-left:150px;*/
overflow:auto;
}
#lien_camp a.link{
text-decoration:underline;
color:#AC8D57;
float:left;
background-image:url(../images/home.png);
background-repeat:no-repeat;
padding-left:20px;
}
#lien_camp .bottom{
margin-left:20px;
float:left;
}
.legal{
text-align:right;
width:120px;
float:right;
}
.legal p{
color:#222323;
margin:0;
padding:0;
font-size:9px;
float:none;
line-height:12px;
}

#lien_mais{
padding:0;
margin:0;
background-color:#FFFFFF;
overflow:auto;
/*margin-top:680px;*/
position:absolute; 
width:900px;
height:35px;
float:left;
/*margin-left:50px;*/

}
#lien_mais .bottom{
margin-left:20px;
float:left;
}
#lien_mais a.link{text-decoration:underline;
float:left;
background-image:url(../images/tente.png);
background-repeat:no-repeat;
padding-left:40px;
}
.bottom a{
text-transform:capitalize;
text-decoration:none;
color:#222323;
font-weight:normal;
font-size:9px;
margin-left:5px;
padding-left:10px;
background-image:url(../images/fleche_verte.gif);
background-repeat:no-repeat;
background-position:0 50%;
}
/****************FIn bas ***********************/
/*          ELEMENTS DE RECHERCHE */ 

input.search{
margin-left: 15px;
margin-top:5px;
float:left;
width:150px;
padding:0;
line-height:12px;
overflow:visible;
}
input.btn{
float:left;
width:70px;
margin-top:4px;
padding:0;
overflow:visible;
height:20px;
line-height:12px;
}
a.search{
padding:10px 20px 10px 20px;
background-color:#EEEEEE;
}
div.search{
overflow:scroll;
height:580px;
padding:20px;
}
div.search img{
display:none;
}

.search_desc{
height:60px;
overflow:hidden;
border:1px solid #000000;}
/*
*/
.w3c{
float:right;
margin:0;
padding:0;
}
.w3c img{  
display:none;
}
.w3c p{
width:50px;
margin:0 5px 0 5px;
padding:0;
font-size:9px;
float:left;
}
.w3c a{
text-align:center;
line-height:10px;
margin:0;
padding:0;
font-size:9px;
float:left;
font-weight:normal;
}
/********  f a q *****************/
ul.faq{
text-align:left;
padding:10px;
line-height:20px;
background-color:#FFFFFF;
}
a.faq{
color:#222322;
}
ul.faq p{
width:500px;
line-height:20px;
background-image:url(../images/pimp2.gif);
background-repeat:no-repeat;
background-position:0 20%;
padding-left:20px;
font-weight:bold;}
ul.faq li{
padding:0;
margin:0;
background-image:none;
} 
ul.faq li p{
display:none;
width:500px;
background-image:none;
font-weight:normal;
line-height:normal;
} 
/******************************/
/*   contact */
form.contact{
width:75%;
}
form.contact input,form.contact p, form.contact select, form.contact textarea{
width:200px;
clear:both;
padding:0;
margin:0;
margin-top:10px;}
/************************************************
pour photos
************/
#toutes_images{
overflow:visible;
width:250px;
height:300px;
border:1px #FFAA00 solid;
position:relative;
}
.image{
width:250px;
height:300px;
border:1px #000000 solid;
}
#div3{
float:left;
}
#div4{
float:left;
}
#div5{
float:left;
}
/***************
accueil
*/
#accueil_camping{
float:left;
width:450px;
background-color:#FFFFFF;
}
#accueil_maison{
float:right;
width:451px;
}

#accueil_camping a img.img_fond,#accueil_maison a img.img_fond{
margin:0;
padding:0;
position:absolute;
z-index:2;
}
#accueil_camping  a p,#accueil_maison a p,#accueil_maison a p a, #accueil_camping a p a {
position:absolute;
z-index:0;
}