*
 {margin: 0; padding: 0; border: 0;}
		
body
 {
	background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	padding-bottom: 12px;
	background-image: url(../images/degrad_arplan.gif);
	background-repeat: repeat-x;
	background-position: top;
}
		
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear{ clear:both;}


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

h2
 {
	font-size:1.1em;
	color:#215a81;
	clear:both;
	background-color:#ffb400;
	float:left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 60px;
	font-weight: bold;
	text-decoration: none;
}

h3
 {font-size:1em; color:#FFB400; 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/puce_bleu.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}

	#sloganbandeau{ position:absolute; width:955px;}
  #sloganbandeau h1{ font-size:18px; color:#FFFFFF; background:none; float: none;
	padding:35px 10px 0px 0px;	margin:0px; line-height:normal; text-align:right;} 

	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:#245c82; 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-image:url(images/drapeau_eng.gif); 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#menuGeneral
	 {
	height:30px;
	padding-top:10px;
	background-image:url(../images/menu_fondjaune.gif);
	background-repeat:no-repeat;
	text-align:center;
	z-index:800;
	background-color: #2d8bce;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
	
	div#fondPage
	 {background-color:#246fa5; z-index:0;}
	
		div#fondPage a
		 {}
		
		div#navigation
		 {
	color: #246fa5;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 18px;
}
	
		div#page
		 {
	background-color:#E6F0F9;
	padding-bottom:40px;
	font-size:1.2em;
	color: #333333;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 26px;
	margin-left: 15px;
}

	
	div#menuPied
	 {background-color:#b2b2b2; height:30px; margin-bottom:4px; font-size:1.1em; margin: 5px 0 30px 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:280px;
	margin-top: 21px;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 10;
}

	div#colone_droite div#encart
	 {
	color: #333333;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
	
		div#colone_droite div#encart p
		 {margin:0 0 15px 0}
	
	div#colone_droite div#encartimg img
	 {
	margin-bottom:12px;
	margin-top: 12px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

div#colone_gauche
 {
	overflow: auto;
	margin-right: 10px;
}
	
	div#colone_gauche .accroche
	 {margin:0 0 16px 59px; font-weight:bold; line-height:15px; clear:both}
	
	div#colone_gauche .photoGenerale
	 {display:block; position:relative; float:left; margin:0 10px 4px 0}
	
	div#colone_gauche .wysiwyg
	 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 60px;
}
		
		div#colone_gauche .wysiwyg p
		 {margin:0 0 15px 0}
		
		div#colone_gauche .wysiwyg ul
		 {margin: 6px 0 19px 0;}
		
		div#colone_gauche table#produits
		 {
	text-align:center;
	font-size:0.8em;
	margin-top: 5;
	margin-bottom: 10px;
	margin-left: 60px;
	margin-right: 5px;
}
		
			div#colone_gauche table#produits th
			 {
	background-color:#215a81;
	color:#FFFFFF;
	font-weight:bold;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
}
			
			div#colone_gauche table#produits tbody th
			 {color:#FFFFFF; font-weight:normal; width:110px}
			
			div#colone_gauche table#produits td
			 {background-color:#7fb27f; color:#000000}
			
			div#colone_gauche table#produits tbody th, div#page table#produits td
			 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	background-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
}

	div#colone_gauche a.lienExterne
	 {display:block; position:relative; clear:both; float:left; padding:1px 6px 2px 16px; margin:2px 0 2px 56px; background-repeat:no-repeat; background-position: 4px 5px;}
	
		div#colone_gauche a.lienExterne
		 {
	text-decoration: none;
	padding-left: 60px;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
}
						
						
/*#######################################################################################*/
/*------------------- 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:#ffb400; margin-bottom:2px}
		
		div#liste a.liste_gauche span.accroche, div#liste a.liste_droite span.accroche
		 {display:block; position:relative; color:#333333; 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}
	 
.floatl{
float:left;margin-right:5px;}


/*#######################################################################################*/
/*------------------- 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:#2d8bce; 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:#ffb400;
	color:#246fa5;
	text-align:center;
	font-size:10px;
	margin-top:7px;
	font-weight: bold;
}
	
	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:#ffb400; 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:#999999}
		
		div#recherchePage a.recherche span.titre
		 {display:block; position:relative; font-weight:bold; color:#333333; margin-bottom:2px}
		
		div#recherchePage a.recherche span.accroche
		 {display:block; position:relative; color:#666666; 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
	 {
	padding-bottom:4px;
	text-align:center;
	margin-bottom:20px;
	color: #333333;
	font-size:1.2em;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffb400;
}

	div#galerie div.cadre_photo
	 {display:block; position:relative; float:left; width:130px; height:200px; margin: 3px 17px 3px 17px; color:#246FA5; text-align:center}
		
			div#galerie div.cadre_photo a
			 {display:block; position:relative; background-color:#246FA5; 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 #ffb400;
	padding:5px 12px 0 0;
	color: #ffb400;
	text-align:right;
	font-weight: bold;
}
		div#galerie a#retourProduit:hover
		 {
	color: #ffb400;
	font-weight: bold;
}


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

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

	div#newsletter div#texteIntro p, div#contact div#texteIntro p
	 {
	padding-bottom:4px;
	margin-bottom:20px;
	color: #333333;
	font-size:1.1em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFB400;
}

	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:#FFDD8C;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB400;
	border-bottom-color: #FFB400;
}
			
			form#formGeneral .bouton
			 {
	cursor:pointer;
	width:80px;
	height:19px;
	background-color:#ffb400;
	color:#246fa5;
	text-align:center;
	font-size:11px;
	font-weight: bold;
}
			
			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;
	padding:5px 12px 0 0;
	color: #FFB400;
	text-align:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFB400;
}
		div#newsletter a#texteFin:hover, div#contact a#texteFin:hover
		 {
	color: #FFB400;
	font-weight: bold;
}


/*#######################################################################################*/
/*------------------- 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:#FFFFFF; height:334px}

	div#accueil div#news
	 {position:absolute; width:203px; height:334px; top:0; left:0; background-image:url(../images/accueil_fon_produits.gif); background-repeat:no-repeat; z-index:300}
	 
	 div#accueil div#news a:hover{ text-decoration:none;}
	
		div#accueil div#news div.titre
		 {
	color:#ffb400;
	font-weight:bold;
	font-size:1.1em;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 17px;
}
#accueil #news .imag {
	margin-right: 10px;
	margin-left: 17px;
	margin-top: 2px;
	margin-bottom: 2px;
}

		
		div#accueil div#news div.description
		 {
	color:#ffffff;
	font-size:1em;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 17px;
}

		div#accueil div#actuColG div.titre
		 {
	color:#215a81;
	font-weight:bold;
	font-size:1.1em;
}
		
		
		
		div#accueil div#actuColG div.description
		 {
	color:#333333;
	font-size:1em;
}
		div#accueil div#actuColD div.titre
		 {
	color:#215a81;
	font-weight:bold;
	font-size:1.1em;	
}
	div#accueil div#actuColD div.titre a:hover{ text-decoration:none;}
		
		div#accueil div#actuColD div.description
		 {
	color:#333333;
	font-size:1em;	
}

	div#accueil div#actuColD div.description a:hover{ text-decoration:none;}
	
	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:334;
	top:0;
	right:0;
	background-color:#FFFFFF;
	z-index:50;
	background-image: url(../images/accueil_fon_actu.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: scroll;
	overflow: auto;
}
	
	 div#accueil div#droite a:hover{ text-decoration:none;}
	
	div#accueil div#droite object, div#accueil div#droite embed
	{display:block; position:relative; margin:4px 0 0 4px; z-index:400}
		 
#actuColG {
	height: 250px;
	width: 250px;
	margin-top: 55px;
	margin-left: 30px;
	text-align: justify;
}

#actuColD {
	height: 250px;
	width: 430px;
	margin-top: 55px;
	float: right;
	text-align: justify;
	padding-right: 10px;
}
.floatL {
	float: left;
}
.imgactuD {
	float: left;
	margin-right: 5px;
}


#colonneGenerale #accueil #droite div.produit {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
	float:left;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ffb400;
	background-image: url(../images/puce_jaune.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	padding-right: 35px;

}


#colonneGenerale #accueil #news div.produit {
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #246fa5;
	background-image: url(../images/puce_jaune.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
}
#colonneGenerale #fondPage #navigation a, a:visited {
	color: #246FA5;
	font-weight: bold;
}
#colonneGenerale #fondPage #navigation a:hover {
	color: #2d8bce;
	font-weight: bold;
	text-decoration: underline;
}
#colonneGenerale #fondPage #page #colone_droite #encarth {
	background-image: url(../images/encartfoto/encartphoto_01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 24px;
	width: 275px;
}
#colonneGenerale #fondPage #page #colone_droite #encartm {
	background-image: url(../images/encartfoto/encartphoto_02.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 245px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
}
#colonneGenerale #fondPage #page #colone_droite #encartm img {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#colonneGenerale #fondPage #page #colone_droite #encartb {
	background-image: url(../images/encartfoto/encartphoto_03.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 24px;
	width: 275px;
}
#colonneGenerale #fondPage #page #colone_droite #encartimg {
	width: 215px;
	padding-right: 30px;
	padding-left: 30px;
}