html { min-height: 100%; margin-bottom: 1px; background: #fff; font-size: 100.01%;}
body {
margin: 0;
padding: 1px 0 0;
color: #555;
font: 62.5%/1.5 'Franklin Gothic Medium',Arial,Helvetica,sans-serif;
      min-width: 960px;
}
textarea, input, select, option, button{ font: 1em Arial,Helvetica,sans-serif; }

/* RE-SETS
   ------------------------------------------- */
* {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  /*vertical-align: top;*/
}

li, dt, dd, p { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.5em; }
th, td, tr { font-size: 1.1em; }
p { margin-bottom: 1.25em; }
li *, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }

abbr,acronym { cursor: help; }

a { color: #CC0000; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

/* HEADINGS
   ------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: normal 2.4em 'Franklin Gothic Heavy',Arial,Helvetica,sans-serif; color: #393839; }
h1 { font-size: 2.2em; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { text-decoration: underline; }
h2 { font-size: 1.9em; color: #000; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.167em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }


/* LAYOUT
   ------------------------------------------- */

div.wrapper-inner
{
  margin-left: auto;
  margin-right: auto;
padding: -1px 0 0 0;
position: relative;
          background-color: #002832;
          /*background: url(../images/bg-main.png) repeat-y;
            background-position:50% 50%;
            background-attachment:fixed;*/
          /*background-repeat: no-repeat;*/
width: 1000px;
       /*background-image: url(../images/bg-sub-black.png);

         background-position: 50% 186px;*/

}
.image_clefs{
position:relative;
left: 20px;
}

.hr{
width: 970px;
color: #ff0000;
       background-color: #ff0000;
       border-color: #ff0000;
border: 0;
height: 1px;
}

#top {
position: relative;
width: 950px;
       /*height: 110px;*/
margin: 0 auto;
        z-index: 50;

        /*background-image: url(../images/top.jpg);
          background-position: -50px 0px;*/
}

#img_accueil{
position:relative;
top:-50px;
}

img.img_nav{
position:relative;
left:0px;
     z-index:100;
}

img.img_subnav{
position:relative;
left:0px;
     z-index:100;
}

#nav
{
position: absolute;
left: 0;
top: 0px;
width: 953px;
height: 40px;
}

#nav ul li.accueil a.active { background-color: #9f8d83; border: 1px solid #ff0000; } 
#nav ul li.accueil a.inactive { background-color: #2e2e2e;} 
#nav ul li.coop a.active { background-color: #9f8d83; border: 1px solid #ff0000; } 
#nav ul li.coop a.inactive { background-color: #2e2e2e;}
#nav ul li.services a.active { background-color: #9f8d83; border: 1px solid #ff0000;} 
#nav ul li.services a.inactive { background-color: #2e2e2e;}
#nav ul li.liens a.active { background-color: #9f8d83; border: 1px solid #ff0000;} 
#nav ul li.liens a.inactive { background-color: #2e2e2e;}
#nav ul li.joindre a.active { background-color: #9f8d83; border: 1px solid #ff0000;} 
#nav ul li.joindre a.inactive { background-color: #2e2e2e;} 
#nav ul li.partenaires a.active { background-color: #9f8d83; border: 1px solid #ff0000;} 
#nav ul li.partenaires a.inactive { background-color: #2e2e2e;} 
#nav ul li.implication a.active { background-color: #9f8d83; border: 1px solid #ff0000;} 
#nav ul li.implication a.inactive { background-color: #2e2e2e;} 


#nav ul { 
top: 10px;
     background-color: #000000;
float: right;
       list-style: none;
height: 40px;
        margin-top: 10;
        /*font-family: chancery;*/
}

#nav ul li {
position: relative;
top: 0px;
float: left;
       /*       border-width: 1px;
                border-style: solid;
                border-color: #525152;*/
       /* background-color: #000;*/
       font-size: 2em;
}
/*#nav ul li:hover {  background-color: #292929; }*/
/*#nav ul li.home { border-left: none; }*/
#nav ul li a 
{
float: left;
       /*height: 40px;*/
/*width: 110px;*/
       text-decoration: none;
color: #ffffff;
       text-align: center;
       vertical-align: middle;
       background-color: #2e2e2e;
margin: 0px 5px 0px 5px; 
        /*padding: 5px 10px 5px 10px; */
}

#nav ul li.coop a {width: 87px;}
#nav ul li.services a {width: 87px;}
#nav ul li.liens a {width: 87px;}
#nav ul li.joindre a {width: 87px;}
#nav ul li.partenaires a {width: 119px;}
#nav ul li.implication a {width: 125px;}

/*#nav ul li a.inactive {background-color: #2e2e2e;}*/
/*#nav ul li a.active {background-color: #9f8d83;}*/

#topmain {
overflow: hidden;
position: absolute;
z-index: 1;
left: 20px;
top: 202px;
width: 960px;
       /*min-height: 1000px;*/
       margin-top: 0;
       margin-right: auto;
       margin-bottom: 0;
       margin-left: auto;
       /*padding-top: 30px;*/
       padding-right: 0px;
       /*padding-bottom: 10px;*/
       padding-left: 0;
       background-color: #000;
       /*background-color: #122;*/
}#content {
     /*position: absolute;
       top: 470px;
       left: 20px;*/
       position: relative;
           

       overflow: hidden;
       width: 960px;
       /*min-height: 1000px;*/
       margin-top: 0;
       margin-right: auto;
       margin-bottom: 0;
       margin-left: auto;
       padding-top: 0px;
       padding-right: 0px;
       padding-bottom: 20px;
       padding-left: 0;
       background-color: #000;
       /*background-color: #122;*/
}

#titre{
height: 200px;
}

#block1{
width:300px;
      z-index:3;
position: relative;
left: 60px;
top: 0px;
}

#main-accueil{
position:relative;
}

#img1{
  z-index:2;
position: absolute;
left: 400px;
top: 50px;
}

#content-form {
overflow: hidden;
width: 934px;
       margin-top: 0;
       margin-right: auto;
       margin-bottom: 0;
       margin-left: auto;
       padding-top: 9px;
       padding-right: 16px;
       padding-bottom: 10px;
       padding-left: 0;
       background-color:#FFFFFF
}

#side {
float: left;
       /*border: 1px solid #E7E4E4;	*/
width: 270px;
height: auto;
        padding-top: 0px;
        padding-right: 15px;
        padding-bottom: 0;
        padding-left: 0px;
        border-color: #000;

}

.sidebox {
position:relative;
top:1px;
width: 230px;
border: 1px solid #E7E4E4;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
        margin-left: 0px;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 10px;
        border-color: #002832;
        background-color: #dcdcdc;
}
.sidebox .center {
  text-align: center;	

}

#subnav {
    height: 246px;
    z-index: 2;
position: relative;
top: 48px;
left: 20px;
     list-style: none;
     background-color: #000;
     padding-top: 5px;
     padding-right: 0;
     padding-bottom: 5px;
     padding-left: 0px;
}
#subnav li {
  padding-bottom:10px;
  /*line-height: 1.5em;*/
  vertical-align: middle;
}
#subnav li.first{ border-top: none; }
#subnav li a { font-size:1.3em; position: relative; display: block; width: 260px; height: 25px;  padding: 0px 10px 0px 0px;  color: #fff; text-decoration: none; text-align: right; vertical-align: middle; }
#subnav li a:hover { background-color: #000; background-position: 100% 50%; color: #000; }
#subnav li a.active { background-color: #2e2e2e; color: #fff; border: 1px solid #ff0000; }
#subnav li a.desactive { background-color: #9f8d83; color: #fff; }


#main {
float: right; width: 620px; padding: 0px 15px 15px 15px; 
background: url(../images/bg.png);
            min-height: 200px;
}

#maintopimage  {
width: 650px;
background: #000;
}


#footer { overflow: hidden; width: 930px; margin: 20px auto 0; padding: 10px; border-top: 1px solid #e5e5e5; color: #888; text-transform: uppercase; }
#footer p { float: right; font-size: 1em; }
#footer p.first { float: left; }
#footer p em { font-style: normal; }
#footer p em span { padding: 0; }
#footer p span { padding: 0 2px; }
#footer p span.blank { color: #fff; }
#footer p a { color: #3b5e73; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer p a.url { color: #888; }
#footer p img { vertical-align: -3px; }

ul { margin-left: 0; margin-right: 0; padding: 0 0 0 20px; }

#equipe ul.stylenone {
  list-style-type: none;
}