/* CSS Document */
/***************************************/
/*** croisix -  Tout droits réservés ***/
/***************************************/
body	{
	margin: 0 0 0 0;
	background-color: #2A719B;/*#2A719B*/
	color:#1C0B51;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}/*4887AC*/

/*----------------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;padding-bottom:1px;margin:0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
h2					{font-size:13px;width:100%;font-weight:bold;margin:30px 0 10px 0;font-family: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:Arial, Helvetica, sans-serif;margin:0;}
h4					{margin-bottom:5px;font:Arial, Helvetica, sans-serif}
h5					{}


/*----------------   STRUCTURE DES PAGES   -----------------------------------------------------------------------*/
#centre				{position:relative;top:0;width:960px;height:1530px;margin:auto;
					background:url(images/fond-centre.png) 268px 0px repeat-y white;z-index:1;border:0}
#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:20px;left:268px;width:691px;height:189px;}
   #menu			{position:relative;top:-1px;left:0px;width:493px;height:25px;text-align:center;color:white;
   					border-top:2px solid #61C903}
 #ref			{position:absolute;top:0;left:0px;width:242px;height:1530px;background-color:#F2F2F2;z-index:2;color:#D8EAF3;
 				 padding-left:25px;}/*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:0px;width:220px;color:#1C0B51;visibility: visible;}
	#ref_onglet		{position:absolute;top:-121px;left:-77px;width:27px;height:145px;z-index:100;display:none;}
 #contenu		{position:relative;left:317px;top:240px;width:390px;z-index:100;}
	#news			{position:relative;top:10px;background-color:white;}
 #droite			{position:absolute;left:760px;top:208px;width:198px;}
	#contact		{padding:10px 15px 10px 20px;margin-bottom:10px;background-color:#F2F2F2;}
	#contactTop		{border-top:2px solid #666666;background-color:#F2F2F2;}
	 
	#service		{background:url(images/fond-services.png) top left repeat-y transparent;}

#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:#00E;text-decoration:none;border-bottom:1px dotted #FFFFFF}
#ref_contenu a:hover	{border-bottom:1px solid #00E}

#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;}
#contenu a 				{color:#00E;text-decoration:none;}
#contenu a:hover		{text-decoration:underline}

#presentation p			{text-align:justify;}

#droite p				{font-size:12px}

#contact a 				{color:#00E;text-decoration:none;border-bottom:1px dotted #FFFFFF}
#contact a:hover		{border-bottom:1px solid #00E}

#contactTop p	{padding:10px 0 10px 20px;border-bottom:2px solid #1C0B51;color:#1C0B51;width:178px;}

#news p					{text-align:left}
#news img				{width:140px;Padding:3px;border:2px solid #F2F2F2;background-color:#FFF;}
#news img:hover			{border:2px solid #DD00A5;}

#service img			{float:left;margin:0 10px 15px 0}
#service h1 			{margin-top:0;margin-bottom:10px;font-size:14px;border-top:2px solid #61C903;
						 border-bottom:2px solid #61C903;padding:8px 0 8px 20px;color:#2B3F04;}
/*----------------   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;}
.encadre			{-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;
					 border:2px solid #2A719B;padding:15px;width:356px}
.rub				{width:180px;margin-bottom:10px;padding-top:4px;padding-bottom:4px;font-size:16px;font-weight:bold;}
.sstitre			{width:150px;border-bottom:1px solid #B6CFDE;padding-bottom:4px;margin-bottom:10px;}
.references			{background:#FFFFFF; width:185px;border:3px solid #CCCCCC;
					 font-size:11px;padding:10px;margin-bottom:20px;color:#666;}
.references img		{margin:5px 0 5px 0;text-align:center;}
.references:hover	{background-color:#CCC;}
.ref_img			{width:174px;border-left:1px solid #B6D1E0;border-right:1px solid #B6D1E0 }
.ref_detail_t		{width:174px;border:1px solid #B6D1E0;margin-bottom:0px;padding:10px;font-size:10px;border-bottom:0;}
.ref_detail_t:hover	{background-color:#A7C7DA;text-decoration:none;}
.ref_detail			{width:174px;border:1px solid #B6D1E0;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;}
.clear				{clear:both;}

/* scrolling en accueil */
.scrollable 		{position:relative;overflow:hidden;width: 410px; height:600px;}
.scrollable h1 		{font-size:27px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
.scrollable h2 		{font-size:17px;font-family:Georgia, "Times New Roman", Times, serif;margin:0;color:#000000;
					 font-weight:normal;}
.scrollable h3 		{font-size:11px;color:#666;font-weight:normal;margin-bottom:15px;}
.scrollable .items	{width:20000em;position:absolute;clear:both;}
.items div.item 	{width:410px;}
.items .itemDroite	{width:240px}
.items .itemDroite h1 {margin-top:0;color:#DD00A5;}
.items .ssitemGa	{font-size:10px;margin:0 0 10px 0;color:#999;text-align:left;float:left;clear:left;width:80px;}
.items .ssitemDr	{font-size:12px;margin:0 0 10px 15px;float:left;width:135px;}
.navi 				{height: 30px;text-align:center;margin:10px;}
.navi a 			{  background-color: #F2F2F2; border: 2px solid #61C903; cursor: pointer; display: inline-block; float: left; height: 12px;  margin: 0 0 10px 10px; width: 12px;}
.navi a.active 		{background-color: #DD00A5;border:2px solid #DD00A5;}
.navi a.active:hover{background-color: #DD00A5;border:2px solid #DD00A5;}
.navi a:hover 		{background-color: #DD00A5;border:2px solid #DD00A5;}