/* CSS Document */

/* STRUCTURE DE LA PAGE ///////////////////////////////////////////////////////*/	 
/* centrage */
body
	{
	text-align:center;
	margin:0; padding:0;
	/*font-family:arial,helvetica,sans-serif, trebuchet,times, ;*/
	font-family:times, serif, trebuchet;
	/*background-color: white;*/
	font-size:14px;
	background:url(images/background_top.gif) repeat-x top left;
	/*background: url(../images/background.gif) repeat-y center; 
	background-color:#515D6D;
	background:   url(images/background.gif) repeat-y center;*/
	}

#entete
 {	
 	width:900px;
	position:relative; 
	top:20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
 }


#entete_annonce
 {	
 /*	width:210px;
	float: right;
	position:relative; 
	top:30px;*/
	position:relative; 
	top:-25px;
	left:30px;
	display: inline;
	border : none;
    border : 0;
 }
 
 
#page
 {	
 	width:900px;
	/*height:50px; */
	background:url(images/fd_pg.gif) repeat-y top left ;
	
	position:relative; /* Permet de coordonner les enfants par rapport à ce repère*/
	top:8px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top:50px;*/
	/*margin-bottom:50px;*/
	text-align: left;
	/*background: url(images/fd_1px.gif) top-left repeat-y ;
	background-image:url(images/fd_1px.gif); 
	background-repeat:repeat-y;
	background-position: top left; */
	/*background-color: lavender;*/
 }




/* Menu ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


#menu_h
	{
	float: left;
	position: relative;
	left:10px;
	/*border-top:1px solid grey;
	border-bottom:1px solid grey;
	padding-top:5px;
	padding-bottom:10px;
	width:880px;
	background-color:white;
	padding-left:10px;
	padding-right:10px;*/
	/**//*background: url(images/menu_h.gif) top left repeat-x;*/
	}

	
	

div#menu
{
	width:900px;
	position:relative; 
	top:13px;
	left:10px;
	bottom:0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}



div#menu ul
{
	list-style:none;
	margin:0;
	padding:10px 0px 10px 0px;
	height:20px;
}
div#menu ul li
{
	display:inline;
	margin:0px 21px 0px 0px;
	padding:0;
}
div#menu ul li.selected
{
	margin:0;
	padding:13px 25px 13px 14px;
	background: url(http://content.assurland.com/Images/Homepage_032009/onglet-menu-accueil.gif) no-repeat;
	width:75px;
	height:40px;
	font-size: 12px;
	color: #B40000;
	font-weight: bold;
	text-decoration: none;
}



/* Fil ariane ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*Textes fil ariane */
.fil { 
	/*position:relative;
	float:left;
	left:10px;*/
	font-size: 12px; 
	font-weight: normal;
	color: grey;
}

/*Liens fil ariane */
a.fil:link { 
	font-family:times, serif, trebuchet;
	text-decoration: none; 
	font-size:12px;
	font-weight: normal;
	color: grey;
	/* margin:0px 21px 0px 0px;*/
	}
a.fil:visited { 
	font-family:times, serif, trebuchet;
	text-decoration: none; 
	font-size:12px;
	font-weight: normal;
	color: grey;
	}
a.fil:hover, a.fil:active { 
	font-family:times, serif, trebuchet;
	text-decoration: underline; 
	font-size:12px;
	font-weight: normal;
	color: grey;
	}

/* Zoom Accueil ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#zoom_accueil_g
	{
	float:left;
	width: 310px;
	position:relative;
	left:20px;
	margin-bottom: 30px;
	background:  url(../images/bckgrd_zoom.jpg) top right no-repeat;
	/*top:-20px;
	left:10px;
	clear:both;*/
	}

#zoom_accueil_d
	{
	float:right;
	width: 310px;
	position:relative;
	/*right:15px;*/
	margin-bottom: 30px;
	background:  url(../images/bckgrd_zoom.jpg) top right no-repeat;
	/*top:-20px;
	left:10px;
	clear:both;*/
	}

.img_zoom
	{
    border : none;
    border : 0;
	float: right;
	margin-left:10px;
	margin-right:15px;
	margin-bottom:10px;
    }
	
		
/* ephemeride ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


#ephemeride
	{
	float:left;
	background:  url(../images/agenda.gif) top left no-repeat;
	/*display:block;
	display:inline;
	margin-left: auto;
	margin-right: auto;*/
	width: 81px;
	position:relative;
	top:-20px;
	/*left:10px;
	
	right:80px;
	clear:both;*/
	}

#date_jour { 
	position:relative;
	/*left:45px;
	top:-110px;*/
	color: white;
	font-size: 14px; 
	font-weight: bold;
}

#date_jour_24 { 
	position:relative;
	/*left:45px;
	top:-110px;*/
	color: white;
	font-size: 12px; 
	font-weight: bold;
}


/* Colonnes ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	
#col_1 
 {
	float: left;
	/*width:600px;*/
	width:680px;
	margin-top: 20px;
	position: relative;
	/*top:50px;*/
	left:20px;
	}

#col_2 
 {
	float: right;
	/*width:280px;*/
	width:200px;
	position: relative;
	/*bottom:150px;*/
	}

#col_g
 {
	/*border-left:1px solid saddlebrown;*/
	float: left;
	position: relative;
	/*top:50px;*/
	left:10px;
	width:190px;
	background-color:none;
	/*margin: 0px;
	padding: 5px;*/
	/**/
	/*font-size: 14px; 
	border:1px dashed black;*/
	}		

#col_d
 {
	/*border-left:1px solid saddlebrown;*/
	float: right;
	position: relative;
	/*top:50px;*/
	right:10px;
	width:180px;
	background-color:none;
	/*margin: 0px;
	padding: 5px;*/
	/**/
	/*font-size: 14px; 
	border:1px dashed black;*/
	}
	
#col_princ
 {
	/*border-left:1px solid saddlebrown;*/
	float: left;
	position: relative;
	/*top:50px;*/
	left:30px;
	width:460px;
	background-color:none;
	/*margin: 0px;
	padding: 5px;*/
	/**/
	/*font-size: 14px; 
	border:1px dashed black;*/
	}

#col_large
 {
	/*border-left:1px solid saddlebrown;*/
	float: right;
	position: relative;
	/*top:50px;*/
	right:30px;
	width:660px;
	background-color:none;
	/*margin: 0px;
	padding: 5px;*/
	/**/
	/*font-size: 14px; 
	border:1px dashed black;*/
	}


	

#col_catalogue
 {
	/*border-left:1px solid saddlebrown;*/
	/*float: left;*/
	position: relative;
	top:0px;
	left:30px;
	width:550px;
	/*margin: 0px;
	padding: 5px;*/
	/*background-color:white;*/
	/*font-size: 14px; 
	border:1px dashed red;*/
	clear: both;
	}

.col_catalogue
 {
	/*border-left:1px solid saddlebrown;*/
	/*float: left;*/
	position: relative;
	top:0px;
	left:30px;
	width:550px;
	/*margin: 0px;
	padding: 5px;*/
	/*background-color:white;*/
	/*font-size: 14px; 
	border:1px dashed red;*/
	clear: both;
	}

/* Mise en page dans colonnes ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#cadre_info
 {
	border:1px solid grey;
	float: left;
	width:600px;
	heigth:300px;
	padding-bottom:10px;
	margin-bottom:20px;
	clear: both;
	}


.col_info
 {
	float: left;
	width:275px;
	margin: 10px;
	}			


	
.col_2_case
 {
	float: left;
	width:130px;
	margin: 4px;
	}

.col_2_cases
 {
	float: left;
	width:270px;
	margin: 5px;
	}

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

#cadre
 {
	border:1px solid grey;
	margin:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	clear: both;
	/*width:600px;
	heigth:300px;
	padding-bottom:10px;
	margin-bottom:20px;
	clear: both;*/
	}

.cadre
 {
	border:1px solid grey;
	margin:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	clear: both;
	/*width:600px;
	heigth:300px;
	padding-bottom:10px;
	margin-bottom:20px;
	clear: both;*/
	}
	
.case_rubrique
 {
	/*border-left:1px solid saddlebrown;*/
	float: left;
	width:300px;
	margin: 15px;
	/*clear: both;
	font-size: 14px; 
	border-bottom:1px solid grey;
	 */	
	}

.case_fiche
 {
	/*border-left:1px solid saddlebrown;*/
	float: left;
	width:280px;
	margin: 15px;
	padding: 10px;
	/*clear: both;
	font-size: 14px; 
	border-bottom:1px solid grey;
	background-color:beige; 
	border:1px dashed black;*/
	background-color:beige;	
	}
	
.case_fiche_part
 {
	/*border-left:1px solid saddlebrown;*/
	float: left;
	width:670px;
	margin: 15px;
	padding: 10px;
	clear: both;
	border-top:1px solid grey;
	font-size: 14px; 
	/*background-color:beige; 
	border:1px dashed black;*/
	background-color:white;	
	}
	

#fond_fiche
 {
	/*border-left:1px solid saddlebrown;*/
	float: left;
	/**/width:560px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	/*clear: both;
	font-size: 14px; 
	border-bottom:1px solid grey;
	background-color:beige; 
	border:1px dashed black;*/
	background-color:beige;	
	}



/* Titres ////////////////////////////////////////////////////////////////////////////////////////////////////*/	 

h1
	{
	/*border-bottom:2px solid black;*/
	font-size: 22px; 
	letter-spacing:1px;
	/*color:darkgoldenrod;
	color:maroon;*/
	color:saddlebrown;
	}

h2
	{
	font-size: 14px; 
	letter-spacing:1px;
	color:saddlebrown;
	}	


h2.agenda
	{
	/*border-bottom:2px solid black;*/
	font-size: 16px; 
	display: inline;
	letter-spacing:1px;
	color:darkgoldenrod;
	}
	
h1.actualite
	{
	font-family:arial;
	font-size: 28px; 
	color:black;
	border-bottom:2px solid black;
	/*background-color:crimson;*/
	position:relative;
	/*left:10px;*/
	}
	
h1.page
	{
	border-bottom:2px solid saddlebrown;
	/*font-family:Lucida Handwriting;*/
	font-size: 28px; 
	/*color:crimson;
	color:darkgoldenrod;
	color:maroon;*/
	color:saddlebrown;
	}

h1.annuaire_acc
	{
	font-family:Lucida Sans;
	/*font-family:arial;*/
	border-bottom:1px solid grey;
	font-size: 14px; 
	letter-spacing:1px;
	/*color:crimson;
	color:darkgoldenrod;
	color:maroon;*/
	color:saddlebrown;
	/*background-color:crimson;*/
	}

h1.annuaire_rub
	{
	border-bottom:2px solid saddlebrown;
	font-size: 22px; 
	letter-spacing:1px;
	/*color:crimson;
	color:darkgoldenrod;
	color:maroon;*/
	color:saddlebrown;
	}

h1.annuaire_fiche
	{
	font-family:Lucida Sans;
	font-size: 18px; 
	border-bottom:1px solid grey;
	letter-spacing:1px;
	color: chocolate;
	/*background-color:crimson;*/
	}
	
h2.fiche
	{
	font-family:Lucida Sans;
	font-size: 12px; 
	letter-spacing:1px;
	color:maroon;
	/*border-bottom:1px solid grey;
	background-color:crimson;*/
	}


	
h3
	{
	font-size: 12px; 
	color:firebrick;
	}

h4 /* Titre case colonne de droite */
	{
	font-size: 16px; 
	color:grey;
	/*
	display: inline;*/
	border-top:2px solid grey;
	border-bottom:2px solid grey;
	}	

h5 /* Titre Footer*/
	{
	font-size: 16px; 
	color:white;
	}	
		
							
/* LIENS ////////////////////////////////////////////////////////////////////////////////////////////////////*/	 

	
/*Liens classiques */
a:link { 
	font-family:times, serif, trebuchet;
	text-decoration: none; 
	font-size:14px;
	color: firebrick;
	font-weight: bold;
	}
a:visited { 
	font-family:times, serif, trebuchet;
	text-decoration: none; 
	font-size:14px;
	color: firebrick;
	font-weight: bold;
	}
a:hover, a:active { 
	font-family:times, serif, trebuchet;
	text-decoration: underline; 
	font-size:14px;
	color: firebrick;
	font-weight: bold;
	}

/*Liens + de détail sur ... */
a.p_details:link { 
	font-family:times, serif, trebuchet;
	text-decoration: underline; 
	font-size:13px;
	color: darkgoldenrod;
	font-weight: normal;
	}
a.p_details:visited { 
	font-family:times, serif, trebuchet;
	text-decoration: underline; 
	font-size:13px;
	color: darkgoldenrod;
	font-weight: normal;
	}
a.p_details:hover, a.p_details:active { 
	font-family:times, serif, trebuchet;
	text-decoration: underline; 
	font-size:13px;
	color: darkgoldenrod;
	font-weight: normal;
	}
	

/*Liens menu haut*/
a.menu:link { 
	/*margin-left: 17px;
	margin-right: 17px;*/
	font-family:times, serif, trebuchet;
	text-decoration: none; 
	font-size:15px;
	/*letter-spacing : 2px;*/
	color: white;
	font-weight: bold;
	}
a.menu:visited { 
	/*margin-left: 17px;
	margin-right: 17px;*/
	font-family:times, serif, trebuchet;
	text-decoration: none; 
	font-size:15px;
	/*letter-spacing : 2px;*/
	color: white;
	font-weight: bold;
	}
a.menu:hover, a.menu:active { 
	/*margin-left: 17px;
	margin-right: 17px;*/
	font-family:times, serif, trebuchet;
	text-decoration: underline;
	font-size:15px;
	/*letter-spacing : 2px;*/
	color: white;
	font-weight: bold;
	}

/*Liens sortants*/

#urls
 {
	position: relative;
	top:-35px;
	color:white;
	font-size:5px;
	font-weight:normal;
	color:white;
 }

a.urls:link { 
	text-decoration: none; 
	color:white;
	font-size:5px;
	font-weight:normal;
	}
a.urls:visited 
	{ 
	text-decoration: none; 
	color:white;
	font-size:5px;
	font-weight:normal;
	}
a.urls:hover, a.urls:active 
	{ 
	text-decoration: none; 
	color:white;
	font-size:5px;
	font-weight:normal;
	}

	


/* IMAGES  ////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
	
img 
	{
    border : none;
    border : 0;
    }
	
.img_d
	{
    border : none;
    border : 0;
	float: right;
	margin-left:10px;
	margin-bottom:10px;
    }

.img_g
	{
    border : none;
    border : 0;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
    }
	


	
	
/* LISTES  ////////////////////////////////////////////////////////////////////////////////////////////////////*/	 

.ul
	{
    /**/list-style-image:  url(../images/puce-roj.gif);
    font-family:times, serif, trebuchet;
	color: black;
	font-size: 14px; 
    }



 
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
 
#form_email
 { 
	 width:480px;
	 /*border-top:2px dotted orange;
	 border-bottom:2px dotted orange;*/
	 padding-top:2px;
	 background-color:ghostwhite;
	 color:black;
	 font-weight: bold;
 }  
 
#feedback_email
 {
	color: red;
	font-size: 14px; 
	font-weight:bold;
	/*width:100px;*/
 }
 
#txt_email
 {
	width:450px;
	color: ;
	font-size: 16px; 
	/*font-weight:bold;*/
 }

#captcha
 {
 width:420px;
 border:2px solid orange;
 background-color: orange;
 color:black;
 font-weight: bold;
 letter-spacing:1px;
 } 
 


/* LOGIN ///////////////////////////////////////////////////////////////////////////////////////////////*/	 
 

 #login
 {
	float: right;
	width:200px;/**/
	position: relative;
	right: 70px;
	margin-top:30px;/*Rajouter des marges*/
	margin-bottom:30px;/*Rajouter des marges*/
 }
 

/* COMPTEUR CATALOGUE  ///////////////////////////////////////////////////////////////////////////////////////////////*/	 
 
#compteur_pages
	{
   	text-align: center;
	clear: both;
	/*border:1px solid black;*/
    }

/*
#txt_compteur_pages
	{
   	text-align: center;
	border:1px solid black;
    }
*/
	
/*Liens Compteur  /////////////// */
a.compteur:link { 
	font-family:times, serif, trebuchet;
	font-size:14px;
	text-decoration: none; 
	/*color: white; */
	color: grey; 
	}
a.compteur:visited { 
	font-family:times, serif, trebuchet;
	font-size:14px;
	text-decoration: none; 
	/*color: white; */
	color: grey; 
	}
a.compteur:hover, a.compteur:active { 
	font-family:times, serif, trebuchet;
	font-size:14px;
	text-decoration: none /*underline*/;
	/*color: white; */
	color: grey; 
	}

	
#compteur_encours
	{
   	font-family:times, serif, trebuchet;
	font-size:15px;
	font-weight:bold;
	text-decoration: underline;
	color: red; 
    }

  
/* PIED DE PAGE  ///////////////////////////////////////////////////////////////////////////////////////////////*/	 
 

#liste_footer
{
	list-style-type: none;
	/*list-style-position: outside;*/
	margin:0;
	padding:0;
	font-size: 11px;
}

.liste_footer /* Doublon en attendant avec ID et Class */
{
	list-style-type: none;
	/*list-style-position: outside;*/
	margin:0;
	padding:0;
	font-size: 11px;
}
 
/* PIED DE PAGE  ///////////////////////////////////////////////////////////////////////////////////////////////*/	 
 
 #footer
 {
	float: left;
	width:900px;
	/*position: relative;
	bottom: 10px;
	heigth:200px;*/
	/**/margin-top: 20px;
	background:url(images/background_bottom.gif) repeat-x top left;
 }
 
#cadre_footer
 {
	/*border-left:1px solid saddlebrown;*/
	float: left;
	width:895px;
	margin-left: 4px;
	margin-bottom: 5px;
	/*padding-bottom: 10px;
	border-right:1px dashed white;*/
	position: relative;
	/*bottom: 10px;*/
	
	}
	
#col_footer
 {
	float: left;
	width:140px;
	margin-left: 5px;
	}

.col_footer /* Doublon en attendant avec ID et Class */
 {
	float: left;
	width:140px;
	margin-left: 5px;
	}
		 
/*Liens  Footer  /////////////// */

a.footer:link { 
	font-family:times, serif, trebuchet;
	font-size:11px;
	text-decoration: none; 
	color: white; 
	/*color: black; */
	}
a.footer:visited { 
	font-family:times, serif, trebuchet;
	font-size:11px;
	text-decoration: none; 
	color: white; 
	/*color: black; */
	}
a.footer:hover, a.footer:active { 
	font-family:times, serif, trebuchet;
	font-size:11px;
	text-decoration: underline;
	color: white; 
	/*color: black; */
	}