* {
	margin: 0;
	padding: 0;
}

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

body {
	margin: 0;
	padding-top: 6px;
	text-align: left;
	font-family: Arial, Verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #376377;
	background: url("images/page_fond.jpg") center 6px no-repeat #ffffff;
}

div#page {
	position: relative;
	width: 979px;
	min-height: 800px;
	margin: 0 auto;
	padding-bottom: 50px;
	overflow: hidden;
	padding-bottom: 70px;
	background: url("images/block_sousMenu.jpg") 0 156px no-repeat;
}


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


a {	text-decoration: none; }
img { border:0; }
.alignTop { vertical-align: text-top; }
.alignBottom { vertical-align: text-bottom; }
.alignMiddle  { vertical-align: middle; }
.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; }
.floatLeft { float: left; }
.error { border: 1px solid #ff0000; }
.center { text-align: center; }
.alignCenter { text-align: center; }
.left { text-align: left; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.block { display: block; }
.inline { display: inline; }
.actif{ color: #3e3e3e;}
.backgroundCenter{
	background-repeat: no-repeat;
	background-position: center center;
}
.underline{text-decoration:underline;}
.checkbox2{margin-right:5px;margin-left:235px;}

/************ ESPACEMENT ************/

.paddingLeft1 { padding-left: 1px; }
.paddingLeft4 { padding-left: 4px; }
.paddingLeft5 { padding-left: 5px; }
.paddingLeft9 { padding-left: 9px; }
.paddingLeft15 { padding-left: 15px; }
.paddingLeft20 { padding-left: 20px; }
.paddingLeft30 { padding-left: 30px; }
.paddingLeft50 { padding-left: 50px; }
.paddingLeft136 { padding-left: 136px; }
.paddingRight10 { padding-right: 10px; }
.paddingRight20 { padding-right: 16px; }
.paddingRight60 { padding-right: 60px; }
.paddingLR30 { padding: 0 30px;}
.paddingTB2 { padding: 2px 0; }
.paddingTB4 { padding: 4px 0; }
.paddingTB5 { padding: 5px 0; }
.paddingTB7 { padding: 7px 0; }
.paddingTB12 { padding: 12px 0; }
.paddingBottom3 { padding-bottom: 3px; }
.paddingBottom9 { padding-bottom: 9px; }
.paddingBottom10 { padding-bottom: 10px; }
.paddingBottom20 { padding-bottom: 20px; }
.paddingTop2 { padding-top: 2px; }
.paddingTop5 { padding-top: 5px; }
.paddingTop8 { padding-top: 8px; }
.paddingTop10 { padding-top: 10px; }
.paddingTop15 { padding-top: 15px; }
.marginTB5 { margin: 5px 0; }
.marginLeft2 { margin-left: 2px; }

/************ WIDTH *****************/

.width60 { width: 60px; }
.width70 { width: 70px; }
.width73 { width: 73px; }
.width80 { width: 80px; }
.width85 { width: 85px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
.width110 { width: 110px; }
.width120 { width: 120px; }
.width130 { width: 130px; }


/************ HEIGHT *****************/

.height15 { height: 15px; }


/************ BORDURES *****************/

.borderDgrise {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8b8b8b;
}


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

.color1 { color: #ffffff; } /* Blanc */
.color2 { color: #376377; } /* Bleu */


/************ SIZE *****************/

.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size24 { font-size: 24px; }

/*###############################
#								#
#	HAUT						#	
#								#
###############################*/	
	
div#haut {
	position: relative;
	width: 979px;
	/*height: 156px;*/
	height: 305px;
}

		div#haut a#logo {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 310px;
			height: 100px;
		}
		
		div#haut div#slogan, div#haut h1#slogan {
			position: absolute;
			top: 30px;
			left: 310px;
			width: 560px;
			text-align: center;
		}
		
				div#haut div#slogan span.s1, div#haut h1#slogan span.s1 {
					font-size: 24px;
					color: #ffffff;
				}
				
				div#haut div#slogan span.s2, div#haut h1#slogan span.s2 {
					font-size: 18px;
					color: #8fe2ff;
				}
				
		
/* MENU HAUT */
		
div#haut div#menu_haut {
	position: absolute;
	top: 117px;
	left: 100px;
	width: 806px;
}

		div#menu_haut ul {
			list-style-type: none;
		}
		
				div#menu_haut ul.ulniveau1 li {
					position: relative;
					display: block;
					float: left;
					width: 133px;
					height: 39px;
					margin-right: 1px;
					text-align: center;
					background-image: url("images/liniveau1_fond.png");
					background-repeat: no-repeat;
					background-position: 0 0;
				}
				
					/*div#menu_haut ul.ulniveau1 li#menuLiN1_5 {
						width: 111px;
						background: url("images/menuLiN1_5.jpg") 0 0 no-repeat;
					}*/
				
						div#menu_haut ul.ulniveau1 li a {
							display: block;
							padding: 4px 2px 0 2px;
							font-size: 12px;
							font-weight: bold;
							color: #376275;
						}
						
							div#menu_haut ul.ulniveau1 li a:hover {
								color: #3e3e3e;
							}
							
/* Sous-menu N1 */				
div#menu_haut ul.ulniveau1 li ul.sous-menu {
	position: absolute;
	display: none;
	top: 39px;
	left: 0;
	z-index: 10;
	width: 260px;
	padding: 5px 0;
	background: #FFFFFF;
}

	div#menu_haut ul.ulniveau1 li ul.sous-menu li {
		position: relative;
		text-align: left;
		height: auto;
		padding: 0;
		background-image: none;
	}
	
		div#menu_haut ul.ulniveau1 li ul.sous-menu li {
			display: block;
			width: 250px;
			padding: 2px 10px;
		}

			div#menu_haut ul.ulniveau1 li ul.sous-menu li a, div#menu_haut ul.ulniveau1 li ul.sous-menu li a.out {
				font-size: 12px;
				font-weight: bold;
				color: #376275;
				text-transform: none;
				background: #FFFFFF;
			}

			div#menu_haut ul.ulniveau1 li ul.sous-menu li a:hover, div#menu_haut ul.ulniveau1 li ul.sous-menu li a.over {
				color: #3e3e3e;
			}
			
/* Sous-menu N2 */
	div#menu_haut ul.sous-menu ul {
		top: 0;
		left: 270px;
		position: absolute;
		display: none;
	}
	
			
	div#haut a#contact {
		display: block;
		position: absolute;
		top: 71px;
		left: 908px;
		width: 63px;
		height: 30px; /* 85 */
		padding-top: 55px;
		text-align: center;
		background: url("images/contact_fond.jpg") 0 0 repeat-x;
		color: #3d687c;
		font-weight: bold;
	}


/*###############################
#								#
#	CONTENEUR					#
#								#
###############################*/
	
div#conteneur {
	clear: both;
	width: 979px;
}

	div#conteneur div#tracker {
		width: 969px;
		padding: 5px 0 10px 10px;
	}
	
			div#conteneur div#tracker, div#conteneur div#tracker a {
				font-size: 12px;
				color: #ffffff;
			}
			
			
/*###############################
#								#
#	BAS DE PAGE					#	
#								#
###############################*/
	
div#bas {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 979px;
	padding: 30px 0;
	text-align: center;
}

		div#bas, div#bas a {
			color: #9ebdcc;
			font-size: 12px;
		}
		
		div#bas p.contact a {
			color: #9ebdcc;
			font-size: 12px;
			font-weight: bold;
		}
		
		div#bas p.contact a:hover {
			color: #9ebdcc;
			font-size: 12px;
			text-decoration: underline;
		}
			
	
/*###############################
#								#
#	GAUCHE						#
#								#
###############################*/
	
div#gauche {
	float: left;
	width: 284px; /* 380 */
	padding: 0 0 0 4px;
}
						
	
/********************
*					*
*	MENU GAUCHE		*
*					*
********************/
	
	div#gaucheMenuHaut {
		width: 284px;
		height: 26px;
		background: url("images/gauche_bordH.png") 0 0 no-repeat;
	}
	
	div#gaucheMenu {
		background: url("images/MenuGauche_fond.jpg") 0 0 repeat-y;
	}

		div#gaucheMenu ul.ulGniveau1 {
			list-style-type: none;
			display: block;
			padding: 0;
			margin: 0;
			background: url("images/MenuG_ul_fond.jpg") 0 0 no-repeat;
		}
		
			div#gaucheMenu ul.ulGniveau1 li {
				padding: 10px 5px 9px 7px;
				position: relative;
			}
			
					div#gaucheMenu ul.ulGniveau1 li.borderBottom {
						background: url("images/MenuG_Li_fond.png") 2px bottom no-repeat;
					}
			
				div#gaucheMenu ul.ulGniveau1 li a {
					color: #376377;
					font-size: 13px;
					font-weight: bold;
					padding-left: 15px;
					background: url("images/puce_dent.png") 0 3px no-repeat;
				}
				
						div#gaucheMenu ul.ulGniveau1 li a:hover {
							color: #3e3e3e;
						}
				
/* ---------- Sous-menu ---------- */

div#gaucheMenu ul.ulGniveau1 li ul.ulGniveau2 {
	top: 0;
	left: 283px;
	position: absolute;
	display: none;
	width: 250px;
	list-style-type: none;
	background: url("images/MenuGauche_fond.jpg") 0 0 repeat-y;
}
	
		div#gaucheMenu ul.ulGniveau1 li ul.ulGniveau2 li {
			padding: 5px 5px 5px 7px;
		}
	
		div#gaucheMenu ul.ulGniveau2 li a {
			color: #376377;
			font-size: 12px;
			font-weight: bold;
			padding-left: 5px;
			background: none;
		}

	div#gauche div#charteHonCode {
		padding-top: 10px;
	}
	
			div#charteHonCode div#imgHonCode {
				float: left;
				width: 58px;
			}
			
			div#charteHonCode div#textHonCode {
				float: left;
				width: 120px;
				padding-top: 15px;
			}
			
					div#textHonCode a {
						font-size: 11px;
						color: #000000;
					}
							
		
/*###############################
#								#
#	CONTENU						#
#								#
###############################*/
	
	div.contenu {
		float: left;
		width: 660px; /* 676 */
		padding: 10px 0 20px 16px;
	}
		
		div.contenu h1 {
			padding-bottom: 30px;
			font-size: 24px;
			font-weight: normal;
			color: #ffffff;
		}

	
/*###############################
#								#
#	INDEX						#
#								#
###############################*/

div#index {
	float: left;
	width: 590px; /* 580 */
	padding: 10px 0 0 50px;
}

		div#index h2 {
			margin-top: -10px;
			padding-bottom: 10px;
			font-size: 30px;
			font-weight: normal;
			color: #ff0000;
		}
		
		div#index h3 {
			padding: 20px 0 10px 0;
			font-size: 16px;
			color: #376377;
		}
		
	div#index div#charteHonCode {
		padding-top: 15px;
	}
		
		
	
/*###############################
#								#
#	CMS							#
#								#
###############################*/

/* LES TITRES */

	 div#cms h2 {
		font-size: 18px;
		font-weight: bold;
		color: #fe9203;
		padding: 15px 0 5px 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #c3c3c3;
	}
	
	div#cms h3 {
		font-size: 14px;
		font-weight: bold;
		color: #4f4f4f;
		padding-left: 15px;
		margin: 20px 0 15px 20px;
		background: url("images/puce_orange2.gif") 0 3px no-repeat;
	}
	
	div#cms h4 {
		font-size: 12px;
		color: #000000;
		padding: 5px 0 0 20px;
	}

/* DIVERS COMMUN */

	div#cms a {
		color: #046c0c;
		font-size: 12px;
		text-decoration: underline;
	}
	
	div#cms img {
		border: 0;
	}
	
	div#cms ul {
		padding-left: 2px;
		list-style-type: none;
	}
	
			div#cms ul li {
				background: url("images/puce_carreGris.gif") 0 5px no-repeat;
				padding-left: 10px;
			}
	
	div#cms q {
		display:block;
		clear:both;
		text-align:center;
		font-style:italic;
		padding-top:5px;
	}
	
	div#cms div.accroche, div.media, div.texte2, div.texte3 {
	    padding: 0 0 10px 0;
	    color: #cccccc;
	}
	
	div.texte, div.texte2, div.texte3 {
		font-size: 12px;
		font-weight: normal;
		color: #434242;
	}
	
	div#cms div.media {
		padding: 10px 0;
		text-align:center;
	}
	
	div#cms div.accroche {
		font-size: 12px;
		font-weight: bold;
		color: #474747;
		padding: 0 10px;
		background: #ffffff;
	}
	
/* div.texte */

	div#cms div.texteBordH {
		width: 660px;
		height: 10px;
		background: url("images/divTexte_bordH.png") 0 0 no-repeat;
	}
	
	div#cms div.texte {
		width: 640px; /* 660 */
		padding: 0 10px;
		background: #ffffff;
	}
	
	div#cms div.texteBordB {
		width: 660px;
		height: 10px;
		margin-bottom: 8px;
		background: url("images/divTexte_bordB.png") 0 0 no-repeat;
	}
	
	div#cms div.texte2 {
	    float: left;
	    width: 49%;
	    margin-right: 2%;
	    padding: 10px 0;
	}
	
	div#cms div.texte3 {
	    float: left;
	    width: 32%;
	    margin-right: 2%;
	    padding: 10px 0;
	}
	
	div#cms div.last {
	    margin-right: 0;
	}
	
	div#cms div.left {
	    float: left;
	    margin: 0 10px 10px 0;
	    text-align: center;
	}
	
	div#cms div.right {
	    float: right;
	    margin: 0 0 10px 10px;
	    text-align: center;
	}
	
	/* Compl�ment INFOS */
	
	div#cms div#complementInfo {
		width: 595px;
		padding-top: 10px;
	}
	
			div#cms div#complementInfo p {
				font-size: 12px;
				font-weight: bold;
				font-style: italic;
				color: #cccccc;
			}
			
			div#cms div#complementInfo ul li {
				padding: 0;
				margin: 0;
			}
			
				div#cms div#complementInfo a {
					font-size: 12px;
					color: #fefefe;
				}
		
				
/*###############################
#								#
#	FORMULAIRE					#
#								#
###############################*/

	 div#formulaire h1 {
		padding-bottom: 20px;
	 }
	 
	 div#formulaire p {
	 	padding-right: 15px;
	 }
	 
			 div#formulaire p a {
			 	font-size: 12px;
			 	color: #376377;
			 }

	 div#formulaire h2 {
		font-size: 18px;
		font-weight: bold;
		color: #fe9203;
		padding: 15px 0 5px 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #c3c3c3;
	}

	 div#formulaire h3 {
	 	width: 400px;
		font-size: 14px;
		font-weight: bold;
		color: #fe9203;
		padding: 15px 0 3px 0;
		margin-bottom: 15px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #c3c3c3;
	}
	
	div#formulaire input.txt, div#formulaire input.checkbox, div#formulaire select, div#formulaire textarea {
		border: 0;
	}

	div#formulaire div.texte {
		padding: 20px 0 20px 15px;
	}
	
	div#formulaire div.fondInput {
		background: url("images/input_fond.gif") 190px 4px no-repeat;
		_background: url("images/input_fond.gif") 195px 4px no-repeat;
	}
	
	div#formulaire div.fondTextarea {
		background: url("images/textarea_fond.gif") 190px 10px no-repeat;
		_background: url("images/textarea_fond.gif") 195px 10px no-repeat;
	}
		
	div#formulaire label.block {
		display: block;
		float: left;
		width: 180px;
		text-align: right;
	}
	
	div#formulaire input.txt {
		width: 185px;
		margin-left: 20px;
		background: none;
		border: 0;
		/*background: url("images/input_fond.gif") 0 0 repeat-x #dddddd;*/
	}
	
			div#formulaire input#radio_civilite_M {
				margin-left: 12px;
			}
				
			div#formulaire input#valider {
				width: 137px;
				height: 22px;
				margin-left: 195px;
			}
	
	div#formulaire textarea {
		width: 199px; /* 209 */
		height: 40px; /* 50 */
		margin-left: 12px;
		padding: 5px 25px 5px 5px;
		/*background: url("images/textarea_fond.gif") 0 0 no-repeat;*/
		background: none;
		border: 0;
	}
	
	div#formulaire select {
		width: 152px;
		margin-left: 20px;
	}
	
	div#formulaire ul {
		list-style-type: none;
	}
	
	div#formulaire ul li {
		display: inline;
	}
	
	div#formulaire table {
		border: 0;
		width: 697px;
		margin: 40px 0;
		/*font-size: 11px;*/
	}
				
		div#formulaire table tr.fondTableau {
			height: 33px;
			background: url("images/fichProd_tableau.jpg") 0 0 no-repeat;
		}
		
			div#formulaire table tr th {
				color: #3e3e3e;
				font-weight: normal;
				padding: 0 5px 0 20px;
			}
	
	
		div#formulaire table tr td {
			padding: 5px 0 5px 20px;
		}
		
			div#formulaire table tr.bordureTD {
				background: url("images/bordureTD.gif") center bottom no-repeat;
			}
			
			div#formulaire table a {
				font-weight: bold;
				color: #3e3e3e;
			}
			
			
/*###################
#					#
#	ANNUAIRE		#
#					#
###################*/


div#annuaire {
	height: 700px;
	overflow: auto;
	padding-left: 20px;
}

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

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

	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: #006BBF;
			font-weight: bold;
			background: url('/images/fleche.gif') 0 1px no-repeat;
			padding-left:12px;
			text-transform:uppercase;
		}
		div#annuaire ul#golden-n1 li p {
			padding: 10px 0 10px;
			width: 450px;
		}

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;
		background: url('/images/puce_carreVert.gif') 0 1px no-repeat;
		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;
	}
	
	
/*###################
#					#
#	PLAN DU SITE	#
#					#
###################*/

div#plan {
	padding-left:10px;
}

div#plan ul li {
	/*list-style-type:upper-roman;*/
	list-style-type:none;
	padding-top:10px;
	color: #AA1111;
}

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

div#plan ul li ul li{
	list-style-type:upper-roman;
	/*list-style-type:upper-alpha;*/
	padding-top:10px;
	margin-left:50px;
	color: #333333;
}

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

div#plan ul li ul li ul li{
	list-style-type:decimal;
	padding-top:5px;
	margin-left:20px;
}

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

div#plan ul li ul li ul li ul li{
	list-style-type:lower-alpha;
	margin-left:60px;
}

		div#plan ul li ul li ul li ul li a {
			font-size:11px;
		}

div#plan div.nousContacter {
	padding:20px 0 30px 0;
}

div#plan div.nousContacter ul li {
	list-style-type:none;
	margin:0;
}


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

div#credit {
	/*padding: 20px 0;*/text-align:justify;
}

div#credit h1 {padding-bottom:10px;}

div#credit div.texte {
	margin: 0;
	padding: 10px 0;
}

div#credit a { text-decoration:none !important;color: #376377;}

div#credit a.noStyle {
	color: #272727;
	text-decoration: none;
	font-weight: normal;
}

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;
}

div#credit h2, div#credit h2 a {
	color: #6E3F8D !important; 
}


#logoimg{
	float : left;
}

#logotxt{
	padding : 25px 0 0 120px;
	font-size : 20px;
	font-weight : bold;
	color : #173b4e;
	text-transform : uppercase ;
	letter-spacing : 2px;
}