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


body	{margin: 0 0 0 0;  background-color: #4887AC;color:#1C0B51;font: 11px Verdana, Helvetica, Arial, sans-serif;}

/*----------------LES BALISES MAJEURES HORS DIV SPECIFIQUES (cf #sidebar)----------------------------------------------------*/
p					{margin-top:0px;margin-bottom:20px;line-height:1.45em;font-size:11px}
input,select 		{}
table				{font: 11px Arial, Verdana, Helvetica, sans-serif; }
tr					{}
td					{}
div					{}
ul					{}
img					{border:0;}
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%;padding-bottom:1px;margin-bottom:0px;margin-top:30px;
					font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
h2					{font-size:13px;width:100%;font-weight:bold;margin-bottom:10px;margin-top:30px;font:Arial, Helvetica, sans-serif}
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;font:Arial, Helvetica, sans-serif}
h4					{margin-bottom:5px;font:Arial, Helvetica, sans-serif}
h5					{}


/*----------------   STRUCTURE DES PAGES   -----------------------------------------------------------------------*/
#centre				{position:relative;top:0;left:50%;height:1300px;width:960px;margin-left:-480px;
					background-color:white;z-index:1;border:1px solid transparent}
#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;height:25px;text-align:center;color:white;
   					background-color:#4887AC;}
 #ref			{position:absolute;top:0;left:0px;width:267px;height:1300px;background-color:#4887AC;z-index:2;color:#D8EAF3;}/*5B97BB*/
 #ref-service	{position:absolute;top:0;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;}

#droite p				{font-size:12px}

#news p					{text-align:left}

#service img			{float:left;margin:0 10px 15px 0}
/*----------------   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:144px;border:1px solid white;margin-bottom:0px;padding:3px;font-size:10px}
.ref_detail_t:hover	{background-color:#A7C7DA;text-decoration:none;}
.ref_detail			{width:144px;border:1px solid white;margin-bottom:20px;padding:3px;font-size:10px;}
.ref_detail:hover	{background-color:#A7C7DA;text-decoration:none;}
.grand				{font-size:12px;}
.normal				{font-size:11px}
.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;}
.floatLeft			{float:left;}
.fondLogo			{background-color:#FFFFFF;padding:5px;}

/* scrolling en accueil */
.scrollable 		{position:relative;overflow:hidden;width: 390px; height:400px;}
.scrollable h1 		{font-size:16px}
.scrollable .items {width:20000em;position:absolute;clear:both;}
.items div.item 	{width:390px;}
.items .itemDroite	{width:190px}