@charset "iso-8859-1";


		html, body {/* Corps de la page, centrage, image de fond, police et taille utilisé */
          margin: 0;
          padding: 0;
          font-size : 0.9em;
          background: url(../img/fond.jpg) repeat left top;
          color: #FFF;
          font-family:  Verdana;
          height : 100%;
			
          }

		hr{/* Toute les bordures d'image enlevée en cas de liens */
		display : block;
		clear: both;
		margin: 0;
		padding: 0;
        border : 0px;
        height : 1px;
		color: #FFF;
		background: #FFF;
		}
        hr.dotted{/* Toute les bordures d'image enlevée en cas de liens */
        border : 0px;
		border-top : 1px dotted #000 ;
        height : 0px;}
        hr.clear{/* Toute les bordures d'image enlevée en cas de liens */
		display : block;
		clear: both;
		margin: 0;
		padding: 0;
        border : 0px;
        height : 0px;
		
		}
		img{/* Toute les bordures d'image enlevée en cas de liens */
		border: 0px solid #fff ;}
		img.rea{/* Toute les bordures d'image enlevée en cas de liens */
			float: left;
			padding : 3px 3px 3px 3px;
         	border : 1px solid #FFF;
         	height : 115px;
         	margin-right : 15px;}
		img.center{/* Centrage de l'image */
		display:block;
		text-align: center ;}
		img.right {/* Alignement de l'image a droite par rapport au texte */
		float: right;
		display: block;
		border: 0px solid #0A6CA3 ;
		margin-left: 5px;
        }
        img.down {/* Alignement de l'image a droite par rapport au texte */
		vertical-align: text-bottom; 
        }
        img.left {/* Alignement de l'image a gauche par rapport au texte */
		float: left;
		border: 0px solid #0A6CA3 ;
		margin-right: 5px;
		}
		table,th,tr,td{/* Toutes les bordures de tableau enlevée en cas de tableau */

		border:0 ;}

		/* ----------------------------------------------------------------------------------------Définitions de quelques class de colorisations de texte utilisable plusieurs fois */
        span.red{
          color: #FE2A0F;
        }
        span.bleu{
          color: #0678B3;
		}
        div.thumbnail{
        	margin: 0;
			padding:2px 2px 1px 2px;
			border: 1px solid #FFFFFF;
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
			text-align : center;
		}
		
		a.thumbnail{
		text-decoration : none;
		color : #666666;
		}
		a.bouton{
			display : block;
			clear : both;
			width : 191px;
			height : 31px;
			background : url('../img/bouton.jpg') top left no-repeat;
			
		}
		a.bouton span{
			display : none;
			
		}
		div.left{
			display : block;
			float: left;
			margin : 0;
			padding : 0;
			margin-right : 30px;
			height : 90px;
			
		}
		.droite{
			float : right;
		}
		/* ----------------------------------------------------------------------------------------FIN DES SPAN */
		

		div#conteneur
		{/* --------   Bloc conteneur du site (la base du site)   --------- */
			position : relative;
			width: 970px;
			margin: 0 auto;
			padding: 0;
			border: 0px solid #000000 ;
			margin-top : 10px;

		}

		

		div#header
		{/* ---------    Bloc en tete du site (bandeau, etc...)    --------- */
	        display: block;
	        position : relative;
	        width : 970px;
	        height : 426px;
	        margin: 0;
	        padding: 0;
	        border : 0px #000 solid;
	        
		}
		



		div#header h1 {
			display : none;
			margin: 0;
		}

        div#header h1 a{
        	display : block;
        	position : absolute;

        	margin: 0;
        	padding: 0;
        	width : 174px;
        	height : 194px;
        	top : 2px;
        	left : 40px;
          	
        }
 
      	div#header h1 a span{
          display : none;
        }
        
        
        
        
       	div#contenu
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/
			display:block;
			position : relative;
			width: 968px;
			margin: 0;
			padding : 0;
			background :#000000;
			border: 0px solid #CCCCCC;
			padding-bottom : 10px;
			padding-top: 0px;
			border-left : 1px solid #FFFFFF;
			border-right : 1px solid #FFFFFF;
			border-bottom : 1px solid #FFFFFF;

		}
		div#bordure {
			display : block;
			position : absolute;
			bottom : -1px;
			right : -1px;
			width : 47px;
			height : 46px;
			background :#000000 url('../img/bordurebd.jpg') no-repeat right bottom;
		}
        
      	div#contenu div#centre{
	        display: block;
	        position : relative;
	        width: 908px;
	        padding: 0;
			margin: 0;
			
			font-weight: normal;
	        color : #FFFFFF;
	        padding-top : 20px;
	        padding-left : 30px;
	        padding-right : 30px;
	        border: 0px solid #CCCCCC; 
	        
      	}
      	div#contenu div#centre div#gauche{
      		display : block;
      		float : left;
      		width : 500px;
      		padding-right : 30px;
      		border-right : 1px solid #FFF;
      		}
      	div#contenu div#centre div#droite{
      		display : block;
      		float : left;
      		width : 345px;
      		margin-left : 30px;
      		}
      	div#contenu div#centre div#droite div#vign img{
			padding : 3px 3px 3px 3px;
         	border : 1px solid #FFF;
         	height : 115px;
         	margin-right : 15px;
      	}
      	
		div#contenu h2{
			display : block;
			margin: 0;
			padding : 0;
			font-size: 1.3em;
			margin-bottom : 10px;
			font-weight: bold;
			height : 36px;
	        color : #EF3792;
	        background : url(../img/flechev.jpg) no-repeat left bottom;
      	}
      	div#contenu h3{
			display : block;
			margin: 0;
			padding : 0;
			font-size: 1.1em;
			margin-bottom : 10px;
			font-weight: bold;

	        color : #E0FF5A;

      	}
      	div#contenu div#centre div.rea{
      		display : block;
			clear: both;
			margin: 0;
			padding : 0;
			padding-bottom : 10px;
			margin-top : 10px;
	        border-bottom : 1px solid #FFF;
      	}
      	
      	
      	div#contenu div#centre a{
			margin: 0;
			padding : 0;
			font-weight: normal;
	        color : #42B1FF;
	        text-decoration : none;
      	}
  		div#contenu div#centre a:hover{

	        color : #FFF;

      	}
		
      
		div#pied{
			clear: both;
	        display: block;
	        padding: 0;
			margin: 0;
			font-size: 0.7em;
			font-weight: normal;
	        color : #FFFFFF;
	        position: relative;
			margin-top : 5px;
			width: 100%;
			height: 26px;
      	}
		div#pied div.gauche{
			display : block;
			position : absolute;
			top : 0;
			left : 0;
		}
		div#pied div.droite{
			display : block;
			position : absolute;
			top : 0;
			right : 0;
			}
		div#pied a{
			color : #42B1FF;
			text-decoration : none;
			}
		div#pied a:hover{
			color : #FFFFFF;
			text-decoration : none;
			}
		#clear {/* Bloc qui maintient les autres a la meme hauteur */
		
			clear: both;
			
		}