* {	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 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; }
			/* 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-main { float: left; width: 290px; margin: 10px; color: #0E2B5B; }
				ul.liste-services li { font-weight: bold; margin: 20px 10px; }
				ul.liste-services li .orange.emph { color: #FF7C00; text-decoration: none; }
				ul.liste-services li a { text-decoration: underline; }
				ul.liste-services li ul li { font-weight: normal; margin: 0px 0px 0px 20px; }
				ul.liste-services li ul li a { text-decoration: none; }
				.cadre-orange { background: url(../../images/structure/cadre-orange-bottom.gif) bottom left no-repeat; padding-bottom: 1px; }
					.cadre-orange ul.liste-services { background: url(../../images/structure/cadre-orange-top.gif) top left no-repeat; padding-top: 1px; }
			div#mes-services-content-sidebar { float: left; width: 154px; margin: 10px; background-color: #FF7C00; }
				div#mes-services-sidebar-top { clear: both; height: 65px; padding-top: 10px; background: url(../../images/structure/mes-services-sidebar-top.gif) top left no-repeat; }
					div#mes-services-sidebar-top h4 { font-weight: normal; font-size: 1.0em; margin-left: 50px; }
				div#mes-services-sidebar-body { clear: both; color: #FFFFFF; min-height: 300px; }
					div#mes-services-sidebar-body ul li { margin: 20px 10px; }
					div#mes-services-sidebar-body ul li a { font-weight: bold; color: #FFFFFF; text-decoration: underline; }
				div#mes-services-sidebar-bottom { clear: both; height: 14px; background: url(../../images/structure/mes-services-sidebar-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; border: 2px solid #DCE5E7; }
		div#espace-collectivites h4 { margin: 10px 0px 10px 5px; }
		div#espace-collectivites ul { margin-left: 10px; }
		div#espace-collectivites img.right { float: right; margin: 10px 5px 5px 5px; }
			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;
}