body {
margin:0em;
margin-top:0em;
padding:0em;
background:#F2F2F2;                  /*---fond écran--*/
background-repeat:repeat-y;
color:#000;
font-family:"Trebuchet MS", verdana, sans-serif;
font-size:0.75em;
}

#infos {
display:none;
}

.lien_sortant {
margin-right:18px;
background:url("./images/out.png");
background-repeat:no-repeat;
}

.admin  {
background:#FFF3F1;
}

.system {
background:#F6FFF3;         /*--  rouge  old-> #F6FFF3       ---*/
}

blockquote {
margin:1em;
padding:1em;
background:#cad1e8;;              /*--  vcouleur  ---*/
-border:5px solid #dbf2fc;;
-moz-border-radius:5px;
}

.bb_area {
width:90%;
}

h1 {
font-size:1.4em;
color:#E0611C;
margin-top:1.4em;
margin-bottom:1.4em;
}

h2 {
font-size:1.2em;
margin-top:0em;
color:#666;/*#087CAE;*/
margin-top:1.3em;
margin-bottom:1.3em;
}

h3 {
font-size:1em;
margin-top:0em;
color:#087CAE;
margin-top:1.3em;
margin-bottom:1.3em;
}

strong {
font-weight:bold;
color:#444;
}

acronym {
border-bottom:0.1em dotted #666;
}

ul {
margin-top:1.5em;
margin-bottom:1.5em;
}

li {
margin-top:0.8em;
margin-bottom:0.8em;
}

input, textarea, select {
border:1px solid #DEDEDE;
border-top:2px solid #DEDEDE;
border-left:2px solid #DEDEDE;
background:#dbf2fc;
margin-top:0.3em;
margin-bottom:0.3em;
*font-size:1em;
font-size:0.9em;
}

textarea {
font-size:1.2em;
*font-size:1em;
width:80%;
}

input:hover {
background:#f4fbfe;
}

p {
font-size:1.0em;
color:#000;
}
a:link, a:visited {
color:#666;
text-decoration:underline;
}

a:hover {
color:#E0611C;

}

.spacer {
border:0em;
clear:both;
margin:0em;
padding:0em;
width:0em;
}

.structure {
padding:0em;
background:#fff;                   /*--    fond du cadre d'utilisation       #fff  = blanc case---*/
border-left:1px solid #CDCDCD;        /*--     bordure gauche écran      #CDCDCD  =  gris bleu  ---*/
border-right:1px solid #CDCDCD;
width:95%;
margin:auto;
}

.conteneur {
background:#fff;                /*--   contien le menu horizontal bottom       ---*/
background-position:bottom;
}

.header {
height:100px;
border-bottom:1px solid #CDCDCD;      /*   #CDCDCD  =  gris clair */
background:url("./images/header.png") #0ba6eb;   /*--   espace header en bleu       ---*/
color:#000;
font-size:0.5em;
}

.block_centre h1{
margin:1em;
padding:1em;
background:#a2a5ab;;
-border:5px solid #dbf2fc;;
-moz-border-radius:5px;
}

.gauche {
float:left;
width:20%;
background:#fff;         /*-- <ul>< /ul>  ou fond conteneur gauche  blanc casse ---*/
}

.block_sommaire_gauche {
margin:0em;
}

.block_sommaire_gauche a:link, .block_sommaire_gauche a:visited {
text-decoration:none;
border:0em;
}

.block_sommaire_gauche a:hover {
color:#E0611C;
}

.block_sommaire_gauche p {
margin:0em;
padding-top:0.3em;
padding-bottom:0.3em;
text-indent:0.5em;
color:#666;
font-weight:bold;
border-bottom:1px dotted #DEDEDE;
background:#fff;                         /*-- fond conteneur p ---*/
}

.block_sommaire_gauche ul {
margin:0em;
padding:0em;
text-indent:1em;
}

.block_sommaire_gauche li {
list-style-position:inside;
list-style-type:circle;
margin-top:0em;
margin-bottom:0em;
padding-top:0.3em;
padding-bottom:0.3em;
background:#fff;
}

.block_sommaire_gauche li a:link, .block_sommaire_gauche li a:visited {
text-decoration:none;
font-weight:normal;
color:#000;
}

.block_sommaire_gauche li a:hover {
color:#E0611C;
}

.droite {
float:right;
width:10%;
background:#f1f2f9;
border-left:1px dotted #e4730e;
}

.block_sommaire_droite {
margin:0em;      //* 0em   =  sans*****  largeur*//
}

.block_sommaire_droite h1 {
margin:0em;
padding-top:0.3em;
padding-bottom:0.3em;
text-indent:0.5em;
color:#666;
font-weight:bold;
border-bottom:1px dotted #DEDEDE;
background:#fff;
font-size:1em;
text-decoration:none;
}

.block_sommaire_droite h1 a {
text-decoration:none;
border:0em;
}

.block_sommaire_droite h1 a:link, .block_sommaire_droite h1 a:visited {
text-decoration:none;
border:0em;
}

.block_sommaire_droite h1 a:hover {
color:#E0611C;
}
.block_sommaire_droite p, .block_sommaire_droite ul {
margin:0em;
padding:0.8em;
text-align:justify;
background:#fff;
}
.block_sommaire_droite ul {
padding:0em;
padding-left:0.8em;
padding-right:0.8em;
padding-bottom:1em;
}
.block_sommaire_droite li {
list-style-position:inside;
padding:0em;
margin:0em;
text-indent:1em;
}


/* sommaire haut et bas avec onglets et ligne */
.block_sommaire_haut {
padding : 3px 0;
margin-left : 0;
border-bottom : 1px solid #8400ff;
font-size : 1em;
}
.block_sommaire_haut ul {
padding : 0;
margin : 0;
}
.block_sommaire_haut li {
list-style : none;
margin : 0;
display : inline;
}
.block_sommaire_haut a {
padding : 3px 0.5em;
margin-left : 3px;
border : 1px solid #8400ff;
border-bottom : none;
background : #eee2ff;
text-decoration : none;
}
.block_sommaire_haut li a {
padding : 3px 0.5em;
margin-left : 3px;
border : 1px solid #8400ff;
border-bottom : none;
background : #eee2ff;
text-decoration : none;
}
.block_sommaire_haut li a:link, .block_sommaire_haut li a:visited {
color : #000;
}
.block_sommaire_haut li a:hover, .block_sommaire_haut a:hover {
color : #000;
background : #ff5a00;
border-color : #8400ff;
}
.block_sommaire_bas {
padding : 3px 0;
margin-left : 0;
border-bottom : 1px solid #8400ff;
font-size : 1em;
}
.block_sommaire_bas ul {
padding : 0;
margin : 0;
}
.block_sommaire_bas li {
list-style : none;
margin : 0;
display : inline;
}
.block_sommaire_bas a {
padding : 3px 0.5em;
margin-left : 3px;
border : 1px solid #8400ff;
border-bottom : none;
background : #eee2ff;
text-decoration : none;
}
.block_sommaire_bas li a {
padding : 3px 0.5em;
margin-left : 3px;
border : 1px solid #8400ff;
border-bottom : none;
background : #eee2ff;
text-decoration : none;
}
.block_sommaire_bas li a:link, .block_sommaire_bas li a:visited {
color : #000;
}
.block_sommaire_bas li a:hover, .block_sommaire_bas a:hover {
color : #000;
background : #ff5a00;
border-color : #8400ff;
}


.article_locked {
margin:0em;
background:url("./images/fond_article.png") #fff;
}



.article {
float:left;
width:69%;                       /****      59 pour avoir le sommaire gauche ****/
margin-top:0em;
margin-bottom:0em;
background:url("./images/fond_article.png") #fff;
border-right:1px dotted #DEDEDE;
border-left:1px dotted #DEDEDE;
}
.contenu_article {
padding:1.5em;
padding-top:0em;
text-align:justify;
}
.contenu_article hr {
border:0em;
border-bottom:1px dotted #999;
background:#fff;
margin:auto;
margin-top:1.8em;
margin-bottom:1.8em;
width:80%;
text-align:center;
}

.footer {
font-size:1em;
padding:0.8em;
text-align:center;
border-top:1px solid #CDCDCD;
border-bottom:1px solid #CDCDCD;
background:url("./images/footer.png") #0ba6eb;
background-position:bottom;
color:#fff;
}

.powered {
font-size:0.85em;
text-align:center;
color:#666;
}

.generation {
width:99%;
text-align:center;
margin:1em;
font-size:0.8em;
color:#666;
}

.red {
color:red;
}

.previsualisation {
background:#fff;
margin:0.5em;
padding:1em;
border:1px solid #cad0d8;
}

.localisation {
font-size:0.9em;
background:#fff;
padding:0.3em;
border-top:1px solid #fff;
border-bottom:1px dotted #DEDEDE;
}

.editeur {
height:500px;
width:90%;
}

table {
border:1px solid #CAD0D8;
background:#fff;
padding:0.5em;
border-collapse:collapse;
}

th {
background:#dbf2fc;
color:#666;
text-align:center;
padding:0.3em;
}

td {
border:1px solid #CAD0D8;
background:#fff;
padding:0.3em;
}

img a:link, img a:hover, img a:visited, img {
border:0em;
}

samp {
display:block;
margin:2em;
font-size:1.1em;
*font-size:0.9em;
background:#fff;
background-position:bottom;
background-repeat:repeat-x;
padding:0.8em;
border:1px solid #cad0de;
border-bottom:2px solid #cad0de;
-moz-border-radius:8px;
}

pre {
font-size:1.1em;
background:#fff;
background-position:bottom;
background-repeat:repeat-x;
margin:2em;
padding:0.8em;
border:1px solid #4c5f41;
border-bottom:2px solid #4c5f41;
-moz-border-radius:8px;
}

.sn_date {
font-size : 0.9em;
color : #001EFF;
text-align : justify;
}

.sn_new {
font-size : 1.0em;
color : #000000;
text-align : justify;
}
.banniere {
font-size : 1.2em;
text-align : center;
color : #000;
}
.rss_new {
font-size : 0.9em;
color : #000000;
text-align : justify;
}
.cm_message
{
margin-top:0em;

margin-bottom:1em;
border:1px solid #DEDEDE;
}

.cm_titre
{
font-size : 1.1em;
color : #001EFF;
text-align : justify;
}
.cm_texte
{
font-size : 1.0em;
color : #000000;
text-align : justify;
}
.para1 {
font-size : 1.1em;
text-align : justify;
color : #000000;
}
.para1_centre {
font-size : 1.1em;
text-align : center;
color : #000000;
}
.para2 {
font-size : 1.2em;
text-align : justify;
color : #000000;
}
.para2_centre {
font-size : 1.2em;
text-align : center;
color : #000000;
}
.para3 {
font-size : 1.4em;
text-align : justify;
color : #000000;
}
.para3_centre {
font-size : 1.4em;
text-align : center;
color : #000000;
}
.para4 {
font-size : 1.6em;
text-align : justify;
color : #000000;
}
.para4_centre {
font-size : 1.6em;
text-align : center;
color : #000000;
}
.para1_couleur {
font-size : 1.1em;
text-align : justify;
color : #9000ff;
}
.para2_couleur {
font-size : 1.2em;
text-align : justify;
color : #9000ff;
}
.para3_couleur {
font-size : 1.4em;
text-align : justify;
color : #9000ff;
}
.para4_couleur {
font-size : 1.6em;
text-align : justify;
color : #9000ff;
}
.titre1 {
font-size : 1.4em;
color : #9000ff;
text-align : center;
}
.titre2 {
font-size : 1.6em;
color : #9000ff;
text-align : center;
}
.titre3 {
font-size : 1.8em;
color : #9000ff;
text-align : center;
}
.titre4 {
font-size : 2em;
color : #9000ff;
text-align : center;
}
.titre5 {
font-size : 2.5em;
color : #9000ff;
text-align : center;
}
.titre6 {
font-size : 3em;
color : #9000ff;
text-align : center;
}


/*menu deroulant*/

.gauche_deroulant {                          /* position  écran et largeur et  grand fond du bloc menu total*/
float : left;
width : 20%;
background : #fff;                   /*  couleur fond bloc menu total*/
}
.block_sommaire_gauche_deroulant {
margin : 0.5em;
border : 0px solid #8400ff;     /*     couleur encadrement bloc menu */
background : #fff;                 /* couleur de fond du bloc menu visible entre les menus*/
}

dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}

.block_sommaire_gauche_deroulant dt {      /* dt =  la fenetre des titres du menu*/
cursor: pointer;
margin: 1px 0;;          /* marge entre les fenetres titre et sous titre*/
height: 20px;         /*hauteur  fenêtre titres du menu*/
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid #8288a2;       /**************bordure fenetre des titres */
background: #ccd3e6;        /* ************************************couleur de fond   fenetre des titres*/
}

.block_sommaire_gauche_deroulant dd {   /* dd = fentre   englobant tout les sous titres d'un titre*/
border: 0px solid #8400ff;           /********************       bordure                             */
text-decoration: none;
}

.block_sommaire_gauche_deroulant ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.block_sommaire_gauche_deroulant li {
text-align: center;
background: #f2f2f2;           /*  *********************    fond de la fenetre contenant les sous titres   #fff = blanc*/
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}

.block_sommaire_gauche_deroulant li a, .block_sommaire_gauche_deroulant dt a, .block_sommaire_gauche_deroulant ul a {
display: block;
color: #000;
text-decoration: none;
border: 0 none;
height: 100%;
}

.block_sommaire_gauche_deroulant a:link,  .block_sommaire_gauche_deroulant a:visited, .block_sommaire_gauche_deroulant li a:link, .block_sommaire_gauche_deroulant li a:visited {
color: #000;
}

.block_sommaire_gauche_deroulant a:hover, .block_sommaire_gauche_deroulant li a:hover {
background: #f2f2f2;       /*  ************* hover    fond titre a   et sous titre*/
color: #000;
}

.block_sommaire_gauche_deroulant dt:hover, .block_sommaire_gauche_deroulant dt:hover span {
background: #f2f2f2;         /*  ************* hover    fond titre dt */
color: #000;
}

.block_sommaire_gauche_deroulant dt span {
display: none;
}

.block_sommaire_gauche_deroulant dt:hover span {       /*********************** bloc span   position et couleur   ********* */
display: block;
background: #ffc05e;
position: relative; 
top: -45px; 
left: 200px; 
width: 150px;
padding: 5px; margin: 10px; z-index: 100;
color: #000; background: #ccd3e6;
font: 10px Verdana, sans-serif; text-align: center;
}