body{
	margin:0;
	padding:0;
	background:#006a33;
	color:#848484;
	font-size:12px;
	font-family:"Trebuchet MS";
}

.clear{
	clear:both;
	height:0px
}

img{
	border:0;
}

#global{
	width:977px;
	margin:50px auto 0 auto;
	border-top:5px solid #fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	background:url(images/fond.jpg) no-repeat top left #fbfbf5;
	position:relative;
}

.vert{
	color:#007336;
}

.rouge{
	color:#a60722;
}

#contenu{
	padding:0 0 0 0;
	background:url(images/feuille_bas_page.png) no-repeat bottom left;
}

.clearEntete{
	margin:210px 0 0 0;
}

#contenu2{
	background:url(images/fond_transparent2.png) repeat-y top left;
	width:952px;
	/*height:300px;*/
	margin:auto;
	behavior: url('iepngfix.htc');
}

/**************************	ENTETE ACCUEIL	********************/

#enteteAccueil{
	position:absolute;
	top:-30px;
}

#logoAccueil{
	padding:0 0 0 10px;
	float:left;
	width:667px;
}

#logoAccueil img, #logoAccueil p{
	float:left;
}

#logoAccueil img{
	behavior: url('iepngfix.htc');
	width:152px;
	height:149px;
}

#logoAccueil p{
	margin:75px 0 0 0;
	color:#25312d;
	font-size:25px;
	padding:0;
}

#hautDroite{
	float:right;
	width:300px;
}

#version{
	color:#fff;
	padding:0 10px 0 170px;
	visibility:hidden;
}

#version img, #version label{
	float:left;
	margin:0 2px 0 2px;
	display:inline;
}

#blog{
	margin:15px 0 0 0;
	float:right;
}

#blog a{
	background:url(images/fond_blog.png) no-repeat top left;
	width:80px;
	height:37px;
	display:block;
	padding:25px 0 0 52px;
	color:#fff;
	text-decoration:none;
	behavior: url('iepngfix.htc');
}

#contact{
	margin:23px 0 0 0;
	float:right;
}

#contact a{
	background:url(images/fond_contact.png) no-repeat top left;
	width:80px;
	height:28px;
	display:block;
	padding:18px 0 0 60px;
	color:#fff;
	text-decoration:none;
	behavior: url('iepngfix.htc');
}

/**************************	ENTETE ACCUEIL	********************/

/**************************	PAGE ACCUEIL	********************/

#accueil{
	margin:123px 0 0 0;
}

#gauche{
	float:left;
	padding:20px 0 0 14px;
	width:480px;
}

#droite{
	float:left;
	background:url(images/jean_louis_anxoine.jpg) no-repeat 18px top;
	width:464px;
}

#descriptionFormation{
	background:url(images/fond_transparent.png) repeat top left;
	width:462px;
	border:1px solid #dedfda;
	margin:0 0 10px 0;
	font-size:13px;
	position:relative;
	behavior: url('iepngfix.htc');
}

#btnRenseignement{
	position:absolute;
	top:85px;
	left:280px;
}

#descriptionFormation h1{
	color:#007336;
	font-size:28px;
	margin:0;
	padding:16px 0 0 17px;
	background:url(images/fleur.png) no-repeat top right;
}

#descriptionFormation h1 span{
	font-size:14px;
}

#descriptionFormation ul{
	list-style:none;
	margin:0;
	padding:8px 30px 8px 17px;
	float:left;
}

.separation{
	clear:both;
	height:1px;
	border-top:1px solid #d3d3d1;
	width:410px;
	margin:0 0 5px 17px;
}

#descriptionFormation p{
	margin:0;
	padding:0 0 0 17px;
}

#descriptionFormation a:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#descriptionFormation ul li{
	background:url(images/puce_menu.gif) no-repeat left 7px;
	padding:0 0 0 7px;
}

#descriptionFormation ul li a{
	text-decoration:none;
	color:#848484;
}

#ecole{
	background:url(images/fond_ecole.gif) no-repeat top left;
	width:249px;
	height:150px;
	float:left;
	padding:0 0 0 5px;
	margin:0 15px 0 0;
}

#tendance{
	background:url(images/fond_tendance.gif) no-repeat top left;
	width:197px;
	height:150px;
	float:left;
	text-align:center;
	padding:8px 0 0 0;
}

#tendance a:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#ecole h3{
	margin:5px 0 5px 0;
	padding:0 0 0 20px;
	color:#22312c;
	background:url(images/carre_jaune.gif) no-repeat center left;
	font-size:13px;
}

#ecole h3 a{
	text-decoration:none;
	color:#22312c;
}

#ecole p{
	background:#f3f3f3;
	width:221px;
	margin:0;
	padding:7px;
}

#ecole p a{
	color:#ab5c41;
	text-decoration:none;
}

#tendance p{
	margin:0;
	padding:9px 0 0 0;
	color:#6d0d77;
	font-size:13px;
}

#accesBoutique{
	background:url(images/entree_boutique.png) no-repeat top left;
	width:452px;
	height:226px;
	behavior: url('iepngfix.htc');
}

#accesBoutique label{
	display:block;
	color:#fff;
	margin:0 0 0 90px;
	padding:5px 0 0 0;
	font-size:16px;
}

#accesBoutique label span{
	font-size:24px;
}

#btnEntre{
	margin:25px 0 0 100px;
}

#accesBoutique a:hover #btnEntre{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#actualite{
	margin:347px 0 0 0;
	background:url(images/fond_actualite.png) no-repeat top left;
	width:471px;
	height:388px;
	behavior: url('iepngfix.htc');
}

#actualite h2{
	text-align:right;
	color:#007336;
	font-size:24px;
	font-weight:normal;
	margin:0;
	padding:5px 50px 0 0;
}

#actualite label{
	display:block;
	text-align:right;
	color:#007336;
	font-size:18px;
	padding:0 50px 5px 0;
}

#titreActualite{
	float:left;
	padding:40px 20px 0 15px;
}

#listeActu{
	float:left;
	width:380px;
}
#actualite .actu{
	/*float:left;*/
	width:380px;
}

#actualite .actu label{
	display:block;
	text-align:left;
	color:#6c752c;
	font-size:13px;
	padding:0;
	text-transform:uppercase;
}

#actualite .actu p{
	margin:0;
	padding:0;
}

#actualite .actu a{
	color:#ab5c41;
	text-decoration:none;
}

/**************************	PAGE ACCUEIL	********************/

/**************************	ENTETE	****************************/

#entete{
	position:absolute;
	top:-30px;
}

#logo{
	padding:0 0 0 120px;
	float:left;
	width:557px;
}

#logo img, #logo p{
	float:left;
}

#logo img{
	behavior: url('iepngfix.htc');
	width:152px;
	height:149px;
}

#logo h2{
	margin:75px 0 0 0;
	color:#25312d;
	font-size:25px;
	padding:0;
	font-weight:normal;
}

#tendanceEntete{
	margin:35px 0 0 140px;
}

/**************************	ENTETE	****************************/

/*************************	MENU	****************************/

#menu{
	height:40px;
	border-bottom:1px solid #25302c;
	width:900px;
	margin:auto;
}

#menu ul{
	list-style:none;
	margin:0 0 0 0;
	padding:16px 0 0 0;
}

#menu ul li{
	float:left;
	font-size:17px;
	width:180px;
}

#menu ul li.premierMenu a{
	font-size:11px;
	background:url(images/puce_menu_accueil.png) no-repeat left 9px;
	width:150px;
	padding:5px 0 0 10px;
}

#menu ul li a{
	color:#22332d;
	text-decoration:none;
	display:block;
	background:url(images/carre_jaune.gif) no-repeat left 5px;
	padding:0 0 5px 20px;
	/*background:red;*/
	height:20px;
}

#menu ul li a:hover, #menu ul li a.actif{
	color:#006a33;
}

#menu ul li.actif a{
	color:#006a33;
}

/* sous menu */
ul#menuHaut ul.sousMenu, ul#menuHaut ul.sousMenuVisible{
	background: #fff;
	display: none;
	float: none;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	width: 300px;
	z-index:49;
	border-left:1px solid #31413b;
	border-bottom:1px solid #31413b;
	border-right:1px solid #31413b;
}

ul#menuHaut ul.sousMenuVisible{
	display: block;
}

ul#menuHaut ul.sousMenuVisible li{
	float: none;
	background:none;
	padding:0;
	width:300px;
}

ul#menuHaut ul.sousMenuVisible a{
	color: #22332d;
	display: block;
	height: auto;
	text-align: left;
	text-transform: none;
	/*width: 178px;*/
	background:none;
	font-size:13px;
}

ul#menuHaut ul.sousMenuVisible a:hover{
	border-bottom:0;
	color:#bf5d3c;
	background:url(images/puce_sous_menu.gif) no-repeat 10px 9px;
	text-decoration:underline;
}

ul#menuHaut li ul li a{
	padding:3px 0 3px 20px;
	margin:0;
}

ul#menuHaut li a.lienMenuActif{
	/*background:#d2d2d2;*/
	color:#006a33;
}

/* sous menu */

/*************************	MENU	****************************/

/**************************	PAGE	****************************/

#page{
	float:left;
	/*height:100px;*/
	width:573px;
	padding:40px 30px 0 25px;
	color:#22332d;
	font-size:13px;
}

#page h2{
	background:url(images/fond_titre.gif) no-repeat center left;
	margin:0 0 15px 0 ;
	padding:0 0 0 15px;
	color:#bf5d3c;
	font-size:16px;
}

#page h3{
	margin:0;
	padding:0 0 0 0;
	color:#bf5d3c;
	font-size:13px;
}

#page ul{
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 15px;
}

#page ul li{
	background:url(images/puce_liste.gif) no-repeat left 7px;
	padding:0 0 0 10px;
}

.rouge{
	color:#bf5d3c;
}

#bandeauDroite{
	float:left;
}

#page .tableauBlanc{
	background:#fff;
	border:1px solid #c6c6c6;
	padding:15px 0 5px 35px;
	margin:0 0 15px 0;
}

#page .tableauBlanc h3{
	background:url(images/carre_rouge.gif) no-repeat left 7px;
	margin:0;
	padding:0 0 0 20px;
	color:#a60722;
	font-size:16px;
}

/**************************	PAGE	****************************/

/*************************	BOUTIQUE	*************************/

#boutique{
	padding:0 0 0 25px;
}

#boutique p.laBoutique{
	color:#bf5d3c;
	font-size:24px;
	margin:0 0 12px 0;
	padding:43px 0 0 0;
	font-weight:normal;
	float:left;
}

#boutique p.laBoutique span{
	font-size:14px;
}

#choixCategorie{
	background:#fff;
	border:1px solid #e5e5e5;
	min-height:240px;
	_height:240px;
	margin:0 0 60px 0;
	position:relative;
}

#choixCategorie h3{
	font-size:18px;
	font-weight:normal;
	color:#718f2c;
	background:url(images/titre_choix_cat.gif) no-repeat top left;
	height:31px;
	padding:5px 0 0 45px;
	margin:20px 0 25px 13px;
	text-transform:uppercase;
}

#choixCategorie .categorie{
	text-align:center;
	width:89px;
	float:left;
	margin:0 18px 0 18px;
	display:inline;
}

#choixCategorie .categorie a{
	width:89px;
	padding:10px 0;
	display:block;
	text-decoration:none;
	color:#24352f;
}

#choixCategorie .categorie a:hover{
	/*background:#f5f5f5;*/
	width:89px;
	display:block;
	color:#718f2c;
}

#choixCategorie .categorie img{
	margin:0 0 5px 0;
	behavior: url('iepngfix.htc');
}

#monPanier{
	background:url(images/fond_panier.png) no-repeat top left;
	width:243px;
	height:142px;
	position:absolute;
	top:-100px;
	left:560px;
	behavior: url('iepngfix.htc');
	padding:17px 0 0 110px;
}

#monPanier label{
	color:#fff;
	font-size:14px;
}

#monPanier p{
	margin:0;
	padding:5px 0 0 0;
	width:130px;
}

#monPanier a{
	text-decoration:none;
	color:#bf5d3c;
	font-size:10px;
}

#monPanier a:hover{
	text-decoration:underline;
}

#monPanier p span{
	color:#bf5d3c;
}

#catalogue{
	background:url(images/catalogue.gif) no-repeat top left;
	width:191px;
	height:63px;
	float:left;
	margin:20px 0 0 100px;
	font-size:13px;
	padding:23px 0 0 5px;
}

#catalogue a{
	color:#21322c;
	text-decoration:none;
}

#catalogue a:hover{
	text-decoration:underline;
}

/*************************	BOUTIQUE	*************************/

/*************************	LISTE PRODUITS	********************/

#retourBoutique{
	float:left;
	margin:50px 0 0 150px;
	display:inline;
	padding:0 0 0 35px;
	background:url(images/btn_retour.gif) no-repeat top left;
}

#retourBoutique a{
	text-decoration:none;
	color:#718f2c;
	font-size:11px;
}
#listeProduits{
	margin:0 0 0 50px;
}

#listeProduits .listeProduit{
	float:left;
	background:#fdfdfd;
	width:259px;
	border:1px solid #e4e4e4;
	min-height:284px;
	_height:284px;
	margin:0 3px 15px 3px;
	display:inline;
	padding:5px 0 0 0;
}

.vignetteProduit{
	width:156px;
	height:156px;
	margin:0 auto 10px auto;
	text-align:center;
}

#listeProduits .listeProduit h4{
	font-size:12px;
	color:#283732;
	font-weight:normal;
	margin:0;
	padding:0 10px 0 20px;
}

#listeProduits .descriptionFiche{
	height:70px;
	/*background:red;*/
}

#listeProduits .listeProduit p{
	color:#959796;
	margin:0;
	padding:0 10px 0 20px;
}

#listeProduits .listeProduit a{
	color:#283732;
	text-decoration:none;
	padding:0 0 0 20px;
}

#listeProduits .vignetteProduit a{
	padding:0;
}

#listeProduits .vignetteProduit img{
	padding:0;
	margin:0;
}

span.prixListe{
	font-size:24px;
	font-weight:bold;
	color:#bf5d3c;
	float:left;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
}

#listeProduits .listeProduit a.ajoutPanierListe{
	float:right;
	background:url(images/vignette_panier.gif) no-repeat top left;
	padding:10px 10px 0 32px;
	display:block;
	height:24px;
	font-weight:bold;
	color:#bf5d3c;
}

.fondGris{
	background:#f2f2f2;
	border-top:1px solid #e4e4e4;
	height:11px;
}

/*************************	LISTE PRODUITS	********************/

/*************************	FICHE PRODUITS	********************/

#ficheProduit{
	width:795px;
	border:1px solid #e4e4e4;
	margin:0 0 30px 50px;
}

#visuelFiche{
	width:310px;
	height:310px;
	text-align:center;
	border-right:1px solid #e4e4e4;
	float:left;
}

#detailFiche{
	float:left;
	width:400px;
	padding:0 60px 0 20px;
	font-size:13px;
}

#detailFiche h4{
	font-size:18px;
	color:#283732;
	margin:0;
	padding:20px 0 0 0;
}

#detailFiche a.ajoutPanierListe{
	float:right;
	background:url(images/vignette_panier.gif) no-repeat top left;
	padding:10px 10px 0 32px;
	display:block;
	height:24px;
	font-weight:bold;
	color:#bf5d3c;
	text-decoration:none;
}

/*************************	FICHE PRODUITS	********************/

/*************************	PANIER	***************************/

#maCommande{
	border-collapse: collapse;
	margin: 40px auto 25px auto;
	width: 750px;
	border-left:1px solid #4c5c66;
}

#maCommande h4{
	color:#9c9c9c;
	font-size:18px;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#maCommande th{
	background: #28302a;
	font-size:12px;
	height: 26px;
	color:#fff;
}

#maCommande .designation{
	padding: 5px 20px 5px 20px;
	text-align: left;
	width:250px;
}

#maCommande .prixpanier{
	width:100px;
}

#maCommande .photo{
	padding: 3px 0 3px 0;
	text-align: center;
	width:100px;
}

#maCommande .photo img{
	width:44px;
	height:44px;
}

#maCommande td{
	background: #fff;
	/*height: 27px;*/
	text-align: center;
	border-bottom:1px solid #4c5c66;
	border-right:1px solid #4c5c66;
}

#maCommande .quantite input{
	text-align: center;
	width: 20px;
	border:1px solid #a5acb2;
}

#maCommande .quantite a{
	margin: 0 0 0 5px;
}

#maCommande .quantite a:hover, #retour:hover, #validerPanier:hover{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}

#maCommande .fraisPort td{
	background:#9c9c9c;
	color:#fff;
}

#maCommande .total td{
	background:#28302a;
	color:#fff;
}

#maCommande .droite{
	text-align:right;
	padding:0 10px 0 0;
}

#maCommande td.prixPort{
	background:#fff;
	color:#4c5c66;
	font-size:14px;
	text-align:left;
	padding:5px 0 5px 0;
	text-align:center;
}

#maCommande td.prixTotal{
	background:#fff;
	color:#feab1a;
	font-size:16px;
	font-weight:bold;
	padding:5px 0 5px 0;
	text-align:center;
}

#passerCommande{
	margin:0 0 30px 615px;
	display:block;
}

#passerCommande:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

p.panierVide{
	text-align:center;
}

/*************************	PANIER	***************************/

/*************************	COMMANDE	***********************/

#envoiCommande{
	padding:50px 0 0 20px;
	color:#28302a;
}

#envoiCommande h4{
	margin:0;
	padding:0;
	font-size:18px;
}

#envoiCommande h4 span{
	color:#bf5d3c;
	font-weight:normal;
}

#envoiCommande p{
	font-size:14px;
}

#envoiCommande p span{
	font-size:12px;
}

#coordonneeEnvoi{
	margin:0;
	padding:0;
	font-size:13px;
}

#coordonneeEnvoi .coordonneeCols{
	float:left;
	width:320px;
}

#coordonneeEnvoi label{
	float:left;
	display:block;
	width:100px;
	text-align:right;
	margin:0 10px 0 0;
}

#coordonneeEnvoi input, #coordonneeEnvoi textarea{
	margin:0 0 5px 0;
}

#modeReglement{
	padding:0 0 0 20px;
	color:#28302a;
	font-size:13px;
}

#modeReglement h4{
	color:#28302a;
	font-size:18px;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#modeReglement .reglementCols{
	float:left;
	margin:0 10px 0 0;
	width:370px;
	padding:20px 0 0 0;
}

#modeReglement .reglementCols p{
	padding:0 0 0 20px;
}

#btnEnvoyerReglement{
	margin:30px 0 20px 300px;
	display:none;
}

#btnEnvoyerReglement:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#pictoCb{
	display: none;
	margin:10px 0 0 0;
	width:250px;
	text-align:center;
}

/*************************	COMMANDE	***********************/

/*************************	CONTACT	***************************/

#renseignement{
	padding:35px 0 0 25px;
}

#renseignement h2{
	margin:0;
	padding:0;
	font-size:24px;
	color:#21322c;
}

#renseignement form{
	padding:30px 0 25px 0;
	width:880px;
	border:1px solid #e4e4e4;
	margin:0 0 30px 0;
	background:#fff;
	color:#20312b;
}

#contactCols1{
	width:205px;
	border-right:1px solid #e4e4e4;
	float:left;
	padding:0 0 0 35px;
	height:360px;
}

#contactCols1 label{
	display:block;
}

#contactCols1 input{
	margin:0 0 10px 0;
}

#contactCols1 input.inputRadio{
	float:left;
	margin-right:5px;
}

#contactCols1 label.labelRadio{
	float:left;
}

#contactCols2{
	float:left;
	width:280px;
	padding:0 30px 0 30px;
	border-right:1px solid #e4e4e4;
	height:360px;
}

#contactCols2 p,#contactCols3 p {
	padding-top:0;
	margin-top:0;
}

#contactCols2 input{
	margin:0 0 25px 0;
}

#contactCols2 input.inputRadio{
	float:left;
	margin-right:5px;
}

#contactCols2 label.labelRadio{
	float:left;
}

#contactCols3{
	float:left;
	width:235px;
	padding:0 20px 0 35px;
}

#contactCols3 textarea{
	width:215px;
	height:90px;
}

#contactCols3 input{
	margin:50px 0 80px 80px;
}

#contactCols3 input:hover{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#contactCols3 p.legendeEtoile{
	font-size:11px;
	color:#6c6c6c;
	margin:0;
	padding:0;
}

/*************************	CONTACT	***************************/

/*************************	PIED	****************************/

#pied p{
	margin:0;
	padding:70px 0 10px 0;
	text-align:center;
	font-size:13px;
}

#pied p a{
	color:#007336;
	text-decoration:none;
}

#pied2 p, #pied3 p{
	margin:0 0 5px 0;
	padding:0 0 0 0;
	text-align:center;
	font-size:13px;
}

#pied2 p a{
	color:#848484;
	text-decoration:none;
}

#pied3 p a{
	color:#848484;
	text-decoration:none;
	margin:0 5px 0 5px;
}

#pied3 p a:hover{
	color:#848484;
	text-decoration:underline;
}

/*************************	PIED	****************************/