/* Design generale */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}
table {
	font: 11px Tahoma, Arial, Sans-Serif;
	margin: 0 0 0.3em 0; 
	border:1px solid #eee;
	width:100%;
	text-align:left;
	clear: both;
}
caption {
	font: bold 11px Tahoma, Arial, Sans-Serif;;
	text-align: center;
	height: 30px;
	padding-top: 10px;
	color: #000;	
	background: #eee; 
}
img {
border: 0;
	}

#dossier {
background: #E0E9FB;

}
#dossier .left_box {
background: #E0E9FB;
}
#dossier .left_side {
		background: #E0E9FB;
		color: #000;
		float: left;
		width: 49.9%;
		padding: 0;
		margin: 0;
		text-align: right;
	}
			
#dossier .right_side {
		float: right;
		width: 50%;
		background: #E0E9FB url(dotted.gif) repeat-y;
		color: #000;
		padding: 0;
		margin: 0;
		text-align: right;
	}
#dossier p.commun {
background: #E0E9FB;
color: #000;
padding: 0 0.5em 0.5em 0.5em;
margin: 0;
}
#dossier p {
color: #000;
padding: 0 0 0.5em 0.5em;
margin: 0;
}
#dossier p.titredossier {
color: #000;
background: #E0E9FB;
}
#dossier textarea {
width: 97%;
margin-right: 0.5em;
}
#dossier input {
margin-right: 0.5em;
}
#dossier select {
margin-right: 0.5em;
}
#dossier h3 {
text-align: left;
padding-left: 0.5em;
}
#dossier h2 {
background: #8da9e2;
color: #fff;
text-align: left;
margin: 0 0 0.5em 0;
font-size: 1.2em;
padding-left: 0.5em;
}
#dossier .right_side h2 {
border-left: 1px solid #eee;
}
#dossier ul {
text-align: left;
margin-top: 0.5em;
}
#dossier ol {
text-align: left;
margin-top: 0.5em;
}

/* Credits  */
#credit hr {
clear: both;
color: #eee;
background-color: #eee;
height: 1px;
border: 0;
}
#credit .left_side {
		background: #fff;
		color: #000;
		float: left;
		width: 49.9%;
		padding: 0;
		margin: 0;
	}
			
#credit .right_side {
		float: right;
		width: 50%;
		/* background: #D7F1D2 url(dotted.gif) repeat-y; */
		background: #fff;
		color: #000;
		padding: 0;
		margin: 0;
	}
h2 span {
color: #000;
background: #fff;
}
#credit p {
color: #000;
padding: 0 0 0.5em 0.5em;
margin: 0;
}
#credit p.titredossier {
color: #000;
background: #E0E9FB;
}

#credit h3 {
text-align: left;
color: #000;
padding-left: 0.5em;
}
#credit h2 {
background: #fff;
color: #DA731F;
font-size: 1.5em;
border: 0;
text-align: left;
margin: 0 0 0.5em 0;
padding-bottom: 0;
}
#credit p.droite {
	margin-right: 2.5em;
}


/* Fin Credits  */
p.envoyer {
background: #8da9e2;
text-align: right;
padding: 0.5em;
}
p.envoyer input {
margin: 0.5em 0 0 0;
padding: 0;
}
p.soush {
padding-top: 1em;
}
.envoyer {
background: #8da9e2;
padding: 0.2em 0.5em 0.2em 0;
margin: 0;
}
.cadre {
padding: 0.5em;
border: solid 1px #cc0000;
color: #fff;
background: #cc3300;
}
.bordbleu {
	border-left:1px solid #3366CC;
	border-top:1px solid #3366CC;
	border-right:1px solid #3366CC;
	border-bottom:0px;
}
.bordrouge {
	border-left:1px solid #cc3300;
	border-top:1px solid #cc3300;
	border-right:1px solid #cc3300;
	border-bottom:0px;
}
.adresse span {
display: block;
}
th {
	border:1px solid #eee;
	font-size: 1em;
}
td {
	border:1px solid #eee;
	font-size: 1em;
}
table.largeur td {
width: 33%;
}
.bordurebleu {
	border:1px solid #3366CC;
}
.bordurerouge {
	border:1px solid #cc3300;
}
a {	color: #3366CC;	background: inherit;}
a:hover { color: #3366CC; background: inherit; }

h1.bandeau {
background: #fff url(fond-logo.jpg) no-repeat top left;
margin: 0;
padding: 0;
}
.dark  { color: #737373; background: inherit; font-weight: bold; }
/*
h2 {
	background: #8da9e2 url(corner.gif) no-repeat top left;
	clear: both;
	color: #FFF;
	font: bold 1.2em Tahoma, Arial, Sans-Serif;
	margin: 0;
	padding: 0.3em 0.5em 0.3em 0.5em; 
}3366CC
*/
h2 {
background: #fff;
border-bottom: solid 1px #eee;
clear: both;
color: #DA731F;
font-size: 1.5em;
text-align: left;
margin: 0 0 0.5em 0;
padding-bottom: 0.3em;
}
h4 {
	background: #fff;
	color: #000;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0;
	padding: 0.3em 0.5em 0.5em 0;
}
h5 {
	background: #fff;
	color: #000;
	font: normal 1em Tahoma, Arial, Sans-Serif;
	margin: 0;
	padding: 0.3em 0.5em 0.5em 0;
}


h3 { clear: both;
	background: inherit;
	color: #000;
	padding: 0.2em 0.1em 0.2em 0;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0;
}

p.navig { 
	clear: both;
	background: inherit;
	color: #000;
	padding: 1px 0 1px 5px;
	font: normal 1.1em Arial, Tahoma, Sans-Serif;
	margin: 0;
	text-align: right;
}

h6 {
	clear: both;
	background: #3366cc;
	color: #fff;
	padding: 3px 0 3px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

p {	margin: 0 0 5px 0; }
.fondtaux {
	background: transparent;
	
	min-height: 190px;
}
.marge {
margin: 0 1em 1em 0;
}
.gauche { 
			text-align: left;
 		}
.droite { 
			text-align: right;
			clear: both;
 		}
.listepub {
	margin-left: 60%;
}
	
.sujet {
	font: bold 2em Tahoma, Arial, Sans-Serif;
	color: #4748bb;
	margin: 0.2em 0.2em 0 0.2em;
	padding: 0;
}
.teg {
	color: #000;
	font: bold 1.6em Tahoma, Arial, Sans-Serif;
	margin-top: 0;
	margin-right: 2.3em;
	padding: 0;
}
.nombre {
	color: #000;
	font: bold 1.5em Tahoma, Arial, Sans-Serif;
	margin: 0 1.2em 0 0;
	padding: 0;
}
.pourcentage {
	color: #000;
	font: bold 1.5em Tahoma, Arial, Sans-Serif;
	margin-top: 0;
	margin-right: 3em;
	padding: 0;
}
.center { 	text-align: center; }		

.photo { 	height: 60px; }
.photoright { 	height: 180px; 
				text-align: center;
}
.legal {
	background: transparent;
	border-top: 1px solid #ddd;
	color: #000;
	font:  0.9em Tahoma, Arial, Sans-Serif;
	margin-top: 0;
	padding-top: 0.6em;
}
.legal2 {
	background: transparent;
	color: #000;
	font:  0.9em Tahoma, Arial, Sans-Serif;
	margin-top: 0;
	padding-top: 0.6em;
}
.clear {
clear: both;
}
ul {
margin-top: 0;
}

form { 	margin: 0; }

.nombre sup {
font-size : 0.8em;
font-weight: normal;
}

/* Contenu */
div.accessibilite {
text-align: right;
}
div.accessibilite ul {
list-style : none;
margin: 0;
padding: 0;
}
div.accessibilite li {
border-left: 1px solid #ddd;
display: inline;
padding: 0 0.5em 0 0.6em;
margin:0;
}
div.accessibilite li.head {
border-left: 0;
padding: 0 0.5em 0 0.6em;
}
div.accessibilite li.foot {
border-left: 1px solid #ddd;
padding: 0 0 0 0.6em;
}


.content { 
	margin: 0 auto;
	width: 780px;
	padding: 10px; 
}

.header { 
	height: 105px;
	color: #fff;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}
/* 


 Barre de menu */

.bar { 
	background: #4748bb;
	clear: both;
	color: #FFF;
	font-size: 1.1em;
	width: 780px;
}		
.bar ul { 
margin: 0;
padding: 0;
}	


	.bar li { 
		list-style: none;
		border-right: 1px solid #fff;
		color: #FFF;
		background: #4748bb;
		display: inline; 
		float: left;
		font-weight: bold;
	}
	

	.bar li a { 
		display: block; 
		color: #FFF; 
		background: inherit;
		text-decoration: none;
		padding: 0.3em 1em 0.3em 1em;
	} 
	
	.bar li a:hover { 
		color: #4748bb; 
		background: #eee;
	} 
		.bar li.active { 
		background: #fff; 
		color: #000;
		padding: 0.3em 1em 0.3em 1em;
	}



.fin {
	font-weight: normal;
}

.search_field { 
	background: #fff url(searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/* Gauche */
.apres {
background: #E0E9FB;
}
.avant {
background: #F9E1C8;
}
.flottante {
	margin: 3px;
	float: left;
	width: 120px;
	text-align: center;
}
.sizefieldset {
	width: 180px;
}
#left {
	float: left;
	width: 65%;
	margin: 0 0 10px 0;
}


	.left_side {
		float: left;
		width: 180px;
		padding: 0 0 0 1.5em;
		margin: 0.5em 0;
	}
	.left_side ul {
	margin: 0.5em;
	padding: 0;
	}
	.right_side ul {
	margin: 0.5em;
	padding: 0;
	}		

		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 1.5em;
		margin: 0.5em 0;
	}
		.left_side_blue {
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
			
	.left_side_blue a, .right_side_blue a { color: #3366CC; background: #fff; }
		
	.right_side_blue {
		float: right;
		width: 220px;
		color: #414141;
		background: #fff url(dotted.gif) repeat-y;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { 
	margin: 0 0 10px 0; 
	color: #000; 
	background: #fff; 
	padding: 3px 0; }
		.pub { 
		height: 197px;
			background: #fff url(femme.jpg) no-repeat bottom left;
				 	}
		.pubimmo { 
			background: #fff url(pub_immobilier.jpg) no-repeat bottom left;
				 	}
			.pubimmo1 { 
			background: #fff url(testpub.jpg) no-repeat bottom left;
				 	}
.image1 {
	margin: 0 9px 3px 0;
}

.franchise {
margin-left: 30px;
}

div #left ul {
margin: 0 0 0.5em 1em;
}
div #left ul li {
  	list-style-type: none;	
	 background-image: url(star.gif);
	 background-repeat:no-repeat;
	background-position:0% 80%; 
	margin: 0;
	padding: 0 0 0 1.5em;
}
		
/* droite */
	
.right {
	float: right;
	width: 34%;
	margin: 0 0 10px 0;
}
.right ul {
	margin: 0;
	padding: 0;

}

.right ul li {
  	list-style-type: none;	
	 background-image: url(puce-triangle.gif);
	 background-repeat:no-repeat;
	background-position:0% 50%; 
	margin: 0;
	padding: 0 0 0 1.5em;
}
.right ul li a {
    background: none;
}

.right h2 {
	background: #6C757A url(corner.gif) no-repeat top left;
	color: #FFF;
	padding: 0.3em 0.5em 0.3em 0.5em;
	font: bold 1.2em Tahoma, Arial, Sans-Serif;
	margin: 0;
}

	.right_articles {
	/*		background: #f5f5f5;  */
			background: #f5f5f5;
	color: #414141; 
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	.right_articles textarea {
width: 97%;
margin-right: 0.2em;
}
	
.image {
	float: left;
	padding:2px;
	margin: 0 9px 3px 0;
}
.imaged {
	float: right;
	padding:2px;
	margin: 0 9px 3px 0;
}
.imageright {
	padding:2px;
	border: 1px solid #666;
}
.internet {
	font: 11px Tahoma, Arial, Sans-Serif;
	color: #3366CC; 
	background: inherit;
	}
.taux {
	font: bold 11px Tahoma, Arial, Sans-Serif;
	color: #3366CC; 
	background: inherit;
	}
	
	.solution {
	font: bold 14px Tahoma, Arial, Sans-Serif;
	color: #3366CC; 
	background: inherit;
	}
.big {
	font: bold 26px Tahoma, Arial, Sans-Serif;
	color: #fff; 
	background: #cc3300;
	border: solid 4px #fff;
	margin: 10px;
	padding-left: 20px;
	padding-right: 20px;
	}
.orange {
	font: bold 14px Tahoma, Arial, Sans-Serif;
	color: #cc3300; 
	background: inherit;
	}
	
	.rouge {
	font: bold 11px Tahoma, Arial, Sans-Serif;
	color: #cc3300; 
	background: inherit;
	}
/* footer */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}
.info {
clear: both;
margin-top: 0;
padding-top: 0;
color: #666;
}

.footer a { color: #808080; background: #fff; }

#form_pret.label { 
    display: block; 
}
/* Plan du site */
#plan .niveau1 {
margin-left: 1em;
}
#plan .niveau2 {
margin-left: 3em;
}
#plan .niveau3 {
margin-left: 5em;
}
#plan .niveau4 {
margin-left: 7em;
}
