
* { margin:0; margin:0; }

body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:url(../cssimg/site/motif_01.gif) 0px 0px repeat; }

#conteneur{ margin:0px auto 20px auto; width:900px; padding:0px 27px; position:relative; }
#cricket{ position:absolute; bottom:-25px; left:-4px; width:88px; height:157px; background:url(../cssimg/site/cricket.gif) 0px 0px no-repeat;  }
#cricket-accueil{ position:absolute; bottom:-30px; left:-4px; width:88px; height:157px; background:url(../cssimg/site/cricket-accueil.gif) 0px 0px no-repeat;  }

/* ====================================================================== */
/* =============================== GENERAL ============================== */
/* ====================================================================== */
.spacer { clear:both; }
.spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; }

img { border:0px; }
h1 { font-size:2.2em; }
h2 { font-size:2em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.3em; }
p  { margin:0; padding:0; font-size:1.2em; }
ul { margin:0; padding:0;}

a { color:orange; text-decoration:underline; }
textarea{ font-family:Arial, Helvetica, sans-serif;}

a:hover { text-decoration:none; }

.floatleft{ float:left;}
.floatright{ float:right;}
.center{ text-align:center;}
.alignleft{ text-align:left;}
.alignright{ text-align:right;}

.trash { float:left; margin:0px 3px 0px 0px; }

#msgalerte{ margin:0; padding:0;}

#ntitre input{font-size:2.2em; color:black; margin:0px 0px 30px 10px; background:none; width:86%; border:0px black solid; border-bottom:1px black dashed}


/* ====================================================================== */
/* ============================ EDITEUR SPAW ============================ */
/* ====================================================================== */
#editeur-spaw{ font-size:11px; }
 	
	#editeur-spaw p{margin:0; padding:0; font-size:11px; }
	#editeur-spaw  img { padding:5px; }

	#editeur-spaw h1, #editeur-spaw h2, #editeur-spaw h3, #editeur-spaw h4, #editeur-spaw h5, #editeur-spaw h6{font-weight: bold !important; background:none !important; background-image:none !important; margin:0 !important; padding:0 !important; }
	#editeur-spaw h1{font-size: 36px !important; display:block !important; visibility:visible !important; }
	#editeur-spaw h2{font-size: 24px !important; }
	#editeur-spaw h3{font-size: 18px !important; }
	#editeur-spaw h4{font-size: 16px !important; }
	#editeur-spaw h5{font-size: 12px !important; }
	#editeur-spaw h6{font-size: 10px !important; }
	
	#editeur-spaw ul{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
	#editeur-spaw li{ list-style-type:none; background:url(../cssimg/puce_orange.gif) 0px 3px no-repeat; margin:0px 0px 0px 0px;  padding:0px 0px 0px 10px;}
		
	#editeur-spaw ol{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
	#editeur-spaw ol li{ list-style-type:decimal; padding:0; margin:0; background:none; }
	
	.titre-orange-pale {color: #F3A24E !important; }
	.titre-orange {color: #F3A24E !important; }
	.titre-gris {color: #707070 !important; }
		
	.taille10 { font-size:10px; }
	.taille11 { font-size:11px; }
	.taille12 { font-size:12px; }
	.taille14 { font-size:14px; }

	
/* ====================================================================== */
/* =============================== HEADER =============================== */
/* ====================================================================== */
#header { position:relative; height:265px; background:url(../cssimg/site/header_02.jpg) 0px 80px no-repeat; }

#header-accueil { position:relative; height:265px; background:url(../cssimg/site/header_01.jpg) 0px 80px no-repeat; }


/* ================== Logo ================== */
#logo{ float:left; margin:0px;}
	#logo img{ margin:0px 0px 0px 0px; }
	
/* ================== Logo2 ================== */
#logo2{float:right; }
	#logo2 img{ margin:0px 0px 0px 0px; }

/* ================== menu ================== */
#menu_haut { position:absolute; top:59px; left:0; width:900px; height:26px; padding:0; margin:0px; text-align:center; }

	#menu1 {padding:0; margin:0px; }
		#menu1 li { float:left; list-style-type:none; }
			#menu1 a {float:left; display:block; margin:0px 13px 0px 0px; _margin:0px 6px 0px 0px; padding:4px 0px 0px 0px; color:white; text-align:center; text-decoration:none; font-size:1.1em; }
				#menu1 a:hover { background:#CCC; }
				#menu1 a.selectmenuhaut { background:#FC983A; color:black; }
		
		
		#menu1 li#accueil a { width:71px; height:17px; background:url(../cssimg/site/menu_accueil.gif) 0px 0px no-repeat; }
			#menu1 li#accueil a:hover { background:url(../cssimg/site/menu_accueil.gif) 0px -32px no-repeat; }
		#menu1 li#qui a { width:115px; height:17px; background:url(../cssimg/site/menu_qui.gif) 0px 0px no-repeat; }
			#menu1 li#qui a:hover { background:url(../cssimg/site/menu_qui.gif) 0px -32px no-repeat; }
		#menu1 li#produits a { width:71px; height:17px; background:url(../cssimg/site/menu_produits.gif) 0px 0px no-repeat; }
			#menu1 li#produits a:hover { background:url(../cssimg/site/menu_produits.gif) 0px -32px no-repeat; }
		#menu1 li#contact a { width:71px; height:17px; background:url(../cssimg/site/menu_contact.gif) 0px 0px no-repeat; }
			#menu1 li#contact a:hover { background:url(../cssimg/site/menu_contact.gif) 0px -32px no-repeat; }
		#menu1 li#liens a { width:64px; height:17px; background:url(../cssimg/site/menu_liens.gif) 0px 0px no-repeat; }
			#menu1 li#liens a:hover { background:url(../cssimg/site/menu_liens.gif) 0px -32px no-repeat; }
		#menu1 li#compte a { width:115px; height:17px; background:url(../cssimg/site/menu_compte.gif) 0px 0px no-repeat; color:#343321; }
			
		
	#langues {padding:0; margin:0px 0px 0px 0px; }
		#langues li { float:left; list-style-type:none; }
			#langues a {float:left; display:block; margin:-1px 0px 0px 5px; _margin:-1px 0px 0px 3px; padding:0px 0px 0px 0px; color:white; text-align:center; text-decoration:none; font-size:1.1em;}
			


/* ====================================================================== */
/* ============================= MENU GAUCHE ============================ */
/* ====================================================================== */
#sousmenu {margin:10px 0px 20px 10px; padding:0px 0px 0px 0px; background:url(../cssimg/site/sous-menu_bas.jpg) 0px bottom no-repeat; height:208px; }
html>body #sousmenu {min-height:208px; height:auto; }

#sousmenu ul { margin:0; padding:0;  }
#sousmenu ul li { margin:0; padding:0; list-style-type:none;  }
#sousmenu div.up {position:absolute; }
#sousmenu div.up img {position:relative; left:149px; top:3px; cursor:pointer; }


#sousmenu .ul1, #sousmenu .ul2, #sousmenu .ul3,, #sousmenu .ul4{ height:1%; }
	#sousmenu .li1,#sousmenu .li2,#sousmenu .li3,#sousmenu .li4{margin:0; padding:0; }

	#sousmenu a.lien1,#sousmenu a.lien2,#sousmenu a.lien3, #sousmenu a.lien4{display:block; color:#2E2E30; text-decoration:none;  }
	html>body #sousmenu a.lien1, html>body #sousmenu a.lien2, html>body #sousmenu a.lien3, html>body #sousmenu a.lien4{ }
	#sousmenu a.lien1:hover,#sousmenu a.lien2:hover,#sousmenu a.lien3:hover,#sousmenu a.lien4:hover{}

	#sousmenu a.encours1,#sousmenu a.encours2,#sousmenu a.encours3,#sousmenu a.encours4{ display:block; color:#2E2E30; text-decoration:none;}
	html>body #sousmenu a.encours1, html>body #sousmenu a.encours2, html>body #sousmenu a.encours3{ }


	#sousmenu .ul1{ padding:30px 0px 0px 0px;  background:url(../cssimg/site/sous-menu_haut.jpg) 0px 0px no-repeat; }
	#sousmenu .boutique_ul{ padding:30px 0px 0px 0px;  background: url(../cssimg/site/ul_nosproduits.jpg) 0px 0px no-repeat; }
		#sousmenu .ul1 .up { }
		#sousmenu .li1{ padding:0px 0px 0px 0px;}
			#sousmenu .li1 a.lien1 {height:20px; padding:0px 0px 0px 15px; font-size:1.1em; margin:0px 40px 0px 0px;}
			html>body #sousmenu .li1 a.lien1 { min-height:20px; height:auto;}
			#sousmenu .li1 a.lien1:hover{ font-weight:bold; }
			#sousmenu a.encours1{ height:20px; padding:0px 0px 0px 18px; font-size:1.1em; font-weight:bold; }
			html>body #sousmenu a.encours1{ min-height:20px; height:auto;}
			
	#sousmenu .ul2{ }
		#sousmenu .ul2 .up { }
		#sousmenu .li2{ margin:0px 45px 0px 7px; padding:0px 0px 0px 5px; }
			#sousmenu .li2 a.lien2 {height:16px; background:url(../cssimg/menu_gauche-a.gif) 6px 6px no-repeat; padding:1px 0px 0px 18px; font-size:1.1em; }
			html>body #sousmenu .li2 a.lien2 { min-height:16px; height:auto; }
			#sousmenu .li2 a.lien2:hover{ font-weight:bold; }
			#sousmenu a.encours2{height:16px; background:url(../cssimg/menu_gauche-a.gif) 6px 6px no-repeat; padding:1px 0px 0px 18px; font-size:1.1em; font-weight:bold; }
			html>body #sousmenu a.encours2{ min-height:15px; height:auto;}
			
	#sousmenu .ul3{ }
		#sousmenu .ul3 .up { }
		#sousmenu .li3{ padding:0px 0px 0px 30px; }
			#sousmenu .li3 a.lien3 { padding:0px 0px 0px 18px; font-size:1.1em;}
			html>body #sousmenu .li3 a.lien3 { }
			#sousmenu .li3 a.lien3:hover{ font-weight:bold; }
			#sousmenu a.encours3{ padding:0px 0px 0px 18px; font-size:1.1em; font-weight:bold;}
			html>body #sousmenu a.encours3{ }
			
	#sousmenu .ul4{ }
		#sousmenu .ul4 .up { }
		#sousmenu .li4{ padding:0px 0px 0px 35px; }
			#sousmenu .li4 a.lien4 { padding:0px 0px 0px 18px; font-size:1em;}
			html>body #sousmenu .li4 a.lien4 { }
			#sousmenu .li4 a.lien4:hover{ font-weight:bold; }
			#sousmenu a.encours4{ padding:0px 0px 0px 18px; font-size:1em; font-weight:bold;}
			html>body #sousmenu a.encours4{ }

	/* lien ajouter une sous rubrique */
	li.ajout1, li.ajout2, li.ajout3 { list-style-type:none; }
		li.ajout1 a, li.ajout2 a, li.ajout3 a{ display:block; text-decoration:none;}
		html>body li.ajout1 a, html>body li.ajout2 a, html>body li.ajout3 a{}
		li.ajout1 a:hover, li.ajout2 a:hover, li.ajout3 a:hover{}
		
		li.ajout1 a{ height:20px; margin:0px 25px 0px 0px; padding:3px 0px 0px 15px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 3px 6px no-repeat; font-size:1.1em; font-weight:bold; color:white; }
		html>body li.ajout1 a{}
		li.ajout1 a:hover{}
		
		li.ajout2 a{ height:18px; margin:0px 42px 0px 5px; padding:2px 0px 0px 32px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 20px 4px no-repeat; font-size:1.1em; font-weight:bold; color:white;}
		html>body li.ajout2 a{ min-height:18px; height:auto;}
		li.ajout2 a:hover{}
		
		li.ajout3 a{ height:18px; padding:2px 0px 0px 15px; margin:0px 0px 0px 32px; background:url(../cssimg/menu_gauche_ajouter2.gif) 5px 4px no-repeat; color:#F3A24E; font-size:1.1em;  }
		html>body li.ajout3 a{ min-height:18px; height:auto;}
		li.ajout3 a:hover{}
		

	
#panier{ margin:0px 0px 0px 15px; background:url(../cssimg/site/w_panier.jpg) 0px 0px no-repeat; height:123px; }
	#panier .titre{ padding:3px 0px 0px 45px; width:120px; height:20px; color:white; font-size:1.2em; font-weight:bold; }
		#panier .titre a{ display:block; }
	#panier .contenu{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:160px; color:#36312E; font-size:1.1em; font-weight:bold; text-align: right; }
	#panier .contenu a{ display:block; padding:0px 0px 40px 44px; width:115px; color:#36312E; text-decoration:none;}
	
#transport{ margin:0px 0px 0px 15px;}

#conversion{ margin:0px 0px 0px 15px;}
	
/* ================== newsletter ================== */
#newsletter{ margin:20px 2px 20px 5px; }
		#newsletter h3{ font-size:1.1em; color:#EE7900; }

	#corps-newsletter{ margin:5px 0px 0px 0px; }
		#corps-newsletter p{ font-size:1.1em; margin:0px 0px 4px 0px; }
		#corps-newsletter label { float:left; width:20%; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
		#corps-newsletter input { height:15px; width:70%; font-size:1.1em; line-height:15px; margin:0; padding:0; color:#707070; }
		
	#footer-newsletter { text-align:right; margin:0px 0px 0px 0px; }
		#footer-newsletter input{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer; }


/* ====================================================================== */
/* =============================== CENTRE =============================== */
/* ====================================================================== */
#centre{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y;  height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
html>body #centre{height:auto; min-height:350px;}

#centre-accueil{ background:white url(../cssimg/site/centre_accueil.jpg) 3px bottom no-repeat; height:371px; margin:0px 0px 0px 0px;}
html>body #centre-accueil{height:auto; min-height:371px;}

#centre-concept{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body #centre-concept{ height:auto; min-height:350px;}

#centre-news{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body #centre-news{ height:auto; min-height:350px; }

#centre-liens{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body #centre-liens{ height:auto; min-height:350px; }

#centre-galerie{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y;  height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body #centre-galerie{ height:auto; min-height:350px;}

#centre-faq{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body #centre-faq{ height:auto; min-height:350px;}

#centre-contact{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y;  height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body #centre-contact{ height:auto; min-height:350px;}

#centre-sitemap{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y;  height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body #centre-sitemap{ height:auto; min-height:350px;}

#centre-mentionslegales{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y;  height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body #centre-mentionslegales{ height:auto; min-height:350px;}


/* ================== gauche ================== */
#gauche{ float:left; width:218px; padding:0px 0px 110px 0px; margin:0; background:url(../cssimg/site/gauche_bg.jpg) 193px 0px no-repeat; }


/* =================== droit =================== */
#droit,#imgcentre{ float:right; width:180px;}
#droit p,#imgcentre p{}
#droit img,#imgcentre img{ width:180px; border:0; }


/* =================== main =================== */
#main{ margin:0px 0px 0px 218px; padding:0px 30px 20px 30px; z-index:1; }
#main h1.nom-page{margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; color:#FD7500; }

#main-accueil{ margin:0px 20px 0px 240px; padding:0px 0px 20px 0px; z-index:1; }
#main-accueil h1.nom-page{ margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; color:#FD7500; font-size:1.4em; border-bottom: 1px #2A2C2B solid;}
	#main-accueil h1.nom-page span{padding:0px 10px; position: relative; top:4px; background: white; }

#main-concept{ margin:0px 20px 0px 218px; padding:0px 0px 20px 0px; z-index:1; }
#main-concept h1.nom-page{ margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; color:#FD7500; font-size:1.4em; border-bottom: 1px #2A2C2B solid; }
	#main-concept h1.nom-page span{padding:0px 10px; position:relative; top:4px; background:white; }

#main-liens{ margin:0px 20px 0px 218px; padding:0px 0px 20px 0px; z-index:1; }
#main-liens h1.nom-page{margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; color:#FD7500; font-size:1.4em; border-bottom: 1px #2A2C2B solid;}
	#main-liens h1.nom-page span{padding:0px 10px; position: relative; left:0px; top:4px; background:white; }

#main-news{ margin:0px 20px 0px 0px; padding:0px 0px 20px 0px; z-index:1; display:block; float:left; width:640px; }
#main-news h1.nom-page{margin:0px 0px 35px 0px; padding:10px 0px 0px 0px; color:#FD7500; font-size:1.4em; border-bottom: 1px #2A2C2B solid;}
	#main-news h1.nom-page span{padding:0px 10px; position: relative; top:4px; background: white; }

#main-galerie{ margin:0px 20px 0px 218px;  padding:0px 0px 20px 0px; z-index:1; }
#main-galerie h1.nom-page{ margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; color:#FD7500; font-size:1.4em; border-bottom: 1px #2A2C2B solid;}
	#main-galerie h1.nom-page span{padding:0px 10px; position: relative; top:4px; background: white; }

#main-faq{ margin:0px 20px 0px 218px;  padding:0px 0px 20px 0px; z-index:1; }
#main-faq h1.nom-page{ margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; color:#FD7500; font-size:1.4em; border-bottom: 1px #2A2C2B solid;}
	#main-faq h1.nom-page span{padding:0px 10px; position: relative; top:4px; background: white; }

#main-contact{ margin:0px 20px 0px 218px; padding:0px 0px 20px 0px; z-index:1; }
#main-contact h1.nom-page{ margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; color:#FD7500; font-size:1.4em; border-bottom: 1px #2A2C2B solid;}
	#main-contact h1.nom-page span{padding:0px 10px; position: relative; top:4px; background: white; }

#main-sitemap{ margin:0px 20px 0px 218px;  padding:0px 0px 20px 0px; z-index:1; }
#main-sitemap h1.nom-page{ margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; color:#FD7500; font-size:1.4em; border-bottom: 1px #2A2C2B solid;}
	#main-sitemap h1.nom-page span{padding:0px 10px; position: relative; top:4px; background: white; }

#main-mentionslegales{ margin:0px 20px 0px 218px;  padding:0px 0px 20px 0px; z-index:1; }
#main-mentionslegales h1.nom-page{ margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; color:#FD7500; font-size:1.4em; border-bottom: 1px #2A2C2B solid;}
	#main-mentionslegales h1.nom-page span{padding:0px 10px; position: relative; top:4px; background: white; }


/* =================== fil ariane =================== */
#fil-ariane{ position:absolute; top:260px; right:30px; width:600px; height:20px; padding:2px 0px 0px 0px; color:#FF7300;}
	#fil-ariane .vous-ici{ text-align:right; font-size:1em; }
	#fil-ariane ul{ float:right; padding:0px 10px 0px 0px; }
	#fil-ariane li{ display:inline; list-style-type:none; font-weight:normal; font-size:1em; }
	#fil-ariane li a{ display:inline; padding:0px 9px 0px 2px; background:url(../cssimg/filariane-puce2.gif) right center no-repeat; font-weight:normal; color:#FF7300; text-decoration:none; }	
	#fil-ariane li a:hover{ text-decoration: underline;}
	
/* ====================================================================== */
/* ============================== FOOTER ================================ */
/* ====================================================================== */

#footer-accueil, #footer-concept, #footer-liens, #footer-news, #footer-galerie, #footer-faq, #footer-contact, #footer-fiche, #footer-sitemap, #footer-mentionslegales{ background:#DBDBDB url(../cssimg/site/footer_bg.gif) 39px 0px no-repeat; height:21px; clear:both; text-align:center; border:3px white solid; }
#footer-accueil p, #footer-concept p, #footer-liens p, #footer-news p, #footer-galerie p, #footer-faq p, #footer-contact p, #footer-fiche p, #footer-sitemap p, #footer-mentionslegales p{ text-align:center; padding:2px 0px 0px 0px; font-size:1.1em; color:#828282; }
#footer-accueil a, #footer-concept a, #footer-liens a, #footer-news a, #footer-galerie a, #footer-faq a, #footer-contact a, #footer-fiche a, #footer-sitemap a, #footer-mentionslegales a{ text-decoration:underline; color:#828282; }
#footer-accueil a:hover, #footer-concept a:hover, #footer-liens a:hover, #footer-news a:hover, #footer-galerie a:hover, #footer-faq a:hover, #footer-contact a:hover, #footer-fiche a:hover, #footer-sitemap a:hover, #footer-mentionslegales a:hover{ text-decoration:none;}
#footer-accueil img, #footer-concept img, #footer-liens img, #footer-news img, #footer-galerie img, #footer-faq img, #footer-contact img, #footer-fiche img, #footer-sitemap img, #footer-mentionslegales img { }

#footer-accueil{ background:#E4E5DF url(../cssimg/site/footer_accueil.jpg) 0px bottom no-repeat; border:3px white solid; border-top:0px;}



/* ====================================================================== */
/* ============================ ADMIN BARRE ============================= */
/* ====================================================================== */
#admin-container { position:absolute; top:0; left:0; width:100%; z-index:2; display:block; margin:0px; padding:0px; height:22px; text-align:right; background:#454545; color:white; border-bottom:2px black solid;
	filter:alpha(opacity=75); /* opacite pour FF */ 
	-moz-opacity:0.75; /* opacite pour FF */ 
	opacity: 0.75; /* opacite pour IE */}
html>body #admin-container {position:fixed; }

#admin { width:720px; margin:0 auto; padding:3px 0px 3px 0px; color:white; text-align:right; z-index:3; }
	#admin ul{float:right; }
		#admin li{ list-style-type:none; cursor: pointer; float:left; color:orange; font-size:1.1em; margin:0px 0px 0px 0px; padding:0px 5px 0px 5px; border-left:1px #E5E5E5 dashed;}
		#admin li a{color:white; text-decoration:none; }
		#admin li a:hover{background:#EE7900; }
		
		

/* ====================================================================== */
/* ============================ PAGE ACCUEIL ============================ */
/* ====================================================================== */
#texte-accueil{margin:0px 0px 30px 0px;}

#bloc1{ background: url(../cssimg/site/bloc1_acc.jpg) 0px 0px no-repeat; width:631px; height:149px;}

	#dutyfree{ margin:47px 0px 0px 12px; float:left; width:298px; height:66px; background:url(../cssimg/site/dutyfree_bg.jpg) 0px 0px no-repeat; }
		#dutyfree .titre { margin:14px 0px 0px 15px; font-size:1.5em; font-weight:bold; color:#B3191B;}
			#dutyfree .titre a { color:#B3191B; text-decoration:none; }
			#dutyfree .titre a:hover { text-decoration: underline; }
		#dutyfree .texte { margin:0px 0px 0px 15px; font-size:1em;}
		
	#acc_acces{margin:47px 0px 0px 12px; float:left; width:297px; height:66px; background:url(../cssimg/site/acc_acces.jpg) 0px 0px no-repeat; }
		#acc_acces .titre { margin:14px 0px 0px 73px; font-size:1.5em; font-weight:bold; color:#B3191B;}
			#acc_acces .titre a { color:#B3191B; text-decoration:none; }
			#acc_acces .titre a:hover { text-decoration:underline; }
		#acc_acces .texte { margin:0px 0px 0px 73px; font-size:1em;}



/* ====================================================================== */
/* ========================== PAGE TYPE TEXTE =========================== */
/* ====================================================================== */
/* === COL DE DROITE ===*/
#droite-concept{ float:right; width:214px; }


#addpict { }

	#corps-addpict { }
	#corps-addpict fieldset{ margin:0; padding:10 0; border:1px #707070 solid; }
	#corps-addpict legend{ font-size:1.2em; font-weight:bold; color:black;  }
	#corps-addpict p{ margin:0px 0px 3px 0px; padding:0;  }
	#corps-addpict label{ float:left; width:115px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
	#corps-addpict .typefile{ height:19px; width:230px; font-size:1.1em; margin:0; padding:0; color:#707070; }
	#corps-addpict .typetext{ height:15px; width:224px; font-size:1.1em; line-height:15px; margin:0; padding:0; color:#707070; }
	
	#footer-addpict { margin:4px 0px 0px 0px; }
	#footer-addpict p{text-align:right; }
	#footer-addpict input { background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; }
	
	input.sauvegarder { background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; font-weight:bold; }


#listeRub{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
	#listeRub li{ display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:1%;}
		#listeRub li a{ display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font-size:1.2em; color:#0077BE; background: url(../cssimg/site/rublist_puce.gif) 0px 3px no-repeat; }
			#listeRub li a:hover{}


/* ====================================================================== */
/* ========================== PAGE TYPE NEWS ============================ */
/* ====================================================================== */
/*-- barre admin de la page news --*/	
	#admin-page { margin:0px 0px 10px 0px; padding:0;}
	  #admin-page p{}
		#admin-page a { color:white; font-size:0.9em; font-weight:bold; text-decoration:none; text-align:center; margin:0px 7px 0px 0px; padding:2px 5px; }
		#admin-page a:hover { text-decoration:underline;}
		#admin-page .delete { background:#981400; }
		#admin-page .add { background:#F3A24E; }
		
/*-- barre admin d'une news --*/
	.lien-up{ margin:10px 0px 0px 0px; text-align: right; position:relative; top:15px; }
	.editeur_news { padding:0px 5px; background:#E9E9E9; font-size:1.1em; margin:0px 0px 0px 0px; }
		.editeur_news a { color:black; }
		.editeur_news a:hover {}
		
		.editeur_news b{ float:right;}
		.editeur_news .past{color:#666666;}
		.editeur_news .now{color: #009933;}
		.editeur_news .future{color:#990000;}
		
/*-- css des news vu internaute et BO --*/	
	/*-- sans image --*/	
	.news1 { margin:0px 0px 5px 5px; padding:10px 0px 15px 0px; border-bottom:1px #DDDDDD solid; display:block;  float:left; width:630px; }
		.news1 p {}
			.news1 .news-titre { margin:0px 5px 0px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.6em; color:#FF7400; }
			.news1 .date { margin:0px 0px 10px 30px; padding:0; text-align:left; font-size:1em; color:#A0A0A0; }
			.news1 .la-news { margin:0px 0px 0px 30px; padding:0; color:#2A2C2B; }
			.news1 .voirlien { margin:10px 0px 0px 30px; padding:0; color:#2A2C2B; font-size:1.1em;  }
				.news1 .voirlien a { color:#2A2C2B; text-decoration:none; font-size:1em;}
				.news1 .voirlien a:hover { text-decoration:underline;}
	/*-- avec image --*/	
	.news1-with-img { margin:0px 0px 5px 5px; padding:10px 0px 15px 0px; border-bottom:1px #DDDDDD solid; display:block; float:left; width:630px; }
		.news1-with-img p {}
			.news1-with-img .news-img { float:left; margin:0px 10px 0px 30px; padding:4px; border:1px #EDEDED solid; }/* voir aussi stylcss_ie5-6 pour marge */
			.news1-with-img .news-titre { margin:0px 5px 0px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.6em; color:#FF7400; }
			.news1-with-img .date { margin:0px 0px 10px 30px; padding:0; text-align:left; font-size:1em; color:#A0A0A0; }
			.news1-with-img .la-news { margin:0px 0px 0px 150px; padding:0; color:#2A2C2B; }
			.news1-with-img .voirlien { margin:10px 0px 0px 150px; padding:0; color:#2A2C2B; font-size:1.1em; }
				.news1-with-img .voirlien a { color:#2A2C2B; text-decoration:none; font-size:1em;}
				.news1-with-img .voirlien a:hover { text-decoration:underline;}

/*-- css du form d'édition d'une news dans le BO --*/	
	/* formulaire sans image */
	.form-news1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; }
		.form-news1 p {font-size:1.1em; margin:1px 0px 1px 0px; padding:0;}
			.form-news1 label { float:left; width:110px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-news1 input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-news1 .typedate { width:80px;}
			.form-news1 .typetitre { width:300px;}
			.form-news1 textarea { font-size:1.1em; width:300px; margin:0; padding:0; color:black;}
			.form-news1 .coche {margin:0px 0px 0px 118px; padding:0;}
			.form-news1 .save { text-align:center; margin:5px 0px 0px 0px; padding:0;}
				.form-news1 .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;}
	
	/* formulaire avec image */
	.form-news1-with-img { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; }
		.form-news1-with-img .news-img { float:left; margin:0px 5px 5px 0px; }
		.form-news1-with-img p {font-size:1.1em; margin:1px 0px 1px 110px; padding:0;}
			.form-news1-with-img label { float:left; width:90px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-news1-with-img input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-news1-with-img .typedate { width:80px;}
			.form-news1-with-img .typetitre { width:280px;}
			.form-news1-with-img textarea { font-size:1.1em; width:280px; margin:0; padding:0; color:black;}
			.form-news1-with-img .coche {margin:0px 0px 0px 118px; padding:0;}
			.form-news1-with-img .save { text-align:center; margin:5px 0px 0px 0px; padding:0;}
				.form-news1-with-img .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;}



/* ====================================================================== */
/* ========================== PAGE TYPE LIENS =========================== */
/* ====================================================================== */
/*-- barre admin de la page liens - VOIR PLUS HAUT --*/

/*-- barre admin d'un lien -- - VOIR PLUS HAUT --*/

/*-- css d'un lien vu internaute et BO --*/
	/*-- lien sans image --*/	
	.linklien1{ margin:0px 10px 0px 10px; padding:5px; border-bottom:1px #DDDDDD solid; width:600px; display:block; float:left;}
		.linklien1 .lien-titre{ font-weight:bold; margin:0px 0px 0px 0px; color:#FF7400; font-size:1.4em;}
		.linklien1 .lien-texte{ margin:3px 0px 3px 0px; color:#2A2C2B; font-size:1.2em; text-align:left;}
		.linklien1 .lien-link{ margin:0px 0px 5px 0px; font-size:1.2em;}	
			.linklien1 .lien-link a{ color:black; text-decoration:underline;}
			.linklien1 .lien-link a:hover{ text-decoration:none;}
	/*-- lien avec image --*/	
	.linklien1-with-img{ margin:0px 10px 0px 10px; padding:5px; border-bottom:1px #DDDDDD solid; width:600px; display:block;  float:left;}
		.linklien1-with-img .lien-img{ margin:3px 0px 3px 0px; padding:4px; border:1px #EDEDED solid; width:100px; float:left;}
		.linklien1-with-img .lien-titre{ font-weight:bold; margin:0px 0px 0px 120px; color:#FF7400; font-size:1.4em;}
		.linklien1-with-img .lien-texte{ margin:0px 0px 0px 120px; color:#2A2C2B; font-size:1.2em;}
		.linklien1-with-img .lien-link{ margin:0px 0px 5px 120px; font-size:1.2em;}	
			.linklien1-with-img .lien-link a{ color:black; text-decoration:underline;}
			.linklien1-with-img .lien-link a:hover{ text-decoration:none;}

/*-- css du form d'édition d'un lien dans le BO --*/	
	/*-- formulaire lien sans image --*/
	.form-lien1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; }
		.form-lien1 p {font-size:1.1em; margin:1px 0px; padding:0;}
			.form-lien1 label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-lien1 input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-lien1 .typetitre { width:300px;}
			.form-lien1 textarea { font-size:1.1em; width:300px; margin:0; padding:0; color:black;}				
			.form-lien1 .save { text-align:center; margin:5px 0px 0px 0px; padding:0;}
				.form-lien1 .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;}
	/*-- formulaire lien avec image --*/
	.form-lien1-with-img { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; }
		.form-lien1-with-img .lien-img { float:left; margin:0px 5px 5px 0px; }
		.form-lien1-with-img p {font-size:1.1em; margin:1px 0px; padding:0;}
			.form-lien1-with-img label { float:left; width:90px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-lien1-with-img input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-lien1-with-img .typetitre { width:280px;}
			.form-lien1-with-img textarea { font-size:1.1em; width:280px; margin:0; padding:0; color:black;}				
			.form-lien1-with-img .save { text-align:center; margin:5px 0px 0px 0px; padding:0;}
				.form-lien1-with-img .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;}



/* ====================================================================== */
/* =========================== PAGE TYPE FAQ ============================ */
/* ====================================================================== */

/*-- barre admin de la page FAQ - VOIR PLUS HAUT --*/

/*-- barre admin d'un faq --*/	
h2.nomtheme-admin { font-size:1.4em; font-weight:bold;}

/*-- css d'une faq vu internaute et BO --*/
	#questionfaq{ margin:0px 0px 20px 0px;}
		#questionstheme { margin:10px 0px 0px 0px; background:#EEEEEE; padding:5px; }
			#questionstheme h2.nomtheme{ font-size:1.6em; font-weight:bold; color:#2A2C2B;}
			#questionstheme p{}
				#questionstheme p a{ margin:0px 0px 0px 10px; color:#FF7400;}
				#questionstheme p a:hober{}
			
	.reponsefaq{ background:#F7F7F7; padding:5px; margin:0px 0px 10px 0px; color:#2A2C2B; }
		.reponsefaq h4{ font-size:1.2em; font-weight:bold; }
		.reponsefaq p{}
	
	.faq1{background:#F7F7F7; margin:0px 0px 20px 0px; padding:5px; }

/*-- css du form d'édition d'une faq dans le BO --*/	
	.form-faq1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; }
		.form-faq1 p {font-size:1.1em; margin:1px 0px; padding:0;}
			.form-faq1 label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-faq1 .creer { text-align:right; margin:3px 5px 0px 20px; padding:0; color:#707070; }
			.form-faq1 input, .form-faq1 select { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-faq1 .typetitre { width:300px;}
			.form-faq1 .typecreer { width:129px;}
				
			.form-faq1 textarea {font-size:1.1em; width:300px; margin:0; padding:0; color:black;}
				
			.form-faq1 .save { text-align:center; margin:5px 0px 0px 0px; padding:0;}
			.form-faq1 .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;}



/* ====================================================================== */
/* ========================= PAGE TYPE GALERIE ========================== */
/* ====================================================================== */
/* === COL DE DROITE ===*/
#droite-galerie{ float:right; width:214px; }


/*-- barre admin de la page galerie - VOIR PLUS HAUT --*/

/*-- css d'une galerie dans visiteur et BO --*/
#imagegalerie {}
		.thumbnail{width:150px; float:left; margin:0px 15px 15px 0px; text-align:center; position:relative; background:white;}
		.thumbnail .contour-admin{ padding:10px; border:1px solid #999; background:#FFFFFF; }
		.thumbnail a.lien-img-gallery{ text-decoration:none; background:#FFFFFF; display:block; padding:10px; border:1px solid #999;}
		.thumbnail a.lien-img-gallery:hover{ background:#E5E5E5;}
		.thumbnail img{ margin:0; padding:0; border:0;}
			.thumbnail .galerieimg { }
			.thumbnail .bt-supimg{ position:absolute; top:15px; right:15px;}
		.thumbnail .caption{ font-size:1.1em; color:#707070; height:42px; display:block;}
		html>body .thumbnail .caption{ min-height:42px; height:auto;}
		.thumbnail .imginput{ width:98%; font-size:1em; text-align:center; color:#707070; height:16px; margin:0; padding:0; }

/*-- css du form d'ajout d'une image dans le BO --*/	
	.form-gallery { background:#F7F7F7; padding:5px 0px; margin:0px 0px 10px 0px; }
		.form-gallery p {font-size:1.1em; margin:1px 0px; padding:0;}
			.form-gallery label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-gallery input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-gallery .legend { width:134px; font-size:1.1em;}
			.form-gallery .typefile{ width:230px; height:19px; margin:0; padding:0; }
				
			.form-gallery .save { text-align:center; margin:5px 0px 0px 0px; padding:0;}
			.form-gallery .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;}



/* ====================================================================== */
/* ========================== PAGE TYPE CONTACT ========================= */
/* ====================================================================== */
/* === COL DE DROITE ===*/
#droite-contact{ float:right; width:214px; }


/*-- css d'une galerie dans visiteur et BO --*/
#adressecompany{ float:right; background:#F3F3F3; width:200px; height:175px; padding:10px; }
html>body #adressecompany{ min-height:175px; height:auto;}
	#adressecompany p{ margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; }

#formulaires{}
	#coordonnees{}
		#coordonnees fieldset{ border:0; margin:0; padding:0;}
		#coordonnees legend{ display:none; }
		#coordonnees p{font-size:1.1em; margin:1px 0px; padding:0;}
		#coordonnees label{ float:left; width:80px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070;}
		#coordonnees input, #coordonnees input.normal{  width:160px; margin:0; padding:0; color:black;}
		#coordonnees input.focus{ background:#F3F3F3; border:1px #7F9DB9 solid; padding:1px;}
	
	#message{ margin:20px 0px 0px 0px;}
		#message fieldset{ border:0; margin:0; padding:0;}
		#message legend{ display:none; }
		#message p{font-size:1.1em; margin:1px 0px; padding:0;}
		#message label{ float:left; width:70px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070;}
		#message input, #message input.normal{ width:280px; margin:0; padding:0; color:black;}
			#message input.focus{ background:#F3F3F3; border:1px #7F9DB9 solid; padding:1px;}
		#message textarea, #message textarea.normal{ font-size:1.1em; width:320px; margin:0; padding:0; color:black;}
			#message textarea.focus{ background:#F3F3F3; border:1px #7F9DB9 solid;}
			html>body #message textarea.focus{ padding:1px;}
		
	#bt-formulaires { margin:10px 0px 20px 120px; width:220px; }
		#bt-formulaires .obligatory{ font-size:1.1em; font-style: italic;}
		#bt-formulaires input.annuler{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer; }
		#bt-formulaires input.send{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;}

.destinateur{ padding:0px 0px 10px 0px; margin:0px 0px 25px 0px; border-bottom:1px #333333 solid;}
	.destinateur label{margin:0; padding:0; color:#707070;}
	.destinateur .adminmail{ width:470px;}
	.destinateur .explication{ font-size:1.1em; font-style:italic; color:#707070;}
	.destinateur .save{ margin:10px 0px 10px 0px; background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;}
	
/* ====================================================================== */
/* ============================ PAGE SITEMAP ============================ */
/* ====================================================================== */
/* === COL DE DROITE ===*/
#droite-sitemap{ float:right; width:214px; }


#sitemap {}
	
	#listsitemap {}
	#listsitemap dt,#listsitemap dd,#listsitemap li{ list-style-type:none; }
	
	#listsitemap dt a,#listsitemap dd a,#listsitemap li a{ text-decoration:none; color:black; display:block; height:17px; }
	html>body #listsitemap dt a, html>body #listsitemap dd a, html>body #listsitemap li a{ min-height:17px; height:auto;}
	#listsitemap dt a:hover,#listsitemap dd a:hover,#listsitemap li a:hover{ text-decoration:underline; color:black; }
	
	#listsitemap h2 {font-size:1.8em; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; }
	#listsitemap h2 a{color:#FF7300; text-decoration:none;}
	#listsitemap h2 a:hover{}
	
	#listsitemap dt a{font-size:1.3em; padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; font-weight:bold; }
	#listsitemap dt a:hover{}
	
	#listsitemap dd {}
	#listsitemap dd a{font-size:1.2em; padding:0px 0px 0px 40px; margin:0; }
	#listsitemap dd a:hover{}
	
	#listsitemap li a{font-size:1.1em; padding:0px 0px 0px 60px; margin:0; }
	#listsitemap li a:hover{}
	
	#map-rubriques{margin:20px 20px 20px 20px 20px; padding:0;}

	
/* ====================================================================== */
/* ============================   ZONE META  ============================ */
/* ====================================================================== */
#meta{margin:0px 0px 10px 0px;}
	#meta legend{font-size:1.2em;}
	#meta p{margin:2px 0px 0px 0px;}
	#meta label{ display:block; float:left; width:100px;}
	#meta input.champs{ width:450px;}
	
	
/* ================== STYLE D'ANGE ================== */
.imgcentre{float:right;}


