@charset "utf-8";

/********************************************
/* Elements de base */
/********************************************/
a:link, a:visited { 
	/*color:#186eb2;*/
	color: #253082;
	text-decoration:underline;
	outline: none;
}
a:hover, a:active {
	color:#000;
	text-decoration:underline;
	outline: none;	
}

html, body {
	background-color:#d2ecf9;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #253082;
	}


form {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 4px 0 3px 0;
}
ul {
	margin: 0;
	padding: 0 5px 5px 10px;
	}
	ul li {
	margin: 0;
	padding: 0 0 5px 15px;
	list-style-position: outside;
	list-style-type: none;
	}
	
img {
	border: 0px none #000;
}

sup {
	font-size: 8px;
	line-height: 0.8em;
	margin: 0;
	padding: 0;
	}
hr { 
	clear: both;
	width: 100%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #ccc dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
	}

/********************************************/
/* Conteneurs généraux */
/********************************************/
#global {
	position: relative;
	width: 980px;
	margin: auto;
	padding: 5px;
	text-align: left;
	background-color: #fff;
	}
	#global #content {
		padding: 0;
		text-align: left;
		
		}
		#global #content #header {
			width: 980px;
			height: 135px;
			padding: 0;
			}
		#global #content #papillonNavContact {
			width: 21px;
			height: 21px;
			padding: 0;
			position: absolute;
			top: 128px;
			right: 47px;
			z-index: 10000;
			}	
		#global #content #info {
			margin: 0;
			padding: 0;		
			min-height: 400px;
			height: auto !important;
			height: 400px;
			background:transparent url(/img/com/bdp.jpg) left bottom no-repeat;
			position: relative;
			}
			
			
			#global #content #info #col1 {
				width:605px;
				margin:0;
				padding: 45px 0 0 50px;
				float:left;
				}
				#global #content #info #col1 #filArianeGlobal {
					background: transparent url(/img/com/fleche1.gif) 40px 30px no-repeat;
					color: #999;
					font-size: 10px;
					padding: 25px 0 0 58px;
					}									
					#global #content #info #col1 #filArianeGlobal a {
						line-height: 20px;
						color: #999;
					}
					#global #content #info #col1 #filArianeGlobal a:hover, #global #content #info #col1 #filArianeGlobal a:active {
						text-decoration: underline;
					}
				
				#global #content #info #col1 #blocRedacHaut {
					position: relative;
					width: 600px;
					margin:0;
					padding: 0;
					background: transparent url(/img/com/fond_col1_haut.png) left top no-repeat;					
					}
												
					#global #content #info #col1 #blocRedacHaut #zoneRedac {
						margin: 0;
						padding: 15px 30px 1px 40px;				
						}
/*						#global #content #info #col1 #blocRedacHaut .blocRedacVisuel {
							margin: 0 0 20px 0;
							width: 230px;
							position: relative;
							float: left;				
							}*/
/*						#global #content #info #col1 #blocRedacHaut .blocRedacVisuelCache {
							position: absolute;
							left: 0;
							top: 0;
							width: 195px;
							height: 155px;
							z-index: 10000;
							background: transparent url(/img/com/visuels_cache.png) left top no-repeat;
							}*/							
/*						#global #content #info #col1 #blocRedacHaut .blocRedacAccroche {
							margin: 0 0 25px 0;						
							width: 290px;
							float: left;									
							}*/
							#global #content #info #col1 #blocRedacHaut #zoneRedac h1 {
								margin: 0;
								padding: 0 10px 0 0;
								font-size: 12px;
								line-height: 16px;
								font-weight: bold;
								color: #e2007a;
								text-transform: uppercase;
								font-style: italic;				
								}
							#global #content #info #col1 #blocRedacHaut #zoneRedac h2 {
								margin: 0;
								padding: 10px 15px 0 0;
								font-size: 12px;
								line-height: 17px;
								font-weight: bold;
								color: #37388b;			
								}
							#pageReferences #global #content #info #col1 #blocRedacHaut #zoneRedac h2 {
								padding-top:0;	
								color: #e2007a;
							}
							
/*							#global #content #info #col1 #blocRedacHaut #zoneRedac a {
								text-decoration: none;			
								}*/																																										
					#global #content #info #col1 #blocRedacHaut #zoneRedac p {
						margin: 0;
						padding: 4px 0 3px 0;
						clear: both;
					}
					#global #content #info #col1 #blocRedacHaut #zoneRedac table {
						margin: 0 0 15px 0;
						padding: 0;	
						}
						#global #content #info #col1 #blocRedacHaut #zoneRedac table td {
							vertical-align: top;							
							}
							#global #content #info #col1 #blocRedacHaut #zoneRedac table td img{
								margin-top: 3px;							
								}							
						#pageReferencesListe #global #content #info #col1 #blocRedacHaut #zoneRedac table td 
							{
								vertical-align: middle;
							}														
					#global #content #info #col1 #blocRedacHaut #zoneRedac ul {
						margin: 0;
						padding: 5px 10px 0 0;
						}
						#global #content #info #col1 #blocRedacHaut #zoneRedac ul li {
						margin: 0;
						padding: 0 0 5px 20px;
						list-style-position: outside;
						list-style-type: none;
						background: transparent url(/img/com/puce1.gif) left top no-repeat;
						}
					
																							
				#global #content #info #col1 #blocRedacBas {
					position: relative;
					width: 600px;
					height: 30px;
					margin:0;
					padding: 0;
					background:transparent url(/img/com/fond_col1_accueil_bas.png) left bottom no-repeat;					
					}
					
				
			#global #content #info #col2 {
				width:290px;
				margin:0;
				padding: 29px 0 95px 8px;
				float:left;
				}
			body#pageAccueil #global #content #info #col2 {
				width:290px;
				margin:0;
				padding: 45px 0 0 8px;
				float:left;
				}
				#global #content #info #col2 #blocOffreGlobal {
					width: 270px;
					height: 85px;
					margin:0;
					padding: 0;
					text-align: right;				
					}
				body#pageAccueil #global #content #info #col2 #blocOffreGlobal {
					position: relative;
					width: 290px;
					height: 180px;
					margin:0;
					padding: 0;
					background:transparent url(/img/fr/fond_offre_mois_accueil.png) left top no-repeat;
					text-align: left;										
					}					
					#global #content #info #col2 #blocOffreGlobal h5 {
						margin: 0;
						padding: 65px 20px 0 30px;
						font-size: 13px;
						line-height: 16px;
						font-weight: bold;
						color: #e2007a;
						text-transform: uppercase;
						font-style: italic;
						}
					#global #content #info #col2 #blocOffreGlobal p {
						margin:0;
						padding: 2px 40px 0 30px;
						font-size: 10px;
						line-height: 14px;
						color: #253082;
						}
						#global #content #info #col2 #blocOffreGlobal p a:link, #global #content #info #col2 #blocOffreGlobal p a:visited { 
							color: #253082;
							text-decoration: none;
						}
						#global #content #info #col2 #blocOffreGlobal p a:hover, #global #content #info #col2 #blocOffreGlobal p a:active {
							color:#e2007a;
							text-decoration: none;	
						}
					#global #content #info #col2 #blocOffreGlobal a.lienPlus:link, #global #content #info #col2 #blocOffreGlobal a.lienPlus:visited { 
						display: block;
						position: absolute;
						bottom: 12px;
						right: 15px;
						width: 35px;
						height: 35px;
						margin: 0;
						padding: 0;
						background: url(/img/com/btn_plus1_off.png) 0 0 no-repeat;
						z-index: 10000;
						text-decoration: none;						
					}
					#global #content #info #col2 #blocOffreGlobal a.lienPlus:hover, #global #content #info #col2 #blocOffreGlobal a.lienPlus:active {
						display: block;
						position: absolute;
						bottom: 12px;
						right: 15px;						
						width: 35px;
						height: 35px;
						margin: 0;
						padding: 0;
						background: url(/img/com/btn_plus1_on.png) 0 0 no-repeat;
						z-index: 10000;
						text-decoration: none;								
					}

				#global #content #info #col2 #blocActualitesGlobal {
					position: relative;
					width: 290px;
					height: 155px;
					margin: 0;
					padding: 0;
					background:transparent url(/img/fr/fond_actualites_accueil.png) left top no-repeat;					
					}
					#global #content #info #col2 #blocActualitesGlobal h5 {
						margin: 0;
						padding: 64px 20px 0 20px;
						font-size: 12px;
						line-height: 15px;
						font-weight: bold;
						color: #e2007a;
						text-transform: uppercase;
						font-style: italic;
						}
					#global #content #info #col2 #blocActualitesGlobal p {
						margin:0;
						padding: 2px 40px 0 20px;
						font-size: 10px;
						line-height: 14px;
						color: #253082;
						}
						#global #content #info #col2 #blocActualitesGlobal p a:link, #global #content #info #col2 #blocActualitesGlobal p a:visited { 
							color: #253082;
							text-decoration: none;
						}
						#global #content #info #col2 #blocActualitesGlobal p a:hover, #global #content #info #col2 #blocActualitesGlobal p a:active {
							color:#e2007a;
							text-decoration: none;	
						}
					#global #content #info #col2 #blocActualitesGlobal a.lienPlus:link, #global #content #info #col2 #blocActualitesGlobal a.lienPlus:visited { 
						display: block;
						position: absolute;
						bottom: 10px;
						right: 15px;
						width: 35px;
						height: 35px;
						margin: 0;
						padding: 0;
						background: url(/img/com/btn_plus1_off.png) 0 0 no-repeat;
						z-index: 10000;
						text-decoration: none;						
					}
					#global #content #info #col2 #blocActualitesGlobal a.lienPlus:hover, #global #content #info #col2 #blocActualitesGlobal a.lienPlus:active {
						display: block;
						position: absolute;
						bottom: 10px;
						right: 15px;						
						width: 35px;
						height: 35px;
						margin: 0;
						padding: 0;
						background: url(/img/com/btn_plus1_on.png) 0 0 no-repeat;
						z-index: 10000;
						text-decoration: none;								
					}


				#global #content #info #col2 #blocFinancementGlobal {
					position: relative;
					width: 290px;
					height: 125px;
					margin:0;
					padding: 0;
					background:transparent url(/img/fr/fond_financement_accueil.png) left top no-repeat;					
					}
					#global #content #info #col2 #blocFinancementGlobal h5 {
						margin: 0;
						padding: 55px 100px 0 20px;
						font-size: 12px;
						line-height: 15px;
						font-weight: bold;
						color: #e2007a;
						text-transform: uppercase;
						font-style: italic;
						letter-spacing: -1px;
						}
					#global #content #info #col2 #blocFinancementGlobal a.lienPlus:link, #global #content #info #col2 #blocFinancementGlobal a.lienPlus:visited { 
						display: block;
						position: absolute;
						bottom: 8px;
						right: 15px;
						width: 35px;
						height: 35px;
						margin: 0;
						padding: 0;
						background: url(/img/com/btn_plus1_off.png) 0 0 no-repeat;
						z-index: 10000;
						text-decoration: none;						
					}
					#global #content #info #col2 #blocFinancementGlobal a.lienPlus:hover, #global #content #info #col2 #blocFinancementGlobal a.lienPlus:active {
						display: block;
						position: absolute;
						bottom: 8px;
						right: 15px;						
						width: 35px;
						height: 35px;
						margin: 0;
						padding: 0;
						background: url(/img/com/btn_plus1_on.png) 0 0 no-repeat;
						z-index: 10000;
						text-decoration: none;								
					}						

					#global #content #info #col2 a#blocSavoirGlobal:link, #global #content #info #col2 a#blocSavoirGlobal:visited { 
						display: block;
						width: 290px;
						height: 95px;
						margin: 0;
						padding: 0;
						background: url(/img/fr/fond_savoirplus_off.png) 0 0 no-repeat;
						text-decoration: none;						
					}
					#global #content #info #col2 a#blocSavoirGlobal:hover, #global #content #info #col2 a#blocSavoirGlobal:active {
						display: block;						
						width: 290px;
						height: 95px;
						margin: 0;
						padding: 0;
						background: url(/img/fr/fond_savoirplus_on.png) 0 0 no-repeat;
						text-decoration: none;								
					}
					body#pageAccueil #global #content #info #col2 a#blocSavoirGlobal {
						margin: 0 0 10px 0;
								
					}


			#global #content #info #footer {
				position: absolute;
				left: 0;
				bottom: 3px;
				color:#fff;
				text-align:center;
				width: 100%;
				z-index: 1000;
				
				}
				#global #content #info #footer a:link, #global #content #info #footer a:visited {
					color:#fff;				
					text-decoration:none;					
					}
				#global #content #info #footer a:hover, #global #content #info #footer a:active {
					color:#fff;				
					text-decoration:underline;
					}


/********************************************/
/* Accueil */
/********************************************/


				#global #content #info #col1 #blocPresentationHaut {
					position: relative;
					width: 600px;
					margin:0;
					padding: 0;
					background: transparent url(/img/com/fond_col1_accueil_haut.png) left top no-repeat;					
					}
					#global #content #info #col1 #blocPresentationHaut #blocPresentationPapillons {
						position: absolute;
						left: 30px;
						top: 60px;
						z-index: 10000;				
						}
					#global #content #info #col1 #blocPresentationHaut h1 {
						margin: 0;
						padding: 25px 20px 0 75px;
						font-size: 13px;
						line-height: 16px;
						font-weight: bold;
						color: #e2007a;
						text-transform: uppercase;
						font-style: italic;				
						}
					#global #content #info #col1 #blocPresentationHaut h2 {
						margin: 0;
						padding: 10px 15px 0 10px;
						font-size: 12px;
						line-height: 18px;
						font-weight: bold;
						color: #37388b;			
						}
					#global #content #info #col1 #blocPresentationHaut h2.couleur1, #global #content #info #col1 #blocPresentationHaut h2 .couleur1 {
						color: #e2007a;			
						}
												
					#global #content #info #col1 #blocPresentationHaut .blocPresentationRedac {
						margin: 0;
						padding: 15px 20px 0 75px;				
						}
						#global #content #info #col1 #blocPresentationHaut #blocPresentationVisuel {
							margin: 0 0 20px 0;
							width: 315px;
							float: left;				
							}
						#global #content #info #col1 #blocPresentationHaut #blocPresentationAccroche {
							margin: 0 0 25px 0;						
							width: 190px;
							float: left;				
							}
						#global #content #info #col1 #blocPresentationHaut .blocPresentationListe {
							margin: 00;						
							width: 50%;
							float: left;				
							}																											
					#global #content #info #col1 #blocPresentationHaut p {
						margin: 0;
						padding: 4px 0 3px 0;
						clear: both;
					}
					#global #content #info #col1 #blocPresentationHaut table {
						margin: 0;
						padding: 5px 0;	
						}
						#global #content #info #col1 #blocPresentationHaut table td {
							vertical-align: top;
							width: 50%;		
							}																	
					#global #content #info #col1 #blocPresentationHaut ul {
						margin: 0;
						padding: 5px 10px 5px 0;
						}
						#global #content #info #col1 #blocPresentationHaut ul li {
						margin: 0;
						padding: 0 0 5px 20px;
						list-style-position: outside;
						list-style-type: none;
						background: transparent url(/img/com/puce1.gif) left top no-repeat;
						}
					
																							
				#global #content #info #col1 #blocPresentationBas {
					position: relative;
					width: 600px;
					height: 70px;
					margin:0;
					padding: 0;
					background:transparent url(/img/com/fond_col1_accueil_bas.png) left top no-repeat;					
					}
					#global #content #info #col1 #blocPresentationBas a.lienPlus:link, #global #content #info #col1 #blocPresentationBas a.lienPlus:visited { 
						display: block;
						position: absolute;
						bottom: 12px;
						right: 15px;
						width: 175px;
						height: 57px;
						margin: 0;
						padding: 0;
						background: url(/img/fr/fond_savoirplus2_off.png) 0 0 no-repeat;
						z-index: 10000;
						text-decoration: none;						
					}
					#global #content #info #col1 #blocPresentationBas a.lienPlus:hover, #global #content #info #col1 #blocPresentationBas a.lienPlus:active {
						display: block;
						position: absolute;
						bottom: 12px;
						right: 15px;						
						width: 175px;
						height: 57px;
						margin: 0;
						padding: 0;
						background: url(/img/fr/fond_savoirplus2_on.png) 0 0 no-repeat;
						z-index: 10000;
						text-decoration: none;								
					}

/***********/
/* Contact */
/**********/


#formContact td {
	font-size: 0.9em;
	margin: 0;
	padding:10px 5px 0 5px;
	vertical-align:top;
}

#msgRetourForm p { 
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #e2007a;
	text-align: center;
}


/* Les classes */
/********************************************/
.asterisque {
	font-size: 17px;
	font-weight: bold;
	color: #e21818;
	}
.btnEnvoyer	{
		margin:5px;
		padding:0 5px 0 5px;
		width:80px;
		height:23px;
		border: none;
		cursor: pointer;
		color:#38378a;
		font-weight:bold;
		font-size:11px;
	}

.marginBottom1 {
	margin-bottom: 100px;
	}	
.Bold {font-weight:bold;}
.resultat {
	color: #e2007a;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}
/* Positionnement */
/********************************************/
.droite {
	float: right;
	}
.gauche {
	float: left;
	}
.centre {
	text-align:center;
	}

.justifie {
	text-align:justify;
	}

.clearBoth {
	clear: both;
	}

/* Diverses classes */

h2.accroche {
	margin: 0;
	padding: 10px 15px 0 10px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #37388b;
}

.couleur1 {
	color: #e2007a !important;
}