/*----------------------General------------------------*/
/*---------------<-- Design by Rabbit972 ----------------*/

html {
	margin : 0px;
	padding : 0px;
	height: 100%;
	background:url(fond.jpg) repeat-x top;
}

body {
	margin : 0px;
	padding : 0px;
	height: 100%;
}



#fondsite {
	position: absolute;
	width: 951px;
	margin-left: -462px;
	left:50%;
}


.gauche{
	float:left;
}

.droite{
	float:right;
}

.FullContenu{
	width:664px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background:url(contenu.jpg) repeat-y;
}
.FullContenu a{ color:#900; font-weight:bold; text-decoration:none;}
.FullContenu a:hover{ text-decoration:underline;}
.ban{
	width:664px;
	height:58px;
	float:left;
	background:url(banniere.jpg) no-repeat;
	position:relative;
}
.logo{
	position:relative;
	float:left;
	width:287px;
	height:257px;
	background:url(logo.jpg) top left no-repeat;
}
.diapo{
	position:relative;
	float:right;
	width:664px;
	height:287px;
	background:url(diapo.jpg) top left no-repeat;
}
.bg_contenu{
	float:left;
}
.contenu{
	float:right;
	width:610px;
	margin-top:10px;
	margin-right:30px;
	background:url(fond_site.gif) no-repeat;
	min-height:645px;
}
.contenu_left{
	width:370px;
	float:left;
	margin-left:20px;
	padding-right:10px;
}
.contenu_right{
	width:170px;
	height:300px;
	float:right;
	background:url(right_image.jpg) top no-repeat;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	color:#F00;
	text-align:center;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#390;
	background:url(h2.jpg) no-repeat left;
	padding-left:15px;
	text-transform:uppercase;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#900;	
	background:url(h3.gif) no-repeat left;
	padding-top:10px;
	padding-left:30px;
	margin-left:25px;
}
ul, ol									  {margin:10px 0 10px 25px;}
	ol li										  {margin:0 0 10px;}
strong { color:#090;}
.ss_titre{
	color:#000000;
	font-size:14px;
}
.imag_border_bleu{ border:1px solid #0E3CCC;}
.imag_droite{
	float:right;
	margin-left:5px;
}
.imag_gauche{
	float:left;
	margin-right:5px;
}

.text{
	margin-left:200px;
	margin-top:5px;
}
.catalogue{
	position:absolute;
	left: 172px;
	top: 410px;
	font-size:18px;
}
.distance5{ margin:5px;}
.encart{ 
	clear:both;
	float:left;
	background-color:#FBE499;
	border:1px solid #E3B309;
	width:95%;
	padding:10px;
	margin-top:0px;
	margin-bottom:10px;
}
/*//////////// BAS PAGE //////////////////*/
#bas_site{
	float:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	width:851px;
	height:50px;
	text-align:right;
}
.bas_site_txt{
	float:right;
	width:400px;
	margin-top:15px;
	margin-right:15px;
}

/*//////////// FIN BAS PAGE ////////////////*/

/*//////////// MENU ////////////////*/
.menu_full{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:287px;
	height:508px;
	position:relative;
	float:left;
	background:url(menu.jpg) left top no-repeat;
	padding-top:40px;
}
.menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	float:right;
	width:247px;
	position:relative;
	background:url(menu_filet.jpg) repeat-y;
}
.menu_off {
	float:left;
	text-align:center;
	margin-top:7px;
	margin-left:5px;
}
.menu_off a{ 
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-top:7px;
	padding-bottom:5px;
	background:url(menu_off.jpg) repeat-y;	
	width:226px;
	float:left;	
}
.menu_off a:hover{ color:#FC0;}
#menu_on a{ color:#f2663a;
	background:url(menu_on.jpg) repeat-y;}
/*//////////// FIN MENU ////////////////*/


/*------------------- Menu vertical javascript -----------*/
/*--------------------------------------------------------*/

.navigation {
			margin: 0;
			padding: 0;
			list-style: none:
			background: #000;
			color: #fff;
			width: 243px;
			padding-left:4px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:18px;
			position:relative;
			float:left;
			text-align:center;
			margin-left:40px;
	        background:url(menu_filet.jpg) repeat-y;
			background-position:0px 15px;
			}
		.navigation li {
			list-style:none;
			margin-bottom:2px;
			}
		.navigation a, .navigation span {
			display: block;
			padding: 2px 0px 2px 0px;
			color: #fff;
			width:226px;
			text-decoration: none;
			background:url(menu_off.jpg) #000 left repeat-y;
			}
		.navigation a:hover{
			color:#fff;
			background-image:none;			
			}
			.navigation a:focus, .navigation a:active {
			color:#000;
			background-image:url(menu_on.jpg);			
			}
			.navigation #nav_on a{
			color:#000;
			background-image:url(menu_on.jpg);			
			}
			.navigation #nav_on a:hover{
			color:#FF8A15;		
			}
		.navigation .subMenu {
			/*font-size: .8em;*/font-size:12px;
			font-weight:bold;
			background: #000;
			margin: 0;
			padding: 0;
			width:226px;
			}
			
		.navigation ul.subMenu a {
			background: none;
			}
		.navigation ul.subMenu a:hover {
			color:#FC0;
			}
			
			.navigation #subMenu_on a{
			color:#F60;
			}
			.navigation #subMenu_on:hover{
			color:#FC0;
			}
			
		/*.navigation .togglessubMenu a, .navigation .togglessubMenu span {
			background-color: #0099FF;
			background-image:none;
			}
		*/
		
		 .navigation li.togglessubMenu span {
			background-color: #00FF66;
			background-image:none;
			}
		/**/
			
		.navigation .ssubMenu {
			/*font-size: .8em;*/
			background: #FF3300 0 0 repeat-x;
			font-size: .9em;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #666;
			}
			
		.navigation ul.ssubMenu a {
			background: none;
			padding: 3px 20px;
			}
			
/*------------------- Fin Menu vertical javascript -----------*/




/*---- Messages divers -------*/
.attention, .confirmation {
background: #fce5e1 url(attention.gif) 10px 5px no-repeat;
padding: 0px 5px 5px 50px;
margin: 1em 1em;
border: 1px #ff9100 solid;
}
.confirmation {
background: #F0FFF0 url(confirmation.gif) 10px 5px no-repeat;
border: 1px #009F00 solid;
}