* {	margin: 0; padding: 0;	}
body {	background-color: #FFFFFF; text-align: center; }
div {	text-align: left; }
body, input, div { font-family:  Arial, Helvetica, sans-serif; font-size: 0.95em; color: #0E2B5B; }
img	{	border: none;	}
.emph { font-weight: bold; }
a { text-decoration: none; color: #0E2B5B; }
.clear { clear: both; margin: 0 ! important; padding: 0 ! important; }
ul li { list-style-type: none; }
.noborder { border: none ! important; }
.noir { color: #000000; }

div#container { width: 1016px; margin-left: auto; margin-right: auto; margin-top: 8px; }

/* En tête*/
div#header { clear: both; height: 106px; overflow: hidden; background: url(../../images/structure/header-right.gif) top right no-repeat; }
	div#header-logo { float: left; width: 270px; height: 106px; margin-right: 8px; background: url(../../images/structure/header-logo.jpg) top left no-repeat; }
	div#header-logo a { display: block; width: 270px; height: 106px; visibility: hidden; }
	div#header-banner { float: left; width: 736px; height: 106px; }

/* Contenu central*/
div#container-main { clear: both; min-height: 500px; }
	
	/* Partie gauche */
	div#content-left { float: left; width: 274px; min-height: 500px; text-align: center; background: url(../../images/structure/content-left-background.jpg) top left no-repeat; }
	div#content-left-accroche { clear: both; height: 250px; }
	div#content-left-accroche h2 { visibility: hidden; }
		/* Actualités */
		div#content-left-actualites { width: 257px; margin-left: auto; margin-right: auto; }
		div#content-left-actualites div { clear: both; background-color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; }
		div#content-left-actualites li { list-style-type: none; padding: 0px 20px 0px 40px; margin: 10px 0px; background: url(../../images/structure/puce1.gif) 20px 2px no-repeat; }
		div#content-left-actualites li a { color: #053B6F; font-weight: bold; }
		/* "Découvrez aussi..." */
		div#content-left-aussi { width: 257px; margin-left: auto; margin-right: auto; }
		div#content-left-aussi div { clear: both; background-color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; border: 2px solid #DCE5E7; }
		div#content-left-aussi li { padding: 0px 10px 0px 10px; }
		div#content-left-aussi li a { font-weight: bold; }
		/* Formulaire de rappel */
		div#content-left-rappel { width: 245px; margin-left: auto; margin-right: auto; }
		div#content-left-rappel div { clear: both; background-color: #FFFFFF; padding: 10px; border: 2px solid #B1BFC2; }
		#formRappel label { font-size: 0.9em; }
		#formRappel div.label { width: 75px; border: none; padding: 2px 0px; float: left; }
		#formRappel div#label-sujet { width:75px; float: left;}
		#formRappel div#radio-sujet { border:0px solid; clear:none; padding:0px; padding-left: 75px; }
		#formRappel input { width: 132px; background-color: #DDDDDD; border: 1px solid #999999; font-size: 0.9em; margin: 2px 0px; }
		#formRappel input.radio { width: auto; background-color: #FFFFFF; border: none; }
		#formRappel select { font-size: 0.9em; }
		#formRappel #rappel-envoyer { text-align: right; border: none; padding: 0; }
			#rappel-envoyer input { width: 82px; height: 34px; margin-right: 20px; border: none; background-color: #FFFFFF;  }
	
	/* Partie centrale*/
	div#content-center { float: left; width: 483px; padding-top: 10px; margin-right: 3px; }
	div#content-center.large { width: 488px; }
		/* Assurance personnelle */
		div#assurance-personnelle-offres { width: 478px; border: 2px solid #DCE5E7; margin-bottom: 10px; }
			div#assurance-personnelle-offres ul li { display: block; width: 156px; height: 300px; float: left; margin-right: 5px; }
			div#assurance-personnelle-offres ul li.last { margin-right: 0px; }
		/* Assurances associatives et professionnelles */
		div#assurances-associative-pro { width: 482px; height: 177px; background: url(../../images/structure/cadres-jumeaux.gif) top left no-repeat; }
			div#assurances-associative-pro h3 { margin: 15px 0px; }
			div#assurances-associative-pro ul { margin-left: 120px; }
		/* Devis en ligne*/
		div#vente-en-ligne {margin-bottom:10px;}
			/* Assurance associative */
			div#assurance-associative { float: left; margin: 5px 25px 5px 5px; width: 230px; height: 165px; background: url(../../images/content/photo-vie-associative.jpg) bottom left no-repeat; }
				div#assurance-associative h3 { margin-left: 30px; }
			/* Assurance professionnelle */
			div#assurance-pro { float: left; margin: 5px 0px; width: 215px; height: 165px; background: url(../../images/content/photo-vie-professionnelle.jpg) bottom left no-repeat; }
		/* Ecran de connexion */
		div#connexion-formulaire { width: 484px; height: 457px; border: 2px solid #DCE5E7; background: url(../../images/content/photo-connexion-background.jpg) top left no-repeat; }
			div#connexion-formulaire-container { margin: 20px 10px; width: 250px; }
				#formConnexion div.label-left { float: left; width: 100px; padding: 2px 0px; font-size: 0.9em; }
				#formConnexion div.label-right { float: left; padding: 2px 0px; font-size: 0.9em; }
				#formConnexion input { margin: 2px 0px; width: 125px; }
				#connexion-valider { clear: both; text-align: right; }
				input#btn-connexion-valider { width: 81px ! important; height: 33px ! important; border: none; margin-right: 30px; }
		/* Mes services */
		div#mes-services-content { width: 484px; border: 2px solid #DCE5E7; }
		div#mes-services-content a:hover { text-decoration: underline; }
			div#mes-services-content-main { float: left; width: 272px; margin: 10px; color: #0E2B5B; }
			div#mes-services-content-main ul { margin-left:20px; padding-top: 5px;}
			div#mes-services-content-main li { padding-bottom:15px; list-style-image:url(../../images/structure/puce5.gif); color:#0E2B5B; font-weight:bold;}
			div#mes-services-content-main li a {  }
			div#mes-services-content-main li a.aide { display:block; font-weight:normal; font-size:0.8em; color:#ec9231; }
			div#mes-services-content-main li span.cadre { color:#ec9231; font-weight:bold; display:block; background: url(../../images/structure/cadre-services.gif) bottom right no-repeat; width:194px; height:69px; padding-right:20px; padding-left:10px; padding-top:5px;}
			div#mes-services-content-main[id] li span.cadre { min-height:69px; height:auto;}

			div#mes-services-content-sidebar { float: left; width: 169px; margin: 10px; background-color: #e4e9ec; }
				div#mes-services-sidebar-top { clear: both;}
					div#mes-services-sidebar-top h4 { font-size: 1.6em; text-align: center; background-color:#ea9430; color:#FFF; font-weight:bold;}
				div#mes-services-sidebar-body { clear: both; color: #FFFFFF; min-height: 300px;  }
					div#mes-services-sidebar-body ul { }
					div#mes-services-sidebar-body ul li { list-style-type:none; padding-right:10px; margin-left:10px;}
					div#mes-services-sidebar-body ul li a { padding-left:45px; background-image:url(../../images/structure/puce-pdf.gif); background-repeat:no-repeat; display:block; height:45px; padding-top:5px; font-weight:bold;}
				div#mes-services-sidebar-bottom { clear: both; height: 14px; background: url(../../images/structure/telecharger-bottom.gif) bottom left no-repeat; }
	
	/* Partie droite */
	div#content-right { float: left; width: 255px; padding-top: 10px; }
	div#credit-photo { float: left; width: 9px; height: 490px; background: url(../../images/content/credit-photo.gif) bottom left no-repeat;}
		/* Espace collectivités */
		div#espace-collectivites div { width: 251px; background-color:#e4e9ec; }
		div#espace-collectivites h3, div#espace-collectivites #lien-access { width:251px; font-size: 1.4em; text-align: center; background-color:#ea9430; color:#FFF; font-weight:bold; }
		div#espace-collectivites #lien-access { height:27px; display:block; font-size: 1.6em}
		div#espace-collectivites h4 { font-size:1.4em; color:#356e9b; padding-top:10px; padding-left:5px; margin-right:10px; margin-left:10px; border-bottom:1px solid #FFF; }
		div#espace-collectivites ul { margin-left: 10px; }
		div#espace-collectivites li { border-bottom:1px solid #FFF; list-style-image:url(../../images/structure/puce3.gif); list-style-position:inside; margin-right:10px; padding-left:20px; padding-top:5px; padding-bottom:5px; font-weight:bold; font-size:0.9em;}
		div#espace-collectivites li a, div#espace-collectivites li { color:#356e9b; font-weight:bold; }
		div#espace-collectivites li a:hover { text-decoration:underline; }
		div#espace-collectivites li a span, div#espace-collectivites li span{ font-weight:normal; }
		div#espace-collectivites img.right { float: right; margin: 10px 5px 5px 5px; }
			div#espace-collectivites div.assurances { background-image:url(../../images/structure/separate-espace-collectivites.gif); background-repeat:no-repeat; background-position:bottom; padding-bottom:30px;}
			div#espace-collectivites div.services h4 { color:#ef9330; padding-top:0px; } 
			div#espace-collectivites div.services ul { padding-bottom:50px; }
			div#espace-collectivites div.services li { list-style-image:url(../../images/structure/puce4.gif); }
			div#pince { border: none ! important; position: absolute; text-align: right;  }
			div#collectivites-services { margin-left: 40px; border: none ! important; width: auto ! important; }
				div#collectivites-services .noir.emph { font-size: 1.1em; }
				div#collectivites-services p { margin: 18px 0px; }
			div#acces-services { clear: both; text-align: center; margin: 20px 0px; border: none ! important; }

/* Pied de page*/
div#footer { clear: both; height: 59px; margin-bottom: 8px; background: url(../../images/structure/footer-background.gif) top left no-repeat; }
	div#footer-slogan { float: left; margin-left: 28px; width: 485px; margin-top: 40px; color: #999999; font-family: Verdana; }
	div#footer-menu { float: left; margin-top: 40px; }
		div#footer-menu ul li { display: inline; margin-left: 8px; background: url(../../images/structure/puce2.gif) 0px 6px no-repeat; }
		div#footer-menu ul li a { color: #FFFFFF; font-size: 0.8em; margin-left: 10px; background-color: #B3C0C3; }


/* Popup acces services rentree */
#container-main #acces-services-popup {
	display:none;
	border:3px solid #DCE5E7;
	background-color:#ffffff;
	font-size:2.2em;
	left:-2px;
	padding:14px;
	position:absolute;
	top:-110px;
	width:249px;
	cursor:pointer;
}
#container-main #acces-services-popup[id]
{
	width:221px;
}
#container-main #acces-services-popup-close {
	border:none;
	font-size:0.5em;
	left:191px;
	position:absolute;
	top:1px;
	width:56px;
}

.container-grippe .content-left, .container-grippe .content-center, .container-grippe .content-right{
	float: left;
	width: 300px;
	padding: 15px;
}
.container-grippe .content-left p, .container-grippe .content-center p, .container-grippe .content-right p{
	margin-top: 10px;
	margin-bottom: 20px;
}
.container-grippe .float{
	float: left;
	margin-right: 5px;
}
.container-grippe .floatr{
	float: right;
}
.container-grippe {
	text-align: center;
}
#header-logo-grippe{
	float: left;
}