/* CSS Document */
/***************************************/
/*** croisix -  Tout droits réservés ***/
/***************************************/


body	{
			margin: 0px 0px 0px 0px;  
			background-color: #4887AC;
			color:#1C0B51;
			font: 11px Verdana, Helvetica, Arial, sans-serif;
			scrollbar-base-color: #A7C7DA;
			scrollbar-arrow-color:#FFFFFF;
			scrollbar-track-color:#A7C7DA;
			scrollbar-3Dlight-color:#18429C;
			scrollbar-face-color:#35435f;
			scrollbar-highlight-color:#323F48;
			scrollbar-shadow-color:#323F48;
			scrollbar-darkshadow-color:#323F48;
			cursor: url(images/aero.cur);
		}

/*----------------LES BALISES MAJEURES HORS DIV SPECIFIQUES (cf #sidebar)----------------------------------------------------*/
p					{margin-top:0px;margin-bottom:20px;}
input,select 		{}
table				{font: 11px Arial, Verdana, Helvetica, sans-serif; }
tr					{}
td					{}
div					{}
ul					{}
img					{border:0px;}
li					{margin-bottom:10px;text-align:justify; }
form				{}
select				{width:250px; background-color:#F4F4F4;margin-bottom:5px;}
input				{border: solid 1px #CCCCCC;background-color:#F4F4F4;width:250px;margin-bottom:5px;color:#4887AC;}
textarea			{}
a					{color:#1C0B51;cursor: url(images/hand.ani);} 
a:hover				{text-decoration:none;}
h1					{font-size:22px;width:100%;font-weight:bold;padding-bottom:1px;margin-bottom:0px;margin-top:30px;}
h2					{font-size:13px;width:100%;font-weight:bold;margin-bottom:10px;margin-top:30px;}
h2.sous				{border-bottom:1px solid #4887AC;padding-bottom:1px;margin-bottom:0px;}
h2.accueil			{margin-top:0px;}
h2.decolle			{margin-bottom:20px;}
h3					{font-size:12px;font-weight:bold;border-bottom:20px;}
h4					{margin-bottom:5px;}
h5					{}


/*----------------   STRUCTURE DES PAGES   -----------------------------------------------------------------------*/


#centre				{position:relative;top:0px;left:50%;height:1900px;width:960px;margin-left:-480px;
					background-color:white;z-index:1;border-left:1px solid white;border-bottom:1px solid white;}
#centre-service		{position:relative;top:0px;left:50%;height:2500px;width:960px;margin-left:-480px;
					background-color:white;z-index:1;}
 #bandeau		{position:absolute;top:0px;left:268px;width:691px;height:189px;}
   #menu			{position:relative;top:-1px;left:0px;width:493px; text-align:center;color:white;}
 #ref			{position:absolute;top:0px;left:0px;width:267px;height:1900px;background-color:#5B97BB;z-index:2;color:#D8EAF3;}
 #ref-service	{position:absolute;top:0px;left:0px;width:267px;height:2500px;background-color:#4887AC;z-index:2;color:#D8EAF3;}
 	#ref_contenu	{position:relative;left:20px;width:200px;color:white;visibility: visible;}
	#ref_onglet		{position:absolute;top:-121px;left:-77px;width:27px;height:145px;z-index:100;}
 #contenu		{position:relative;left:317px;top:230px;width:390px;z-index:100;}
	#news			{position:relative;top:10px;}
 #droite			{position:absolute;left:760px;top:190px;width:195px; }
	#contact		{border-left:1px dotted #4887AC; border-bottom:1px dotted #4887AC; padding-left:10px;padding-bottom:5px;padding-top:5px;margin-bottom:10px;}

#pied_page		{position:relative;left:50%;top:10px;margin-left:-480px;z-index:4;width:958px;text-align:right;height:50px;color:white;}
	/*#menu_client	{position:relative;top:10px;}*/
	
/*----------------   DIV SPECIFIQUES ------------------------------------------------------------------------------*/
#menu td a				{color:white;cursor: url(images/hand.ani);text-decoration:none;} 
#menu td:hover			{background-color:#A7C7DA;text-decoration:none;}
#menu td				{background-color:#4887AC;}

#pied_page a			{color:white;}
#pied_page a:hover		{background-color:#FFFFFF;color:#4887AC;text-decoration:none;}

#ref_contenu a 			{color:white;text-decoration:none;}
#ref_contenu a:hover	{color:white;cursor: url(images/hand.ani);}

#references	a 			{color:#1C0B51;cursor: url(images/hand.ani);text-decoration:none;} 
#references a:hover		{background-color:#A7C7DA;text-decoration:none;}


#contenu .titre			{width:400px;}
#contenu p				{line-height: 1.45em;}

#presentation p			{text-align:justify;}


/*----------------   CLASSES COMMUNES ------------------------------------------------------------------------------*/
a.bleu				{color:#6D9FBD;text-decoration:none;width:150px;}
a.bleu:hover		{background-color:#A7C7DA;color:#1C0B51;cursor: url(images/hand.ani);}

.trait				{border-bottom:5px solid #CCCCCC;margin-bottom:15px;}
.trait2				{border-bottom:1px dotted #CCCCCC;margin-bottom:5px;}
.rub				{width:180px;margin-bottom:10px;padding-top:4px;padding-bottom:4px;}
.sstitre			{width:150px;border-bottom:1px solid #B6CFDE;padding-bottom:4px;margin-bottom:10px; }
.ref_img			{width:150px;border-left:1px solid white;border-right:1px solid white }
.ref_detail_t		{width:150px;border:1px solid white;margin-bottom:0px;}
.ref_detail_t:hover	{background-color:#A7C7DA;text-decoration:none;}
.ref_detail			{width:150px;border:1px solid white;margin-bottom:20px;font-size:10px;}
.ref_detail:hover	{background-color:#A7C7DA;text-decoration:none;}
.grand				{font-size:12px;}
.blanc				{color:#FFFFFF;}
.petitmaj			{font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps;color: #4887AC;}
.marge0				{margin:0px;}
.marge5				{margin-bottom:5px;}
.espace_g20			{margin-left:15px;}
.float_dr			{float:right; margin:0px 0px 0px 40px;width:250px;}
.float_dr2			{float:right;}	
.membre				{border: solid 1px #CCCCCC;background-color:#F4F4F4;width:100px;margin-bottom:5px;}
.contour			{border:4px solid #A4C5D8;} /*photo de Hubert*/
.contour:hover		{border:4px solid #4887AC;} /*photo de Hubert*/
.img_rec			{border:4px solid #A4C5D8;}
.img_rec:hover		{border:4px solid #4887AC;}
.ref_lien			{text-decoration:none;}
.float				{float:left;margin:0px 20px 20px 0px;}