/* CSS Document */	  
* {
margin: 0px;
padding: 0px;
font-size: inherit;
}

body {
	margin-left:0;
	margin-top:0;
}		

p {
   margin: 0em 0;
}
 
div#pagebasse {	  
	margin: 5px;
	padding: 0px;
	display: block;
	height:335px;
	width: 475px;
	text-align:left;   
	overflow:auto;
	 position:relative;
}

div#pagehaute {	 
	margin: 5px;
	padding: 0px;
	display: block;
	height:555px;
	width: 480px;
	text-align:left;   
	overflow:auto; 
	 position:relative;
}

div#pagehauteEx {	 
	margin: 0px;
	padding: 0px;
	display: block;
	height:555px;
	width: 480px;
	text-align:left;   
	overflow:auto;
}

div#actu {	 
margin: 0px;
padding: 0px;
	display: block;
	height:200px;
	width: 300px;
	text-align:left;   
	overflow:auto;
}

div#mainmenu {
	display: block;
	height:335px;
	width: 474px;
	text-align:center; 
	position: relative;
}
div#photo {
	display: block;
	height:335px;
	width: 474px;
	border-width: 1px;
	border-style: solid;
	border-color: #727E85;
	text-align:left;  
}

.icones-produits
{
float: right;
clear: both;   
padding: 20px;
}


/*menu top */
#menuDeroulant
{
width:474px;
	list-style-type: none;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	position: absolute;
	top: 0px;
	left:0;
	margin-left: 0px;
}

#menuDeroulant li
{
	width: 474px;
 	margin: 0;
 	padding: 0;
 	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	margin: 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#menuDeroulant li a:active {
	color: #FFFFFF;
}
#menuDeroulant li a:hover {

	color: #3366FF;

	background-image: url(images/bck_blanc.png);

	background-repeat: repeat;

}

#menuDeroulant .sousMenu

{

	display: none;

	list-style-type: none;

	margin: 0;

	text-align: left;

	width: 474px;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}



#menuDeroulant .sousMenu li

{

	float: none;

	margin: 0;

	padding: 0;

	border: 0;

	width: 474px;

	display: block;

}





#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited

{

	display: block;

	margin: 0;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #FFFFFF;

	text-align:left;

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 30px;

	height: 1%;

	border:0;

}



#menuDeroulant .sousMenu li a:hover 

{

	color: #3366FF;

	background-image: url(images/bck_blanc.png);

	background-repeat: repeat;

}

#menuDeroulant li:hover > .sousMenu { display: block; }

/* fin menu */		  









/*---------PAGES------------------------*/



div#pagebasse a:link {color: #CC6600;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; }

div#pagebasse a:visited {color:#CC6600;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; }

div#pagebasse a:hover {color: #797979;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; }



div#pagehaute a:link {color: #CC6600;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; }

div#pagehaute a:visited {color:#CC6600;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; }

div#pagehaute a:hover {color: #797979;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; }





.liproduit {

	font-family: Arial, Helvetica, sans-serif;

	color: #656565;

	font-weight: bold;

	font-size: 14px;

	padding-left: 10px;

	background-position:  0% 70%;

	background-repeat: no-repeat;

	background-image: url("images/puce_orange.gif");

} 

.liproduit a:link {color: #656565;text-decoration: none; }

.liproduit a:visited {color: #656565;text-decoration: none; }

.liproduit a:hover {color: #3399FF; }



.infobas {

	font-family: Arial, Helvetica, sans-serif;

	color: #656565;

	font-weight: normal;

	font-size: 10px;

} 

.infobas a:link {color: #656565;text-decoration: none; }

.infobas a:visited {color: #656565;text-decoration: none; }

.infobas a:hover {color: #3399FF; }





h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #656565;
	font-weight: bold;
	border-bottom: 1px solid #656565;
	padding-left: 5px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #656565;
	font-weight: bold;
	font-size: 14px;  
	padding-left: 5px;	
}

#pagebasse ul {
	list-style-type: disc;	
/*	list-style-image: url("images/puce_grise.gif");	   */
/*background-image: url("images/puce_grise.gif");*/
 background-repeat: no-repeat;
 background-position: 0 0.32em;
 padding-left: 15px;
list-style-position: outside;
padding-left: 15px;
}

.titre {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #656565;
font-weight: bold;

}

.sous-titre {

	font-family: Arial, Helvetica, sans-serif;

	color: #656565;

	font-weight: bold;

	font-size: 14px;

}

.texte {

	font-family: Arial, Helvetica, sans-serif;

	color: #656565;

	font-size: 12px;

	font-weight: normal;

} 						



.titreactu {

	font-family: Arial, Helvetica, sans-serif;

	color: #24028A;	

	font-size: 14px;

	font-weight: bold;

} 	



.soustitreactu {

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	font-size: 13px;

	font-weight: bold;

} 	



.titreli {

	font-family: Arial, Helvetica, sans-serif;

	color: #656565;

	font-weight: bold;

	font-size: 14px;

	padding-left: 10px;

	background-position:  0% 70%;

	background-repeat: no-repeat;

	background-image: url("images/puce_orange.gif");

} 



.textecarreor {

	font-family: Arial, Helvetica, sans-serif;

	color: #656565;

	font-size: 12px;

	font-weight: normal;

	padding-left: 10px;

	background-position:  0% 70%;

	background-repeat: no-repeat;

	background-image: url("images/puce_orange.gif");

} 

/*---------------FIN PAGES ------------------*/



.en-savoir-plus {

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}



.en-savoir-plus :link {	

	color:#000000;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;}

.en-savoir-plus :visited {

	color:#000000;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;}

.en-savoir-plus :hover {

	color:#FF6600;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold; }

 

.info-i {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: italic;

	font-weight: bold;

	color: #FFFFFF;

}



.accroche { 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;	 

	text-align:left;	

	padding-top: 0px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 5px;		

}

.titre-accroche { 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;	 

	font-weight: bold; 

	text-align:left;

	padding-top: 1px;

	padding-right: 3px;

	padding-bottom: 1px;

	padding-left: 5px;	

		

}



.titre-menu { 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;	 

	font-weight: bold; 

	text-align:left;

	padding-top: 1px;

	padding-right: 3px;

	padding-bottom: 1px;

	padding-left: 3px;	

	text-decoration: none;

}	 



.titre-menu:hover { 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #c0c0c0;	 

	font-weight: bold; 

	text-align:left;

	padding-top: 1px;

	padding-right: 3px;

	padding-bottom: 1px;

	padding-left: 3px;	

	text-decoration: none; 

}



.titre-menu-small { 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;	 

	font-weight: bold; 

	text-align:left;

	padding-top: 1px;

	padding-right: 3px;

	padding-bottom: 1px;

	padding-left: 5px;	

	text-decoration: none;

}	 



.titre-menu-small:hover { 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #c0c0c0;	 

	font-weight: bold; 

	text-align:left;

	padding-top: 1px;

	padding-right: 3px;

	padding-bottom: 1px;

	padding-left: 5px;	

	text-decoration: none; 

}



.info-1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #8E8E8E;

	font-weight: bold;

}



.info-2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: black;

	font-weight: normal;

}





.moteur-titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #656565;

	font-weight: bold;

}



.moteur {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #8E8E8E;

	font-weight: normal;

}



.motcle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #8E8E8E;

	font-weight: normal;

	background-color:yellow;

}



.err-moteur {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #CC0000;

	font-weight: bold;

}		

  

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */

{

	background-color: #CCCCCC;

}



input {border:  solid 1 #c0c0c0; color: #000000; background-color : white; font-family:  arial,verdana, times new roman,sans-serif ; font-size: 11px; font-style: normal; font-weight: normal;  text-decoration: none}

select {border:  solid 1 #c0c0c0; color: #000000; background-color : white; font-family:  arial,verdana, times new roman,sans-serif ; font-size: 11px; font-style: normal; font-weight: normal;  text-decoration: none}



.titrebasphoto {

	font-family: Arial, Helvetica, sans-serif;

	color: #ffffff;

	font-weight: bold;

	font-size: 12px;  

}





table.sample {

	border-width: 1px 1px 1px 1px;

	border-spacing: 2px;

	border-style: outset outset outset outset;

	border-color: white white white white;

	border-collapse: separate;

	background-color: white;   

	font-size: 12px;

}

table.sample th {

	border-width: 1px 1px 1px 1px;

	padding: 1px 1px 1px 1px;

	border-style: solid solid solid solid;

	border-color: black black black black;

	background-color: rgb(255, 255, 240);

	-moz-border-radius: 3px 3px 3px 3px;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	font-weight: bold; 

		text-align:center;	

		font-size: 12px;

	

	

}

table.sample td {

	border-width: 1px 1px 1px 1px;

	padding: 1px 1px 1px 1px;

	border-style: solid solid solid solid;

	border-color: black black black black;

	background-color: rgb(255, 255, 240);

	-moz-border-radius: 3px 3px 3px 3px;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	font-weight: normal; 

	font-size: 12px;

}	



table.sample td.info {

	border-width: 1px 1px 1px 1px;

	padding: 1px 1px 1px 1px;

	border-style: solid solid solid solid;

	border-color: black black black black;

	background-color: #ff0000;

	-moz-border-radius: 3px 3px 3px 3px;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	font-weight: normal; 

	font-size: 12px;
}