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: #000000;
    font-family : arial;
}

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

div#Header {
    background-image: url(../images/header_fond.jpg);
    background-repeat:repeat-x;
    width: 100%;
    height:214px;
    margin-top:10px;
}

div#ColonneGauche {
    width: 150px;
    float:left;
    min-height:402px;
    text-align:center;
    padding: 0 0 0 0;
}



div#Site_Contenu {
    width: 694px;/*755-15-5 px de padding*/
    float:left;
    min-height:580px;
    /*border-width:1px;
    border-style:solid;*/
    background-color:#7c7c7c;
    padding: 0px 10px 0 10px;
}

div#ColonneDroite {
    width: 140px;
    float:left;
    min-height:402px;
    margin : 0 0 0 10px;
    text-align:center;
}


div#Site_FooterPartenaires {
    width: 1020px;
    /*height:50px;*/
    float:left;
    text-align:center;
    padding:0 0 0 0;
    margin-top:15px;
    border-width:2px;
    border-color:#7c7c7c;
    border-style:solid;
}


div#Site_Footer {
    background-image: url(../images/ligne_footer.jpg);
    background-repeat:repeat-x;
    width: 1024px;
    height:50px;
    float:left;
    padding:0 0 0 0;
    margin-top:15px;
    padding-top: 1px;
}


/*PAGE INTRO*/

div#ligne_header {
    width: 100%;
    height:30px;
    background-color:#000000;
    text-align:center;
    padding-top:20px;
}
div#ligne_header p.Titre_Intro {
    color:#8e8e8e;
    font-size: 1.8em;
}
div#ligne_middle {
    width: 100%;
    height:300px;
    background-color:#000000;
}
div#ligne_footer {
    width: 100%;
    height:325px;
    background-color:#000000;
    text-align:center;
}

div#ligne_footer p{
    color:#dfdfe0;
    font-size:1.2em;
}


div#colonne_left {
    width: 252px;
    height:300px;
    float:left;
    background-color:#000000;
}
div#colonne_middle {
    width: 520px;
    height:300px;
    float:left;
    background-color:#000000;
}
div#colonne_right {
    width: 252px;
    height:300px;
    float:left;
    background-color:#000000;
}



/*######## HEADER DU CONTENU #########*/
div#ContenuHeaderGlobal {
   width:694px;
   float:left;
   height:50px;
   background-color:#7c7c7c;
   padding: 0 0 20px 0;
}
div#ContenuHeaderGauche1 {
    width:120px;
    float:left;
    height:50px;
}
div#ContenuHeaderMillieu1 {
    width:427px;
    float:left;
    height:50px;
    background-image: url(../images/header_millieu_fond.jpg);
    background-repeat: repeat-x;
}
div#ContenuHeaderGauche2 {
    width:250px;
    float:left;
    height:50px;
}
div#ContenuHeaderMillieu2 {
    width:297px;
    float:left;
    height:50px;
    background-image: url(../images/header_millieu_fond.jpg);
    background-repeat: repeat-x;
}
div#ContenuHeaderGauche3 {
    width:280px;
    float:left;
    height:50px;
}
div#ContenuHeaderMillieu3 {
    width:267px;
    float:left;
    height:50px;
    background-image: url(../images/header_millieu_fond.jpg);
    background-repeat: repeat-x;
}


/*HEADER CONTENU POUR LES MENTIONS*/    /* A VERIFIER MAIS A SUPPRIMER !!!!!!!!!!!!!!!!!!!*/
div#ContenuHeaderGaucheMentions {
    width:120px;
    float:left;
    height:50px;
}
div#ContenuHeaderMillieuMentions {
    width:427px;
    float:left;
    height:50px;
    background-image: url(../images/header_millieu_fond.jpg);
    background-repeat: repeat-x;
}
/*------------------------------------*/


div#ContenuHeaderDroite {
    width:147px;
    height:50px;
    float:left;
    background-image: url(../images/floral_general.jpg);
    background-repeat: no-repeat;
}

/*colones de droite pour le formulaire et le plan de la page contacts*/
div#col_formulaire {
    margin: 0 0 0 0;
    padding : 0 0 0 0;
    float: left;
    width: 50%;
    text-align: justify;
}

div#col_formulaire2 {
    margin: 0 0 0 0;
    padding : 0 0 0 0;
    float: left;
    width: 50%;
    text-align: justify;
}
/**/

div#ContenuHeaderGauche1 p.TitrePartie{
    color:#ffffff;
    /*text-decoration : underline;*/
    font-size:1.8em;
    margin: 10px 0 20px 0;
    text-align:left;
    text-indent:0px;
}
div#ContenuHeaderGauche2 p.TitrePartie{
    color:#ffffff;
    /*text-decoration : underline;*/
    font-size:1.8em;
    margin: 10px 0 20px 0;
    text-align:left;
    text-indent:0px;
}
div#ContenuHeaderGauche3 p.TitrePartie{
    color:#ffffff;
    /*text-decoration : underline;*/
    font-size:1.8em;
    margin: 10px 0 20px 0;
    text-align:left;
    text-indent:0px;
}


/*DIV pour le contenu*/
div#Site_Contenu p{
    text-indent: 30px;
    color:#ffffff;
    /*text-decoration : none;*/
    font-size:1em;
    text-align:justify;
}

div.Site_Contenu_center {
    color:#ffffff;
    font-size:1em;
    text-align:center;
}

div#Site_Contenu p.centrer{
    text-indent: 30px;
    color:#ffffff;
    /*text-decoration : none;*/
    font-size:1em;
    text-align:center;
}

div#Site_Contenu p.centrertotal{
    text-indent: 0px;
    color:#ffffff;
    font-size:1em;
    text-align:center;
}

div#Site_Contenu p.noir{
    text-indent: 30px;
    color:#000000;
    /*text-decoration : none;*/
    font-size:1em;
    text-align:justify;
}

/*permet de créer 3 colonnes pour centrer 3 images*/
div#Site_Contenu div.colonne123{
   width:30%;
   float:left;
   padding-left:18px;
}
/*permet de créer 2 colonnes pour du texte a gauche et une photo à droite*/
div#Site_Contenu div.colonne1de2{
   width:65%;
   float:left;
   padding-right:30px;
}
div#Site_Contenu div.colonne2de2{
   width:30%;
   float:left;
}

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

.img-ombre {
  float:left;
  background: url(shadowAlpha.gif) no-repeat bottom right;
  }


/*permet d'avoir des images à gauche avec le texte aligné à sa droite*/
div#Site_Contenu   img.gauche_ombre {
    float:left;
  display: block;
  position: relative;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
}


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

/*permet d'avoir des images à droite avec le texte aligné à sa gauche*/
div#Site_Contenu   img.droite_ombre {
  float:right;
  display: block;
  position: relative;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
}

/*permet d'avoir des images à droite avec le texte aligné à sa gauche*/
div#Site_Contenu   img.ombre {
  float:none;
  display: block;
  position: relative;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
}




/*DIV pour la colonne de droite*/

div#Site_FooterPartenaires p{
    color : #ffffff;
    font-size:1em;
    font-weight:bold;
    padding:0;
    margin:0;
}


/*pour les logo sur la droite*/

div#Site_FooterPartenaires img{
    margin-left:auto;
    margin-right: auto;
    margin-top:30px;
}







/*DIV POUR LES TERRAINS*/
div#Site_Contenu div.ArticleTerrain{
   width:97%;
   background-color:#9b9a9a;
   padding: 10px;
   min-height:150px;
/*   margin-left: auto; margin-right: auto;*/

}

div#Site_Contenu div.ArticleTerrain p.TitreTerrain{
   margin:0 0 5px 0;
   color: #000000;
   text-align:left;
   font-weight: bold;
   text-indent:0px;
}

div.aligner_droite {
   width:100%;
   text-align:right;
}


span.textesouligne{
text-decoration: underline
}


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

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





/*DIV pour le footer*/

div#Site_Footer p{
    text-align:center;
    color: #000000;
    font-size : 1em;
}

div#Site_Footer p.mentions{
    color:#ffffff;
    font-size:0.6em;
    padding:15px;
}

div#Site_Footer a{
    color: #ffffff;
}
div#Site_Footer a:hover{
    text-decoration:underline;
}




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

a {
    color: #ffffff;
    text-decoration: none;
}

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

ul {
    margin-left: 180px;
    color: #ffffff;
}
/*FIN DU BORDEL*/