/* CSS Document */

 body {
           margin : 0;
           background-color : #f1ecd3;
		   
      }
     div {
           margin : 0;
           padding : 0;
      }
     form {
           margin : 0;
           padding : 0;
      }
	  .clean{
	  clear:both;
	  width:0px;
	  height:0px;
	  line-height:0px;
	  font-size:0px;
	  padding:0px;
	  margin:0px;
	  }
     img {
           border : 0;
      }
	  a {
           color : #ffffff;
           text-decoration : none;
           list-style-type : none;
      }
     a:hover {
           color : #0ddfef;
      }
	  a.mention{
	  color:#9b9784;
	  }
	  a.mention:hover{
	  color:#666357;
	  }
	  
	  #contener{
	 position:absolute;
     left: 50%; 
     top: 50%;
     width: 949px;
     height: 615px;
     margin-top: -307.5px; 
     margin-left: -474.5px;
	 z-index:10;
     }
	 #bande-fond{
	 position:absolute;
	 top: 50%;
	 margin-top:-145.5px !important; margin-top:-144.5px;
	 width:100%;
	 height:253px;
	 background-color:#9b9781;
	 z-index:0;
	 }
	 #top{
	 width:681px;
	 height:14px;
	 float:right;
	 }
	 #contenu{
	 width:949px;
	 height:529px;
	 }
	 #gauche{
	 margin-top:1px;
	 width:273px;
	 height:529px;
	 float:left;
	 background-image:url(../images/template/fond-gauche.jpg);
	 }
	 #image1{
	 width:auto;
	 height:auto;
	 margin-left:6px !important; margin-left:3px;
	 margin-top:14px;
	 float:left;
	 }
	 #image2{
	 width:auto;
	 height:auto;
	 margin-left:23px;
	 margin-top:100px;
	 float:left;
	 }
	 #image3{
	 width:auto;
	 height:auto;
	 margin-left:25px;
	 margin-top:138px;
	 float:left;
	 }
	 #image1-savoir{
	 width:auto;
	 height:auto;
	 margin-left:6px !important; margin-left:3px;
	 margin-top:50px;
	 float:left;
	 }
	 #image2-savoir{
	 width:auto;
	 height:auto;
	 margin-left:20px;
	 margin-top:133px;
	 float:left;
	 }
	 #image3-savoir{
	 width:auto;
	 height:auto;
	 margin-left:14px;
	 margin-top:180px;
	 float:left;
	 }
	 #header{
	 width:676px;
	 height:68px;
	 float:left;
	 background-image:url(../images/template/fond-header.jpg);
	 }
	 #logo{
	 width:230px;
	 height:56px;
	 margin-left:10px;
	 float:left;
	 }
	 ul#menu {
     margin:0;
	 width:auto;
	 height:17px;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 color:#f1ecd3;
	 float:right;
	 margin-top:40px;
	 margin-right:20px !important; margin-right:10px;
    }
	ul#menu li {
	 display:block;
	 float:left;
	 margin:0;
	 height:17px;
	 margin-left:7px;
	 }
	 ul#menu a {
	  display:block;
	 }
	 /* SMENU 1 */
	 #smenu1{
	position:absolute;
	margin-left:720px;
	margin-top:65px;
	background-color:#19395b;
	width:170px;
	height:113px;
	left:-5px;
	z-index:80;
	}
	#smenu1 ul, #smenu2 ul, #smenu3 ul {
	margin:5px;
	padding:0px;
	z-index:20;
	}
	.puce{
	width:11px;
	height:13px;
	margin-left:3px;
	margin-top:1px;
	margin-right:10px;
	float:left;
	}
	#smenu1 li, #smenu2 li,#smenu3 li {
		text-align: left;
		margin-left:0px;
		margin-top:5px;
		background: #19395b;
		width:100%;
		display:block;
		font-family:Arial;
		float:left;
		font:Arial;
		font-size:11px;	
	}
	#smenu1 li a, #smenu1 dt a, #smenu2 li a, #smenu2 dt a,#smenu3 li a, #smenu3 dt a {
		color: #FFF;
		text-decoration: none;
		display: block;
		height: 100%;
		border: 0 none;
		background:#19395b;
	}
	#smenu1 li a:hover, #smenu1 li a:focus, #smenu2 li a:hover, #smenu2 li a:focus, #smenu3 li a:hover, #smenu3 li a:focus {
		color:#ff8828;
	}
	 
	 /* SMENU 2 */
	 	 #smenu2{
	position:absolute;
	margin-left:640px;
	margin-top:65px;
	padding-bottom:10px;
	background-color:#19395b;
	width:135px;
	height:auto;
	left:-5px;
	z-index:80;
	}
	#smenu3{
	position:absolute;
	margin-left:790px;
	margin-top:65px;
	padding-bottom:10px;
	background-color:#19395b;
	width:155px;
	height:auto;
	left:-5px;
	z-index:80;
	}
	
	 .pos-liens{
	 margin-left:20px;
	 }
	 
	 #top-contenud{
	 width:676px;
	 height:11px;
	 float:left;
	 }
	 #contenud{
	 width:676px;
	 height:451px;
	 float:left;
	 background-image:url(../images/template/fond-contenu.jpg);
	 }
	 #main{
	 width:648px;
	 height:350px;
	 margin-top:8px;
	 margin-left:12px;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 overflow:auto;
	 }
	 #img-contenu-bas{
	 width:648px;
	 height:92px;
	 margin-left:12px;
	 }
	 #bas-contenud{
	 width:681px;
	 height:18px;
	 float:right;
	 }
	 #bottom{
	 width:681px;
	 padding-top:5px;
	 height:auto;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9784;
	 text-align:center;
	 float:right;
	 }
	 .abus {
	 color: #c2bda5;
	 display:block;
	 border:none;
	 margin-top:5px;
	  }
	 .texte{
	 display:inline;
	 }
	 
	 /* ACCUEIL */
	 #accueil{
	 display:block;
	 padding-left:15px;
	 }
	 #accueil #block-gauche{
	 width:324px;
	 height:auto;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;
	 margin-top:45px;
	 padding-left:15px;
	 float:left;
	 }
	 #accueil #titre{
	 font-family:Arial;
	 font-size:18px;
	 width:324px;
	 height:auto;
	 text-align:center;
	 text-transform:uppercase;
	 color:#9b9781;
	 }
	 #accueil #top-zone-texte{
	 width:324px;
	 height:4px;
	 background-image:url(../images/accueil/degrade-top.jpg);
	 background-repeat:no-repeat;
	 line-height:1px;
	 font-size:1px;
	 }
	 #accueil #zone-texte{
	 width:292px;
	 height:auto;
	 padding-left:16px;
	 padding-right:16px;
	 padding-top:12px;
	 padding-bottom:12px;
	 background-image:url(../images/accueil/tram.png);
	 background-repeat:repeat-y;
	 text-align:justify;
	 }
	 #accueil #bottom-zone-texte{
	 width:324px;
	 height:5px;
	 background-image:url(../images/accueil/degrade-bottom.png);
	 background-repeat:no-repeat;
	 line-height:1px;
	 font-size:1px;
	 }
	 #accueil #fleur{
	 width:49px;
	 height:13px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:2px;
	 }
	 .savoir-titre{
	 text-align:right;
	 font-family:Arial;
	 font-size:18px;
	 color:#2382c0;
	 margin-top:15px;
	 float:right;
	 margin-right:30px;
	 }
	 .image-titre{
	 width:109px;
	 height:13px;
	 float:right;
	 margin-top:20px;
	 margin-right:15px;
	 }
	 #savoir-main{
	 width:648px;
	 height:313px !important; height:314px;
	 margin-top:8px;
	 margin-left:12px;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 overflow:auto;
	 }
	 #savoir-main .block-contenu{
	 width:auto;
	 height:auto;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;
	 padding-left:15px;
	 
	 }
	 #savoir-main .image{
	 width:101px;
	 height:110px;
	 background-image:url(../images/savoir-faire/fond-vignette.png);
	 background-repeat:no-repeat;
	 margin-right:15px;
	 margin-bottom:15px;
	 margin-top:15px;
	 padding-left:6px;
	 padding-top:6px;
	 float:left;
	 }
	 #savoir-main .separateur-v{
	 width:1px;
	 height:140px;
	 background-image:url(../images/savoir-faire/separateur.png);
	 background-repeat:no-repeat;
	 float:left;
	 margin-top:2px;
	 margin-right:15px;
	 }
	 #savoir-main .separateur{
	 width:613px;
	 height:1px;
	 line-height:1px;
	 font-size:1px;
	 background-image:url(../images/savoir-faire/separateur-h.jpg);
	 background-repeat:no-repeat;
	 margin-left:15px;
	 }
	 #savoir-main .texte-droite{
	 width:470px;
	 height:auto;
	 float:left;
	 margin-top:20px;
	 margin-left:5px;
	 }
	 #image-titre-metier-gauche{
	 width:262px;
	 height:50px;
	 margin-top:20px;
	 margin-left:5px;
	 }
	 #image-metier-gauche{
	 margin-left:auto;
	 margin-right:auto;
	 width:262px;
	 height:392px;
	 margin-top:42px;
	 }
	 #metier-main{
	 width:648px;
	 height:350px;
	 margin-top:8px;
	 margin-left:12px;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 overflow:auto;
	 }
	 
	 #metier-main .grande-image{
	 width:366px;
	 height:276px;
	 background-image:url(../images/metiers/fond-grande.png);
	 background-repeat:no-repeat;
	 margin-left:5px; /*margin-left:20px !important; margin-left:10px;*/
	 margin-top:20px;
	 padding-left:7px;
	 padding-top:7px;
	 float:left;
	 }
	 #metier-main .texte-gauche{
	 width:220px;
	 height: 320px; /*height:276px;*/
	 font-family:Arial;
	 margin-right:20px !important; margin-right:10px;
	 margin-top:20px; /*margin-top:30px;*/
	 font-size:11px;
	 color:#9b9781;
	 float:right;
	 }
	 #contact-main{
	 width:648px;
	 height:313px !important; height:314px;
	 margin-top:8px;
	 margin-left:12px;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 overflow:auto;
	 }
	 #contact-main .nous-contacter{
	 width:498px;
	 height:auto;
	 min-height:255px;
	 margin-top:20px;
	 font-family:Arial;
	 font-size:12px;
	 color:#9b9781;
	 margin-left:auto;
	 margin-right:auto;
	 }
	 #contact-main .block-gauche{
	 width:224px;
	 float:left;
	 height:auto;
	 }
	 #contact-main .block-droite{
	 width:250px;
	 float:right;
	 height:auto;
	 }
	 #contact-main .texte-contact{
	 width:auto;
	 float:left;
	 }
	 #contact-main .champs{
	 width:150px;
	 height:16px;
	 background-image:url(../images/contact/fond-champs.jpg);
	 background-repeat:repeat-x;
	 border:0px;
	 float:right;
	 padding-left:5px;
	 padding-right:5px;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;

	 }
	 #contact-main .contact-message{
	 width:488px;
	 height:96px;
	 background-image:url(../images/contact/fond-message.jpg);
	 background-repeat:no-repeat;
	 border:0px;
	 background-color:#f3eed9;
	 overflow:auto;
	 padding-top:10px;
	 padding-left:10px;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;
	 }
	 #contact-main .bouton-envoyer{
	 width:100px;
	 height:22px;
	 margin-top:8px;
	 margin-left:auto;
	 margin-right:auto;
	 }
	 #contact-main .bouton-envoyer .btn{
	 width:100px;
	 height:22px;
	 background-color:#9b9781;
	 border:0px;
	 font-family:Arial;
	 font-size:12px;
	 color:#FFFFFF;
	 }
	 .obligatoire{
	 width:110px;
	 font-family:Arial;
	 font-size:11px;
	 color:#c8c5b3;
	 float:right;
	 margin-right:50px !important; margin-right:25px;
	 }
	 #mail-main{
	 width:648px;
	 height:350px;
	 margin-top:8px;
	 margin-left:12px;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 overflow:auto;
	 }
	 #mail-main .block{
	 width:420px;
	 height:auto;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:150px;
	 }
	 #mail-main .btn-retour{
	 width:69px;
	 height:16px;
	 background-color:#9b9781;
	 font-family:Arial;
	 font-size:11px;
	 color:#FFFFFF;
	 text-align:center;
	 padding-top:3px;
	 float:left;
	 margin-top:24.5px;
	 display:block;
	 }
	 #mail-main .separateur{
	 width:1px;
	 height:68px;
	 background-color:#f1ecd3;
	 float:left;
	 margin-left:12px;
	 }
	 #mail-main .texte-mail{
	 width:320px;
	 height:auto;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;
	 float:left;
	 margin-left:12px;
	 }
	 #coordonnees-main{
	 width:648px;
	 height:313px !important; height:314px;
	 margin-top:8px;
	 margin-left:12px;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 overflow:auto;
	 }
	 #coordonnees-main .image-coordonnees{
	 width:396px;
	 height:276px;
	 background-image:url(../images/coordonnees/fond-img-test.png);
	 background-repeat:no-repeat;
	 padding-top:7px;
	 padding-left:7px;
	 margin-left:20px !important; margin-left:10px;
	 margin-top:10px;
	 float:left;
	 }
	 #coordonnees-main .block-texte{
	 width:223px;
	 height:auto;
	 float:left;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9784;
	 margin-top:90px;
	 }
	 #coordonnees-main .block-texte .nom{
	 width:auto;
	 height:auto;
	 padding-left:20px;
	 padding-top:5px;
	 padding-bottom:5px;
	 background-color:#faf9f0;
	 }
	  #coordonnees-main .block-texte .adresse{
	  width:auto;
	  height:auto;
	  padding-left:20px;
	  padding-top:5px;
	  padding-bottom:8px;
	  background-color:#faf9f0;
	  margin-top:3px;
	  }
	 a.lien-mail{
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9784;
	 text-decoration:underline;
	  }
	 a.lien-mail:hover{
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9784;
	 text-decoration:none;
	  }
	 #rss-main{
	 width:648px;
	 height:350px;
	 margin-top:8px;
	 margin-left:12px;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 overflow:auto;
	 }
	 #rss-main .block-inscription{
	 width:282px;
	 height:auto;
	 border:1px;
	 border-color:#f1ecd3;
	 border-style:solid;
	 margin-left:40px !important; margin-left:20px;
	 margin-top:20px;
	 padding:15px;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;
	 float:left;
	 }
	 #rss-main .image-rss{
	 width:272px;
	 height:321px;
	 float:left;
	 margin-top:18px;
	 }
	 .champs-rss{
	 width:160px;
	 height:16px;
	 background-image:url(../images/rss/fond-champ.jpg);
	 background-repeat:repeat-x;
	 float:right;
	 border:0px;
	 margin-right:15px;
	 margin-top:10px;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;
	 padding-left:5px;
	 }
	 #rss-main .block-inscription .bouton-envoyer{
	 width:80px;
	 height:22px;
	 margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
	 }
	 #rss-main .block-inscription .bouton-envoyer .btn{
	 width:80px;
	 height:22px;
	 background-color:#9b9781;
	 border:0px;
	 font-family:Arial;
	 font-size:12px;
	 color:#FFFFFF;
	 }
	 #actu-main{
	 width:648px;
	 height:405px;
	 margin-top:8px;
	 margin-left:12px;
	 font:Arial;
	 font-family:Arial;
	 font-size:11px;
	 overflow:auto;
	 }
	 #actu-main .block-haut .actu-image{
	 width:300px;
	 height:225px;
	 margin-right:20px;
	 float:left;
	 }
	 #actu-main .block-haut {
	 width:570px;
	 height:auto;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;
	 float:left;
	 padding-left:40px;
	 margin-top:20px;
	 text-align:justify;
	 }
	 #actu-main .block-souscrir{
	 width:495px;
	 height:auto;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;
	 margin-left:auto;
	 margin-right:auto;
	 }
	 #actu-main .block-souscrir .block-gauche{
	 width:232px;
	 float:left;
	 height:auto;
	 margin-top:15px;
	 font-size:12px;
	 }
	 #actu-main .block-souscrir .block-droite{
	 width:234px;
	 float:right;
	 height:auto;
	 margin-top:15px;
	 font-size:12px;
	 }
	 #actu-main .block-souscrir .texte-contact{
	 width:auto;
	 float:left;
	 margin-top:3px;
	 }
	 #actu-main .block-souscrir .champs{
	 width:150px;
	 height:16px;
	 background-color:#FFFFFF;
	 border:0px;
	 float:right;
	 padding-left:5px;
	 padding-right:5px;
	 font-family:Arial;
	 font-size:11px;
	 color:#9b9781;
	 margin-top:3px;
	 margin-left:5px;
	}
	#actu-main .block-souscrir .bouton-envoyer{
	 width:80px;
	 height:19px;
	 margin-top:12px;
	 margin-left:auto;
	 margin-right:auto;
	 }
	#actu-main .block-souscrir .bouton-envoyer .btn{
	 width:80px;
	 height:19px;
	 background-color:#9b9781;
	 border:0px;
	 font-family:Arial;
	 font-size:12px;
	 color:#FFFFFF;
	 padding-bottom:5px;
	 }
	 .obligatoire{
	 width:110px;
	 font-family:Arial;
	 font-size:11px;
	 color:#c8c5b3;
	 float:right;
	 margin-right:55px !important; margin-right:30px;
	 }