body{
	width:100%;
	margin:0px;
	padding:0px;
	color: #767676;
	background:#FFF url('../images/bg_site.gif') top center repeat-x;
	font-family: Arial;
	font-size:11px;
}

.contenu{width:955px; padding:0 0 10px 0; margin:0; background:url('../images/bg_page.gif') top center repeat-y;}

.page{
	width:955px;
	margin:0 auto 0 auto;
	padding:0;
	
}

.banniere{height:350px; width:955px; background:url('../images/banAccueil.jpg') top left no-repeat;}
#catalogue .banniere{background:url('../images/banCatalogue.jpg') top left no-repeat;}

.logo{margin:20px 0 0 16px !important; margin:20px 0 300px 16px;}



/* BLOCS  *******************************************************************************************************************************/

.gauche{float:left;}
.droite{float:right;}

.alignD{text-align:right;}
.alignG{text-align:left;}
.alignC{text-align:center;}

.imgG{float:left; margin-right:10px; border:1px solid #bdb7b6;}
.imgD{float:right; margin-left:10px; border:1px solid #bdb7b6;}

.colGauche{float:left; width:217px;}
.colDroite{float:right; width:720px;}



/* ACCUEIL  *******************************************************************************************************************************/

.gaucheAccueil{float:left; width:345px;}
.droiteAccueil{float:right; width:345px;}
.droiteAccueil .png{margin-top:-75px; position:relative; z-index:1000;}

.droiteListAccueil{float:right; width:162px; margin-bottom:10px !important; /margin-bottom:0;}
.droiteListAccueil p{background:url('../images/puce2.gif') left no-repeat; margin:0; padding:10px 0 11px 20px; color:#a0244b; font-size:16px; border-bottom:1px solid #ca96aa;}



/* LISTING PRODUITS  *******************************************************************************************************************************/

.unProd{width:345px;}
#catalogue .unProd{float:left; margin:10px 6px;}

.imgProd{width:146px; height:102px; float:left; padding:2px; margin:0 3px 8px 0; position:relative;}
.imgProd .png{position:absolute; bottom:30px; left:0;}

.imgProd a, .imgProd a:visited{width:146px; height:102px; display:block; overflow:hidden;}

.cours .imgProd{border:3px solid #86a700;}
.venir .imgProd{border:3px solid #176aaf;}
.acheve .imgProd{border:3px solid #a0244b;}

.titreProd{color:#FFF; float:left; padding:5px 10px; font-size:13px; width:164px;}
.cours .titreProd{background:#86a700;}
.venir .titreProd{background:#176aaf;}
.acheve .titreProd{background:#a0244b;}

.lieuProd{color:#4c4c4c; background:url('../images/bg_lieu.gif') left no-repeat; padding:7px 0 7px 35px; margin:3px 0; display:block; float:left; width:149px; font-size:13px; text-transform:uppercase;}

.descProd{clear:both; text-align:justify; overflow:hidden; height:40px;}

.btnSavoirPlus, .btnSavoirPlus:visited{background-position:top; display:block; height:20px; background-repeat:none; margin:8px 0 5px 0;}
.btnSavoirPlus:hover{background-position:bottom; display:block; height:20px;}

.cours .btnSavoirPlus{background-image:url('../images/btnSavoirPlus1.gif');}
.venir .btnSavoirPlus{background-image:url('../images/btnSavoirPlus2.gif');}
.acheve .btnSavoirPlus{background-image:url('../images/btnSavoirPlus3.gif');}




/* FICHE  *******************************************************************************************************************************/

.fiche{float:right; width:350px; padding:0; margin:0;}

.titreFiche{color:#FFF; padding:7px 10px 10px 10px; font-size:14px; display:block;}
.cours .titreFiche{background:#86a700;}
.venir .titreFiche{background:#176aaf;}
.acheve .titreFiche{background:#a0244b;}

.lieuFiche{color:#4c4c4c; background:url('../images/bg_lieu.gif') left no-repeat; padding:7px 0 7px 35px; margin:6px 0; display:block; font-size:13px; text-transform:uppercase;}

.descFiche{text-align:justify; padding:6px 0; color:#4c4c4c;}
.cours .descFiche{border-top:1px solid #86a700;}
.venir .descFiche{border-top:1px solid #176aaf;}
.acheve .descFiche{border-top:1px solid #a0244b;}

.diapo{float:left; width:340px;}
.grdDiapo{height:206px; width:258px; float:left; text-align:center; margin:0; overflow:hidden; line-height:206px;}
.grdDiapo img{vertical-align:middle; /vertical-align:center;}
.pttDiapo{float:right; width:60px; height:206px;}
.pttDiapo a{display:block; width:57px; height:45px; margin-bottom:9px; overflow:hidden;}

.diapo .livraisonFiche{border-bottom:1px solid #a9a9a9;}
.diapo .infoFiche, .diapo .livraisonFiche{padding:5px 0; font-size:12px;}
.cours .infoFiche, .cours .livraisonFiche{color:#86a700;}
.venir .infoFiche, .venir .livraisonFiche{color:#176aaf;}
.acheve .infoFiche, .venir .livraisonFiche{color:#a0244b;}
.diapo .infoFiche b, .diapo .livraisonFiche b{font-weight:normal; color:#4c4c4c;}

.btnInteret, .btnInteret:visited{background-position:right; display:block; width:173px; height:63px; background-repeat:none; margin:8px 0 5px 0; float:right; clear:right;}
.btnInteret:hover{background-position:left;}
.cours .btnInteret{background-image:url('../images/btnInteret1.gif');}
.venir .btnInteret{background-image:url('../images/btnInteret2.gif');}
.acheve .btnInteret{background-image:url('../images/btnInteret3.gif');}

.titreTable{padding:4px 0 4px 19px; margin:5px 0 0 0; font-size:13px;}
.cours .titreTable{color:#86a700; background:url('../images/puce5.gif') left no-repeat;}
.venir .titreTable{color:#176aaf; background:url('../images/puce6.gif') left no-repeat;}
.acheve .titreTable{color:#a0244b; background:url('../images/puce7.gif') left no-repeat;}

.topTable{margin:0; background:url('../images/topTable.gif') bottom repeat-x; font-size:8px;}

.tableListe{border-collapse:collapse; width:100%; margin:0 0 10px 0;}
.tableListe tr th{text-align:center; color:#7f7f7f; font-weight:normal; font-size:12px; padding:8px 5px; background:#eeeeee url('../images/bg_th.gif') top left repeat-x; border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6;}
.tableListe tr td{text-align:center; padding:5px; border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6; border-bottom:1px solid #d8d8d8;}
.cours .tableListe tr td{color:#86a700;}
.venir .tableListe tr td{color:#176aaf;}
.acheve .tableListe tr td{color:#a0244b;}
.tableListe tr td p{text-align:left; color:#4c4c4c;}

.dlPdf, .dlPdf:visited{display:block; width:21px; height:21px; background:url('../images/dlPdf.gif') bottom no-repeat; margin:0 auto;}
.dlPdf:hover{background:url('../images/dlPdf.gif') top no-repeat;}

.btnRetour, .btnRetour:visited{background-position:top; display:block; width:88px; height:20px; background-repeat:none; margin:5px 0;}
.btnRetour:hover{background-position:bottom;}
.cours .btnRetour{background-image:url('../images/btnRetour1.gif');}
.venir .btnRetour{background-image:url('../images/btnRetour2.gif');}
.acheve .btnRetour{background-image:url('../images/btnRetour3.gif');}





/* CONTACT  ************************************************************************************************************************************/

.divContact{float:left; width:227px; margin:0 6px !important; margin:0 4px;}

.coordonnees{margin:0; font-size:12px; color:#4c4c4c; padding:4px 1px; line-height:18px;}
.coordonnees b{font-weight:normal; font-size:16px; color:#a0244b;}
.coordonnees a, .coordonnees a:visited{color:#4c4c4c;}
.coordonnees a:hover{color:#86a700;}

.formulaireContact{margin:5px 0; width:100%;}
.formulaireContact p{vertical-align:middle;}
.formulaireContact p label{display:block; float:left; padding:2px 0;}
.formulaireContact .input{border:none; background:url('../images/bg_input.gif') left no-repeat; font-size:11px; width:212px; color:#4c4c4c; padding:4px 10px 5px 5px; margin:1px 0; height:18px;vertical-align:middle;}
.formulaireContact .capcha{border:none; background:url('../images/bg_code.gif') left no-repeat; font-size:11px; width:212px; color:#4c4c4c; padding:4px 10px 5px 5px; margin:1px 0; height:24px; vertical-align:middle;}
.formulaireContact .textarea{border:none; background:url('../images/bg_textarea.gif') left top no-repeat; font-size:11px; width:214px; color:#4c4c4c; padding:4px 8px 5px 5px; margin:1px 0;}
.formulaireContact p input{border:1px solid #FFF; font-size:11px; color:#86a700; font-family:Arial; width:155px; margin:0; padding:1px; /padding:0 1px;}
.formulaireContact p textarea{height:60px; overflow:auto; border:1px solid #FFF; width:99%; font-size:11px; color:#86a700; margin:0; font-family:Arial; background:#FFF; padding:0;}

.formulaireContact small{float:left; color:#a0244b; font-style:italic; padding:6px 0;}
.formulaireContact .submit{ float:right; cursor:pointer;}


/* RECOMMANDER  ************************************************************************************************************************************/

.divRecommander{float:left; width:350px; margin:0 6px !important; margin:0 4px;}

.formulaireRecommandation{margin:5px 0; width:100%;}
.formulaireRecommandation p{vertical-align:middle;}
.formulaireRecommandation p label{display:block; float:left; padding:2px 0;}
.formulaireRecommandation .input{border:none; background:url('/images/bg_input2.gif') left no-repeat; font-size:11px; width:340px; color:#4c4c4c; padding:4px 10px 5px 5px; margin:1px 0; height:18px; vertical-align:middle;}
.formulaireRecommandation .textarea{border:none; background:url('/images/bg_textarea2.gif') left top no-repeat; font-size:11px; width:340px; color:#4c4c4c; padding:4px 8px 5px 5px; margin:1px 0;}
.formulaireRecommandation p input{border:1px solid #FFF; font-size:11px; color:#86a700; font-family:Arial; width:155px; margin:0; padding:1px; /padding:0 1px;}
.formulaireRecommandation p textarea{height:60px; overflow:auto; border:1px solid #FFF; width:99%; font-size:11px; color:#86a700; margin:0; font-family:Arial; background:#FFF; padding:0;}

.formulaireRecommandation small{float:left; color:#a0244b; font-style:italic; padding:6px 0;}
.formulaireRecommandation .submit{ float:right; cursor:pointer;}


/* MENTIONS LEGALES  *******************************************************************************************************************************/

#mentions table tr td{vertical-align:top;}

		
		
/* TITRES ET TEXTES  *******************************************************************************************************************************/

.titre1{font-size:17px; font-family:Verdana; color:#a0244b; background:url('../images/bg_titre1.gif') bottom left repeat-x; padding:0 0 18px 0; margin:12px 0;}
.titre1 span{background:url('../images/span_titre1.gif') left no-repeat; padding:10px 20px 10px 40px;}
.titre1 small{color:#737373; font-size:16px;}

.titre2{font-size:17px; font-family:Verdana; color:#86a700; background:url('../images/bg_titre2.gif') bottom left repeat-x; padding:0 0 18px 0; margin:12px 0;}
.titre2 span{background:url('../images/span_titre2.gif') left no-repeat; padding:10px 20px 10px 40px;}
.titre2 span a, .titre2 span a:visited{color:#86a700;}
.titre2 span a:hover{color:#86a700; text-decoration:underline;}
.titre2 small{color:#86a700; font-size:15px;}

.titre3{font-size:17px; font-family:Verdana; color:#005093; background:url('../images/bg_titre3.gif') bottom left repeat-x; padding:0 0 18px 0; margin:12px 0;}
.titre3 span{background:url('../images/span_titre3.gif') left no-repeat; padding:10px 20px 10px 40px;}
.titre3 span a, .titre3 span a:visited{color:#005093;}
.titre3 span a:hover{color:#005093; text-decoration:underline;}
.titre3 small{color:#005093; font-size:15px;}

.cours .titreListing{font-size:17px; font-family:Verdana; color:#86a700; background:url('/images/bg_titre2.gif') bottom left repeat-x; padding:0 0 18px 0; margin:12px 0;}
.cours .titreListing span{background:url('/images/span_titre2.gif') left no-repeat; padding:10px 20px 10px 40px;}
.cours .titreListing span a, .cours .titreListing span a:visited{color:#86a700;}
.cours .titreListing span a:hover{color:#86a700; text-decoration:underline;}
.cours .titreListing small{color:#86a700; font-size:15px;}

.venir .titreListing{font-size:17px; font-family:Verdana; color:#005093; background:url('/images/bg_titre3.gif') bottom left repeat-x; padding:0 0 18px 0; margin:12px 0;}
.venir .titreListing span{background:url('/images/span_titre3.gif') left no-repeat; padding:10px 20px 10px 40px;}
.venir .titreListing span a, .titreListing span a:visited{color:#005093;}
.venir .titreListing span a:hover{color:#005093; text-decoration:underline;}
.venir .titreListing small{color:#005093; font-size:15px;}

.acheve .titreListing{font-size:17px; font-family:Verdana; color:#a0244b; background:url('/images/bg_titre1.gif') bottom left repeat-x; padding:0 0 18px 0; margin:12px 0;}
.acheve .titreListing span{background:url('/images/span_titre1.gif') left no-repeat; padding:10px 20px 10px 40px;}
.acheve .titreListing span a, .titreListing span a:visited{color:#a0244b;}
.acheve .titreListing span a:hover{color:#a0244b; text-decoration:underline;}
.acheve .titreListing small{color:#a0244b; font-size:15px;}

.texte{text-align:justify; padding:3px 0; margin-bottom:10px;}
.texte b{color:#a0244b; font-weight:normal;}

.barre{text-decoration:line-through;}
.clignote{text-decoration:blink;}




/* BAN HAUT  *******************************************************************************************************************************/

.lienMenu, .lienMenu:visited{color:#FFF; background:url('../images/bg_menu.gif') bottom left no-repeat; padding:10px 28px 9px 38px; font-size:17px; font-family:Verdana; display:table; /display:inline; margin:3px 0; float:left; clear:none;}
.lienMenu:hover, .lienMenu#courant{color:#FFF; background:url('../images/bg_menu.gif') top left no-repeat;}

#accordion {margin:0px;}

div.element{clear:both;}

div.element a, div.element a:visited{background:url('../images/puce4.gif') left no-repeat; color:#000; display:block; padding:4px 0 4px 14px; font-size:14px; margin-left:15px;}
div.element .courshover:hover{background:url('../images/puce3.gif') left no-repeat; color:#86a700;}
div.element .venirhover:hover{background:url('../images/puce33.gif') left no-repeat; color:#005093;}
div.element .achevehover:hover{background:url('../images/puce33.gif') left no-repeat; color:#005093;}
div.element a#courant1{background:url('../images/puce3.gif') left no-repeat; color:#86a700;}
div.element a#courant2{background:url('../images/puce33.gif') left no-repeat; color:#005093;}




/* PIED  *******************************************************************************************************************************/

.pied {
	font-size:11px; 
	color:#005093; 
	width:100%;
	padding:10px 0;
	margin:0;
	font-family:Arial;
	background:#FFF url('../images/bg_pied.gif') top left repeat-x;
}

.gauchePied{float:left; color:#a0244b; padding:10px; line-height:16px; margin-right:20px;}
.gauchePied a, .gauchePied a:visited{color:#a0244b;}

.pied ul{float:left; margin:10px 30px; padding:0 15px 0 15px; list-style-image:url('../images/puce1.gif'); line-height:17px;}
.pied ul li{margin:0 6px; padding:0; max-width:240px; color:#005093;}
.pied ul li a, .pied ul li a:visited{color:#005093;}
.pied ul li a:hover{color:#a0244b;}

.logoPied{margin:10px auto 0 auto; text-align:center; font-size:10px;}
.logoPied a, .logoPied a:visited{color:#767676;}
.logoPied a:hover{color:#005093;}




/* DIVERS ET LIENS *******************************************************************************************************************************/

.separateur{background:url('../images/separateur.gif') left repeat-x; display:block; padding:0; margin:10px 0;}
.separateur2{background:url('../images/separateur2.gif') left repeat-x; display:block; padding:0; margin:10px 0;}

img.png {
behavior: url('../js/png.htc');
border:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p{margin:0;}

a{color:#767676; text-decoration:none;}
a:visited{color:#767676; text-decoration:none;}
a:hover{color:#005093; text-decoration:none;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0;}

.hrnettoyeur{
	clear: both; margin: 10px 0; padding: 0;color: none;
	background-color: none;
	height: 0px;
	border-top:1px dashed #005093;
	border-bottom:none;
	border-left:none;
	border-right:none;}


.pagination{margin:8px 0;text-align:center;}
.pagination a, .pagination a :visited {color:#6c6c6c; text-decoration:none; padding:1px;}

.venir .pagination a:hover {color:#005093;}
.venir .pagination .courante  {color:#005093; font-weight:bold; text-decoration:underline;}

.cours .pagination a:hover {color:#86a700;}
.cours .pagination .courante  {color:#86a700; font-weight:bold; text-decoration:underline;}

.acheve .pagination a:hover {color:#a0244b;}
.acheve .pagination .courante  {color:#a0244b; font-weight:bold; text-decoration:underline;}

.planRub{font-size:12px; list-style-image:url('../images/puce1.gif'); margin:10px auto; display:block; padding:10px 30px;}
.planRub li{margin:3px 0;}
.planRub li a, .planRub li a:visited{display:block; color:#005093; padding:2px;}
.planRub li a:hover{display:block; color:#a0244b;}

/***************************************  CONNEXION ADMIN   ***********************************/
#logbox{
	padding:1px 2px 0 2px;
	text-align:center;
	height:120px;
	margin:0 0 10px 0;
}
#logbox label{
	display:block;
	text-align:left;
	margin:10px 4px 0 4px;
	color:#000;
}
#logbox input[type=text],#logbox input[type=password]{
	width:100px;
	margin-left:4px;
}
#logbox input[type=submit]{margin-top:10px;}




/***************************************  BANDEAU JAVASCRIPT   ***********************************/
noscript div{
width:100%;
border-bottom:1px solid #F00;
background-color:#FF9;
color:#F00;
text-align:center;
padding:4px 0 4px 0;
font-weight:bold;
}