@charset "UTF-8";
/* CSS Document */
@import url("fws/accueil.css");
@import url("fws/sommaire.css");
@import url("fws/vignettes.css");
body {
	margin-top: 0px;
	background-color: #CCCCCC;
	margin-bottom: 5px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.marge10 {margin:12px;}
.marge20 {margin:20px;}
.marge30 {margin:30px;}
.Style1 {font-size: 11px}
.Style2 {
	color: #CC0000;
	font-weight: bold;
	font-size: 14px;
}
.Style4 {color: #993399; font-weight: bold; font-size: 14px; }
.Style5 {
	font-size: 20px;
	font-weight: bold;
	color: #008000;
}
.Style5b {
	font-size: 14px;
	font-weight: bold;
	color: #008000;
}
.Style6 {
	font-size: 16px;
	font-weight: bold;
	color: #99CC00;
}
.Style7 {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}
.Style7offres {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
.Style8 {
	font-size: 16px;
	color: #FAC700;
	font-weight: bold;
}
.Style9 {
	color: #666666;
	font-style: italic;
}
.Style10 {
	font-size: 16px;
	font-weight: bold;
	color: #673401
}
.Style11 {
	color: #B1773C;
	font-size: 16px;
	font-weight: bold;
}
.Style12 {
	color: #333399;
	font-size: 16px;
	font-weight: bold;
}
.Style13 {
	font-size: 13px;
	font-weight: bold;
}
.Style14 {
	font-size: 14px;
	font-weight: bold;
}
.Styleblanc {color:#FFFFFF;}
.Styleblancgras {color:#FFFFFF; font-weight: bold; font-size: 16px;}
.margegauche10px {margin-left:10px;}
.margegauche20px {margin-left:20px;}	
.margetitrecard {margin-left:6px; margin-top:12px; margin-bottom:10px;}
.margetitrecard2 {margin:6px;}
.margeinfoscard {margin-left:106px;}
.HeadRouge {
	color: #CC0000;
	font-weight: bold;
	font-size: 14px;
}
.BigHeadRouge {
	color: #CC0000;
	font-weight: bold;
	font-size: 16px;
}
.BigHeadGris {
	color: #666666;
	font-weight: bold;
	font-size: 16px;
}
.aRouge {color: #CC0000;}
.sante {background-image:url(img/page-sante.gif); width:700px; height:86px;}
.prevoyance {background-image:url(img/page-prevoyance.gif); width:700px; height:86px;}
.credits {background-image:url(img/page-credits.gif); width:700px; height:86px;}
.auto {background-image:url(img/page-auto.gif); width:700px; height:86px;}
.habitation {background-image:url(img/page-habitation.gif); width:700px; height:86px;}
.moto {background-image:url(img/page-moto.gif); width:700px; height:86px;}
.animaux {background-image:url(img/page-animaux.gif); width:700px; height:86px;}
.loisirs {background-image:url(img/page-loisirs.gif); width:700px; height:86px;}
.retraite {background-image:url(img/page-retraite.gif); width:700px; height:86px;}
.professionnels {background-image:url(img/page-professionnels.gif); width:700px; height:86px;}
.Liengris:link {color: #999999; text-decoration:none;}
.Liengris:visited {color: #999999; text-decoration:none;}
.Liengris:hover {color: #000000}
.Liengris:active {color: #000000}

.Liennoir:link {color: #000000; text-decoration:none;}
.Liennoir:visited {color: #000000; text-decoration:none;}
.Liennoir:hover {color: #999999}
.Liennoir:active {color: #999999}

.Liennoir2:link {color: #000000; text-decoration:none;}
.Liennoir2:visited {color: #000000; text-decoration:none;}
.Liennoir2:hover {color: #999999}
.Liennoir2:active {color: #999999}

.Lienmarron:link {color: #663A21; text-decoration:none;}
.Lienmarron:visited {color: #663A21; text-decoration:none;}
.Lienmarron:hover {color: #000000}
.Lienmarron:active {color: #000000}
.Lienblanc:link {color: #FFFFFF; text-decoration:none;}
.Lienblanc:visited {color: #FFFFFF; text-decoration:none;}
.Lienblanc:hover {color: #000000}
.Lienblanc:active {color: #000000}
.Boutonrouge {display: block ; background-image:url(img/bouton-sante.jpg); width:161px; line-height: 60px ; text-align: center ;}
#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 162px ;
				line-height: 60px ;
				text-align: center ;
				color: #fff ;
				}
			#nav li a {
				display: block ;
				background: url(img/bouton-sante.jpg) no-repeat 0 0 ;
				color: #ffffff ;
				line-height: 60px ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #999999 url(lienHover.png) left top no-repeat ;
				text-decoration: underline ;
				}
ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 162px ;
	line-height: 60px ;
	color: #FFFFFF ;
	text-indent: 10px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(img/bouton-sante.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd ;
}

ul#menu li a:hover
{
	background: url(bouton-sante.jpg) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97 ;
}
.bgRetraite {background-image:url(img/fond-retraite.gif); background-repeat:no-repeat;}
.bgproartisan {background-image: url(img/fond-pro-artisan.gif); background-repeat: no-repeat;}