@charset "utf-8";
/* CSS Document */
*{
margin: 0;
padding: 0;
zoom: 1;
}

img{
border: none;
}

html{
background: #e3e3e3;
font: normal 70%/1.2em Arial, Verdana, Trebuchet MS, sans-serif;
color: #333;
text-align: center;
height: 100%;
}

body{
width: 980px;
margin: 0 auto;
text-align: left;
height: 100%;
}

h1{
font-size:15px;
}

#conteneur{
width:950px;
position:relative;
}
/*--------------------------TITRES--------------------------*/
h2{
font-size: 1.6em;
background:url(../img/puce_h2.jpg) no-repeat center left;
border-bottom:1px #5B3F1E dotted;
color:#5B3F1E;
text-transform:uppercase;
line-height:18px;
margin:0px 15px 20px 15px;
width:900px;
padding-bottom:4px;
padding-left:20px;
}

h3{
font-size: 1.3em;
line-height: 1.5em;
margin: 1em 0 0.1em 0;
font-weight: bold;
text-transform:uppercase;
color: #c6d012;
}


#partenaire h3{
color: #c6d012;
background-color:#222;
padding-left:3px;
}

#partenaire {
margin-top:0px;
}

.invisible
{
display:none;
}



/*--------------------------COULEURS--------------------------*/
.vert
{color:#c6d012;
}

.brun
{
color:#5b3f1e;
}

/*--------------------------MENU--------------------------*/
#nav
{
width:980px;
height:95px;
float:left;
background:url(../img/bg_corps_haut.jpg) bottom no-repeat;

}

#nav li
{
display:block;
float:left;
width:194px;
height:96px;
color:#FFF;
background:url(../img/bg_nav_li.jpg) no-repeat;
list-style:none;

}
#nav li a
{
display:block;
color:#FFF;
text-decoration:none;
font-size:18px;
font-weight:bold;
margin:5px 0 0 15px;
background:url(../img/puce_menu3.png) no-repeat;
background-position:left top;
padding-left:40px;
padding-top:5px;
text-align:left;
line-height:18px;
}

#nav li a:hover
{
color:#5b3f1e;
}

.courant{
background:url(../img/bg_nav_li_courant.jpg) no-repeat!important; width:194px!important;height:96px;}


#nav_accueil {background:url(../img/bg_nav_accueil.jpg) no-repeat!important; width:199px!important;height:96px; }
#nav_rencontrer {background:url(../img/bg_nav_rencontrer.jpg) no-repeat!important; width:199px!important;height:96px; }

#nav_accueil_courant {background:url(../img/bg_nav_accueil_courant.jpg) no-repeat!important; width:199px!important;height:96px; }
#nav_rencontrer_courant {background:url(../img/bg_nav_rencontrer_courant.jpg) no-repeat!important; width:199px!important;height:96px; }

.complement
{
font-size:0.6em!important;
font-weight:normal;
text-align:left;
line-height:12px!important;
letter-spacing:1px;

}

/*--------------------------header--------------------------*/
#header
{
float:left;
position:relative;
width:980px;
height:180px!important;
background:url(../img/bg_header.jpg) no-repeat;
}

h1
{
text-indent:-5000px;
}



#baseline{
width: 268px;
height: 94px;
display: block;
background: url(../img/baseline.png) no-repeat;
text-indent: -5000px;
position: absolute;
left: 280px;
top: 45px; 
}


/*--------------------------CORPS--------------------------*/

#corps
{
float:left;
width:980px;
padding:0px 4px 0px 4px;
background:url(../img/bg_corps.jpg) repeat-y;
display:inline;
}

#corps p{
color:#363636;
line-height:17px;
font-size:1em;
text-align:justify;
margin-bottom:18px;
}

#corps a{
color:#5b3f1e;
text-decoration:none;
}

#corps a:hover{
color:#5b3f1e;
text-decoration:underline;
}

#texte{
width:900px;
float:left;
margin:0 10px 0 10px;
display:inline;
}

#texte ul{
list-style:none;
}

#texte ul li{
padding-left:20px;
}


#plan_site{
width:900px;
float:left;
margin:0 10px 0 10px;
display:inline;
}

#plan_site ul{
list-style:none;
}

#plan_site ul li{
padding-left:20px;
margin-top:15px;
}

#texte a{
font-weight:bold;
text-decoration:underline;
}

#col1{
width:450px;
float:left;
margin:0 10px 0 10px;
display:inline;
}

#col2{
width:450px;
float:left;
margin:0 10px 0 10px;
display:inline;
}

#slider
{
width:600px;
height:250px;
float:left;
/*background:url(../img/slider.jpg) no-repeat;*/
display:inline;
}

#espace_perso
{
width:309px;
height:213px;
float:left;
margin-left:63px;
background:url(../img/bg_espace_perso.jpg) no-repeat;
display:inline;
padding:0px;
}

#espace_perso h3
{
width:309px;
height:42px;
text-indent:-5000px;
}

#espace_perso p
{
text-align:left;
color:#fff;
margin-left:45px;
line-height:25px;
width:80%;
margin-bottom:0px!important;


}

#espace_perso a
{
color:#FFF!important;
font-size:1.1em;
font-weight:bold!important;

}

#espace_perso a:hover
{
color:#ACBD0F!important;
text-decoration:underline!important;
font-weight:bold!important;
}

.code_acces
{
color:#FFF!important;
margin-left:10px;
line-height:18px!important;
}

/*--------------------------Footer--------------------------*/

#footer
{
width:980px;
float:left;
clear:both;
text-align:center;
height:74px;
background:url(../img/bg_footer2.jpg) no-repeat;
}

#footer p
{
padding-top:50px;
text-align:center;
color:#FFF;
font-size:0,9em;
}

#footer a
{
text-align:center;
color:#FFF;
font-size:0,9em;
}

#footer a:hover
{
text-align:center;
color:#5b3f1e;;
font-size:0,9em;
}

/*-------------------ACCORDEON------------------------*/

#basic-accordian{
	width:450px;
	float:left;
	margin:0 10px 0 10px;
	display:inline;
	padding-top:10px;
}

#basic-accordian li{
margin:0px 0px 15px 10px;
text-align:justify;
list-style:square;
}

.accordion_headings{
	padding:5px;
	color:#c6d012;
	border-bottom:1px dotted #c6d012;
	cursor:pointer;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 1.3em;
line-height: 1.8em;
padding-left:20px;
background:url(../img/puce_verte.jpg) no-repeat left center; 
}

.accordion_headings:hover{
	color:#5B3F1E;
	background:url(../img/puce_brune.jpg) no-repeat left center; 
	padding-left:20px;
}

.accordion_child{
	padding:15px;
	background:#fff;
}



.header_highlight{
	color:#5B3F1E;
	background:url(../img/puce_brune.jpg) no-repeat left center; 
	padding-left:20px;
}


.header {
	background: #000;
	cursor: pointer;
	padding:4px;
}

.header:hover{
	background-color:#666;
}
.selected{
	background-color:#F00;
	color:#FFF;
}

.content{
	background:#FFF;
	padding:4px;
}

/************************************************/
/*********************CONTACT*********************/
/************************************************/

#contact{width:1050px;}

#coord{
float:left;
width:220px;
padding:40px 15px 0 10px;
margin:0 0px 0 10px;
background:url(../img/postit.png) no-repeat;
border-right:#C6D012 dotted 1px;

}

#coord p{
text-align:left;
font-size:1em;
line-height:16px;
padding-left:40px;
}

#bloc_formulaire
{
text-align:center;
float:left;
width:700px;
/*border-left:#C6D012 dotted 2px;*/
}

#statut{
float:right;
width:700px;
text-align:center;
}

#statut a{
color:#5B3F1E;
text-decoration:none;
}

#statut a:hover{
color:#5B3F1E;
text-decoration:underline;
}

#formulaire{
margin-top:20px;
margin-left:10px;
display:inline;
text-align:center;
float:left;
width:700px;
}
#form1 p, #form2 p, #form_inscription p{
margin:10px 0 0 0;
padding-bottom:5px;
text-align:right!important;
/*border-bottom:#C6D012 dotted 1px;*/
}

#form1 input,textarea,#form2 input,textarea,#form_inscription input{
border: 1px solid #666;
}

#form1 textarea:focus, input:focus,#form2  textarea:focus, input:focus,#form_inscription textarea:focus, input:focus{
background:#EEE;
}



#form1{
float:left;
width:700px;
display:inline;
 /*MASQUER LE FORMULAIRE DES PARTICULIERS*/
}

#form2{
float:left;
width:700px;
display:inline;
/*display:none;*//*MASQUER LE FORMULAIRE DES PROFESSIONNELS*/
}

/*#form1 .form_col1, #form2 .form_col1{
float:left;
width:310px;
height:200px;
display:inline;
text-align:right;


}
#form2 .form_col2, #form2 .form_col2{
float:left;
width:310px;
height:200px;
display:inline;
text-align:right;
}*/

.form_col1{
text-align:right!important;
float:left;
width:310px;
height:200px;
}

.form_col2{
width:310px;
height:200px;
text-align:right!important;
float:left;
}


.form_col_ins1{
text-align:right!important;
float:left;
width:310px;
height:70px;
}

.form_col_ins2{
width:310px;
height:100px;
text-align:right!important;
float:left;
}



#form_inscription{
text-align:left!important;
float:left;
width:800px;
}

.btn_ok
{
background:url(../img/btn_ok.jpg);
width:34px;
height:22px;
border:0px;
cursor:pointer;
}

#confirm_mail a
{
color:#533A1C!important;
font-weight:bold!important;
text-decoration:underline!important;
}

#confirm_mail a:hover
{
color:#C6D012!important;
font-weight:bold!important;

}