html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}


 body {
    background-color: #8b8c8c;
    font-family : MyriadPro-Bold, arial;
}

/*PARTIES DU SITE*/
div#Page {
    width: 1024px;
    margin-left: auto; margin-right: auto;
    /*border-width:1px;
    border-style:solid;*/
}

div#Site {
    width: 924px;
    /*height:800px;/*A SUPPRIMER*/
    float:left;
    /*border-width:1px;
    border-style:solid;*/
}

div#Bandeau_droite {
    background-image: url(../images/bandeau_droite.jpg);
    background-repeat:no-repeat;
    width: 100px;
    height:715px;
    float:left;
    /*margin: 0 0 20px 0;*/
}

div#FondMetal {
    background-image: url(../images/fond_metal.jpg);
    background-repeat:repeat-y;
    width: 924px;
    padding:0 0 20px 0;
    margin: 0 0 15px 0;
    float:left;
    min-height:545px;/*hauteur minimale*/
}
div#ColonneGauche {
    width: 176px;
    float:left;
    /*border-width:1px;
    border-style:solid;*/
    text-align:center;
    padding: 15px 0 0 0;
}


div#Site_Header {
    width: 744px;
    height: 140px;
    float:left;
    /*border-width:1px;
    border-style:solid;*/
    padding: 10px 0 0 0;
    overflow: hidden;
}

div#Site_Header img.vignettes_header{
    margin: 10px 0 0 0;
}

div#Site_Header_Gauche_haut {
    width: 372px;
    height: 40px;
    float:left;
    text-align:left;
}
div#Site_Header_Droite_haut {
    width: 372px;
    height: 40px;
    float:left;
    text-align:right;
}

div#Site_Header_Gauche_bas {
    width: 372px;
    height: 16px;
    float:left;
    text-align:left;
}
div#Site_Header_Droite_bas {
    width: 372px;
    height: 16px;
    float:left;
    text-align:right;
}


div#Site_Contenu {
    width: 724px;/*755-15-5 px de padding*/
    float:left;
    /*border-width:1px;
    border-style:solid;*/
    padding: 20px 15px 0 5px;
}

/*balise P principale*/
div#Site_Contenu p{
    text-indent: 30px;
    color:#000000;
    text-decoration : none;
    font-size:1em;
    font-style: italic;
    text-align:justify;
}

div#Site_Contenu p.rouge{
    text-indent: 30px;
    color:#b80000;
    text-decoration : none;
    font-size:1em;
    font-style: italic;
    text-align:justify;

}


div#Site_Footer {
    background-image: url(../images/footer.png);
    background-repeat:repeat-y;
    width: 924px;
    float:left;
    padding:5px 0 10px 0;
    /*margin: 150px 0 0 0:*/
}

div#Site_FondMetal_Footer {
    width: 900px;
    height: 1px;
    float:left;
}

div#Site_Footer p.adresse{
    color:#000000;
    text-align:center;
    font-size:1em;
}
div#Site_Footer p.motscles{
    color:#8b8c8c;
    text-align:center;
    font-size:0.8em;
    font-weight: bold;
}
div#Site_Footer p.creation{
    color:#ffffff;
    text-align:center;
    font-size:0.8em;
}
div#Site_Footer a{
    color:#ffffff;
    text-decoration:none;
}
div#Site_Footer a:hover{
    color:#ffffff;
    text-decoration:underline;
}


/*DIV pour le header*/

div.Site_Header_Gauche_TitreBleu{
   color: #008bb3;
   font-size: 1.7em;
   font-weight: bold;
   float:left;
   border-bottom: 2px double black;
}
div.Site_Header_Gauche_TitreBleuItalique{
   color: #008bb3;
   font-size: 1.7em;
   font-weight: bold;
   font-style: italic;
   float:left;
   border-bottom: 2px double black;/*soulignement du mot en quelque sorte*/
}
div.Site_Header_Droite_TitreBleu{
   color: #008bb3;
   font-size: 1.7em;
   font-weight: bold;
   float:right;
}
div.Site_Header_Gauche_TitreNoir{
   color: #000000;
   font-size: 1.2em;
   font-weight: normal;
   float:left;
}
div.Site_Header_Droite_TitreNoir{
   color: #000000;
   font-size: 1.2em;
   font-weight: normal;
   float:right;
}
/*DIV pour la colonne de gauche*/


div.ColonneGauche_SousMenuHeader {
   background-image: url(../images/sous_menu_header.png);
   background-repeat:no-repeat;
   width: 163px;
   height:44px;
   margin-left: auto; margin-right: auto;
}
div.ColonneGauche_SousMenuHeader p{
   color:#000000;
   font-weight: bold;
   text-align:center;
   font-size:1.3em;
   margin: 5px 0 0 0;
}
div.ColonneGauche_SousMenuHeader a{
   color:#000000;
}
div.ColonneGauche_SousMenuHeader a:hover{
   color:#000000;
   text-decoration:underline;
}
div.ColonneGauche_SousMenuBody {
   background-image: url(../images/sous_menu_body.png);
   background-repeat:repeat-y;
   width: 163px;
   margin-left: auto; margin-right: auto;
   text-align:left;
}
div.ColonneGauche_SousMenuBody a{
   color:#ffffff;
   text-align:left;
   font-size:1em;
   font-weight:normal;
}
div.ColonneGauche_SousMenuBody p{
   padding:7px 0 0 5px;
}
div.ColonneGauche_SousMenuBody a:hover{
   text-decoration:underline;
}
div.ColonneGauche_SousMenuFooter {
   background-image: url(../images/sous_menu_body.png);
   background-repeat:repeat-y;
   width: 163px;
   height: 15px;
   margin-left: auto; margin-right: auto;
}

/*DIV pour le contenu*/


/*Tableau deux colonnes centrées sans border (utilisée pour le formulaire)*/
div.Site_Contenu_Formulaire_ColBody{
   width:49%;
   float:left;
   margin-left: auto; margin-right: auto;
   padding: 20px 0 0 0;
}

/*TABLEAU deux colonnes centrées avec en-tetes*/

div.Site_Contenu_ColHeader{
   width:49%;
   background-color:#008bb3;
   border-width:1px;
   border-style:solid;
   float:left;
   margin-left: auto; margin-right: auto;
   padding:10px 0;
   color: #ffffff;/*couleur de la bordure*/
}
div.Site_Contenu_ColHeader p{
   text-align:center;
   font-weight:bold;
   color: #ffffff;
}

div.Site_Contenu_ColBody{
   width:49%;
   min-height: 130px;
   border-width:1px;
   border-style:solid;
   float:left;
   margin-left: auto; margin-right: auto;
   padding: 5px 0;
   color: #ffffff;/*couleur de la bordure*/
   margin-bottom:30px;/*fonctionne pour firefox*/  /*sous IE il y a des saut de lignes qui n'apparaissent pas sous firefox*/
}
div.Site_Contenu_ColBody p{
   color: #000000;
   text-align:left;
   text-indent:10px;
}

/*TABLEAU deux colonnes centrées avec en-tetes pour la partie contact*/

div#Site_Contenu_Col_Gauche{
   width:250px;
   float:left;
   text-align:center;
}

div#Site_Contenu_Col_Gauche p.adresse_contact{
   text-align:center;
   text-indent:0px;
   font-style: normal;
}

div#Site_Contenu_Col_Droite{
   width:455px;
   float:left;
   text-align:center;
}


div#Site_Contenu p.TitrePartie{
    color:#8b8c8c;
    text-decoration : underline;
    font-size:1.3em;
    margin: 0 0 20px 0;
    text-align:left;
}

div#Site_Contenu p.GrosTitre{
    color:#008bb3;
    text-decoration : none;
    font-size:2em;
    margin: 30px 0 0 0;
    text-align:center;
}

/*permet d'avoir des images à gauche avec le texte aligné à sa droite*/
div#Site_Contenu   img.gauche {
    float:left;
    margin-right:20px;
}

/*permet d'avoir des images à droite avec le texte aligné à sa gauche*/
div#Site_Contenu   img.droite {
    float:right;
    margin-left:20px;
}



div#Site_Footer a.footer, div#Site_Footer a.footer:visited {
    color: #727272;
    text-decoration: none;
}

div#Site_Footer a.footer:hover {
    color: #727272;
    text-decoration: underline;
}






/*BORDEL*/
a img { border: none; }

a, a:hover {
    color: #000000;
    text-decoration:underline;
}

ul {
    margin-left: 15px;
}

span.textesouligne{
text-decoration: underline
}
/*FIN DU BORDEL*/