/*************************************************************************
/                                                                        /
/                       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, div{ margin: 0;padding: 0;}
body.dje{background:url(icono/fondbul.gif);}
body{
font-family:  Arial, Helvetica,Verdana, sans-serif;
font-size:16px;
color: #666;
}
img{border:0px;}
.hide{visibility:hidden;}
a{text-decoration:none; color:#3333cc;}
.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;
}
.solid{
border-bottom:1px solid #ddd;
border-left:0px;
border-right:0px;
border-top:0px;
}
/* SITE */

#adress{
position:absolute;
bottom:-13px; 
right:1px;
font-size:10px;
}
#adress a{  
color:#e79647;
}
#englobe{
width:958px;
height:726px;
position: absolute;
top:10px;
"\"}\""; /* parsing bug */                    
margin-left: -478px;
left:50%; 
}
#titre{
background-image: url(icono/logo.png);
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='icono/logo.png', sizingMethod='crop');
*background:none;
display:block;
height:102px;
width:958px;
margin:8px 0;
*margin:0px;
}
h2 a{display:none;}
#retour{
float:right;
background-image:url(icono/retour.png);
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='icono/retout.png', sizingMethod='crop');
*background:none;
background-position:bottom left;
background-repeat:no-repeat;
text-transform:capitalize;
padding:20px 10px 0 20px;
*margin-right:20px;
font-size:13px;
color:#000;
}
#cont2 a:hover{text-decoration:underline;}
#navcontainer{
position:relative; 
top:4px; 
*top:13px; 
left:14px;
display:block; width:958px; 
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:22px;
padding-left: 12px;
padding-right: 24px;
font-size:14px;
font-weight:bold;
}
*+html>body #navcontainer ul li {
letter-spacing:0px;
}
#navcontainer ul li a{
color:#e79647;
}
#navcontainer ul li a:hover,#navcontainer ul li a.actif{
color:#FFF;
}
/*carrı dıroulant sous un sous-menu niveau 1*/
#navcontainer ul li ul {
background-color:#666;
display:none;
position:absolute;
*left:10px;
left:10;
width:155px;
border-bottom:1px solid #dddddd;
border-top:none;
top:20px;

}
#navcontainer ul li ul li {
padding:0px;
width:155px;
height:100%;
} 
#navcontainer ul li ul li a {
letter-spacing:0.4px;
padding:2px 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:#333;
background:#999;
}
/*dıcalage des sous-menu niveau 2 vers la droite*/
#navcontainer ul li ul li ul {
border-left:1px solid #ddd;
top:0px;
left:155px;
}
/*dıcalage du sous-menu niveau 2 le plus ı droite vers la gauche !! ;o)*/
#navcontainer ul li ul li ul.dernier {
left:-127px;
}
#nav2{
*position:relative;
*top:-13px;
display:block;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
background-color:#888;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:23px;
}
#nav2 ul{
clear:both;
padding-top:2px;
}
#nav2 ul li{
width:144px;
height:22px;
list-style:none;
border-bottom:2px solid #fff;
}
#nav2 ul li a{
display:block;
padding:4px 5px 0px 12px;
height:17px;
width:126px;
background-color:#e6e6e6;
white-space: nowrap;
}
#nav2 ul li a:hover,
#nav2 ul li a.actif{
background-color:#fff;
color:#FFF;    
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}
.home td{
text-align:center;
vertical-align:bottom;
}
#contenu, #admin{
background-image:url(icono/fondcont.jpg);
_background-attachment:fixed;
position:relative; 
top:15px; 
left:0px;
display:block; 
height:565px; 
width:958px;
overflow-y:auto;
}
#contenu div{
padding-bottom:20px;
}	
#cont h2,#cont2 h2,#cont2t h2{
font-weight:normal;
font-size:22px;
display:block;
margin-bottom:10px; 

}
#cont h2 a,#cont2 h2 a
{position:absolute;
right:0px;
font-size:20px;
}
#cont{
padding:0px;
position:relative;
width:440px;
margin:10px 25px 5px 25px;
_margin:10px 12px 5px 12px;
}
#cont2 ,#cont2t{
width:907px;
min-height:80px;
margin:15px 0px 0px 25px;
}
#cont2.haut{
padding:0px;
}
#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:#fefefe;
border-left:1px solid #CCC;
border-bottom:1px solid #999;
border-top:1px solid #CCC;
border-right:1px dotted #CCC;
padding:8px 10px 9px 10px;
display:block;
z-index:1;
}
table.gris{
padding:5px;
background:#f1f1f1;
width:100%;
}
.neg{
background:#aaa;
color:#fff;
}
.tablo{width:100%;}
.tablo td{
border-bottom:1px dotted #999;
padding-bottom:10px;
padding-top: 5px;
}
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{
float:left;
margin-right:0px!important;
}
.bas{
position:relative;
clear:both;
top:10px;
}
.noir{color:#222;}
.bleu{color:#e79647;}
div#fond{
margin:0px;
padding:0px;
position:absolute;
bottom:20px;
left:167px;
width:811px;
z-index:1;
}
table{
border:none;
padding:0;
margin:0;
}
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:1px dotted #ccc;margin:0;}
.clair{
border-bottom:1px dotted #ccc;
}
/********************* form **********************/
input{
font-size:11px;
border:1px solid #666;
background-color:#F2F2F2;
padding:0 2px;
font-family:  "Myriad Pro",Arial , Helvetica,Verdana, 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:150px;
}
#form ul li{
height:25px;
list-style-image:none;
}
.contact{display:block;}
#valide{
clear:both;
padding:20px 20px 0 0;
display:block;
}
em{
word-spacing:0px;
height:6px;
}
/**********************ADMIN************************ */

#contenu___frame{right:0px;}

/******************COLLASPIBLE PANEL***********************/
.CollapsiblePanel {

z-index:1;
width:810px;
margin: 0px;
padding: 0px;
border-top: solid 1px #fff;
background-color:#f6f6f6;
}
.CollapsiblePanelContent #cont{}
.CollapsiblePanelTab {
font: bold 1em sans-serif;

border-bottom: solid 1px #CCC;
margin: 0px;
padding: 4px 55px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}
.CollapsiblePanelContent {
margin: 0px;
padding: 0px;
height:220px;
}
.CollapsiblePanelTab a {
text-decoration: none;
position:absolute;
right:25px;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-color: #EEE;
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
background-color: #CCC;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
background-color: #FFF;
}
/********************* That's all ! *********************