/**********************************************/
/*	CORPS DE LA PAGE	*/
/**********************************************/
	BODY {
		margin: 0; 
		padding: 0;
		color : #062B33;	
		background-color : #ffffff;
	} 
	#container { 
		clear:both;
		font: normal normal 10px Verdana , Arial, Helvetica, sans-serif;  
		width : 760px;
		padding : 0;
		margin-left : auto;
		margin-right : auto;
		background: #ffffff url(/odc_images/site/fond.gif) center repeat-y;
		/*border : 1px black solid; */
	}
/**********************************************/
/*	Header	*/
/**********************************************/
	
	#Header {
	}
	#BandeauPlanSite{
		height : 21px;
		background-color : #00A886;
		width : 744px;
		text-align : right;
	}
	#TexteBandeauPlanSite {
		padding : 4px 18px 0 0 ;
	}
	#TexteBandeauPlanSite a{
		color :#ffffff;
	}
	
		
/**********************************************/
/*	Barre Nav	*/
/**********************************************/
	.Menu{
		clear:both;
		width : 100%;
		text-align : left;
	}
	.Menu ul {
		padding:0 0 5px 18px;
		margin:0;
		text-align: left;
	}
	.Menu ul li ul{
		padding-top:5px;
	}
	.Menu li a{
		font: bold 10px Verdana ,Arial , Arial, Helvetica, sans-serif;
		color : #085A49;
		text-decoration : none;
	}
	.Menu li ul li a{ 
		font: normal 10px Verdana ,Arial , Arial, Helvetica, sans-serif;
		color:#085A49;
	}
	.NavTexte{
		vertical-align:middle;
		line-height:21px;
		padding-left:20px;
	}
	.NavTexte a{
		font: bold 10px Verdana ,Arial , Arial, Helvetica, sans-serif;
	}
	.NavTexte a:link,.NavTexte a:visited,.NavTexte a:hover,.NavTexte a:active{ 
		text-decoration : underline;
	}
/**********************************************/
/*	Divers 	*/
/**********************************************/
	.BarrePoint{
		width : 100%;
		height:1px;
		min-height:1px;
		background: url(/odc_images/site/point_h.gif) left repeat-x;
	}

		.TitreUne{
			font: normal bold 10px Verdana , Arial, Helvetica, sans-serif; 
			color : #085A49;
			text-transform : uppercase; 
			text-align : left; 
			margin-bottom : 10px;
		}
		.LienUne{
			font: normal bold 10px Verdana , Arial, Helvetica, sans-serif; 
			text-decoration : underline;
		}
		.PointillesBas{
			vertical-align : top;
			background : url(/odc_images/site/pointilles2.gif) bottom right no-repeat; 
		}
		.PointillesHaut{
			background : url(/odc_images/site/pointilles.gif) top left no-repeat;
			padding :9px;
		}
		.PointillesHautHome{
			background : url(/odc_images/site/pointilles.gif) top left no-repeat;
			padding :7px;
		}
		
		.BGUne{
			height : 125px;
			background : url(/odc_images/site/puces_rouges.gif) bottom right no-repeat;
			vertical-align:top;
			padding : 5px;
			text-align : justify; 
		}
		.BGUneVert{
			height : 45px;
			background : #CFEACD url(/odc_images/site/puces_vertes.gif) bottom right no-repeat;
			vertical-align:top;
			padding : 10px;
		}
		.BGMarron{
			height : 45px;
			background : #EAE0CD url(/odc_images/site/puces_marrons.gif) bottom right no-repeat;
			vertical-align:top;
			padding : 10px;
			margin : 2px 0 0 0 ;
		}

/**********************************************/
/*	Standard Definition	*/
/**********************************************/
	h1 { 
		color : #085A49;
		font: normal bold 13px Verdana , Arial, Helvetica, sans-serif;  
		padding : 0 10px 15px 0;
		margin : 0 0 0 0;
		clear : both;
	}
	h2 { 
		color : #085A49;
		font: normal bold 12px Verdana , Arial, Helvetica, sans-serif;  
		padding : 0px 10px 12px 0;
		margin : 0 0 0 0;
		clear : both;
	}
	h3{ 
		color : #085A49;
		font: normal normal 12px Verdana , Arial, Helvetica, sans-serif;  
		padding : 0 10px 5px 0;
		margin : 0 0 0 0;
		clear : both;
	}
	h4{ 
		color : #085A49;
		font: normal bold 11px Verdana , Arial, Helvetica, sans-serif;  
		padding : 0 10px 5px 0;
		margin : 0 0 0 0;
	}
	ul,ol {
		padding:5px 0 10px 35px;
		margin:0 0 0 0px;
		text-align: left;
	}
	li { 
		font: normal 10px Verdana ,Arial , Arial, Helvetica, sans-serif;
		color:#062B33;
		margin-bottom:5px;
		padding :0 ;
	}
	a:link,a:visited,a:hover,a:active{ 
		color : #085A49;
		text-decoration: none;
	}
	td, p {
		font: normal 10px Verdana , Arial, Helvetica, sans-serif;  
		margin : 0 0 0 0;
		padding : 0px;
		color : #085A49;
	}
	p {
		padding-bottom : 10px;
	}



/**********************************************/
/* Formulaire Contact */
/**********************************************/
	.FormContact,.FormContact td,.FormReponse{
		font: normal  10px Verdana, Arial , Helvetica, sans-serif;  
		color:#085A49;
		/*color:#3A99AD;*/
		width:90%;
	}
	.FormSubmit {
		color:#085A49;
		font-size: 10px; 
		font-weight: bold; 
		height: 20px;
		background-color:#ffffff;
	}
	INPUT,SELECT,textarea{
		font: bold  10px Verdana, Arial , Helvetica, sans-serif;  
		border : 1px #085A49 solid;
	}
	.LargeInput{
		width:260px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:192px;
	}
	.chkBoxes{
		background-color:white;border-width:0;
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:126px;
	}

/**********************************************/
/* Footer */
/**********************************************/
	#Footer a ,#Footer p{
		text-align:center;
		padding-bottom:0px;
		color: #085A49;
		font: normal 9px Verdana , Verdana, Helvetica, sans-serif;
		text-decoration : none;
	}
	#Footer{
		padding-top:3px;
		padding-bottom:3px;
		text-align : center;
	}

	.Clikeo { 
		color :#B3B1B1;
		text-align : center;
	}
	.Clikeo a,.Clikeo a:visited,.Clikeo a:hover,.Clikeo a:active { 
		color :#B3B1B1;
		font: normal normal 7pt Verdana; 
	}