@charset "iso-8859-1";
@import url("../emailling/css1_e_mailing.css");
/* CSS Document */
body {
	background-image: url(../image/site/fond.jpg);
	background-color: #f8f7f8;
	background-repeat: repeat;
}
div#design {
	height: 60%;
	width: 990px;
	background-color: #f8f7f8;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div#fond_logo{
	background-color: #554955;
	background-image: url(../image/site/gauche.jpg);
	background-repeat: no-repeat;
	height: 112px;
	width: 157px;
	background-position: bottom;
	position: relative;
}


div#fond_droit {
	background-image: url(../image/site/droit.jpg);
	background-repeat: no-repeat;
	height: 112px;
	width: 153px;
	background-color: #FFFFFF;
}

div#logo {
	background-repeat: no-repeat;
	height: 97px;
	width: 126px;
	position: absolute;
	margin-top: 15px;
	margin-left: 20px;
	background-image: url(../image/site/EP_logogenerique-png.png);
	
}

div#fond_milieu{
	background-image: url(../image/site/milieuhaut.jpg);
	background-repeat: no-repeat;
	height: 112px;
	width: 676px;
}
.slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #E30059;
	height: 20px;
	width: 300px;
	font-variant: normal;
	position: absolute;
	margin-top: 12px;
	margin-left: 210px;
}


/*styles pour les menus haut*/
div#menu1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
	width: 620px;
	margin-top: 90px;
	margin-left: 38px;
	position: absolute;
}

.class1act:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class1act:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}
.class1act:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class1act:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}
/*-----------------*/
.class1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}
.class1:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class1:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class1:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}

.class1b:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #E30059;
	text-decoration: none;
}
.class1b:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class1b:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class1b:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}

/*styles pour les menus de gauche*/
div#menu{
	height: 20px;
	width: 156px;
	background-image: url(../image/site/Bouton_menu.jpg);
	background-repeat: no-repeat;
	background-color: #E6E4E6;
}
div#menuG{
	height: 37px;
	width: 156px;
	
	background-color: #42433f;
	
}

div#menu2 {
	height: 20px;
	width: 142px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 10px;
	margin-top: 1px;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	
}
.class2act:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class2act:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}	
.class2act:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class2act:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}	
/*-----------------------*/  
.class2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}
.class2:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class2:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class2:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}	 
/**/
div#menu3 {
	height: 37px;
	width: 142px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 10px;
	margin-top: 1px;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
}
.class3:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}
.class3:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}	
.class3:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
.class3:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}
/*styles pour l'envoie au mail*/
div#envelloppe {
	height: 42px;
	width: 52px;
	position: absolute;
	margin-top: 2px;
	margin-left: 20px;
}
.class7:link {
	background-image: url(../image/site/envelloppe1.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 52px;
	position: absolute;
}
.class7:hover{
	background-image: url(../image/site/envelloppe2.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 52px;
	position: absolute;
}
.class7:active {
	background-image: url(../image/site/envelloppe1.jpg);
	background-repeat: no-repeat;
	background-color: #00FF00;
	height: 42px;
	width: 52px;
	position: absolute;
}
.class7:visited {
	background-image: url(../image/site/envelloppe1.jpg);
	background-repeat: no-repeat;
	background-color: #00FF00;
	height: 42px;
	width: 52px;
	position: absolute;
}
/*styles pour la langue*/
div#langue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 23px;
	width: 55px;
	margin-top: 15px;
	position: absolute;
	margin-left: 80px;
	font-variant: small-caps;
	font-style: normal;
	font-weight: bold;
}
.class4:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}
.class4:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #BDCD00;
	text-decoration: none;
}
.class4:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #BDCD00;
	text-decoration: none;
}
.class4:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #F0F0F0;
	text-decoration: none;
}
/*------------------------*/
/*styles pour lettre alphabet*/
div#alpha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	height: 30px;
	width: 630px;
	margin-top: 5px;
	margin-left: 30px;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
}
.classal:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #BDCD00;
	text-decoration: none;
}
.classal:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #6D2E6B;
	text-decoration: none;
}
.classal:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #6D2E6B;
	text-decoration: none;
}
.classal:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #CCC;
	text-decoration: none;
}
/*------------------------*/

/*styles pour les icones*/
div#icone1 {
	height: 26px;
	width: 25px;
	margin-top: 80px;
	position: absolute;
	margin-left: 5px;
}
	
.classico1:link {
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb1.png);
	background-repeat: no-repeat;	
	
}
.classico1:hover{
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb1_act.png);
	background-repeat: no-repeat;	
}
.classico1:active{
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb1_act.png);
	background-repeat: no-repeat;	
}
.classico1:visited{
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb1.png);
	background-repeat: no-repeat;	
}
/*----*/
div#icone2 {
	height: 26px;
	width: 25px;
	margin-top: 80px;
	position: absolute;
	margin-left: 35px;
}
	
.classico2:link {
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb2.png);
	background-repeat: no-repeat;	
	
}
.classico2:hover{
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb2_act.png);
	background-repeat: no-repeat;	
}
.classico2:active{
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb2_act.png);
	background-repeat: no-repeat;	
}
.classico2:visited{
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb2.png);
	background-repeat: no-repeat;	
}
/*-------*/
div#icone3 {
	height: 26px;
	width: 25px;
	margin-top: 80px;
	position: absolute;
	margin-left: 65px;
}
	
.classico3:link {
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb3.png);
	background-repeat: no-repeat;	
	
}
.classico3:hover{
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb3_act.png);
	background-repeat: no-repeat;	
}
.classico3:active{
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb3_act.png);
	background-repeat: no-repeat;	
}
.classico3:visited{
	height: 26px;
	width: 25px;
	position: absolute;
	background-image: url(../image/site/iconesweb3.png);
	background-repeat: no-repeat;	
}
/*---------------------------styles pour les icones*/

div#icone4 {
	height: 26px;
	width: 145px;
	margin-top: 85px;
	position: absolute;
	margin-left: 5px;
}


#crochet_vert {
	background-image: url(../image/site/crochet_vert.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	position: absolute;
}

#texte_ligne1colect {
	width: 620px;
	margin-top: 25px;
	margin-left: 28px;
}
#texte_ligne1 {
	width: 640px;
	margin-top: 15px;
	margin-left: 28px;
}

#texte_ligne2 {
	width: 640px;
	margin-top: 25px;
	margin-left: 28px;	
}
#texte_ligne3 {
	width: 640px;
	margin-top: 10px;
	margin-left: 28px;	
}

#texte_collonnegauche {
	width: 300px;
	margin-top: 15px;
	margin-left: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	margin-bottom: 20px;
}
#texte_collonnegauche2 {
	width: 300px;
	margin-top: 38px;
	margin-left: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}
#texte_collonnedroite {
	width: 300px;
	margin-top: -245px;
	margin-left: 352px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	margin-bottom: 15px;
}


#texte_collonnedroite2 {
	width: 300px;
	margin-left: 352px;
	margin-top: -75px;
}
#texte_collonnedroite3 {
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	margin-left: 352px;
	margin-top: -70px;
}
.bienvenue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #B4BC12;
	font-weight: bold;
	margin-top: 0px;
}

.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
/*------------------------------INDEX*/

/*styles pour le bandeau intro CATALOGUE*/
#crochet_mauve {
	background-image: url(../image/site/crochet_mauve.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
.catalogue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #6d2e6b;
	font-weight: bold;
	margin-top: 0px;
}
/*styles pour les liens des collections CATALOGUE*/

.classgp:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #03bfdb;
	text-decoration: none;
}
.classgp:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #11DFFD;
}
.classgp:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #03bfdb;
	text-decoration: none;
}
.classgp:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #03bfdb;
	text-decoration: none;
}
.classjuri:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b12a25;
	text-decoration: none;
}
.classjuri:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E38482;
	text-decoration: none;
}
.classjuri:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b12a25;
	text-decoration: none;
}
.classjuri:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b12a25;
	text-decoration: none;
}
.classnm:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b4bc18;
	text-decoration: none;
}

.classnm:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CDD71C;
	text-decoration: none;
}
.classnm:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b4bc18;
	text-decoration: none;
}
.classnm:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b4bc18;
	text-decoration: none;
}

.classrh:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #83295f;
	text-decoration: none;
}
.classrh:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D67AB1;
	text-decoration: none;
}
.classrh:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #83295f;
	text-decoration: none;
}
.classrh:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #83295f;
	text-decoration: none;
}
.classmanag:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d20065;
	text-decoration: none;
}

.classmanag:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0079;
	text-decoration: none;
}
.classmanag:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d20065;
	text-decoration: none;
}
.classmanag:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d20065;
	text-decoration: none;
}
.classmet:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c95116;
	text-decoration: none;
}

.classmet:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EC8553;
	text-decoration: none;
}
.classmet:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c95116;
	text-decoration: none;
}
.classmet:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c95116;
	text-decoration: none;
}
.classcod:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c98900;
	text-decoration: none;
}

.classcod:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F0A300;
	text-decoration: none;
}
.classcod:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c98900;
	text-decoration: none;
}
.classcod:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c98900;
	text-decoration: none;
}
.classcodx:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f4b619;
	text-decoration: none;
}

.classcodx:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F8CB56;
	text-decoration: none;
}
.classcodx:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f4b619;
	text-decoration: none;
}
.classcodx:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f4b619;
	text-decoration: none;
}
.classmark:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e42e18;
	text-decoration: none;
}

.classmark:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EF7E72;
	text-decoration: none;
}
.classmark:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e42e18;
	text-decoration: none;
}
.classmark:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e42e18;
	text-decoration: none;
}
.classimmo:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f9e406;
	text-decoration: none;
}

.classimmo:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FBED3C;
	text-decoration: none;
}
.classimmo:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f9e406;
	text-decoration: none;
}
.classimmo:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f9e406;
	text-decoration: none;
}
.classenfant:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b1deed;
	text-decoration: none;
}

.classenfant:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C2E7EF;
	text-decoration: none;
}
.classenfant:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b1deed;
	text-decoration: none;
}
.classenfant:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b1deed;
	text-decoration: none;
}
.classfam:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #68636f;
	text-decoration: none;
}
.classfam:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A59EA9;
	text-decoration: none;
}

.classfam:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #68636f;
	text-decoration: none;
}
.classfam:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #68636f;
	text-decoration: none;
}

.classpoc:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #86cde4;
	text-decoration: none;
}

.classpoc:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A8DBEC;
	text-decoration: none;
}
.classpoc:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #86cde4;
	text-decoration: none;
}
.classpoc:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #86cde4;
	text-decoration: none;
}
.classeuro:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1a4e9a;
	text-decoration: none;
}

.classeuro:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2163C5;
	text-decoration: none;
}
.classeuro:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1a4e9a;
	text-decoration: none;
}
.classeuro:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1a4e9a;
	text-decoration: none;
}
.classtech:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ea6523;
	text-decoration: none;
}

.classtech:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F8C4AB;
	text-decoration: none;
}
.classtech:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ea6523;
	text-decoration: none;
}
.classtech:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ea6523;
	text-decoration: none;
}
.classboo:link {
	color: #4a8759;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classboo:hover {
	color: #97C6A5;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classboo:active{
	color: #4a8759;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classboo:visited{
	color: #4a8759;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classcom:link {
	color: #E9E000;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classcom:hover {
	color: #F9EC00;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classcom:active{
	color: #E9E000;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classcom:visited{
	color: #E9E000;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
/*walonnie design*/

.classwal:link{
	color: #e31661;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classwal:hover{
	color: #f98bb3;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classwal:active{
	color:#e31661;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classwal:visited{
	color: #e31661;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
/*walonnie design*/
.classop:link {
	color: #6fbfb2;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classop:hover {
	color: #9BD2C9;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classop:active{
	color: #6fbfb2;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.classop:visited{
	color: #6fbfb2;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

/*styles pour numero de page*/
#page {
	height: 30px;
	width: 210px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: -30px;
	margin-left: 430px;
	}

/*-----------flèche precedent transparant*/
.class8nonp {
	text-decoration: none;
	background-image: url(../image/site/fleche_gb_non.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 80px;
	position: absolute;
}
/*-----------flèche suivant transparant*/
.class8nons {
	text-decoration: none;
	background-image: url(../image/site/fleche_db_non.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 70px;
	position: absolute;
}

/*----------------------------------------------------*/
/*-----------flèche suivant*/
.class8act:link {
	text-decoration: none;
	background-image: url(../image/site/fleche_db.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 70px;
	position: absolute;
}

.class8act:hover{
	text-decoration: none;
	background-image: url(../image/site/fleche_dv.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 70px;
	position: absolute;
}
.class8act:active{
	text-decoration: none;
	background-image: url(../image/site/fleche_db.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 70px;
	position: absolute;
}
.class8act:visited{
	text-decoration: none;
	background-image: url(../image/site/fleche_db.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 70px;
	position: absolute;
}
/*-----------flèche precendent*/
.class8:link {
	text-decoration: none;
	background-image: url(../image/site/fleche_gb.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 80px;
	position: absolute;	
}

.class8:hover{
	text-decoration: none;
	background-image: url(../image/site/fleche_gv.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 80px;
	position: absolute;
}
.class8:active{
	text-decoration: none;
	background-image: url(../image/site/fleche_gb.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 80px;
	position: absolute;
}

.class8:visited{
	text-decoration: none;
	background-image: url(../image/site/fleche_gb.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 80px;
	position: absolute;
}

/*-----------------------------CATALOGUE*/

/*styles pour le bandeau du titre 2 INDEX*/
#crochet_vert2 {
	background-image: url(../image/site/crochet_vert2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_verte {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #bdcd00;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------INDEX*/

/*styles pour le bandeau du titre 2 CATALOGUE*/
#crochet_mauve2 {
	background-image: url(../image/site/crochez_mauve2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_mauve {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #6d2e6b;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------CATALOGUE*/

/*styles pour le bandeau du titre 2 METIERS*/
#crochet_met2 {
	background-image: url(../image/site/crochet_met2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_met {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #c95116;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
	top: 116;
}

/*-------------------------------met*/

/*styles pour le bandeau du titre 2 wallonie*/
#crochet_wal2 {
	background-image: url(../image/site/crochet_wal2.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_wal {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #e31661;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
	top: 116;
}

/*-------------------------------met*/

/*styles pour le bandeau du titre 2 GP*/

#crochet_gp2 {
	background-image: url(../image/site/crochez_gp2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_gp {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #04ADD8;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------GP*/

/*styles pour le bandeau du titre 2 juridique*/

#crochet_juri2 {
	background-image: url(../image/site/crochez_juri2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_juri {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #b12a25;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------juridique*/

/*styles pour le bandeau du titre 2 non-marchand*/

#crochet_nm2 {
	background-image: url(../image/site/crochez_nm2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_nm {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #b4bc18;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
#ligne_nmpt {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #b4bc18;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	vertical-align: middle;
	text-align: left;
}

.ligne_nmtl {
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	line-height: 0px;
	position: absolute;
}
/*-------------------------------non-marchand*/

/*styles pour le bandeau du titre 2 RESSOUCES HUMAINES*/

#crochet_rh2 {
	background-image: url(../image/site/crochez_rh2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_rh {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #83295f;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------RESSOURCES HUMAINES*/

/*styles pour le bandeau du titre 2 e-management*/

#crochet_manag2 {
	background-image: url(../image/site/crochez_manag2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_manag {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #d20065;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------e-management*/

/*styles pour le bandeau du titre 2 CODE*/

#crochet_code2 {
	background-image: url(../image/site/crochez_code2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_code {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #c98900;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------CODE*/

/*styles pour le bandeau du titre 2 CODEx*/

#crochet_codex2 {
	background-image: url(../image/site/crochez_codex2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_codex {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #f4b619;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------CODEx*/

/*styles pour le bandeau du titre 2 MARKET_VENTE*/

#crochet_mark2 {
	background-image: url(../image/site/crochez_mark2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_mark{
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #e42e18;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------MARKET_VENTE*/

/*styles pour le bandeau du titre 2 IMMO*/

#crochet_immo2 {
	background-image: url(../image/site/crochez_immo2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_immo{
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #f9e406;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------IMMO*/

/*styles pour le bandeau du titre 2 expl-enfants*/

#crochet_enfant2 {
	background-image: url(../image/site/crochez_enfant2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_enfant{
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #b1deed;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------expliqué-enfants*/

/*styles pour le bandeau du titre 2 famille*/

#crochet_fam2 {
	background-image: url(../image/site/crochez_fam2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_fam{
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #68636f;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------famille*/

/*styles pour le bandeau du titre 2 POCKET*/

#crochet_pocket2 {
	background-image: url(../image/site/crochez_pocket2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_pocket{
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #86cde4;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------POCKET*/

/*styles pour le bandeau du titre 2 euro*/

#crochet_euro2 {
	background-image: url(../image/site/crochez_euro2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_euro{
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #1a4e9a;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------euro*/

/*styles pour le bandeau du titre 2 communication*/

#crochet_com2 {
	background-image: url(../image/site/crochet_com2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_com{
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #E9E000;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------communication*/

/*styles pour le bandeau du titre 2 TECHNIQUE*/

#crochet_tech2 {
	background-image: url(../image/site/crochez_tech2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_tech{
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #ea6523;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
/*-------------------------------TECHNIQUE*/


/*styles pour la couverture*/
#cover1 {
	height: 235px;
	width: 165px;
	margin-top: 18px;
	margin-left: 93px;
}
#cover2 {
	height: 85px;
	width: 60px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: center;
}
#cover6{
	height: 192px;
	width: 134px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: center;
}
/*styles pour partenaires*/
#cadre_strada {
	height: 84px;
	width: 175px;
	margin-top: 10px;
	margin-left: 75px;
	background-image: url(../image/logos/Strada_lex.png);
}
#cadre_vlex {
	height: 84px;
	width: 175px;
	margin-top: 10px;
	margin-left: 75px;
	background-image: url(../image/logos/vlex.png);
}
#cadre_adressweb {
	width: 175px;
	margin-top: 0px;
	margin-left: 75px;
	height: 20px;
	text-align: center;
}

/*-----------------------------------------------styles pour partenaires*/

/*styles pour la photo de l'auteur*/
#auteur {
	width: 133px;
	margin-top: 18px;
	margin-left: 93px;
}
#auteur2 {
	width: 133px;
	margin-top: 18px;
	margin-left: 10px;
}
/*styles pour le texte descriptif du livre*/
#descriptif1 {
	width: 235px;
	margin-top: 18px;
	height: 235px;
	margin-left: 55px;
}
#descriptif2 {
	width: 235px;
	margin-top: -85px;
	margin-left: 95px;
	height: 235px;
}
#descriptif3 {
	margin-top: 15px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888788;
	text-align: left;
	margin-right: 20px;
}
#descriptif4 {
	margin-top: 25px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888788;
	text-align: left;
	margin-right: 20px;
}
/*styles pour les 2eme titre*/
.pt_titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
/*---------------------------------*/
/*styles pour les mots en évidence dans les descriptifs*/
.mot_evidence3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888788;
	font-weight: bold;
}
/**/
.texte_descriptif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888788;
}
.sstitre_descriptif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888788;
	font-style: italic;
	font-weight: bold;
}
.titre_prix_generale {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6d2e6b;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_gp{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #03bfdb;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_juri{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b12a25;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_nm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b4bc18;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_rh{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #83295f;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_manag{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d20065;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_met {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c95116;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_cod {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c98900;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_codx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c95116;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_mark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e42e18;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}

.titre_prix_immo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b37ca1;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_enfant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b12a25;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_fam {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #686270;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_pocket {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #86cde4;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_pocket {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #86cde4;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_euro{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1a4e9a;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_tech {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ea6523;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}

.titre_prix_explique_enfant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #abc3c5;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
.titre_prix_wal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e31661;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}

.titre_prix_com {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009BC2;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}

/*styles pour onglet en savoir plus*/
#ensavoir_plus {
	height: 25px;
	width: 90px;
	background-color: #FFFFFF;
	margin-bottom: 4px;
	margin-left: 247px;
}
#info_plus {
	height: 25px;
	width: 90px;
	background-color: #FFFFFF;
	margin-bottom: 9px;
	margin-left: 559px;
	position: absolute;
}
.class5:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BDCD00;
	text-align: center;
	height: 15px;
	width: 90px;
	position: absolute;
	text-decoration: none;
	margin-top: 5px;
}

.class5:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6d2e6b;
	text-align: center;
	margin-top: 5px;
	height: 15px;
	width: 90px;
	position: absolute;
	text-decoration: none;
}
.class5:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BDCD00;
	text-align: center;
	margin-top: 5px;
	height: 15px;
	width: 90px;
	position: absolute;
	text-decoration: none;
}
.class5:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6D2E6B;
	text-align: center;
	margin-top: 5px;
	height: 15px;
	width: 90px;
	position: absolute;
	text-decoration: none;
}

/*styles pour TM*/

.class11:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #b4bc12;
	text-decoration: none;
}
.class11:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d2e6b;
	text-decoration: underline;
	font-weight: bold;
}
.class11:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d2e6b;
	text-decoration: underline;
	font-weight: bold;
}
.class11:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b4bc12;
	text-decoration: underline;
	font-weight: bold;
}

/*--------------------------------------*/
/*styles pour mots en évidence*/

.class12:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b4bc12;
	text-decoration: none;
}
.class12:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d2e6b;
	text-decoration: underline;
	font-weight: bold;
}
.class12:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b4bc12;
	text-decoration: underline;
	font-weight: bold;
}
.class12:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b4bc12;
	text-decoration: underline;
	font-weight: bold;
}

/*--------------------------------------*/

/*styles pour onglet edition 200..*/
#new_edition {
	height: 25px;
	width: 130px;
	margin-left: 0px;
	background-color: #FFFFFF;
	margin-top: 0px;
}
.class9:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BDCD00;
	text-align: center;
	height: 15px;
	width: 129px;
	position: absolute;
	text-decoration: none;
	margin-top: 5px;
}
.class9:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6d2e6b;
	text-align: center;
	margin-top: 5px;
	height: 15px;
	width: 129px;
	position: absolute;
	text-decoration: none;
	margin-top: 5px;
}
.class9:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6d2e6b;
	text-align: center;
	margin-top: 5px;
	height: 15px;
	width: 129px;
	position: absolute;
	text-decoration: none;
	margin-top: 5px;
}
.class9:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BDCD00;
	text-align: center;
	height: 15px;
	width: 129px;
	position: absolute;
	text-decoration: none;
	margin-top: 5px;
}
/*styles pour onglet PROMO*/

.class9pro:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E42E18;
	text-align: center;
	height: 15px;
	width: 129px;
	position: absolute;
	text-decoration: none;
	margin-top: 5px;
}
.class9pro:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ED6354;
	text-align: center;
	margin-top: 5px;
	height: 15px;
	width: 129px;
	position: absolute;
	text-decoration: none;
	margin-top: 5px;
}
.class9pro:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E42E18;
	text-align: center;
	margin-top: 5px;
	height: 15px;
	width: 129px;
	position: absolute;
	text-decoration: none;
	margin-top: 5px;
}
.class9pro:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E42E18;
	text-align: center;
	height: 15px;
	width: 129px;
	position: absolute;
	text-decoration: none;
	margin-top: 5px;
}
/*styles pour les news et newsletter*/	
#bloc_news {
	background-color: #42433f;
	height: 25px;
	width: 153px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #BDCD00;
	text-decoration: none;
	text-align: center;
	line-height: 25px;
}
#contenu_news {
	background-color: #e7e6e7;
	height: 164px;
	width: 153px;
	margin-top: 0px;
	position: absolute;
	background-image: url(../image/site/news_fond.png);	
	
}
.news_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555455;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	height: 28px;
	width: 148px;
	position: absolute;
	margin-top: 6px;
	margin-left: 2px;
}
.news_texte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555455;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	height: 65px;
	width: 148px;
	position: absolute;
	margin-top: 38px;
	margin-left: 2px;
}
.news_texteIt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555455;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	font-style: oblique;
	font-weight: bold;
	width: 148px;
	height: 95px;
	margin-top: 6px;
	margin-left: 2px;
	position: absolute;
}
.news_interesse{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #BDCD00;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	position: absolute;
	margin-top: 110px;
	margin-left: 2px;
	width: 148px;
	height: 15px;
	left: -2px;
}
#clic_ici {
	height: 25px;
	width: 90px;
	margin-left: 10px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
.class6:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BDCD00;
	text-decoration: none;
	text-align: center;
	height: 22px;
	margin-left: 54px;
	margin-top: 138px;
	width: 100px;
	background-color: #FFFFFF;
	line-height: 22px;
	position: absolute;
}
.class6:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #554859;
	text-decoration: none;
	text-align: center;
	height: 22px;
	margin-left: 54px;
	position: absolute;
	margin-top: 138px;
	width: 100px;
	background-color: #FFFFFF;
	line-height: 22px;
}
.class6:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#BDCD00;
	text-decoration: none;
	text-align: center;
	height: 22px;
	margin-left: 54px;
	position: absolute;
	margin-top: 138px;
	width: 100px;
	background-color: #FFFFFF;
	line-height: 22px;
}
.class6:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BDCD00;
	text-decoration: none;
	text-align: center;
	height: 22px;
	margin-left: 54px;
	position: absolute;
	margin-top: 138px;
	width: 100px;
	background-color: #FFFFFF;
	line-height: 22px;
}

/*styles pour le bandeau footer*/
#pied {
	height: 44px;
	width: 990px;
	position: absolute;
	background-image: url(../image/site/pied.jpg);
	background-repeat: repeat;
}
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #d6d4d5;
	width: 250px;
	margin-top: 15px;
	height: 20px;
	margin-left: 35px;
	font-weight: bold;
	position: absolute;
}
/*styles paypal*/
#paypal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	width:380px;
	margin-top: 2px;
	height: 40px;
	margin-left: 320px;
	font-weight: bold;
	position: absolute;
}


/*styles pour le titre et texte auteurs*/
.titre_auteurs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}

.texte_donneslivre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
.class10:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6d2e6b;
	text-decoration: none;
}
.class10:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b4bc12;
	text-decoration: underline;
	font-weight: bold;
}
.class10:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b4bc12;
	text-decoration: underline;
	font-weight: bold;
}
.class10:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d2e6b;
	text-decoration: underline;
	font-weight: bold;
}
/*-------------------*/
/*acces ancien site*/
div#siteedipro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 23px;
	margin-top: 15px;
	position: absolute;
	margin-left: 45px;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;
}

.bon_commande {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#crochet_boo2 {
	background-image: url(../image/site/crochet_boo2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 22px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
}
#ligne_boo {
	height: 28px;
	width: 657px;
	margin-top: 8px;
	margin-left: 20px;
	position: absolute;
	background-color: #4a8759;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 29px;
	font-weight: bolder;
}
.titre_prix_boo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4a8759;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
}
#cover3 {
	height: 60px;
	width: 85px;
	margin-top: 15px;
	margin-left: 20px;
	text-align: center;
	margin-bottom: 15px;
}
#cover4 {
	height: 168px;
	width: 235px;
	margin-top: 18px;
	margin-left: 51px;
}

#cover5 {
	height:165px;
	width: 210px;
	margin-top: 18px;
	margin-left: 51px;
}
/*-------------------*/
/*Search Google*/


#google {
	width: 180px;
	margin-top: 10px;
	margin-left: 28px;
	text-decoration: none;
	height: 45px;
}

	
.classgoo:link {
	position: absolute;
	background-image: url(../image/site/bouton_recherche1.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 180px;
}
.classgoo:hover{
	position: absolute;
	background-image: url(../image/site/bouton_recherche_2.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 180px;
}
.classgoo:active{
	position: absolute;
	background-image: url(../image/site/bouton_recherche_2.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 180px;
}
.classgoo:visited{
	position: absolute;
	background-image: url(../image/site/bouton_recherche1.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 180px;
}
/*----*/
/*bon de commande*/
.bon_com {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330033;
	border-top-width: 1.5px;
	border-right-width: 1.5px;
	border-bottom-width: 1.5px;
	border-left-width: 1.5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.bon_commande {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 638px;
	color: #666666;
	
}

.classbc:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #E30059;
	text-decoration: none;
}

.classbc:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #B4BC12;
	text-decoration: none;
}
/*-------------------*/
/*contenu auteur*/
.auteur {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 280px;
}
/*-------------------*/
/*google recherche perso*/

  .gsc-control-cse {
    font-family: Verdana, sans-serif;
    border-color: #F8F7F8;
    background-color: #F8F7F8;
  }
  input.gsc-input {
    border-color: #C0C0C0;
  }
  input.gsc-search-button {
    border-color: #999999;
    background-color: #F8F7F8;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #CCCCCC;
    background-color: #F8F7F8;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #CCCCCC;
    background-color: #F8F7F8;
  }
  .gsc-tabsArea {
    border-color: #CCCCCC;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #C0C0C0;
    background-color: #F8F7F8;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #6D2E6B;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #6D2E6B;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #B4BC12;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #B4BC12;
  }
  .gsc-cursor-page {
    color: #6D2E6B;
  }
  a.gsc-trailing-more-results:link {
    color: #6D2E6B;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #5F6A73;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #423D43;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #423D43;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #CCCCCC;
    background-color: #FFFFFF;
    color: #6D2E6B;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #CCCCCC;
    background-color: #F8F7F8;
    color: #6D2E6B;
  }
  .gs-promotion {
    border-color: #FFFFFF;
    background-color: #D0D1D4;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #6D2E6B;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #6D2E6B;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #B4BC12;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #B4BC12;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #5F6A73;
  }
  /*-------------------*/