/* CSS Document */

/* Page
-------------------------------------------------------- */
body{
font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	color: #333;
	line-height: 18px;
	padding: 0px;
	margin:0px;
	background-color:#FFF;
}

h1 {
	font-size:1.5em;
	color:#FF3300;
	font-weight:bold;
}

h2 {
	font-size:1.1em;
	color:#FF3300;
	font-weight:bold;
}

h3 {
	font-size:1.0em;
	color:003366;;
	font-weight:bold;
}





#tete{
	display:block; 
	height:95px; 
	background-color:#003366;
	}
#tete a:link, #tete a:hover, #tete a:active, #tete a:visited{
	text-decoration:none;
	border:0px;
}


	
#barre{
	height:0px;
	background-color:#6699CC;
	padding-top:3px;
	color:#F3F1E0;
	}
	
	

#conteneur {
	position:relative; 
	display:block; 
	background-color: #FFF; 
	border-left:200px solid #FFF; 
	border-right:200px solid #FFF;
	}
	
#corps {
	display:block; 
	margin-left:-200px; 
	margin-right:-200px; 
	padding:5px;
	background-color: #FFF;
	}
	

#pied {
	display:block; 
	height:70px;  
	padding:5px;
	font-size:30px;

	}
	
	
a:link.pied, a:visited.pied{
text-decoration:none;
color:#333;
}
	
	
a:hover.pied, a:active.pied{
text-decoration:underline;
color:#FF3300;
}



table.Tcorps{
width:100%;
border:0px;}
td.Tcol{
vertical-align:top;
width:180px;}
td.Tmain{
vertical-align:top;
}
	
/* Menu Horizontal / Tete de page
-------------------------------------------------------- */	
#navigation {
  margin:0;
  padding:0;
  background-color:#336699;
  float:left;
  width: 100%;
  height : 30px;
  
}

#navigation li {
  display:inline;
  padding:0;
  margin:0;
}

#navigation a:link, #navigation a:visited {
  background-color:#336699;
  padding:5px 20px 10px 20px;
  float:left;
  width:auto;
  border-right:1px solid #6699CC;
  text-decoration:none;
  border-top:0px;
  border-bottom:0px;
    
}

#navigation a:hover, #navigation a:active {
  background:#003366; 
}


 
 

/* Menu Gauche et Menu Droit
-------------------------------------------------------- */
.image_search{ /* image au dessus de la colonne 
des recherches*/
	border:1px solid gray;
	}

#box-titel{
	font-size: 1.0em;
	font-weight:bold;
	line-height: 14px;
	color:#FFF;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	padding-bottom:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
}

#box{
	margin-bottom: 15px;
	font-size: 0.95em;
	line-height: 14px;
	background-color:#FFF;
	border: 1px solid gray;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}

#box a:link, #box a:hover, #box a:active, #box a:visited{
	text-decoration:none;
	border:0px;
}

/* Ligne TITRE
-------------------------------------------------------- */
#hr{
	width:100%; 
	color:#FFF; 
	background-color:#FFF; 
	height:5px;margin-right:0; 
	text-align:right; 
	border-bottom:1px solid #6699cc;
}


/* Selection auteur
-------------------------------------------------------- */
#blocauteur{
	padding:10px;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	
}
#titre_auteur{
	margin-top:30px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 30px;
}

#auteur{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	min-height:230px;
}

#auteur a:link, #auteur a:hover, #auteur a:active, #auteur a:visited{
	text-decoration:none;
	
}

a.selec_auteur{
	color: gray;
	}
	


/* Fiches Livres
-------------------------------------------------------- */
#titre{
	margin-bottom: 5px;
	margin-left: 30px;
	margin-right: 30px;
}

#blocfiche{
	border: 1px solid gray;
	background-color:#FFF;
	padding:10px;
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
}

#fiche{
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	min-height:180px;
}

input.panier {
	border: 0px;
}

/* Pages - Main
-------------------------------------------------------- */
#blocmain{
	padding:10px;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	
}
#titre_main{
	margin-top:30px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 30px;
}

#main{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	min-height:230px;
}

#main a:link, #main a:visited{
	color:#336699;
	text-decoration:underline;
	padding-top:2px;
	
}


#main a:hover, #main a:active { 
	color:#FF3300;
	text-decoration:none;
	padding-top:2px;
	border-top:1px solid #FF3300;
	border-bottom:1px solid #FF3300;
}	

#main a:link.simple, #main a:visited.simple, #main a:hover.simple, #main a:active.simple{
	text-decoration:none;
	border:0px;
}



/* Formulaires
Gauche et Demande renseignements (contact)
-------------------------------------------------------- */
#search { /* pour FORM */

}
legend{
padding-top:4px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
border: 1px solid gray;
background-color:#6699cc;
color:#FFFFFF;
font-weight:bold;

}

label {
   	display: block;
	text-align: left;
	font-weight:bold;
	cursor: pointer;
   	}
	 	
input {
	border: 1px solid gray;font-size:0.9em;
}

textarea{
	border:1px solid gray;
}
input:focus, textarea:focus {
	border: 1px solid gray;
	background: #DDEDFC;
	color: #333;
}

/* Images
Agrandissement
-------------------------------------------------------- */	
.agr a {
color:#336699;
text-decoration:none;
font-size:0.9em;
font-weight:bold;
}
.agr a:hover {
color: #FF6600;
text-decoration:none;
}