/****************************** 
*
*	Feuille de Style Principale
*
*	Le style complet necessite le fichier layout1.css
*
*	Codé par : Marc KRAUTH
*
******************************/


/* pour faire du debug, affiche un cadre autour de chaque élément

* {
	
	border: 1px solid #000;

}

*/



/* style des div */


body {
	
	font-family: "Arial", "Helvetica", "Geneva", "Verdana", "sans-serif";
	font-size: 1em;
	
	background: url(../images/fond_final_26.jpg) top center;
	
}


#bandeau_haut {
	
	border: 1px solid #000;
	background: url(../images/banner.gif) no-repeat;
	
}


#recherche {
	
	background: url(../images/fond_opaque_40.png);
	
}


#totem {

	background: url(../images/fond_opaque_20.png);

}


#menu {

	padding: 20px;
	border-bottom: 1px solid #FFF;	
	
}


#panier {
				
	color: #ECF0F3;
	padding: 10px;

}


#div_login {
	
	border-top: 1px solid #FFF;
	
}


#contenu {
	
	background : url(../images/fond_opaque_20.png);
	
}


#footer {

	background : url(../images/fond_opaque_40.png);
	font-size: 0.8em;
	
}






/* style des liens */


#logo a {
	
	text-decoration: none;
	font-size: 2em;
	color: #DDD;
	
	line-height: 4em;
	margin-left: 10px;

}


#logo a:visited {
	
	color: #DDD;
	
}


a {
	
	color: #333;
	text-decoration: none;
	
}


a:hover {
	
	color: #111;
	
}


#totem a {

	color: #333;
	text-decoration: none;
	
}


#totem a:hover {
	
	color: #111;
	
}






/* style des paragraphes */


#panier p {
	
	padding: 10px;
	
}




#div_login p {
	
	padding: 20px;
	color: #ECF0F3;	
	
}


#contenu p {

	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	
	color: #FFF;
	
}


#detail_livre .txt_catalogue {

	float: left;
	padding: 0px;
	padding-top : 20px

}


#contenu .txt_catalogue {
	
	float: left;
	padding: 0px;
	padding-top : 20px
	
}


#footer p {
	
	text-align: center;
	padding: 1em;
	
	color: #ECF0F3;
	
}






/* style des formulaires, champs de textes, boutons... */


#recherche input {

	margin: 2px;

}


#div_login input {

	width: 100px;
	
	margin-left: 90px;
	margin-top: 10px;

}


#div_login label {

	margin-left: 20px;
	margin-top: 8px;

 	display: block;
	position: absolute;
	
	width: 70px;	
	color: #ECF0F3;
}


#contenu input, select {
	
	margin-left: 150px;
	margin-top: 10px;
	width: 200px;


}


#contenu .text {
	
	border: 1px solid #FFF;

}


#contenu .radio {
	
	margin-left: 150px;
	margin-top: 10px;
	width: 20px;
	
	border: none;

}


#contenu input.sexe2 {
	
	margin-left: 30px;
	width: 20px;
	
	border: none;
}


#contenu .bouton {
	
	width: 100px;

}


#contenu .normal {

	background-color: #FFF;
	border: 1px solid #FFF;

}


#contenu .erreur {

	background-color: #FFCCCC;
	border: 1px solid #FFF;

}


#contenu label {

	margin-top: 10px;
	margin-left: 20px;
	display: block;
	position: absolute;
	
	width: 110px;

}







/* style des images */


#logo img {

	border: none;
	vertical-align: middle;
	
}


#contenu_panier .img_panier {
	
	border: 1px solid #000;
	margin: 10px;
	margin-left: 0px;
	width: 60px;
	
	
}


#contenu .img_catalogue {
	
	border: 1px solid #000;
	margin: 10px;
	margin-left: 0px;
	width: 100px;
	float: left;
	clear: both;
	
}






/* titres */


#contenu h1 {
	
	padding: 1em;
	padding-top: 1.4em;
	color: #DDD;

}


#contenu h3 {
	
	clear: both;
	padding-top: 30px;
	padding-bottom: 10px;		
	
}






/* classes */

#contenu .isbn {

	clear:both;
	padding-top: 20px;	
	
}

.prix {
	
	font-weight: bolder;
	margin: 1em;
	line-height: 3em;
	
}


hr {
	
	clear: both;
	visibility: hidden;

}