/********* Initialisation *********/
body,html {margin: 0;padding: 10px;font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center;background :url(../images/background.png);font-size : 12px;}

.alpha_minimum{
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
    width: 100%;
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
   -khtml-opacity: 0.5;
}

blockquote{margin: 0;padding: 0;color: white;font-size : 12px;background: #000000;
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
    width: 100%;
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
   -khtml-opacity: 0.5;
border-color: white;border-width: 1px 1px 1px 5px;border-style: solid;}


pre{font-family: Arial, Helvetica, sans-serif ;}
code,.code{position:relative;display : block;margin : 1em;padding: 0 .5em;color:black;font-family: Arial, Helvetica, sans-serif ;font-size: 12px;background : #C7F9BB;border-color: #26531B;border-width: 1px 1px 1px 5px;border-style: solid;}
/********* Fin init *********/

/********* - Cadre 1er *********/
div#conteneur {margin : auto;padding : 0;border : 1px solid white; width: 950px;}
/********* Fin Cadre 1er *********/

div#page {position: relative;margin : 0;padding : 0;}


/********* -= Element de PAGE *********/
div#page div.box{margin : 0.5em;padding : 0;height: auto;font-size :1em;text-align : justify;color : white;}
div#page div.box2{margin : 0.5em;padding : 0;}

div#page p.titre{margin : 1em; padding : .3em;text-align:center;font-weight : bold ;font-style: italic ;font-size:28px;font-variant: small-caps ;border : 2px solid #9C9C9C;}

div#page h1 {text-transform : uppercase;margin : .5em;padding : 0 .5em;font-size : 18px;color : white;border-bottom : 2px solid white;}
div#page h1:first-letter {text-transform : uppercase;color : #9C9C9C;font-size : 1.3em;}
div#page h1 a{text-decoration: none ;}

div#page h2 {position : relative;margin : .5em;padding : 0 .5em;font-size : 16px;font-variant: small-caps ;color : white;border-bottom : 2px solid white;}
div#page h2:first-letter {font-size : 18px;text-transform : uppercase;color : #9C9C9C;}

div#page h3 {position : relative;margin : .5em;padding : 0 .5em;font-size : 16px;font-variant: small-caps ;color : white;}
div#page h3:first-letter {font-size : 14px;text-transform : uppercase;}

a.white{color:white;}
a.white:hover{}

a.white_noline{color:white;text-decoration:none;}
a.white_noline:hover{}

/********* Image *********/
img{ border: none; }
img.border{border : 1px solid white;}
img.left {position : relative; border : 1px solid white; margin-right: 5px;margin-bottom: 4px;float: left;}
img.right{position : relative; border : 1px solid white; margin-left: 5px;margin-bottom: 4px;float: right;}
/********* Fin Image *********/


div#page ul{position:static;left:1em;margin-left:3em;padding : 0;}

p.block{clear:both;}

.justify{text-align: justify;}
.bold{ font-weight : bold;}

.left{float : left;}
.right{margin:0;padding:0;float : right;}
.center{text-align : center}


/********* Footer *********/
div#footer {margin : 1em;padding : 0;clear : both;color : gray;text-align : center;font-size : 9px;background-color : transparent;text-decoration : none;}
/********* Fin Footer *********/


div#page form h2 {margin: 0;padding: 0.5em;font-weight: bold;font-size: 12px;color: white;}
div#page form h2:first-letter{color: white;}





fieldset {margin: 1em;font-style: normal;padding: 0 1em 1em;}

legend {font-weight: bold;color: white;}
form p {margin: 0 0 .2em 0;padding: .2em 0;}

label.obligatoire {font-weight: bold;}

input.normal,textarea.normal{background: #9C9C9C;color: black;border : inset 1px white;width : 400px;}
input.focus,textarea.focus{background: #CCCCCC;}
input.submit {font-weight: bold;}


td.alerte {color: #FF2929;}
.displayer{display: none;}


/* Pour les mots clés */
span.sp1{font-size:28px;font-weight:bold;}
span.sp2{font-size:22px;font-weight:bold;}
span.sp3{font-size:18px;}


/*******  Pour la box flottante ******/
div#box {margin: 0;padding: 10px;font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: left;font-size : 12px;width :200px;color:white;}

.alpha_minimum{
  background: #000000;
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
    width: 100%;
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
   -khtml-opacity: 0.7;
}

.alpha_normal{
   filter:alpha(opacity=100);
   -moz-opacity:1;
   opacity: 1;
   -khtml-opacity: 1;
}