.resume{visibility: hidden;z-index: 100;position: absolute;overflow: hidden;position:absolute;width:1px;top:1px;height:10px}

*
 {margin: 0; padding: 0; border: 0;}

div#colonneGenerale { margin-top:30px; }

body
 {background-color: #4f4b4a; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; padding-bottom: 12px;}
		
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

h1
 {font-size:30px; background-color:#006600; float:left; padding:8px 15px 8px 56px; margin:21px 0 15px 0;} 

h2
 {font-size:1.2em; color:#000000; clear:both; background-color:#ffcc00; float:left; padding:8px 15px 6px 17px; margin: 20px 0 13px 58px}

h3
 {font-size:1em; color:#ffcc00; text-transform:uppercase; margin-bottom:12px}

img
 {display:block; font-size:1px; line-height:1px}

a
 {text-decoration:none}
a:hover
 {text-decoration:underline}

div
 {display:block; position:relative}

ul
 {margin:4px 0 4px 58px; clear:both}
	li
	 {list-style:none; background-image:url(../images/liste_puce.gif); background-repeat:no-repeat; background-position: 0 4px; padding:0 0 10px 16px}

div#colonneGenerale
 {width:955px; margin: 0 auto 30px auto; text-align:left; /*background-image:url(../images/calibre.jpg);*/ background-repeat:no-repeat}

	form#recherche
	 {height:36px; text-align:right; padding:0; margin:0}
	
		form#recherche .inputRecherche
		 {width:120px; height:16px; margin-top:7px; font-size:1em; padding:3px 0 0 3px; background-color:#dcd7d1; color:#373434; letter-spacing:1px}
		
		form#recherche .inputOk
		 {cursor:pointer; width:25px; height:19px; background-color:#b98714; color:#483619; text-align:center; font-size:10px; margin-top:7px}
	
	div#menuTete
	 {background-color:#373434; height:30px; margin-bottom:4px}
	
		div#menuTete div#menu
		 {float:right; font-size:1.1em; margin-right:6px}
		
			div#menuTete div#menu a
			 {float:left; padding: 7px 7px 0 9px; height:23px; border-left:1px solid #595755; color:#FFFFFF;}
		
		div#menuTete a.lienLang
		 {float:left; margin:8px 12px 0 9px; padding:1px 5px 2px 28px; color:#dcd7d1; background-repeat:no-repeat}
		
			div#menuTete a.drapen
			 {background-image:url(../images/drapeau_eng.gif)}
			 
			div#menuTete a.drapfr
			 {background-image:url(../images/drapeau_fr.gif)}
			 
			div#menuTete a.drapall
			 {background-image:url(../images/drapeau_all.gif)}
		
	div#menuGeneral
	 {height:35px; padding-top:0px; margin:5px 0 5px 0; background-image:url(../images/menu_fondjaune.gif); background-repeat:no-repeat; text-align:center; z-index:800}
	
	div#fondPage
	 {background-color:#000000; color:white; z-index:0;}
	
		div#fondPage a
		 {color:white}
		
		div#navigation
		 {padding:12px 0 0 18px;}
	
		div#page
		 {background-color:#1c1c1c; border:1px solid #373434; margin: 15px 15px 26px 15px; padding-bottom:40px; font-size:1.2em}

	
	div#menuPied
	 {background-color:#373434; height:30px; margin-bottom:4px; font-size:1.1em; margin: 5px 0 0px 0; padding-right:6px; text-align:right}
		
		div#menuPied a
		 {display:block; position:relative; float:right; padding: 7px 7px 0 9px; height:23px; border-left:1px solid #595755; color:#FFFFFF;}


/*#######################################################################################*/
/*------------------- Page actu / produit -----------------------------------------------*/
/*#######################################################################################*/
	
div#colone_droite
 {float:right; width:313px; margin:21px 0 auto 0}

	div#colone_droite div#encart
	 {border:5px dashed #ffcc00; margin: 0 19px 24px 0; padding: 16px 18px 22px 20px; background-color:#3c3730}
	
		div#colone_droite div#encart p
		 {margin:0 0 15px 0}
	
	div#colone_droite img
	 {margin-bottom:24px}

div#colone_gauche
 {padding-right:50px; overflow: auto;}
	
	div#colone_gauche .accroche
	 {margin:0 0 16px 59px; font-weight:bold; line-height:15px; clear:both}
	 
		div#colone_gauche .accroche p
			 {margin:0 0 15px 0}
	
	div#colone_gauche .photoGenerale
	 {display:block; position:relative; float:left; margin:0 10px 4px 0}
	
	div#colone_gauche .wysiwyg
	 {margin:0 0 52px 59px;}
		
		div#colone_gauche .wysiwyg p
		 {margin:0 0 15px 0}
		
		div#colone_gauche .wysiwyg ul
		 {margin: 6px 0 19px 0;}
		
		div#colone_gauche .wysiwyg table.produits
		 {margin: 0 0 20px 0px; text-align:center; font-size:0.9em; width : 490px; }
		
			div#colone_gauche .wysiwyg table.produits th
			 {background-color:#006600; color:#000000; font-weight:bold; padding: 7px 0 7px 0;}
			
			div#colone_gauche .wysiwyg table.produits th
			 {/*color:#FFFFFF; font-weight:normal; */width:110px}
			
			div#colone_gauche .wysiwyg table.produits td
			 {background-color:#7fb27f; color:#000000}
			
			div#colone_gauche .wysiwyg table.produits tbody th, div#colone_gauche .wysiwyg table.produits td
			 {border-top:1px solid #1c1c1c; padding: 8px 0 9px 0}

	div#colone_gauche a.lienExterne
	 {display:block; position:relative; clear:both; float:left; padding:1px 6px 2px 16px; margin:2px 0 2px 56px;
	  background-image:url(../images/liste_puce.gif); background-repeat:no-repeat; background-position: 4px 5px;}
	
		div#colone_gauche a.lienExterne
		 {text-decoration: none}
						
						
/*#######################################################################################*/
/*------------------- Liste d'actualit�s / produits -------------------------------------*/
/*#######################################################################################*/
div#liste 
 {padding:20px 130px 30px 160px; clear:both}

	div#liste a.liste_gauche, div#liste a.liste_droite
	 {display:block; position:relative; clear:both; margin: 8px 0 8px 0; padding:8px 8px 8px 8px; text-decoration:none;}
		div#liste a.liste_gauche:hover, a.liste_droite:hover {background-color:#2f2f2f}
		
		div#liste a.liste_gauche img.photoGenerale
		 {float:left; margin: 0 8px 4px 0; border:1px solid #ffcc00}
		div#liste a.liste_droite img.photoGenerale
		 {float:right; margin: 0 8px 4px 0; border:1px solid #ffcc00}
		
		div#liste a.liste_gauche span.titre, div#liste a.liste_droite span.titre
		 {display:block; position:relative; font-weight:bold; color:#ffcc00; margin-bottom:2px}
		
		div#liste a.liste_gauche span.accroche, div#liste a.liste_droite span.accroche
		 {display:block; position:relative; color:#c8c8c8; font-size:0.9em}
		
		div#liste a.liste_gauche span.plus, div#liste a.liste_droite span.plus
		 {clear:both; display:block; position:relative; float:right; color:#ffcc00; font-size:0.9em}
	
	div#liste hr
	 {border:none; font-size:1px; height:1px; border-bottom:1px solid #333}
	 

/*#######################################################################################*/
/*------------------- Page de recherche -------------------------------------------------*/
/*#######################################################################################*/
div#recherchePage 
 {padding:20px 110px 30px 150px; clear:both}

	div#recherchePage form
	 {height:36px; text-align:left; padding: 1px 10px 0 16px; margin:0 0 6px 0; background-color:#373434; border:1px solid #000000 }
	
		div#recherchePage form .recherche
		 {width:145px; height:16px; margin-top:7px; font-size:1em; padding:3px 0 0 3px; background-color:#dcd7d1; color:#373434; letter-spacing:1px}
		
		div#recherchePage form .ok
		 {cursor:pointer; width:25px; height:19px; background-color:#b98714; color:#483619; text-align:center; font-size:10px; margin-top:7px}
	
	div#recherchePage p#bilanResultats
	 {margin: 0 0 22px 7px}
	
	div#recherchePage p#navigationRecherche
	 {margin: 0 0 18px 3px; font-size:0.9em}
	
		div#recherchePage p#navigationRecherche a
		 {text-decoration:none; padding:2px 2px 3px 4px; color:#bf9900; border:1px solid #1c1c1c}
			div#recherchePage p#navigationRecherche a:hover
			 {background-color:#373434; color:#ffcc00; border:1px solid #000000}
		
		div#recherchePage p#navigationRecherche a.actif
		 { font-weight:bold; border-bottom:1px solid #383838; padding-right:0px}

	div#recherchePage a.recherche
	 {display:block; position:relative; clear:both; margin: 8px 0 8px 0; padding:8px 8px 5px 8px; text-decoration:none; cursor:pointer}
		div#recherchePage a.recherche:hover, a.recherche:hover {background-color:#2f2f2f}
		
		div#recherchePage a.recherche span.titre
		 {display:block; position:relative; font-weight:bold; color:#ffcc00; margin-bottom:2px}
		
		div#recherchePage a.recherche span.accroche
		 {display:block; position:relative; color:#c8c8c8; font-size:0.9em}
		
		div#recherchePage a.recherche span.plus
		 {clear:both; display:block; position:relative; float:right; color:#ffcc00; font-size:0.9em}
	
	div#recherchePage hr
	 {border:none; font-size:1px; height:1px; border-bottom:1px dashed #333}
	 
/*#######################################################################################*/
/*------------------- Galerie photos ----------------------------------------------------*/
/*#######################################################################################*/

div#galerie
 {clear:both; padding:20px 110px 30px 150px; }

	div#galerie div#nomProduit
	 {border-bottom:1px solid #bf9900; padding-bottom:4px; text-align:center; margin-bottom:20px; color: #ffcc00; font-size:1.2em; font-weight:bold}

	div#galerie div.cadre_photo
	 {display:block; position:relative; float:left; width:130px; height:200px; margin: 3px 17px 3px 17px; color:#ccc; text-align:center}
		
			div#galerie div.cadre_photo a
			 {display:block; position:relative; background-color:#373434; width:128px; height:128px; text-align:center; border:1px solid #000000; margin-bottom: 2px}
		
			div#galerie div.cadre_photo img.photo
			 {display:block; position:absolute; clip:rect(0 120px 120px 0); top:4px; left:4px; }
	
	div#galerie a#retourProduit
	 {display:block; position:relative; clear:both; border-top:1px solid #bf9900; padding:5px 12px 0 0; color: #bf9900; text-align:right}
		div#galerie a#retourProduit:hover
		 {color: #ffcc00;}


/*#######################################################################################*/
/*------------------- Newsletter / Contact ----------------------------------------------*/
/*#######################################################################################*/

div#newsletter, div#contact
 {clear:both; padding:20px 110px 30px 150px; }

	div#newsletter div#texteIntro p, div#contact div#texteIntro p
	 {border-bottom:1px solid #bf9900; padding-bottom:4px; margin-bottom:20px; color: #ffcc00; font-size:1.1em;}

	form#formGeneral
	 {padding:14px 0 26px 30px}
	
		form#formGeneral p
		 {margin:10px 0; clear:both}
		
			form#formGeneral label
			 {display:block; position:relative; float:left; width:150px; padding: 3px 12px 0 0;}
			
			form#formGeneral input, form#formGeneral textarea
			 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:2px; background-color:#EEE}
			
			form#formGeneral .bouton
			 {cursor:pointer; width:80px; height:19px; background-color:#b98714; color:#483619; text-align:center; font-size:11px}
			
			form#formGeneral .radio
			 {background:none}
		
	div#newsletter div#remerciement, div#contact div#remerciement
	 {padding: 40px 0 80px 20px}
	div#newsletter div#remerciement p, div#contact div#remerciement p
	 {margin: 10px 0 10px 0}
	
	div#newsletter a#texteFin, div#contact a#texteFin
	 {display:block; position:relative; clear:both; border-top:1px solid #bf9900; padding:5px 12px 0 0; color: #bf9900; text-align:right}
		div#newsletter a#texteFin:hover, div#contact a#texteFin:hover
		 {color: #ffcc00;}


/*#######################################################################################*/
/*------------------- Plan du site ------------------------------------------------------*/
/*#######################################################################################*/

div#planSite
 {clear:both; padding:20px 110px 30px 150px}

	div#planSite ul.nivo1 li
	 {line-height:30px; background:none}
	
	div#planSite ul.nivo1 li a
	 {font-size:1.2em; color:#333333; background-color:#ffcc00; padding:4px 15px 3px 17px; font-weight:bold}
		div#planSite ul.nivo1 li a:hover
		 {text-decoration:none}
	
		div#planSite ul.nivo2
		 {margin: 12px 0 0 20px}
	
			div#planSite ul.nivo2 li
			 {line-height:normal; list-style:none; background-image:url(../images/liste_puce.gif); background-repeat:no-repeat; background-position: 0 4px; padding:0 0 10px 16px}
			
				div#planSite ul.nivo2 li a
				 {font-size:1.1em; color:#ffffff; background:none; margin:0; padding:1px 12px 2px 6px; font-weight:normal}


/*#######################################################################################*/
/*------------------- Page d'accueil ----------------------------------------------------*/
/*#######################################################################################*/

div#accueil
 {background-color:#3c3730; height:334px}

	div#accueil div#news
	 {display:block; position:absolute; width:203px; height:334px; top:0; left:0; background-image:url(../images/accueil_fond_news.jpg); background-repeat:no-repeat; z-index:300}
	
		div#accueil div#news p.titre
		 {margin:53px 8px 2px 17px; color:#e6b800; font-weight:bold; font-size:1.1em}
		 
		div#accueil div#news a
		  {text-decoration: none}
		 
		div#accueil div#news a:hover
		 {text-decoration: none;}
		
		div#accueil div#news p.description
		 {margin:0 8px 0 17px; color:#ffffff; font-size:1em}

	div#accueil img#photos
	 {display:block; position:absolute; top:249px; left:203px; z-index:100}
	
	div#accueil div#droite
	 {display:block; position:absolute; width:752px; height:334px; top:0; right:0; background-color:#000000; z-index:50}
	
		div#accueil div#droite object, div#accueil div#droite embed
		 {display:block; position:relative; margin:4px 0 0 4px; z-index:400}




/*--------------------------------------------------*/
/*                      EZ                          */
/*--------------------------------------------------*/
#ez{ font-size:11px; color:#777777; text-align:center; padding-top:5px;}
#ez a{ color: #666666}

#adresse{ font-size:11px; color:#ffffff; text-align:center; padding-top:5px;}

/** NEWSLETTER **/
.newsletter .titre { padding: 10px 0px 10px 0px; font: bold 12px Arial; }
.newsletter .group { padding: 10px 0px 10px 0px; }

/*--- STYLE EZPUBLISH ---*/
.hide { display: none;}
.clear{ clear:both; color:#FFFFFF;}
.object-left { float: left; margin: 5px 5px 2px 0px; }
.object-right { float: right; margin: 5px 0px 2px 5px; }
.object-center, .center { text-align: center; }
.object-none { margin: 5px 0px 10px 0px; }
td.vhaut { vertical-align: top; }
td.vcentre { vertical-align: middle; }
td.vbas { vertical-align: bottom; }
table.centre { margin: auto; }
table.droite { margin-left: auto;}
table.centre_cellules td { text-align: center; }
p.justifier, td.justifier, .text-justify, td.text-justify p { text-align: justify; }
p.centre, .text-center, td.text-center p { text-align: center; }
p.droite, .text-right, td.text-right p { text-align: right; }
.text-left { text-align: left; }
.sansInfo .zr-telechargement-icon {display: none; }
.sansInfo .zr-telechargement-size {display: none; }
.required { font-size: 1.3em; color: red; font-family: serif; }
/*.required:before {content: "("; color: #000; font-size: 1em; }
.required:after {content: ")"; color: #000; font-size: 1em; }*/
.telechargement br { display: none; }
.spamfilter { display: none; }
.hasimage { margin-left: 115px; }
h1 span.text, h2 span.text, span.titre span.text, div.tit_alaune span.text, div.tit-agenda span.text, div.titre span.text { display: none; }