.infobashome {
	                                                   
	background-color: #FFFFFF;
	display: block;
	margin-top: 60px;
	margin-right: 6px;
	margin-left:10px;
	margin-bottom: 15px;
	padding-bottom:0px;
	text-align: justify;

}


.infohome {
	
	background-color: #EEF1F2;
/*	float:left;
	position:relative; */
	display: block;
	margin-top: 0px;
	margin-right: 6px;
	margin-left:10px;
	margin-bottom: 15px;
	padding-bottom:0px;

}


.valeurg h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 5px;
	font-style: italic;
	color: #233b69;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 3px;
	text-align: left;
	padding:-10px;
        line-height: 130% 
}






/* reset
http://www.biologeek.com/journal/index.php/des-css-de-qualite

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, em, img, strong, sub, sup, ul, li {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
	}
body {

	color: #000;
	background: #fff;
	}
ul {
	list-style: none;
	}
	

*/
/* ------ General ------ */

A:link {text-decoration: none; background-color: transparent;}
A:visited {text-decoration: none; background-color: transparent;}
A:active {text-decoration: none; background-color: transparent;}


a {
/*	font-weight: bold;  */
	color: #67748F;
}

a:hover {
/*	font-weight: bold;   */
	color: #67748F;
	text-decoration: none;
	margin-top: 10px;
}

img {border:0px;}


.bold1 {
	font-weight: 600;   /* normal 400   bold 700  destiné à remplacer balise b, voir boncmde*/

}
.bold_boncmde {
	font-weight: 600;   /* normal 400   bold 700 */
	color: #033397;
}

/* ==================================== */
/* TEMPLATE COMMUN                     */
/* ==================================== */

body {
        /*hcv
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 98%;
	background: url("../bbNoel.png") no-repeat scroll center top #FFFFFF;
	background: #E0E0E0;
	*/

        background: url("../images/fond_noel2.jpg") repeat-y scroll center top #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 17px;       /* 14   17 20  */
        line-height: 130% ; /*normal; */
        color: #000000; 
        text-align: left;
        font-weight: normal ;

	padding: 0px;
	margin:0px;
	float: none;
	clear: none;
}
#conteneur0 {
	width: 998px;
	background-color: grey;
	margin: 0px auto;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 0px;
	padding-top: 0px;
	overflow: hidden;

}


#conteneur {

        position : relative ;
	background-color: #FFFFFF;
	margin: 0px auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	overflow: hidden;

}

/* ------ HEADER ------ */
#header {
	height: 101px;
	background-color: #FFFFFF;
		background-image: url('../images/header_bg.jpg');
	background-repeat:no-repeat;
	margin-top: 0px;
/*

	    margin-bottom: 20px
*/
	padding: 0px;
    padding-bottom: 20px
}

#headerdroite {
/*        position: absolute  ;
        top : 0px ;
        right : 0px ;   */
        float : right ;
}

#headermenucontainer {
	height: 31px;
	margin-left: 6px;
	width: 850px;
}
#headermenucontainer img {
        margin-right: -2px;
}

#headerslogan {
	height: 60px;
	margin-left: 6px;
	width: 640px;
	text-align: center;
	font-size: 20px;    /*120% */
	color: #01308A;
	font-weight: bold;
	margin-top: 0px;
	padding-top:10px;
		padding-left:150px;
	background-color : transparent ;
	line-height: normal ;
}

/* ------ panier ------ */
#panier {
       position: absolute  ;
        top : 105px ;
        right : 70px ;
/*         float : right ;
        padding-top:0 px;  */

       	font-size: 14px;
        font-weight: bold;
       	background-color: #FFFFFF;
        A:link {text-decoration: none; }
        A:visited {text-decoration: none; }
        A:active {text-decoration: none; }
}

#panier_texte {
       	vertical-align: 50%;
       	text-decoration: none ;
}


/* ------ FOOTER ------ */
#baseline{
	color:#999999;
}
#footer {
	clear:both;
	background-color: #F0F0F0;
	text-align: center;
	margin: 6px;
/* 	padding-top:10px;  hcv */
}

#footer2 {
/* 	margin-top: 10px;  */
	margin-right: 6px;
margin-left: 15px;
	float:left;
	clear:both;
}
#leftfooter {
	width: 48%;   /* 	470px;  */
	margin-left: 8px;
	margin-bottom: 10px;
	float:left;
/* 	clear:none;
	position: relative; */
display:block;
}
#rightfooter {
	width: 48%;
	margin-bottom: 10px;
	margin-right: 6px;
	float: right;
/*	clear:right;
	position: relative;  */
display:block;
}

/* ------ CENTRE------ */
#centre {
        background-color:#FFFFFF;
        margin-left: 250px;
        margin-right: 10px;
}



/* ------ PAGES SANS MENU GAUCHE (homepage) ------ */
#gauche {
    float:left;
    width: 205px;
    background-color:#FFFFFF;
	margin-left: 15px;
	margin-bottom: 10px;
}


/* ------ PAGES AVEC MENU GAUCHE ------ */
/*
conteneur
   header
   fond_central
   footer
*/


/* ------- bandeau horizontal central-----------*/

#fond_central {
	background-image:url(../images/fond_menu_gauche.jpg);
        background-repeat:repeat-y;
}


/* ------- menu gauche -----------*/
/*	background-color: #67748F;*/


#menuGaucheContainer {
	background-image:url(../images/fond_menu_gauche.jpg);
        background-repeat:repeat-y;
	display: block;
	margin-bottom: 0px;  /*15*/
	float:left;
        width: 237px;
}
#menuGaucheContainerAcheter {
	display: block;
	margin-bottom: 15px;
	float:left;
        width: 237px;
}

/*  HCV
.MenuGaucheTR {background: url('../images/tr2.gif') no-repeat 100% 0; }
*/
#menuGauche {
}

/* hcv */


.menulien {text-decoration: none ; color: #000000; 	}

#menuGauche_el_rose {
        text-decoration: none ;
	font:  bold 14px/30px verdana;
	color: #000000;
        background-image: url('../images/menu_rose.jpg');
        background-repeat: no-repeat;
        width: 234px;
        height: 30px;
        float:left;
        position:relative
}
#menuGauche_el_bleu {
        text-decoration: none ;
	font:  bold 14px/30px arial;
	color: #000000;
        background-image: url('../images/menu_bleu.jpg');
        background-repeat: no-repeat;
        width: 234px;
        height: 30px;
        float:left;
        position:relative
}
#menuGauche_el_bleu1 {
	font: bold 14px/28px arial;
	color: #000000;
        background-image: url('../images/menu_bleu1.jpg');
        background-repeat: no-repeat;
        width: 234px;
        height: 28px;
        float:left;
        position:relative
}
#menuGauche_el_bleu11 {
	font: bold 14px/21px verdana;
	color: #000000;
        background-image: url('../images/menu_bleu11.jpg');
        background-repeat: no-repeat;
        width: 234px;
        height: 21px;
        float:left;
        position:relative
}
#menuGauche_el_bleufin {
        background-image: url('../images/menu_bleufin.jpg');
        background-repeat: no-repeat;
        width: 234px;
        height: 8px;
        float:left;
        position:relative
}

#rechercher {
	background-image: url('../images/rechercher-bg.gif');
	background-repeat: no-repeat;
	background-position: -2px 0px;
	width:230px;
	height:40px;
	padding-top:30px;
	padding-left:10px;
	float:left;
	position:relative

}
#rechercher input {

}







/* =========================================================================================================== */

/* =========================================================================================================== */








/* formulaire de selection de l'éditeur */
.select_editeur {
    font-size: 18px;
}



.centrage {text-align: center;}

.ed_selected {
        background: yellow;
}


.clearcentral {
   clear:both;
}

/* Page tableau d'articles ( categorie.php) */

.tableau_livre {
border: 0px none;
width: 98%;
	margin: 0;
	padding: 0;
border-collapse: collapse ;	
	}
.tableau_livre td, th {
border: 1px dotted #6495ed;
width: 33%;
text-align: center ;
	margin: 5px;
	padding: 5px;
}

.cadre_livre h3 { /* Mieux pour le référencement d'avoir des noms de page d'index en h2 et des item en h3*/
	font-size:18px; /* 18*/
	font-weight:bold;
	margin:2px;
	color: #557583;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.cadre_livre h4 {
	/*font-style: italic;*/
	font-size:16px;   /* 16*/
	font-weight:1000;
	margin:2px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: inline
}

.cadre_livre img {
        border: 1px solid grey;
 }









/* ------ content ------ */






#leftcolumn {
	margin-left: 8px;
	width: 201px;
	margin-bottom: 10px;
}

.rightcolumn {
	
	background-color: #EEF1F2;
	float:left;
/*	position:relative; */
	display: block;
	margin-top: 0px;
	margin-right: 6px;
	margin-left:10px;
	margin-bottom: 15px;
	padding-bottom:15px;
}

.centre_bas {
	
	background-color: #FFFFFF;
	float:left;
/*	position:relative; */
	display: block;
	margin-top: 0px;
	margin-right: 6px;
	margin-left:10px;
	margin-bottom: 15px;
	padding-bottom:15px;
	width: 98%;
}

#id2_rightcolumn {
	
	background-color: #FFFFFF;
}

.rightcolumn2 {
	margin-right: 6px;
	float:none;
	
}

#CheminFer {
	font-size: 24px;
	font-weight: bold;
	margin: 5px;
	font-style: italic;
	color: #233b69;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 3px;
	text-align: right;
	padding:-10px;
	vertical-align: 90%;
	height: 62px;
}

#CheminFer a{
	text-decoration: none ;
	color: #233b69;
} 

#navigationOeuvre {
  position: relative;
	width:480px;
	float: right ;
/*	position:absolute;
	text-align: right;
	top: 140px;
	left: 660px; */
        top: -10px;
	right: 0px;
	z-index:10;
}

#rightnewsbloc {
	width: 370px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: right;
	margin-right: 6px;
	background-image: url('../images/newsbg.gif');
	display: block
}
.leftnewsbloc img{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 5px;
}
#leftTypebloc {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 6px;
	background-image: url('../images/newsbg.gif');

}

.newsletter {
	background-color: #DCECF0;
	display: block;
	margin-bottom: 15px;
}

.toutsavoir {
	background-color: rgb(135, 156, 201);
	display: block;
	margin-bottom: 15px;
}
.facebook {
	background-color: rgb(57, 89, 156);
	display: block;
	margin-bottom: 15px;
}
#spacer1 {
	height: 20px;
	width: 201px;
	background-color: #FFFFFF;
}
.imagefloatleft {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.plaintext1 {
	margin-right: 8px;
	margin-left: 8px;
}

.plaintext2 {
	margin-right: 12px;
	margin-left: 12px;
	display: block;
	margin-top: 20px;
}

.plaintext3 {
	display: block;
	color: #FFFFFF;
}
.plaintext3 a {

	display: block;
	margin-right: 8px;
	margin-left: 8px;
	color: #FAD781;
}
.plaintext3 a:hover {
	display: block;
	margin-right: 8px;
	margin-left: 8px;
	color: #FAD781;
	text-decoration: none;
}

#lesaviezvous {
	background-color: #67748F;
	display: block;
	margin-bottom: 15px;
}

.yellownote {
	color: #E7B615;
	font-size: 120%;
}
.buttonright1 {
	text-align: center;
display: block;
margin-left: auto;
margin-right: auto
}

#catalogueContainer {
	background-image: url('../images/catalogue4-bg.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:60px;
	padding-top:40px;
	padding-left:150px;
	float:left;
	width:600px
	


}


#catalogueContainer p {
	float:left;
	font-size:15px;
	font-weight:bold;
	margin:3px;
}

#catalogueContainer img {
	position:absolute;
	margin-top:-8px;	
}


/* ------ Cadres ------ */

.blocending {
	margin-bottom: 10px;
}

.bl {background: url('../images/bl.gif') no-repeat 0 100%; }
.br {background: url('../images/br.gif') no-repeat 100% 100%; }
.tl {background: url('../images/tl.gif') no-repeat 0 0; }
.tr {background: url('../images/tr.gif') no-repeat 100% 0; padding:10px}

.bl2 {background: url('../images/bl2.gif') no-repeat 0 100%;}
.br2 {background: url('../images/br2.gif') no-repeat 100% 100%;  }
.tl2 {background: url('../images/tl2.gif') no-repeat 0 0; }
/* .tr2 {background: url('../images/tr2.gif') no-repeat 100% 0; padding:10px}  */
.tr2 {background: url('../images/tr2.gif') no-repeat 100% 0; }

.contenu_cadre_arr {
	margin-left: 10px;    /* dans cadre */
	margin-right: 10px;
	margin-bottom: 0px;  /* en dehors cadre */
	padding : 0px;
}

/* hcv */
.espace10px {
  height:10px;
  padding : 0px;
  margin : 0px;
  font-size:5px;
}
.espace5px {
  height:5px;
  padding : 0px;
  margin : 0px;
  font-size:5px;
}

.t3 {	width: 100%;	background-color: #FFFFFF;	background-image: url('../images/dot3.gif');	background-repeat: repeat-x;	background-position: 0 0}
.b3 {background: url('../images/dot3.gif') repeat-x 0 100%; }
.l3 {background: url('../images/dot3.gif') repeat-y 0 0; }
.r3 {background: url('../images/dot3.gif') repeat-y 100% 0; }
.bl3 {background: url('../images/bl3.gif') no-repeat 0 100%; }
.br3 {background: url('../images/br3.gif') no-repeat 100% 100%; }
.tl3 {background: url('../images/tl3.gif') no-repeat 0 0; }
.tr3 {background: url('../images/tr3.gif') no-repeat 100% 0; padding:10px }        /* padding:10px */


/* CADRE 1 */
.cadre {
	/*width: 370px;*/
	width:48%;
	background-color: #FFFFFF;
	float:left;
	margin-left:10px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	height: auto;
	
}

.cadre p {
display:block;
}
/* CADRE 1large */
.cadre1l {
	/*width: 370px;*/
	width:98%;
	background-color: #FFFFFF;
	float:left;
	margin-left:10px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	height: auto;
	
}

.cadre p {
display:block;
}
/* CADRE 2 */
.cadre2 {
	width: 240px;
	background-color: #FFFFFF;
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.cadre2 h2 {
	font-size:18px;
	font-weight:bold;
	margin:2px;
	font-style: italic;
	color: #233b69;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 3px;
	text-align: center;
	
}
.cadre2 hr {
	border: 0,5px solid #233b69;
}

.cadre2 img {
	text-align: center;
	margin-left:20px;
}

.cadre3 {
	width: 210px;
	background-color: #FFFFFF;
	float:left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.cadre3 h3 { /* Mieux pour le référencement d'avoir des noms de page d'index en h2 et des item en h3*/
	font-size:18px;
	font-weight:bold;
	margin:2px;
	color: #557583;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.cadre3 h4 {
	font-style: italic;
	font-size:16px;
	font-weight:500;
	margin:2px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.cadre3 img {
	text-align: center;
	padding-left:40px;
	padding-top:15px;
	float:none;
}
.cadre3 a {
	font-weight:200;
}
.cadre3 span {
	padding-left:60px;
	float:none;
	text-align: center;
}
.cadre3Titre {
	height:50px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}
/* CADRE 4  ( Page article livre.php )*/
.cadre4 {
  position: relative;
  z-index: 12;
	width:98%;
	background-color: #FFFFFF;
	float:left;
	margin: 0px;
	  position: relative;
  bottom: 20px;

/*
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
*/
}
.cadre4 .t .b .l .r .contenu p li {
	margin-right:10px;
	margin-left:10px;
	float:none;
/*	font-size: 16px;  */
	line-height: 150%;   /*28px;  */
	display: block;
	text-align: justify;
}

.cadre4  .contenu  {
	margin-top:10px;

}

.cadre4Img {
	float:left;
	margin-right:10px;
	margin-left:10px;
	display: block;
        background-color: #FFFFFF;
	padding-right: 5px;

}

/*.cadre4Img img { */
.img_item{
	margin-top:0px;    /*hcv 5 */
	padding-top:0px;  /*mettre meme valeur dans .cadre4Titre padding-top:1 */
        		border: 1px solid rgb(111,111,111) ;
}

.img_item_texte
{
	float:right;
        margin:10px ;
}


.cadre4Titre {

/* 	height:250px; */
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
	padding-top:0px;
}

.cadre4Titre h2{
/*	background-color: #37599b;
	float:left;   */
	color: #FFFFFF;
	margin-right: 7px;
	padding-left: 7px;
	padding-top: 0px;
	margin-top:0px;
	margin-bottom : 10px ; /* ecart entre titre et auteur */
        line-height: 150%;
}
.cadre4Titre h2 a {
	color: #FFFFFF;
}
.cadre4Titre h2 a:hover {
	color: #FFFFFF;
}

.cadre4Titre h3{
/*	background-color: #37599b;
	float:left;   */
	color: #FFFFFF;
	line-height: 40px;
	font-style: italic;
	font-weight: lighter;
	margin:0px;
	overflow: auto;  /* pour corriger bug IE7 en italique */

}

.titre_hcv
          {display: block;
	background-color: #37599b;
	margin-left : 20px ;
	margin-top :0px ;
	padding-top :0px ;
        padding-bottom : 10px ;

}

.cadre4Titre .titre{
/*	height:45px;     */
	padding-right:10px;

}
.cadre4Titre .titre table{
	background-color:#37599b;
	border:0px;
	width:75%;
	
}

.cadre4Titre .InfoOeuvre{
	padding-top:25px;
	text-align: left;
	color:#37599b;
	font-size: 100%;  /*16*/
	line-height: 130%;   /*23*/
}

.cadre4Titre .prix{
	font-size: 90%;  /*14*/
	line-height: 140%;  /*20*/
	padding:10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	
}

.cadre4Titre .prix table{
	background-color:#fbf3b1;
	width:350px;
	
}


.Texte {
	margin-right:10px;
	margin-left:10px;
	float:none;
	clear:both;
	
}	


/* CADRE 5 */
.cadre5 {

	background-color: #FFFFFF;
	float:left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;


}
.cadre5 .t .b .l .r .contenu {
	margin:10px;
}
.cadre5 .t .b .l .r .contenu p {
	line-height: 20px;
	text-align: justify;
	color:#557583;
	font-weight:300;
}
.cadre5 .t .b .l .r .contenu p b {
	line-height: 20px;
	text-align: justify;
	color:#557583;
	font-weight:bold;
}



.cadre5 .t .b .l .r .contenu b {
	float:none;
	line-height: 20px;
	text-align: justify;
	margin-right: 5px;
	margin-left: 10px;
	font-weight:100;
}

.cadre5 .t .b .l .r .contenu b a {
	color:#000000;
	font-weight:100;
	text-decoration:underline;
}
.cadre5 .t .b .l .r .contenu b a:hover {
	color:#000000;
	font-weight:100;
	text-decoration:none;
}


.cadre5 .t .b .l .r .contenu ul {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.cadre5 .t .b .l .r .contenu li {
	margin:5px; padding:5px; background-color:#fceabd;
	color:#557583;
	list-style-position: inside;
	list-style-image: url('../images/puce.gif');
	
}

.cadre5 .t .b .l .r .contenu li b{
	font-weight:bold;
}


/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .hautdroit, .basgauche, .basdroit {
height: 5px; width: 5px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche {
background: url('../images/tl.gif');
background-position: 3 3 ;
}
.hautdroit {
float: right;

background: url('../images/tr.gif');
}
.basgauche {

background: url('../images/bl.gif');
}
.basdroit {
float: right;
margin: 0px;
background: url('../images/br.gif');
}
.contenu p {
margin: 10px; /*gestion des espaces interparagraphes */
}

.t {background-image: url('../images/dot.gif');	background-repeat: repeat-x;	background-position: 0 0 ;}
.b {background: url('../images/dot.gif') repeat-x 0 100%;}
.l {background: url('../images/dotBig.gif') repeat-y 0 0;}
.r {
	background-image: url('../images/dotBig.gif');
	background-repeat: repeat-y;
	background-position: 100% 0;
}
/*
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
*/


/* CADRE 6 */
.cadre6 {

	background-color: #FFFFFF;
	float:none; 
/*	float:left;  provoque pb affichage de titre rayon avec IE5*/
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;


}
.esscadre6 {


	float:none; 

}

.cadre6 .t .b .l .r .contenu {
	margin: 5px;
}


.cadre6 .t .b .l .r .contenu ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}




/* ------ Formulaire ------ */


.form1 {
	background-color: #F7F7F7;
	border: 1px solid #AFB6C4;
	width: 160px;
	height: 18px;
}
.btenvoyer {
	height: 25px;
	width: 96px;
	background-image: url('../images/buttonbg.gif');
	margin-top: 3px;
	margin-left: 66px;
	font-weight: bold
}
.btOk {
	height: 25px;
	width: 30px;
	background-image: url('../images/buttonOkbg.gif');
	margin-left: 7px;
	font-weight: bold
}