/*************************************************************************
/                                                                        /
/                       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 */
@font-face {
        font-family: "Sansation";
       src: url('/lib/sansation_regular.eot');
    src: url('/lib/sansation_regular.eot?#iefix') format('embedded-opentype'),
         url('/lib/sansation_regular.woff') format('woff'),
         url('/lib/Sansation_Regular.ttf') format('truetype'),
         url('/lib/sansation_regular.svg#SansationRegular') format('svg');}
@font-face {
        font-family: "Sansation_b";
        src: url("/lib/Sansation_Bold.ttf")
      }
*, p{ margin: 0;padding: 0;}
body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color: #444;
background-color:#fff;
word-spacing:-0.2px;
}
img{border:0px;}
.hide{visibility:hidden;}
a{text-decoration:none; color:#444;}
.left{float:left;}
img.left{margin-bottom:100%;}
.right{float:right;}
.both{clear:both;}
#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 */
.outtset{
background-color:#a4bdcb!important;
background-image: url(icono/bg-top-bleu.png)!important;
background-repeat: no-repeat ;
color:#222; }
#adress{
position:absolute;
bottom:-15px; 
right:1px;
font-size:10px;
}  

#englobe{background-color:#fff;
background-image:url(icono/fond_1.png);
background-repeat:no-repeat;

width:956px;
height:725px;
position: absolute;
top:10px;
"\"}\""; /* parsing bug */                    
margin-left: -500px;
left:50%; 
padding:21px 21px;
}
#titre{
background: url(icono/logo_n.jpg);
 text-indent:-9999px;
 display:block;
 height:77px;
 width:957px;
}
#navcontainer{

position:relative; 
width:885px;
height:22px;
margin-left:32px;
z-index:1;
}
/*NAV*/

a.actif{ 
color:#87004e;
}

ul#topnav {
margin: 0 0 0 -1px; padding: 0;
list-style: none;
font-size: 14px;
}
ul#topnav li {
background:#749aaf url(icono/btn.png);
margin-right:1px;
float: left;
position: relative;
text-align:center;
width:130px;
padding-top:2px;
height:20px;
}
ul#topnav li a { 
font-family: "Sansation"; 
color:#fff;
}
ul#topnav li:hover, 
ul#topnav li.actif { 
background:#87004e url(icono/btn-on.png);
}ul#topnav li.actif a{
color:#fff; }
ul#topnav li:hover a{
text-shadow: 1px -1px 1px #333;
color:#fff;
background:none;}

ul#topnav li .sub {
-moz-box-shadow:
1px 1px 1px 0px rgba(150, 150, 150, 0.3);
-webkit-box-shadow:
0px 1px 1px 0px rgba(150, 150, 150, 0.3);
box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);
-moz-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
background:url(icono/bg_sub_ie.png);
background-repeat:repeat-y;

position: absolute;	
top: 22px; left: 1px;
background-color:#87004e;
padding: 5px 5px 10px 5px;
width:200px!important;
display: none;

}
/*ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}*/
div.sub ul{
background:#ccc;
list-style-type:none;
 font-family: "Sansation_b";
color:#87004e;
background-color:#ccc;
}
ul#topnav li .sub ul ul{
display:none;
font-size:11px;
font-weight:normal;
margin:0 10px;
}
ul#topnav li .sub ul ul li a{
color:#666;	
margin:0;
}
ul#topnav li .sub ul ul li {
margin-left:0px;
border-left:1px dotted #ccc;
}
ul#topnav .sub ul li {

background:none;
margin:inherit;
text-align:left;
padding:0;
width:220px;

border:none;
}
ul#topnav .sub ul li a {
	 
text-indent: 0; /*--Reset text indent--*/
height: 13px;
background: url(navlist_arrow.png) no-repeat 5px 12px;
padding: 6px 9px 4px;
display: block;
text-decoration: none;	
}
ul#topnav .sub ul li a.actif {
color:#c6dce8;
}
ul#topnav .sub ul li a:hover {
color:#c6dce8;
background-position: 5px 12px ;
}
.parent{
padding:0 15px 0 10px;
color:#fff;
background: url(icono/pucep.png) no-repeat right;
}
#smenu{font-size:11px;
background:#87004e;
width:883px;
margin:1px 22px;
padding-top:0px;height:16px;
border-top:1px solid #ccc;
border-bottom:1px solid #f2f2f2;
border-right:1px solid #f2f2f2;
border-left:1px solid #c9c9c9;
}


#smenu a{color:#fff;
/* color:#5a7e92;*/
font-family: "Sansation";
padding:0px 7px;
}
#smenu a.actif{
font-weight:bold;
color:#c6dce8;
}
#smenu a:hover{
color:#c6dce8;
}
#contenu{

padding:0 10px;

display:block; 
height:604px; 
width:937px;
overflow-y:auto;
z-index:0;
}
#cont h2,#cont2 h2,#cont2t h2{
font-family: "Sansation";
font-weight:normal;
font-size:16px;
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;*/

}
#cont h2 a,#cont2 h2 a
{
position:absolute;
right:0px;
line-height:30px;
font-size:12px;
}
#cont2 h2 a.fond
{
position:inherit;
right:inherit;
line-height:inherit;
font-size:inherit;
}
#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-color:#fff;
background-image: url(icono/bg-top-blanc.png);
background-repeat: no-repeat ;
padding:8px 10px 9px 10px;
letter-spacing:;
word-spacing:-0.1px;
display:block;
line-height:16px;
}
a.lienrouge{
background-image:url(icono/btn-plus.png);
color:#fff;
padding:2px;

text-align:center;
width:78px;
float:right;
font-family: "Sansation";
}
.scroll{
max-height:220px;
overflow:auto;
}
.scroll_act{
max-height:550px;
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:#eff4f7;}
.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:5px;
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,#access{
margin-top:2px;
float:left;
}
#fr{
margin-left:12px;
margin-right:12px;
}
#access{padding-left:10px;}
.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 */
iframe{
margin-top:10px;
width:100%;}

#admin{
float:right;
width:810px;
position:absolute;
top:149px; left:167px;
}
.tab{height:0px;
position:relative;
top:35px;
}
div.tab ul li a {
font-family: "Sansation";
width:179px;
background-image:url(icono/btn-fond.png);
font-size:12px;
    float: left;
    height: 16px;
color:#f8f8f8;
    padding: 3px 15px 0;
    border: 1px solid #f1f1f1;
    margin-right:1px;
    margin-top: 0px;
}
div.tab ul{
list-style-type:none;
margin-left:20px;
}
div.tab ul li a.selected,
div.tabs ul li a:hover {
color:#fff;
}
div.tab ul li a.selected {
background-image:url(icono/btn-fond-on.png);
}
#ra, #ea{clear:both;}
#rmenu{ color: #fff;
background:#87004e; /*#a4bdcb;*/
border-top:1px solid #ccc;
border-bottom:1px solid #f2f2f2;
border-right:1px solid #f2f2f2;
border-left:1px solid #c9c9c9;
padding:0px 5px;
}

#rmenu a{color: #fff;}
#rmenu a:hover{color: #a4bdcb;}
.bgbottom{
display:block;height:10px;margin-top:-10px;
background-image:url(icono/bg-bot-blanc.png);
background-position:right;
background-repeat:no-repeat;}
.bgbotbleu{
background-image:url(icono/bg-bot-bleu.png)!important;}