/**********************************************/
/*	CORPS DE LA PAGE	*/
/**********************************************/
	BODY {
		margin: 0; 
		padding: 0;
		color : #000000;
		font: normal 12px Verdana, Arial, Helvetica, sans-serif;  
	} 
	
	* {margin: 0; padding: 0;}	

	#firstcontainer {
		text-align: center; 
	}
	#container { 
		margin-bottom: 0px; 
		margin-left: auto; 
		margin-right: auto; 
		margin-top: 0px; 
		margin-bottom: 0px; 
		/*overflow: hidden; 
		position: relative;  */
		text-align: left; 
		width: 850px;
		border :1px #6594d5 solid;
		background-color:#ffffff;
	}

	img {
        border: 0 none;
	}

	#containersite { 
		/*border :1px #8f9095 solid;*/
		margin: 0px;
		height: 300px;
	}

	html>body #containersite {
		height: auto;
		min-height: 300px; 
	} 


/**********************************************/
/*	DIVERS	*/
/**********************************************/
	#BarreNavigation {
		height:24px;
	}
	#BarreNavigation a {
		font: normal bold 12px Arial, Georgia , Helvetica, sans-serif;  
		color:#5b420e;
		text-transform:uppercase;
		text-decoration:none;
	}
	#BarreNavigation a:hover {
		text-decoration:underline;
	}

/**********************************************/
/*	Standard Definition	*/
/**********************************************/
	.TresPetite { font-family:Verdana ; font-size:9px; }
	.Petite 	{ font-family:Verdana ; font-size:10px; }
	.Normal 	{ font-family:Verdana ; font-size:11px; }
	.Moyenne 	{ font-family:Verdana ; font-size:12px; }
	.Grande 	{ font-family:Verdana ; font-size:14px; }
	.TresGrande { font-family:Verdana ; font-size:16px; }	
	
	h1 { 
		background:#6d9ad8 url(/hexapap_images/site/h1-bg.jpg) repeat-y left;
		color : #ffffff;
		font: normal normal 18px Verdana, Arial, Helvetica, sans-serif; 
		padding : 3px 0 3px 5px;
		margin : 0 0 20px 0;
	}
	h2 { 
		color : #6d9ad8;
		font: normal bold 14px Verdana, Arial, Helvetica, sans-serif; 
		padding : 0  0 6px 0;
		margin : 0 0 0 0;
	}
	h3{ 
		background:#6d9ad8 url(/hexapap_images/site/h1-bg.jpg) repeat-y left;
		color : #ffffff;
		font: normal normal 14px Verdana, Arial, Helvetica, sans-serif; 
		padding : 0 0 0 5px;
		margin : 0 0 10px 0;
	}
	h4{ 
		font: normal normal 14px Verdana, Arial, Helvetica, sans-serif; 
		padding : 0 10px 5px 0;
		margin : 0 0 0 0;
		padding-bottom : 10px;
		line-height: 22px;
	}
	li {margin-left: 0; padding-left: 0px;}
	ul {margin-left: 22px; padding-left: 0;}
	ul {
		text-align: left;
		padding-bottom:0px;
		margin-top: 15px;
		margin-bottom: 8px;
		
	}
	li { 
		list-style-image: url(/hexapap_images/site/puce.gif);
		padding-bottom: 10px;
		line-height: 20px;
	}
	a { 
		color : #000f7f;
		text-decoration: underline;
	}
	a:hover {
		color : #6E99C0;
		text-decoration: none;
	}
	td, p {
	}
	
	p {
		color : #000000;
		padding-bottom : 10px;
		line-height: 22px;
	}
	form{
		margin:0; padding:0;
	}
	blockquote {
		margin-top:0px;
	}
	blockquote p{
		color:#000000;
	}


/**********************************************/
/* Formulaire Contact */
/**********************************************/
	.FormContact,.FormContact td,.FormReponse{
		font: normal  10px Arial , Arial, Helvetica, sans-serif;  
		color:#565c5e;
	
	}
	.FormSubmit {
		color:#565c5e;
		font-size: 12px; 
		font-weight: bold; 
		height: 25px;
		width: 70px;
		background-color:#ffffff;
	}
	input,select,textarea{
		font: normal 11px Arial, Arial , Helvetica, sans-serif;  
		color : #613b73;
	}
	input,select {
		height: 12px;
		border-color: 1 px solid #613b73;
	}
	
	.chkBoxes{
		margin :0 ;padding:0;
	}
	.LargeInput{
		width:239px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:172px;
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:116px;
	}
	
	.Cnil p {
		line-height: 10px;
		font-size: 9px;
		font-size: 8px;
	}

/**********************************************/
/* Footer */
/**********************************************/
	#Footer a,#Footer p{
		text-align:center;
		padding-bottom:0px;
		color: #76797f;
		font: 10px Arial , Arial, Helvetica, sans-serif;
		letter-spacing:1px;
	}
	#Footer{
		background: url(/hexapap_images/site/footer-bg.jpg) no-repeat;
		color: #a7afb5;
		text-align : center;
		height:60px;
		width:100%;
	}
	#Footer a{
		color : #000f7f;
	}
	#Footer a:hover {
		color : #6E99C0;
	}

	.Clikeo { 
		width:100%;
		color: #314e76;
		text-align : center;
	}
	.Clikeo a { 
		color: #314e76;
		font: normal normal 7pt Arial; 
		text-decoration : none;
	}
	.Clikeo a:hover { 
		color: #a7afb5;
	}
	
	.PlanContact ,.PlanContact  a{
		color:#dbdbd3;
		padding-top:5px;
		text-align:center;
	}



 
	/****************************************************/
	/*					SOUS NAVIGATION 				*/
	/****************************************************/
	
	.MenuSousNav { /* c'est le conteneur */
		cursor:pointer;
		text-align:left;
		width:128px;
		background-color: #ffffff;
		border : 1px #f8d742 solid;
	}
	.MenuSousNav td {
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;
		text-align:left;
		
	}
	/* normal */
	.MenuNavSubElem
	,.MenuNavSubElem2{
		margin: 3px 15px 3px 20px;
		height:18px;
		color: #000000;
	}
	.MenuNavSubElem td{
	}
	.MenuNavSubElem2 td{
		text-decoration:underline;
	}

	/* selection */
	.MenuNavSubElemSel 
	,.MenuNavSubElemSel2 {
		margin: 3px 15px 3px 20px;
		height:18px;
		color:#000000;
	}