/*=================================================*/
/*============================ UNIQUES ELEMENTS ===*/
/*=================================================*/
div#banner_annuaire{
padding: 10px 0px 0px 0px; 
background-image:url('../pics/annuaire_title.jpg');
background-repeat:no-repeat; 
width: 744px; 
height: 39px; 
margin: 5px 0px 15px 5px; 
}


div#search_form{
height: 28px;
margin:0px 0px 0px 430px;
}


div#liens_search{
float: right;
}


div#annu_header{
margin-left: 10px;
float: left;
}


div#annu_header a, div#liens_search a{
color: #8d93c3;
text-decoration: underline;
}
div#annu_header a, div#liens_search a:hover{
text-decoration: none;
}



div#filariane{
color: #8d598a;
font-size: 12pt; 
margin-left: 5px;
margin-bottom:3px;
}
div#filariane a{
color: #8d93c3;
font-style: italic;
text-decoration: none;
}
div#filariane a:hover{
text-decoration: underline;
}


div#cat_annuaire{
background: #DAD9D9 url('../pics/annuaire_bg.gif'); 
background-repeat:repeat-x;
border: 1px solid #d1caca; 
width: 732px; 
margin-left: 5px;
padding: 10px 3px 10px 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}
div#annuaire_contenu{
border: 1px solid #d1caca; 
padding: 10px 5px 5px 0px; 
margin-left: 5px; 
margin-right: 5px;
margin-top: 10px;
width: 732px;
}



div#liens_sponsos{
background-color: #f7f0f;
}

div#liens_sponsos img{
margin-top: 15px;
margin-left: 5px;
}



/*******************************/


div.categories{
font-size: 9pt;
}
div.categories a{
color: #000000;
text-decoration: none;}

div.categories a:hover{
color: #000000;
background-color:#e4caff;}

div.categories a:visited{
color: #000000;
text-decoration: none;}


div.ss_categories{
background-color: #e2cef9;
border: 1px solid #d1caca;
font-size: 11px;
color:#000000;
margin-top: -20px;
padding:5px;
float: right;
}

div.ss_categories span{
padding-right: 5px;
padding-left: 5px;
}


a.lien_sscat{
color: #000000;
text-decoration: none;}
a.lien_sscat:hover{
text-decoration: underline;}



/******************************************************************/
div.header_site{
background: #f7f0ff url('../pics/header_site_bg.jpg');
background-repeat: no-repeat;
height: 16px;
width: 727px;
vertical-align: bottom;
margin-left: 5px;
}
div.contenu_site{
padding: 0px;
margin-top: -10px;
margin-bottom: 0px;
background-color:#f7f0ff;
width: 727px;
font-size: 11px;
margin-left: 5px;
}
div.footer_site{
margin-left: 5px;
background: #f7f0ff url('../pics/footer_site_bg.jpg');
background-repeat: no-repeat;
height: 16px;
width: 727px;
margin-bottom: 10px;
vertical-align: top
}




div.header_site_sponso{
margin-left: 5px;
background: #e2cef9 url('../pics/header_site_sponso_bg.jpg');
background-repeat: no-repeat;
height: 15px;
width: 727px;
vertical-align:bottom;
}
div.contenu_site_sponso{
margin-left: 5px;
padding: 0px;
margin-top: -10px;
margin-bottom: -15px;
background-color:#e2cef9;
width: 727px;
font-size: 11px;
}

div.footer_site_sponso{
margin-left: 5px;
background: #e2cef9 url('../pics/footer_site_sponso_bg.jpg');
background-repeat: no-repeat;
height: 15px;
width: 727px;
margin-bottom: 10px;
vertical-align: top;
}

div.contenu_site p, div.contenu_site_sponso p{
padding: 0px;
margin: 0px;}



div.header_insc{
margin-left: 5px;
background: #8c96c3 url('../pics/header_insc_bg.jpg');
background-repeat: no-repeat;
height: 23px;
width: 727px;
vertical-align: bottom;
}
div.contenu_insc{
margin-left: 5px;
color: #ffffff;
padding: 0px 5px 0px 5px;
margin-top: -10px;
margin-bottom: 0px;
background-color:#8c96c3;
width: 717px;
font-size: 11px;
}
div.footer_insc{
margin-left: 5px;
background: #8c96c3 url('../pics/footer_insc_bg.jpg');
background-repeat: no-repeat;
padding: 0px;
height: 23px;
width: 727px;
margin-bottom: 10px;
vertical-align: top;
}



div.lien_retour{
font-size: 12px;
font-style: italic;
margin-bottom: 5px;}
div.lien_retour a{
color:#FFCC66;
text-decoration: underline;
}
div.lien_retour a:hover{
text-decoration: none;
}

div.desc_site{
text-align: justify;
}

div.desc_cat{
margin-left: 5px;
font-style: italic;
/*margin-bottom: 5px;*/
}
div.desc_cat span{
font-style: normal;
font-weight: bold;
color: #8d93c3;
}



div.info{
font-size: 12px;
color: #d1bbd0;
width: 744px;
text-align: center;
}
div.info a{
font-size: 10px;
color: #9c59a6;
text-decoration: underline;
}
div.info a:hover{
text-decoration: none;
}



span.avert{
color:#ffffff;
font-size: 16px;
margin-left: 5px;
}
span.avert2{
color:#000000;
font-size: 16px;
margin-left: 5px;
}
span.error{
color:#f5be9f;
font-weight: bold;
font-size: 12px;
margin-left: 5px;
}
span.nb_visites{
color: #fe7701;}
span.info_form{
color: #FFCC66;}
span.prec{
margin-right: 90px;}

span.nb_site{
font-size: 15px;
color: #bba3ba;
font-weight: bold;
}


a.site_title{
font-size: 12px;
font-weight: bold;
color:#000000;
text-decoration: none;}
a.site_title:hover{
text-decoration: underline;}

a.cat_site{
color: #9c59a6;
text-decoration: none;
}
a.cat_site:hover{
text-decoration: underline;
}

a.cat_site2, span.cat_site2{
font-weight: bold;
color: #FFCC66;
text-decoration: none;
}
a.cat_site2:hover{
text-decoration: underline;
}

a.lien_sponso{
color:#ff00f6;
text-decoration: none;}
a.lien_sponso:hover{
text-decoration: underline;}



input.bouton_submit{
background-image: url('../pics/bouton_annuaire.gif');
background-repeat: repeat-x;
height: 25px; 
border: 1px solid #d1caca;
}

input.bouton_calendar{
background-image: url('../pics/date.png');
cursor:pointer;
width:24px;
height:24px;
padding:0px;
border:none;
}
input.search_field_ann{
width: 280px;
height: 20px;
border: 1px solid #956395;
vertical-align: middle;
}
input.search_button_ann{
background-image:url('../pics/bouton_search.gif');
height:22px;
width: 25px;
border: 0px;
vertical-align: middle;
}



img.thumbshot{
border: 1px solid #cd96d5;
width: 120px;}


/***************************************************************/



/************************Mise en page du systeme de notation */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url('../pics/etoile2.gif') left -1000px repeat-x;
}
.star-rating2,
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus,
.star-rating2 .current-rating2{
	background: url('../pics/etoile3.gif') left -1000px repeat-x;
}


.star-rating, .star-rating2{
	position:relative;
	width:85px;
	height:17px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li, .star-rating2 li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating, 
.star-rating2 a,
.star-rating2 .current-rating2{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:17px;
	line-height:17px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus{
	background-position: left bottom;
}
.star-rating a.one-star,
.star-rating2 a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars,
.star-rating2 a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars,
.star-rating2 a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars,
.star-rating2 a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars,
.star-rating2 a.five-stars,
.star-rating2 li.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating,
.star-rating2 .current-rating2{
	z-index:1;
	background-position: left center;
}	

/************************Fin Mise en page du systeme de notation */