/* --- STYLES DE BASE --- */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

BODY {
	margin: 0; 
	padding: 0em; /* Remettre à zéro si nécessaire. */
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 12px; /* À adapter pour la police choisie. (3) */
	line-height:18px;
	color: #696969;
    background: white;
    text-align:justify;
} 

* {margin: 0; padding: 0;}	

img { border: 0 none; }

.clear {clear:both;}



/* Titres */
	h1, h2, h3, h4, h5, h6 {
	    margin: 0 0 8px 0; /* Rapproche le titre du texte. (5) */
	    font-weight: bold; /* Valeur par défaut. (6) */
	    font-style: normal;
	    color:#494a4a;
	    padding:0;
	    text-align:left;
	}
	h1 {
	   	font : normal normal 20px Arial Rounded MT Bold, arial, verdana;
	    padding-bottom:10px;
	    /*font-size: 18px; */
		/*border-bottom:1px #494a4a solid;*/
	}
	h1 a {
	   	font : normal normal 18px Arial Rounded MT Bold, arial, verdana;
	}
	h2 {
	    font-size: 16px;
	}
	h2 a {
	   	font : bold normal 15px Arial , arial, verdana;
	}
	h3 {
	    font-size: 15px;
	}
	h4 {
	    font-size: 14px;
	}
	
	h1 small {
			font: normal normal 14px Arial, Helvetica, sans-serif;  
	}

/* Listes */

	ul, ol {
	    margin: 0 0 12px 32px;
	    padding: 0;
	}	

	ul,ol {
		/*list-style: none;*/
	}
	ul li { 
		/*background: transparent url(/hsi_images/site/puce-liste.gif) 5px left no-repeat;*/
	}
	ol li { 
		/*background: transparent url(/hsi_images/site/puce-liste.gif) 5px left no-repeat;*/
	}
	li {margin-left: 0; padding-left: 10px;}
	ul {margin-left: 22px; padding-left: 0;}
	ul {
		text-align: left;
		padding-bottom:0px;
		margin-top: 0;
		margin-bottom: 3px;
	}


/* Liens */
	a {
   		text-decoration: underline;
    	color:#3a7067;
	}
	a:link { color:#3a7067; }
	a:visited { color:#3a7067; }
	a:hover, a:focus, a:active { color: crimson; text-decoration: none;}

	li,li a  {
		
	}

/* Paragraphes */
	p {
		/*font: normal 12px Verdana , Verdana, Helvetica, sans-serif;  */
		padding-bottom : 10px;
		/*border-bottom:1px black solid;*/
	}
	address {
	    margin: 0 0 0px 0;
	    font-style: normal;
	}
	blockquote {
		margin: 0 0 0px 35px;
	}	

/* Forumulaires */
	
	form, fieldset {
	    margin: 0;
	    padding: 0;
	    border: none;
	}
	input, button, select {
	    vertical-align: middle; /* Solution pb. d'alignement. (9) */
	}


/* Divers éléments de type en-ligne (8) */
	em {
	    font-style: italic;
	}
	strong {
	    font-weight: bold;
	}



/* Valeurs custom site */

	.TresPetite { font-family:Arial ; font-size:9px; }
	.Petite 	{ font-family:Arial ; font-size:10px; }
	.Normal 	{ font-family:Arial ; font-size:12px; }
	.Moyenne 	{ font-family:Arial ; font-size:13px; }
	.Grande 	{ font-family:Arial ; font-size:14px; }
	.TresGrande { font-family:Arial ; font-size:16px; }	
	.TresTresGrande { font-family:Arial ; font-size:18px; }	
	
	.TitreUniservice{
		font: normal 26px Arial Rounded MT Bold, arial, verdana;
		color:#494a4a;
	}
	.SousTitreUniservice{
		font: normal 14px Arial Rounded MT Bold, arial, verdana;
		color:#494a4a;
	}
	
	.Vert , .Vert a{ color:#3a7067 ;}
	.Rouge , .Rouge a{	color:#eb293a ; }
	.Gris , .Gris a{	color:#494a4a; }

/********************************************************************/
/*********************MENU*********************************/
/********************************************************************/
          	.cssMenu{
        		width:800px;
		 		border:none;
           		height:25px;
           		border-spacing: 0px;
				border-collapse: collapse; 
           	}
          	.cssItemNormal{
          		width: 100%;
           		height:25px;
          		text-align:center;
           	}
          	.cssItemHover{
            	width: 100%;
           		height:25px;
          		text-align:center;
				background:url(/uniservices_images/site/fleche-menu.gif) bottom center no-repeat;
          	}
          	.cssItemTextNormal{
          		font : bold 12px Arial;
          		color:#3a7067;
          		cursor:pointer;
          	}
         	.cssItemTextHover{
          		font : bold 12px Arial;
          		color:#eb293a;
          		cursor:pointer;
          	}
			.subMenu{
				background:url(/uniservices_images/site/sousmenu-bg.jpg) top left repeat-x;
				/*background:url(/uniservices_images/site/sousmenu-top.png) top center no-repeat;*/
				border:1px white solid;
		  		border-spacing: 0px;
				border-collapse: collapse; 
				width: 100%;
         	}
          	.subCssItemNormal, .subCssItemHover{
          		width: 100%;
           		height:25px;
          		text-align:left;
		   		margin: 0 5px 0 15px;
           	}
          	.subCssItemTextNormal{
          		font : bold 12px Arial;
          		color:#ffffff;
          		cursor:pointer;
          		padding: 0 5px 0 5px;
           	}
         	.subCssItemTextHover{
          		font : bold 12px Arial;
          		padding: 0 5px 0 5px;
           		color:#ffffff;
          		text-decoration:underline;
          		cursor:pointer;
          	}
          	.subsubCssItemNormal, .subsubCssItemHover{
          		font : normal 11px Arial;
          		width: 100%;
           		height:15px;
          		text-align:left;
		   		margin: 0 5px 0 35px;
           	}
          	.subsubCssItemTextNormal{
          		font : normal 11px Arial;
          		color:#ffffff;
          		cursor:pointer;
          		padding: 0 5px 0 5px;
           	}
         	.subsubCssItemTextHover{
          		font : normal 11px Arial;
          		padding: 0 5px 0 5px;
           		color:#ffffff;
          		text-decoration:underline;
          		cursor:pointer;
          	}


/********************************************************************/
/*********************SOUS NAV GAUCHE***************************/
/********************************************************************/
		.ArboTitre{
		  	background:url(/uniservices_images/site/ArboBG.gif) top left no-repeat;
		  	padding:0 0 0 10px;
		  	height:16px;
			clear:both;
		}
		.ArboTitre h2{
		   	background:url(/uniservices_images/site/ArboD.gif) top right no-repeat;
			font: normal 12px/16px Arial Rounded MT Bold, arial, verdana;
		   	float:left;
			color:#ffffff;
		 	height:16px;
			margin:0;
			padding:0 7px 0 0;
		}
		.ArboTitre h2 span{
		  	background:url(/uniservices_images/site/ArboG.gif) top left no-repeat;
			display:block;
			float:left;
			width:7px;
			height:16px;
		}

		ul#ListePages{
			position: relative;
			list-style: none;
			margin:0 0 0 5px; 
			padding: 0;
		}
		ul#ListePages li {
			background:url(/uniservices_images/site/puce.gif) 0 6px no-repeat;
			padding:0 0 0 8px !important;
			margin: 0 0 10px 0!important; 
			line-height:12px;
		}
		ul#ListePages li a{
			font: normal bold 12px arial, verdana;
		 	color:#3a7067;
		 	text-decoration:none;
		}
		ul#ListePages li a.selected{
			color:#ea293a;
		}
		ul#ListePages li ul{
			list-style: none;
			margin: 0 0 0 0!important; 
			padding :10px 0 0 15px !important;
		}
		ul#ListePages li ul li{
			background:url(/uniservices_images/site/puce2.gif) 0 6px no-repeat;
			padding:0 0 0 8px !important;
			margin:0 !important;
			line-height:12px;
		}
		ul#ListePages li ul li a{
			font: normal normal 11px arial, verdana !important ;
		 	color:#3a7067;
		}
		ul#ListePages li ul li a.selected{
			color:#ea293a;
		}


/********************************************************************/
/*********************HEADER***************************/
/********************************************************************/


			#Container{
                margin: 0 auto 0 auto;
                width:990px; 
                position:relative;
			}
			#Header{
				height:97px;
			    position:relative;
			}
			#HeaderHome{
	          	float:left;
	          	display:block;
	            width:181px;
                height:97px;
                /*border:1px green solid;*/
                text-indent:-9999px;
                background:#ffffff url(/uniservices_images/site/logo-uniservices.png) no-repeat;
          	}
  
 			#Nav{
 				position:absolute;
 				bottom:0;
 				left:190px;
 				z-index:999;
 			}
 			#Recherche{
 				position:absolute;
 				top:23px;
 				left:740px;
 			}
 			#HeadLine{
 			    height:81px;
                background:#ffffff url(/uniservices_images/site/headline-bg.jpg) repeat-x;
          	}
 			#HeadLine div{
 			   	font: normal 28px Arial Rounded MT Bold, arial, verdana;
 			   	color:#ffffff;
 			   	padding:37px 0 0 177px;
          	}
/***************************************/
/*********LAYERS************************/
			#ContenuAccueil{
				float:right;
				margin-right:30px;
				margin-top:40px;
				width:713px;
				display:inline;
			}
			#LeftCol{
				float:left;
				width:202px;
				margin-left:25px;
				margin-top:25px;
				position:relative;
				display:inline;
			}
			#Actus{
			}
			#Contenu{
				z-index:0;
				display:inline;
				float:right;
				margin-right:50px;
				margin-top:40px;
				width:658px;
			}
			#Arboresence{
				margin-top:20px;
				border-bottom:1px #3a7067 solid;
			}

		.inputRecherche {
			float:left;
			display:block;
			width:197px;
			height:13px;
			padding-top:3px;
			padding-left:3px;
			margin:3px 8px 0 0;
			background-color:#ffffff;
			border:none;
			color:#606060;
			font:normal 10px Arial Rounded MT Bold, arial, verdana;
		}
		.okRecherche {
			width:20px;
			height:16px;
			background:url(/uniservices_images/site/btn-ok.gif) no-repeat;
			border:0;
			margin:3px 0px 0 0px;
			padding:0;
			color:#c4c4c4;
			font:normal 12px Arial Rounded MT Bold, arial, verdana;
		}

/********************************************************************/
/*********************FOOTER***************************/
/********************************************************************/


		.Footer{
			background:url(/uniservices_images/site/footer-bg.jpg) top left repeat-x;
		}
		.Footer td{
			vertical-align:top;
			padding: 22px 5px 22px 22px;
			color:#6b6b6b;
			border-bottom:1px #d9d9d9 solid;
		}
		.Footer p{
			color:#6b6b6b;
			padding-top:0px;
			padding-bottom:3px;
			margin:0px;
		}
			
		 #Newsletter p{
			font: normal normal 10px Arial , Verdana, Helvetica, sans-serif;  
			padding:0 0 3px 0;
			margin:0;
		 }
		.inputNewsletter {
			float:left;
			display:block;
			width:195px;
			height:18px;
			padding-top:5px;
			padding-left:3px;
			margin:3px 0 0 0;
			background:url(/uniservices_images/site/newsletter-bg.gif) no-repeat;
			border:none;
			color:#707070;
			font:normal 10px Arial Rounded MT Bold, arial, verdana;
		}
		.okNewsletter {
			width:195px;
			height:22px;
			background:url(/uniservices_images/site/newsletter-btn.gif) no-repeat;
			border:0;
			margin:3px 0px 0 0px;
			padding:0;
			color:#707070;
			font:normal 12px Arial Rounded MT Bold, arial, verdana;
		}
		.ContactezNous{
			font:normal 12px Arial , verdana;
		}
		.Telephone img{
			vertical-align:baseline;
		}
		.Telephone{
			font:bold 14px Arial, verdana;
			color:#3a7067 !important;
		}
		.Email img{
			vertical-align:baseline;
		}
		.Email{
			font:bold 10px Arial, verdana;
			color:#3a7067 !important;
		}
		
		#FooterNav {
			border-bottom:10px #3a7067 solid;
			margin-bottom:20px;
		}
		#FooterNav div {
			float:right;
			padding-right:15px;
			font:normal 9px/43px verdana,Arial;
			color:#3a7067;
		}
		#FooterNav div a{
			font:normal 9px/43px verdana,Arial;
			color:#3a7067;
			text-decoration:none;
		}
		
		#ListeClients{
			width:210px;
		}


/********************************************************************/
/*********************FORM CONTACT DECLINE***************************/
/********************************************************************/
			.FormContactRapide input{
				width:145px;
				height:20px;
				font:normal 10px/20px arial;
				border:1px #d0d0d0 solid;
			}
			.FormContactRapide td{
				color:#606060;
				font:normal 8px arial;
				text-transform:uppercase;
				padding:0 5px 5px 0;
			}
			.FormContactRapide p{
				font-size:11px;
				padding-bottom:10px;
			}
			.okFormContactRapide {
				width:148px;
				height:19px;
				background:url(/uniservices_images/site/btn-envoyer.gif) no-repeat;
				border:0;
				margin:3px 0px 0 10px;
				padding:0;
				color:#707070 !important;
				font:normal 12px Arial Rounded MT Bold, arial, verdana;
			}	

			.FormContactTitre{
			  	padding:0 0 0 20px;
			  	height:21px;
				clear:both;
			}
			.FormContactTitre h2{
			   	background:url(/uniservices_images/site/infoD.gif) top right no-repeat;
				font: normal 12px/21px Arial Rounded MT Bold, arial, verdana;
			   	float:left;
				color:#ffffff;
			 	height:21px;
				margin:0;
				padding:0 9px 0 0;
			}
			.FormContactTitre h2 span{
			  	background:url(/uniservices_images/site/infoG.gif) top left no-repeat;
				display:block;
				float:left;
				width:8px;
				height:21px;
			}
/**********************************************/
/* Formulaire Contact */
/**********************************************/

	.FormContact{
		margin-top:25px;
	}
	.FormContact td{
		padding:2px;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #c4c4c4 solid;;
		font: normal normal 12px Arial,Times, Helvetica, sans-serif;
		padding: 2px 5px;
		color: #000000;
	}
	.FormSubmit {
		border:0 !important;
		background:url(/uniservices_images/site/newsletter-btn.gif) repeat-x;
		padding: 4px 10px !important;
		margin:3px 0px 0 0px !important;
		font:normal 12px Arial Rounded MT Bold, arial, verdana !important;
		color:#707070 !important;
	}
	.LargeInput{
		width:263px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:192px;
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:126px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}
	
	.Clikeo{
		text-align:right;
		padding:1px 0 1px 0;
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#6B6B6B;
	}

	.Clikeo a {
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#6B6B6B !important;
	}
	.Clikeo a:hover {
		color:#6B6B6B !important;
	}