@charset "utf-8";
/* CSS Document */

body {
	 font-family:Verdana, Geneva, sans-serif;
	background-color:#fff;
	/*background-image: url(../images/fond.gif);*/
	color:#000;
	margin-top:80px;
}

* {
	margin:0;
	padding:0;
}

img {
	border: none;
	font-size:1px;
	line-height:1px
	}

ul
 {margin:4px 0 15px 50px; clear:both}
 li
  {list-style:none; background-image:url(../images/liste_puce.gif); background-repeat:no-repeat; background-position: 0 4px; padding:0 0 10px 16px}
a
 {text-decoration:none; color:#000}
a:hover
 {text-decoration:none;}

div
 {display:block; position:relative}

label
 {display:block; position:relative; width:140px; color:#000; font-family:"Arial Black", Gadget, sans-serif; font-size:11px;float:left; padding-top:5px; margin:5px 0px 5px 0px;}

input, textarea
 {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #AAA; margin:5px 0px 5px 0px;; background-color: #fff; float:left;padding-top:5px;}
input.bt {
	background-color:#F00; color:#FFF; font-weight:bold; cursor:pointer; margin-left:170px;}
form {
	margin-left:80px;}

/*---o Gestion des blocks contenant un float pour qu'ils descendent jusqu'en bas du float. Ex <div class="maClass clearfix">...</div> */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Caché pour IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* Fin de caché pour IE-mac */
/*---------------------------------------*/
#page {
	height:420px;
	width:955px;
	margin-left:76px;}
#pageH {
	height:420px;}
	#pageH2 {
	height:420px;
	width:1900px;
	margin-left:75px;}

#col_gauche {
	width:215px;
	float:left;
	}
	#col_gauche.def {
	width:215px;
	float:right;
	}
/*-------Menu gauche-----*/

.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none;  
      color: #000; 
      width: 215px; 
      font-family:"Arial Black", Gadget, sans-serif;
	   }
	#col_gauche a {
		font-size:13px;
		letter-spacing:0px;
		font-family:"Arial Black", Gadget, sans-serif;}
		#col_gauche a:hover {
		text-decoration:none;}
	#col_gauche.def ul {
		margin-left:0px;
		margin-top:58px;}
		#col_gauche.def ul ul{
		margin-top:0px;}
	#col_gauche ul {
		margin-left:0px;
		margin-top:60px;}
		#col_gauche ul ul {
		margin-top:0px;}
	#col_gauche li {
		display:block;
		padding:0px 10px 0px 70px;
		margin-left:0px;
		margin-right:0px;
		border-bottom:1px solid #000;}
	#col_gauche ul li ul li {
		border-bottom:1px solid #fff;
		padding-left:0px;
		padding:0px 0px 0px 0px;
		height:15px;}
		#col_gauche ul li ul li a{
			color:#888;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;}
 
   .navigation a, .navigation span { 
      	display: block; 
      	padding: 4px 10px; 
      	color: #000; 
      	text-decoration: none; 
	  	font-size:12px;
		letter-spacing:-1px;
		font-family:"Arial Black", Gadget, sans-serif;
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      } 
   .navigation .open a, .navigation .open span { 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
   .navigation .subMenu { 
      font-size:10px;
      font-size: .9em; 
      } 
   .navigation ul.subMenu a { 
      background: none;  
      }
/*------------Fin Menu gauche-----------*/
#col_droiteH {
	height:420px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;}
	#col_droiteH2 {
	width:1510px;
	height:420px;
	float:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;}
#col_droite {
	width:740px;
	height:420px;
	float:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;}
	#col_droiteml {
	width:740px;
	float:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;}
	#col_droiteml p {
		margin-left:20px;
		text-align:justify;
		font-size:9px;}
		#col_droiteml hr {
		margin-left:20px;}
	#col_droite.def {
	width:1600px;
	height:420px;
	float:left;
	border-top:none;
	border-bottom:none;}
#col_droite form h1 {
		margin-top:10px;margin-left:260px;}
#col_droite h1 img {
	margin-top:-118px;}
#col_droite h1 {
	font-size:14px;
	font-weight:bold;
	margin-top:120px;
	margin-left:20px;}
	#col_droite p {
		width:305px;
		height:102px;
		margin-left:20px;
		text-align:justify;
		font-size:9px;}
		#col_droite p.error {
		margin-left:20px;
		text-align:justify;
		font-size:9px;
		color:#F00;
		width:auto;
		height:auto;
		}
		fieldset {
			border:none;}
		#col_droite td p {
			height:auto;
			width:auto;
		margin-left:20px;
		text-align:justify;
		font-size:9px;}
		p.inf {
		text-align:justify;
		font-size:9px}
		#col_droite form p {
			color:#000;
			height:auto;
			width:auto;
		margin-left:20px;
		text-align:justify;
		font-size:9px;}
/*-------Collections--------*/
#container{
    width:1680px;
    height: 440px;
    border:none;
    overflow: auto;
    margin: 0 auto;
    overflow: hidden;
}

.slider{
    width: 3000px;
    height: 400px;
    padding-top: 10px;
}
.section{
    margin:0;
    width:220px;
    float:left;
    margin-right:50px;
} 
#collection2 {
	display:block;
	float:left;
	width:100%;}
		#collection2 p{
		margin-left:10px;
		text-align:justify;
		font-size:9px;
		width:470px}
#collection {
	display:block;
	margin-top:-20px;
	width:1200px;	
	height:100px;
	float:left}
	#collection p{
		margin-left:10px;
		text-align:justify;
		font-size:9px;
		width:470px}
#scr{
height:40px;
margin:0 0 0 189px;
width:1000px;
}

#bscr{
background-color:#CCCCCC;
height:7px;
margin:0;
width:30px;
}

#tt{
margin:0px 0 0 0px;
position:relative;
width:1600px;
overflow:hidden;
border-bottom:1px solid #000;
border-top:1px solid #000;
padding:11px 0px 11px 0px;
}

#cloc{
position:relative;
}

#ffff{
margin:30px 0 0 400px;
background-color:#6495c5;
height:40px;
width:200px;
}

#gggg{
margin:0 0 0 0;
background-color:red;
height:40px;
width:40px;
}

#hhhh{
margin:30px 0 0 100px;
position:relative;
width:400px;
overflow:hidden;
}

#jjjj{
position:relative;
}

/*---------------Fin de cllection--------------*/
#pied{
	/*width:955px;*/
	margin-top:30px;
	margin-left:100px;
	}
#sign {
	margin-top: 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	width:212px;
	float:left;}
	#sign a{
		margin-left:70px;}