font-family: andalemono;
 src: url("../typo/Andale_Mono.eot") /* EOT file for IE */
}
@font-face {
 font-family: andalemono;
 src: url("../typo/Andale_Mono.ttf") /* TTF file for CSS3 browsers */
}


/* PARAMETRES PAGE */
body
{
    font-family: arial;
    font-size:16px;
    color:#000000;
    background-color:#cecec6;
    margin-top:25px;
    margin-bottom:25px;
    margin-left:25px;
    margin-right:25px;
}
.text
{
    font-family: arial;
    font-size: 16px;
    text-align: justify;
    color: black;
    text-decoration: none;
}
.titre1
{
    font-family: arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: white;
    FONT-STYLE: italic;
    text-decoration: underline;
}
.ent
{
    font-family: arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: white;
    FONT-STYLE: italic;
}
a.lienMenu
{
    font-family: arial;
    font-size: 16px;
    color: #b1b1b1;
    text-decoration: none;
}
a.lienMenu:hover
{
    font-family: arial;
    font-size: 16px;
    color: #b1b1b1;
    text-decoration: underline;
}
a.lien
{
    font-family: arial;
    font-size: 12px;
    color: black;
    text-decoration: none;
}
a.lien:hover
{
    font-family: arial;
    font-size: 12px;
    color: black;
    text-decoration: underline;
}
a.lienBlanc
{
    font-family: arial;
    font-size: 12px;
    color: #b1b1b1;
    text-decoration: none;
}
a.lienBlanc:hover
{
    font-family: arial;
    font-size: 12px;
    color: #b1b1b1;
    text-decoration: underline;
}
a.lienSmall
{
    font-family: arial;
    font-size: 12px;
    color: #b1b1b1;
    text-decoration: none;
}
a.lienSmall:hover
{
    font-family: arial;
    font-size: 12px;
    color: #b1b1b1;
    text-decoration: underline;
}
/* CONTENEURS */
/* BALISE PRINCIPALE */
div.content
{
    display:block;
    position:relative;
    width:1200px;
    margin:auto;
    background-color:#140b06;
    border: 1px solid black;
}
div.top
{
    display: block;
    position: relative;
    height: 40px;
    width: 1200px;
    background-color:#140b06;
}
div.langue
{
    display: block;
    position: relative;
    float: right;
    height: 20px;
    width: 50px;
    margin-right: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.topLogo
{
    display: block;
    position: relative;
    height: 154px;
    width: 1200px;
    background-color: White;
}
div.logo
{   
    display: block;
    position: relative;
    float: right;
    width: 467px;
    height: 66px;
    right: 50px;
}
div.espaceur
{   
    display: block;
    position: relative;
    float: right;
    width: 1200px;
    height: 44px;
    background-color: White;
}
div.milieu
{
    display: block;
    position: relative;
    height: 472px;
    width: 1200px;
    background-color:white;
}
div.navig
{
    display: block;
    position: relative;
    float: left;
    height: 472px;
    width: 246px;
    background-color:#140b06;
}
div.navigEspaceur
{
    display: block;
    position: relative;
    float: left;
    height: 136px;
    width: 246px;
    background-color:#140b06;
}
div.navigBouton
{
    display: block;
    position: relative;
    float: left;
    height: 200px;
    width: 246px;
    background-color:#140b06;
}
div.bouton
{
    display: block;
    position: relative;
    float: left;
    height: 50px;
    width: 206px;
    left: 40px;
    background-color:#140b06;
}
div.bouton2
{
    display: block;
    position: relative;
    float: left;
    height: 50px;
    width: 206px;
    left: 40px;
    font-family: arial;
    font-size: 16px;
    color: #b1b1b1;
    text-decoration: underline;
    background-color:#140b06;
}
div.imageMilieu
{
    display: block;
    position: relative;
    float: right;
    height: 472px;
    width: 954px;
    background-image: url(../images/home/photo_home.jpg);
}
div.imageMilieuPage1
{
    display: block;
    position: relative;
    float: right;
    height: 472px;
    width: 300px;
    background-image: url(../images/page/page1.jpg);
}
div.imageMilieuPage3
{
    display: block;
    position: relative;
    float: right;
    height: 472px;
    width: 300px;
    background-image: url(../images/page/photo_3.jpg);
}

div.imageMilieuPage2
{
    display: block;
    position: relative;
    float: right;
    height: 472px;
    width: 300px;
    background-image: url(../images/page/page1.jpg);
}
div.imageMilieuPage3
{
    display: block;
    position: relative;
    float: right;
    height: 472px;
    width: 300px;
    background-image: url(../images/page/photo_3.jpg);
}
div.imageMilieuPage4
{
    display: block;
    position: relative;
    float: right;
    height: 472px;
    width: 300px;
    background-image: url(../images/page/photo_1.jpg);
}
div.imageMilieuPage5
{
    display: block;
    position: relative;
    float: right;
    height: 472px;
    width: 300px;
    background-image: url(../images/page/photo_6.jpg);
}
div.imageMilieuPage6
{
    display: block;
    position: relative;
    float: right;
    height: 472px;
    width: 300px;
    background-image: url(../images/page/photo_7.jpg);
}
div.imageMilieuPage7
{
    display: block;
    position: relative;
    float: right;
    height: 472px;
    width: 300px;
    background-image: url(../images/page/photo_5.jpg);
}
div.contenu
{
    display: block;
    position: relative;
    float: left;
    height: 472px;
    width: 654px;
    background-color: #ebebeb;
}
div.contenuText
{
    display: block;
    position: relative;
    float: left;
    height: 452px;
    width: 614px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #ebebeb;
    font-family: arial;
    font-size: 12px;
    text-align: justify;
    color: black;
    text-decoration: none;
    overflow: auto;
}
div.contenuTextIntern
{
    display: block;
    position: relative;
    float: left;
    height: 452px;
    width: 580px;
    
}
div.titreMarques
{
    display: block;
    position: relative;
    float: left;
    height: 30px;
    width: 594px;
    font-family: arial;
    font-size: 14px;
    text-align: justify;
    color: black;
    text-decoration: underline;
    font-weight: bold;
}
div.marques
{
    display: block;
    position: relative;
    float: left;
    width: 190px;
    margin-bottom: 10px;
}
div.region
{
    display: block;
    position: relative;
    float: left;
    height: 30px;
    width: 400px;
    font-family: arial;
    font-size: 14px;
    text-align: justify;
    color: black;
    text-decoration: underline;
    font-weight: bold;
}
div.membres
{
    display: block;
    position: relative;
    float: left;
    width: 400px;
    margin-left: 20px;
    margin-bottom: 5px;
    font-family: arial;
    font-size: 12px;
    text-align: justify;
    color: black;
    text-decoration: none;
}
div.espaceur10
{
    display: block;
    position: relative;
    float: left;
    width: 514px;
    height: 10px;
}
div.espaceur20
{
    display: block;
    position: relative;
    float: left;
    width: 514px;
    height: 20px;
}
div.espaceur30
{
    display: block;
    position: relative;
    float: left;
    width: 514px;
    height: 30px;
}
/* début membre détail */
div.zoneCoordonnee
{
    display: block;
    position: relative;
    float: left;
    width: 230px;
}
div.membreDetail
{
    display: block;
    position: relative;
    float: left;
    width: 280px;
    margin-left: 20px;
    margin-bottom: 5px;
}
div.newsMembreTitre 
{
    display: block;
    position: relative;
    float: left;
    width: 287px;
    margin-left: 20px;
    margin-bottom: 5px;
    text-decoration: underline;
}
div.newsDefaultTitre 
{
    display: block;
    position: relative;
    float: left;
    width: 1200px;
    margin-left: 40px;
    margin-bottom: 5px;
    color: #b1b1b1;
    text-decoration: underline;
}
div.newsMembre
{
    display: block;
    position: relative;
    float: left;
    width: 514px;
    margin-left: 20px;
    margin-bottom: 5px;
}
div.newsDefault
{
    display: block;
    position: relative;
    float: left;
    width: 1180px;
    margin-top: 5px;
    margin-left: 100px;
}
div.retour
{
    display: block;
    position: relative;
    float: left;
    width: 514px;
    margin-top: 40px;
    margin-left: 20px;
    margin-bottom: 20px;
}
/* ZONE GOOGLE MAPS */
div.contenuContact
{
    display: block;
    position: relative;
    float: right;
    width: 800px;
    height: 338px;
    margin: 20px 45px 0px 0px;
    font-size: 14px;
    text-align: justify;
    overflow: auto;             
}
div.zoneMap
{
    display: block;
    position: relative;
    float: right;
    width: 360px;
}
div.map
{
    display: block;
    position: relative;
    float: right;
    height:300px;
    width:360px;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
}
/* fin membre détail */
div.barreGrisePetite
{
    display: block;
    position: relative;
    height: 2px;
    width: 1200px;
    background-color:#b1b1b1;
}
div.barreGriseGrande
{
    display: block;
    position: relative;
    height: 10px;
    width: 1200px;
    background-color:#b1b1b1;
}
div.barreBrunFond
{
    display: block;
    position: relative;
    height: 110px;
    width: 1200px;
    background-color:#140b06;
}

/* début page contact */
div.libelle
{
    display: block;
    position: relative;
    float: left;
    width: 150px;
    height: 15px;
    margin-bottom: 15px;
    font-family: arial;
    font-size: 12px;
    text-align: justify;
    color: black;
    text-decoration: none;
}
div.champ
{
    display: block;
    position: relative;
    float: right;
    width: 450px;
    height: 15px;
    margin-bottom: 15px;
    font-family: arial;
    font-size: 12px;
    text-align: justify;
    color: black;
    text-decoration: none;
}
.submit
{
    display: block;
    position: relative;
    float: left;
    height:20px;
    left: 165px;
    margin-top: 40px;   
    border-style:solid;
    border-color:#c3c3c3;
    border-width:1px;
    padding-left:5px;
    font-family: Arial;
}
.comite
{
    width: 185px;
    border-style:solid;
    border-color:#c3c3c3;
    border-width:1px;
    font-family: Arial;
}
/* fin page contact */
/* début page login*/
div.libelle2
{
    display: block;
    position: relative;
    float: left;
    width: 80px;
    height: 15px;
    margin-bottom: 10px;
    padding-left: 30px;
    font-family: andalemono, Verdana, Arial;
    font-size: 12px;
    text-decoration: none;
    text-align: justify;
}
div.champ2
{
    display: block;
    position: relative;
    float: right;
    width: 120px;
    height: 15px;
    margin-bottom: 10px;
    font-family: andalemono, Verdana, Arial;
    font-size: 14px;
    text-decoration: none;
    text-align: justify;
    margin-top: 3px;
}
div.contenuTextLogin
{
    display: block;
    position: relative;
    float: left;
    height: 200px;
    width: 300px;
    margin-top: 20px;
    margin-left: 60px;
    margin-right: 20px;
}
div.espaceur30
{
    display: block;
    position: relative;
    float: left;
    height: 30px;
}
div.espaceur5
{
    display: block;
    position: relative;
    float: left;
    height: 10px;
}
/* fin page login */
/* début page édition */
.txtEdit
{
    font-family: arial;
    font-size: 12px;
    text-align: justify;
    color: black;
    text-decoration: none;
}
.titre1Edit
{
    font-family: arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: black;
    FONT-STYLE: italic;
    text-decoration: underline;
}
/* fin page édition */
div.phrase
{
    display:block;
    position:relative;
    float: left;
    width:800px;
    height:20px;
    margin-top: 10px;
    margin-left: 400px;
    color: #c0c0bb;
}

div.lienPlan
{
    display:block;
    position:relative;
    float: right;
    width: 200px;
    margin-right: 400px;
    margin-top: 10px;
    text-align: right;
    color: #c0c0bb;
}
a.lien2
{
    font-family: Arial;
    color: #c0c0bb;
    font-size: 12px;
    text-decoration: none;
}
a.lien2:hover
{
    font-family: Arial;
    color: #c0c0bb;
    font-size: 12px;
    text-decoration: underline;
}