body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-shadow:#484848 1px 1px 1px;
color:#fff;
text-align:center;
background:#000 url(../images/cnt_bgr.jpg) no-repeat center top;
}

/*class*/
.clear{ clear:both;}
.floatL{float:left;}
.floatR{float:right;}

.jaune{color:#fcd022; }
.rouge{color:#dc0808; }
.beige{ color:#eddd97; }
.blanc{ color:#fff; }
.titre{	font-size:1.2em; font-weight:bold;}
.note{font-style:italic; font-size:0.8em;}
.small{font-size:0.8em;}



/*general*/
form#form1{	margin:0px;	padding:0px; }
img{ border:0px; }
p{ margin:0px; padding:5px 0;}

a:focus { outline:none;}
a, a:link, a:visited { color:#fcd022; text-decoration:underline; }
a:hover, a:visited:hover { color:#fff; text-decoration:none; }

h1{
margin:0px;
font-size:3em;
color:#fcd022;
font-weight:bold;
text-shadow:#484848 1px 1px 3px;
}

h2{
margin:0px;
font-size:1.7em;
color:#fff;
font-weight:bold;
text-shadow:#484848 1px 1px 3px;
}

h3{
margin:0px;
padding:0px;
font-size:1.4em;
color:#eddd97;
font-weight:bold;
text-shadow:#484848 1px 1px 3px;
}

/* Form */
a.submitBtn{
display:block;
margin:5px 0 0;
padding:0;
text-align:center;
height:30px;
width:80px;
line-height:28px;
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
border:0;
background:url(../images/submit_bgr.gif) top repeat-x;
}
a.submitBtn:hover{

background-position:0 -30px;
}

.inputText{
margin:5px 0 0 0;
padding:0px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:30px;
line-height:28px;
	border:0px;
}


/**/

#Container{
position:relative;
margin:0 auto;
padding:0px;
width:980px;
text-align:justify;
}

#FormContainer{
position:relative;
margin:40px auto 0 auto;
padding:0px;
width:550px;
text-align:center;
}


#Logo{
margin:0px;
padding:40px 0 20px 10px;	
}

#TopNav{margin:0px;	padding:0 0 40px 0; font-size:0.8em; font-weight:bold; line-height:0.8em; background:url(../images/topmenu_bgr.png) no-repeat left top;}
#TopNav ul{	margin:0px; padding:5px 0 5px 5px; list-style:none;}
#TopNav ul li{ margin:0px; padding:5px 10px; display:inline; list-style:none;}
#TopNav ul li a, #TopNav ul li a:visited{ color:#fff; text-decoration:none; }
#TopNav ul li a:hover, #TopNav ul li a:visited:hover{ color:#fff; text-decoration:underline; }


#TopSubNav{
position:absolute;
top:0px;
right:30px;
display:block;
padding-right:0px;
height:27px;
font-size:0.8em; font-weight:bold; line-height:0.8em;
}
#TopSubNav ul{float:right; height:27px;	margin:0; padding:7px 0px 0px 31px; list-style:none; background:url(../images/topsubmenu_bgL.png) no-repeat left top;}
#TopSubNav ul li{  margin:0px; padding:5px 10px; display:inline; list-style:none;}
#TopSubNav ul li a, #TopNav ul li a:visited{ color:#fff; text-decoration:none; }
#TopSubNav ul li a:hover, #TopNav ul li a:visited:hover{ color:#fff; text-decoration:underline; }
#TopSubNav span{
display:block;
float:right;
height:27px;
width:31px;
background:url(../images/topsubmenu_bgR.png) no-repeat right top;
}



#Content{
margin:0px;
padding:0 10px;
}


/*** SECTION INDEX ***/
h1.ind{
	width:650px;
}
h3.ind{
margin:0px;
padding:20px 0 0;
width:550px;
}

.indTopVis{
position:absolute;
top:0px;
right:0px;
z-index:-1;
}


#IndCol1{
	float:left;
	width:550px;
}
#IndCol2{
	float:right;
	width:350px;
}

#Bloc2{
margin:20px 0;
padding:0;
width:550px;
height:253px;
background:url(../images/ind_bloc2_bgr.jpg);
}

#Bloc3{
margin:20px 0;
padding:0;
width:550px;
height:253px;
background:url(../images/ind_bloc3_bgr.jpg);
}

#Bloc2 .titre, #Bloc3 .titre{
	margin:0px;
	padding:40px 0 0 110px;
	font-size:1.3em;
}

#Bloc2 .stitre, #Bloc3 .stitre{
	margin:0px;
	padding:10px 0 0 180px;
	width:320px;
	font-weight:bold;
	font-style:italic;
	color:#eddd97;
	text-align:right;
}
#Bloc2 .cit, #Bloc3 .cit{
margin:0px;
padding:5px 60px 0 0;
text-align:right;
font-size:0.8em;
color:#eddd97;
}

#Bloc2 p, #Bloc3 p{
margin:0px;
padding:20px 30px 0 80px;

}





#IndCol2 .acc {
margin:0 auto;
width:160px;
padding:70px 0 0 0;
font-weight:bold;
}

#IndCol2 .acc ul{ margin:0px; padding:0 0 15px 20px; }
#IndCol2 .acc ul li{ margin:0px; padding:0px 0px 3px 0px; }

/*#IndCol2 a.btnacc { display:block; width:154px; height:30px; background:url(images/adh_btn_acc.png) no-repeat top; }*/
#IndCol2 a.btnacc:hover{ background-position:0 -30px;}
#IndCol2 a.btnacc span { display:none;}

#IndCol2 .adh {
margin:0 auto;
padding:20px 0 40px 0;
text-align:center;
font-weight:bold;
}
#IndCol2 .adhNum{ font-size:1.4em; line-height:2em;}




/*** SECTION FONCTIONALITÉS ***/

h1.fon{
	width:500px;
}
h3.fon{
margin:0px;
padding:20px 0 0;
	width:500px;
}
.fonTopVis{
position:absolute;
top:100px;
right:0px;
}

#BlocFon{
margin:40px 0 0 0;
padding:0px;
border:1px solid #454545;
background:url(../images/blk40.png);
}
#BlocFon .topBlocFon{
/*background:voir langue css;*/
padding:0px 50px 0 50px;
}

#BlocFon img.topTab{
	position:relative; top:0px; left:-50px;
	z-index:1;
}

.blocFonction{
margin:20px auto;
width:884px;
height:306px;
}
.blocFonction.com{background:url(../images/fon_bgr_com.jpg) no-repeat left top;}
.blocFonction.loc{background:url(../images/fon_bgr_loc.jpg) no-repeat left top;}
.blocFonction.fil{background:url(../images/fon_bgr_fil.jpg) no-repeat left top;}
.blocFonction.con{background:url(../images/fon_bgr_con.jpg) no-repeat left top;}

.blocFonction .icone{
	float:left;
	margin:20px 0 0 50px;
}
.blocFonction .infos{
	float:left;
	margin:25px 0 0 15px;
	padding:0px;
	width:350px;
}
.blocFonction .infos .infosTitre{ font-size:1.5em; font-style:italic; font-weight:bold; margin-bottom:10px;}
.blocFonction .infos .infosSTitre{ font-size:1.1em; font-weight:bold;}

.blocFonction a.agr{
	display:block;
	margin:10px 0 0;
	padding:0 0 0 35px;
	height:28px;
	line-height:25px;
	text-decoration:none;
	background:url(../images/fon_btn_agr.png) no-repeat left;
	
}


.blocFonction .image{
	float:left;
	margin:50px 0 0 30px;
	padding:0px;
	width:375px;
}




/*** SECTION ADHERER ***/

#Bloc1{
margin:20px 0;
padding:10px 20px 30px;

}

#Bloc1 .titre{
	font-size:1.5em;
}


#BlocAdh{
margin:0px;
padding:0px;
width:478px;
height:346px;
}

#BlocAdh.v1{	background:url(../images/adh_v1_bgr.png) no-repeat top;}
#BlocAdh.v2{	background:url(../images/adh_v2_bgr.png) no-repeat top;}

#BlocAdh .titre{margin:0px; padding:30px 0 15px 60px; font-size:3em; }
#BlocAdh .stitre{ margin:0px; padding:0 20px 10px 60px; width:350px;}

#BlocAdh ul {margin:0px; padding:0 0 0 60px; }
#BlocAdh ul.v1 li{ margin:0px; padding:2px 0 2px 20px; list-style:none; background:url(../images/adh_v1_li.png) no-repeat left;}
#BlocAdh ul.v2 li{ margin:0px; padding:2px 0 2px 20px; list-style:none; background:url(../images/adh_v2_li.png) no-repeat left;}

#BlocAdh .adh {
float:right;
margin:-30px 25px 0 0;
padding:0;
text-align:center;
font-weight:bold;
font-size:1.4em;
line-height:2em;
color:#fcd022;
}


#BlocAdh .acc {
float:left;
margin:0 0 0 30px;
padding:20px 0 0 50px;
font-weight:bold;

}

#BlocAdh .acc ul{ margin:0px; padding:0 0 15px 20px; }
#BlocAdh .acc ul li{ margin:0px; padding:0px 0px 3px 0px; }

/*#BlocAdh a.btnacc { voir le css de la langue }*/
#BlocAdh a.btnacc:hover{ background-position:0 -30px;}
#BlocAdh a.btnacc span { display:none;}



#BlocConfig{
margin:40px 0 0;
padding:20px;
border:1px solid #fff;
background:#242424;
}



/*** SECTION CONTACT ***/
#ContactForm{
float:left;
margin:150px 0 0 50px;
padding:20px;
width:360px;
border:1px solid #000;
background:url(../images/blk40.png);
}

.contactTextArea{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#484848;
width:350px;
border:0px;
margin:5px 0;
padding:5px;
}


/*** SECTION POLITIQUE ***/
ol.politique li{
	padding:5px 0;
}

/*** SECTION CONDITIONS ***/
ol.conditions li{
	padding:5px 0;
}



/* FOOTER */
#Footer{
margin:50px 0 20px 0;
padding:80px 0 5px 0;
width:980px;
font-size:0.8em;
color:#fff;
background:url(../images/footer_bgr.png) no-repeat center top;
}

#Footer .copy{ width:630px; float:left; }
#Footer .links{ width:300px; float:right; text-align:right; }
#Footer a, #Footer a:visited{ color:#fff; text-decoration:none; }
#Footer a:hover, #Footer a:visited:hover{ color:#fff; text-decoration:underline; }

#Footer .nexun{ margin:10px 0 0 0; text-align:right; color:#666; background:url(../images/footer_bot_line.png) no-repeat center top; }
#Footer .nexun a, #Footer .nexun a:hover, #Footer .nexun a:visited {
	color:#666;
}