/* CSS GLM recrut 3.0 */



/* GENERALS*/

body {
	margin: 0;
	padding: 0;
	background: #FFF1D6 url() /*repeat 0 0*/;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	border: none;
	}

body#static {
	padding: 10px;

}


hr {
	color: #F5F2E4;
	shade: none;
	border: none 0;

}

a {
	TEXT-DECORATION: none;
	color: #9E0000;
}

p {
	padding: 2px;
	margin:0;
	font-color: #9E0000;
	text-align: center;
}


img {
	border: none;
	text-decoration: none;

}

h1 {
	DISPLAY: block;
	position: relative;
	TEXT-INDENT: -2000px;
	background: #006699 url(images/comment_choisir.gif) no-repeat;
	HEIGHT: 29px;
	WIDTH: 99%;
	margin: 0;


}

h2 {
	DISPLAY: block;
	position: relative;
	TEXT-INDENT: -2000px;
	background: #006699 url(images/coordonnees.gif) no-repeat;
	HEIGHT: 29px;
	WIDTH: 99%;
	margin-left: 5px;
	margin-right: 5px;


}

h3 {
	DISPLAY: block;
	position: relative;
	TEXT-INDENT: -2000px;
	background: #006699 url(images/recap.gif) no-repeat;
	HEIGHT: 29px;
	WIDTH: 99%;
	margin-left: 5px;
	margin-right: 5px;


}

h4 {
	DISPLAY: block;
	text-align: center;
	position: relative;
	TEXT-INDENT: -2000px;
	background: #57420A;
	HEIGHT: 40px;
	WIDTH: 100%;

}

.linkts2{
	font-weight: bold;
	display: inline;
	BACKGROUND: #FFFFFF;
	TEXT-DECORATION: none;
}

.linkts2 a:hover{
	COLOR: #FFFFFF;
	BACKGROUND:  #9E0000;
	TEXT-DECORATION:  none;
}

.gras{
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #3B3A3A;
	font-weight: bold;

}

.tigras{
	font: 14x Verdana, Arial, Helvetica, sans-serif;
	color: #3B3A3A;
	font-weight: bold;

}


.redgras{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	font-weight: bold;
	text-align: left;

}


.theme {
	margin-top: 10px;
	text-align: left;


}

.red{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;

}

.left {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;

}

.justify {

	text-align: justify;

}

.fevad {

	float: left;
	display: table;
	margin-top: 10px;
	

}

.petit {
	font-size: 9px;
	font-color: #737373;
	text-align: justify;
	margin-top: 5px;


}

.recapinfo  { 

	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	font-weight: bold;

}

.bigtitle {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;



}


/* FORM*/

form {
	margin: 0
}
textearea, input, label {
	margin: 10px 5px 5px 0;
	align: middle;
	border: 0;
}
textarea, input {
	border: #000000 1px solid;	
}
textarea {
	width: 350px; 
	height: 100px
}
input:focus, textarea:focus {
	background:#DFF0CE;
}

form p {
	clear: both; margin: 0
}
form label {
	float: left; width: 12%; text-align: right
}
#submit {
	border: 1px #000000 solid; cursor: pointer; padding: 1px; color: #fff; background-color: #FFFFFF; width: auto;
}
#submit:hover {
	border: 1px red solid
}
.alerte {
	font-weight: bold; font-size: 14px
}

.paiement {
	margin-top: 5px;

}

/* TABLE */

table#panier {
	align: top;
	border: thin solid #A48A3F;
	width:100%;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

table#coordonnees {
	float: left;
	align: left;
	border: thin solid #E6E6E6;
	border-collapse: collapse;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	width: 55%;
	text-align: left;

}

th {
	width: 100%;
	padding: 3px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

.thcoord {
	border: thin solid #DBD9D9;
	background-color: #DBD9D9;


}

.thpanier {
	border: thin solid #A48A3F;
	background-color: #A48A3F;

}

.ValidPanier {
	background-color:#E0D9B4;
	border-top:thin solid #A48A3F;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:right;
}



td{
	valign: middle;
	text-align: left
	width: 60%;
	padding: 3px;
	font: 11px bold Verdana, Arial, Helvetica, sans-serif;
}


.tdcoord {
	border: thin solid #DBD9D9;
}

.tdpanier {
	border: thin solid #A48A3F;
}


.tdbold {
	font-weight: bold;


}

.tdcolor  { 
	background-color: #E0D9B4;
	font-weight: bold;

}

/* POSITIONNEMENT CSS */

div#header {
	width: 100%;
	height: 105px;
	text-align: left;
	background: #fff url(images/fond_header.gif);
	}

div#header_livres {
	width: 100%;
	height: 105px;
	text-align: left;
	background: #fff url(images/fond_header.gif);
	}

div#logo {
	width: 515 px;
	height: 105px;
	}

div#offre{
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	}

div#contenu {
	display: table;
	position: absolute;
	margin-left: 0;
	width: 100%;
}

div#gauche {
	width: 258 px;
	position: absolute;
	left:0;
	background-color: #FFF1D6;
	}

div#centre_offre {
	display: table;
	text-align: center;
	background-color:#fff;
	margin-left: 258px;
	padding: 20px 50px 20px;

}

div#centre_livres {

/*	display: table;*/
	display: block;
	text-align: left;
	background-color:#fff;
/*	margin-right: 25%;*/
	padding: 5px;
	height:100%;
	width: 73%;

}

div#recap {

	display: table;
	text-align: center;
	background-color:#fff;
	margin-right: 24%;
	padding: 5px;
	height:100%;
	width: 90%;

}


div#droite {
	position: absolute;
	text-align: center;
	width: 24%;
	right: 0;
	top: 108px;
	padding: 5px;
	background-color: #F2EED8;
	}



div#footer {
	float: right;
	width: 100%;
	background-color: #A80303;
}

.blocvisuel {

	right: 0;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	PADDING-BOTTOM: 15px;
	WIDTH: 85px; 
}

#blocvignette {

	right: 0;
	cursor: hand; 
	border: thin dotted #969696;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	PADDING-BOTTOM: 15px;
	WIDTH: 60px; 
	background-color: #D6D6D4;
	margin : 2px;
	text-align: left;
	height: 70px;
}

div#adhesion {
	position: absolute;
	width: 30%;
	right: 27%;
	top: 159px;
	padding: 5px;
	height: 100%;
	background-color: #F2EED8;


}

div#bandeauclose {

	Width: 100%;
	heigt: 30px;
	text-align: right;
	background-color: #006699;

}
div#bandeaustatic{

	Width: 100%;
	heigt: 50px;
	text-align: right absmiddle;
	background-color: #006699;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;

}

div#bandeauhaut{

	Width: 100%;
	heigt: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
	background-color: #F0F0F0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;


}

div#adhere {

	margin-top: 10px;
	text-align: right;
	position: relative;
	background: #57420A;
	HEIGHT: 40px;
	WIDTH: 100%;
}

/* MENU BAS */



li{
margin-bottom: 0px;

}

#conteneur_menu {
	float: right;
	PADDING: 0px; 
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	TEXT-INDENT: -2000px;
	text-decoration: none;
	background-color: #A80303;
	/*BACKGROUND: url(images/menu.gif) no-repeat left top;*/
}

#nav {
	PADDING: 0; 
	MARGIN: 0;
	TEXT-INDENT: -2000px;
	text-decoration: none;
	background-color: #A80303;
}

ul#nav {
	PADDING: 0;
}

ul#nav li {
	FLOAT: left;
	DISPLAY: block;
	MARGIN: 0;
}

ul#nav li#contact, ul#nav li#contact a {
	display: block;
	width: 67px;
	height: 21px;
	background: #A80303 url(images/contact.gif) no-repeat 0 0;
}

ul#nav li#faq, ul#nav li#faq a {
	display: block;
	width: 45px;
	height: 21px;
	background: #A80303 url(images/faq.gif) no-repeat 0 0;
}

ul#nav li#cgv, ul#nav li#cgv a {
	display: block;
	width: 198px;
	height: 21px;
	background: #A80303 url(images/cgv.gif) no-repeat 0 0;
}

ul#nav li#auteurs, ul#nav li#auteurs a {
	display: block;
	width: 190px;
	height: 21px;
	background: #A80303 url(images/auteurs.gif) no-repeat 0 0;
}


/* MENU THEMES */


ul#themes{
	display: block;
	text-align: right;
	text-decoration: none;
	list-style-type: none;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
		
}

ul#themes li.livres {

	font-weight: bold;	
	color: #FFFFFF;
	background: #9E0000;
	float: left;
	margin-right: 10px;
	display: block;
	margin-bottom: 2px;

}

ul#themes li.detail{

	font-weight: bold;
	color: #000000;
	float: left;
	margin-right: 10px;
	display: block;
	margin-bottom: 2px;
	
}

ul#themes li.detail a{
	color: #000000;
	background: none;
	display: block;
	margin-bottom: 2px;

}	


ul#themes li.detail a:hover{
	font-weight: bold;
	color: #FFFFFF;
	background: #9E0000;
	display: block;
	margin-bottom: 2px;
}

ul#liste_livres {
	display: block;
	/*text-align: right;*/
	text-decoration: none;
	list-style-type: none;
/*	font-weight: bold;*/
	margin-top: 10px;
	margin-bottom: 10px;
}