html {
     height: 100%;}

body
{
     height: 100%;
     width: 760px;
    margin: auto;
     margin-top: 20px;                                                          /*pour ne pas coller a la fenetre du naviagateur*/
     margin-bottom: 20px;
     background-color: #A3C877;}

#conteneur{
background: url(images/conteneur.png) repeat-y }

#en_tete
{
      width: 760px;}

#navigation                                                                     /*division de l'entete comprenant le logo et la signature*/
{
      width: 760px;
      height:34px;
      text-align: center;
      background-color: #89A7DE;
}

 #menu, #menu ul                                                                /* Liste */     
{
        padding : 0;                                                            /* pas de marge intérieure */
        margin : 0;                                                             /* ni extérieure */
        list-style : none;                                                      /* on supprime le style par défaut de la liste */
        line-height : 34px;                                                     /* on définit une hauteur pour chaque élément */
        text-align : center;                                                    /* on centre le texte qui se trouve dans la liste */
}

#menu                                                                           /* Ensemble du menu */
{
        font-weight : bold;                                                     /* on met le texte en gras */
        font-family : Arial;                                                    /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px;                                                       /* hauteur du texte : 12 pixels */
}

#menu a                                                                         /* Contenu des listes */
{
        display : block;                                                        /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0;                                                            /* aucune marge intérieure */
        background : #89A7DE;                                                   /* couleur de fond */
        color : #ffffff;                                                        /* couleur du texte */
        text-decoration : none;                                                 /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 125px;                                                          /* largeur */
}

#menu li                                                                        /* Elements des listes */
{ 
        float : left; 
                                                                                /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff;                                          /* on met une bordure blanche à droite de chaque élément */
}

                                                                                /* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ;                                   /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul                                                                     /* Sous-listes */
{
        position: absolute;                                                     /* Position absolue */
        width: 140px;                                                           /* Largeur des sous-listes */
        left: -999em;                                                           /* Hop, on envoie loin du champ de vision */
}


#menu li ul li                                                                  /* Éléments de sous-listes */
{
                                                                                /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff;                                            /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

                                                                                /* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent;                                     /* on met une bordure transparente en haut de chaque élément */
}

#menu a:hover                                                                   /* Lorsque la souris passe sur un des liens */    
{
        color: #000;                                                            /* On passe le texte en noir... */
        background: #fff;                                                       /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul                                    /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em;                                                           /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto;                                                             /* Repositionnement normal */
        min-height: 0;                                                          /* Corrige un bug sous IE */
}

#gauche                                                                         /* ruban/bande gauche*/
{
float: left;                                                                    /*permet de créer les deux colonnes*/

width: 145px;

padding: 10px;

}

.slogan{                                                                        /*première partie du slogan: Créer, reprendre..*/
text-align: left;
margin-top: 50px;
color: white;
padding: 2px;
font-family: cambria; arial; verdana; serif;
border: none;
font-style: italic;
font-weight: bold;
font-size: 16px;
text-indent: 0px;
}

.sloganb{                                                                       /*deuxieme partie solggan:BCS vous...*/
text-align: left;
margin-top: 40px;
color: white;
padding: 2px;
font-family: cambria; arial; verdana; serif;
border: none;
font-style: italic;
font-weight: bold;
font-size: 16px;
text-indent: 0px;
}

.adresse{
text-align: center;
margin-top: 0px;
font-family: cambria; arial; verdana; serif;
font-size: 12px;
color: white;
padding: 2px;
text-indent: 0px;}

.adresse a{
text-decoration: underline;
color: white;
ext-align: center;
margin-top: 0px;
font-family: cambria; arial; verdana; serif;
font-size: 12px;
color: white;
padding: 2px;
text-indent: 0px;
}


#sous_menu{
list-style-type:none; 
margin: 0; 
padding:0; 
width:  160px;    
}

#sous_menu li{
margin: 0; 
padding: 0;  
}

#sous_menu a{
text-decoration:none;  
color: white ; 
display:block;   
text-align: center;
padding: 4px 20px ;   
margin-top: 20px;
background-color: #89A7DE;
font-family: Cambria; Arial; Serif;
font-size: 13px;
}

#sous_menu a:hover, #sous_menu a:focus, #sous_menu a:active
{
background-color: #4444AF;
color: white; 
font-weight: bold;
font-style: italic;
}

#corps
{                                                                               /* corps du texte en blanc*/

margin-left: 165px;                                                             /* margin fixé a 20px de plus que la largeur de la colonne gauche pour que le teste ne passe pas sous la colonne gauche*/
padding: 10px;
background-color: white;
}


h1
{                                                                               /* style des titres avec flèche*/
text-align: justify ;
color:#4444AF;
font-size: 18px;
font-family: cambria; arial;serif;
font-style: italic;
font-weight: bold;
margin-bottom: 2px;
margin-top:10px;
padding-top: 5px;
padding-left: 0px;
margin-left: 0px;
}

h2
{
text-align: left;
color:#67AB70;
font-weight: bold;
font-size: 15px;
margin-bottom: 2px;
margin-top: 10px;
padding-left: 40px;

}

h3{
font-family: cambria; arial; verdana; serif;
font-size:18px;
background-color: #89A7DE;
font-weight: bold;
color: white;
font-style: italic;
text-align: center;
padding: 5px;
margin: 10px;
}


p
{
text-indent: 30px;
font-family: arial; verdana; serif;
text-align: justify;
font-size: 13px;
margin: 3px;
margin-top: 5px;
padding: 10px;
}

.liste
{

font-family: arial; verdana; serif;
text-align: justify;
font-size: 13px;
margin-top: 0px;
margin-bottom: 2px;
margin: auto;
padding: 10px;
padding-bottom: 2px;
padding-top: 0px;
padding-left: 50px;
}

table{

text-align: justify;
}

#pied_de_page
{                                                                               /* pied de page noir*/
padding: 5px;
   text-align: center;
   background-color: black;
   border: 2px solid black;
}

.imageflottante{                                                                /* flèche des titre*/
float: left; 
padding-top: 10px;
padding-left: 10px;}


.actu li{                                                                       /*style des liens pour la page actualité*/
font-family: arial; verdana; serif;
font-size: 13px;
font-style: italic;
text-indent: 0px;
}


.actu a{
color: #5FA768;
font-family: Arial; verdana; serif;
font-style: italic;
font-size: 13px;}

.date{color: #5FA768;
font-family: arial; verdana; serif;
font-size: 13px;
font-style: italic;}

.chemin {
color: black;                                                         /*style applique à "vous êtes dans...*/
border: 0px;
text-indent: 0px;
margin-top: 0px;
text-align: left;
}
.chemin a{
color: #4444AF}

.site_partenaire{
color: #4444AF}

.bulletin
{color: #4444AF}

.logo_partenaire{                                                               /* style appliqué au logo dans le tableau page nos partenaires*/
   right:50%;
   left: 50%;
    margin-top: 5px;
    }

.equipe{
text-align: left;
margin: auto;
font-family: arial; verdana, serif;
font-size: 13px;
border: 0px;
padding: 5px;
}

.equipe td{
width: 220px;}

.titre{
border: 1px solid black;
width: 550px;
vertical-align: top;
margin: auto;
padding: 0px;}



.page{
left: 0px;}

.formulaire{
align: left;
text-indent: 0px;
padding: 10px;
padding-left: 60px;
font-size: 13px;}

input
{
   font-family: arial; Trebuchet; serif; /* On modifie la police du texte tapé l'intérieur des champs */
margin: 5px;
}

textarea
{
   font-family: arial; Trebuchet; serif; /* On modifie la police du texte tapé l'intérieur des champs */
   width: 300px;
   height: 150px;
   margin:5px;

}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99}

form
{ border: none;
margin: 20px;
border: 1px solid black;
font-family: arial; Trebuchet, serif;
font-size: 12px;}

label {
display:block;
width:150px;
float:left;
}

.asteris
{text-indent: 0px;
font-size: 10px;
margin-top: 0px;
padding-top: 0px;}

.ir_isf
{font-family: arial; trebuchet; serif;
font-size: 13px;
border: 1px solid white;
margin: auto;
text-align:left;
border-collapse: collapse;

}

.ir_isf thead th
{background-color: #4444AF;
text-align: center;
border: 1px solid white;
color: white;
padding: 7px;}

.ir_isf tbody td
{border: 1px solid white;
padding: 7px;
background-color: #EBDDC3;
color: black;}

.ir_isf tfoot td
{font-size: 10px;
font-style: italic;
background-color: white;
border: 0px;
padding: 7px;
}

.important
{ color: #67AB70;
font-style: italic;
text-decoration: none;}

.contact
{border: 1px solid black;
text-indent: 0px;
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 15px;
margin: 20px;}

.bleu{
border: 0px;
border-collapse: collapse;
padding-left: 0px;
text-align: justify;}

form td span { text-align:left; border-spacing:0; font-size:0.8em; background-color:#ffffff; color:#ff0000;}
h4{
font-family: cambria; arial; verdana; serif;
font-size:18px;
background-color: #ffffff;
font-weight: bold;
color: #000000;
font-style: italic;
text-align: center;
padding: 5px;
margin: 10px;
}


.graphique{

border: 1px solid black;
}

.centrer{

padding-left: auto;
padding-right: auto;
text-align: center;}

.illustration{
text-indent: 0px;
text-align: center;
margin: 3px;
margin-top: 5px;
padding: 10px;}