html, body {width:100%; }


body {
	margin:0 0 20px 0;
	padding: 0px;
	font-size:100%; /*c'est la taille du navigateur par défaut*/
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background:url(../images/fond.gif);
}










#conteneur{
	width:768px !important;
	width:790px;
	margin-left:auto;
	margin-right:auto;	
}






#bandeau{
	display:block;
	width:768px;
	height:98px;
	background:url(../images/header.gif) no-repeat;
	margin:0 0 15px 0;
}


#gauche{
	float:left;
	margin:0 0 0 1px;
	width:127px;

}


/*****************************Menu gauche******************************************/


#haut_menu_gauche{
	background:url(../images/menu-haut2.gif) no-repeat;
	width:127px;
	height:37px;
}


#menu{
	width:122px;
	background:url(../images/menu-bas2.gif)  #484A4C no-repeat bottom left;
	list-style-type:none;
	margin:0 0 0 0;
	padding:5px 5px 65px 0;
	line-height:15px;
}


#menu li, #menu li ul{
	list-style-type:none;
	margin:0;
	padding:0;
}


#menu a{
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:0 0 0 12px;
}


#menu a:hover{
	color:#999999;
}


.rubrique {
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, Geneva, sans-serif;
}


.s_rub a{
	font-size:12px;
	font-weight:normal;
	display:block;
}


.page a{
	font-size:11px;
	font-weight:normal;
	display:block;
}


#menu li.rubrique{
	margin:0 0 14px 6px;
	/*list-style-image: url(../images/puce-rubrique.gif);
	list-style-image: url(../images/puce-rubrique-ie.gif) !ie;
	list-style-position: outside;*/
	background: url(../images/puce-rubrique.gif) no-repeat;
	background-position:0 6px;
	color:#FFF;	
}

.titre_rubrique{
	padding:0 0 0 12px;
}

#menu li.rubrique ul{
	margin:0;
	padding:0;
}

#menu li.s_rub{
	margin:7px 0 0 0;
	/*list-style-image: url(../images/puce-sous-rubrique.gif);
	list-style-image: url(../images/puce-sous-rubrique-ie.gif) !ie;
	list-style-position: outside;*/
	background: url(../images/puce-sous-rubrique.gif) no-repeat;
	background-position:0 6px;
	
}


#menu li.page{
	/*list-style-image: url(../images/puce-pages.gif);
	list-style-image: url(../images/puce-pages-ie.gif) !ie;
	list-style-position: outside;*/
	background: url(../images/puce-pages.gif) no-repeat;
	background-position:0 5px;
	line-height:14px;
	
}




/*****************************fin menu gauche**************************************/


#texte{
	float:left;
	width:614px;
	margin:40px 0 0 26px;
	margin:42px 0 0 26px !ie;
	padding:0;
	color:#FFF;
}


#langues{
	text-align:center;
}


#where{
	font-size:14px;
	margin:0;
	padding:0;
}



.gras{
	font-weight:bold;
}


h1{
	font-size:28px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	margin:25px 0 0 0;
	padding:0;
	color:#D00206;
}


.note{
	display:block;
	font-size:14px;
	margin:10px 0 0 0;
	padding:0;
	font-style:italic;
}


h2{
	/*font-size:12px; */
	font-weight:bold;
	margin:20px 0 0 0;
	padding:0;
	font-size:15px;
	color:#FFF;
}


h3{
	font-size:14px; 
	font-weight:lighter;
	background: url(../images/puce_triangle.gif) no-repeat;
	background-position:0 3px;
	padding:0 0 0 12px;
}








p{
	font-size:12px;
	color:#FFF;
	padding:0;
	margin:10px 0 0 0;
}


p a{
	color: #FFF; 
	text-decoration:underline;
}


p a:hover{
	color: #999999; 
	text-decoration:underline;
}






img{
	border:none;
}




/******************************************le catalogue************************************/
form{
	display:inline;
}


#tab_recherche{
	margin-top:10px;
}


#tab_recherche td {
	vertical-align:middle;
	text-align:left;
	padding:0;
	margin:0;
}


.recherche{
	background-color:#484A4C;
	border: 2px solid #565758;
	font-size:15px;
	padding:2px 0px 2px 2px;
	margin:15px 0 20px 0;
}


.recherche select{ margin:0; padding:0; }
.recherche img{margin:0 0 -6px 5px!important;  margin:0 0 -4px 5px; border:none;}
.recherche a{color:#FFF; text-decoration:none;}
.recherche a:hover{color:#999999;}




.liste td{width:150px;}
.liste .description{padding:0 20px 10px 0; valign:top;}
.liste .description2{padding-right:10px; valign:top;}
.liste a{font-size:12px; color:#FFF; text-decoration:none;}
.liste a:hover{text-decoration:underline;}
.liste a img{border:none;}


.liste_collections a img {border:none; width:110px; height:58px;}
.liste_collections td{width:305px;}
.liste_collections .description{padding:0 20px 10px 3px; valign:top;}

.liste_collections a{font-size:12px; color:#FFF; text-decoration:none;}
.liste_collections a:hover{text-decoration:underline;}




.legende_fiche{color:#FFF; font-family:arial; font-size:16px;}


.spacer{height:30px;}




/****************************************fin catalogue*************************************/


/*********************************************Formulaire***************************/


form{diplay:inline;}


.formulaire{
	float:left;
	width:320px;
}


.formulaire p{
	margin:2px 0 2px 0;
	clear:both;
	background-color:transparent;
}


.formulaire fieldset{
	margin-bottom: 10px;
	margin-top:0;
	padding:15px 0 10px 0;
	border:none;
}


.formulaire fieldset legend{
	padding: 0 10px;
	font-size: 1.8em;
	color: #515458;
}





/* Label */




.formulaire label{
	color:#FFF;
	display: block;
	width:30%; /*En % pour un meilleur rendu lors du changement de taille du texte*/
	float: left;
	padding-right: 5px;
	text-align: left;
	font-size:0.9em;
}


.formulaire input, .formulaire select,


.formulaire textarea{
	margin-left: 1%;
	width:65%;  /*En % pour un meilleur rendu lors du changement de taille du texte*/
	border: #8B889A 1px solid;
	font-size: 1.2em;
}


.formulaire ul.date_dans_form{
  list-style-type:none;
  margin:2px 0 2px 0;
}


.formulaire ul.date_dans_form li{
  float:left;
  margin-left:4px;
}


.formulaire input[type="radio"]{
	border:none;
	width:20px;
}


.formulaire input[type="submit"]{
	width:80px; 
	height:25px; 
	border:none;

	background-color: #DA251C;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
}




.formulaire input[type="submit"]:hover{
	background-color: #DA251C;
	cursor:pointer;
}


/***************************************Fin formulaire********************************/




#pied{
	clear:both;
	with:768px;
	height:78px;
	background: url(../images/footer2.gif) no-repeat top center;
	border-top:30px solid #363A3D;
	text-align:center;
}

#pied a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px;
	font-size:13px;
}


#coordonnees{
	color:#FFF;
	font-size:12px;
	padding-top:17px;
}


#contact td {color:#FFF; font-size:12px; height:27px;}
#contact input, #contact textarea, #contact select {background-color:#FFF; border:1px solid #565758;}