@charset "utf-8";
/* CSS Document */
html {
	font-size:16px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
    	color:#636363;
	background:#DFDFDF url(/img/fond_header.gif) 0 0 repeat-x;
}
img {
	border:0 none;
	margin:0;
	padding:0;
}
#gdContenu {
	width:1050px;
	margin:0 auto 0 auto;
}
#header {
	height:90px;
	background:#959595 url(/img/fond_header.gif) 0 0 repeat-x;
	position:relative;
	width:1030px;
	margin:0 auto;
}
#conteneur {
	width:1040px;
	padding:0 0 20px 10px;
	background-color:#FFF;
	position:relative;
	overflow:hidden;
}
div#centre {
	float:left;
	width:540px;
	margin:0 18px 20px 19px;
	padding:20px 0 0 0;
	overflow:hidden;
}
div#gauche {
	float:left;
	width:147px;
	overflow:hidden;
}
div#droite {
	float:left;
	width:300px;
	padding:20px 0 0 0;
}
#pied {
	clear:both;
	width:1050px;
	padding:20px 0 0 0;
	background-color:#FFF;
	text-align:center;
	font-size:0.9em;
}
div.clean, br.clean {
	clear:both;
	visibility:hidden;
	line-height:1px;
	font-size:1px;
}

/* MISE EN FORME DU TEXTE DE BASE */
p {
	margin:0 0 10px 15px;
	line-height:135%;
}
em {
	font-weight:bold;
	font-style:normal;
}
strong {
	font-weight:bold;
	}
h1 {
	font:bold 16px/140% Arial, Helvetica, sans-serif;
	padding:4px 10px;
	margin:0 0 15px 0;
	color:#ffffff;
	text-transform:uppercase;
	background-color:#666;
	border-bottom:3px solid #999;
}
h1 span{
	font-size:0.6em;
}
h2 {
	font-size:1.4em;
	padding:2px 0 0 10px;
	margin:20px 0 15px 0;
	font-style:italic;
	font-weight:normal;
	color:#25282e;
	height:25px;
	background:#e9e9e9;
}
li h3 {
	display:inline;
	font-size:1em;
	padding-bottom:0.5em;
	margin:0;
	font-weight:bold;
	color:#AA0000;
}
h3 {
	font-size:1em;
	padding:0.6em 0;
	margin:0 0 0 20px;
	color:#f16c00;
	font:bold italic 12px/140% Arial, Helvetica, sans-serif;
}
h3 img {
	vertical-align:middle;
	}
h4, p.sstitre, div.interview h6{
	font:bold 14px/140% Arial, Helvetica, sans-serif;
	color:#f16c00;
	padding:0 0 8px 0;
	margin:5px 0 10px 10px;
	z-index:100;
}
sup {
	font-size:0.8em;
	padding-left:0.2em;
	}
h5 {
	font:bold 1.2em/120% Arial, Helvetica, sans-serif;
	text-align:center;
	}
ul, ol {
	list-style-type:none;
	margin:0.5em 0 0 20px;
	padding:0 0 0 0;
	}
ul li {
	margin:0 0 0.5em 10px;
	padding:0 0 0 13px;
	background:url(/img/puce_liste.gif) 0px 4px no-repeat;
	line-height:135%;
}
ol li {
	margin:0 0 10px 10px;
	padding:0;
	line-height:135%;
}
ul li ul, ol li ul {
	list-style-type:none;
	margin:6px 0 0 0;
	padding:0;
	}
ul li ul li, ol li ul li {
	margin:0 0 0 15px;
	padding:0 0 4px 10px;
	background-image:url(/img/puce_ssliste_texte.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	line-height:135%;
}
ol {
	list-style-type:decimal;
	margin:0.5em 0 0 30px;
	padding:0;
	}
ol li {
	margin:0 0 10px 0px;
	padding:0px;
}
dd ul {
	margin:6px 0 0 0;
	}
table ul {
	margin:0;
	padding:0.4em 0 0 0;
	list-style-type:none;
	}
table ul li {
	margin:0;
	padding:0 0 4px 8px;
	background:url(/img/puce_ssliste_texte.gif) 0px 5px no-repeat;
	line-height:115%;
}
dt, dt a {
	font-weight:bold;
	font-style:italic;
	color:#686153;
	padding:0 0 0.4em;
}
dd {
	margin:0 0 0.8em 0;
	padding:0 0 0.6em 20px;
	border-bottom:dashed 1px #f79a9a;
	}
a {
    color:#f16c00;
}

p.lien_droit {
	text-align:right;
	width:99%;
}
p.lien_droit a {
	color:#686153;
	font-weight:bold;
}
.actif {
	font-weight:bold;
	text-transform:uppercase;
}
.exemple {
	font-style:italic;
	color:#867f71;
}
.exemple strong, .ex em {
	font-style:italic;
	font-weight:bold;
	color:#867f71;
}
.note {
	background:url(/img/i_note.gif) 0 5px no-repeat;
	font-style:italic;
	font-weight:normal;
	color:#686153;
	padding:6px 0px 6px 20px;
	}
.note em{
	font-weight:bold;
	font-style:italic;
	}

/* tableau */
table {
	margin:10px 0px 10px 5px;
	width:99%;
	border-collapse:collapse;
	font-size:0.9em;
	background-color:#FFFFFF;
	}
caption {
	font-size:0.9em;
	color:#72746d;
	padding:4px 0;
	margin:0;
}
td, th {
	border:1px solid #5E5E5E;
	padding:6px 4px;
	}
th {
	text-align:left;
	font-weight:bold;
	color:#686153;
}
thead th {
	text-align:center;
	}
th.entete_principal {
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background:#dc0000 url(/img/fd_th_principal.gif) no-repeat;
	}
th.croisement, td.croisement {
	border:0;
	background:none;
	font-size:0.9em;
	text-align:center;
}
th.entete_secondaire, td.zebre {
	background-color:#eeeeee;
	}
th.double, td.double {
	border-bottom:2px solid #cc0000;
	}
p.note_tableau, .note_tableau {
	font-size:0.85em;
	font-style:italic;
	color:#686153;
}

/* element du header */
#accroche {
	position:absolute;
	right:0;
}

.menu_comprendre_choisir {
	font-size:11px;
	line-height:115%;
	margin:0px 0 20px 0;
	padding:0;
	border: 1px solid #AFAFAF;
	background-color:#efefef;
	width:143px;
}
.menu_comprendre_choisir ul img, #menu_outils ul img {
	margin:0px;
	padding:0;
	border:none;
	background:none;
}
.menu_comprendre_choisir img, #menu_outils img {
	margin:0;
	padding:0;
	border:none;
}
.menu_comprendre_choisir ul {
	list-style-type:none;
	margin:0;
	padding:0 10px 0 5px;
	}
.menu_comprendre_choisir ul.ssliste {
	border:0px none;
	padding:0 0 0 10px;
	background:efefef;
	}
.menu_comprendre_choisir li {
	margin:0;
	padding:0;
	border:none;
	background:#efefef url(/img/puce_liste_menu.gif) 2px 8px no-repeat;
	border-bottom:1px solid #b2b5b8;
	line-height:115%;
	}
.menu_comprendre_choisir li a {
	display:block;
	padding:4px 0 4px 14px;
	margin:0px;
	color:#686153;
	text-decoration:none;
	background:#efefef url(/img/puce_liste_menu.gif) 0 5px no-repeat;
}
.menu_comprendre_choisir li a:hover {
	background-color:#CFCFCF;
}
	/* sous-menus */
.menu_comprendre_choisir ul.ssliste li {
	border-bottom:none;
	background:#efefef url(/img/puce_ssliste.gif) 2px 10px no-repeat;
	}
.menu_comprendre_choisir ul.ssliste li a {
	padding:4px 0 4px 10px;
	margin:0px;
	border-bottom:none;
	background:#efefef url(/img/puce_ssliste.gif) 2px 10px no-repeat;
	}
.menu_comprendre_choisir li.ssmenu {
	padding-bottom:6px;
	position:relative;
	}
.menu_comprendre_choisir li.ssmenu ul {
	visibility:hidden;
	height:0px;
	background:efefef;
	}
.menu_comprendre_choisir li.ssmenu:hover ul {
	visibility:visible;
	height:100%;
	}

	/* dernier liens de la liste */
.menu_comprendre_choisir li.last, .menu_comprendre_choisir .ssliste li.last  {
	border-bottom:none;
}

/* element du centre */
#texte_central {
	overflow:auto;
	position:relative;
}
.cadretxt_ext {
	margin:0 0 20px 0;
	padding:0;
	border-left:4px solid #e9e9e9;
	overflow:auto;
}
/* MISE EN PAGE DES VISUELS */
img.gauche {
	vertical-align:text-top;
	float:left;
	margin:5px 10px 5px 0;
	border:solid 1px #867f71;
	}
img.droite {
	vertical-align:text-top;
	float:right;
	margin:5px 0 5px 10px;
	border:solid 1px #867f71;
	}
img.centrer {
	display:block;
	margin:5px auto;
	border:solid 1px #BBA38E;
	}
div.imgcentrer {
	margin:10px auto;
	text-align:center;
	}
div.imgcentrer img{
	margin:0 0 10px 0;
	}
div.imgcentrer img.imgdiap{ /*image de présentation des diaporamas */
	margin:0;
	}
div.imgcentrer p.show_diaporama {
	font:bold 11px/140% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:20px 0;
	}
div.imgcentrer p.show_diaporama span{
	background:url(/img/bouton_left.gif) 0 0 no-repeat;
	vertical-align:middle;
	height:25px;
	display:-moz-inline-box; 
	}
div.imgcentrer p.show_diaporama span span{
	background:url(/img/bouton_right.gif) 100% 0 no-repeat;
	vertical-align:middle;
	}
div.imgcentrer p.show_diaporama span span a{
	text-decoration:none;
	color:#FFF;
	padding:4px 10px 4px 25px;
	display:-moz-inline-box; 
	}
div.imggauche {
	float:left;
	margin:5px 10px 5px 0;
	}
div.imggauche img{
	vertical-align:text-top;
	margin:0 0 10px 0;
	}
div.imgdroite {
	float:right;
	margin:5px 0 5px 10px;
	}
div.imgdroite img{
	vertical-align:text-top;
	margin:0 0 10px 0;
	}
div.imgcentrer h5,
div.imggauche h5,
div.imgdroite h5{
	text-align:center;
	color:#686153;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:5px 0 0 0;
	}
div.imgcentrer p,
div.imggauche p,
div.imgdroite p{
	text-align:center;
	color:#686153;
	font-size:12px;
	}
div.imgdroite p.credit, 
div.imggauche p.credit,
div.imgcentrer p.credit,
p.credit{
	font-size:10px;
	font-style:italic;
	color:#686153;
	text-align:center;
	padding:0;
	margin:0;
	}
p.credit a {
	font-style:italic;
	color:#333;
	text-decoration:none;
	}
div.visuels_2 {/*sommaire avec 2 photos centrees */
	height:1%;
	overflow:auto;
	padding:0 0 0 10px;
	}
div.visuels_2 div {
	float:left;
	margin:10px 20px;
	width:220px;
	text-align:center;
	font-size:0.9em;
}

div.visuels_3 {/*sommaire avec 3 photos centrees */
	height:1%;
	overflow:auto;
	}
div.visuels_3 div {
	float:left;
	margin:10px 8px 10px 0;
	width:175px;
	text-align:center;
	font-size:0.9em;
}
/*div.visuels_3 img {
	border:solid 1px #9e998d;
}*/
div.visuels_4 {/*sommaire avec 4 photos centrees */
	height:1%;
	overflow:auto;
	padding:0 0 0 15px;
	}
div.visuels_4 div {
	float:left;
	margin:10px;
	width:110px;
	text-align:center;
	font-size:0.9em;
}
div.visuels_2 p,
div.visuels_3 p,
div.visuels_4 p{
	text-align:center;
	color:#686153;
	font-size:11px;
	margin:5px 0 0 0;
	}

div#diaporama { /* Styles pour les diaporamas */
}
div#diaporama .principale{
	border:1px solid #deddda;
	background-color:#efefef;
	padding:4px;
}

div#diaporama .principale table td,
div#diaporama .principale table td a img {
	border:0;
	background-color:#efefef;
	padding:10px 0;
}
div#diaporama .principale img{
	display:block;
	margin:0 auto;
}
div#diaporama .principale h2{
	font:normal bold 13px/150% Arial, Helvetica, sans-serif;
	margin:0 22px;
	padding:0;
}
div#diaporama .principale p{
	font:normal 12px/150% Arial, Helvetica, sans-serif;
	margin:0 22px;
}
div#diaporama .principale p.credit{
	text-align:right;
	font:italic 10px/150% Arial, Helvetica, sans-serif;
	margin:0;
	padding:5px;
}
div#diaporama .autres {
	border-right:1px solid #deddda;
	border-bottom:1px solid #deddda;
	border-left:1px solid #deddda;
	background-color:#f2f2f2;
	padding:4px;
	}
div#diaporama .autres a{
	text-decoration:none;
	}
div#diaporama .autres img {
	display:inline;
	margin:4px;
	border:1px solid #867f71;
	}
div#diaporama .autres img.imgactive {
	border:2px solid #cc0000;
	}
div#diaporama .autres .navigation {
	font-size:10px;
	text-transform:uppercase;
	margin:5px 10px 0 10px;
	padding:0;
	}
div.diaporamas3 { /*** présentation de 3 diaporamas côte à côte ***/
	overflow:auto;
	}
div.diaporamas3 div{
	float:left;
	margin:5px 16px 14px 0;
	text-align:center;
	width:165px;
	}
div.diaporamas3 div div {
	float:none;
	height:100px;
	margin:0 auto;
	padding:0;
}
div.diaporamas3 h2{	
	font-size:12px;
	font-weight:bold;
	line-height:140%;
	font-style:normal;
	}
div.diaporamas3 h2 a{	
	text-decoration:none;
	color:#AA0000;
	}
div.diaporamas3 h2 a:hover{	
	text-decoration:underline;
	color:#666;
	}
div.diaporamas2 { /*** présentation de 2 diaporamas côte à côte ***/
	overflow:auto;
	}
div.diaporamas2 div{
	float:left;
	margin:5px 15px 15px 0;
	text-align:center;
	width:260px;
	}
div.diaporamas2 div div {
	float:none;
	height:160px;
	margin:0 auto;
	padding:0;
}
div.diaporamas2 h2{	
	font-size:12px;
	font-weight:bold;
	line-height:140%;
	font-style:normal;
	}
div.diaporamas2 h2 a{	
	text-decoration:none;
	color:#AA0000;
	}
div.diaporamas2 h2 a:hover{	
	text-decoration:underline;
	color:#666;
	}
/* NAVIGATION */
div.navigation {
	margin:20px auto auto 5px;
	overflow:auto;
	width:530px;
}
div.leftnav, div.rightnav {
	display:block;
	font-size:0.9em;
	margin:0;
	padding:0;
	min-width:40%;
}
div.leftnav {
	float:left;
	text-align:left;
}
div.rightnav {
	text-align:right;
	float:right;
}
div.leftnav, div.rightnav {
	display:block;
	height:20px;
	background:url(/img/fleche_precedent.gif) 0 3px no-repeat;
	padding-left:18px;
}
div.leftnav a, div.rightnav a {
	color:#f16c00;
	text-decoration:underline;
	font-weight:bold;
}
div.rightnav {
	background:url(/img/fleche_suivant.gif) 100% 3px no-repeat;
	padding-right:18px;
}

	/*sommaire avec 4 photos centrees */
div.sommaire_visuel_4 div {
	float:left;
	margin:10px 25px;
	width:95px;
	text-align:center;
	font-size:0.9em;
}
div.sommaire_visuel_4 img {
	border:solid 1px #dc1c1c;
}
div.sommaire_visuel_4 a {
	font-size:0.9em;
	color:#dc0000;
	text-decoration:underline;
}
/*  adsense */
div.adsense468 {
	margin:0 50px;
	padding:20px 0;
	}
div.adsense120 {
	margin:0;
	padding:5px 10px;
	}
/***************** ELEMENTS COLONNE DE DROITE *****************/
/*** CADRE REASSURANCE***/
div.reassurance {
	background-color:#efefef;
	border:1px solid #c7c8bf;
	color:#686153;
	font-size:10px;
	padding:10px 10px 5px 10px;
	margin:10px 0;
	overflow:auto;
	}
div#droite div.reassurance img{
	float:left;
	margin:0 10px 3px 0;
	}
/*** CADRE rss***/
div#rss {
	background:#efefef url(/img/titre_rss.gif) -1px -1px no-repeat;
	border:1px solid #c7c8bf;
	color:#686153;
	font-size:10px;
	padding:49px 10px 5px 10px;
	margin:10px 0;
	}
div#rss h5 {
	font:normal bold 12px/135% Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	}
div#rss h5 a {
	color:#f16c00;
	text-decoration:underline;
	}
div#rss p {
	font:normal normal 11px/130% Arial, Helvetica, sans-serif;
	color:#686153;
	margin:0;
	padding:0;
	}
div#rss p.date {
	font:normal small-caps normal 10px/130% Arial, Helvetica, sans-serif;
	color:#aa0000;
	margin:0.2em 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #686153;
	text-align:right;
	}
#test_right {
	margin:0;
	padding:0;
	border:solid 1px #c7c8bf;
	background-color:#efefe7;
	width:255px;
	}
#test_right p {
	margin:0;
	padding:0;
}
#test_right img {
	margin:0;
	padding:0;
	border-top:solid 1px #c7c8bf;
	border-bottom:solid 1px #c7c8bf;
	}	
#test_right .titre {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	padding:4px 0 ;
}
#test_right .texte {
	text-align:left;
	color:#72746d;
	font-size:0.9em;
	padding:10px;
}
img.habillage {
	margin:10px 0;
}

div.localisation h1 {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#cc0000;
	padding:10px 0;
}
div.localisation h2 {
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	font-style:normal;
	text-align:center;
	color:#cc0000;
	padding:5px 10px;
}
div.localisation h3 {
	border-top:1px dashed #999;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#cc0000;
	padding:10px 0;
}
div.localisation h4 {
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#686153;
	padding:10px 0 0 0;
	margin:0;
	background:none;
}
div.localisation table{
	padding:0;
	margin:10px 0;
}
div.localisation table.adresse{
	background-color:#f0f1f4;
	border:1px solid #cccdd5;
}
div.localisation table.adresse td{
	padding:5px;
}
div.localisation table td {
	border:0;
	padding:4px 0;
}
div.localisation table th {
	border:0;
	font-weight:bold;
	color:#666;
	width:35%;
	padding:5px;
}
div.localisation li.ville a {
	color:#686153;
	text-decoration:none;
	font-weight:bold;
	}
div.localisation li.ville a:hover {
	color:#cc0000;
	text-decoration:underline;
	}
div.localisation li.ville li a {
	color:#686153;
	text-decoration:underline;
	font-weight:normal;
	}
div.localisation p.pro,
div.localisation p.devis { /* BOUTON PRO ET DEVIS */
	text-align:center;
	font:normal 12px/150% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
div.localisation p.pro span{
	background:#DC0000 url(/img/loupe.gif) 4px 4px no-repeat;
	border:2px outset #DC0000;
	padding:4px 4px 4px 24px;
	color:#FFF;
	}
div.localisation p.pro span:hover{
	background:#DF3737 url(/img/loupe.gif) 4px -21px no-repeat;
	border:2px inset #DF3737;
	}
div.localisation p.pro span a,
div.localisation p.devis span a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}
div.localisation p.devis span{
	background:#DC0000 url(/img/calculette.gif) 4px 4px no-repeat;
	border:2px outset #DC0000;
	padding:4px 4px 4px 24px;
	color:#FFF;
	}
div.localisation p.devis span:hover{
	background:#DF3737 url(/img/calculette.gif) 4px -21px no-repeat;
	border:2px inset #DF3737;
	}
	
div.localisation div.annuaire {
	float:left;
	width:45%;
	margin:10px 15px 0 0;
	}
div.localisation p.annuaire {
	margin:0 0 15px 0;
	text-align:center;
	font-weight:bold;
	color:#686153;
}
div.localisation ul.annuaire {
	list-style-type:none;
	line-height:135%;
}
div.localisation ul.annuaire li{
	display:inline;
	line-height:150%;
	background:none;
	padding:0;
	margin:0;
}
div.localisation ul.annuaire li a{
	color:#cc0000;
	text-decoration:none;
	padding:0 4px 0 2px;
	margin:0;
	border-right:1px solid #666;
}
div.localisation ul.annuaire li a:hover{
	color:#686153;
	text-decoration:underline;
}
div.localisation div#rss {
	color:#686153;
	margin:10px 0;
	padding:0;
	background:none;
	border:0;
	}
div.localisation div#rss h1{
	margin:10px 0 0 0;
	padding:0 0 5px 0;
	text-align:left;
	font:normal bold 12px/150% Arial, Helvetica, sans-serif;
	text-transform:none;
	}
div.localisation div#rss h1 a {
	color:#0099CC;
	text-decoration:underline;
	}
div.localisation div#rss p {
	font:normal normal 11px/130% Arial, Helvetica, sans-serif;
	color:#686153;
	margin:0;
	padding:0;
	}
div.localisation div#rss p.date {
	border:0;
	}

	/* lien en bas de page */
div#cc{
	text-align:left;
	border-top:1px dotted #867F71;
	background-color:#EDEDED;
	overflow:auto;
	padding:10px 5px;
	}
div#cc p.titre{
	font:bold 16px/120% Arial, Helvetica, sans-serif;
	color:#AA0000;
	}
div#cc div{
	float:left;
	width:160px;
	margin:0 5px;
	}
div#cc div h6{
	font:bold 11px/100% Arial, Helvetica, sans-serif;
	color:#AA0000;
	text-transform:uppercase;
	margin:5px 0;
	}
div#cc div ul{
	list-style-type:none;
	}
div#cc div ul li{
	background:none;
	line-height:125%;
	padding:0 0 4px 0;
	margin:0;
	}
div#cc div ul li a{
	color:#686153;
	text-decoration:none;
	}
div#cc div ul li a:hover{
	color:#AA0000;
	text-decoration:none;
	}
div.plus a{
	clear:left;
	color:#FFF;
	text-decoration:none;
	font:normal 11px/100% Arial, Helvetica, sans-serif;
	text-transform:none;
	}
div.plus, div.moins{
	clear:left;
	background-color:#757575;
	color:#FFF;
	padding:2px;
	font:bold 11px/140% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
p.interne {
	padding:10px;
	}
p.partenaires {
	color:#686153;
	border-top:1px dotted #CFC6B5;
	padding:10px;
	font:normal 11px/140% Arial, Helvetica, sans-serif;
	}
p.partenaires a{
	color:#686153;
	text-decoration:none;
	}
/*** Fin de formulaire ***/
div.colonne {
	float:left;
	width:50%;
	}