p, h1, h2, h3, h4, ul, img, div  boby {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Verdana", Arial, serif;
	font-size: 11px;
	font-weight: normal;
	color: #313131;
	background-color: #c2d5e3;
}

div#page {
	position:relative;
	width: 1000px; /* 1000*/
	padding: 10px 0 91px 0;
	margin: 0 auto;
	background: url("images/bandeau.jpg") 0 top no-repeat;
}


/*###########################
#							#
#	DIVERS					#	
#							#
###########################*/	


a {	text-decoration: none; }
img { border:0; }

.alignTop { vertical-align: text-top; }
.alignBottom { vertical-align: text-bottom; }
.alignMiddle  { vertical-align: middle; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.normal {font-weight: normal; }
.italic { font-style: italic; }
.inline { display: inline; }

.block { display: block; }
.clear { clear: both; }
.spanClear { display: block; clear: both; font-size: 1px; height: 1px; }
.floatLeft { float: left; }

.error { border: 1px solid #ff0000; }

/********** ESPACEMENTS *************/

.padT13 { padding-top: 13px; }

/********** COULEURS ****************/

.color1 { color: #ffffff; } /* Blanc */
.color2 { color: #000000; } /* Noir */


/*###############################
#								#
#	GAUCHE						#
#								#
###############################*/
	
div#gauche {
	position: relative;
	float: left;
	width: 206px;
	z-index: 90 !important;
}

	div#logo {
		width: 146px;
		height: 183px; /*191*/
		padding: 8px 0 0 45px;
	}
	
	div#btn_contact {
		width: 190px;
		padding: 0 0 8px 8px;
	}

	div#gaucheBlock {
		width: 206px;
		background: url("images/ombreG.jpg") 0 0 repeat-y;
	}
	
		div#gauchehaut {
			width: 206px;
			background: url("images/ombrehautG.gif") 0 top no-repeat;
		}
		
		div#gauchebas {
			width: 190px; /* 206 */
			background: url("images/ombrebasG.gif") 0 bottom no-repeat;
			padding: 8px 8px 8px 8px;
		}
		
		div#gauche p.titreblock, div#gauche p.titreblock {
			display: block;
			width: 136px; /* 190 */
			height: 34px; /* 54 */
			font-family: arial;
			font-size: 16px;
			text-transform: uppercase;
			color: #003352;
			padding: 20px 0 0 54px;
		}
		
			div#gauche div#blockG1 p.titreblock { background: url("images/verrouG.gif") 15px 14px no-repeat; }
			div#gauche div#blockG2 p.titreblock { background: url("images/camG.gif") 15px 19px no-repeat; }
	
		div#gauche div.blockG {
			width: 190px; /* 190 */
			background: url("images/degradeGno1.jpg") 0 0 repeat-x;
			background-color: #f9f9fa;
		}
		
		/* Block G1 */
			div#gauche div.headG {
				width: 190px;
				height: 54px;
				background: url("images/haut-bloc.gif") 0 0 no-repeat;
				border-bottom: 1px solid #ffffff;
			}
			
				div#gauche div.headG div#body1D {
					width: 190px; /* 190 */
					height: 54px;
					background: url("images/haut-bloc.gif") 0 0 no-repeat;
					border-bottom: 1px solid #ffffff;
				}
				
			div#gauche div.bodyG {
				display: block;
				width: 190px;
				border-bottom: 3px solid #738c9e;
				padding-bottom: 20px;
			}
	
				div#gauche p.textebloc {
					color: #003352;
					padding: 9px 0 4px 0 ;
				}
				
				div#gauche div.fondinputG {
					display: block;
					width: 151px; /* 157 */
					height: 20px; /* 22*/
					background: url("images/font-inputG.gif") 0 0 no-repeat;
					padding: 2px 1px 0 5px;
				}
				
					div#gauche input.txt {
						border: none;
						background: none;
					}
			
				div#gauche div.lienG {
					width: 151px; /* 157 */
					padding: 4px 0 12px 3px;
				}
				
					div#gauche div.lienG a.oubliG {
						font-size: 10px;
						color: #f37400;
						text-decoration: underline;
					}
				
				div#gauche div.envoyerG {
					width: 79px;
					height: 21px;
					padding-left: 79px;
				}
				
				div#gauche div.connecte {
					width: 190px;
					font-size: 12px;
					font-weight: bold;
					text-align: center;
				}
				
					div#gauche div.connecte p { color: #F37400; padding: 10px 0; }
					
					div#gauche div.connecte a:hover { text-decoration: underline; }
					
					div#gauche div.connecte ul.ulGn1 { text-align: left; padding-bottom: 20px; }
					
					
				div#gauche div.form_G {
					width: 168px; /* 190 */
					padding-left: 22px;
				}
					
	
		/* Block G2 */
			div#gauche div#blockG1 div.headG {
				width: 190px;
				height: 54px;
				background: url("images/haut-bloc2.gif") 0 0 no-repeat;
				border-bottom: 1px solid #ffffff;
			}
			
				div#gauche ul {
					list-style-type: none;
				}
				
			/* Niveau 1 */
			div#gauche ul.ulGn1 {
				width: 190px;
			}
			
				div#gauche ul.ulGn1 li {
					position: relative;
				}
			
				div#gauche div.bodyG ul.ulGn1 li {
					background-image: url("images/filetmenuG.gif");
					background-position: 20px 0;
					background-repeat :	no-repeat;
				}
					
					div#gauche div.bodyG ul.ulGn1 li.borderLin1, 
					div#gauche div.bodyG ul.ulGn1 li ul.ulGn2 li.borderLin1, 
					div#gauche div.bodyG ul.ulGn1 li ul.ulGn2 li ulGn3 ul li.borderLin1 {
						background-image: none;
					}
					
						div#gauche div.bodyG ul.ulGn1 li a, div#gauche div.bodyG ul.ulGn1 li a.out {
							display: block;
							width: 157px; /* 190 */
							padding: 7px 11px 7px 20px;
							font-size: 11px;
							font-weight: bold;
						}
						
							div#gauche div.bodyG ul.ulGn1 li a.parent { background: url("images/menu_fleche.gif") right center no-repeat; }
							
							div#gauche div.bodyG ul.ulGn1 li a, div#gauche div.bodyG ul.ulGn1 li a.out { color: #003352; }
							
							div#gauche div.bodyG ul.ulGn1 li a:hover, div#gauche div.bodyG ul.ulGn1 li a.over { color: #f17100; }
							
							
			/* Niveau 2 et 3 */
			div#gauche ul.ulGn1 li ul.ulGn2, div#gauche ul.ulGn1 li ul.ulGn2 li ul.ulGn3 {
				display: none;
				position: absolute;
				top: -1px;
				left: 190px;
				width: 190px;
				background: #c2d5e3;
				border: 1px solid #f9f9fa;
			}
			
				div#menu ul.ulGn1 li ul.ulGn2 li a {
					display: inline;
				}
						
	
		/* Block G3 */
		div#gauche div.eyetech {
			width: 190px; /* 190 */
			height: 67px; /* 120 */
			padding-top:2px;
			color: #74879e;	
			background: #ffffff url("images/basG.gif") 0 bottom no-repeat;
		}
		
		div#gauche div.eyetech p { padding: 3px 0; text-align: center; }
		
		div#gauche div.eyetech p, div#gauche div.eyetech p a { color: #74879e; }
		
			div#gauche div.eyetech p a:hover { text-decoration: underline; }
		
				div#gauche div.eyetech span { color: #002f49; }
				
		div#gauche div.eyetech p.s1 {
			font-style: italic;
			font-size: 10px;
		}

					
/*###############################
#								#
#	CONTENU						#
#								#
###############################*/
	
div.contenu {
	float: left;
	width: 566px; /* 570 */
	padding: 8px 0 0 4px;
}

/* TRACKER */
div#tracker {
	width: 566px; /* 566 */
	padding-bottom: 20px;
	
}
		
	div#tracker, div#tracker span, div#tracker a, di#cms div#tracker a {
		color: #51647a !important;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none !important;
	}
	
			div#tracker a:hover {
				text-decoration: underline !important;
			}
		
		div#tracker div.icoHome a {
			display: block;
			float: left;
			width: 54px; /* 45 */
			height: 33px;
			background: url("images/track-accueil.gif") 9px 0 no-repeat;
		}
		
			div#tracker div.icoHome a:hover { text-decoration: none !important; }
		
		div#tracker div.trackSuite {
			float: left;
			width: 512px;
			height: 33px;
		}
		
		div#tracker div.trackFond {
			float: left;
			padding-left: 10px;
			padding-right: 25px;
			background: url("images/track-fond.gif") right 0 no-repeat;
		}
		
			div#tracker div.trackLigne1 {
				height: 23px; /* 33 */
				padding-top: 10px;
			}
			
			div#tracker div.trackLigne2 {
				height: 30px; /* 33 */
				padding-top: 3px;
			}
			
				div#tracker span { display: block; }


/* Plus d'info + Voir aussi */
div#cms div#compInfo {
	width: 506px;
	padding-top: 30px;
}

	div#cms div#compInfo div.s1, div#cms div#compInfo div.s2 {
		float: left;
		width: 240px;
	}
	
		div#cms div#compInfo div.s1 { padding-right: 25px; }

	div#cms div#compInfo p {
		font-size: 12px;
		font-weight: bold;
		color: #0058C2;
		padding: 0 0 5px 16px;
		background: url("images/flechefontbleu.gif") 0 1px no-repeat;
	}
	
	div#cms div#compInfo ul { padding-left: 15px; }
	
		div#cms div#compInfo ul li { padding: 2px 0; }
	
			div#cms div#compInfo ul li a {
				font-size: 11px;
				/*font-weight: bold;*/
				color: #003650;
			}



/*###############################
#								#
#	DROITE						#
#								#
###############################*/
	
div#droite {
	float: left;
	width: 206px;
	background: url("images/ombreG.jpg") 0 0 repeat-y;
}

	div#droitehaut {
		width: 206px;
		background: url("images/ombrehautD.gif") 0 top no-repeat;
	}
	
		div#droitebas {
		width: 190px;
		background: url("images/ombrebasG.gif") 0 bottom no-repeat;
		padding: 0 8px 8px 8px;
	}

	div#droite div.blockD {
		width: 190px; /* 190 */
		background: url("images/degradeGno1.jpg") 0 top repeat-x;
		background-color: #f9f9fa;
	}
	
		div#droite div#blockD1 { 
			background: url("images/degradeGno1.jpg") 0 25px repeat-x; 
			background-color: #f9f9fa;
		}
	
		div#droite div.headD {
			width: 190px;
			height: 54px;
			background-image: url("images/haut-bloc2D.gif");
			background-position: 0 0;
			background-repeat: no-repeat;
			border-bottom: 1px solid #ffffff;
		}
		
			div#droite  div#head1D {
				height: 79px;
				background-image: url("images/haut-blocD.gif");
			}
		
			div#droite div.blockD a.titreblock {
				display: block;
				float: left;
				width: 136px; /* 190 */
				height: 34px; /* 54 */
				font-family: arial;
				font-size: 16px;
				text-transform: uppercase;
				color: #003352;
				padding: 20px 0 0 47px;
				background-position: 15px 14px;
				background-repeat: no-repeat;
			}
				
				div#droite a#titreblock1 {
					background-image: url("images/devisD.gif");
					background-position: 15px 22px;
					padding-top: 28px;
				}
				
					div#droite a#titreblock1 span {
						cursor: pointer;
						text-align: right;
						padding-left: 58px;
					}
				
				div#droite a#titreblock2 { background-image: url("images/refD.gif"); }
				div#droite a#titreblock3 { background-image: url("images/temoinD.gif"); }
				
			
		div#droite div.bodyD {
			display: block;
			width: 171px; /*175*/
			border-bottom: 3px solid #738c9e;
			padding: 4px 0 0 19px;
		}

			div#droite div.bodyD p.textebloc {
				color: #003352;
				padding: 9px 0 4px 0 ;
			}
			
			div#droite div.fondinputD {
				display: block;
				width: 151px; /* 157 */
				height: 20px; /* 22*/
				background: url("images/font-inputG.gif") 0 0 no-repeat;
				padding: 2px 1px 0 5px;
			}
			
				div#droite div.bodyD input.inputD {
					border: none;
					background: none;
				}
			
			div#droite div.envoyerD {
				display: block;
				width: 77px;
				height: 21px;
				background: url("images/envoyerG.gif") 79px center no-repeat;
				margin: 15px 0 16px 0;
				padding-left: 79px;
			}
			
				div#droite div.bodyD div.envoyerD a.envoilogin {
					display: block;
					color: #f9f9fa;
					padding: 3px 0 0 9px;
					background-image: url("images/flecheBlG.jpg");
					background-position: 62px 8px;
					background-repeat:  no-repeat;
				}
		
		
		/* Block 2 */
		div#droite div#body2D {
			width: 170px;
			padding: 20px 0 10px 20px;
		}

			/* SCROLL LOGOS */
			div#droite div#scroll {
				width: 150px;
				/*text-align: center;*/
			}
			
				div#droite div#divScroll {
					visibility: hidden;
					width: 150px;
					height: 120px;
				}
			
				div#droite div.lienD {
					text-align: right;
					padding: 14px 13px 10px 0;
				}
				
					div#droite a.lienRefD {
						font-weight: bold;
						color: #002f49;
						text-decoration: underline;
						padding-right: 9px;
						background: url("images/flecheGris.jpg") right 5px no-repeat;
					}
					
			
		/* Block 3 */
		div#droite div#blockD3 div.bodyD {
			padding-bottom: 13px;
			border: none;
			background: url("images/basG.gif") 0 bottom no-repeat;
		}
		
			div#droite div#blockD3 div.blockD3H {
				overflow: hidden;
				width: 156px;
				height: 65px;
				padding: 14px 0 0 0;
				font-family: verdana;
			}	
		
				div#droite div#blockD3 div.left {
					float: left;
					width: 60px;
					text-align: center;
				}
				
				div#droite div#blockD3 a.titre {
					display: block;
					float: left;
					width: 80px; /* 96 */
					font-size: 10px;
					color: #0058c2;
					padding-left: 16px;
					background: url("images/flechefontbleu.gif") 0 1px no-repeat;
				}
				
					div#droite div#blockD3 a.titre span {
						font-size: 11px;
						font-weight: normal;
						color: #002f49;
					}
					
			div#droite div#blockD3 p.desc {
				overflow: hidden;
				width: 156px;
				height: 214px;
				text-align: justify;
				color: #51647a;
			}
			
		/* Caroussel */
		div#droite div#blockD3 div.container {
			overflow: hidden;
			position: relative;
			width: 156px;
			height: 336px;
		}
		
		div#droite div#blockD3 ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
			position: relative;
			top: 0;
			left: 0;
			width: 100000px;
		}                  
		
			div#droite div#blockD3 ul li {
				float: left;
				width: 156px;
			}
			
			/* Navig */
				div#droite div.bodyD div.pagination {
					width: 158px;
					height: 15px;
					padding: 15px 0 0 0;
					border-top: 1px solid #74879e;
				}
				
					div#droite div.RetC img, div#droite div.SuvC img, div#droite div.supRetC, div#droite div.supSuvC {
						cursor: pointer;
					}
				
					div#droite div.supRetC {
						float: left;
						width: 22px;
						height: 15px;
						padding-right: 3px;
					}
					
					div#droite div.RetC {
						float: left;
						width: 22px;
						height: 15px;
						padding-right: 3px;
					}
					
					div#droite div.numpageC {
						float: left;
						width: 57px;
						height: 15px;
						padding-right: 3px;
						font-size: 13px;
						font-weight: bold;
						color: #002f49;
						text-align: center;
					}
					
					div#droite div.SuvC {
						float: left;
						width: 22px;
						height: 15px;
						padding-right: 3px;
						text-align: right;
					}
					
					div#droite div.supSuvC {
						float: left;
						width: 22px;
						height: 15px;
					}
				
				
/*###############################
#								#
#	BAS DE PAGE					#	
#								#
###############################*/
	
div#bas {
	position:absolute;
	bottom:0;
	width: 982px;
	height: 91px;
	background: url("images/pied-font.jpg") 0 14px repeat-y;
}

	div#bas div#hautfont {
		width: 939px; /* 982 */
		height: 48px; /* 91 */
		background: url("images/pied-haut.jpg") 0 top no-repeat;
		padding: 43px 0 0 41px;
	}
	
	div#bas ul {
		list-style-type: none;
	}
	
		div#bas ul.ulFn1 li {
			display: block;
			float: left;
			text-align: left;
			padding: 0 22px;
			background-image: url("images/filet-pied.gif");
			background-position: left o;
			background-repeat: repeat-y;
		}
		
			div#bas ul.ulFn1 li#ulFn1no { 
				background-image: none;
				padding-left: 59px;
			}
			
			div#bas ul.ulFn1 li#ulFn1no1 {
				padding-right: 39px;
			}

		div#bas ul.ulFn1 li a {
			display: block;
			float: left;
			font-size: 12px;
			font-weight: bold;
			color: #003650;
		}
			
			div#bas ul.ulFn1 li a span {
				display: block;
				float: left;
				font-family: arial;
				font-size: 10px;
				color: #74879e;
				cursor: pointer;
			}
			
				div#bas ul.ulFn1 li a:hover span {
					color: #0480fa;
				}
		
		div#bas img.img-pied { 
			display: block;
			float: left; 
			padding: 0 20px;
		}
				
/*###########################
#							#
#	INDEX					#
#							#
###########################*/

div#flash {
	width: 556px; /* 566 */
	height: 199px; /* 199 */
	padding-left: 10px;
}

	div#centrehaut{
		width: 562px;
		height: 456px;
	}

		div#index div#banniere {
			width: 489px; /*562*/
			height: 38px; /*126*/
			background: url("images/banniere.jpg") 9px 0 no-repeat;
			padding: 33px 0 0 73px;
		}
		
			div#index div#banniere h1 {
				font-family: arial;
				font-size: 20px;
				color: #f37400;
			}
			
				div#index div#banniere h1 span { color: #003352; }
		
		div#index div#quatuor {
			width: 566px;
		}
				
			div#index div.bloccentre {
				float: left;
				width: 283px;
				height: 192px;				
			}
				
				div#index div#bloccentre1 { width: 273px; padding-left: 10px; background: url("images/bloccentre1.jpg") 0 0 no-repeat; }
				div#index div#bloccentre2 { background: url("images/bloccentre2.jpg") 0 0 no-repeat; }
				div#index div#bloccentre3 { width: 273px; padding-left: 10px; background: url("images/bloccentre3.jpg") 0 0 no-repeat; }
				div#index div#bloccentre4 { background: url("images/bloccentre4.jpg") 0 0 no-repeat; }
			
			
				div#index a.blocorange {
					display: block;
					width: 242px; /* 271 */
					height: 114px; /* 134 */
					padding: 20px 0 0 29px;
				}
				
					div#index a.blocorange span.s1 {
						display: block;
						padding-bottom: 5px;
						font-family: arial;
						font-size: 16px;
						color: #ffffff;
						font-weight: bold;
					}
			
					div#index a.blocorange span.s2  {
						display: block;
						font-family: arial;
						font-size: 11px;
						color: #ffffff;
						font-weight: bold;				
					}
					
				div#index div.textM  {
					width: 239px; /* 257 */
					height: 47px;
					padding: 10px 0 0 18px;
					text-align: justify;
				}
				
					div#index div.textM h2 {
						overflow: hidden;
						width: 239px;
						height: 15px;
					}
				
						div#index div.textM h2 a {
							display: block;
							width: 239px;
							height: 15px;
							font-size: 10px;
							font-weight: bold;
							letter-spacing: 1px;
							color: #f37400;
						}
						
					div#index div.textM p {
						overflow: hidden;
						height: 25px;
						color: #51647a;
						font-weight: normal;
						letter-spacing: normal;
					}
					
					
	/* Bloc ACTU + FAQ */
	div#centrebas {
		width: 564px; /* 566 */
		padding-left: 2px;
	}
	
	div#centrebas div.block {
		float: left;
		width: 280px;
		background: #f9f9fa url("images/index_blockH.jpg") 0 55px no-repeat;
		margin: 11px 2px 0 0;
	}
	
		div#centrebas div#block2 {
			margin-right: 0;
		}
	
	div#centrebas h2 {
		width: 280px;
		height: 54px;
		border-bottom: 1px solid #ffffff;
	}
	
			div#centrebas div#block1 h2 { background: url("images/titreactu.jpg") 0 0 no-repeat; }			
			div#centrebas div#block2 h2 { background: url("images/titrefaq.jpg") 0 0 no-repeat; }

		div#centrebas h2 a {
			display: block;
			float: left;
			/*width: 136px;*/ /* 190 */
			height: 34px; /* 54 */
			font-family: arial;
			/*font-size: 16px;*/
			font-size: 15px;
			font-weight: normal;
			text-transform: uppercase;
			color: #003352;
			padding: 20px 0 0 56px;
			background-position: 26px 15px;
			background-repeat: no-repeat;
		}
			
			div#centrebas div#block1 h2 a { background-image: url("images/actu.gif"); }
			div#centrebas div#block2 h2 a { background-image: url("images/faq.gif"); }
			
			
		div#centrebas div.bodyC {
			display: block;
			width: 261px; /*280*/
			/*height: 126px;*/ /*143*/
			padding: 4px 0 13px 19px;
		}
		
			div#centrebas div#bodyactuC { background: url("images/index_blockB1.jpg") 0 bottom no-repeat; }
			div#centrebas div#bodyfaqC  { background: url("images/index_blockB2.jpg") right bottom no-repeat; }
	
	
	/* CAROUSSEL */
	div#centrebas div.container {
		overflow: hidden;
		position: relative;
		width: 261px;
		height: 190px;
	}
			
		div#centrebas ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
			position: relative;
			top: 0;
			left: 0;
			width: 100000px;
		}                  
		
			div#centrebas ul li {
				float: left;
				width: 261px;
			}
			
				div#centrebas div.bodyC h3 {
					overflow: hidden;
					width: 252px;
					height: 19px;
					padding-top: 11px;
					font-family: verdana;
				}
					
					div#centrebas div.bodyC h3 a {
						display: inline;
						padding-left: 29px;
						font-size: 13px;
						font-weight: bold;
						color: #0058c2;
						background: url("images/flechefontbleu.gif") 13px 2px no-repeat;
					}
			
				div#centrebas div.bodyC p {
					overflow: hidden;
					width: 240px; /* 252 */
					height: 111px;
					padding: 6px 0 0 12px;
					color: #51647a;
					text-align: justify;
				}
			
				div#centrebas div.lien {
					text-align: right;
					padding: 14px 13px 10px 0;
				}
				
					div#centrebas div.lien a {
						padding-right: 9px;
						font-weight: bold;
						color: #002f49;
						text-decoration: underline;
						background: url("images/flecheGris.jpg") right 5px no-repeat;
					}
					
		/* Navigation */
		div#centrebas div.bodyC div.pagination {
			width: 200px;
			height: 15px;
			padding: 15px 0 0 52px;
			border-top: 1px solid #74879e;
		}
		
			div#centrebas div.RetC img, div#centrebas div.SuvC img, div#centrebas div.bodyC div.supRetC, div#centrebas div.bodyC div.supSuvC { 
				cursor: pointer;
			}
		
			div#centrebas div.bodyC div.supRetC {
				float: left;
				width: 22px;
				height: 15px;
				padding-right: 3px;
			}
			
			div#centrebas div.bodyC div.RetC {
				float: left;
				width: 22px;
				height: 15px;
				padding-right: 3px;
			}
			
			div#centrebas div.bodyC div.numpageC {
				float: left;
				width: 57px;
				height: 15px;
				padding-right: 3px;
				font-size: 13px;
				font-weight: bold;
				color: #002f49;
				text-align: center;
			}
			
			div#centrebas div.bodyC div.SuvC {
				float: left;
				width: 22px;
				height: 15px;
				padding-right: 3px;
				text-align: right;
			}
			
			div#centrebas div.bodyC div.supSuvC {
				float: left;
				width: 22px;
				height: 15px;
			}
		
/*###############################
#								#
#	CMS							#
#								#
###############################*/

div#cms {
	width: 566px; /* 570 */
	padding: 8px 2px 0 2px;
}

div#cmsBlock { background: url("images/cmsBlock.gif") 0 0 repeat-y; }
div#cmsBlockH { background: url("images/cmsBlockH.jpg") 0 0 no-repeat; }

div#cmsBlockB {
	width: 506px; /* 566 */
	min-height: 805px;
	padding: 10px 30px 30px 30px;
	background: url("images/cmsBlockB.gif") 0 bottom no-repeat;
}

/* LES TITRES */
	div#cms h1 {
		width: 508px; /* 566 */
		padding: 22px 29px;
		/*font-size: 20px;
		font-weight: normal;*/
		font-size: 14px;
		color: #f37400;
		text-transform: uppercase;
		background: url("images/cms-h1.jpg") 9px 0 no-repeat;
	}

	div#cms h2 {
		width: 506px;
		padding-top: 10px;
		font-size: 16px;
		font-weight: bold;
		color: #f37400;
	}

	
	div#cms h3 {
		width: 488px; /* 506 */
		padding-left: 18px;
		margin: 10px 0 5px 0;
		font-size: 13px;
		font-weight: bold;
		color: #002f49;
		background: url("images/cms-h2.jpg") 0 2px no-repeat;
	}
	
	div#cms h4 {
		width: 480px; /* 506 */
		padding-left: 26px;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
	}

/* DIVERS COMMUN */

	div#cms a {
		color: #f37400;
		text-decoration: none;
	}
	
		div#cms a:hover { text-decoration: underline; }
	
	div#cms q {
		display: block;
		color: #313131;
		text-align: center;
		font-size: 10px;
		padding-top: 5px;
	}
	
	div#cms ul {
		padding-left: 20px;
		color: #51647A;
	}
	
	div#cms ul li { padding: 2px 0; }
	
	div#cms .accroche, div#cms .texte, div#cms .texte2, div#cms .texte3 {
		font-size: 11px;
		text-align: justify;
		color: #51647a;
		padding: 5px 0;
	}
	
	
	div#cms .accroche {
		font-weight: bold;
		padding: 10px 0;
	}
	
	div#cms .media {
		text-align: center;
		padding: 10px 0;
	}
	
	div#cms .texte2 {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	
	div#cms .texte3 {
		float: left;
		width: 32%;
		margin-right: 1%;
	}
	
	div#cms .last {
		margin-right: 0;
	}
	
	div#cms .left {
		float: left;
		margin: 0 10px 10px 0;
		text-align: center;
	}
	
	div#cms .right {
		float: right;
		margin: 0 0 10px 10px;
		text-align: center;
	}

	
/*###############################
#								#
#	PRODUIT						#
#								#
###############################*/

div#cms div#boutique p.chapeau {
	padding-top: 10px;
	font-weight: bold;
	color: #51647a;
	text-align: justify;
}

	div#cms div#boutique h2 { padding: 30px 0 10px 0; }

		div#cms div#boutique h2 a {
			padding-left: 18px;
			font-size: 13px;
			font-weight: bold;
			color: #002f49;
			background: url("images/boutik-h2.gif") 0 2px no-repeat;
		}

	div#cms div#boutique div.left, div#cms div#boutique div.right {
		width: 190px;
		margin: 0;
	}
	
		div#cms div#boutique div.left { float: left; text-align: left; }
		
		div#cms div#boutique div.right { float: right; text-align: right; }
	
			div#cms div#boutique div.left img, div#cms div#boutique div.right img { border: 1px solid #dadbdd; }
		
	div#cms div#boutique p.desc {
		float: left;
		font-size: 11px;
		color: #51647a;
		text-align: justify;
	}
	
		div#cms div#boutique p.borderL {
			width: 295px; /* 315 */
			padding-left: 20px;
			border-left: 1px solid #dadbdd;
		}
		
		div#cms div#boutique p.borderR {
			width: 295px; /* 315 */
			padding-right: 20px;
			border-right: 1px solid #dadbdd;
		}
	
		div#cms div#boutique p.noborder {
			width: 506px;
		}
	
	
/*###############################
#								#
#	CONTACT						#
#								#
###############################*/

div#cms div#contact {
	color: #002f49;
	font-size: 11px;
}

	div#contact p.presentation {
		color: #51647A;
		font-weight: bold;
		padding: 10px 0 30px 0;
		text-align: justify;
	}
	
	div#contact p.messError {
		width: 500px;
		padding: 7px 0;
		margin-bottom: 20px;
		font-weight: bold;
		text-align: center;
		color: #ff6666;
		border: 1px solid #ff6666;
		background-color: #fde4e4;
	}

	div#contact h1 {
		font-size: 26px;
		font-weight: normal;
		color: #025976;
		padding: 10px 0 10px 0;
	}
	
	div#contact form div {
		text-align: right;
		margin-top: 4px;
		width: 400px;
	}
	
	div#contact form p.s1 {
		float: left;
		text-align: right;
		margin-top: 4px;
		width: 248px;
	}
	
	div#contact label {
		cursor: pointer;
	}
	
	div#contact input.txt, div#contact textarea.txt {
		padding: 3px;
		width: 180px;
		vertical-align: middle;
	}
	
	div#contact select {
		padding: 2px;
		width: 188px;
	}
	
	div#contact input.txt, div#contact textarea.txt, div#contact select {
		border: 1px solid #1984B7;
	}
	
	div#contact input.txt {
		height: 14px;
		background-image: url("images/input-fond.gif");
		background-position: left bottom;
		background-repeat: repeat-x;
		background-color: #ffffff;
		margin-left: 5px;
	}
	
	div#contact textarea {
		height: 70px;
		background-image: url("images/textarea-fond.gif");
		background-position: left bottom;
		background-repeat: repeat-x;
		background-color: #ffffff;
		margin-left: 5px;
	}
	
	div#contact input.error, div#contact textarea.error {
		border: 1px solid #ff6666;
		background-image: none;
		background-color: #fde4e4;
	}
		
	.hidden{
		display : none;
	}
	
	div#contact div#blockCaptcha {
		width: 170px; /* 400 */
		padding-left: 230px;
	}
	
	div#contact div#btn_envoyer {
		margin-top: 30px;
	}

	
/*###################
#					#
#	PLAN DU SITE	#
#					#
###################*/

/* Niveau 1 */
div#cms div#plan ul {
	padding-left: 10px;
}

div#plan ul li {
	list-style-type: none;
	padding: 10px 0 5px 0;
}

		div#plan ul li  a {
			font-size:15px;
			font-variant:small-caps;
			font-weight:bold;
			color: #005CD1;
		}

/* Niveau 2 */
div#plan ul li ul li{
	padding: 2px 0 5px 0;
	margin-left:10px;
	color: #000000;
}

		div#plan ul li ul li a {
			font-size:13px;
			font-weight:bold;
			color: #000000;
		}

/* Niveau 3 */
div#plan ul li ul li ul li{
	padding: 2px 0 5px 0;
	margin-left: 10px;
}

	div#plan ul li ul li ul li a {
		font-size:11px;
		font-variant:normal;
		font-style:italic;
		font-weight: bold;
		color:#FF8229;
	}

/* Niveau 4 */
div#plan ul li ul li ul li ul li{
	list-style-type: none;
	padding: 2px 0;
	margin-left: 30px;
}

	div#plan ul li ul li ul li ul li a {
		font-size: 10px;
		color: #000000;
	}
		
/* Niveau 5 */
div#plan ul li ul li ul li ul li ul li {
	list-style-type: decimal;
	padding: 2px 0;
	margin-left: 30px;
}

	div#plan ul li ul li ul li ul li ul li a {
		font-size: 10px;
		color: #333333;
	}
	
	
/*###################
#					#
#	ANNUAIRE		#
#					#
###################*/

div#annuaire h1 {
	display: none;
}

div#annuaire h1.golden-h1 { display: none;}

div#annuaire ul#golden-n1 {  padding: 0; }

	div#annuaire ul#golden-n1 li { list-style-type: none; }
	
	div#annuaire ul#golden-n1 h2, ul#golden-n1 h3 {
		background: none;
		height: 15px;
		padding: 0;
	}
	
	div#annuaire ul#golden-n1 h2 { /* Gestion du theme : padding, taille police */
		padding: 10px 0 5px 0;
		font-size: 13px;
	}
	
	div#annuaire ul#golden-n1 h3 {
		font-size:11px;
		padding: 10px 0 0 0;
	}
		div#annuaire ul#golden-n1 h2 a, ul#golden-n1 h3 a { /* Gestion du theme : couleurs, puces */
			color: #0058C2;
			font-weight: bold;
			padding-left:12px;
			text-transform:uppercase;
		}
		div#annuaire ul#golden-n1 li p {
			width: 450px;
			padding: 10px 0 10px 20px;
			font-weight: bold;
			color: #003352;
		}

div#annuaire ul.golden-n2 { padding: 0 0 0 20px; }

	div#annuaire ul.golden-n2 li { padding: 2px 0 0 10px; }
	
	div#annuaire ul.golden-n2 li h3 {	/* Gestion du nom du site : padding, taille police, couleurs, puces */
		font-size:11px;
		display: inline;
		padding-left:10px;
		color: #FF6100;
	}

		div#annuaire ul.golden-n2 a {	/* Gestion de la description : taille police, couleurs */
			color: #3d4e57;
		}
	
	div#annuaire h2#golden-h2 {
		display: none;
	}	

	
/*###################
#					#
#	CREDIT			#
#					#
###################*/

div#credit { padding-top: 10px; }

div#credit h2 {
	padding: 10px 0 5px 0;
	font-size: 13px;
	color: #FF6100;
}

div#credit ul { padding: 10px 0 10px 20px; }
div#credit ul li { padding: 2px 0; }

div#credit p { padding: 5px 0 2px 0; }

div#credit div.texte {
	margin: 0;
	padding: 5px 0 15px 0;
	font-size: 12px;
}

div#credit a.noStyle {
	color: #51647A;
	text-decoration: none;
	font-weight: normal;
	cursor: default;
}

div#credit a.aH1 {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

div#credit div.center { text-align: center; }

div#credit div.bold { font-weight: bold; }