@font-face {
  font-family: 'HelveticaNeueLTStd-LtCn';
  src: url('font/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype'),  
  url('font/HelveticaNeueLTStd-LtCn.otf')  format('opentype'),
  url('font/HelveticaNeueLTStd-LtCn.woff') format('woff'), 
  url('font/HelveticaNeueLTStd-LtCn.ttf')  format('truetype'), 
  url('font/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTStd-BdCn';
  src: url('font/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'),  
  url('font/HelveticaNeueLTStd-BdCn.otf')  format('opentype'),
	     url('font/HelveticaNeueLTStd-BdCn.woff') format('woff'), 
		 url('font/HelveticaNeueLTStd-BdCn.ttf')  format('truetype'), 
		 url('font/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
  font-weight: normal;
  font-style: normal;
}


html{
width:100%;
height:100%;
margin:0px;
padding:0px;
}

body
{
margin: 0 auto; /* Pour centrer notre page */
text-align:center;
background-color: #fff;
width:100%;
height:100%;

}

a img 
{ 
border: none; 
} 

a{
color:#008766;
text-decoration: none;
}
a:hover{
color:#008766;
text-decoration: underline;
}
a:active{
color:#008766;
text-decoration: underline;
}


#box a{
color:#008766;
text-decoration: none;
}
#box a:hover{
color:#008766;
text-decoration: underline;
}
#box a:active{
color:#008766;
text-decoration: underline;
}

#top{
width:100%;
height:450px;
background-color:#008766;
font-size:18px;
font-family:'HelveticaNeueLTStd-LtCn', Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-align:center;
}
#top a:active /* Quand le visiteur clique sur le lien */
{
   text-decoration: underline;
   color: #fff;
}
#top a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none;
   color: #b1c9c4;
}
#top a /* Lien normal */
{
   text-decoration: none;
   color: #fff;
}

#box{
width:900px;
height:auto;
text-align:justify;
font-size:20px;
font-family:'HelveticaNeueLTStd-LtCn', Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
margin-top:300px;
}

#menu{
position:absolute;
top:450px;
width:900px;
height:250px;
margin-left:auto;
margin-right:auto;
padding:0px;

}



a .btn01{
position:absolute;
top:0px;
left:0px;
width:139px;
height:169px;
background-image:url('img/btn01.png');
background-repeat:no-repeat;
background-position:top center;
}
a:hover .btn01{
width:139px;
height:169px;
background-image:url('img/btn01-on.png');
background-repeat:no-repeat;
background-position:top center;
}

a .btn02{
position:absolute;
top:0px;
left:126px;
width:139px;
height:243px;
background-image:url('img/btn02.png');
background-repeat:no-repeat;
background-position:top center;
}
a:hover .btn02{
width:139px;
height:243px;
background-image:url('img/btn02-on.png');
background-repeat:no-repeat;
background-position:top center;
}
a .btn03{
position:absolute;
top:0px;
left:252px;
width:139px;
height:168px;
background-image:url('img/btn03.png');
background-repeat:no-repeat;
background-position:top center;
}
a:hover .btn03{
width:139px;
height:168px;
background-image:url('img/btn03-on.png');
background-repeat:no-repeat;
background-position:top center;
}
a .btn04{
position:absolute;
top:0px;
left:378px;
width:139px;
height:243px;
background-image:url('img/btn04.png');
background-repeat:no-repeat;
background-position:top center;
}
a:hover .btn04{
width:139px;
height:243px;
background-image:url('img/btn04-on.png');
background-repeat:no-repeat;
background-position:top center;
}
a .btn05{
position:absolute;
top:0px;
left:506px;
width:139px;
height:168px;
background-image:url('img/btn05.png');
background-repeat:no-repeat;
background-position:top center;
}
a:hover .btn05{
width:139px;
height:168px;
background-image:url('img/btn05-on.png');
background-repeat:no-repeat;
background-position:top center;
}
a .btn06{
position:absolute;
top:0px;
left:632px;
width:139px;
height:243px;
background-image:url('img/btn06.png');
background-repeat:no-repeat;
background-position:top center;

margin-bottom:-243px;
}
a:hover .btn06{
width:139px;
height:243px;
background-image:url('img/btn06-on.png');
background-repeat:no-repeat;
background-position:top center;
}
a .btn07{
position:absolute;
top:0px;
left:758px;
width:139px;
height:168px;
background-image:url('img/btn07.png');
background-repeat:no-repeat;
background-position:top center;

}
a:hover .btn07{
width:139px;
height:168px;
background-image:url('img/btn07-on.png');
background-repeat:no-repeat;
background-position:top center;
}

.titre{
color:#008766;
font-weight:bold;
font-size:21px;
}

.vert{
color:#008766;
font-weight:bold;
}

.boxevidence-left{
width:420px;
min-height:400px;
margin-right:50px;
}
.boxevidence-top{
width:420px;
height:30px;
background-image:url('img/boxtop.png');
background-repeat:no-repeat;
background-position:bottom center;
}
.boxevidence-contenu{
width:380px;
height:630px;
background-color:#d5e6de;
padding-left:20px;
padding-right:20px;
}
.boxevidence-right{
width:420px;
min-height:400px;
float:right;
margin-top:-660px;
}


.temoignages-sep{
width:900px;
height:6px;
background-image:url('img/pied_points2.png');
background-repeat:repeat-x;
background-position:bottom center;
}

table.contact{
width:900px;
margin-left:0px;
}
table.contact td{
vertical-align:top;
text-align:left;
}
.liste{
display:inline-block;
float:left;
width:24px;

}

input [type=texte]{
width:350px; 
height:35px; 
background-color:#d5e6de; 
color:#4d4d4d; 
font-size: 16px; 
font-family: Arial, Verdana, sans-serif;
}
textarea {
background-color:#d5e6de; 
color:#4d4d4d; 
font-size: 16px; 
font-family: Arial, Verdana, sans-serif;
}
OPTION{
background-color:#fff; 
font-size: 18px; 
font-family:'HelveticaNeueLTStd-LtCn', Arial, Helvetica, sans-serif;
}
SELECT{
background-color:#fff; 
}
input[type=radio], input[type=checkbox] {
 background-color:transparent;
 border:none;
 width:22px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 cursor:pointer;
 }

.bloc_annonce{
width:860px;
min-height:200px;
height:auto;
background-color:#d5e6de;
padding:20px;
} 
table.annonce{
width:860px;
margin-left:0px;
}
table.annonce td{
vertical-align:top;
text-align:left;
} 
.titre-profil{
text-transform:uppercase
}

.bloc_recherche-top{
width:900px;
height:40px;
background-image:url('img/boxtop_recherche.png');
background-repeat:no-repeat;
background-position:bottom center;
}
.bloc_recherche{
width:860px;
min-height:40px;
height:auto;
background-color:#d5e6de;
padding:20px;
margin-top:-1px;
} 
table.recherche{
width:860px;
margin-left:0px;
}
table.recherche td.bouton{
text-align:right;
} 

#bottom{
width:100%;
height:189px;
margin-left:auto;
margin-right:auto;
margin-top:-189px;
background-image:url('img/bottom.png');
background-repeat:no-repeat;
background-position:bottom center;
}
#bottom1{
width:100%;
height:189px;
margin-left:auto;
margin-right:auto;
margin-top:-189px;
background-image:url('img/bottom1.png');
background-repeat:no-repeat;
background-position:bottom center;
}
 
#pied{
width:100%;
height:auto;
background-color:#008766;
margin-bottom:-189px;
}

#pied a:active /* Quand le visiteur clique sur le lien */
{
   text-decoration: underline;
   color: #fff;
}
#pied a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: #fff;
}
#pied a /* Lien normal */
{
   text-decoration: none;
   color: #fff;
}

.points{
width:100%;
height:6px;
padding-top:10px;
background-image:url('img/pied_points.png');
background-repeat:repeat-x;
background-position:bottom center;

}

.box_pied{
height:135px;
width:900px;
margin-left:auto;
margin-right:auto;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
padding-top:15px;
padding-bottom:15px;
}

.error{
color:red;
}

#contactform > .remarque { 
display:none; 
}
.remarque { 
display:none; 
}

.container{
margin-top:0px;
}

    #slides {
     /* display: none;*/
	  width:900px;
	padding:20px;
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
	  margin-top: 10px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
	  margin-top: 10px;
      float: left;

    }

    .slidesjs-pagination {
      margin: 10px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #fff
    }

    #slides a:hover,
    #slides a:active {
      color: #000
    }

    .navbar {
      overflow: hidden
    }
	
	

	
#wrapper { width: 620px; margin: 0 auto; text-align:right;}

#inline { display: none; width: 600px; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }