/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#202020 url(images/body_bg.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html
	{
		font-family:Arial;
		font-size:0.688em;
		line-height:1.273em;
		color:#363636;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#363636;}
a:hover{text-decoration:none;}
.green, strong {color:#41840c;}
p {padding-top:14px;}
.p {padding-bottom:14px;}
/* ============================= main layout ====================== */

.more {background:url(images/more_bg.gif) no-repeat top right; padding-right:12px; color:#41840c; font-weight:bold;}

h2 {color:#3b3939; font-size:1.455em; line-height:1em; margin-bottom:18px;}


li { background:url(images/list_bg.gif) no-repeat 0 8px; padding-left:12px;}
li a {color:#41840c; line-height:2.091em;}

.line, .divider {border-bottom:1px solid #cdcdcd; margin-bottom:21px;}
.line hr, .divider hr{display:none;}

.imgindent {margin:0 19px 0 0; float:left;}
.taright {text-align:right;}
/* ============================= middle ====================== */

/*#content {height:412px; background:url(images/content_bg.jpg) top left no-repeat; overflow:auto;}*/
#content {height:412px; width:877px; background:url('images/content-bg-repeat-big.png') top left repeat; overflow:auto;}
.remove #content {background:none;}
.indent {padding:24px 14px 25px 15px;width:570px;}

#menu {padding:20px 0 20px 0;height:32px;}
#menu li {float:left; background:none; border-right:1px solid #2e2e2e;}
#menu li a {font-weight:bold; color:#cccccc; text-decoration:none; font-size:1.2em; font-family:tahoma; padding:0 25px 0 24px;}
#menu li a:hover {color:#f8b31c;}
#menu .first {padding:0 30px 0 10px;}
#menu .last {padding:0 0 0 25px; border:none;}
.column1 {border-right:1px solid #cdcdcd;}

/* ============================= footer ====================== */

#footer {font-weight:bold; color:#9c9c9c;}
#footer a {color:#9c9c9c;}
#footer .taright {padding:20px 20px 0 0;}

/* ============================= splash ============================= */

#splash #content {background:none;}


/* ============================= index-1 =========================== */

#index_1 .indent {padding:4px 14px 25px 15px; width:95%;}
#index_1 .line, #index_1 .divider{padding:0 20px 22px 3px;}
#index_1 .t1 {margin:33px 0 21px 0;}
#index_1 .imgindent2 {margin:0 26px 0 0; float:left;}

#index_1 .column1 .padding {padding:0 11px; 0 11px;}
#index_1 .column2 .padding {padding:0 10px 0 25px;}

/* ============================= index-2 =========================== */

#index_2 .column1 .padding {padding:0 25px 0 0;}
#index_2 .column1 .line, #index_2 .column1 .divider {padding:6px 0 27px 5px;}
#index_2 .column1 .padding2 {padding:0 0 0 8px;}
#index_2 .column2 .padding {padding:7px 10px 25px 29px;}
#index_2 .padding ul {margin:5px 0 5px 0;}


/* ============================= index-3 =========================== */

#index_3 .line; #index_3 .divider {padding:0 0 20px 0;}
#index_3 .line .column1 .padding {padding:7px 25px 0 4px;}
#index_3 .line .column2 .padding {padding:7px 0 0 25px;}
#index_3 .taright {padding:10px 0 0 0;}
#index_3 .column1 ul {margin:10px 0 0 104px;}
#index_3 .column1 .padding {padding:0 15px 0 4px;}
#index_3 .column2 .padding {padding:0 0 0 28px;}

#login .rowi {height:35px;}
#login .input {width:184px; height:18px; padding:0 0 0 5px; font-size:1em;}

#register .col1 {width:157px;}
#register .col2 {width:135px;}
#register .rowi {height:35px;}
#register .input {width:131px; height:18px; padding:0 0 0 5px; font-size:1em;}

/* ============================= index-4 =========================== */

#index_4 .column1 .padding {padding:5px 23px 0 3px;}
#index_4 .column2 .padding {padding:5px 5px 0 28px;}

#index_4 .navigation {font-family:Times New Roman; text-align:center; padding-top:8px;}
#index_4 .central {margin:0 7px 5px 7px;}

/* ============================= index-5 =========================== */

#index_5 .line, #index_5 .divider {padding:5px 0 10px 7px;}
#index_5 .column1 .padding {padding:0 20px 0 5px;}
#index_5 .column2 .padding {padding:0 10px 0 25px;}


/* ============================= index-6 =========================== */

#index_6 .column1 .padding {padding:0 25px 0 0;}
#index_6 .column1 .line, #index_6 .column1 .divider {padding:6px 0 27px 5px;}
#index_6 .column1 .padding2 {padding:0 0 0 8px;}
#index_6 .column2 .padding {padding:7px 15px 15px 29px;}
#index_6 .padding ul {margin:5px 0 5px 0;}

#form .col1 {width:152px;}
#form .col2 {width:165px;}
#form .row {height:35px;}

.input {width:131px; height:18px; padding:0 0 0 5px; font-size:1em;}
textarea {width:160px; height:53px; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= index-7 =========================== */
#index_7 .indent {padding:31px 17px 25px 22px;}

/* AMEOS */

.homeflash{
	position:relative;
	left:5px;
}

		#menu_niv1{
			height:32px;
			list-style:none;
			float:left;
			z-index:1500;
			margin:0px;
			padding:0px;
			position:absolute;
/*			overflow: hidden;*/
		}

			#menu_niv1 li{
				float:left;
				width:117px;
				height:32px;
				line-height:32px;
				padding-left:0px;
			}

				#menu_niv1 li a{
					margin:0px;
					padding:0px;
					display:block;
					width:100%;
					height:100%;
					line-height:32px;
					background:transparent no-repeat top left;
					position:relative;
					top:-0px;
					z-index:1500;
					text-align:center;
				}

				#menu_niv1 li a:hover, #menu_niv1 li a.actif{
					background-color:white;
					color:#f8b31c;
				}

				#menu_niv1 li a.dernier{
					border-right:none;
				}

					
						
						#menu_niv1 li ul.menu_niv2, #menu_niv1 li ul.menu_niv2  li ul.menu_niv3 {
							/*overflow:hidden;*/
							position:relative;
							left:-50000px;
							background:transparent no-repeat bottom left;
							z-index:1500;
							margin:0px;
							padding:0px;
							float:left;
							width:117px;
							background-color:white;
						}
						#menu_niv1 li ul.menu_niv2  li ul.menu_niv3 {
							margin-left:110px;
							left:0;
							margin-bottom: -1000px;
							margin-top: 40px;
						}


							#menu_niv1 li ul.menu_niv2 li, #menu_niv1 li ul.menu_niv2  li ul.menu_niv3 li{
								margin:0px;
								padding:0px;
								display:block;
								line-height:20px;
								float:none;
								position:relative;
								left:0px;
								background-color:transparent;
								border-top:none;
							}
							
							#menu_niv1 li ul.menu_niv2  li ul.menu_niv3 li{
								bottom:- 20px;
							}


								#menu_niv1 li ul.menu_niv2 li a, #menu_niv1 li ul.menu_niv2  li ul.menu_niv3 li a{
									margin:0px;
									padding:0px;
									background-image:none;
									display:block;
									color:black;
									text-decoration:none;
									z-index:1000;
									overflow:hidden;
								}

/*------------------------------METEO---------------------------------------------*/
#right-meteo{
margin-bottom : 10px ; 
}
#meteo-haut {
background : url(/fileadmin/templates/images/fond/meteo/meteo-haut.png) ;
height : 30px ; 
}
#meteo-middle {
background : url(/fileadmin/templates/images/fond/meteo/meteo-middle.png) ;
height : 170px ; 
}
#meteo-footer {
background : url(/fileadmin/templates/images/fond/meteo/meteo-footer.png) ;
height : 20px ; 
}

.meteo {
margin-top : 10px ; 

}

#opening{
list-style:none;
margin:0px;
padding:0px;
}

#opening li{
 margin:0px;
 padding:0px;
list-style:none;
text-align:left;
padding:3px;
height:15px;
}

#opening li.ouvert{
background:transparent url("/fileadmin/images/ouvert.gif") no-repeat top right;
}

#opening li.ferme{
background:transparent url("/fileadmin/images/ferme.gif") no-repeat top right;
}

form{
	margin:0px;
	padding:0px;
	width:100%;
}

form .border{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:20px;
}

form .border input.input-text{
	width:100%;
	border:1px solid #ccc;
}

fieldset.csc-mailform{
	border:none;
	margin:0px;
	padding:0px;
	width:300px;
}

.csc-mailform label{
	margin-top:10px;
	display:block;
	font-weight:bold;
	width:300px;
}

.csc-mailform textarea{
	width:300px;
}

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

.align-right{
	text-align:right;
}

.align-justify{
	text-align:justify;
}
/* FIN AMEOS */