/****titres****/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color:#666;}
#module-arborescence h1 {color:#E2001A;}

/***************************Petit reset css au cas ou********************************/
.print {display:block;}
/***************************Resizing de la page et styles gen********************************/
body { /* Modifications : la couleur de fond de page - la police - l'unité utilisée pour la taille de la police  */ 
    background-color :#fff; 
    font-family:Arial, Helvetica, serif; 
    font-size :10pt; 
	color:#999;
	}

a, a:visited, a:active {color:#999!important;text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}		


body div {width:100%;background: transparent;	}

.rouge-ad {color:#e50004;}
.red {color:#E94B5B;}
.right {float:right;}
.left {float:left;}
div.left, div.right {width:49%;}

.gras {font-weight:bold;}	
hr.invisible {clear:both;visibility:hidden;}
a, a:visited {color:#0000cc;text-decoration:none;}
.titre-image {text-indent:0!important;}
.print {display:block;}
a img {border:0;}

.go-left {text-align:left;}	
.go-center {text-align:center;}
.go-right {text-align:right;}
.invisible {clear:both;visibility:hidden;}
.little {font-size:10px;}
.titre-rouge {font:bold 13px Arial, Helvetica, sans-serif;color:#e2001a;margin-bottom:10px;}
.italic {font-style:italic;}

img.left {margin-right:2%;}
img.rightt {margin-left:2%;}
/***************************Regions masquées********************************/	
#left, #right, #header, #signature, #footer, .fil-ariane, #ancien-compte {display:none;}
/**************************************** Fil d'ariane ********************************/
p.fil-ariane {width:100%;margin-bottom:2%;}
/**************************************** Coeur de page ********************************/
#coeur-page {height:auto;}		
/*************************** Page de niveaux********************************/
#module-produit .notule a.os {background:transparent;font-weight:bold;color:#E0041C;}
#niveau1 .notule {width:100%;height:auto;float:none;margin:2% 0;min-height:0;border:0;clear:left;}
/**************************************#mll3c ******************************************/
.m1l3c h2 {
	margin-bottom:3%;
}

.m1l3c .c1, .m1l3c .c2, .m1l3c .c3 {
	float:left;
	width:33%;
	height:150px;
	text-align:center;						
}

/************************************** Differents modules******************************************/
div#niveau1 #module-arborescence, div#niveau1 #module-decouverte, div#niveau1 #module-publicite, div#niveau1 #module-asavoir, div#niveau1 #module-produit {
	width:100%;
	margin-top:14px;
}

/**************************************Module arborescence ******************************************/
#module-arborescence ul {
	float:left;
	wifth:48%;
}

#module-arborescence h2 {
    font-size :10pt; 
}
/*************************** Fiche produit ou societe********************************/
#title-print {font-size:15pt; padding-bottom:1%;}

.fiche-produit #left, .fiche-societe #left {display:block;width:25%;float:left;height:100%;}
.fiche-produit .fil-ariane, .fiche-societe .fil-ariane {display:block;padding-bottom:3%;}
.fiche-produit .fil-ariane strong, .fiche-societe .fil-ariane strong, .fiche-produit .entreprise a, .fiche-societe .entreprise a{color:#E2001A!important;}
.fiche-produit #menu li ul, .fiche-societe #menu li ul {display:none;padding:0;margin:0;}
.fiche-produit #left ul, .fiche-societe #left ul {padding:1%;}
.fiche-produit #header, .fiche-societe #header {display:block;margin-left:3%;}
.fiche-produit #qui, .fiche-produit .certification, .fiche-societe #qui, .fiche-produit #authentification, .fiche-societe #authentification, .fiche-produit #recherche, .fiche-societe #recherche, .fiche-produit #flashbulle, .fiche-societe #flashbulle {display:none;}
.fiche-produit #baseline, .fiche-societe #baseline {font-size:16pt;font-weight:bold;}
.fiche-produit #baseline span, .fiche-societe #baseline span {color:#999;}
.fiche-produit #coeur-page, .fiche-societe #coeur-page {width:72%;float:right;margin-left:3%}

.mootabs_panel_active, .mootabs_panel {border:0;min-height:0;height:auto;margin:2% 0;} 
#fproduit h1, #fsociete h1 {font: bold 12pt Arial;text-transform:uppercase;margin:0 0 2% 1%;color:#E70018;}
#nomenclature .annonceur {font-style:italic;font-weight:normal;} 
#fproduit ul, #fsociete ul, #fproduit li, #fsociete li {} 
#fproduit .devis, #fproduit .item, .mootabs_title, .info-supp {display:none;}
#fproduit #connexe, #fproduit #categorisation, #fproduit #choices , #fsociete #media, #fproduit #module-arborescence {display:none;}
#fproduit .mootabs_panel, #fsociete .mootabs_panel, #fproduit .mootabs_panel_active, #fsociete .mootabs_panel_active {display:block;min-height:50px!important;margin:6% 0 1%;padding:0;}
.mootabs_panel_active, .mootabs_panel {font-family:Arial, Helvetica, serif; font-size :10pt;} 
.mootabs_panel_active h3, .mootabs_panel h3 {font-family:Arial, Helvetica, serif; font-size:10pt;font-weight:bold;}
.mootabs_panel_active h3.print, .mootabs_panel h3.print {margin:2% 0 1%;font:bold 11pt Arial;border-bottom:2px solid #E70018;padding-bottom:1%;}
#fsociete #cadre img {float:left;padding:5px;border:1px solid #9C9D9F;margin-right:1%;}
#fproduit #photo span {display:none;}
#first-visuel img {border:none;width:110px;height:110px;}
#first-visuel {display:block!important;float:left;padding:5px; border:1px solid #9C9E9C;margin-right:1%;}
/********************************Module arborescence************************************/
#module-arborescence {
	width:100%;
	margin-top:55px;
	background: transparent url(../imgs/habillage/arbo-haut-fiche.jpg) top left no-repeat;
	padding-top:22px;
}	

#arbo {
	padding-bottom:18px;
	background: transparent url(../imgs/habillage/arbo-bas-fiche.jpg) bottom left no-repeat;	
}

#arbo h3 {
	margin:0 0 20px 15px;
	width:300px;
	}

#produit-assoc, #catego-assoc {
	float:left;
	width:50%;
}

#arbo ul {
	width:310px;
	margin:auto;
}

#produit-assoc li {

}


#produit-assoc li a{
	color:#564e6b;
	background:transparent url(../imgs/habillage/puce-arbo.gif) 0 4px  no-repeat;
	padding-left:12px;	
}

#catego-assoc li {

	color:#564e6b;
}	

#catego-assoc li a {
	color:#564e6b;
	display:inline;
	background:transparent url(../imgs/habillage/puce-arbo.gif) 0 4px  no-repeat;
	padding-left:12px;	
}

/*************************** Page offres spéciales ********************************/
#liste-categorie {display:none;}
/*************************** Reset flottant ********************************/
#container.qui div, #container.af div, #container.page-offres-speciales div, #container.page-salon div, #container.page-salon div.notule, #container.page-actualite div, #container.page-actualite div.notule, #container.home div {width:100%;height:auto;float:none;margin:2% 0;min-height:0;border:0;}
/*************************** Home********************************/
#flashcontent {display:none;}
#container.home #catalogue img.left, #container.home #catalogue img.right {float:none;margin:2% 0;}
/************************ Gelule - Page statique **********************/
.milieu-bulle img {float:right;}
/************************ Formulaires **********************/
#formulaire input.text{border:1px solid #989898;color:#999999;padding:2px 0 2px 5px;width:155px;}
#formulaire textarea {height:150px;margin-left:45px;width:494px;}

#coordonnee label {
	display:block;
	width:80px;
	float:left;
	font:bold 11px Arial;
	color:#999;		
}	

/****notule****/
.notule {
	min-height:75px;
	padding:8px 0;
	border-bottom:1px dotted #859da7;	
	position:relative;
}

.notule .corps{
	margin-left:85px;	
}

.notule img.left, .AFSResultsWidget_Result img {
	margin-right:10px;
	float:left;
}

.AFSResultsWidget_Result img.right {
	margin-right:10px;
	float:right;
}

.notule img.right {
	margin-left:10px;
}

#niveau1 .notule h3, #niveau1 .notule h3 {
	text-transform:uppercase;
	font-weight: bold;
	margin-bottom:0;
	font-size:12px;	
}

.notule h4, .notule h4 a.entreprise, .notule a.entreprise {
	text-transform:uppercase;
	color:#E2001A;
	font: normal 10px Arial;
	margin:0;
}

.moteur .notule .corps {
	margin-right:79px;
}

/****Pour le moteur en attendant ****/

.notule .date {
	float:left;
	display:block;
	height:75px;
	margin:0 40px 0 10px;
	font-weight:bold;
}	

.notule p.contact {
	text-align:right;
	color:#e2001a;
	margin-top:10px;
}