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;
}
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; }
a.logo{
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
   ------------------------------------------- */

#tableau1
{
margin-left: auto;
margin-right: auto;
width: 940;
}

#wrapper
{
margin-left: auto;
margin-right: auto;
padding: -1px 0 0 0;
position: relative;
background-color: #002832;
width: 1000px;
}
.image_clefs{
position:relative;
left: 20px;
}

p.succursale{
color:#fff;
float: right;
font-size: 1.5em;
}

#top {
position: relative;
width: 950px;
margin: 0 auto;
z-index: 50;
}

#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_line{
background-color: transparent;
}


#nav ul li a.active {background-color: #000; border-bottom: 1px solid red; font-size: 1.2em;}
#nav ul li a.desactive {background-color: #000; color: #dddddd;}

#nav ul { 
top: 10px;
background-color: #000000;
list-style: none;
height: 40px;
margin-top: 10;
}

#nav ul li {
position: relative;
top: 0px;
float: left;
font-size: 1.6em;
}

#nav ul li a 
{
float: left;
text-decoration: none;
color: #ffffff;
text-align: center;
vertical-align: middle;
margin: 0px 0px 0px 10px; 
}

#nav ul li.coop a {width: 89px;}
#nav ul li.services a {width: 88px;}
#nav ul li.liens a {width: 88px;}
#nav ul li.joindre a {width: 88px;}
#nav ul li.partenaires a {width: 120px;}
#nav ul li.implication a {width: 125px;}

#contenu{
padding: 20px;
min-height: 300px;
}

#contenu h1{
  font-family: 'Franklin Gothic Heavy';
  font-size: 1.6em;
}
#contenu p{
  font-size: 1.0em;
}


#entete{
height: 200px;
border-bottom: 1px solid #ff0000;
}

#main-accueil{
position:relative;
}

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

#colone_gauche{
background-color: #002832;
}

#formation {
    display: inline;
    /*background: url(../images/bg.png);*/
    background: #000;
    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;
}
#formation li {
  background: #000;
  padding-bottom:10px;
  /*line-height: 1.5em;*/
  vertical-align: middle;
}

#centre{
border-bottom: 1px solid red;
}

#sous_menu {
    /*display: inline;*/
    height: 246px;
    z-index: 10;
    position: relative;
    /*top: 48px;*/
    /*left: 20px;*/
    list-style: none;
    background-color: #000;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0px;
}
#sous_menu li {
  padding-bottom:10px;
  /*line-height: 1.5em;*/
  vertical-align: middle;
}
#sous_menu li.first{ border-top: none; }
#sous_menu li a { font-size:0.9em; position: relative; display: block; width: 240px; height: 20px; margin: 0px 10px 0px 10px;  padding: 0px 10px 0px 0px;  color: #dddddd; text-decoration: none; text-align: right; vertical-align: middle; }
#sous_menu li a.active { background-color: #000; color: #fff; border-bottom: 1px solid red; font-size: 0.9em; }

#footer {
    float: left;
    border-top: 1px solid #ff0000;
    width:930px;
    margin: 20px auto 0;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    color: #888;
    text-transform: uppercase; 
}
#footer p { float: left; font-size: 1em; }
#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; }

ul ul, ol ul{
list-style-type: none;
}

table.equipe{
position: relative;
width:500px;
}

#equipe ul.stylenone {
      list-style-type: none;
}
#equipe h3 {
    font-size: 1.1em;
}

td.coordonnee{
width:450px;
}
td.coordonnee ul{
    list-style-type: none;
}

td.coordonnee ul li{
    font-size: 0.8em;
}

a.succursale{
 text-decoration: none;
 font-size:1.0em;  
}
a.succursale:hover{
 text-decoration: none;
 font-size: 1.2em;
}

#succursale{
float: right;
}

#accueil_panneau_droit{
margin:0px;
padding:0px;
}

#accueil_panneau_droit p{
font-size:0.8em;
}

#accueil_top {
position: relative;
margin: 0 auto;
z-index: 50;
}

#accueil_tableau
{
margin-left: auto;
margin-right: auto;
/*width: 800px;*/
}

#accueil_wrapper
{
margin-left: auto;
margin-right: auto;
padding: -1px 0 0 0;
position: relative;
background-color: #002832;
width: 1000px;
}

#accueil_entete{
height: 100px;
}