/* CSS Document */
html, body{height:100%;}
body{background-color:#fff;
	margin:0;
    padding:0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#57585A;
	}
img{border:0px;}
a {
color:#990000;
text-decoration:none;}
a:hover {
color:#000;
text-decoration:underline;
}

div#global{width:966px;
			margin:0 auto 0 auto;
			padding:0;
			top:0;
			left:0;
			overflow:hidden;
			background:url(Templates/images/fond_center_1px.jpg) 0 0 repeat-y;
			}
div#banniere{width:950px;
			height:148px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:8px;
			top:0;
			overflow:hidden;
			}
div#gauche_banniere{width:598px;
					height:148px;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					top:0;
					left:0;
					overflow:hidden;
					background:url(Templates/images/gauche_banniere.jpg) 0 0 no-repeat;
					}
div#logo_ecomatic{width:352px;
					height:148px;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					overflow:hidden;
					top:0;
					left:0;
					}
div#menu_haut{width:950px;
				height:25px;
				position:relative;
				float:left;
				margin:0;
				padding:0;
				top:0;
				left:8px;
				overflow:hidden;
				}
div#gauche_menu_haut{width:230px;
					height:25px;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					top:0;
					left:0;
					overflow:hidden;
					background:url(Templates/images/gauche_menu_haut.jpg) 0 0 no-repeat;
					}
.onglet_menu_haut a{display:block;
					width:120px;
					height:25px;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					top:0;
					left:0;
					background:url(Templates/images/fond_onglet_menu_haut.png) -120px 0 no-repeat;
					font:bold 12px/25px Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					text-align:center;
					text-decoration:none;
					}
.onglet_menu_haut a:hover{background:url(Templates/images/fond_onglet_menu_haut.png) 0 0 no-repeat;
							text-decoration:none;}
.onglet_menu_haut p{display:block;
					width:120px;
					height:25px;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					top:0;
					left:0;
					background:url(Templates/images/fond_onglet_menu_haut.png) 0 0 no-repeat;
					font:bold 12px/25px Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					text-align:center;
					}
div#center{width:950px;
				position:relative;
				float:left;
				margin:0;
				padding:0;
				top:0;
				left:8px;
				overflow:hidden;
				background:url(Templates/images/fond_center.jpg) 0 0 no-repeat;
				background-color:#F0F0F0;
				}
div#gauche{width:182px;
				position:relative;
				float:left;
				padding:0;
				margin:25px 0 0 0;
				left:24px;
				overflow:hidden;
				top:0;
				}
div#menu_gauche{width:182px;
				height:329px;
				position:relative;
				float:left;
				padding:0 0 0 15px;
				margin:0;
				left:0;
				overflow:hidden;
				top:0;
				background:url(Templates/images/fond_menu_gauche.jpg) 0 0 no-repeat;
				}
#menu_gauche h1{display:block;
				width:152px;
				position:relative;
				float:left;
				margin:10px 0 0 0;
				padding:0;
				left:0;
				overflow:hidden;
				font:bold 14px/25px Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				top:0;
				left:0;
				}
div#drapeaux{width:152px;
				height:14px;
				position:relative;
				float:left;
				margin:15px 0 0 0;
				padding:0;
				left:0;
				overflow:hidden;
				}
div#espace_vide_menu_gauche{width:152px;
				height:15px;
				position:relative;
				float:left;
				margin:0 0 0 0;
				padding:0;
				left:0;
				overflow:hidden;
				}
.onglet_gauche a{display:block;
					width:152px;
					height:21px;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					top:0;
					left:0;
					background:url(Templates/images/fond_onglet_gauche.gif) 0 0 no-repeat;
					font:normal 11px/21px Arial, Helvetica, sans-serif;
					color:#E7E7E7;
					text-decoration:none;
					border-bottom:1px #B8B6B6 solid;
					}
.onglet_gauche a:hover{background:url(Templates/images/fond_onglet_gauche.gif) -152px 0 no-repeat;
						color:#FFFFFF;
						border-bottom:1px #FFF solid;
						text-decoration:none;}

div#mp3{width:197px;
				position:relative;
				float:left;
				padding:0 0 0 0;
				margin:24px 0 0 0;
				left:0;
				overflow:hidden;
				top:0;
				}
div#diaporama{width:182px;
				height:92px;
				position:relative;
				float:left;
				padding:0 0 16px 15px;
				margin:24px 0 0 0;
				left:0;
				overflow:hidden;
				top:0;
				background:url(Templates/images/fond_diaporama.jpg) 0 0 no-repeat;
				}
#diaporama a{display:block;
				width:152px;
				position:relative;
				float:left;
				margin:15px 0 0 0;
				padding:0;
				left:0;
				overflow:hidden;
				font:bold 14px/21px Arial, Helvetica, sans-serif;
				color:#FABABC;
				top:0;
				left:0;
				text-decoration:none;
				}
#diaporama a:hover{color:#FFF;}


/* DROITE */
div#droite{width:720px;
			position:relative;
			float:left;
			padding:0;
			margin:25px 0 0 0;
			top:0;
			left:48px;
			overflow:hidden;
			}
#droite h1 {display:block;
			position:relative;
			float:left;
			margin:0;
			padding:0 0 20px 0;
			left:0;
			overflow:hidden;
			font:normal 24px/26px Arial, Helvetica, sans-serif;
			color:#FA050D;
			top:0;
			left:0;
			}
div#contenu_page{width:690px;
			position:relative;
			float:left;
			padding:0;
			margin:0 0 0 0;
			top:0;
			overflow:hidden;
			}
#contenu_page p {
				margin:0 0 20px 0;
				padding:0;
				left:0;
				overflow:hidden;
				font:normal 12px/18px Arial, Helvetica, sans-serif;
				color:#57585A;
				top:0;
				left:0;
				text-align:justify;
				}
#contenu_page a.lien{display:block;
							
							
							margin:10px 0 15px 0;
							padding:0 0 0 24px;
							overflow:hidden;
							background:url(Templates/images/icone_rouge.png) 0 0 no-repeat;
							top:0;
							left:0;
							text-decoration:none;
							font:bold 12px/15px Arial, Helvetica, sans-serif;
							color:#333333;
							}

#contenu_page a:hover.lien{color:#000000;}

#contenu_page a.lien2{display:block;
							
							
							margin:0 0 5px 0;
							padding:0 0 0 24px;
							overflow:hidden;
							background:url(Templates/images/icone_rouge.png) 0 0 no-repeat;
							top:0;
							left:0;
							text-decoration:none;
							font:bold 12px/15px Arial, Helvetica, sans-serif;
							color:#333333;
							}

#contenu_page a:hover.lien2{color:#000000;}

#contenu_page a.titre{display:block;
							margin:0 0 5px 0;
							padding:0;
							overflow:hidden;
							top:0;
							left:0;
							text-decoration:none;
							font:bold 12px/15px Arial, Helvetica, sans-serif;
							color:#333333;
							}
#contenu_page a:hover.titre{color:#000000;}

#contenu_page h2 {display:block;
			
			margin:0;
			padding:0 0 20px 0;
			left:0;
			overflow:hidden;
			font:normal 18px/22px Arial, Helvetica, sans-serif;
			color:#333;
			top:0;
			left:0;
			}
#contenu_page h3 {display:block;
			
			margin:0;
			padding:10px 0 10px 0;
			left:0;
			overflow:hidden;
			font:bold 14px/18px Arial, Helvetica, sans-serif;
			color:#333;
			top:0;
			left:0;
			}
	/* PAGE D'ACCUEIL */
	div#presentation_accueil{width:696px;
							height:307px;
							position:relative;
							float:left;
							padding:0;
							margin:0 0 24px 0;
							top:0;
							left:0;
							overflow:hidden;
							background:url(Templates/images/photo_accueil.jpg) 0 0 no-repeat;
							}
	
	#contenu_presentation{width:290px;
							position:relative;
							float:left;
							margin:15px 0 0 0;
							padding:0 0 0 14px;
							top:0;
							left:0;
							overflow:hidden;
							}
	
	#contenu_presentation p {display:block;
				width:290px;
				position:relative;
				float:left;
				margin:0 0 0 0;
				padding:0;
				left:0;
				overflow:hidden;
				font:normal 12px/18px Arial, Helvetica, sans-serif;
				color:#57585A;
				top:0;
				left:0;
				text-align:justify;
				}
	a.new{display:block;
			height:30px;
			font:normal 12px/30px Arial, Helvetica, sans-serif;
			padding-left:60px;
			background:url(images/icone_new.png) 0 0 no-repeat;
			color:#FF0000;
			text-decoration:none;
			}
	a:hover{text-decoration:underline;}
			
	div#actus{width:353px;
				position:relative;
				float:left;
				padding:0 0 0 0;
				margin:0 0 0 0;
				top:0;
				left:0;
				overflow:hidden;
				
				}
	.derniere_actu{width:353px;
					position:relative;
					float:left;
					margin:0 0 12px 0;
					padding:0;
					top:0;
					left:0;
					overflow:hidden;
					}
	.derniere_actu a.titre{display:block;
							width:329px;
							position:relative;
							float:left;
							position:relative;
							margin:0;
							padding:0 0 0 24px;
							overflow:hidden;
							background:url(Templates/images/icone_rouge.png) 0 0 no-repeat;
							top:0;
							left:0;
							text-decoration:none;
							font:bold 12px/15px Arial, Helvetica, sans-serif;
							color:#333333;
							}
	.derniere_actu a:hover.titre{color:#000000;}
	.derniere_actu h2{display:block;
							width:305px;
							position:relative;
							float:left;
							position:relative;
							margin:0;
							padding:0 0 0 24px;
							overflow:hidden;
							top:0;
							left:0;
							text-decoration:none;
							font:italic 10px/12px Arial, Helvetica, sans-serif;
							color:#666;
							}
	.derniere_actu p{display:block;
							width:305px;
							position:relative;
							float:left;
							position:relative;
							margin:0;
							padding:10px 0 5px 24px;
							overflow:hidden;
							top:0;
							left:0;
							font:normal 11px/13px Arial, Helvetica, sans-serif;
							color:#666;
							text-align:justify;
							}
	.derniere_actu a.suite{display:block;
							width:305px;
							position:relative;
							float:left;
							position:relative;
							margin:0;
							padding:4px 0 5px 24px;
							overflow:hidden;
							top:0;
							left:0;
							text-decoration:none;
							font:normal 11px/15px Arial, Helvetica, sans-serif;
							color:#ED1C23;
							}
	.derniere_actu a:hover.suite{color:#000000;}
	
	div#video{width:329px;
				position:relative;
				float:left;
				padding:0 0 0 0;
				margin:0 0 0 0;
				top:0;
				left:0;
				overflow:hidden;
				}
				
	/* TOUTES LES PAGES */
	div#contenu_droite{width:706px;
							position:relative;
							float:left;
							padding:0 0 20px 14px;
							margin:0;
							top:0;
							left:0;
							overflow:hidden;
							}
	.table{width:690px;
			position:relative;
			float:left;
			padding:0 0 20px 14px;
			margin:0;
			overflow:hidden;
			top:0;
			left:0;
			}

div#bas_center{width:966px;
				height:18px;
				position:relative;
				float:left;
				margin:0;
				padding:0;
				top:0;
				left:0;
				overflow:hidden;
				background:url(Templates/images/bas_center.jpg) 0 0 no-repeat;
				}
div#footer{width:966px;
				margin:0 auto 0 auto;
				padding:0;
				top:0;
				left:0;
				overflow:hidden;
				text-align:center;
				}
#footer p{font:normal 11px/20px Arial, Helvetica, sans-serif;
			color:#333333;
			}
#footer a{font:bold 11px/20px Arial, Helvetica, sans-serif;
					text-decoration:none;
					}
		.cim{color:#990000;}
		.bat{color:#000000;}
		.G{color:#0066FF;}
		.DA{color:#333333;}


#contenu_page  p, #contenu_page  dl {
	text-align:justify;
	padding:0px 8px 0px 8px;
}

dl dt {
	display:block;
	color:#000;
	font-weight:bold;
}

dl dd {
	display:block;
	margin:0px 0px 0px 20px;
	padding:0px;
}