body {
              font-family: Comic Sans Ms, Arial, Verdana, sans-serif;
              font-size: 0.8em;
              text-align: left;
			  margin-top : 20px;
			  background-image:url(images/bleuclair_1_fichiers/bleucla_001.jpg);
              }


              #conteneur {
              width:960px;
			  height:auto;
			  background-image:url(images/fond3.png);
              margin: 0 auto; /* pour centrer tout le contenu de la page */
              }

             

              #enhaut {
              width:960px;
              height:130px;
              }

				.logo{
				position: relative ;
				width: 89px;
				left: 20px ;
				top: 10px ;
				}

				.banniere{
				position: relative ;
				width: 468px;
				left: 180px ;
				top: -90px ;
				}

				.retrait {
				position: relative ;
				width: 260px;
				left: 680px ;
				top: -200px ;
				}    

              #menu {
			  width:800px;
			  height:30px;
			  margin-left: 100px;
			  border : 1px solid #993333;
			  width: 50em;			 
			  background:url('images/fond_menu.png') repeat-x;
			  font-size: 1.2em;
			  }
			  #menu a
			   {
			  display:block; /*Pour que le "bloc" soit un vrai bloc*/
			  float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
			  width:20%; /*J'explique en détail après*/
			  height:30px; /*La même hauteur que notre menu*/
			  border:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
			  text-align:center; /*Pour que les liens soient centrés par rapport à l'horizontale*/
			  }
			  #menu a, #menu a:visited    /*on utilisera les propriétés qui suivront sur les liens dans menu, et les liens visités dans menu*/
			   {
			  color:#006666;    /*la couleur*/
			  text-align:center; /*on le centre horizontalement*/
			  padding-top:3px; /*on le centre verticalement*/
			  }
			  #menu a:hover, #menu a:visited:hover   /*on utilisera les propriétés qui suivront sur les liens survolés dans menu, et les liens survolés et visités dans menu*/
			   {
			  color:#DFAC1E; /*la couleur*/
			  text-decoration:none;  /*on enlève le soulignement du lien*/
			  background:url('images/fond_menu_over.png') repeat-x;
			  }


			  
              #localisation {
			  float:left;
              width:948px;
              height:20px;
			  padding-left: 12px;
			  padding-top: 10px;
			  border-bottom: 1px solid #993333;
			  font-size: 1.2em;
			  font-style: italic ;
			  color : navy;
              }
            

              #contenu {
              width:960px;
              min-height:30px;
              }

              #seul {
              width:920px;
              height:auto;
			  margin-left: 20px;
			  margin-top: 10px;
			  padding-top: 20px;
			  color:#006666;
              }

  			  .ecart1 {text-indent : 10px;}
			  .ecart2 {text-indent : 20px;}
			  
              #gauche {
              float:left;
              width:200px;
              height:auto;
              }
               

              #centre {
              float:left;
              width:520px;
              height:auto;
              }

              #droit {
              float:left;
              width:240px;
              height:auto;
              }


              #enbas {
			  float:center;
              width:800px;
              height:30px;
			  margin-left: 100px;
			  margin-top: 10px;
			  width: 50em;	
			  border : 1px solid #993333;
			  background:url('images/fond_menu.png') repeat-x;
			  font-size: 1.2em;
              }
			  #enbas a
			   {
			  display:block; /*Pour que le "bloc" soit un vrai bloc*/
			  float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
			  width:25%; /*J'explique en détail après*/
			  height:30px; /*La même hauteur que notre enbas*/
			  border:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
			  text-align:center; /*Pour que les liens soient centrés par rapport à l'horizontale*/
			  }
			  #enbas a, #enbas a:visited    /*on utilisera les propriétés qui suivront sur les liens dans menu, et les liens visités dans menu*/
			   {
			  color:#006666;    /*la couleur*/
			  text-align:center; /*on le centre horizontalement*/
			  padding-top:3px; /*on le centre verticalement*/
			  }
			  #enbas a:hover, #enbas a:visited:hover   /*on utilisera les propriétés qui suivront sur les liens survolés dans menu, et les liens survolés et visités dans menu*/
			   {
			  color:#DFAC1E; /*la couleur*/
			  text-decoration:none;  /*on enlève le soulignement du lien*/
			  background:url('images/fond_menu_over.png') repeat-x;
			  }
			  
			
              #copy {
			  text-align: right;
			  font-size: 0.8em;
              }

              #info {
			  text-align: center;
			  font-size: 0.8em;
              }
			  
              #footer {
			  float:left;
              width:960px;
              height:auto;
              margin: 0px auto;
			  font-size: 0.6em;
			  color:navy;
              }    

.menu {background: transparent; width:190px; margin:5px auto;}
.menu h1, .menu p {margin:0 10px;}
.menu h1 {font-size:1.3em; color:#006666; letter-spacing:1px;}
.menu p {padding-bottom:0.5em; color:#666;}
.menu a {padding-left:10px;}
.menu a:hover {padding-left:10px; color:#FF9900}

.menu .top, .menu .bottom {display:block; background:transparent; font-size:1px;}
.menu .b1, .menu .b2, .menu .b3, .menu .b4, .menu .b1b, .menu .b2b, .menu .b3b, .menu .b4b {display:block; overflow:hidden;}
.menu .b1, .menu .b2, .menu .b3, .menu .b1b, .menu .b2b, .menu .b3b {height:1px;}
.menu .b2 {background:#fff; border-left:1px solid #fff; border-right:1px solid #eee;}
.menu .b3 {background:#fff; border-left:1px solid #fff; border-right:1px solid #ddd;}
.menu .b4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #aaa;}
.menu .b4b {background:#fff; border-left:1px solid #eee; border-right:1px solid #999;}
.menu .b3b {background:#fff; border-left:1px solid #ddd; border-right:1px solid #999;}
.menu .b2b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #999;}


.menu .b1 {margin:0 5px; background:#fff;}
.menu .b2, .menu .b2b {margin:0 3px; border-width:0 2px;}
.menu .b3, .menu .b3b {margin:0 2px;}
.menu .b4, .menu .b4b {height:2px; margin:0 1px;}
.menu .b1b {margin:0 5px; background:#999;}
.menu .boxcontent {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #999;}

.texte {background: transparent; width:515px; margin:5px auto;}
.texte h1, .texte p , .texte h2{margin:0 10px;}
.texte h1 {font-size:1.3em; color:#993333; letter-spacing:1px;}
.texte h2 {font-size:1.2em; color:#006666; letter-spacing:1px; padding-left:10px; padding-bottom:0.5em;}
.texte c1 {font-size:1.2em; color:#999999; letter-spacing:1px; padding-left:50px;}
.texte c2 {font-size:0.5em; color:#000000; letter-spacing:1px; padding-left:20px; font-style:italic;}
.texte a {color:#FF9900;}
.texte a:hover {color:blue}
.texte p {padding-bottom:0.3em; color:#666; padding-left:15px;}
.nom {font-size:1.5em; color:#FF9900; font-style:italic; letter-spacing:1px;}
.evidence {color:blue; font-size:1.3em}

.texte .top, .texte .bottom {display:block; background:transparent; font-size:1px;}
.texte .b1, .texte .b2, .texte .b3, .texte .b4, .texte .b1b, .texte .b2b, .texte .b3b, .texte .b4b {display:block; overflow:hidden;}
.texte .b1, .texte .b2, .texte .b3, .texte .b1b, .texte .b2b, .texte .b3b {height:1px;}
.texte .b2 {background:#fff; border-left:1px solid #fff; border-right:1px solid #eee;}
.texte .b3 {background:#fff; border-left:1px solid #fff; border-right:1px solid #ddd;}
.texte .b4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #aaa;}
.texte .b4b {background:#fff; border-left:1px solid #eee; border-right:1px solid #999;}
.texte .b3b {background:#fff; border-left:1px solid #ddd; border-right:1px solid #999;}
.texte .b2b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #999;}


.texte .b1 {margin:0 5px; background:#fff;}
.texte .b2, .texte .b2b {margin:0 3px; border-width:0 2px;}
.texte .b3, .texte .b3b {margin:0 2px;}
.texte .b4, .texte .b4b {height:2px; margin:0 1px;}
.texte .b1b {margin:0 5px; background:#999;}
.texte .boxcontent {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #999;}

.droite {background: transparent; width:230px; margin:5px auto;}
.droite h1, .droite p {margin:0 10px;}
.droite h1 {font-size:1.3em; color:#006666; letter-spacing:1px;}
.droite p {font-size:1em; padding-bottom:0.5em; padding-left:10px; color:#666;}
.droite a {padding-left:10px;}
.droite a:hover {padding-left:10px; color:#FF9900}

.droite .top, .droite .bottom {display:block; background:transparent; font-size:1px;}
.droite .b1, .droite .b2, .droite .b3, .droite .b4, .droite .b1b, .droite .b2b, .droite .b3b, .droite .b4b {display:block; overflow:hidden;}
.droite .b1, .droite .b2, .droite .b3, .droite .b1b, .droite .b2b, .droite .b3b {height:1px;}
.droite .b2 {background:#fff; border-left:1px solid #fff; border-right:1px solid #eee;}
.droite .b3 {background:#fff; border-left:1px solid #fff; border-right:1px solid #ddd;}
.droite .b4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #aaa;}
.droite .b4b {background:#fff; border-left:1px solid #eee; border-right:1px solid #999;}
.droite .b3b {background:#fff; border-left:1px solid #ddd; border-right:1px solid #999;}
.droite .b2b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #999;}


.droite .b1 {margin:0 5px; background:#fff;}
.droite .b2, .droite .b2b {margin:0 3px; border-width:0 2px;}
.droite .b3, .droite .b3b {margin:0 2px;}
.droite .b4, .droite .b4b {height:2px; margin:0 1px;}
.droite .b1b {margin:0 5px; background:#999;}
.droite .boxcontent {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #999;}

              .clr {
              clear: both;
              font-size:0;
              line-height:0;
              border: 0px;
              }