/* ------------------------------------ *
 CSS
 mercredi 3 septembre 2008 18:03:28
 HAPedit 3.1.11.111
 * ------------------------------------ */
 body {
    color: #000000;
    margin: 8px;
    padding: 0;
    /*background-color: #f29744;/*orange pastel*/
    background-color: #e06222;
    text-align: center;
}

/* FOND DE PAGE */
div#Accueil {
    width: 1000px;
    height: 766px;
    margin-left: auto; margin-right: auto;
    background-image: url(../images/fonds/fond_accueil.jpg);
    background-repeat:no-repeat;
}
div#Salles {
    width: 1000px;
    height: 892px;
    margin-left: auto; margin-right: auto;
    background-image: url(../images/fonds/fond_salles.jpg);
    background-repeat:no-repeat;
}
div#Exterieurs {
    width: 1000px;
    height: 766px;
    margin-left: auto; margin-right: auto;
    background-image: url(../images/fonds/fond_exterieurs.jpg);
    background-repeat:no-repeat;
}
div#Traditions {
    width: 1000px;
    height: 766px;
    margin-left: auto; margin-right: auto;
    background-image: url(../images/fonds/fond_traditions.jpg);
    background-repeat:no-repeat;
}
div#Animations {
    width: 1000px;
    height: 766px;
    margin-left: auto; margin-right: auto;
    background-image: url(../images/fonds/fond_animations2.jpg);
    background-repeat:no-repeat;
}
div#Historique {
    width: 1000px;
    height: 766px;
    margin-left: auto; margin-right: auto;
    background-image: url(../images/fonds/fond_historique.jpg);
    background-repeat:no-repeat;
}
div#Contacts {
    width: 1000px;
    height: 766px;
    margin-left: auto; margin-right: auto;
    background-image: url(../images/fonds/fond_contacts.jpg);
    background-repeat:no-repeat;
}
div#Liens {
    width: 1000px;
    height: 766px;
    margin-left: auto; margin-right: auto;
    background-image: url(../images/fonds/fond_liens.jpg);
    background-repeat:no-repeat;
}
/* FIN FOND DE PAGE */




/* Colonne de gauche : menu */
div#left_col {
    overflow: hidden;
    /*clear: both;*/
    padding : 0 0 0 0;
    margin-top: 250px;
    margin-left: 32px;
    margin-right: 0px;
    float: left;
    width: 210px;
    text-align: right;
    /*border:1px;
    border-style : solid;*/
}

/*DESCRIPTION DU MENU*/
div.MenuActif {
 margin : 0 0 8px 0;
 padding : 0 0 0 0;
 background-image: url(../images/Menu_Actif.png);
 background-repeat:no-repeat;
 text-align:right;
 height:26px;
 width:180px;
 float:right;
}

div.Menu {
  margin : 0 0 8px 0;
 padding : 0 0 0 0;
 background-image: url(../images/Menu.png);
 background-repeat:no-repeat;
 text-align:right;
 height:26px;
 width:180px;
 float:right;
}

/*LIENS DU MENU*/
div#left_col a {
    color: #fff; /*BLANC*/
    /*font-size: 19px;*/
    text-decoration: none;
    font: normal normal bold 1em Arial Rounded, sans-serif;
}
div#left_col a:hover {
    text-decoration: none;
    color: #005375;/*Bleu gris antracite machin truc chose*/
}


/* Colonne de droite : contenu des pages */
div#right_col {
    /*clear: both; */
    margin: 140px 0 0 20px;
    padding : 0 0 0 0;
    float: left;
    width: 690px;
    text-align: center;
}

/*colones de droite pour le formulaire et le plan de la page contacts*/
div#col_formulaire {
    font : normal normal bold 0.8em Arial Rounded, sans-serif;
    margin: 0 0 0 20px;
    padding : 0 0 0 0;
    float: left;
    width: 280px;
    text-align: justify;
}

div#col_googlemap {
    margin: 0 0 0 0;
    padding : 0 0 0 0;
    float: left;
    width: 340px;
    text-align: justify;
}
/**/


div#right_col p {
    text-align: justify;
    clear: both;
    font : normal normal bold 0.8em Arial Rounded, sans-serif;
}

/* les images servant de liens (à appliquer sur <a>) */

ul {
    text-align:left;
    font-weight:bold;
   }

a img {
  border-style:  none ;
}

a.footer {
  text-decoration:none;
  color : #000000;
}

h3 {
    color: #000000;
    font: normal normal bold 1.3em palatino, serif;
    text-decoration: underline;
    text-align:left;
}

div#right_col a:link {
    text-decoration : none;
    color : #000000;
}
div#right_col a:visited {
    text-decoration : none;
    color : #000000;
}
div#right_col a:hover {
    text-decoration : underline;
    color : #000000;
}


div#right_col a.LireLaSuite {
   font-style : italic;
}


div#right_col p.titreheader {
    text-align: center;
    font: normal italic bold 1.7em arial, sans-serif;
    text-decoration: underline;
}



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

/*permet d'avoir des images à droite avec le texte aligné à sa gauche*/
div#right_col img.droite {
    display: block;
    float:right;
    margin-left:15px;
}
div#right_col p img.TroisImagesCentrees {
    float: left;
    margin-left: 25px;
    margin-bottom: 10px;
    padding-left: 10px;
}
div#right_col p img.DeuxImagesCentrees {
    float: none;
    margin-left: 95px;
    margin-bottom: 10px;
    padding-left: 10px;
}
div#right_col img.UneImageCentree {
    text-align:center;
    float : none;
}

div#right_col ul {
    text-align: justify;
    clear: both;
    font : bold 0.8em Arial Rounded, sans-serif;
}

div#right_col a.LienGras {
    text-decoration : underline;
    color : #000000;
}


 /* PIED DE PAGE*/
div#footer {
    width: 1000px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    clear:both;
}

div#footer p.titre{
    text-align: center;
    font: normal normal 900 1em verdana, arial, helvetica, sans-serif;
    color: #fff;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

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

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

div#footer p.motscles{
    text-align: center;
    font: normal italic 0.7em verdana, arial, helvetica, sans-serif;
    color: #737373;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

div#footer p.motscles a{
    text-align: center;
    font-family: verdana, arial, helvetica, sans-serif;
    font-style : italic;
    color: #737373;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-decoration: none;
}

div#footer p.adresse{
    text-align: center;
    font: normal normal 0.9em verdana, arial, helvetica, sans-serif;
    color: #484747;
    padding: 0 0 0 0;
    margin: 5px 0 0 0;
}

div#footer p.adresse a{
    font-family: verdana, arial, helvetica, sans-serif;
    font-style : italic;
    color: #484747;
    padding: 0 0 0 0;
    margin: 5px 0 0 0;
    text-decoration: none;
}

div#footer p.adresse a:hover{
    color: #484747;
    padding: 0 0 0 0;
    margin: 5px 0 0 0;
    text-decoration: underline;
}

div#footer p.mentionslegales{
    text-align: center;
    font: normal normal 0.8em verdana, arial, helvetica, sans-serif;
    color: #000000;
    padding: 0 0 0 0;
    margin: 5px 0 0 0;
}