/* 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: 25px;
	
}

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

#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;
}