/*generale*/
body, h1, h2, ul, li{
	margin:0;
	padding: 0;
}

body{
	background: #000;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
}

a{
	color: #fff;
}

a img{
	border: 0;
}

a:hover img{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}

#global{
	margin:10px auto 0 auto;
	width: 980px;
}

.clear{
	clear: both;
	height: 0;
}

.clearGrand{
	clear: both;
	height: 10px;
}

.majuscule{
	text-transform: uppercase;
}

.bleu{
	color: #24b5d0;
}

a.enSavoirPlus, a.savoirPlus{
	color: #24b5d0;
	clear: both;
	display: inline;
	text-decoration: underline;
}

a.enSavoirPlus:hover, a.savoirPlus:hover{
	text-decoration: none;
}

.petit{
	font-size: 90%;
}

.centre{
	margin-left: 95px;
}
/*generale*/

/*entete*/
#entete{
	background: url(images/fond-entete2.jpg) no-repeat top left;
	font-size: 13px;
	height: 206px;
	margin: 0 auto;
	padding-top: 13px;
	/*width: 933px;*/
	width:486px;
	float:left;
}

#flashEntete{
	width:447px;
	height:219px;
	float:left;
}

#entete ul{
	list-style: none;
	margin: 0 0 0 3px;
}

#entete li{
	display: left;
	float: left;
	margin-left: 11px;
	padding-right: 5px;
}

#en{
	background:url(images/en.gif) no-repeat top left;
	padding:0 0 0 20px;
}

#entete a{
	color: #ababab;
	text-decoration: none;
}

#entete a.formationBlanc{
	color:#fff;
}

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

/*#entete h1{
	color: #ababab;
	font-size: 100%;
	font-weight: normal;
	margin: 40px 0 10px 79px;
	text-align: right;
	width: 335px;
}

#entete h1 a:hover{
	text-decoration: none;
}

#entete h1 img{
	margin-top: 5px;
}

#entete h1 span{
	display: block;
}

#entete h1 span.majuscule{
	display: inline;
}

#entete h1 span.legende{
	color: #fefefe;
}*/

#titreAccueil{
	margin: 40px 0 10px 59px;
	text-align: right;
	width: 355px;
	color: #ababab;
}

#titreAccueil a:hover{
	text-decoration: none;
}

#titreAccueil img{
	margin-top: 5px;
}

#titreAccueil span{
	display: block;
}

#titreAccueil span.majuscule{
	display: inline;
}

#titreAccueil span.legende{
	color: #fefefe;
}

#titreAccueil h1{
	color: #fefefe;
	font-size: 100%;
	font-weight: normal;
}

#retourAccueil{
	background: url(images/fond-fleche.gif) no-repeat left 5px;
	margin-left: 360px;
	padding: 0 0 0 11px;
}
/*entete*/

/*gauche*/
#gauche{
	float: left;
	padding-right: 30px;
	width: 225px;
}

#gauche a{
	text-decoration: none;
}

#gauche ul{
	list-style: none;
}

#gauche ul.sousMenu li{
	border-top: 1px solid #353535;
}

#gauche ul.menu ul li{
	font-weight: normal;
}

#gauche ul.menu{
	margin-top: 24px;
	width: 225px;
}

#gauche ul.menu li{
	font-weight: bold;
	padding: 0 0 0 15px;
}

#gauche ul.menu li a{
	background: url(images/fond-fleche.gif) no-repeat left -28px;
	display: block;
	height: 12px;
	padding: 0 0 9px 15px;
}

#gauche ul.sousMenu li a{
	background: url(images/fond-fleche.gif) no-repeat left -51px;
	padding: 0 0 0 15px;
}

#gauche ul.sousMenu li{
	padding: 10px 0;
}

#gauche ul.sousMenu, #gauche ul.sousSousMenu{
	margin-left: 13px;
}

#gauche ul.sousSousMenu li a{
	background: none;
}

#gauche ul.sousSousMenu li{
	border: 0;
	padding: 3px 0;
}

#gauche li.margeBas{
	border-bottom: 1px solid #353535;
	margin-bottom: 25px;
	padding-bottom: 35px;
}

#gauche ul.menu li.bordure{
	background: url(images/fond-fleche.gif) no-repeat 15px -18px;
	display: block;
	font-weight: normal;
	margin-top: 5px;
	padding-left: 30px;
}

#gauche ul.menu li.bordure a{
	background: none;
	padding: 0 0 3px 0;
}

#gauche ul.menu li.bordure span.contenuLi{
	border-bottom: 1px solid #353535;
	display: block;
	padding: 8px 0;
}

#gauche img{
	margin: 36px 0 0 50px;
}

#gauche img.brevet{
	margin-left: 30px;
}

#gauche img.aVie{
	margin: 20px 0 0 22px;
}

#identificationFormGauche{
	background: url(images/fond-identification-gauche.gif) no-repeat top left;
	color: #ababab;
	height: 111px;
	margin: 29px auto;
	padding: 14px 0 0 19px;
	width: 178px;
}

#identificationFormGauche input, #recherche input{
	border: 0;
	color: #000;
	display: block;
	float: left;
	height: 18px;
	margin-bottom: 1px;
	padding: 2px;
	width: 146px;
}

#identificationFormGauche input.imageFleche, #recherche input.imageFleche{
	height: 19px;
	margin-bottom: 18px;
	width: 14px;
}

#identificationFormGauche input.imageFleche:hover, #recherche input.imageFleche:hover{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}

#identificationFormGauche p, #paiementSecurise p{
	font-weight: bold;
	margin: 0 0 3px 0;
}

#identificationFormGauche p.bonjourClient{
	margin: 35px 0 0 0;
}

#identificationFormGauche a{
	background: url(images/fond-fleche.gif) no-repeat left -51px;
	padding-left: 12px;
}

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

#paiementSecurise{
	background: url(images/fond-paiement-gauche.gif) no-repeat top left;
	color: #ababab;
	height: 93px;
	margin: 18px auto;
	padding: 14px 0 0 19px;
	width: 178px;
}

#paiementSecurise .petit{
	font-weight: normal;
}

#paiementSecurise img{
	margin: 7px 0;
}
/*gauche*/

/*milieu*/

#formationBrunie{
	background: #4b4b4d url(images/fond-formation.jpg) no-repeat top left;
	font-size: 95%;
	height: 79px;
	margin: 18px auto 20px auto;
	padding: 16px 0 0 375px;
	position: relative;
	width: 305px;
}

#formationBrunie img{
	margin: 5px 0 0 0;
	display:block;
}

#formationBrunie a{
	margin: 5px 0 0 25px;
	position: absolute;
	top:30px;
}


#milieu{
	background: #1b1b1b;
	float: left;
	font-size: 105%;
	margin-right: 20px;
	width: 498px;
}

#contenuMilieu{
	padding: 0 20px 20px 20px;
	width: 458px;
}

#feuilletezCatalogue{
	border: 5px solid #fff;
	display: block;
	height: 104px;
	margin: 0 auto;
	width: 487px;
}

#milieu h2{
	margin-top: 20px;
	font-size: 150%;
	text-transform: uppercase;
}

#milieu h2 span{
	font-size: 90%;
	font-weight: normal;
	display: block;
}

#milieu hr, #milieuBoutique hr{
	background: #4a4a4a;
	border: 0;
	height: 1px;
	margin-top: 20px;
}

#milieu ol{
	color: #24b5d0;
	font-weight: bold;
	list-style-position: inside;
	margin: 10px 0;
	padding: 0;
}

#milieu ol span{
	color: #fff;
	font-weight: normal;
}

p.imageGauche img{
	float: left;
	margin-right: 10px;
}

p.imageDroite img{
	float: right;
	margin-left: 10px;
}
/*milieu*/

/*droite*/
#droite{
	float: left;
	width: 200px;
}

#droite h2{
	background: #24b5d0;
	font-size: 95%;
	padding: 10px;
}

.incontournable{
	background: #3b3b3b;
	border-bottom: 2px solid #24b5d0;
	color: #fff;
	margin-top: 12px;
	padding-bottom: 18px;
}

.incontournable p.prix{
	color: #24b5d0;
	font-weight: bold;
	margin-top: 16px;
}

.incontournable h3, .incontournable p, .incontournable a{
	margin:16px 0 0 11px;
}

.incontournable p{
	margin-top: 0;
}
/*droite*/

/*milieu panier*/
#panierRecherche{
	background: url(images/fond-panier-recherche.gif) no-repeat bottom left;
	margin: 21px 0;
	padding-bottom: 5px;
}

#recherche{
	float: left;
}

#recherche input{
	color: #434343;
}

#recherche input.imageFleche{
	margin-bottom: 10px;
}

#panierEntete{
	background: url(images/fond-fleche.gif) no-repeat left -70px;
	color: #24b5d0;
	display: inline;
	float: right;
	font-weight: bold;
	height: 26px;
	margin-right: 25px;
	padding: 5px 0 0 30px;
}

#contenuPanier{
	font-weight: normal;
	margin-left: 15px;
	text-decoration: underline;
}
/*milieu panier*/

/*contenu*/
#contenu{
	float: left;
}
/*contenu*/

/*pied*/
#pied a{
	color: #a1a3a5;
}

#pied a{
	text-decoration: none;
}

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

#pied{
	color: #a1a3a5;
	font-size: 95%;
	margin-bottom: 20px;
}

#pied{
	padding-left: 120px;
}

#pied img{
	margin-right: 35px;
}
/*pied*/

/*boutique*/
#triBoutique{
	float: left;
}

#triBoutique label{
	display: inline;
	float: left;
	margin: 5px 15px 0 40px;
}

#triBoutique select{
	display: block;
	float: left;
	margin: 0 15px 0 0;
	width: 150px;
}

.paginationBoutique{
	float: left;
	width: 100px;
}

.paginationBoutique a{
	border: 1px solid #33332e;
	display: inline;
	float: left;
	height: 17px;
	margin: 5px 0 0 5px;
	text-align: center;
	text-decoration: none;
	width: 17px;
}

.paginationBoutique a:hover, .paginationBoutique a.actif{
	text-decoration: underline;
}

#milieuBoutique{
	background: #1b1b1b;
	color: #fff;
	padding: 20px;
	width: 677px;
}

#milieuBoutique h2, #milieuBoutique h1{
	font-size: 150%;
	font-weight: normal;
	text-transform: uppercase;
}

#milieuBoutique h2 span, #milieuBoutique h1 span{
	text-transform: none;
}

.boutiqueKit{
	background: #3b3b3b;
}

.boutiqueProduit{
	border-top: 2px solid #0f7786;
	padding: 20px;
/* 	position: relative; */
	zoom: 1;
}

.boutiqueProduit .visuelProduit{
	float: left;
	margin-right: 22px;
	width: 300px;
}

.listeKit strong{
	float: left;
	width: 120px;
}

.boutiqueProduit .descriptionProduit{
	float: left;
	width: 307px;
}

.boutiqueProduit .descriptionProduit p{
	margin: 0 0 8px 0;
}

.boutiqueProduit h3 a{
	text-decoration: none;
}

.boutiqueProduit h3{
	font-size: 100%;
	margin: 0;
}

.boutiqueProduit .choixQuantitie{
	position: relative;
	width: 307px;
}

p.prix{
	color: #24b5d0;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 24px;
}

input.quantiteInput{
	border: 0;
	padding: 2px;
	width: 49px;
}

label.quantiteLabel{
	margin-right: 5px;
}

.ajouterPanierBoutique{
	top: 0;
	left: 0;

	margin: 0 0 0 150px;
	position: absolute;
}

#paginationBas{
	background: url(images/fond-panier-recherche.gif) no-repeat top left;
	width:278px;
	margin:20px 0 0 0;
	padding:10px 0 0 439px;
}
/*boutique*/

/*fiche produit*/
#ficheProduitGauche{
	float: left;
	margin-right: 21px;
	text-align: center;
	width: 479px;
}

#ficheProduitDroite{
	float: left;
	width: 168px;
}

#ficheProduitDroite .prix{
	margin-bottom: 30px;
}

#ficheProduitDroite .ajouterPanierBoutique{
	display: block;
	margin: 25px 18px 0 0;
	position: relative;
}

#barreZoom{
	background: #3b3b3b;
	height: 23px;
	position: relative;
	text-align: right;
}

#barreZoom span{
	background: #27a3ba;
	color: #fff;
	display: block;
	height: 13px;
	left: 0;
	padding: 5px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 363px;
}

#ficheProduitDroite h2{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: none;
}

#milieuBoutique #sousTitre{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 25px;
}

#milieuBoutique p.enStock{
	margin: 10px 0 30px 0;
	text-align: left;
}

p.enStock img{
	margin: 2px 10px 0 0;
}

h3.descriptifTechnique{
	background: #3b3b3b;
	font-weight: normal;
	height: 23px;
	padding-top: 6px;
}

h3.descriptifTechnique span{
	border-bottom: 1px solid #93711e;
	padding: 0 10px 6px 10px;
}

.produitsAssocies{
	background: #3b3b3b;
	margin-top: 40px;
	padding: 10px;
}

#milieuBoutique p{
	margin: 17px 0;
}
/*fiche produit*/

/*panier*/
#cheminPanier{
	height: 39px;
	margin-top: 10px;
}

#cheminPanier p{
	color: #ababab;
	float: left;
	font-size: 140%;
	height: 29px;
	margin: 0;
	padding: 10px 50px 0 26px;
	text-transform: uppercase;
}

#cheminPanier p#dernierEntete{
	padding-right: 0;
}

#cheminPanier .actif{
	color: #24b5d0;
}

#maCommande{
	border-collapse: collapse;
	margin: 0 auto 40px auto;
	width: 100%;
}

#maCommande th{
	background: #3b3b3b;
	font-weight: normal;
	height: 29px;
}

#maCommande .designation{
	padding: 0 0 0 20px;
	text-align: left;
	width: 352px;
}

#maCommande .designation a{
	text-decoration: none;
}

#maCommande .designation a:hover{
	text-decoration: underline;
}

#maCommande td{
	background: #1b1b1b;
	padding: 7px 0;
	text-align: center;
}

#maCommande .ligneProduit td{
	border-bottom: 1px solid #0f7786;
}

#maCommande .quantite input{
	background: #1b1b1b;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	width: 20px;
}

#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 .total td.droite, #maCommande .total td.droite2{
	border-top: 1px solid #0f7786;
	background: #3b3b3b;
}

#maCommande .droite{
	padding-left: 20px;
	text-align: left;
}

#maCommande .droite2{
	padding-right: 10px;
	text-align: right;
}

#portsOfferts{
	font-weight: bold;
}

#validerCommande, #continuerAchats{
	margin: -35px 0 0 520px;
	position: absolute;
}

#continuerAchats{
	background: url(images/fond-fleche.gif) no-repeat left -110px;
	padding-left: 12px;
}

#continuerAchats:hover{
	text-decoration: none;
}
/*panier*/

/*identification*/
#identificationGauche{
	background: #3b3b3b;
	color: #fff;
	float: left;
	margin: 50px 18px 0 0;
	padding: 0 0 0 39px;
	width: 291px;
}

#identificationGauche.oubli{
	margin-top: 10px;
}

#identificationGauche.oubli #btnEnvoyer{
	margin-top: 20px;
}

#identificationGauche p, #identificationDroite p{
	font-weight: normal;	
}

#identificationDroite{
	background: #3b3b3b;
	color: #fff;
	float: left;
	margin: 50px 0 0 0;
	padding-left: 90px;
	width: 233px;
}

#identificationGauche label, #identificationDroite label, #contenuMilieu label{
	display: block;
	float: left;
	width: 95px;
}

#identificationGauche .clear{
	height: 5px;
}

#identificationDroite .clear{
	height: 10px;
}

#identificationGauche label.grand, #identificationDroite label.grand{
	width: 225px;
}

#identificationGauche input.petit{
	width: 51px;
}

#contenuMilieu label{
	width: 105px;
}

#identificationGauche textarea, #contenuMilieu textarea{
	border: 0;
	height: 59px;
	width: 158px;
}

#contenuMilieu textarea.textGrand{
	height: 130px;
	width: 240px;
}

#identificationGauche input, #identificationDroite input, #identificationGauche select, #contenuMilieu input{
	border: 0;
	float: left;
	width: 147px;
}

#identificationGauche h2, #identificationDroite h2{
	font-size: 100%;
	font-weight: bold;
	margin-left: 82px;
	padding: 4px 0;
	text-transform: none;
}

#identificationDroite h2{
	margin: 0 0 20px 46px;
}

.espaceur{
	margin: 10px 0;
}

#identificationGauche input.poursuivre, #identificationDroite input.poursuivre{
	border: 0;
	display: block;
	height: 22px;
	margin: 20px 0;
	width: 175px;
}

#identificationGauche input.poursuivre:hover, #identificationDroite input.poursuivre:hover, input#btnEnvoyer:hover{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}

input#btnEnvoyer{
	height: 22px;
	margin: 0 0 30px 95px;
	width: 92px;
}

#oublieMdp{
	background: #000;
	color: #fff;
	display: block;
	height: 15px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	width: 69px;
}

#oublieMdp:hover{
	text-decoration: underline;
}
/*identification*/

/* page commande */
#commande h2{
	font-size: 130%;
	font-weight: normal;
	margin: 25px 0;
}

#commande input.radio{
	margin-right: 10px;
}

.adresse{
	background: #3b3b3b;
	display: inline;
	float: left;
	margin: 10px 0 40px 59px;
	padding: 11px;
	width: 252px;
}

.adresse h3{
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

.adresse a{
	font-weight: bold;
	text-decoration: none;
}

.adresse a:hover, #cgv a:hover, .modePaiement a:hover{
	text-decoration: none;
}

#commande #maCommande{
	margin:0;
}

#cgv, .modePaiement{
	margin: 10px 0 15px 15px;
}

#cgv input, .modePaiement img{
	margin-right: 10px;
}

#cgv a, .couleur{
	font-weight: bold;
	text-decoration: underline;
}

.modePaiement a{
	text-decoration: none;
}

.modePaiement a.image, .modePaiement a.lien{
	display: inline;
	float: left;
}

p#reglementTelephone{
	margin: 35px 0 0 15px;
}

p#reglementTelephone a{
	text-decoration: none;
}

p#reglementTelephone a:hover{
	text-decoration: underline;
}

#reglementTelephone img{
	float: left;
	margin: 0 5px 10px 0;
}
/* page commande */

/*google map*/
#googleMap{
	border: 7px solid #3b3b3b;
	color: #000;
	height: 315px;
	margin: 40px auto 0 auto;
	width: 417px;
}
/*google map*/

/*formaulrei contact formation popup*/
#formulaireContactFormation h1{
	font-size: 130%;
	margin: 10px 0;
	text-align: center;
}

#formulaireContactFormation .boite{
	margin-top: 20px;
}

#formulaireContactFormation .boite p{
	margin: 0 0 3px 0;
}

#formulaireContactFormation .boite input{
	margin-left: 20px;
}

#formulaireContactFormation .boite input.radio{
	margin-right: 5px;
	width: 15px;
}

#formulaireContactFormation .boite label{
	width: 250px;
}

#formulaireContactFormation .periode label{
	padding-left: 15px;
	width: 5px;
}

#formulaireContactFormation .periode input{
	width: 70px;
}

#formulaireContactFormation .boite label.autre{
	width: 20px;
}

#formulaireContactFormation label.radio{
	padding-top: 3px;
}

#formulaireContactFormation p.centre{
	margin-left: 10px;
}
/*formaulrei contact formation popup*/