/* Général */
html{
    height: 100%; /* Voir -> Note 1 ci-dessous */
    font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */	
}

body{
    height: 100%; /* Voir -> Note 1 ci-dessous */
    margin: 0px;
	padding: 0px; /* Note -> 2 */
	font-family: Arial, Helvetica, FreeSans, sans-serif; /* 3 */
	font-size: 12px; /* -> 4 */
	color: #000000;
	background-color: #9b9b9b;
}

h1, h2, h3, h4, h5, h6{
	margin: 0px; /* -> 6 */
    padding: 0px;
}

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

a{
	color: #000000;
}

a:hover, a:focus{
	color: #000000;
}

a img{
	border: none; /* -> 10 */
}

/*ul, ol{
	margin: 0px;
    padding: 0px;
}*/

#erreur{
    padding: 5px;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    border: 1px dotted #ff0000;
    
}

#valide{
    padding: 5px;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    font-weight: bold;
    color: #00ae19;
    text-align: center;
    border: 1px dotted #00ae19;
    
}

.highlight { background-color: yellow }

#fond_haut{
    background: url(/images/fond_haut.gif) top left repeat-x;
}

#fond_contenu{
    background: #acacac url(/images/fond_contenu.png) top left repeat-x;
}

#fond_kawneer{
    background: url(/images/fond_kawneer.png) center top no-repeat;
}

#fond_pied{
   background: #9b9b9b url(/images/fond_pied.gif) top left repeat-x;
}

#titre_article{
    font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
	color: #000000;
}

#texte{
    padding: 10px 0px 10px 0px;
}

#menu_gauche{
    padding: 25px 0px 0px 0px;
    margin: 0px 0px 0px 30px;
    list-style: none;
}

#menu_gauche li{
    background: url(/images/puce_menu_gauche.png) top left no-repeat;
    padding: 0px 0px 0px 25px;
    margin: 10px 0px 0px 0px;        
}

a.lien_menu_gauche{
    font-size: 18px; 
    color: #ffffff; 
    text-decoration: none;  
}

a.lien_menu_gauche:hover{
    text-decoration: underline;    
}

.multipage{
    background-color: #ed1c24;
    color: #ffffff;
}

a.pageResults{
    color: #ffffff;
}

.fond_thickbox{
    background-color: #ed1c24;
    text-align: center;
}

a.thickbox{
    color : #ffffff;
    text-decoration: none;
}

a.thickbox:hover{
    text-decoration: underline;   
}

/* Entête */
#entete{
    height: 100px;
	padding: 0px 10px 0px 0px;
    margin: 0px;
}

#logo_haut{
    float: left;
    padding: 0px;
}

#header_droit{
    float: right;  
    padding: 0px 0px 0px 0px;
}

#menu_haut{
    padding: 3px 0px 0px 0px;
    margin: 0px;
    float: right;
    color: #000000;
}

#menu_principal{
    position: absolute;
    margin: 64px 0px 0px 255px;
}

#bloc_recherche{
    padding: 5px 0px 0px 0px;
    margin: 0px;
    text-align: right;
    color: #000000;   
    width: 530px;   
}

#bloc_recherche p {
    padding: 0 0 0.75em 0.5em !important;
	clear: both;
}

#champ_recherche{
	display: block;
	float: left;
    padding: 5px;
    font-weight: bold;
    color: #000000;
	width: 50%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
}


#bt_rechercher {
    background-color : #484848;
    color: #ffffff; 
    border: 0px;
    padding: 2px 3px 2px 3px;
    cursor: pointer;
    width:  50px !important; 
}

/* Recherche */

#form_recherche{
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0px 0px 0px;
}

#form_recherche h1{
    color: #7a7979;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 8px 0px;
    padding:0px;
}


#form_recherche p input.text{
    width: 344px;
	margin-right: 0.25em;	
}

#form_recherche p {
    padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;
}

#bouton_recherche{
    text-align: center;
}

a.lien_recherche{
    color: #083172;
    text-decoration: none;    
}

a.lien_recherche:hover{
    text-decoration: underline;
}

/* Page */
#global_entete{
	height: 100px;
	width: 994px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

#global_contenu_accueil{
	min-height: 595px;
    width: 994px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

#global_contenu{
	width: 994px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

#global_pied{
    height: 190px;
    width: 994px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

/* Navigation */
#petit_poucet{
    margin: 0px 0px 15px 0px;
}

#petit_poucet_accueil{
    padding: 0px 25px 0px 0px;    
}

a.lien_poucet{
    color: #000000;
    text-decoration: none;
}

a.lien_poucet:hover{
    text-decoration: underline;
}

/* Contenu principal */
#contenu_accueil{
	padding: 0px;
    margin:  0px;
}

#contenu{
    color: #000000;
    margin: 0px;
 	padding: 0px;
	overflow: hidden; /* -> 5 */

}

/* Index */
#animation{
	padding: 0px;
	margin: 0px;
	position: relative;
    height: 581px;
}

#slides {
    position:absolute;
    height:581px;
    width:761px;
    z-index: 10;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
}

.slides_container {
	width:761px;
	height:581px;
	overflow:hidden;
}

#texte_accueil{
    margin: 1px 0px 0px 0px;
    height:581px;
    width:761px;
    background: url(/images/fond_texte_accueil.png) top right no-repeat;
    position:absolute;
    z-index: 20;
}

/* Contenu */
#colonne_gauche_accueil{
    margin: 0px 0px 0px 0px;
    width: 222px;
    float: left;
}

#colonne_gauche{
    margin: 6px 0px 0px 0px;
    width: 222px;
    float: left;
}

#bloc_membre_login{
    width: 221px;
    height: 150px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    position: relative;
    background: #d4d4d4 url(/images/fond_login.gif) top left repeat-x;   
    border: 1px solid #aaaaaa;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;    
    behavior: url(/PIE.htc);    
}

#bloc_membre_logged_in{
    width: 221px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    background-color: #d4d4d4;    
    border:  1px solid #aaaaaa;
    position: relative;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;    
    behavior: url(/PIE.htc);      
}

#logged_in{
    width: 198px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto; 
    padding: 10px 0px 0px 0px;   
}

a.deco{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #000000;
	text-decoration: none;
}

a.deco:hover{
	text-decoration: underline;
}

#acces_privilege{
    position: absolute;
    margin: 8px 0px 0px 10px;    
}

#form_login{
    width: 198px;
    margin-top: 27px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0px 0px 0px;
}

.champ_login{
	display: block;
	float: left;
    padding: 0px;
    font-size: 11px;
    color: #000000;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
}

#form_login p input.text{
    margin-right: 0.25em;	
}

#bt_login{
    position: absolute;
    margin: -21px 0px 0px 155px;
}

#liens_petit{
    margin: 2px 0px 0px 0px;    
}

a.login_petit {
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #000000;
	text-decoration: none;
}

a.login_petit:hover {
	text-decoration: underline;
}


#liens_details{
    text-align: right;
    margin: 5px 0px 0px 0px;    
}

a.login_details{
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
    font-weight: bold;
	color : #ffffff;
	text-decoration: none;   
}

a.login_details:hover {
	text-decoration: underline;
}

#bloc_produits{
    /*position: absolute;*/
	position: relative;
    width: 221px;
    min-height: 410px;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    background: #b7b7b7 url(/images/fond_produits.gif) top left repeat-x;    
    border:  1px solid #707070;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;    
    behavior: url(/PIE.htc);   
}

#bloc_contact{
    margin: 12px 0px 0px 0px;
    width: 222px;
    height: 121px;     
}

#colonne_droite_accueil{
    margin: 6px 0px 0px 231px;
    padding: 0px;
    width: 721px;
}

#colonne_droite{
	margin: 6px 0px 10px 231px;
    padding: 3px 20px 0px 20px;
    position: relative;

    width: 721px;
    min-height: 600px;
    background: #ffffff url(/images/fond_contenu_haut.png) top left no-repeat;
    border:  1px solid #707070;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;    
    behavior: url(/PIE.htc); 
}

#fond_arbo{
    position: relative;
    margin: 0px 0px 0px -20px;
    padding: 30px 0px 0px 0px;
    width: 761px;
    min-height: 63px;
    background: #c4c4c4 url(/images/fond_arbo.png) top left repeat-x;   
    -moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;       
    behavior: url(/PIE.htc);    
}

#fond_arbo2{
    position: absolute;
    bottom: 0px;
    margin: 0px 0px 0px -20px;
    padding: 30px 0px 0px 0px;
    width: 761px;
    min-height: 63px;
    background: #c4c4c4 url(/images/fond_arbo.png) top left repeat-x;   
    -moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;       
    behavior: url(/PIE.htc);      
}

#fieldset{
    border: 0px;
    margin: 0px 0px 0px 30px;  
    padding: 0px 0px 10px 0px;
}

#plan_rubrique{
    position: absolute;
    background: #cacac8 url(/images/fond_legend.png) top left repeat-x;    
    height: 22px;
    margin: -29px 0px 0px 0px;
    padding: 3px 10px 0px 10px;
    border-bottom:  1px solid #818181;
    border-left:  1px solid #818181;
    border-right:  1px solid #818181;
    -moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;      
    behavior: url(/PIE.htc); 
    font-weight: bold;
}

a.lien_arbo{
   text-decoration: none;
}

a.lien_arbo:hover{
   text-decoration: underline;    
}

/* Contact */
#form_contact{
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0px 0px 0px;
}

#form_contact h1{
    color: #7a7979;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 8px 0px;
    padding:0px;
}

#contact_infos{
    margin: 0px;
    padding: 0px 0px 5px 0px;
    font-size: 12px;
    color: #000000;
}

#warning{
    font-size: 11px;
    color: #ff0000;
}

#champ{
	display: block;
	float: left;
    padding: 5px;
    font-weight: bold;
    color: #ffffff;
	width: 270px;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
    background-color: #043c70;
}

#champ_message{
    display: inline;
    padding: 5px;
    margin-right: 5px;
    float: left;
    width: 556px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #043c70;
}

.radiocheck {
	margin: 0 1em 0 0.25em;	
}

#form_contact p input.text{
    width: 344px;
	margin-right: 0.25em;	
}

#form_contact p textarea{
    width: 560px;
	margin-right: 0.25em;	
}

#form_contact p {
    padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;
}

#bouton_contact{
    text-align: center;
}

#bt_envoyer {
    background-color : #484848;
    color: #ffffff; 
    border: 0px;
    padding: 3px;
    cursor: pointer;
    width:  100px !important; 
}

#galerie_fond{
    margin:  10px 0px 0px 0px;
    
}

/* FAQ */
.theme{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight : bold;
	color : #3f3f3f;
}

.faq_question{
	font-size : 12px;
	font-weight : bold;
	color : #063071;
}

/* Pied de page */
#pied{
	margin: 0px;
    padding: 18px 0px 0px 20px;
    color: #353434;
    font-size: 11px;
}

#pied_texte{
    position: absolute;  
    width: 750px;  
}

#pied_logo{
    float: right;
    margin: 0px 20px 0px 0px;
}

a.lien_footer{
    color: #353434;
    text-decoration: none;
}

a.lien_footer:hover{
    text-decoration: underline;
}

/* --- NOTES ---

1.	Pour pouvoir utiliser une hauteur (height) ou une hauteur minimale
	(min-height) sur un bloc, il faut que sont parent direct ait lui-même une
	hauteur déterminée (donc toute valeur de height sauf "auto": hauteur en
	pixels, em, autres unités...).
	Si la hauteur du parent est en pourcentage, elle se réfère alors à la
	hauteur du «grand-père», et ainsi de suite.
	Ainsi, pour pouvoir utiliser un "min-height: 100%" sur div#contenu, il nous
	faut:
	- un parent (body) en "height: 100%";
	- le parent de body également en "height: 100%".

2.	Il faut éviter que les marges des enfants de div#global ne se transmettent
	à leur parent. Notamment, le margin-top du premier enfant (ici, div#entete),
	et le margin-bottom du dernier enfant (ici, div#pied).
	On évite ce problème grâce à la propriété CSS overflow, qui bloque la
	fusion des marges. En savoir plus sur la fusion des marges:
	http://web.covertprestige.info/test
		04-blocs-imbriques-et-fusion-des-marges.html

3.	Les marges automatiques à gauche et à droite permettent de centrer notre
	bloc div#global, et donc tout le site.
	Pour aligner div#global à gauche, on fera:
		margin-left: 0;
		margin-rigth: auto;
	Pour aligner div#global à droite, on fera:
		margin-left: auto;
		margin-right: 0;
	Pour aligner div#global à droite avec un retrait (à droite) de 100px:
		margin-left: auto;
		margin-right: 100px;
*/




#espacement_menu_produits{
    padding: 5px 0px 5px 0px;	
    background: url(/images/fin_separation.gif) no-repeat bottom left;
}

h2.acc_trigger {
	padding: 8px 0px 0px 32px;	
    margin: 0px 0px 0px 0px;
	background: url(/images/puce_produit.png) no-repeat 0px 0px;
	height: 22px;	
    width: 190px;
	font-size: 14px;
	font-weight: bold;	
}

h2.acc_trigger a {
	color: #444444;
	text-decoration: none;
	display: block;
	padding: 0px;
}

h2.acc_trigger a:hover {
	color: #bc161d;
}

.acc_container {
	margin: 0px; padding: 0px;
	font-size: 12px;
	width: 190px;
	clear: both;
}

.acc_container .block {
	padding: 5px;
}

.block ul{
    list-style: none;
    padding:  0px;
    margin: -5px 0px 10px 10px;
}

.lien_famille_produit{
    color: #242424;    
    text-decoration: none;
}

.lien_famille_produit:hover{
    color: #bc161d;    
}

.choix_theme{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight: bold;
	color : #ed1c24;
}

.fieldset_theme{
	width: 300px;
	text-align: center;
}

.entete{
	background-color: #0058a6;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	text-align: center;
	color : #FFFFFF;
}

.ligne1{
	padding: 0px 0px 0px 5px;
	background-color: #ffffff;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
}

.ligne2{
	background-color: #ececec;
	padding: 0px 0px 0px 5px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
}

.table_dl{
	background-color: #3f3f3f;
}

.entete_suivi{
	background-color: #0058a6;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	text-align: center;
	color : #FFFFFF;
}

.ligne1_suivi{
	padding: 0px 0px 0px 5px;
	background-color: #ffffff;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
}

.ligne2_suivi{
	background-color: #ececec;
	padding: 0px 0px 0px 5px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
}

.table_suivi{
	background-color: #3f3f3f;
}

.total{
	background-color: #0058a6;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #FFFFFF;
}


.commande_theme{
	padding: 0px;
	margin: 0px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 24px;
	color : #9e9e9e;
}

.fond_type{
	padding: 5px 0px 5px 15px;
	background-color: #3f3f3f;
	border: #ffffff solid 1px;
}

a.commande_type{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
	
	text-decoration: none;
}

a.commande_type:hover{
	text-decoration: underline;
}

.ligne{
	background-color: #bebebe;
}

.ref{
	background: #bebebe url(/images/fond_qte.gif) repeat-y top right;
}

.total{
	background-color: #3f3f3f;
	padding: 5px 10px 5px 15px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
}

.total_valeur{
	background-color: #bebebe;
	padding: 5px 10px 5px 15px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #000000;
}



.theme{
	background-color : #ececec;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight : bold;
	color : #3f3f3f;
}

.faq_question{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight : bold;
	color : #063071;
}



.multipage{
	background-color : #ececec;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #3f3f3f;
}

a.pageResults{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #3f3f3f;
}

a.lien_retour_actus{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #3f3f3f;
	text-decoration : none;
}

a.lien_retour_actus:hover{
	text-decoration : underline;
}

.titre_actus{
	padding: 0px;
	margin: 0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}



.champs{
	background-color: #043c70;
	
	padding : 0px 5px 0px 5px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
}

.champs_intitule{
	background-color: #3f3f3f;
	
	padding : 0px 0px 0px 5px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ececec;
}

.warning{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #ff0000;
}

.bouton{
	background-color : #484848;
    color: #ffffff; 
    border: 0px;
    padding: 3px;
    cursor: pointer;
    width:  100px !important; 
}



#logged_in p{
    color : #bc161d;
    font-weight: bold;
}

#bloc_contact{
    position: absolute;
    margin: 520px 0px 0px 505px;    
}

#edito{
    margin: 30px 10px 0px 360px;
    position: absolute;  
    color:  #ffffff;
    font-size: 14px;
}

#edito a{
	color:  #ffffff;
	text-decoration: none;
}

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