/* CSS Document */

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-image: url(images/fond_page.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-size: 11px;
}

p, a, div, td {
	font-size: 11px;
}

a {
	color: #112A41;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input, option, select {
	font-size: 11px;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}

fieldset {
	margin-top: 15px;
}

legend {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

#gauche {
	background-color: #D4CFEC;
	width: 250px;
}

#droite {
	width: 750px;
}

.cadre {
	width: 370px; 
	height:208px;
	margin-bottom: 20px;
}

.cadre_recherche {
	width: 748px; 
	height:208px;
	margin-bottom: 20px;
}

.cadre_annonce {
	width: 748px; 
	margin-bottom: 20px;	
}

.cadre_recherche select {
	width: 300px;
}

.cadre_fond_blanc_haut, .cadre_fond_blanc_bas, .cadre_fond_gris, .cadre_fond_gris_bas, .cadre_fond_recherche, .cadre_fond_recherche_bas, .cadre_annonce  {
	background-repeat:no-repeat;
}

.cadre_fond_blanc {
	background-image: url(images/fond_cadre_bulle.png); 	
}

.cadre_fond_blanc_haut {
	background-image: url(images/haut_cadre_bulle.png); 	
}

.cadre_fond_blanc p, .cadre_fond_gris p {
	margin-right: 20px;
}

.cadre_fond_blanc img {
	margin-right: 5px;
}

.cadre_fond_blanc_bas {
	background-image: url(images/bas_cadre_bulle.png); 
	height:28px;
}

.cadre_fond_gris {

}

.cadre_fond_gris_bas {
	height:28px;
}

.cadre_fond_recherche {
	background-image: url(images/fond_cadre_recherche.png); 	
}

.cadre_fond_recherche_bas {
	background-image: url(images/bas_cadre_recherche.png);
	height:28px; 	
}

.cadre_fond_recherche td {
	font-size: 11px;
}

.bas_cadre_detail {
	background-image: url(images/bas_cadre_detail.png);
	height:28px;
	background-repeat: no-repeat; 	
}

.fond_cadre_detail {
	background-image: url(images/fond_cadre_detail.png);

}

.haut_cadre_detail {
	background-image: url(images/haut_cadre_detail.png);
	height:82px; 
	background-repeat: no-repeat; 	
}

.fixe {
	height: 140px; 
	overflow: auto;
	margin-left: 20px;
}

.etiquette_gauche {
	margin-left: 15px; 
	background-image: url(images/fond_etiquette_gauche.png); 
	background-repeat:no-repeat; 
	height: 55px; 
	width:207px; 
	padding-top: 12px; 
	padding-left: 20px;
}

.etiquette_panier {
	margin-left: 6px;
	margin-top: 20px; 
	
}

.etiquette_panier td {
	padding-left: 20px;
}

.etiquette_retour_recherche {
	background-image: url(images/retour_recherche.png); 
	background-repeat:no-repeat; 
	height: 40px; 
	width:207px; 
	padding-top: 8px; 
	padding-left: 10px;
}

.etiquette_document_associe {
	background-image: url(images/document_associe.png); 
	background-repeat:no-repeat; 
	height: 40px; 
	width:207px; 
	padding-top: 8px; 
	padding-left: 10px;
}

.champs {
	border: 1px solid #8B8DD1;
}

/* Le menu */
#menu {
	background-image: url(images/fond_menu.gif);
	background-repeat: repeat-y;
	margin-top: 20px;
}

ul#menu_lateral_gauche /* Suppression du margin, du padding et des puces du <ul> */
{
	margin: 0px ;
	padding: 0px ;
	list-style-type: none ;
}

ul#menu_lateral_gauche li
{
	margin: 0px  ;
	padding: 0px ;
/* Suppression du padding du <li>  */
}

ul#menu_lateral_gauche li a
{
	margin: 0px  ;
	
	padding: 0px ;
	padding-left: 25px ;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 216px ;
	height: 20px ;
	color: #FFFFFF ;
	font-weight: bold;
	text-decoration: none ;
	background: url(images/fond_element_menu_gauche.gif) no-repeat 0 0 ; /* image background, à 0px du bord gauche et 0px du bord haut */

}

ul#menu_lateral_gauche li a:hover
{
	background: url(images/fond_element_menu_gauche_active.gif) no-repeat 0 0px ; 
	color: #DDF614; /* #F9B800*/
}

ul#menu_lateral_gauche li.selection a {
	background: url(images/fond_element_menu_gauche_active.gif) no-repeat 0 0px ; 
	color: #DDF614 ;/*#F9B800*/
}

ul.sous_menu {
	list-style-type: none ;
	margin: 0px  ;

}

ul#menu_lateral_gauche ul.sous_menu li a, ul#menu_lateral_gauche ul.sous_menu li a {
	list-style-type: none ;
	background: none;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 10px;
}

#droite {
	background-color: #D4CFEC;
}
 
#footer {
	background-color: #D4CFEC;
	font-size: 10px;
}

#footer a, #footer p {
	font-size: 10px;
}

#footer a.liens_bas {
	color: #5F6C85;
}	

.memo {
	font-size: 10px;
}

.categories_fonds td ul li {
	list-style-type: none;
}

/* Coups de coeur défilantes */

#box4{
	position:absolute;
}
#box4 div{
	width:320px;
	height:160px;
	float:left;
	/*background:#eee;*/
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}

#box4 h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14px;
}

#box4 h3 {
	margin: 0px;
	font-size: 12px;
}

#box4 p{
	/*text-indent:16px;*/
	margin-top: 0px;
}
#box4 img{
	width:100px;
	width:100px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* News défilantes */

#box5{
	position:absolute;
}
#box5 div{
	width:320px;
	height:140px;
	float:left;
	/*background:#eee;*/
}

#box5 h3, #box5 p, #box5 ul{
	padding:5px 10px;
}

#box5 h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14px;
}

#box5 h3 {
	margin: 0px;
	font-size: 12px;
}

#box5 p{
	/*text-indent:16px;*/
	margin-top: 0px;
}
#box5 img{
	width:100px;
	width:100px;
	float:left;
	margin:0 10px 10px 15px;
}
#info5{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/*
.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:320px;
	height:160px;
	background:#000;
	position:absolute;
}*/
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask3{
	position:relative;
	width:320px;
	height:140px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

/*.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}*/

.tableau_bleu {
	border-top: 1px solid #ABA2D4;
	border-right: 1px solid #ABA2D4;	
}

.tableau_bleu th {
	background-color: #0C41A3;
	color: #FFFFFF;
	}

.tableau_bleu th a {
	color: #FFFFFF;
}

.tableau_bleu td {
	border-left: 1px solid #ABA2D4;
	border-bottom: 1px solid #ABA2D4;
}	

/* Déroulant */

.conteneur_deroulant {
	position: relative; 
	z-index: 1; 
	padding: 0px; 
	top:0px; 
	left:0px;
	
}

.deroulant {
	position: absolute;
	background-color:#FFFFFF;
	
}


.deroulant a {
	text-decoration: none;
	font-size: 11px;
	}
	
.deroulant a:hover {
	background-color: #0066FF;
	color: #FFFFFF;
	}