/* CSS Document */
@import url("fonts.css");

body {
	background-color:#1b1b1b;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#d5d5d5;
	margin:0;
	padding:0;
}

#fond {
	width:100%;
	background-image:url(../img/fond_bas.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	clear:both;
	margin:0;
}

.lignegrise {
	width:1px;
	border-right:1px solid #616161;
	height:28px;
	float:left;
	margin-top:-5px;
}

.lignerayure {
	width:890px;
	height:7px;
	background-image:url(../img/ligne.png);
	background-repeat:no-repeat;
	margin:15px 0;
}

.clear { clear:both; }

/*************** STYLES **************************/
a { color:#abbf37; }
a:hover { color:#C8DF45; }
a.lienblanc { color:#FFFFFF; }
a:hover.lienblanc { color:#CCCCCC; }

.titrepage { font-family:'MuseoSans500',Verdana, Arial, sans serif; color:#A2BB38; font-size:22px; line-height:26px; }
.titrepale { font-family:'MuseoSans500',Verdana, Arial, sans serif; color:#e3e3e3; font-size:22px; line-height:26px; }

.textevert { color:#abc231; }
.texteblanc { color:#ffffff; }
.texte_orange { color:#E57104; }
.moyen_texte { font-size:18px; line-height:20px; }
.gros_texte { font-size:22px; line-height:24px; }
.petit_texte { font-size:11px; line-height:13px; }
.mini_texte { font-size:10px; line-height:13px; }
.gros_texte_vert { color:#abc231; font-size:22px; line-height:24px; }
.gros_texte_blanc { color:#ffffff; font-size:22px; line-height:24px; }
.gros_texte_orange { color:#E57104; font-size:22px; line-height:24px; }
.moyen_texte_vert { color:#abc231; font-size:18px; line-height:20px; }
.moyen_texte_blanc { color:#ffffff; font-size:18px; line-height:20px; }
.moyen_texte_orange { color:#E57104; font-size:18px; line-height:20px; }
.petit_texte_vert { color:#abc231; font-size:11px; line-height:13px; }
.petit_texte_blanc { color:#ffffff; font-size:11px; line-height:13px; }
.petit_texte_orange { color:#E57104; font-size:11px; line-height:13px; }
.moyen_blanc { font-size:15px; color:#FFFFFF; font-weight:bold; }

/*************** CONTAINER ***********************/

#wrapper {
	width:900px;
	margin:0 auto;
	position:relative;
	padding-bottom:15px;
}

/****************** HEADER ***********************/
#header,
#header_us {
	width:900px;
	height:89px;
	background-image:url(../img/fond_header.png);
	position:relative;
}

#logo {
	width:257px;
	height:89px;
	margin-left:5px;
	position:relative;
	left:0;
	float:left;
}

#menuutilitaire {
	background-color:#3a3a3a;
	height:18px;
	position:relative;
	top:0;
	padding:5px 0;
	right:0;
	/*width:240px;*/
	float:right;
	border:1px solid #616161;
	font-size:11px;
	color:#abbf37;
}

#menuutilitaire a { text-decoration:none; }
#menuutilitaire a:hover { text-decoration:underline; }

#slogan {
	float:right;
	width:550px;
	position:absolute;
	right:0;
	text-align:right;
	margin:45px 10px 0px;
	font-family:'MuseoSans500', Helvetica, Arial, sans serif;
	font-size:22px;
}

#slogan p{
	padding:0px;
	margin:0px;
}

.float {
	float:left;
	padding:0 10px;
}

.clear { clear:both; }

/************** MENU PRINCIPAL *******************/

#menuprincipal {
	width:900px;
	height:34px;
	background-image:url(../img/fond_menu.png);
	background-repeat:no-repeat;
	position:relative;
}

#menuprincipal ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left:10px;
}

#menuprincipal ul li {
	position: relative;
	display:inline;
	float: left;
}

#menuprincipal ul li a{
	display: block;
	_display: inline;
	text-decoration:none;
	color: #ffffff;
	text-align:center;
	font-size:18px;
	height:30px;
	line-height:30px;
	padding:0 16px;
	font-family:'MuseoSans500', Helvetica, Arial, sans serif;
	border-right:1px solid #acc03e;
	margin-top:2px;
	text-shadow: #000000 0px 1px 1px;
}

#menuprincipal ul li a:hover {
	background-color:#A2BB38;
}

#menuprincipal ul li ul {
	left: 0;
	position: absolute;
	top: 32px;
	display: block;
	visibility: hidden;
}

#menuprincipal ul li ul li {
	float: none;
	padding:0px;
	margin:0px;
	display:list-item;
}

#menuprincipal ul li ul li a {
	font-weight:normal;
	text-transform:none;
	display: block;
	color: #000000;
	padding:8px 15px 8px 22px;
	font-size:12px;
	margin-top:0px;
	background-color:#b2b4b6;
	font-family:Helvetica, Arial, sans serif;
	text-align:left;
	width:180px;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
}

#menuprincipal ul li ul li a:hover {
	color: #e31b23;
	background-image:none;
	text-align:left;
	margin:0px;
	background-color:#b2b4b6;
}

#menuprincipal .menu_hover ul{
	visibility: visible;
}


/**************** CONTENU *************************/
#content {
	width:890px;
	margin:20px 5px;
	position:relative;
	line-height:16px;
}

#btncommande {
	float:left;
	margin:0 10px 0 20px;
	width:370px;
}

#caracteristiques {
	width:414px;
	height:129px;
	background-image:url(../img/fond_index.png);
	background-repeat:no-repeat;
	float:left;
	color:#FFFFFF;
	padding:5px 30px 5px 10px;
	margin:0 20px 0 10px;
}

/*************** FOOTER **************************/

#footer {
	width:880px;
	padding:10px;
	margin:0 auto;
	text-align:center;
	color:#999999;
	font-size:9px;
}

#footer a {
	font-weight:bold;
	color:#525151;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer ul {
	list-style-type:none;
	margin:5px 0;
	color:#525151;
	font-size:11px;
}

#footer ul li {
	display:inline;
	margin:0 2px;
}

/******************** LISTE TRICHOLOGISTES *********************/

.listetricho {
	width:435px;
	float:left;
	margin-top:-20px;
	*margin-top:0;
}

.listetricho ul {
	color:#acc03e;
	margin-left:-20px;
	*margin-left:15px;
}

.listetricho ul li {
	font-size:14px;
	margin:10px;
}

.listetricho ul li a { text-decoration:none; }

.listetricho ul li ul {
	color:#FFFFFF;
	list-style-type:none;
	margin-left:-40px;
	*margin-left:5px;
}
.listetricho ul li ul li {
	padding:0;
	margin:5px 0 4px 10px;
}

.listetricho ul li ul li a {
	color:#FFFFFF;
	font-size:12px;
}
.listetricho ul li ul li a:hover { text-decoration:underline; }

.titreliste {
	clear:both;
	width:100%;
	height:30px;
}

.titreprovince {
	background-color:#5a5a5a;
	padding:7px;
	font-family:'MuseoSans500',Verdana, Arial, sans serif;
	font-size:20px;
	float:left;
}

.lignegrise2 {
	width:90%;
	height:1px;
	border-bottom:1px solid #5a5a5a;
	clear:both;
}

/****************** FICHE VILLE *************************/

#ficheville {

}

.filariane {
	margin-bottom:10px;
	color:#819c18;
}

.titreville {
	width:880px;
	background-color:#2c2c2c;
	border-top:1px solid #373737;
	border-bottom:1px solid #373737;
	padding:10px 5px;
	font-size:24px;
	color:#9cb42a;
	font-family:'MuseoSans500',Verdana, Arial, sans serif;
}

#ficheville table { margin:0 0 10px; color:#abc231; }
#ficheville .titrepale { font-size:19px; }

/******************* PRODUITS ******************************/

#produits {
	width:900px;
	margin:15px 0;
	background-color:#434343;
}

#cat_produits {
	width:900px;
	margin:10px 0;
}

#cat_produits .colonne {
	width:216px;
	float:left;
	margin-right:12px;
}

#cat_produits a {
	display:block;
	font-size:16px;
	background-image:url(../img/produits/bg_degrade_cat.png);
	background-repeat:repeat-y;
	padding:5px;
	margin:4px 0;
}

.nomarge { margin-right:0; }

#produits #titre_categorie {
	background-image:url(../img/produits/bg_titrelisting.png);
	background-repeat:no-repeat;
	width:900px;
	height:37px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-family:'MuseoSans500',Verdana, Arial, sans serif;
	font-size:18px;
	line-height:37px;
	padding:0 10px;
}

#produits #description_categorie {
	width:870px;
	background-color:#d5d5d5;
	background-image:url(../img/produits/bg_description.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px;
	color:#565656;
}

#produits .produit {
	width:870px;
	padding:0 15px 10px;
	background-color:#434343;
	border-bottom:1px solid #323232;
	border-top:1px solid #666666;
	display:block;
	float:left;
}

.produit .titre {
	width:710px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	/*line-height:35px;*/
	margin-top:6px;
	float:left;
}

.produit .prix {
	width:160px;
	float:left;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	color:#9bc106;
	line-height:35px;
}

.produit .imageviewer {
	width:150px;
	float:left;
}

.produit .imageviewer img { border:1px solid #dedede; }

.produit .imageviewer .thumbnails { margin:5px 0; }
.produit .imageviewer .thumbnails img {
	margin-right:3px;
}

.produit .description {
	width:530px;
	float:left;
	padding:0 15px;
	color:#bdbdbd;
}

.produit .addtocart {
	width:160px;
	float:left;
	text-align: right;
}

/****************** LOGICIEL *************************/

.lien_menu_logiciel{
padding-left:5px;
display:block;
padding-top:2px;
width:155px;
color:#969696;
text-decoration:none;
}
.lien_menu_logiciel:hover{
background-image:url(../img/logiciel/background_logiciel.gif);
background-repeat:repeat-x;
color:#FFFFFF;
text-decoration:none;
}
.lien_menu_logiciel_selected{
padding-left:5px;
padding-top:2px;
background-image:url(../img/logiciel/background_logiciel.gif);
background-repeat:repeat-x;
display:block;
width:155px;
color:#FFFFFF;
text-decoration:none;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:2;
}