/* Général --------------------------------------*/
* {margin:0; padding:0;}

body {
	background: #FFFFFF;
	font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666;
}

body #conteneur{
	margin: 0px auto 0px auto;
	position: relative;
	width: 750px;
	
	border: 0px solid #009;
}

#header {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 750px;
	height: 150px;
	background-image: url(icones/fond_logo.png);
	background-repeat: repeat-x;
}

#ombreg, #ombred {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

#ombreg {
	float: left;
	
}

#ombred {
	float: right;	
}

#logo {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 40px;
	width: 190px;
}

img {
	border: 0px solid #FCC;
}

/*  --------------------------------------------*/
/* Menu  ---------------------------------------*/
/*  --------------------------------------------*/
#menu {
	margin: 0px 0px 40px 0px;
	/*
	position: relative;
	float: left;
	*/
	width: 100%;
	font-size: 14px;
}

#menu ul {
	list-style: none;
	font: normal 14px/16px Georgia, "Times New Roman", Times, serif;
	
}
#menu li {
	margin: 0px 10px 5px 0px;
	font-weight: 600;
}

#menu li a {
	text-decoration: none;
	color: #999;	
}
#menu li a:hover {
	color: #ccc;
}

#menu li strong{
	font-weight: 600;
	color: #666; 
}

/*  ---------------------------------------------*/
/* Contenu --------------------------------------*/
/*  --------------------------------------------*/

#contenu {
	padding: 0px 10px 0px 10px;
	text-align: justify;
	
	position: absolute;
	top: 150px;
	left: 170px;
	
	
	border: 0px solid #F00;
}

p {
	padding: 0px 9px 5px 0px;
}

p strong{
	font-weight: 600;
	color: #333;
}

p a {
	text-decoration: none;
	font-weight: 600;
	color: #666;
	
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	
}
p a:hover {
	text-decoration: none;
	color: #ccc;
	
	border-bottom-color: #000;
}

#contenu p.detail {
	padding: 0px 0px 0px 0px;
}

#contenu p.date {
	padding: 0px 0px 0px 0px;
	color: #999;
}

#contenu .flotteur{
	float: left;
}

#contenu .illustr, #contenu .illustr_gd{
	margin: 0px 10px 5px 0px;
	
	float: left;
	border: 1px solid #CCC;
}

#contenu .illustr{
	width: 100px;
	
}

#contenu .illustr_gd{
	width: 445px;
}

#contenu #vign_pages {
	float: right;
	width: 100px;
}

#contenu .livre {
	margin: 0px 0px 10px 0px;
}

#contenu .livreCommande {
	margin: 0px 0px 10px 0px;
	width: 278px;
	
	float: left;
}

#contenu .clearboth {
	clear: both;
}

#contenu .alert {
	margin: 3px 0px 0px 0px;
	
	text-align: right;
	
	font-weight: 600;
	color: #FFF;
}

#contenu .alert .r, #contenu .alert .j, #contenu .alert .v {
	margin: 0px 0px 0px 5px;
	padding: 2px 10px 2px 10px;
}

#contenu .alert .r {
	background-color: #F00;
}

#contenu .alert .j {
	background-color: #CC0;
}

#contenu .alert .v {
	background-color: #090;
}

#contenu .erreur p {
	padding: 2px 5px 2px 0px;
	font-weight: 600;
	color: #FFF;
	background-color: #F00;
}






#contenu .resultat,#contenu .resultatTotal {	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 400;
	color: #333;
}

#contenu .resultatTotal {
	margin: 0px 0px 50px 0px;
}

#contenu .resultatTotal p{
	margin: 0px 3px 0px 3px;
}



/*  --------------------------------------------*/
/*  H1 H2 H3 -----------------------------------*/
/*  --------------------------------------------*/
h1, h1 a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	
	text-align: left;
	color: #999;
	font-weight: 600;
	
	text-decoration: none;
}

h1 a:hover {
	color: #666;
}

p + h1 {
	margin: 10px 0px 0px 0px;
}



#contenu h1:before {
	content:url('icones/rame.png');
	padding: 0px 0px 0px 0px;
}




h2, h2 a {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	
	text-align: left;
	color: #999;
	font-weight: 400;
	
	text-decoration: none;
}

h2 a:hover {
	color: #666;
}

h3 {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #999;
	font-weight: 400;
}



/*  --------------------------------------------*/
/*  News ---------------------------------------*/
/*  --------------------------------------------*/
#news {
	padding: 0px 0px 10px 20px;
	width: 150px;
}

#news h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #999;
	font-weight: 600;
}

#news .titre {
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 600;
	color: #933;
}

#news .auteur {
	margin: 0px 0px 5px 0px;
	color: #933;
}

#news p {
	padding: 0px 0px 0px 0px;
	font: Normal 11px/15px Georgia, "Times New Roman", Times, serif;
}

#news p a {
	border-bottom-style: none;
}

#news p a:hover {
	color: #ccc;
	text-decoration: none;
}

#news img{
	margin: 0px 0px 5px 0px;
	width: 140px;
	
	border: 1px solid #CCC;
}

/*  --------------------------------------------*/
/* Pied ----------------------------------------*/
/*  --------------------------------------------*/
#pied {
	margin: 30px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	height: 30px;
	min-height: 30px;
	text-align: left;
	font-size: 10px;
	line-height: 10px;
	vertical-align: middle;
	color: #999;
}

#pied image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#pied a {
	color: #999;
	text-decoration: none;
	
}
#pied a:hover {
	color: #f90;
}

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

form .commande {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 300px;
	background-image: url(../icones/spacer.gif);
	background-repeat: repeat;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	color: #333;
	width: 50px;
}

form .xxinsertion {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	position: absolute;
	left: 150px;
	
	/*float: left;*/
	
	background-image: url(../icones/spacer.gif);
	background-repeat: repeat;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	color: #333;
	
	width: 300px;
}

form .xxinsertionObligatoire {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	position: absolute;
	left: 150px;
	
	/*float: left;*/
	
	background-image: url(../icones/spacer.gif);
	background-repeat: repeat;
	background-color: #CFC;
	border: 1px solid #ccc;
	color: #333;
	
	width: 300px;
}

form span.description {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	
	text-align: left;
	color: #999;
	font-weight: 600;
	
	width:500px;
	height: 300px;
}





div.ligne {
	clear: both;
	padding: 3px 0px 0px 0px;
}

div.ligne span.label {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	
	color: #999;
	font-weight: 600;
	
	float: left;
	width: 130px;
}

div.ligne span.formw {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 400px;
	text-align: left;
}

form .insertion {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-image: url(../icones/spacer.gif);
	background-repeat: repeat;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	color: #333;
	
	width: 300px;
}