/*************************************************************************
/                                                                        /
/                       wWWWW     wMMMM     mMMMM                        /
/              WWWWW   wwwWWWW   wwwMMMM   mmmMMMM                       /
/                WWWWwwww  WWWWwwww  MMMMMmmm  MMMM                      /
/                 WWWWww    WWWWww    MMMMmm    MMMMM                    /
/                  WWWw      WWWw      MMMm                              /
/                                                                        /
/                     http://www.webmister.fr                            /
/________________________________________________________________________/
/------------------------------------------------------------------------/
/                                                                        /
/  Powered by CMS-WEBMISTER                                              /
/  Demonstration @ http://www.webmister.fr/site/                         /
/                                                                        /
/  Copyright 2008 by Lilian Thomas.                                      /
/  Visit http://www.webmister.fr                                         /
/  Last update: 2008, by Lilian THOMAS 4 webmister.fr.                   /
/                                                                        /
/  Copyright include basic HTML tags, PHP, JavaScript & CSS scrpit       /
/  including links and images.                                           / 
/                                                                        /
**************************************************************************

/* Commun */
*, p{ margin: 0;padding: 0;}
body.laffitte{background-color:#eee;}
img{border:0px;}
.hide{visibility:hidden;}
a{text-decoration:none; color:#444;}
.left{float:left;}
.right{float:right;}
#macie{display:none;}
/ Montre  IE-Mac \*/ #macie{
position: absolute;
display: block;
width:100%;
text-align:center;
z-index:2;
background-color:#FFFFFF;
color:#CC0000;
padding:10px;
}
/* SITE */

#adress{
position:absolute;
bottom:-15px; 
right:1px;
font-size:10px;
}  

#englobe{
background-image:url(icono/fond.png);
width:958px;
height:726px;
position: absolute;
top:10px;
"\"}\""; /* parsing bug */                    
margin-left: -500px;
left:50%; 
padding:21px;
}
#titre{
 background-image: url(icono/logo.jpg);
 display:block;
 height:102px;
 width:958px;
}
#navcontainer{
position:relative; top:3px; left:24px;
display:block; width:911px;
z-index:1;
}
/*NAV*/
ul, li {list-style-type:none;} 
/*chaque sous-menu*/
#navcontainer ul li {
position:relative;
float:left;
cursor:pointer;
display:block;
height:25px;
padding-left: 34px;
padding-right: 50px;
*padding-rihgt:42px;
font-size:16px;
line-height:15px;
font-weight:bold;
}
#navcontainer ul li a:hover,#navcontainer ul li a.actif{
color:#87004e;
}
/*carrı dıroulant sous un sous-menu niveau 1*/
#navcontainer ul li ul {
background-color:#F6F6F6;
display:none;
position:absolute;
*left:25px;
width:195px;
border:1px solid #dddddd;
border-top:none;
top:22px;
left:10;
}
#navcontainer ul li ul li {
padding:0px;
width:195px;
line-height:25px;
height:25px;
*padding-top:7px;
} 
#navcontainer ul li ul li a {
padding:0 5px;
font-size:12px;
font-weight:normal;
display:block;
height:100%;
border-top:1px solid #dddddd;

}
/*au passage de la souris on inverse les couleurs de la case*/
#navcontainer ul li ul li a:hover ,#navcontainer ul li ul li ul li a:hover{
color:#ffffff;
background:#87004e;
}
/*dıcalage des sous-menu niveau 2 vers la droite*/
#navcontainer ul li ul li ul {
top:5px;
left:190px;
z-index:10;
}
/*dıcalage du sous-menu niveau 2 le plus ı droite vers la gauche*/
#navcontainer ul li ul li ul.dernier {
left:-127px;
}

#contenu{

padding:10px;
position:absolute;
 top:149px;
 left:20px;
display:block; 
height:572px; 
width:937px;
overflow-y:auto;
z-index:0;
}	
#cont h2,#cont2 h2,#cont2t h2{
font-weight:normal;
font-size:18px;
line-height:22px;
display:block;

letter-spacing:1px;
margin:0; 
/*background-image:url(icono/fond-text-top.gif);
background-repeat: repeat-x;
background-position:bottom;*/
border-bottom: 1px dotted #eaeaea;
}
#cont h2 a,#cont2 h2 a
{position:absolute;
right:0px;
line-height:30px;
font-size:12px;
}
#cont{
padding:0px;
position:relative;
width:420px;
margin:5px 22px 0px 22px;
_margin:10px 12px 5px 12px;
}
#cont2 ,#cont2t{
width:885px;
min-height:50px;
margin:15px 0px 10px 25px;
}
#cont p,#cont ul,#cont li, #cont .text, #cont2 p,#cont2 ul,#cont2 li,#cont2 .text,#cont2t p,#cont2t ul,#cont2t li,#cont2t .text {
padding-left: 10px;
}
div.text,p.text{

/*background:#fff url(icono/fond-text-bas.gif);
background-repeat: repeat-x;
background-position:bottom;*/
border-left:1px dashed #f1f1f1;
border-bottom:1px dotted #eaeaea;
border-right:1px dashed #f1f1f1;
padding:8px 10px 9px 10px;
letter-spacing:;
word-spacing:-0.1px;
display:block;
z-index:1;
line-height:16px;
}
.scroll{
max-height:220px;
overflow:auto;
}
.home{height:240px}
div.text a img{
padding:8px 0px;
}
div.textstat{
top:inherit;
display:block;
background:#fff url(icono/fond-text-bas.gif);
background-repeat: repeat-x;
background-position:bottom;
border-left:1px dotted #eaeaea;
border-bottom:1px double #f1f1f1;
border-right:1px dotted #eaeaea;
padding:5px 20px 10px 20px;
}

.droite{
float:right;
}
.gauche{
width:380px;
float:left;
margin-right:0px!important;
}
.bas{
position:relative;
clear:both;
top:10px;
}
.vert{color:#949c0e;}
.bleu{color:#749aaf;}
.bordeau{color:#87004e;}
.clair{color:#d4c5a2;}

div#fond{
margin:0px;
padding:0px;
position:absolute;
bottom:20px;
left:0px;
width:957px;
z-index:1;
}
table{
border:none;
padding:0;
margin:0;
}
.tr1{background-color:#F3F3F3;}
.tr2{background-color:#FFF;}
td{
vertical-align:top;
padding:0px 5px;
}
.quatr{
padding:5px;
margin:0px;
border-right:6px solid #fff;
width:173px;
background-color:#F7F7F7;
}
div.text ul{
text-indent:-10px;
}
div.text ul li{
list-style-type:none;
list-style-image:url(icono/images/puce.gif);
list-style-position:5px;
}
hr{border-bottom:2px ridge #FFF;margin:0;}
#bottom{
left:20px;
width:958px;
border-top:1px solid #f1f1f1;
background-color:#f6f6f6;
text-align:center;
*text-align:right;
*padding-right:20px;
position:absolute;
bottom:20px;
height:16px;
padding-top:7px;
font-size:10px;
margin:0;
word-spacing:-0.6px;
letter-spacing:-0px;

}
#bottom img{
height:10px;
margin:0px 4px;
*margin:-10px 4px;
*left:-10px;
}
#fr, #en{
float:left;
}
#fr{
margin-left:20px;
}

.lra2{color:#949coe; font-weight:bold;}

/********************* form **********************/
input{
font-size:11px;
border:1px solid #666;
background-color:#F2F2F2;
padding:0 2px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#confirmation{
font-size:11px;
font-weight:bold;
}
#form{
height:80px;
display:block;}
#form ul{
margin: 0px;
padding: 0px;
float:left;
display:block;
width:100px;
}
#form ul li{height:25px;
list-style-image:none;
}
#valide{
float:right;
top:2px;
position:relative;
padding:0px 60px 0 0;
display:block;
}
em{
word-spacing:0px;
font-size:10px;
height:6px;
}
/*ADMIN */
#contenu___frame{right:0px;}
body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color: #444;
background-color:#fff;
word-spacing:-0.2px;
}
#admin{
float:right;
width:810px;
position:absolute;
top:149px; left:167px;
}
#flag{
*
border:1px solid red;
display:block;
width:100%;
text-align:center;
}
/********************* That's all ! *********************