/*----------------------------------------------------------------------------*/
/*                          LES ELEMENTS                                      */
/*----------------------------------------------------------------------------*/

body{
background: #000;
margin: 0 auto;
color: #ffdfa9;
font-size: 0.8em;
font-family: Georgia, "DejaVu Serif", Norasi, serif;
}      
h1{
font-size:1.4em;
}
h2{
font-size:1.4em;
}
h3{

}
li{
list-style-type:none;
}
a{color:#fff;}
li a{
text-decoration:none;
}
li a:hover{
text-decoration:underline;
}
.menucssok{
text-decoration:underline;
color:#ffdfa9;
}
.tboite{
font-size:1.2em;
background:#F5F5DC;
color:#920015;
}
/*----------------------------------------------------------------------------*/
/*                          Les zones de la page                              */
/*                    Définition des largeurs, marges etc ...                 */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/*                           PAGE                                             */
/*----------------------------------------------------------------------------*/
#page{
width:1100px;
background: #660000 url(img/relief.jpg) fixed top center no-repeat;
margin:0 auto;
}
/* R?glage du tableau contenant*/
#page table, #page tr, #page td {
margin: 0;
vertical-align:top;
}
/*-----------------------------------------------------*/
/*                          HAUT DE PAGE               */
/*-----------------------------------------------------*/
#hdp {
width: 1100px;
height: 100px;
}
#hdp h1 {
padding:20px 0 0 30px;
color:#ffdfa9;
font-size:15px;
font-style: italic;
}
#hdp h1:first-line{}/*voir dans le code de fonction 5*/

/*-------------------------------------------------------*/
/*                           Zone 1                      */
/*-------------------------------------------------------*/
#z1{
width:180px;
margin: 80px 0 0 15px;
}
/*-------------------------------------------------------*/
/*                           Zone 2                      */
/*-------------------------------------------------------*/
#z2 {
width:800px;
margin:80px 50px 0 30px;
-moz-box-shadow: 0px 8px 12px #000;
-webkit-box-shadow: 0px 8px 12px #000;
box-shadow: 0px 8px 12px #000;
}
/*----------------------------------------------------------------------------*/
/*                                      Bas de page                           */
/*----------------------------------------------------------------------------*/
/*-----------------------------------------------*/
/*      Bas de page (parent contenant)           */
/*-----------------------------------------------*/
#bdp{}/*parametre global de la boite div, les boites inserees en bdp sont placees ici*/
/*-----------------------------------------------*/
/*    Bas de page lien gtcom (enfant contenu     */
/*-----------------------------------------------*/
#basdepage{
margin:10px 0 0 0;
text-align:center;
font-size:0.6em;
}
.bdppwbygtw{font-size:0.5em;}/*annonce site propulse ..., class p*/
.bdpgtc{font-size:0.5em;}/*annonce gtcom, class a*/
.bdp_ie{}/*info sur l'utilisation d'ie, class a*/
/*----------------------------------------------------------------------------*/
/*                       Les articles eux memes en z2                         */
/*----------------------------------------------------------------------------*/
#article{
margin:0 30px 0 20px;
padding:20px;}
#article img {
border:1px solid white;
-moz-box-shadow:2px 2px 12px #000;
-webkit-box-shadow:2px 2px 12px #000;
box-shadow:2px 2px 12px #000;
margin-right:10px;
}
#article li{
list-style-type: disc;
}
#article td {
vertical-align: middle;
}
.encadrecentre {
margin-left: 140px;
text-align: center;
width: 300px;
border: 1px solid #d8b94b;
-moz-box-shadow: 2px 2px 12px #000;
-webkit-box-shadow: 2px 2px 12px #000;
box-shadow: 2px 2px 12px #000;
}

#liens p {
margin: 20px;
}
/*---------------------------------------------*/
/*                   page par page             */
/*---------------------------------------------*/
#mpagemoinsbas, #mpageplusbas, #mpagemoinshaut, #mpageplushaut{}
#mpagemoinshaut, #mpagemoinsbas{}
#mpageplushaut, #mpageplusbas{}
/*----------------------------------------------------------------------------*/
/*                       La navigation                                        */
/*----------------------------------------------------------------------------*/

/*--------------------------------------------------*/
/*  Menu principal, preciser son emplacement        */
/*--------------------------------------------------*/

#menuCSS1{
width:100%;
}
#menuCSS1 ul{
margin:0;
padding:0;    
}
#menuCSS1 ul li a{
display:block;
text-align:left;
margin-left:10px;
line-height:20px;
}
#menuCSS1 ul li ul li {
width:100%;    
margin-left:10px;
}
/*--------------------------------------------*/
/* derniers articles, 5 derniers, 10 derniers */
/*--------------------------------------------*/
#dernart{
width:100%;    
}
#dernart ul{
margin:0;
padding:0;
}
#dernart li{
display:block;
text-align:left;
margin-left:10px;
line-height:20px;
}