/* remise à zéro des navigateurs */
* { margin: 0; padding: 0; border: none; font-family: serif; text-decoration: none; } 

body
	{
		width:760px;
		margin: auto;
		text-align: center;
		font: 1em "times new roman", garamond, georgia, times, serif;
		background: #FFFFFF;
		/*scrollbar-face-color: #5A3A22; 
		scrollbar-shadow-color: #4f7803; 
		scrollbar-highlight-color: #4f7803; 
		scrollbar-3dlight-color: #FEFDF0; 
		scrollbar-darkshadow-color: #4f7803; 
		scrollbar-track-color: #FEFDF0;
		scrollbar-arrow-color: #4f7803;*/
	}

a 
	{
		font-weight: normal;
		color: #000000;
		text-decoration: underline;
	}
a.annultri
	{
	float:right;
	font-size: 1.2em;
	padding-bottom :2px;
	text-transform: uppercase;
	text-decoration: none;
	}
a.inscription 
	{	padding: 5px;
		border: 1px solid #00CDE6;
		font-weight: normal;
		background-color: #FFFFFF;
		color: #000000;
		text-decoration: underline;
	}
hr { margin: 5px auto ; size: 5; background-color: #00CDE6;}

hr.contact { margin: 5px auto ; height: 2px; width: 400px; background-color: #00CDE6;}
hr.orange { margin: 5px auto ; size: 5; background-color: #FFB160;}
.italic
	{
		font-style: italic;
		color: #000000;
		text-decoration: none;
	}
.gras
	{
		font-weight: bold;
		color: #000000;
	}
.asterix
	{
		font-weight: bold;
		font-size: 1.5em;
		color: #000000;
	}
.souligner
	{
		color: #000000;
		text-decoration: underline;
	}
	
.italicgras
	{
		font-weight: bold;
		font-style: italic;
		color: #000000;
		text-decoration: none;
	}
.italicsouligner
	{
		font-style: italic;
		color: #000000;
		text-decoration: underlign;
	}
.grassouligner
	{
		font-weight: bold;
		color: #000000;
		text-decoration: underline;
	}

.grasitalicsoul
	{	font-style: italic;
		font-weight: bold;
		color: #000000;
		text-decoration: underline;
	}	
/*liens trier petiite annonces*/
a.annonces
	{	
		text-transform: uppercase;
		font-size: 0.6em;
		font-weight: bold;
		color: #000000;
		text-decoration: underline;
	}
a:hover.annonces 
	{	
		color: FFFFFF;
		background :#F4D135;
	}

	
ul, li 
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
/*page par defaut en bleue*/		

#page
	{	
		float: left;
		width: 744px;
		text-align: left;
		border-top: 8px solid #000000;
		border-bottom: 8px solid #000000;
		border-left: 8px solid #000000;
		border-right: 8px solid #000000;
		background: #A0E1EB;
	
	}
/* page accueil*/
#pageaccueil
	{	
		float: left;
		width: 744px;
		text-align: left;
		border-top: 8px solid #000000;
		border-bottom: 8px solid #000000;
		border-left: 8px solid #000000;
		border-right: 8px solid #000000;
		background: #A0E1EB url(images/page/bas_hemi_bleu.jpg) no-repeat left bottom;
	
	}	
/* page commande*/
#pagecommande
	{	
		float: left;
		width: 744px;
		text-align: left;
		border-top: 8px solid #000000;
		border-bottom: 8px solid #000000;
		border-left: 8px solid #000000;
		border-right: 8px solid #000000;
		background: #A0E1EB;

	}
/* page bibli*/
#pagebibli
	{	
		float: left;
		width: 744px;
		text-align: left;
		border-top: 8px solid #000000;
		border-bottom: 8px solid #000000;
		border-left: 8px solid #000000;
		border-right: 8px solid #000000;
		background: #A0E1EB;

	}
/*page en jaune*/	
#pagejaune
	{
		float: left;
		width: 744px;
		text-align: left;
		border-top: 8px solid #000000;
		border-bottom: 8px solid #000000;
		border-left: 8px solid #000000;
		border-right: 8px solid #000000;
		background: #F4E085;
	}
/*page en orange*/	
#pageorange
	{
		float: left;
		width: 744px;
		text-align: left;
		border-top: 8px solid #000000;
		border-bottom: 8px solid #000000;
		border-left: 8px solid #000000;
		border-right: 8px solid #000000;
		background: #FFB160;
	}
		
#haut
	{
		margin: 5px 5px 0 5px;
		width: 725px;
		height: 116px;
		background: url(images/page/bandeau.jpg) no-repeat center top;
		border-top: 4px solid #000000;
		border-left: 4px solid #000000;
		border-right: 4px solid #000000;
		text-align: center;
		font-size: 2em;
		font-weight: bold;
		text-decoration: none;
		line-height: 6.1em;
		vertical-align: bottom;
		text-transform: uppercase;

	}
#hautbibli
	{
		margin: 5px 5px 0 5px;
		width: 725px;
		height: 116px;
		background: url(images/page/bandeau.jpg) no-repeat center top;
		border-top: 4px solid #000000;
		border-left: 4px solid #000000;
		border-right: 4px solid #000000;
		text-align: center;
		font-size: 2em;
		font-weight: bold;
		text-decoration: none;
		line-height: 6.1em;
		vertical-align: bottom;
		text-transform: uppercase;

	}
#langues
	{
		width: 102px;
		padding: 5px 15px 15px 8px;
		margin-left: 6px;
		margin-bottom: 5px;
		
	}
#languescommande
	{
		width: 102px;
		padding: 5px 15px 15px 8px;
		margin-left: 6px;
		
	}
#languesbibli
	{
		width: 102px;
		padding: 5px 15px 15px 8px;
		margin-left: 6px;
		
	}

#titre
	{ 
		float: right;
		width: 584px;
		color: #000000;
		height: 82px;
		border-right: 4px solid #000000;
		font-size: 2em;
		line-height: 3.5em;
		vertical-align: bottom;
		font-weight: bold;
		text-decoration: none;
		text-align: right;
		padding:0 15px 0 0;
		margin: 0 6px 0 6px;
		
	}
	
/*MENU*/
/*Retour Accueil*/
#accueil
		{ 	
			float:left;
			width: 96px;
			padding-left: 25px;
			margin-left: 3px;
			height: 37px; 
			border-left: 4px solid #000000;
			border-bottom: 2px solid #000000;
			background:url(images/menu/btn_accueil.gif) no-repeat right top;
			line-height: 2.4em;
			vertical-align: middle;
			font-size: 1em;
			text-align: center;
			text-transform: uppercase;
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
		}
		
		
#accueil li
		{
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
		
#accueil li a
		{
			
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
#accueil li a:hover 
		{
		
			text-decoration: underline;		
		}

/*menuallez à la bibliothèque*/
#menu.bibli
		{ 	
			float:right;
			width: 125px;
			padding-left: 2px;
			margin-left: 1px;
			font-size: 0.80em;
			text-align: center;
			text-transform: uppercase;
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
		}
		
		
#menu.bibli  li
		{
			color: #000000;
			background: #FFFFFF  url(images/menu/onglet_bleu.jpg) no-repeat left bottom;
			height: 34px;
			padding-top: 2px;
			line-height: 1.2em;
			vertical-align: middle;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			border-right: 2px solid #000000;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
		
#menu.bibli li a
		{
			
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
#menu.bibli li a:hover 
		{
		
			text-decoration: underline;		
		}
/*menu allez à commande*/
#menu.commande
		{ 	
			float:right;
			width: 125px;
			padding-left: 2px;
			margin-left:  0 0 0 1px;
			font-size: 0.80em;
			text-align: center;
			text-transform: uppercase;
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
		}
		
		
#menu.commande  li
		{
			color: #000000;
			background: #FFFFFF  url(images/menu/onglet_bleu.jpg) no-repeat left bottom;
			height: 34px;
			padding-top: 2px;
			line-height: 1.2em;
			vertical-align: middle;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			border-right: 2px solid #000000;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
		
#menu.commande li a
		{
			
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
#menu.commande li a:hover 
		{
		
			text-decoration: underline;		
		}
/*menu allez à la passer une petite annonces*/
#menupasserannonce
		{ 	
			float:right;
			width: 125px;
			padding-left: 2px;
			margin-left: 1px;
			font-size: 0.80em;
			text-align: center;
			text-transform: uppercase;
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
		}
		
		
#menupasserannonce  li
		{
			color: #000000;
			background: #FFFFFF  url(images/menu/onglet_jaune.jpg) no-repeat left bottom;
			height: 34px;
			padding-top: 2px;
			line-height: 1.2em;
			vertical-align: middle;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			border-right: 2px solid #000000;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
		
#menupasserannonce li a
		{
			
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
#menupasserannonce li a:hover 
		{
		
			text-decoration: underline;		
		}


		
/*menu par défaut bleu*/
#menu
		{ 	
			float:left;
			width: 125px;
			padding-left: 2px;
			margin-left: 1px;
			font-size: 0.80em;
			text-align: center;
			text-transform: uppercase;
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
		}
		
		
#menu  li
		{
			color: #000000;
			background: #FFFFFF  url(images/menu/onglet_bleu.jpg) no-repeat left bottom;
			height: 34px;
			padding-top: 2px;
			line-height: 1.2em;
			vertical-align: middle;
			border-left: 4px solid #000000;
			border-bottom: 2px solid #000000;
			border-right: 2px solid #000000;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
		
#menu li a
		{
			
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
#menu li a:hover 
		{
		
			text-decoration: underline;		
		}

/*Menu jaune*/
#menu li.jaune 
		{
			color: #000000;
			background: #FFFFFF url(images/menu/onglet_jaune.jpg) no-repeat left bottom;
			height: 34px;
			padding-top: 2px;
			line-height: 1.2em;
			vertical-align: center;
			border-left: 4px solid #000000;
			border-bottom: 2px solid #000000;
			border-right: 2px solid #000000;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
		
		
		
/*Menu orange*/
#menu li.orange
		{
			color: #000000;
			background: #FFFFFF url(images/menu/onglet_orange.jpg) no-repeat left bottom;
			height: 34px;
			padding-top: 2px;
			line-height: 1.2em;
			vertical-align: center;
			border-left: 4px solid #000000;
			border-bottom: 2px solid #000000;
			border-right: 2px solid #000000;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
		

		
/*Menu bas*/
		#menubas
		{	
			float: right;
			width: 700px;
			margin: 20px auto 20px auto;
			color: #000000;
			line-height: 1em;
			font-size: 0.65em;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
		}
		#menubas li 
		{
			margin: .5em 5px;
			padding: .5em;
			vertical-align: middle;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;
			list-style-type: none;
			float: right;
		}
		#menubas a
		{
			color:#000000;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			cursor: pointer;
		}
		#menubas a:hover
		{
			color: #000000;
			text-decoration: underline;
			cursor: pointer;
		}
		
/*Menu haut*/
		#menuhaut
		{
			width: 760px;
			margin: 0 10px;
			color: #00A3E6;
			line-height: 1.5em;
			font-size: 0.7em;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			clear: both;
		}

		#menuhaut li 
		{
			margin: .3em 2px;
			padding: .5em;
			line-height: 1.5em;
			vertical-align: middle;
			background-color: #FFFFFF;
			border-right: 2px solid #CBCBCB;
			border-bottom: 2px solid #CBCBCB;
			list-style-type: none;
			float: left;
		}
		#menuhaut a
		{
			color: #000000;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			cursor: pointer;
		}
		#menuhaut a:hover
		{
			color: #00CDE6;
		}
/*menuallez à la bibliothèque*/
#menu.bibli
		{ 	
			float:right;
			width: 125px;
			padding-left: 2px;
			margin-left: 1px;
			font-size: 0.80em;
			text-align: center;
			text-transform: uppercase;
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
		}
		
		
#menu.bibli  li
		{
			color: #000000;
			background: #FFFFFF  url(images/menu/onglet_bleu.jpg) no-repeat left bottom;
			height: 34px;
			padding-top: 2px;
			line-height: 1.2em;
			vertical-align: middle;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			border-right: 2px solid #000000;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
		
#menu.bibli li a
		{
			
			color: #000000; 
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
#menu.bibli li a:hover 
		{
		
			text-decoration: underline;		
		}


		

#hautcontenu
		{
			float: right;
			width: 586px;
			height: 27px;			
			margin: 0 6px 0 0;
			padding: 0 9px 0 9px;
			border-right: 4px solid #000000;
			background: #A0E1EB url(images/page/haut_texte.jpg) no-repeat right bottom; 
		}		
		

#hautcontenujaune
		{
			float: right;
			width: 586px;
			height: 27px;			
			margin: 0 6px 0 0;
			padding: 0 9px 0 9px;
			border-right: 4px solid #000000;
			background: #F4E085 url(images/page/haut_texte.jpg) no-repeat right bottom; 
		}		


#hautcontenuorange
		{
			float: right;
			width: 586px;
			height: 27px;			
			margin: 0 6px 0 0;
			padding: 0 9px 0 9px;
			border-right: 4px solid #000000;
			background: #FFB160 url(images/page/haut_texte.jpg) no-repeat right bottom; 
		}

#hautcontenuclient
		{
			float: right;
			width: 586px;
			height: 27px;			
			margin: 0 6px 0 0;
			padding: 0 9px 0 9px;
			border-right: 4px solid #000000;
			background: #FFB160 url(images/page/haut_texte.jpg) no-repeat right bottom; 
		}		
				
#bascontenu
	{
			float: left;
			width: 585px;
			height: 27px;			
			margin: 0 15px 0 0;
			padding: 0 9px 0 9px;
			background: url(images/page/bas_texte.jpg) no-repeat right bottom; 
		}	
/*CONTENU*/
/*par défaut bleu"*/
#contenu 
		{
			float: right;
			width: 603px; 
			margin-right: 6px;
			background: #FFFFFF; 
			line-height: 1em;
			font-size: 0.8em;
			color: #000000;
		}
		
p
		{
			padding: 5px 5px 5px 15px;
			text-align: left;
			line-height: 1.2em;
			font-size: 1.3em;
			color: #000000;
		}
p.petit
		{	
			width: 380px;
			padding: 5px 5px 5px 15px;
			text-align: left;
			line-height: 1.2em;
			font-size: 1.3em;
			color: #000000;
		}
p.petitdroite
		{	float:right;
			padding: 5px 15px 20px 5px;
			text-align: left;
			line-height: 1.2em;
			font-size: 1.3em;
			color: #000000;
		}
		
p.legende
		{	
			padding: 5px 5px 0 15px;
			text-align: left;
			line-height: 1.2em;
			font-size: 1.3em;
			font-style: italic;
			color: #000000;
		}
		
p.auteur
		{	float: right;
			padding: 5px 5px 0 15px;
			text-align: left;
			line-height: 1.2em;
			font-size: 1em;
			font-weight: bold;
			color: #000000;
		}
 p.center
		{
			padding: 5px 5px 5px 15px;
			text-align: center;
			line-height: 1.2em;
			font-size: 1.3em;
			color: #000000;
		}
		
		#contenu h1
		{	
			padding-left: 25px;
			padding-top: 5px;
			margin-bottom: 10px;
			color: #00CDE6;
			line-height: 2em;
			font-size: 1.6em;
			font-style: bold;
			text-transform: uppercase;
			background: #FFFFFF  url(images/menu/onglet_bleu.jpg) no-repeat left bottom;
			border-bottom: 1px solid #00CDE6;
			text-align: left;
		
		}
		#contenu h1.publi
		{	
			padding-left: 25px;
			padding-top: 5px;
			margin-bottom: 0;
			color: #00CDE6;
			line-height: 2em;
			font-size: 1.6em;
			font-style: bold;
			text-transform: uppercase;
			background: #FFFFFF  url(images/menu/onglet_bleu.jpg) no-repeat left bottom;
			border-bottom: 1px solid #00CDE6;
			text-align: left;
		
		}
		#contenu h2
		{	
			padding-top: 2px;
			padding-left: 15px;
			color: #00CDE6;
			line-height: 1em;
			font-size: 1.2em;
			font-style: bold;
			text-transform: uppercase;
			text-align: left;
			
		}
		
		#contenu h3   /*panoramique*/
		{	
		
			width: 595px;
			height: 440 px;
			margin: 0 auto;
			
		}
		#contenu h4
		{
			padding: 5px 15px 5px 15px;
			text-align: center;
			line-height: 1.2em;
			font-size: 1.3em;
			font-weight: bold;
			text-decoration: underline;
			color: #000000;
			
		}
		
		#contenu h6
		{
			padding: 0 3px ;
			text-align: left;
			line-height: 1em;
			font-size: 1em;
			font-weight: bold;
			color: #000000;
			
		}
/* pour contenu article du trimestre*/
		#contenuarticle
		{
			float: right;
			width: 603px; 
			margin-right: 6px;
			background: #FFFFFF; 
			line-height: 1em;
			font-size: 0.8em;
			color: #000000;
		}
		#contenuarticle h1
		{	
			padding-left: 25px;
			padding-top: 5px;
			margin-bottom: 10px;
			color: #00CDE6;
			line-height: 2em;
			font-size: 1.6em;
			text-transform : none;
			font-style: bold;
			background: #FFFFFF url(images/menu/onglet_bleu.jpg) no-repeat left bottom;
			border-bottom: 1px solid #00CDE6;
			text-align: left;
		
		}
/*contenu jaune*/
		#contenujaune
		{
			float: right;
			width: 603px; 
			margin-right: 6px;
			background: #FFFFFF; 
			line-height: 1em;
			font-size: 0.8em;
			color: #000000;
		}
		
		#contenujaune p.annonces
		{	float: left;
			margin: 5px auto;
			width: 600px; 
		}
		
		#contenujaune h1
		{	
			padding-left: 25px;
			padding-top: 5px;
			margin-bottom: 10px;
			color: #F4D135;
			line-height: 2em;
			font-size: 1.6em;
			font-style: bold;
			text-transform: uppercase;
			background: #FFFFFF  url(images/menu/onglet_jaune.jpg) no-repeat left bottom;
			border-bottom: 1px solid #F4D135;
			text-align: left;
		
		}
		#contenujaune h2
		{	
			padding-top: 2px;
			padding-left: 15px;
			color: #F4D135;
			line-height: 1em;
			font-size: 1.2em;
			font-style: bold;
			text-transform: uppercase;
			text-align: left;
			
		}
		
/*contenuorange*/
		#contenuorange
		{
			float: right;
			width: 603px; 
			margin-right: 6px;
			background: #FFFFFF; 
			line-height: 1em;
			font-size: 0.8em;
			color: #000000;
		}
		
		
		#contenuorange h1
		{	
			padding-left: 25px;
			padding-top: 5px;
			margin-bottom: 10px;
			color: #FFB160;
			line-height: 2em;
			font-size: 1.6em;
			font-style: bold;
			text-transform: uppercase;
			background: #FFFFFF  url(images/menu/onglet_orange.jpg) no-repeat left bottom;
			border-bottom: 1px solid #FFB160;
			text-align: left;
		
		}
		#contenuorange h2
		{	
			padding-top: 2px;
			padding-left: 15px;
			color: #FFB160;
			line-height: 1em;
			font-size: 1.2em;
			font-style: bold;
			text-transform: uppercase;
			text-align: left;
			
		}

/*contenuclient*/
		#contenuclient
		{
			float: right;
			width: 603px; 
			margin-right: 6px;
			background: #FFFFFF; 
			line-height: 1em;
			font-size: 0.8em;
			color: #000000;
		}
		
		
		#contenuclient h1
		{	
			padding-left: 25px;
			padding-top: 5px;
			margin-bottom: 10px;
			color: #FFB160;
			line-height: 2em;
			font-size: 1.6em;
			font-style: bold;
			text-transform: uppercase;
			background: #FFFFFF  url(images/menu/onglet_orange.jpg) no-repeat left bottom;
			border-bottom: 1px solid #FFB160;
			text-align: left;
		
		}
		#contenuclient h2
		{	
			padding-top: 2px;
			padding-left: 15px;
			color: #FFB160;
			line-height: 1em;
			font-size: 1.2em;
			font-style: bold;
			text-transform: uppercase;
			text-align: left;
			
		}
		
/*contenu commande*/
		#contenucommande
		{
			float: left;
			width: 744px; 
			margin-right:0 6px 0 0;
			background: #FFFFFF; 
			line-height: 1em;
			font-size: 0.8em;
			color: #000000;
		}
		
		#contenucommande p
		{	margin: 0;
			padding: 3px;
			color: #000000;
			font-size: 1.2em;
			line-height: 1.2em;
			text-align: left;
		
		}
		
		#contenucommande h1
		{	
			padding-left: 25px;
			margin-bottom: 5px;
			margin-top: 0;
			color: #00CDE6;
			line-height: 2em;
			font-size: 1.6em;
			font-style: bold;
			text-transform: uppercase;
			background: #FFFFFF  url(images/menu/onglet_bleu.jpg) no-repeat left bottom;
			border-bottom: 1px solid #00CDE6;
			text-align: left;
		
		}
		#contenucommande h2
		{	
			padding: 10px;
			color: #000000;
			font-size: 1.2em;
			line-height: 1em;
			text-transform: uppercase;
			text-align: left;
		
		}
		#contenucommande h4
		{	
			font-size: 1.4em;
			text-decoration: none;
			font-style: bold;
		}
		#contenucommande h5
		{	
			padding: 5px;
			color: #FFFFFF;
			font-size: 1.4em;
			line-height: 1em;
			font-style: bold;
			text-transform: uppercase;
			text-align: center;
		
		}
		#contenucommande h6
		{	
			padding: 5px;
			color: #000000;
			font-size: 1em;
			line-height: 1em;
			font-style: bold;
			text-transform: uppercase;
			text-align: left;
		
		}
		
/*contenu bibli*/
		#contenubibli
		{
			float: left;
			width: 744px; 
			margin-right:0 6px 0 0;
			background: #FFFFFF; 
			line-height: 1em;
			font-size: 0.8em;
			color: #000000;
		}
		
		#contenubibli p
		{	margin: 0;
			padding: 3px;
			color: #000000;
			font-size: 1.3em;
			line-height: 1.2em;
			text-align: left;
		
		}
		
		#contenubibli h1
		{	
			padding-left: 25px;
			margin-bottom: 5px;
			margin-top: 0;
			color: #00CDE6;
			line-height: 2em;
			font-size: 1.6em;
			font-style: bold;
			text-transform: uppercase;
			background: #FFFFFF  url(images/menu/onglet_bleu.jpg) no-repeat left bottom;
			border-bottom: 1px solid #00CDE6;
			text-align: left;
		
		}
		#contenubibli h2
		{	
			padding: 10px;
			color: #000000;
			font-size: 1.2em;
			line-height: 1em;
			text-transform: uppercase;
			text-align: left;
		
		}
		#contenubibli h4
		{	
			text-decoration: none;
		}
		#contenubibli h5
		{	
			padding: 5px;
			color: #FFFFFF;
			font-size: 1.4em;
			line-height: 1em;
			font-style: bold;
			text-transform: uppercase;
			text-align: center;
		
		}
/*listebibli*/
		#listebibli
		{
			float: left;
			width: 744px; 
			margin-right:0 6px 0 0;
			background: #FFFFFF; 
			line-height: 1em;
			font-size: 0.8em;
			color: #000000;
		}
		
		#listebibli p
		{	
			margin: 0 auto;
			width : 650px;
			padding: 2px 5px;
			color: #000000;
			font-size: 1.5em;
			line-height: 1.2em;
			text-align: justify;
		
		}
		
		
		
#ligne		
		{	
			height:4px;
			border-bottom: 2px solid #00CDE6;
			margin-bottom: 10px;
		
		}
		
		
/* CONTENU VOIR ANNONCES*/

		 h1.titreannonces
		{	
			margin: 23px 204px 0px 0px;
			border-bottom: 2px solid #F4E085;
		}

		#annonce
		{
			float: left;
			width: 563px; 
			margin: 0 21px 5px 19px;
			background: #F4E085;
		}
/*  mise en forme petite annonce*/		
		#petiteannonce
		{
			margin: 5px 10px 5px 5px;
			padding: 2px;
			border: 1px solid #FFFFFF;
			background: #F4E085;
		}

		#petiteannonce p.intituler
		{	
			padding: 3px;
			font-size: 1.2em;
			font-weight: bold;
			text-transform: uppercase;
			text-align: left;
			color: #000000;
			background: #FFFFFF;
			
		}
		
		#petiteannonce p.descriptif
		{	
			padding: 5px ;
			min-height:100px;
			line-height: 1em;
			font-size: 1.3em;
			font-style: normal;
			text-align: left;
			color: #000000;
			background: #F4EFD9;
		}
		#petiteannonce p.date
		{	
			float: right;
			font-size: 0.9em;
			padding-right: 3px;
			font-style: italic;
			font-weight: bold;
			text-transform: uppercase;
			text-align: left;
			text-decoration: none;
			cursor: none;
			
		}
		#petiteannonce p.categorie
		{	padding: 3px;
			font-size: 1.em;
			font-weight: bold;
			text-transform: uppercase;
			text-align: left;
			color: #000000;
			background: #FFFFFF;
			border-top: 3px solid #F4E085;
			
		}
		
		#petiteannonce p.auteurannonce
		{	
			background: #FFFFFF;
			padding: 3px;
			
		}
		#petiteannonce p.interannonces
		{	
			
			height: 3px;
			
		}
#adresse
{
float: right;		
width: 200px;
border: 3px solid #A0E1EB;		
}
/* FORMULAIRES*/
/* de base pour commande*/

/* contact*/
#formadresse { float:left; margin: 5px 20px; }
#formadresse  h5{ padding: 0 2px; margin: 0; font-size: 1.1em; color: #000000; font-weight:bold; }
#formadresse p { margin-top: 1.5em; line-height: 1.4em; vertical-align: middle; }
#formadresse ul { font-size: 1.1em; }
#formadresse input { margin-left: .3em; margin-bottom: .5em; padding-left: .2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-weight: bold; }
#formadresse select { margin-left: .3em; margin-bottom: .5em; font-size: 1em; padding-left: .2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; }
#formadresse textarea { margin: 10px; padding-left: .2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-weight: bold; }
#formadresse option { margin: 2px; padding-left: .2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; font-size: 1em; font-weight: bold; }

/* blibliothèque*/
#formbibli { float:left; margin: 10px 5px; border-top: 2px solid #000000; border-bottom: 2px solid #000000}
#formbibli  h5{ padding: 0 2px; margin: 0; font-size: 1.1em; color: #000000; font-weight:bold; }
#formbibli p { margin-top: 1.5em; line-height: 1.4em; vertical-align: middle; }
#formbibli  input { margin-left: .3em; margin-bottom: .5em; padding-left: .2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-weight: bold; }
#formbibli  textarea { margin: 10px; padding-left: .2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-weight: bold; }
#formbibli select { margin: 2px; padding-left: .2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; font-size: 1em; text-transform: uppercase; }
#formbibli option { margin: 2px; padding-left: .2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; font-size: 1em; }

/*inscription*/
#forminscript { float:left; margin: 5px 20px 30px 5px; }
#forminscript  h5{ padding: 0 2px; margin: 0; font-size: 1.3em; color: #000000; }
#forminscript p { margin-top: 1.5em; line-height: 1.4em; vertical-align: middle; }
#forminscript input { margin-left: .3em; margin-top: .5em; margin-bottom: .5em; padding-left: .2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-size: 1.3em; }
#forminscript textarea { margin: 10px; padding: 5px .2em 5px.2em; border: 1px solid #00CDE6; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-size: 1.3em; }

/* passer une petite annonce*/

#formpasanon { float:left; margin: 5px 20px;}
#formpasanon  h5{ padding: 0 2px; margin: 0; font-size: 1.1em; color: #000000; font-weight:bold; }
#formpasanon p { margin-top: 1.5em; line-height: 1.4em; vertical-align: middle; }
#formpasanon ul { font-size: 1.1em; }
#formpasanon input { margin-left: .3em; margin-bottom: .5em; padding-left: .2em; border: 1px solid #FFB160; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-weight: bold; }
#formpasanon textarea { margin: 10px; padding-left: .2em; border: 1px solid #FFB160; background: #FFFFFF; color: #000000; width:390px; height: 130px; line-height: 1.2em; vertical-align: middle; font-weight: bold; }
#formpasanon select { margin: 10px; padding-left: .2em; border: 1px solid #FFB160; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-weight: bold; text-transform: uppercase;}
#formpasanon option { margin: 3px; padding-left: .2em; background: #FFFFFF; color: #000000; font-weight: bold; text-transform: uppercase;}

/* formulaire log espace client*/
#formloghemi { float:right; margin: 5px 30px; width: 500px; border: 1px solid #FFB160; padding: 5px 10px;}
#formloghemi  p {padding-left: 5px; vertical-align: middle; font-size: 1.4em;}
#formloghemi  input { border: 1px solid #FFB160; background: #FFFFFF; color: #000000;}
#formloghemi   h5{ padding: 0; margin: 0; font-size: 1.1em; color: #000000; line-height: 1.4em;}

/* formulaire paiement*/
#formpaie { float:right; margin: 0 20px 10px 0; padding: 5px 10px; border-bottom: 2px solid #FFB160;}

/* formulaire changer d'abonnement espace client*/
#formchange { float:right; margin: 5px 20px; border: 1px solid #FFB160; padding: 5px 10px;}
#formchange p {padding-left: 5px; vertical-align: middle; }
#formchange input { border: 1px solid #FFB160; background: #FFFFFF; color: #000000; padding: 5px;}

/* formulaire petite annonces dans espace client*/
#formanonclient { float:left; margin: 0 20px 10px 0; padding: 5px 10px; border-bottom: 2px solid #FFB160;}
#formanonclient p { padding-left: 5px;}
#formanonclient input { border: 1px solid #FFB160; background: #FFFFFF; color: #000000;}
#formanonclient textarea { margin: 5px; width: 403px; height:100px; padding: 0 5px; border: 1px solid #FFB160; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle;}
#formanonclient  h5{ padding: 0; margin: 0; font-size: 1.1em; color: #000000; line-height: 1.4em;}

/*input.cases { background: none; margin-right: .1em; text-align: left; }
input.petit { width: 4em; }
select { margin-top: .5em; margin-left: .3em; padding-left: .5em; border: 1px solid #4F7803; background: #FFFFFF; color: #5A3A22; }
option { padding-left: .5em; }
	option.detail { margin-left: 2em; font-style: italic; }

	.agauche { float: left; margin-left: 5px; margin-right: 15px; }
	.adroite { float: right; margin-left: 15px; margin-right: 5px; }
	.detail { font-size: 90%; font-style: italic; font-weight: normal; line-height: 1em; }
	.civilite input { margin-left: 3em; background: none; border: 0; }
	.deuxcolonnes { width: 50%; height: 8.5em; margin-bottom: 3em; float: left; }
	.adresse textarea { margin-left: 0; width: 200px; }
	.cedex { font-size: 10%; }
		.cedex input { width: 10px; vertical-align: middle; }
	.telephones input { margin-left: .3em; margin-right: 1.5em; vertical-align: middle; }
	.budget { margin: 1.5em 0 0 2em; line-height: 1.5em; vertical-align: middle; }
		.budget input { text-align: right; vertical-align: middle; }
	.envoyer {  margin: 1em; margin-left: 200px; float: right; }
		.envoyer input { padding: .2em; background: #5A3A22; color: #FEFDF0; }
*/		
/* formulaire  aller à  passer  une annonce*/
	form.soumettre { width: 603px; margin: 5px auto;  background: #FFFFFF; line-height: 1em; font-size: 1.2em; color: #000000;}
	form.soumettre legend {padding: auto 10px; line-height: 1em; font-size: 1em; text-align: center; text-transform: uppercase; color: #000000; }
	form.soumettre fieldset { width: 560px; margin: 5px auto; padding-top: 10px; padding-left: 10px; border: 2px solid #F4E085;}
	form.soumettre p { text-align: left; color: #000000; font-size: 0.6em; background: #FF0000; }
	form.soumettre input { margin-top: .5em; margin-left: .3em; padding:5em; border: 1px solid #F4E085; background: #FFFFFF; text-transform: uppercase; color: #000000; }
	option.soumettre { padding-left: .5em; border: 4px solid #F4E085;}
	textaera.soumettre { padding-left: .5em; border: 4px solid #F4E085;}
.majuscule { text-transform: uppercase; }

	
/*IMAGES*/
#img
	{
	border:0;
	
	}
/*image centrée*/
	
.centre
	{
   display: block;
   margin-left: auto;
   margin-right: auto;

   }
/*image à gauche*/
.agauche
	{	
	float: left;
	margin: 10px;
	}
/*Image à droite*/
.adroite
	{		
	float:right;
	margin: 10px;
	
	}
	/*legende image*/
#legende
{
	float:left;
	width: 600px;
	font-size: 1.2em;
	line-height: 1em;
	vertical-align: bottom;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	margin-left: 10px;
	margin-top: 3px;
	margin-right: 3px;
}
#legende.adroite
{	width: 580px;
	text-align: right;
}