@charset "iso-8859-1";

		
		body {margin: 0; padding: 0; text-align: center; font: 14px Verdana; background: white; color: black;margin-top: 20px;}
		hr{
		clear: both;
		visibility: hidden;
		}
		
		
		img{
		border: 0px solid #fff ;}
		img.center{
		display:block;
		text-align: center ;}
		table,th,tr,td{
		
		border:0 ;}
				
		
		div#conteneur
		{	
			
			width: 740px ;
			margin: 0 auto ;
			text-align: left ;

			border: 1px solid #000000 ;
			
			
		}
		
		div#contenu
		{	
			
			display:block;
			text-align: left ;
			width: 740px ;
			background: #FFFFFF ;
			margin: 0;
			height: 324px ;
		}
	
		div#header
		{	
			
			display: block;
			float: left;
			height: 117px ;
			width: 740px ;
			margin: 0 ;
			border: 0;
			padding: 0;	

		}
	
        div#header h1
		{
		display: none ;
		}

		
		
		
	
	
	
		#centre {
		float:left;
		display:block;
		width: 524px;
		height: 324px ;
		padding: 0;
		margin:0;
		color: black;
		}
		div#centre h2 {
		padding: 0;
		margin: 0;	
		margin-left: 80px;
		line-height: 20px; 
		font-size: 14px;
		border-bottom: solid 1px #135129; 
		}
		div#centre h2 span {
		font-size: 16px;
		font-weight: bold ;
		 
		}
		
		div#centre div.flot
		{
			float:left;
			display:block;
			margin-left: 10px;
			height: 254px;
		}
		div#centre p.bloc
		{
			font-size: 11px;
			display:block;
			width: 220px;
			height: 254px;
			padding: 0;
			
			margin:0;
			padding-right: 5px;
			color: black;
			text-decoration: none ;
			text-align: justify ; 
			overflow: auto;
		}
		
		
		div#centre div.haut {
		display:block;
		width: 225px;
		height: 15px;
		padding: 0;
		margin:0;
		
		background: transparent url(../img/sur_texte_vert.gif) no-repeat right top;
		}
		div#centre div.bas {
		display:block;
		width: 225px;
		height: 15px;
		padding: 0;
		margin:0;
		
		background: transparent url(../img/sous_texte_vert.gif) no-repeat left bottom;
		}
		
		div#centre div.bloc2
		{
			display:block;
			width: 255px;
			height: 254px;
			padding: 0;
			margin:0;
			color: black;
			text-decoration: none ;
			text-align: left ;
		}
		
		div#centre  div.bloc2 div.back {
		font-size: 9px;
		display:block;
		width: 255px;
		height: 75px;
		padding: 0;
		margin:0;
		background: #C6DCC3 ; 
		}
		
		div#centre  div.bloc2 div.back strong {
		font-size: 11px;
		font-weight: bold;
		}
		div#centre  div.bloc2 div.back span {
		font-size: 11px;
		font-weight: bold ;
		color: #A71E25;		 
		} 
		div#centre  div.bloc2 div.back a {
		font-size: 10px;
		font-weight: bold ;
		color: #135129;
		padding-left: 140px ;
		text-decoration: none ;		 
		}
		div#centre  div.bloc2 div.back a:hover {
		color: #A71E25;	 
		}
		div#centre  div.bloc2 div.back img {
		float: left;
		display: block;
		border: 2px solid #0A6CA3 ;
		}
		
		div#centre div.haut2 {
		display:block;
		width: 255px;
		height: 15px;
		padding: 0;
		margin:0;
		background: transparent url(../img/sur_texte_vert.gif) no-repeat right top;
		}
		div#centre div.bas2 {
		display:block;
		width: 255px;
		height: 15px;
		padding: 0;
		margin:0;
		background: transparent url(../img/sous_texte_vert.gif) no-repeat left bottom;
		}
		
		div#centre div.bloc	img.vignette
		{
			text-align: center;
			margin-right: 10px;
			float: left;
			border : 0;
		}
		
		#gauche {
		float:left;
		display:block;
		width: 142px;
		height: 324px;
		padding: 0;
		margin:0;
		background: transparent url(../img/accueil_photo.gif) no-repeat left center;
		}
		
		
		
		div#gauche p
		{
			text-align:center;
			font-size: 11px;
			display:block;
			width: 220px;
			padding: 0;
			margin:0;
			padding-left: 2px;	
			padding-right: 2px;
			padding-top: 2px;	
			padding-bottom: 2px;
			background-color: #006095;
			text-decoration: none ;
			border:1px dotted #7EB4CE;
			
		}
		
		
		div#gauche p input, select, option {
			border-left:1px solid #7EB4CE;
			border-top:1px solid #7EB4CE;
			border-right:1px solid #7EB4CE;
			border-bottom:1px solid #7EB4CE;
			background: #7EB4CE;
			font-size: 11px;
			margin: 1px;
			color: #000000;	
			text-align: center;
		} 
		div#gauche p input#valid { 
			border-left:1px solid #7EB4CE;
			border-top:1px solid #7EB4CE;
			border-right:1px solid #7EB4CE;
			border-bottom:1px solid #7EB4CE;
			font-size: 11px;
			margin: 1px;
			background: #7EB4CE;
			color: #000000;	
			text-align: center;
			font-weight : bold;
		}
		
		#titre {
		float:left;
		display:block;
		width: 74px;
		height : 324px;
		padding: 0;
		margin:0; 
		
		background: transparent url(../img/bienvenue.gif) no-repeat left center;
		}
		#bas
		{	
			display:block;
			width: 740px;
			height: 15px;
			background: #008530;
			color: white;
		} 
		#bas a
		{
		color: white;
		text-decoration:none;
		
		}
		
		 
		#bas a:hover 
		{
		color: #A71E25;
		
		
		}
		
		
		 
		#clear {
		clear: both;
		margin: 0;
		padding: 0;
		
		height: 1px;
		width: 740px;
		
		background-color: #008530;
		
		
		}
		#clear2 {
		clear: both;
		margin: 0;
		padding: 0;
		height: 1px;
		width: 255px;
		background-color: white;
		}
		
		
		div#gauche h2
				{	
					background: transparent url(../img/double-puce-grise.gif) no-repeat left center;
					padding-left: 15px ;
					line-height: 14px ;
					font-size: 1.4em ;
					color: #145187 ; 
					margin: 0 auto;
		}
		
		div#gauche h3
				{	
					margin: 0 auto;
					
					font-size: 1.2em ;
					line-height: 12px ;
					color: #7AABCF ;
		}
		
		
		#clear3 {
		clear: both;
		margin: 0;
		padding: 0;
		
		height: 1px;
		width: 740px;
		background-color: black;
				
		}
		
		 
		
		
		
		
		
		
	
 


