/* styles html*/
body {
	background-color: #DDDDB4;
	margin: 0px;
}
/* calque centrage page */
#global {
	position: absolute;
	width: 800px;
	left: 50%;
	top: 2px;
	z-index: 1;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 606px;
	margin-left: -400px;
}
/* calques graphisme et fonds */
#headgauche {
	position: absolute;
	height: 42px;
	width: 108px;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-color: #DDDDB4;
}
#headcherche {
	position: absolute;
	z-index: 2;
	height: 42px;
	width: 209px;
	top: 0px;
	left: 575px;
	background-color: #DDDDB4;
}
#headdroit {
	position: absolute;
	height: 42px;
	width: 15px;
	left: 785px;
	top: 0px;
	z-index: 1;
	background-color: #DDDDB4;
}
#colcentre {
	background-color: #FFFFFF;
	position: absolute;
	height: 540px;
	width: 463px;
	top: 43px;
	z-index: 2;
	left: 109px;
	background-repeat: no-repeat;
	border: 1px solid #DDDDB4;
	background-image: url(images/fond_colcentre.gif);
}
#coldroite {
	position: absolute;
	z-index: 2;
	height: 540px;
	width: 208px;
	top: 43px;
	left: 575px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDDDB4;
	border-right-color: #DDDDB4;
	border-bottom-color: #DDDDB4;
	background-image: url(images/fond_coldroite.gif);
	background-repeat: no-repeat;
	background-position: 113px 133px;
}
#margedroite {
	position: absolute;
	height: 542px;
	width: 15px;
	left: 785px;
	top: 43px;
	z-index: 1;
	background-color: #DDDDB4;
}
#basgauche {
	position: absolute;
	height: 20px;
	width: 108px;
	left: 0px;
	top: 586px;
	z-index: 1;
	background-color: #DDDDB4;
}
#bascentre {
	background-color: #DDDDB4;
	position: absolute;
	height: 20px;
	width: 465px;
	top: 586px;
	z-index: 2;
	left: 109px;
	background-repeat: no-repeat;
	background-image: url(images/fond_bascentre.gif);
	background-position: 261px 0px;
}
#basdroite {
	position: absolute;
	z-index: 2;
	height: 20px;
	width: 209px;
	top: 586px;
	left: 575px;
	background-color: #DDDDB4;
}
#basmargedroite {
	position: absolute;
	height: 20px;
	width: 15px;
	left: 785px;
	top: 586px;
	z-index: 1;
	background-color: #DDDDB4;
}
#presses {
	position: absolute;
	left: 89px;
	top: 47px;
	z-index: 7;
}
/* calque Alerte Fermeture boutique */
#fermeture {
	position: absolute;
	left: 110px;
	top: 105px;
	width: 260px;	
	z-index: 7;
	margin: 0px;
	padding: 0px;
}
ul.fermeture {
	margin: 0px;
	padding: 0px;
}
li.fermeture {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5C5C5C;
	background-image: url(images/puce_fermeture.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	list-style-type: none;
	list-style-position: outside;
}
/* calques(et éléments) navigation et outils */
	/* navigation */
#navigation {
	background-color: #CC0000;
	position: absolute;
	height: 25px;
	width: 463px;
	top: 0px;
	z-index: 2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DDDDB4;
	border-bottom-color: #DDDDB4;
	border-left-color: #DDDDB4;
	left: 109px;
	background-image: url(images/fond_nav_accueil.gif);
	padding-top: 16px;
	background-repeat: no-repeat;
	background-position: 284px;
}
#menupur {
	position: absolute;
	left: 120px;
	top: 41px;
	z-index: 10;
	width: 153px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
	visibility: hidden;
}
#menucatalogue {
	position: absolute;
	left: 217px;
	top: 41px;
	z-index: 10;
	width: 153px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
	visibility: hidden;
}
#menuinfos {
	position: absolute;
	left: 325px;
	top: 41px;
	z-index: 10;
	width: 153px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
	visibility: hidden;
}
#menucompte {
	position: absolute;
	left: 454px;
	top: 41px;
	z-index: 10;
	width: 153px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
	visibility: hidden;
}
.btfermemenu {
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
}
	/* recherche */
#divcherche {
	position: absolute;
	z-index: 3;
	height: 20px;
	width: 209px;
	top: 0px;
	left: 575px;
	padding-top: 12px;
}
.champcherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	vertical-align: middle;
	border: 1px solid #FFFFFF;
	background-color: #DDDDB4;
	width: 120px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 12px;
}
#btcherche {
	margin-left: 10px;
	text-align: left;
}
form {
	vertical-align: middle;
}
	/* ascenseurs listes */
#scrollparaitre {
	position: absolute;
	width: 12px;
	height: 519px;
	left: 551px;
	top: 55px;
	z-index: 4;
	text-align: center;
}
#scrollactualite {
	position: absolute;
	width: 12px;
	height: 519px;
	left: 761px;
	top: 55px;
	z-index: 4;
	text-align: center;
}
.imgscrollbar{
	height: 350px;
}
/* calques contenus */
	/* colonne gauche */
#colgauche {
	position: absolute;
	height: 542px;
	width: 108px;
	left: 0px;
	top: 43px;
	z-index: 1;
	background-color: #DDDDB4;
	background-image: url(images/img_guill_1.gif);
	background-repeat: no-repeat;
	background-position: 8px 369px;
	padding: 0px;
	vertical-align: top;
}
	/* liste parutions recentes */
#titparaitre {
	position: absolute;
	width: 175px;
	left: 374px;
	top: 55px;
	z-index: 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}
#zonedefilp {
	position: absolute;
	overflow:hidden;
	visibility:hidden;
	clip:rect('0', '175', '349', '0');
	width: 175px;
	height: 489px;
	left: 374px;
	top: 85px;
	z-index: 3;
}
#textedefilp {
	position: absolute;
	width: 175px;
	left: 0px;
	top: 0px;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
}
		/* illustration au survol titres parutions récentes*/
.illustration {
	position: absolute;
	left: 109px;
	top: 141px;
	z-index: 6;
	visibility: hidden;
	width: 228;
	height: 348px;
}
#tabillustration {
	height: 242px;
	width: 228px;
	margin: 0px;
	padding: 0px;
	border: Aucune;
}
#celillustration {
	height: 242px;
	width: 228px;
	text-align: center;
	vertical-align: middle;
}
	/* liste actualités*/
#titactualite {
	position: absolute;
	width: 175px;
	left: 584px;
	top: 55px;
	z-index: 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}
#zonedefila {
	position: absolute;
	overflow:hidden;
	visibility:hidden;
	clip:rect('0', '175', '349', '0');
	width: 175px;
	height: 489px;
	left: 584px;
	top: 85px;
	z-index: 3;
}
#textedefila {
	position: absolute;
	width: 175px;
	left: 0px;
	top: 0px;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
}
	/* vignettes accueil et légende */
#divvignettes {
	position: absolute;
	height: 95px;
	width: 364px;
	left: 1px;
	top: 240px;
	z-index: 6;
}
.legende {
	position: absolute;
	width: 200px;
	left: 116px;
	top: 364px;
	z-index: 6;
	visibility: hidden;
}
#tabvignettes {
	height: 95px;
	width: 364px;
	margin: 0px;
	padding: 0px;
	border: 0px Aucune;
}
#celvignettes {
	height: 95px;
	width: 91px;
	text-align: center;
	vertical-align: middle;
}

/* liens */
	/* rubriques navigation */
a.navrub:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 11px;
}
a.navrub:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
}
a.navrub:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.navrub:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.navruboutique:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #660000;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 11px;
}
a.navruboutique:visited {
	color: #660000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
}
a.navruboutique:hover {
	color: #660000;
	text-decoration: none;
}
a.navruboutique:active {
	color: #660000;
	text-decoration: none;
}
	/* menus navigation */
a.menu:link {
	color: #FFFFFF;
	text-decoration: none;
	width: 131px;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-color: #990000;
	border-left-color: #990000;
	border-bottom-color: #990000;
	margin: 0px;
	display: block;
	background-color: #CC0000;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.menu:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-color: #CC0000;
	width: 131px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #990000;
	border-left-color: #990000;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.menu:hover {
	background-color: #DDDDB4;
	color: #CC0000;
	width: 131px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.menu:active {
	color: #FFFFFF;
	background-color: #CC0000;
	width: 131px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
	/* titre parution (affichage illustration) */
a.paru:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
a.paru:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
a.paru:hover {
	text-decoration: none;
}
a.paru:active {
	text-decoration: none;
}
/* styles images */
.imglogo {
	margin-top: 4px;
	margin-left: 31px;
}

.vignactu {
	float: left;
	margin-right: 5px;
	margin-left: 0px;
	text-align: left;
	vertical-align: text-bottom;
	border: 1px solid #5C5C5C;
}
.separe {
	margin-top: 5px;
	margin-bottom: 10px;
}
.vignaccueil {
	border: 1px solid #DDDDB4;
	margin: 0px;
}
/* styles textes */
	/* styles paragraphes */
.txtuniv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-align: right;
	margin-right: 7px;
	margin-top: 310px;
}
.parouvrage {
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
}
#textedefilp .parauteur, #textedefila .parauteur {
	margin-top: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	width: 175px;
}
.parauteur {
	margin-top: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	width: 220px;
}
.par_resume_zoom {
	margin-top: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	width: 230px;
	text-align: left;
	padding-top: 20px;
}
.img_filet_zoom {
	margin-top: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 0px;
	width: 140px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	margin-left: 10px;
}
.img_filet_vignettes {
	margin-top: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 0px;
	width: 140px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}
.parresume {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
}
.parmenu {
	margin: 0px;
	padding: 0px;
	display: block;
}
.parfermemenu {
	background-color: #990000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #990000;
	border-left-color: #990000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	color: #FFFFFF;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: right;
	line-height: 18px;
	width: 151px;
}
.credits {
	margin: 4px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}
.lettre {
	margin: 4px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc0000;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}
.inscription {

	margin: 4px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}
/*Page panne*/
#panne {
    position: absolute;
    width: 802px;
    left: 0px;
    top: 217px;
    z-index: 3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CC0000;
    text-align: center;
    height: 43px;
}