/* TAGS */

body {
	margin: 0px;
	padding: 0px;
	background: #ECECEC;
	font: normal x-small Verdana, Arial;
	_font: normal xx-small Verdana, Arial;
	color: #797778;
}

img {
	border: none;
}

form {
	margin: 0px;
	padding: 0px;
}

/* ID's */
#main {
	width: 			960px;
	border-style: 	solid;
	border-color: 	#7F7F7F;
	border-width: 	1px;
	position:		absolute;
	left:			50%;
	margin-left: 	-481px;
	background: 	#FFFFFF;
}

	
	#main #top {
		
	}

	#main #left {
		width: 300px;
		float: left;
	}

		#main #left img {
			margin: 0px 0px 0px 5px;
		}

		#main #left #news {
			margin: 15px 0px 15px 15px;
		}

			#main #left #news h6{
				font: bold 1.2em Arial, Verdana;
				color: #E13A10;
				display: inline;
				margin: 0px;
				padding: 0px 0px 0px 5px;
			}

			#main #left #news span{
				font-weight: bold;
				font-size: 1.1em;
			}

			#main #left #news div{
				margin: 0px 0px 20px 5px;
			}

			#main #left #news a{
				margin: 0px 0px 20px 5px;
				color: #E13A10;
				text-decoration: none;
				font-weight: bold;
				font-size: 0.9em;
			}

		#main #left #allnews {
			margin: 15px 10px 15px 15px;
			color: #E13A10;
			font: bold 1.3em Arial, Verdana;
			background: #F2F2F2 url("/img/home/fleches.jpg") no-repeat 150px 15px;
			padding: 15px 0px 15px 0px;
			border-style: solid;
			border-color: #7F7F7F;
			border-width: 1px 0px 1px 0px;
		}
		
		#main #left #allnews a, 
		#main #left #allnews a:link,
		#main #left #allnews a:active,
		#main #left #allnews a:visited,
		#main #left #allnews a:hover {
			color: #E13A10;
			text-decoration:		none;
			margin: 0px 0px 0px 5px;
		}

		#main #left #newsletter {
			margin: 15px 0px 15px 15px;
			color: #E13A10;
			font: bold 1.3em Arial, Verdana;
		}

			#main #left #newsletter .inputText{
				margin: 0px 0px 0px 22px;
				font: normal x-small Verdana, Arial;
				_font: normal xx-small Verdana, Arial;
				width: 200px;
				color: #4A4A4A;
			}

			#main #left #newsletter input{
				margin: 5px 0px 0px 0px;
			}

	#main #middle {
		width: 358px;
		float: left;
		background: #CEE561;
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-color: #7F7F7F;
	}
	
		#main #middle #agir {
			padding: 0px 0px 10px 10px;
		}
	
		#main #middle #solution {
			padding: 10px 0px 10px 30px;
			background: #BDD452;
		}
	
			#main #middle #solution span {
				padding: 0px 0px 0px 10px;
				font: bold 1.3em  Arial, Verdana;
				color: #FFFFFF;
			}
	
			#main #middle #solution div {
				margin: 10px 0px 0px 0px;
			}
	
				#main #middle #solution div select {
					width: 295px;
					font: normal x-small Verdana, Arial;
					_font: normal xx-small Verdana, Arial;
					background: #DDE9A7;
					color: #4A4A4A;
				}
		
				#main #middle #solution div .inputText {
					width: 270px;
					font: normal x-small Verdana, Arial;
					_font: normal xx-small Verdana, Arial;
					color: #4A4A4A;
					background: #DDE9A7;
					padding: 0px 0px 0px 4px;
				}
	
		#main #middle #documentation, #affichettes, #annonces , #simulation{
			font: bold 1.3em  Arial, Verdana;
			color: #FFFFFF;
			padding: 10px 0px 10px 30px;
			border-style: solid;
			border-color: #FFFFFF;
			border-width: 0px 0px 1px 0px;
		}
	
			#main #middle #documentation img, #affichettes img, #annonces img , #simulation img{
				margin: 0px 10px 0px 0px;
			}		
	
			#main #middle #documentation a, #affichettes a, #annonces a ,#simulation a{
				color: #FFFFFF;
				text-decoration: none;
			}
#annonces a.orange,
#simulation a,
#simulation a.orange:link,
#annonces a.orange:link,
#annonces a.orange:visited,
#simulation a.orange:visited,
#annonces a.orange:hover,
#simulation a.orange:hover,
#annonces a.orange:active,
#simulation a.orange:active{
	color:			#E13A10;
}
	
		
		#main #middle #simulation {
			background: #D7EA77;
		}
		#main #middle #documentation {
			background: #C7DE5A;
		}
	
		#main #middle  #affichettes {
			background: #CEE561;
		}
	
		#main #middle #annonces {
			background: #D7EA77;
		}
		
		
		#main #middle #sondage {
			_height: 240px;
			background: #CCE35F url("/img/home/herbe358x249.jpg") no-repeat bottom left;
			 
		}
	
			#main #middle #sondage div {
				padding: 2x 0px 0px 10px;
				color: #D7EA77;
				font: bold 1.2em Verdana, Arial;
				border-style: solid;
				border-color: #7F7F7F;
				border-width: 0px 0px 1px 0px;
				background: url("/img/home/sondage.gif") no-repeat #D3EA76;
				height : 	21px;
			 
			}
			
				#main #middle #sondage div span {
					display: none;
				}
	
			#main #middle #sondage span {
				margin: 0px 0px 10px 0px;
				padding: 10px 30px 10px 30px;
				display: block;
				background : #F0F6D0;
			}
	
				#main #middle #sondage span div{
					background: none;
					margin: 10px 0px 0px 100px;
					border: none;
					color: #E13A10;
				}
	
				#main #middle #sondage span label input{
					vertical-align: -3px;
				}
		

	#main #right {
		width: 300px;
		float: left;
		position : relative;
	}
	
		#main #right #comprendre {
			margin: 0px 0px 0px 20px;
		}
		
			#main #right #comprendre .menu a{
				font: normal 1.1em  Arial, Verdana;
				text-decoration: none;
				color: #4A4A4A;
			}
	
		#main #right #pratique {
			margin: 0px 0px 0px 20px;
		}
		
			#main #right #pratique .menu a{
				font: normal 1.1em  Arial, Verdana;
				text-decoration: none;
				color: #4A4A4A;
			}
	
		#main #right #recherche {
			margin: 30px 0px 0px 10px;
		}
			
			#main #right #recherche img {
				margin: 0px 10px 0px 0px;
			}		
	
			#main #right #recherche span {
				color: #99BB43;
				font: bold 1.0em  Verdana, Arial;
			}		
	
			#main #right #recherche .inputText {
				font: normal x-small Verdana, Arial;
				_font: normal xx-small Verdana, Arial;
				color: #4A4A4A;
				margin-top: 5px;
				width: 200px;
			}
			
			
		#main #right #reserve {
			font: bold 1.3em  Arial, Verdana;
			color: #FFFFFF;
			padding: 10px 0px 10px 10px;
			border-style: solid;
			border-color: #FFFFFF;
			border-width: 0px 0px 1px 0px;
			font: bold 1.0em  Verdana, Arial;
		}
			
			#main #right #reserve img {
				margin: 0px 10px 0px 0px;
			}		
	
			#main #right #reserve a {
				color: #E13A10;
				text-decoration: none;
			}		
		
	 
		
			#main #right #reserve .inputText {
				font: normal x-small Verdana, Arial;
				_font: normal xx-small Verdana, Arial;
				color: #4A4A4A;
				width: 150px;
				margin: 5px 0px 0px 0px;
			}
			
		#main #right #liensDuBas {
			 padding-top : 20px; 
			 padding-left : 5px;
			 padding-bottom : 20px; 
		}
		
			#main #right #liensDuBas a span  { 
				visibility : hidden;
				height : 20px;
				
			}			
	
			#main #right #liensDuBas #contact{
				float :left;
				background: url("/img/common/contact.gif") no-repeat;
			 	width : 90px;
				height : 20px;
			}
			#main #right #liensDuBas #plandusite{
				float :right;
		 		background: url("/img/common/plandusite.gif") no-repeat;
			 	width : 120px;
				height : 20px;
				margin-right : 30px;
			}
			#main #right #liensDuBas #liens{
				float : left;
				background: url("/img/common/liens.gif") no-repeat;
				width : 90px;
				height : 20px;
			}
			#main #right #liensDuBas #mentionslegales{
				float :right;
			 	background: url("/img/common/mentionslegales.gif") no-repeat;
				width : 120px;
				height : 20px;
				margin-right : 30px; 
			}	

	#main #bottom {
		background: #ECECEC;
		padding: 5px 0px 5px 250px;
		height : 40px;
	}
	
	#main #bottom span {
		display: block;
	}

		#main #bottom div *{
			vertical-align: -14px;
		 
		}

		#main #bottom div{		 
			float: left;
			margin: 0px 0px 0px 5px;
		}

			#main #bottom div img{
				margin: 0px 0px 0px 5px;
			}
			
			#main #bottom div.border {				
				border-style: solid;

				border-width: 0px 0px 0px 2px;
				padding: 7px 0px 0px 7px;
				margin-left: 8px;
		 
			}

/* CLASSES */

.hidden {
	visibility: hidden;
}

.clear {
	clear: both;
}

.button {
	vertical-align: -4px;
	_vertical-align: 0px;
}