@charset "UTF-8";
/* CSS Document */
/**********************************/
/**********************************/
/***********Tags généraux**********/
/**********************************/
/**********************************/
a:link, a:visited {
	color: #28527a;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #5f95bd url(../images/commun/fond.jpg) 0 0 repeat-x;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
form {
	margin: 0;
	padding: 0;
}

img {
	border: 0px none #000;
}

p {
	margin: 0;
	padding: 8px 0;
}
ul {
	margin: 5px 0 10px 15px;
	padding: 0;
	list-style-position: outside;
	list-style-type: disc;
	font-weight: normal;
	text-align: left;
}
li {
	margin: 0;
	padding: 5px 0 0 0;
}
abbr, acronym {
	cursor: help;
}
hr {
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	border-top: 0px solid #000;
}
sup {
font-size: 9px;
line-height: 0.8em;
margin: 0px;
padding: 0px;
}
/**********************************/
/**********************************/
/*******Conteneurs globaux*********/
/**********************************/
/**********************************/
#global {
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
	#contenuGlobal {
		width: 990px;
		margin: 0;
		padding: 0;
		text-align: left;
		}
		#contenuGlobal #ombreHautGauche {
			width: 20px;
			background: transparent url(../images/commun/ombre2.jpg) left top repeat-y;
			vertical-align: top;	
		}
		#contenuGlobal #ombreHautDroite {
			width: 20px;
			background: transparent url(../images/commun/ombre5.jpg) left top repeat-y;
			vertical-align: top;	
		}
		#contenuGlobal #contenuFond {
			margin: 0;
			padding: 5px;
			text-align: left;
			vertical-align: top;
			background-color: #fff;
			}
			#contenuGlobal #contenuFond #contenu {
				margin: 0;
				padding: 0;
				text-align: left;
				min-height: 406px;
				height: auto !important;
				height: 406px;
				position: relative;
				background: url(../images/commun/fond_gauche.gif) top left repeat-y;				
			}
			body#pageAccueil #contenuGlobal #contenuFond #contenu {
				background: #a0b9ca url(../images/commun/fond_contenu_accueil.jpg) left top repeat-x;
				}
				#contenuGlobal #contenuFond #contenu #redacGlobal {
					width: 100%;			
					}
					#contenuGlobal #contenuFond #contenu #redacGlobal td {
						vertical-align: top;			
					}
					/*Accueil*/	
					#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGaucheAccueil {
						width: 192px;	
						}
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGaucheAccueil #navProduits {
							width: 192px;
							background: url(../images/commun/fond_encart_produits_accueil.jpg) top left repeat-y;
							margin-top: 36px;		
							}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGaucheAccueil #navProduits ul {
								margin: 0;
								padding: 5px 0 0 0;
								list-style-position: outside;
								list-style-type: none;
								text-align: left;
								}
								#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGaucheAccueil #navProduits ul li {
									margin: 0;
									padding: 0 5px 3px 28px;
									color: #fff;
									background: url(../images/commun/puce1.gif) top left no-repeat;
									}
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGaucheAccueil #navProduits ul li a {
										font-size: 13px;
										line-height: 22px;
										color: #fff;									
									}
					#contenuGlobal #contenuFond #contenu #redacGlobal td#redacCentreAccueil {
						margin: 0;
						padding: 0;
						width: 553px;	
						}
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacCentreAccueil #accrocheAccueil {
							width: 553px;
							margin: 0 0 20px 0;
							padding: 50px 0 0 0;
							min-height: 63px;
							height: auto !important;
							height: 63px;
							background: #5dd8e0 url(../images/commun/fond_accroche_accueil.jpg) top left no-repeat;
							z-index: 1;								
							}	
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacCentreAccueil #accrocheAccueil p {
								font-size: 14px;
								line-height: 18px;
								color: #28527a;
								margin: 0;
								padding: 5px 5px 10px 15px;
								font-weight: bold;							
								}							
					#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroiteAccueil {
						margin: 0;
						padding: 0 0 0 10px;
						}
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroiteAccueil #newsAccueil {
							width: 174px;
							margin: 36px 0 0 0;
							padding: 0 0 35px 0;
							background-color: #d1dde6;
							border-bottom: 1px solid #96b3c6;
							position: relative;
							text-align: center;
							}						
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroiteAccueil #newsAccueil .btnSavoirplusAccueil {
								position: absolute;
								right: 14px;
								bottom: 0;
								}
								#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroiteAccueil #newsAccueil a:hover img {
									filter:alpha(opacity=70);
									-moz-opacity:0.7;
									-khtml-opacity: 0.7;
									opacity: 0.7;
								}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroiteAccueil #newsAccueil p {
								font-size: 12px;
								line-height: 16px;
								color: #28527a;
								margin: 0;
								padding: 15px 5px 5px 5px;
								font-weight: normal;
								text-align: left;
							}																														
					/*Intérieur*/			
					#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGauche {
						width: 180px;	
						}
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGauche #navProduits {
							width: 180px;
							background: url(../images/commun/fond_encart_produits.gif) top left repeat-y;		
							}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGauche #navProduits ul {
								margin: 0;
								padding: 5px 0 0 0;
								list-style-position: outside;
								list-style-type: none;
								text-align: left;
								}
								#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGauche #navProduits ul li {
									margin: 0;
									padding: 0 5px 3px 28px;
									color: #fff;
									background: url(../images/commun/puce1.gif) top left no-repeat;
									}
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacGauche #navProduits ul li a {
										font-size: 13px;
										line-height: 22px;
										color: #fff;									
									}
					#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite {
						padding: 10px 0 0 15px;	
						}
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #titresGlobal {
							margin: 0;
							padding: 0;							
							min-height: 28px;
							height: auto !important;
							height: 28px;
							/*border-bottom: 1px solid #d5e5ed;*/	
							}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #titresGlobal h1 {
								font-size: 18px;
								line-height: 28px;
								color: #28527a;
								margin: 0;
								padding: 0 20px 5px 15px;
								font-weight: bold;
								/*float: left;*/
								background: url(../images/commun/separateur_titres.gif) left top no-repeat;
								border-bottom: 1px solid #d5e5ed;
							}
								#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #titresGlobal h1 a {
									color: #28527a;
								}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #titresGlobal h2 {
								font-size: 18px;
								line-height: 28px;
								color: #35b2b2;
								margin: 0;
								padding: 5px 10px 0 15px;
								font-weight: bold;
								/*float: left;*/
							}
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite h3 {
							font-size: 15px;
							line-height: 25px;
							color: #28527a;
							margin: 0;
							padding: 3px 0 3px 15px;
							font-weight: normal;
						}
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsListeGlobal {
							margin: 15px 0 0 0;
							padding: 1px;							
							width: 744px;
							background-color: #bdcbd2;
							}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsListeGlobal td {
								vertical-align: top;
								}
								#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsListeGlobal .produitsListeItem {
									width: 365px;
									height: 133px;
									margin: 0;
									padding: 0 5px 0 0;
									background-color: #e7f1f3;
									border-right: 1px solid #d5e5ed;
									border-bottom: 1px solid #d5e5ed;
									vertical-align: middle;
									position: relative;
									float: left;
									}													
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsListeGlobal .produitsListeItem .produitsListePhoto {
										margin: 0;
										padding: 0;
										width: 130px;
										height: 130px;
										overflow: hidden;
										background: white;
										border-bottom: 3px solid #70e4e4;
										float: left;
										text-align: center;
										line-height: 130px;
										
									}
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsListeGlobal .produitsListeItem .produitsListePhoto img{
										vertical-align: baseline;
									}
										
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsListeGlobal .produitsListeItem h4 {
										font-size: 13px;
										line-height: 18px;
										color: #000;
										margin: 50px 0 0 10px;
										padding: 0;
										font-weight: bold;
										display: block;
										width: 220px;
										float: left;
										text-decoration: none;
										}
										 #contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsListeGlobal .produitsListeItem h4 a {
											color: #000;
											}
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsListeGlobal .produitsListeItem .btnSavoirplusListe {
										position: absolute;
										right: 0;
										bottom: 0;
									}
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsListeGlobal .produitsListeItem a:hover .btnSavoirplusListe {
										filter:alpha(opacity=70);
										-moz-opacity:0.7;
										-khtml-opacity: 0.7;
										opacity: 0.7;
									}						

						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal {
							margin: 20px 0 0 0;
							padding: 0;							
							}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td {
								vertical-align: top;
								}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td#produitsFicheGauche {
								width: 275px;
								padding: 0 0 0 5px;
								}
								#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td#produitsFicheGauche #produitsComplementaires {
									width: 245px;
									margin: 20px 0 0 0;
									padding: 1px;
									border: 1px solid #d5e5ed;
									}								
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td#produitsFicheGauche #produitsComplementaires a {
										color: #000;
										font-weight: bold;
										padding-left: 5px;
										}								
								#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td#produitsFicheDroite h3 {
									font-size: 15px;
									line-height: 30px;
									color: #000;
									margin: 0;
									padding: 5px 0;
									font-weight: normal;
									}
								#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td#produitsFicheDroite h4 {
									font-size: 15px;
									line-height: 40px;
									color: #000;
									margin: 0 0 0 0;
									padding: 2px 6px;
									font-weight: bold;
									background-color: #70e4e4;
									border-bottom: 3px solid #5bc3c3;
									display: inline;
									}
								#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td#produitsFicheDroite table {/*ajout eric*/
									border: none;
									border-collapse: collapse;
									}
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td#produitsFicheDroite table td {/*ajout eric*/
									border-bottom: 1px solid #CCC;
									}
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td#produitsFicheDroite table th {/*ajout eric*/
									border: none;
									border-bottom: 1px solid #CCC;
									}
									#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite #produitsFicheGlobal td#produitsFicheDroite a:hover img {
										filter:alpha(opacity=80);
										-moz-opacity:0.8;
										-khtml-opacity: 0.8;
										opacity: 0.8;	
									}
									
/***********/
/* CONTACT */
/***********/

						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite h2 {
							font-size: 1.3em;
							margin-bottom: 5px;/*30px*/
							color: #35b2b2;
							text-align: left; /*center*/
							}
									
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite fieldset {
							margin: 0;
							padding: 0;
							border: 1px none #000;
							width: 740px;
							}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite fieldset label {
								font-size: 12px;
								float: left;
								width: 250px;
								margin: 5px 0;
								padding: 0;
							}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite fieldset input, #contenu fieldset select, #contenu fieldset textarea {
								width: 450px;
								margin: 5px 0;
								padding: 0;
								background-color: #eee;
								border: 1px solid #ccc;
								float: left;				
							}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite fieldset input.radio {
								width: 20px;
								height: 20px;
								vertical-align: middle;
								background-color: #fff;
								border: 0px solid #eee;
								float: none;
							}
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite fieldset input.btn {
								width: 100px;
								color: #28527a;
								font-size: 14px;
								line-height: 20px;
								font-weight: bold;
								margin: 20px 0 10px 0;
								text-transform: uppercase;
								padding: 2px;
							}		
							#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite fieldset input.btn2 {
								width: 280px;
								color: #28527a;
								font-size: 14px;
								line-height: 20px;
								font-weight: bold;
								margin: 20px 0 10px 0;
								text-transform: uppercase;
								padding: 2px;
							}						
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite form #txtChampsObligatoires {
							margin: 10px 0;
							font-size: 12px;
							line-height: 20px;
							font-weight: bold;
							text-align: center;
						}
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite form h3 {
							border-top: 1px dotted #ccc;
							border-bottom: 1px dotted #ccc;
							padding: 5px;
							margin: 0 0 5px 0;
							clear: both;
							color: #28527a;
							font-weight: bold;
						}
						
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite legend {
							font-size: 15px;
							font-weight: bold;
							margin: 0;
							padding: 10px 20px;
							color: #000;
						}
						
						#contenuGlobal #contenuFond #contenu #redacGlobal td#redacDroite .txtOkErrAlert {	
							font-size: 16px;
							line-height: 25px;
							font-weight: bold;
							color: #d00;
							width: 450px;
							margin: 5px 0 0 130px;
							padding: 20px;
							background-color: #eee;
							border: 1px solid #ccc;
							text-align: center;
						}
									
/***********/
																	
		#contenuGlobal #bdp {
			height: 26px;
			margin: 0;
			padding: 0;
			text-align: center;
			color: #28537b;
			font-size: 11px;
			line-height: 26px;
			background-color: #b8cbd8;
			border-top: 2px solid #fff;
			}
		body#pageAccueil #contenuGlobal #bdp {
			border-top: 0px none #fff;
			}
			#contenuGlobal #bdp a {
				color: #28537b;
			}
			#contenuGlobal #bdp span a {
				font-size: 12px;
				line-height: 26px;
				font-weight: bold;
				padding-left: 10px;
			}

/***************************************/
/******** Mentions legales  ************/
/***************************************/
#mention {
list-style-type: none;
margin: 0;
padding: 0;
}
#mention strong {color: #28527A;}


/**********************************/
/**********************************/
/***********Classes****************/
/**********************************/
/**********************************/

.textAlignRight {
	text-align: right;
}
.asterisque {
	font-size: 17px;
	font-weight: bold;
	color: #f00;
}
.gras {
	font-weight: bold;
}


.displayNone { 
	display: none; 
}
.visibilityHidden { 
	visibility: hidden; 
}

.left {
	text-align: left;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}


.clearBoth {
	clear: both;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}

.note1 {
	font-size: 11px;
	line-height: 16px;
}

.verticalAlignMiddle {
	vertical-align: middle;
}
.verticalAlignTop {
	vertical-align: top;
}
.marginHorizCenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.newsGlobal {
	width: 730px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.newsGlobal .newsDate {
		color: #28527A;
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;
		margin: 10px 0 0 0;
		padding: 0;
		text-transform: normal;		
	}
	.newsGlobal .newsRedac {
		width: 650px;
		margin: 0 0 15px 0;
		padding: 0;
		float: left;
	}
	.newsGlobal .newsRedacPhoto {
		width: 475px;
		margin: 5px 0 15px 0;
		padding: 0;
		float: left;
	}
	.newsGlobal .newsPhoto {
		width: 175px;
		margin: 20px 0 15px 0;
		padding: 0;
		text-align: center;
		float: left;
	}
	.newsGlobal .newsPhotoZoom {
		width: 550px;
		background-color: #fff;
		margin: 0;
		padding: 10px 0;
		text-align: center;
		position: absolute;
		left: 0;
		top: 10px;
		visibility: hidden;
		border: 1px solid #ccc;
		cursor: pointer;
		z-index: 1000;
	}

.padding1 {
	padding: 5px;
}
.paddingLeft1 {
	padding-left: 6px;
}
.paddingLeft2 {
	padding-left: 350px;
}
.paddingLeft3 {
	padding-left: 250px;
}
.marginTop1 {
	margin-top: 10px;
}
.marginBottom1 {
	margin-bottom: 10px;
}
.reference {
color: #28527A;
float: left;
font-weight: bold;
height: 140px;
list-style-type: none;
margin: 5px 10px 5px 0;
width: 200px;
}
.reference li {
color: #000;
font-weight: normal;
}
.text {
	padding-left: 6px;
}
.backgroundColor1 {
	background-color: #fff;
}