body.prevoyance{  
	padding: -10px 0 0 0px;
	margin: -20px 0 0 0px;
	color: #222;text-align: center;
    font: 100% Arial;
	background:  url(../img/gradient.png)  #FFF repeat ;

		}
	
	
h1,h2,p, li{margin: 0;padding: 0 10px;font-weight:normal}



p{padding: 0px 10px 15px; 
	display:block;
	text-align:justify;
	}

h1{font-size: 220%;color: #DA8714;color:#743653;letter-spacing: 3px}

h2{font-size: 160%;line-height:1;}
h3{font-size: 140%;line-height:1;}
h4{font-size: 130%;line-height:1;}

/*entete*/


	
.accueil ul {
	margin-top:2px;
}


 #artisans, #commercant, #proflib, #gerant{
	
	width:164px;
	height:23px;
	float:left;
	font-weight:bold;
	text-align:center;
}
.artisans_color{
color:#DB8616;
}

#commercant_color{color:#67A91D;
}
#proflib_color{color:#743653;
}
#gerant_color{color:#3381BB;
}

#artisans{
background: url("../img/bouton_artisans.gif") top left ;	}

.espArtisans{	cursor:pointer;cursor:hand;}

#commercant{	background: url("../img/bouton_commercants.gif") top left ;	}
.espCommercants{	cursor:pointer;	cursor:hand;}


#proflib{	background: url("../img/bouton_lib.gif")  top left;		}
.espProflib{	cursor:pointer;cursor:hand;}
	
	
#gerant{	background: url("../img/bouton_gerant.gif") top left;		}
.espGerant{	cursor:pointer;cursor:hand;}
	
#menu  a{
	text-decoration:none;
	color:#FFF;
	font-size:80%;
	font-weight:bold;
	}	
#menu a:hover{
	font-weight:bold;
	text-decoration:none;
	font-size:80%;
	opacity:80%;
	opacity:0.50;
	filter: alpha(opacity=50);
}	
	
#menu li{padding-top:50px;}
.accueil{
background: url("../img/bouton_accueil.gif") ;	
}	
	


/*entete*/
div#entete{	
	margin:0px -10px 30px -10px !important;	
	margin:0px -10px 30px -10px;	

	height:150px;
	text-align:left;
 	background: url(../img/titre_header.png) bottom left no-repeat ;
	z-index:0;
	}
div#entete h1{display:inline;text-align:left;font-size:350%; margin-left:150px;padding-right:100px;

	}
div#entete img{display:inline;text-align:right;border:none;}


#menu {
    margin: 0px 0  0 5px !important;
	margin: /**/20px;
	margin-top: 0px;
	margin-left:-10px;
	margin-bottom:-10px;
	padding:0px 0 0 250px;
	z-index:4;
	background-color:#F7F9F6;
	width:110%;
	}
	
	
#rappel {
	float:left;

	
	padding:0px 0px 0 0px !important;
	padding:60px 0px 0 0px;
	
	margin:-30px 0em 0pt 750px !important;
	margin:0px 0em 0 750px;
	
	background: transparent ;
	cursor:pointer;
	}

#revenuOk{
	cursor:pointer;
}

/*page*/
div#container{
	width:888px !important; width /**/:930px;
    margin: -30px auto 0px  55px; ;
	padding:0px 0 24px 0px;
	
	text-align:left;background:#FFF;
	background: url(../img/bottom.gif)  bottom left no-repeat ;
}

#container h6 {
	margin: 0 !important;
	margin-bottom:-5px;
	padding-top: 0px;
	height: 18px;
	background: url(../img/top.gif) top left no-repeat;
	font-size: 1em;
	text-align: center;
}

#container h5 {
	margin: 0;
	padding: 10px;
	padding-top: 0x;
	padding-right: 5px;
	background: url(../img/content.gif) top left repeat-y;
	text-align: justify;
	width:872px !important; 
	width /**/:878px;
}

/* Menu gauche*/
div#nav{float:left;
		width:12em !important;
		width:10em;
		padding:10px  0 0px 0;margin:-1em 0 0px 7px;
	background-color: #EBEBEB;
	
	}
div#nav h2{font-size: 140%; text-align:center;border-bottom:1px solid;}
div#nav h3{font-size: 120%;color: #000; text-align:left;}

.menu li{list-style:none;margin-left:40px;line-height:auto;font-size:100%px; text-align:right;}

li.espace{
	list-style:none;margin-left:-40px;
	line-height:50px;
	background:  url(../img/)  repeat-x transparent ;
	border-top:1px solid;
	}

div#nav p{
	background: url(../img/lib.jpg) #EBEBEB bottom;
	height:10px;
	font-size:90%}

div#nav  a:hover{font-size: 90%;color: #000; 
			text-decoration:underline;font-weight:bolder;}
div#nav  a{font-size: 90%;color: #000;font-weight:bolder;text-decoration:none;}

.current{background: url(../img/stripe.gif) #FFF bottom;	font-weight:bolder;color: #9E4A24; }
#nav  .current a, 
#nav a:hover{
	font-size: 90%;
	color: #307FB9; 
	text-decoration:none;}
#nav li {
	list-style-type:none;
	margin-left:-40px;
}

.simulation{	
	padding-left:10px;
	text-align:left;
}

.simulation h4{		
	padding-left:0px;
	text-align:left;
	margin-bottom:-1px;color:#000;
	font-size: 110%;
}

.simulation span{	
text-decoration:underline;
}

.simulation input {
	display:inline
}

#simulateurPopup {
	padding:0px;
}


/* Titre */	
div#header{
	padding: 10px;
	margin:0.2em 1em 0 15.5em ;
	border-bottom:0px solid #000;
		}

#header h1, #header  p {	font-size: 160%;text-align:right;display:inline; 	
 font-weight:bold;}

#header p{	
	font-size:110%;
	margin:-1em 0em 0 1em ;
	text-align:left;	
	}

#header a:hover  {
	color:#000;
	background-color: #FFF  ;
	padding: 0px 10px 0px 10px;
	background: url(../img/fleche0.gif) #FFF bottom left no-repeat;	
	}
	
#header a{
	color:#000;
	padding: 0px 10px 0px 10px;
	background: url(../img/fleche.gif) #FFF bottom left no-repeat;	
	}

	

/* CONTENT */

div#content{
	float:left;
	width:50% !important;
	width:50%;
	padding:10px 5px 0 !important;
	padding:10px 0px 0!important;

	margin:5px 0px 5px 5px ;
	background: transparent; 
	font-size:90%;
	}
#content2 {
	width:70% !important;
	width:70%;
}
div#content h1{
	text-align:left; 
	font-size:110%;
	font-weight:bold;
	}

#content h2{
	padding: 10px 0px 5px 50px;	
	margin-bottom:0px;
	text-align:left; 
	font-weight:bold;
	background: ;
	height:20px;
	color:#FFF;
	border-bottom:0px solid #FFF;	font-size:100%;
	cursor:hand;
	}
#content h2{	
	background: url(../img/fleche_titre.png) #CCC  left no-repeat;	
	}
#content h2.active{
	background: url(../img/fleche_titre_active2.png) #CCC  left no-repeat;	
	margin-bottom:10px;
	
	}
	
#content a{color:#0066CC; text-decoration:none;	font-size:110%;}
#content a:hover{color:#0066CC; text-decoration:none;	font-size:110%;}
#content table{
	margin : 5px 10px 15px 15px;
	padding: 0px 10 0px 10px;
	border:2px solid 	#CCC;
	}

#content table th{
	background-color:#CCC;
	color:#FFF;
	}

#content table th p{
	text-align:center;	font-weight:bold;
	}	
#content table li{
	margin-left : 25px;
	}
		
div#content .attention {
	font-weight:bold;
}
#content table a {color:#0066CC; text-decoration:underline;	font-size:110%;}
#content table a:hover{color:#0066CC; text-decoration:none;	font-size:110%;}
/**/
div#right{
	float:right;
	width:240px !important;
	width:240px;
	padding:0px 0px 0;
	margin:5px 1em 0 10px !important;	
	margin:5px 10px 0 10px;	
	/*border:0px solid #307FB9;*/
	background:  #307FB9;
	/*font-family: "Franklin Gothic Medium";*/
	font-size:18px;
	font-size:14px !important;

}
	
.right p, .right h2,.right ul{
	color:#FFF;
	}
	
.right h2{
	margin-bottom:0px;
	height:50px;
}
	
.right p{
	margin-top:-8px !important;
	margin-top:-10px;
}

p.right 	{
	display:block;
	height:35px;
	color:#000;
	background: url(../img/fond_right.gif) top left no-repeat;	
	font-weight:bold;
	margin:0 0 0 10px;
	padding:5px 0 0 10px ;
	font-size:11px;
	}

#liste{
	margin-left:10px;
}	
div.right h2{font-size: 150%;color: #FFF; padding-top:20px;text-decoration:underline;}
div.right h3{font-size: 100%;color: #FFF}
div.right h4{font-size:80%;color: #FFF; line-height:20px; margin-left:10px;}
div.right a, a:hover {font-size: 80%;color: #FFF; text-decoration:none}

div.right a {background: url(../img/detailler.gif)   right no-repeat;}

div.right a:hover {background: url(../img/detailler1.gif)  right no-repeat;}

div.right p{font-size:11px; line-height:14px;}
div.right img {border:0px;}

.info{color:white;	font-weight:normal;font-size:90%;
		background: url(../img/info_g.gif) red top left no-repeat;	
		padding: 0 0px 0 	6px; 
		text-align:right;
		}
.info li {list-style:none;display:inline;	font-weight:bold;
	background: url(../img/info_d.gif) center right no-repeat;
		padding: 0px 6px 0 	0px;

	}

div#footer{clear:both;width:99%;background: #C4E786 #FFF;padding:5px 0;text-align:center;margin:10px 0 0em 0;}
div#pied{border-top:0px solid}
#pied p{font-size:85%;	;text-align:center;color:#6C6F72;}
#pied a{font-size:85%;	color:#6C6F72; }
#pied a:hover{font-size:85%;color:#6C6F72;}


/*
{float:left;width:34em;padding:10px 5px 0;margin:5px 0px 5px 5px ;background: #778CCA transparent; font-size:90%}
-**/
/*Accueil*/
.accueil{
	float:left;
	width:65em !important;
	padding:10px 60px 0 60px;
	background: #778CCA transparent; 
}

.artisans, .commercant, .proflib, .gerant{
	font-size:16px;
	width:120px;height:100px;
	float:left;
	font-weight:bold;
	text-align:center;
	padding:10px 5px 0;
	margin:5px 20px 5px 20px ;
	
}

.accueil .artisans{
	background:#DB8616 ;	
}
.accueil .commercant{
	background: #67A91D ;	
}
.accueil .proflib{
	background: #743653 ;	
	}
.accueil .gerant{
	background: #3381BB ;	
	}
.accueil  a{
	text-decoration:none;
	font-size:100%;
	color:#FFF;
	}	
.accueil  a:hover{
	text-decoration:underline;
	color:#FFF;
	font-size:100%;
	}	
	
#simulateurPopup table{	
	border: 1px solid #CCC;
	margin-left:60px;
	background-color:#FFF;
	}

#simulateurPopup th{	
	border: 0px solid #FFF;
	background-color:#CCC;
	color:#FFF;
	font-weight:bold;
	padding:5px;
	margin-left:-1px;
	}
		
#simulateurPopup p, #simulateurPopup h4{
	color:#000;
	text-align:
	}
/* Formulaire de rappel */
#feedback{
	float:left;
	height:30px;
	width:30px;
	}
	
#corpForm {
	width:95%;
	width:750px;
	font-size:11px;
	}
#corpForm td{
	font-size:11px;
	}
#corpForm  .valide{
	background:  url(../img/send.png) no-repeat center left;	
	}
#corpForm  .invalide{
	background:  url(../img/cancel.png)  no-repeat left;
	}
#corpForm .modify{
	background:  url(../img/modify.jpg)  no-repeat left ;
	height:15px;
	cursor:pointer;
	}	

.focusing{
	background-color:  #808080;
	color:#FFF;
}

.focused{
	background-color:  #D7D7D7;

}

/*Popup Choix*/
#popupForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #3381BB;
	color: black;
	background: #efefef;
	margin:0.5em 0px 0px 0px;
	padding-top:1em;
	paddingt:10px;
	text-align:center;
	width:90% !important;
	width:auto;
	}	
}
/*Popup Choix*/
#popupForm table{
	font:90%;

} 

.choix{
	height:160px;
	}
	
.simulateur{
	height:auto;
	margin-left:0px;
	padding-right:60px;
	}
 	
	
table td.boxLien{
	background-color:#FFF;
	border: 1px solid #808080;	
	padding:10px;
	margin:10px;
	}	



 span.boxLien{
	font-size:100%;
	height:140px;
	width:160px !important;
	width:150px;

	font-weight:bold;
	text-align:center;
	line-height:auto;
	

	background-color:#FFF;

}
span.boxLien span{
	font-size:100%;
	height:20px;
	padding:5px;
	background-color: #808080;
	display:block;
	color:#FFF;
}

a#choixNiveau1, a#choixNiveau2{
	font-size:80%;
	color:#808080;
	text-decoration:none;
} 
a#choixNiveau1:hover, a#choixNiveau2:hover{
	font-size:80%;
	color:#000;
	text-decoration:none;
} 

.table_window{
	background-color: transparent !important;
	background-color: #C2DEEC;
	border:10px black;
}


.artisans h3, .artisans_color{color:#DB8616;}

.commercants h3, .commercants_color{color:#67A91D;}

.proflib h3, .proflib_color{color:#743653;}
.liberales_color{color:#743653;}

.gerant h3, .gerant_color{color:#3381BB;}	

span.mentions{color:#3381BB;font-size: 140%;}