*{
margin:0;
padding:0;
}
body,html{
        height:100%;/*---obligatoire pour le footer---*/

                }
body{
        font-size:12px;
        color:#CCCCCC;
         background-image:url(../images/charte/bg-body.gif);
        background-position:top left;
        background-repeat:repeat-x;
        background-attachment:fixed;
        background-color:#000; 
}
#container{
       /* position: relative;---obligatoire pour le footer---*/
        min-height:100%; /*---obligatoire pour le footer:Firefox---*/
        height:auto !important;/*---obligatoire pour le footer:Firefox---*/
        height:100%;/*---obligatoire pour le footer:IE---*/
        width:507px;
        margin:0 auto;
        background-color:#000;
        background-position:top left;
        background-repeat:repeat-x;
        padding-left:10px;
       /* padding-right:10px; */
        border-left:1px solid #262626;
        border-right:1px solid #262626;
        display:table;
        font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:bolder;
text-align:justify;
}

#header{
        width:497px;
        height:432px;
        padding-top:10px;
        overflow:hidden;
                }
/***************** CONTAINER DU CONTENU *****************/


#contenu{
        float:left;
        width:497px;
        margin:0;
        padding-top:10px;
       /* display:table; */
        font-family:Arial, Helvetica, sans-serif;
        color:#ccc;
      /*  border:1px #fff solid; */
                }

/***************** MENU *****************/

#menu {
        margin:0;
        padding:0;
        width:200px;
        height:432px;
        text-align:center;
        float:left;
        }
#menu ul{margin:0px;padding:0px;padding-top:6px;}
#menu li{
margin:0px;
padding:0px;
list-style:none;
text-align:right;
 border-bottom:1px solid #262626;
/*border-bottom:1px solid #98D558; bordures en vert....*/
line-height:29px;
color:#CCCCCC;
}
#menu li a{
color:#CCCCCC;
text-decoration:none;
display:block;
}
#menu li a:hover{
color:#fff;
text-decoration:none;
padding-right:12px;
background-image:url(../images/charte/puce1.gif);
background-position:right;
background-repeat:no-repeat;
}
#imageMenu{
float:right;
width:287px;
height:432px;
}
.photo{
border:1px solid #262626;
}

/***************** CONTENU TEXTUEL *****************/

#titre{
border-bottom:1px solid #262626;
display:block;
padding-bottom:3px;
margin-bottom:10px;
}
#titre2{
border-bottom:1px solid #262626;
display:block;
padding-bottom:3px;
margin-bottom:10px;
}
#photoAccueil{
width:202px;
float:left;
}
#contenuAccueil{
width:277px;
float:left;
margin-bottom:10px;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500;
text-align:justify;
line-height:18px;
/* color: #a4916b; */
color: #B4B3B1;
/*color:#8F865B; */
}
#contenuNews{
width:277px;
float:left;
padding:0 0 0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:500;
text-align:justify;
line-height:18px;
/* color: #a4916b; */
color: #B4B3B1;
}
p.trait-bas,
p.trait-bas3
        {
         line-height:20px;
        border-bottom:1px solid #262626;
        padding-bottom:10px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        text-align:justify;
        color: #B4B3B1;
        }
p.trait-bas2
        {
        font-size:12px;
        }
p.presse
        {
         line-height:20px;
        padding-bottom:0px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        text-align:justify;
        color: #B4B3B1;
        }
p.presse a
        {
         color: #B4B3B1;
         text-decoration:none;
        }
p.presse a:hover
        {
         color: #b80000;
         text-decoration:none;
        }
#footer{
text-align:center;
margin-top:10px;
padding-bottom:10px;
display:block;
width:467px;
color:#666666;
float:left;
}
#contenuHistorique{
float: left;
width:287px;
line-height:20px;
border-bottom:1px solid #262626;
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500;
text-align:justify;
color: #B4B3B1;
padding-left: 10px;
}
#menuTechnique {
        margin:0;
        padding:0;
        width:200px;
        float:left;
        background-color:#101010;
        }
#menuTechnique ul{margin:0px;padding:0px;}
#menuTechnique li{
margin:0px;
padding:0px;
list-style:none;
text-align:left;
border-bottom:1px solid #262626;
line-height:29px;
color:#fff;
background-image:url(../images/charte/puce2.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:bolder;
text-align:justify;
}
#menuTechnique li a{
color:#fff;
text-decoration:none;
display:block;
}
#menuTechnique li a:hover{
color:#ccc;
text-decoration:none;
}

p.intitTarif,
p.intitTarif2
        {
display:block;
float:left;
width:235px;
height:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:500;
text-align:justify;
color: #B4B3B1;
border-bottom:2px dotted #262626;
margin:0 0 0 0;
padding:0;
}
p.intitTarif2
        {
        width:215px;
        text-align:left;
        }
p.intitFormation
        {
        float:left;
        width:277px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        text-align:justify;
        color: #B4B3B1;
        border-bottom:2px dotted #262626;
        margin:0 0 0 0;
        padding:0;
        }
p.intitTarif a,
p.trait-bas a,
p.trait-bas3 a
        {
         font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:500;
        color: #b80000;
        text-decoration:none;
        }
p.trait-bas3 a
        {
        font-size:12px;
        }
p.intitTarif a:hover,
p.trait-bas a:hover,
p.trait-bas3 a:hover
        {
         font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:500;
        color: #B4B3B1;
        text-decoration:none;
        }
p.trait-bas3 a:hover
        {
        font-size:12px;
        }
p.prixTarif,
p.prixTarif2
        {
float:left;
height:18px;
width:37px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:lighter;
/*color: #B4B3B1; */
letter-spacing:-1px;
text-align:right;
font-weight:500;
color:#999;
margin:0 0 0 0;
padding:0;
        }
p.prixTarif2
        {
        width:57px;
        }
#les-instituts
        {
        display:block;
        width:285px;
        height:auto !important;
        margin:0 0 0 210px;
        padding:0;
        /*border:1px red solid; */
        }
.institut-left
        {
        float:left;
        width:138px;
        height:auto;
        margin:0 5px 0 0;
        padding:0 0 3px 0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        text-align:left;
        color: #B4B3B1;
        border-bottom:2px dotted #262626;
       /* border:1px blue solid;*/
        }
.institut-right
        {
        float:left;
        width:138px;
        height:auto;
        margin:0;
        padding:0 0 3px 0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        text-align:left;
        color: #B4B3B1;
        border-bottom:2px dotted #262626;
        /*border:1px blue solid; */
        }
.institut-left b,
.institut-right b
        {
        color:#b80000;
        }
.institut-left a,
.institut-right a
        {
        color: #FFFFFF;
        text-decoration:none;
        }
.institut-left a:hover,
.institut-right a:hover
        {
        color:#b80000;
        text-decoration:none;
        }
.la-galerie
        {
        clear:both;
        float:right;
        width:285px;
        height:auto !important;
        margin:0;
        padding:0;
        /*border:1px red solid; */
        }
.la-galerie img
        {
         float:left;
         margin:0 8px 8px 0;
         padding:0;
         border:1px #262626 solid;
        }
p.nav-galerie
        {
        float:left;
        width:285px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:500;
        text-align:right;
        color: #B4B3B1;
        background:#000 url(../images/charte/puce3.gif) no-repeat 230px 4px;
        }
p.trait-bas2
        {
        line-height:20px;
        border-bottom:1px solid #262626;
        padding:4px 0 5px 0;
        margin:0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:500;
        text-align:justify;
        color: #B4B3B1;
        }
*html p.trait-bas2
        {
        padding:8px 0 9px 0;
        margin:0;
        }
p.nav-galerie a,
p.trait-bas2 a
        {
         text-decoration:none;
         color:#B4B3B1;
        }
p.nav-galerie a:hover,
p.trait-bas2 a:hover
        {
         text-decoration:none;
         color:#98d558;
        }
.text01
        {
        padding:0;
        margin:0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:500;
        text-align:left;
        color: #B4B3B1;
        }
a.envert
        {
        color:#98D558;
        text-decoration:none;
        }
a:hover.envert
        {
        color:#98D558;
        text-decoration:none;
        }
#contenuDroit{
    margin-left:210px;
    width:287px;
    line-height:20px;
    border-bottom:1px solid #262626;
    padding-bottom:5px;
    padding-top: 5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:500;
    text-align:justify;
    color: #B4B3B1;
}
#contenuDroit2{
    float: left;
    width:285px;
    line-height:20px;
    padding-bottom:5px;
    padding-top: 5px;
    padding-left: 10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:500;
    text-align:justify;
    color: #B4B3B1;
}
.paragraph{
    width:285px;
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:0px;
    border-bottom:1px solid #262626;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 18px;
    font-weight:500;
    text-align:justify;
    color: #B4B3B1;
}
#contenuDroit .onglet
        {
        float: left;
        width: 85px;
        padding: 0 15px 10px 0;
        text-align: center !important;
        }
#contenuDroit .onglet a{
         font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        line-height: 12px;
        font-weight:500;
        color: #FFFFFF;
        text-decoration:none;
}
#contenuDroit .onglet a:hover img{
        border-color: #4C4C4C;
}
#contenuDroit .onglet a:hover{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:500;
        color: #B4B3B1;
        text-decoration:none;
}
.prix{
    background-color: #151515;
    border: 1px solid #242424;
    min-height: 27px; height: auto !important; height: 27px;
    min-width: 125px; width: auto !important; width: 125px;
    color: #D9D8D7;
    line-height: 27px;
    text-align: center;
    font-weight: bold;
    margin: 10px auto;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    width: 90%;
}
:focus{ outline: none; }
.separator{clear: both; display: block; font-size: 1px; line-height: 1px; overflow: hidden; width: 100%; height: 1px; margin: 10px 0; background-color: #262626;}
.clear{ clear: both; line-height: 0; font-size: 0; height: 0; }
p{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}