* {margin: 0; padding: 0; font-weight: normal; list-style: none; }
html, body {width: 100%; height: 100%;}
body {
	background: #eeeeee;
	text-align: justify;
	/*font-family: Verdana, Arial, "Trebuchet MS", Helvetica;*/
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	color: #333;
}

a:link, a:visited { color: #A900FE; text-decoration: none; font-family: Arial, Verdana, Helvetica; }
a:hover { color: #A900FE; text-decoration: underline; }
a.ariane:link, a.ariane:visited { color: #777777; }
a.ariane:hover { color: ##A900FE; }
a.blanc:link, a.blanc:visited { color: #FFFFFF; }
a.blanc:hover { color: #FFFFFF; }
a.noir:link, a.noir:visited { color: #000000; }
a.noir:hover { color: #000000; }

.etoile { color: red; font-size: 16px; font-family:  Arial; font-weight: bold; }

h1 {
	color: #A900FE;
	font-size: 16px;
	font-family: Verdana;
	font-weight: 700;
	padding: 12px 10px 8px 0;
	margin: 0 0 0 0;
}

h2, .ajouter {
	font-family: "Arial Black";
	font-size: 11px;
	color: #A900FE;
	padding: 10px 0 0 0;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, .ajouter a:link, .ajouter a:visited, .ajouter a:hover, .ajouter a:active {
	font-family: "Arial Black";
	color: #A900FE;
}

h3 {
	font-family: "Arial Black";
	font-size: 17px;
	background: #fff url(../charte/logo_helice.jpg) no-repeat 0 0;
	padding: 0 0 0 22px;
	margin: 10px 0 0 0;
	color: #A900FE;
}

b, strong {
	font-weight: bold;
}

#page {
	margin: 0 auto ;
	width: 1000px;
	text-align: left;
	border:1px solid #000000;
}

#head {
	width: 1000px;
	height: 91px;
	text-align: right;
	margin: 0 auto ;
	position: relative;
	background: url(../charte/bandeau_head_site.jpg) no-repeat;
	border-bottom:1px solid #000000;
}

#logo {
	position: absolute;
	left: 0px;
	z-index: 20;
	/*border-right:1px solid #000000;*/
}

.container, .container_menu {
	width: 1000px;
	background-color: white;
	text-align: center;
	clear: both;
	margin: 0 auto;
}

.container_accueil {
	height : 100%;
	padding: 4px 0 0 0 ;
	background: white url(../charte/bande_page_accueil.jpg) repeat-y 206px 0;
}

.container {
	height : 100%;
	padding: 4px 0 0 0 ;
	background: white url(../charte/bande_page.jpg) repeat-y 206px 0;
}

.droite_head {
	float: right;
	width: 200px;
	text-align: right;
}

.sous_droite_head {
	position: absolute;
	left: 648px;
	top: 52px;
	width: 292px;
	text-align: right;
}

.mon_compte {
	display: block;
	position: absolute;
	right: 6px;
	top: 70px;
	width: 180px;
	font-family: Arial, Verdana, Helvetica;
}

.panier {
  	display: block;
	position: absolute;
	right: 6px;
	top: 94px;
	width: 220px;
}

.liste_article {
	clear: both;
	padding: 0 0 0 30px; 
}

.liste_rubrique {
	clear: both;
	padding: 0 0 0 10px; 
}

.descriptif {
	clear: both;
	padding: 0 5px 10px 0 ;
}
 
.flag {
	float: right;
	width: 26px;
	padding: 5px 5px 0 0;
}

#menusatinfo {
	clear: both;
	background-color: white;
	border-bottom:1px solid #000000;
	margin: 0 auto ;
	height: 21px;
	padding: 0 0 0 2px;
  voice-family: "\"}\"";
  voice-family:inherit;
	padding: 0;
	font-weight: bold;
}

html>body #menusatinfo {
	padding: 2px 0 0 2px;
	font-weight: bold;
}

#menusatinfo a {
	text-decoration: none;
	font-weight: bold;
}

.gauche {
	width: 206px;
	height: 450px;
	float: left;
	background-color: white;
}

.separateur {
	width: 5px;
	height:	100%;
	float: left;
}

.centre {
	text-align:justify;
	width: 561px;
	float: left;
	padding: 0 5px 20px 5px;
}

.centre_et_droite {
	text-align:justify;
	width: 776px;
	float: left;
	padding: 0 5px 20px 5px;
}
.centre_et_droite  .description
{
	padding-left:35px;
}

.droite {
	width: 210px;
	float: left;
}
.centre .droite {
	width: 140px;
	float: left;
}

.ariane {
	font-size: 10px;
	padding: 0 0 5px 0;
	color: #777777;
}

#footer {
	border-top: #000 1px solid;
	background:#dddddd;
	text-align: left;
	font-size: 10px;
	margin: 0 auto ;
	width: 1000px;
}

#foot {
	text-align:center;
	padding: 18px 10px 18px 10px;
}

#foot p a {
		font-size: 11px;
		color: #000;
}

#foot div {
		font-size: 11px;
		color: #777777;
}

.clear {
	clear: both;
}

.top {
	padding: 5px 5px 4px 6px;
	color: #fff;
	font-size: 12px;
}

.haut_1nu {
	background: transparent url(../charte/fond-encadre-1nu.gif) no-repeat 3px 0;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0 3px 0;
	text-align: center;
	font-size: 13px;
}

.haut_1nu b, .haut_1nu strong {
	font-size: 11px;
	font-weight: bolder;
	font-family: Verdana;
}

.bold {
	/*text-transform: lowercase;*/
	font-size: 11px;
	font-weight: bolder;
	font-family: Verdana;
}

.encadre {
		background: white url(../charte/fond-encadre.gif) repeat-y 3px 0;
		text-align:justify;
		width: 206px;
}

.encadre .bas {
	background: white url(../charte/fond-encadre-bas.gif) no-repeat 3px 0;
	height: 24px;
	loat: left;
	clear: both;
}

.encadre p, .encadre .nom, .encadre .black, .encadre .label {
	padding: 0 13px;
}

.menu_gauche {
	text-align: left;
	margin: 10px 5px 10px 5px;
}
.menu_gauche ul {
	height: 100%;
	font-weight: bold;
	font-size: 16px;
}
/*.menu_gauche ul ul{
	background: none;
	padding: 0 ;
}*/
.menu_gauche li {
	/*background: transparent url(../charte/fond-menu-gauche.gif) no-repeat top right;*/
	/*padding: 4px 16px 0px 4px ;*/
	font-family: Arial;
	font-weight: bold;

}
/*.menu_gauche li ul {
	position: relative;
	left: 15px;
	font-weight: bold;
}
.menu_gauche li ul li {
	padding: 3px 22px 0 0;
	font-weight: bold;
}

.menu_gauche li li a {
	font-family: Verdana;
	font-weight: bolder;
}*/
.menu_marques ul {
	position: relative;
	left: 0;
	top: -5px;
	padding: 0 0 10px 0;
	color: silver;
}

.label {
	margin: 6px 0 0 0;
	clear: both;
	text-align: left;
}

label {
	padding: 0 0 0 10px;
}

input, select, textarea {
	font-family: Verdana, Arial, "Trebuchet MS", Helvetica;
	font-size: 11px;
	color: #333;
}

.centre li, .centre_et_droite li, .fiche li {
	padding: 0 0 0 22px;
	margin: 14px 0 0 0;
	font-family: "Arial Black";
	color: silver;
}

input {
	padding: 2px 0 0 0;
}

.encadre input {
	text-align: center;
	padding: 2px 0 0 0;
}

.b, .strong {
	font-weight: bold;
	color: #f40;
}

.titre_cadre {
	background: #fff url(../charte/titre_cadre.gif) no-repeat 0 0;
	font-size: 12px;
	text-align:left;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	color: #FFFFFF;
}

/* plan du site */
td.titre {
	border: 2px solid #AB08FE;
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	background: #E6E6E6;
	color: #000000;
}

td.ligne {
	padding: 3px 3px 3px 3px;
	border-left: #AB08FE 2px solid;
	border-bottom: #AB08FE 2px solid;
}

td.ligne_fin {
	padding: 3px 3px 3px 3px;
	border-left: #AB08FE 2px solid;
	border-bottom: #AB08FE 2px solid;
	border-right: #AB08FE 2px solid;
}

td.txt {
	text-align: right;
	height: 24px;
}

.champs_select{width: 203px;}
.champs_text{width: 198px;}

#div_voile{
    width:100%;
    height:100%;
    position:absolute;
    background:black;
    -moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);
   }
   
   #conteneur{
    width:480px;
    height:310px;
    position:absolute;
    background-color:#FFFFFF;margin-left:30%;margin-top:5%;
   }
/* plan du site */

.bouton {
	float:left;
	padding:5px;
	background-color:#D681FF;
	border:solid black 1px;
	color:#ffffff;
}

/* RECHERCHE AJAX */
#pseudobox {
	border: 1px dashed #CECECE;
	background-color: #feffec;
	display: block;
	overflow:auto;
	margin: 0;
	padding-left: 10px;
	position: absolute;
	width: 200px;
	text-align:left;
}

#li.pseudobox {
	background: #feffec;
	display: block;
	margin: 0;
	padding: 0;
	font-family:arial;
	font-size:8px;
}

#a.pseudobox{
	display: block;
	padding: 2px;
	text-decoration: none;
	font-family:arial;
	font-size:8px
}
#a.pseudobox:hover{
	background-color: #ffffc0;
	background-color: red;
	font-family:arial;
}
/* FIN RECHERCHE AJAX */

.etape_on {
	border: #006600 2px solid;
	background-color: #CCFF99;
	font-weight: bold;
	padding: 2px;
}

.etape_off {
	border: #AB08FE 2px solid;
	background-color: #E6E6E6;
	font-weight: bold;
	padding: 2px;
}

td.titre_pdt {
	border-top: #AB08FE 2px solid;
	border-left: #AB08FE 2px solid;
	border-bottom: #AB08FE 2px solid;
	background-color: #E6E6E6;
	font-weight: bold;
	padding: 2px;
}

td.titre_pdt_fin {
	border-top: #AB08FE 2px solid;
	border-left: #AB08FE 2px solid;
	border-right: #AB08FE 2px solid;
	border-bottom: #AB08FE 2px solid;
	background-color: #E6E6E6;
	font-weight: bold;
	padding: 2px;
}