/*Explication de la structure CSS*/
/* design 3 colonnes menus gauche et droite fixe centre flotant*/
/*.header {
hauteur du header
height: 50px;
}
.conteneur ou structure {
position absolue et largeur 100%
position: absolute;
width: 100%;
background-color:transparent;
}
.centre {
marge gauche à partir marge gauche block gauche
margin-left: 150px;
marge droite à partir marge droite block droit
margin-right: 150px;
}
.gauche {
float : gauche
float:left;
marge gauche block gauche
width: 150px;
}
.droite {
float : droit
float:right;
marge droite block droite
width: 150px;
}
.footer {
se place en dessous elements flottants
clear:both;
hauteur du pied
height: 30px;
background-color: transparent;
}
*/

/*body*/
body {
margin : 0;
padding : 0;
color : #000;
background: #fff;
font-family : "Trebuchet MS", verdana, sans-serif;
font-size : 0.9em;
}
.structure {
padding : 0;
background : transparent url("images/pied.png") no-repeat bottom right;
position : absolute;
width : 100%;
margin : auto;
}
.conteneur {
}
.header {
height : 110px;
background : transparent;
color : #fff;
}
.gauche {
float : left;
/*fixer la largeur bloc gauche en point*/
width : 210px;
/*fixer la hauteur du scroll - rien sinon*/
height: 480px;
background : transparent url("images/menu.jpg") no-repeat top left;
}
.gauche_admin {
float : left;
/*fixer la largeur bloc gauche en point*/
width : 210px;
background : transparent url("images/menu.jpg") no-repeat top left;
}
.droite {
float : right;
/*fixer la largeur bloc droite en point*/
width : 0px;
background : transparent;
}
.droite_admin {
float : right;
/*fixer la largeur bloc droite en point*/
width : 0px;
background : transparent;
}
.article {
/*fixer la largeur bloc gauche en point*/
margin : 0 0 0 210px;
/* valeur pour scroll*/
padding : 10px 0 0 10px;
/* sans scroll*/
/*padding : 0 40px 0 20px;*/
background : transparent url("images/texte.png") no-repeat !important;
}
.article_admin {
/*fixer la largeur bloc gauche en point*/
margin : 0 0 0 210px;
/* sans scroll*/
padding : 0 40px 0 20px;
background : transparent url("images/texte.png") no-repeat;
}
.spacer {
clear : both;
visibility : hidden;
}
.footer {
clear : both;
font-size : 0.9em;
padding : 20px 80px 20px 0;
text-align : right;
background : transparent;
}
.contenu_article {
padding : 0 30px 0 10px;
/*fixer la hauteur du scroll - rien sinon*/
height: 480px;
width: auto;
overflow: auto;
text-align : justify;
}
.contenu_article_admin {
/*sans scroll*/
padding : 0.1em 0.1em 0.5em 0.1em;
text-align : justify;
}
.article_locked {
margin : 0;
background : #fff url("") repeat;
}
.contenu_article hr {
border : 0;
border-bottom : 1px solid #999;
background : transparent;
margin : auto;
margin : 1.8em 0 1.8em 0;
width : 80%;
text-align : center;
}
/*menu gauche*/
/*applique au site et admin*/
.block_sommaire_gauche {
margin : 0;
padding : 0;
}
.block_sommaire_gauche ul {
margin : 0;
padding : 0;
}
.block_sommaire_gauche p {
background : url("images/menu_p.png") repeat-y top;
margin : 0 0 0 -10px; 
text-align : center;
font-size : 13px;
padding : 0 5px 0.1em 8px;
voice-family: "\"}\"";
voice-family:inherit;
padding : 0 25px 0.1em 28px;
}
.block_sommaire_gauche li {
background : url("images/menu_li.png") repeat-y top;
list-style : inside none none;
margin : 0 0 0 -10px;
text-align : justify;
font-size : 12px;
padding : 0 25px 0.1em 28px;
}
.block_sommaire_gauche_bas {
background : transparent url("images/menu_bas.png") no-repeat top;
margin : 0 0 0 -10px;
}
.block_sommaire_gauche2 {
margin : 0;
padding : 0;
}
.block_sommaire_gauche2 ul {
margin : 0;
padding : 0;
}
.block_sommaire_gauche2 p {
background : url("images/menu_p.png") repeat-y top;
margin : 0 0 0 -10px;
text-align : center;
font-size : 14px;
padding : 0 5px 0.1em 8px;
voice-family: "\"}\"";
voice-family:inherit;
padding : 0 25px 0.1em 28px;
}
.block_sommaire_gauche2 li {
background : url("images/menu_li.png") repeat-y top;
list-style : inside none none;
margin : 0 0 0 -10px;
text-align : center;
font-size : 12px;
padding : 0 5px 0.1em 8px;
voice-family: "\"}\"";
voice-family:inherit;
padding : 0 25px 0.1em 28px;
}
.block_sommaire_gauche a, .block_sommaire_gauche a:link, .block_sommaire_gauche a:visited {
text-decoration : none;
color : #000;
}
.block_sommaire_gauche2 a, .block_sommaire_gauche2 a:link, .block_sommaire_gauche2 a:visited {
text-decoration : none;
color : #000;
}
.block_sommaire_gauche a:hover {
color : #ff9a9a;
text-decoration : underline;
}
.block_sommaire_gauche2 a:hover {
color : #ff9a9a;
text-decoration : underline;

/*menu droite*/
/*applique au site et admin*/
}.block_sommaire_droite {
margin : 0;
padding : 0;
}

/*menu deroulant*/
/*
.gauche_deroulant {
float : left;
width : 20%;
background : #fff;
}
.block_sommaire_gauche_deroulant {
margin : 0.5em;
border : 0px solid #8400ff;
background : #fff;
}
dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}
.block_sommaire_gauche_deroulant dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid #8400ff;
background: #eee2ff;
}
.block_sommaire_gauche_deroulant dd {
border: 1px solid #8400ff;
}
.block_sommaire_gauche_deroulant ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.block_sommaire_gauche_deroulant li {
text-align: center;
background: #fff;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}

.block_sommaire_gauche_deroulant li a, .block_sommaire_gauche_deroulant dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
.block_sommaire_gauche_deroulant li a:hover {
background: #ffc05e;
}
.block_sommaire_gauche_deroulant dt:hover {
background: #ffc05e;
}
.block_sommaire_gauche_deroulant dt span {
display: none;
}
.block_sommaire_gauche_deroulant dt:hover span {
display: block;
background: #ffc05e;
position: relative; 
top: -50px; 
left: 180px; 
width: 125px;
padding: 5px; margin: 10px; z-index: 100;
color: #000; background: #eee2ff;
font: 10px Verdana, sans-serif; text-align: center;
}
*/

/* sommaire haut et bas avec ligne de couleur complete*/
/*
.block_sommaire_haut{
margin:0em;
padding:0.6em 0px;
background:#8400ff ;
text-align:center;
margin-left:5px;
}
.block_sommaire_haut a:link, .block_sommaire_haut a:visited {
text-decoration:none;
border:0em;
color:#FFFFFF;
font-size : 0.9em;
padding:0px 6px;
font-weight:bolder;
}
.block_sommaire_haut a:hover{
text-decoration:underline;
}
.block_sommaire_bas{
margin:0em;
padding:0.6em 0px;
background:#8400ff ;
text-align:center;
margin-left:5px;
}
.block_sommaire_bas a:link, .block_sommaire_bas a:visited {
text-decoration:none;
border:0em;
color:#FFFFFF;
font-size : 0.9em;
padding:0px 6px;
font-weight:bolder;
}
.block_sommaire_bas a:hover{
text-decoration:underline;
}*/

/* 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 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 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;
}

/*sommaire haut et bas avec bloc uniquement*/
/*
.block_sommaire_haut {
padding: 0 1px 1px;
margin-left: 0;
font-size : 1.0em;
}
.block_sommaire_haut li {
list-style: none;
margin: 0;
border-top: 0px solid gray;
display: inline;
}
.block_sommaire_haut a {
padding: 0.25em 0.5em 0.25em 0.75em;
background: #CCD;
text-decoration: none;
}
.block_sommaire_haut li a {
padding: 0.25em 0.5em 0.25em 0.75em;
background: #CCD;
text-decoration: none;
}
.block_sommaire_haut li a:link, .block_sommaire_haut li a:visited {
color: #667;
}
.block_sommaire_haut li a:hover, .block_sommaire_haut a:hover {
border-color: #FE3;
color: #FFF;
background: #332;
}
.block_sommaire_bas {
padding: 0 1px 1px;
margin-left: 0;
font-size : 1.0em;
}
.block_sommaire_bas li {
list-style: none;
margin: 0;
border-top: 0px solid gray;
display: inline;
}
.block_sommaire_bas a {
padding: 0.25em 0.5em 0.25em 0.75em;
background: #CCD;
text-decoration: none;
}
.block_sommaire_bas li a {
padding: 0.25em 0.5em 0.25em 0.75em;
background: #CCD;
text-decoration: none;
}
.block_sommaire_bas li a:link, .block_sommaire_bas li a:visited {
color: #667;
}
.block_sommaire_bas li a:hover, .block_sommaire_bas a:hover {
border-color: #FE3;
color: #FFF;
background: #332;
}
*/

/*sommaire haut et bas avec bloc uniquement 2eme variante
.block_sommaire_haut {
padding: 0 0 0 0;
margin-left: 0;
font-size : 1.0em;
}
.block_sommaire_haut li {
list-style: none;
margin: 2px;
border-bottom: 0px solid #8400ff;
display: inline;
}
.block_sommaire_haut a {
padding: 0.25em 0.25em 0.25em 0.25em;
background: #CCD;
text-decoration: none;
}
.block_sommaire_haut li a {
padding: 0.25em 0.25em 0.25em 0.25em;
background: #CCD;
text-decoration: none;
}
.block_sommaire_haut li a:link, .block_sommaire_haut li a:visited {
color: #667;
}
.block_sommaire_haut li a:hover, .block_sommaire_haut a:hover {
border-color: #FE3;
color: #FFF;
background: #332;
}
.block_sommaire_bas {
padding: 0 0 0 0;
margin-left: 0;
font-size : 1.0em;
}
.block_sommaire_bas li {
list-style: cône;
margin: 2px;
border-bottom: 0px solid #8400ff;
display: inline;
}
.block_sommaire_bas a {
padding: 0.25em 0.25em 0.25em 0.25em;
background: #CCD;
text-decoration: none;
}
.block_sommaire_bas li a {
padding: 0.25em 0.25em 0.25em 0.25em;
background: #CCD;
text-decoration: none;
}
.block_sommaire_haut li a:link, .block_sommaire_bas li a:visited {
color: #667;
}
.block_sommaire_bas li a:hover, .block_sommaire_bas a:hover {
border-color: #FE3;
color: #FFF;
background: #332;
}
*/

/*texte*/
img a:link, img a:hover, img a:visited, img {
border : 0;
padding : 0;
}
.invisible {
display : none;
}
.para2col {
width: 100%;
}
.para2col_col1 {
background : transparent !important;
background-color : transparent !important;
background-image : none !important;
float: left;
padding-right : 10px;
/*IE puis other*/
width: 68%;
voice-family: "\"}\"";
voice-family:inherit;
width: 70%;
}
.para2col_col2 {
background : transparent !important;
background-color : transparent !important;
background-image : none !important;
float: left;
width: 200px;
}
.lien_sortant {
margin-right : 18px;
background : url("images/out.png") repeat;
background-repeat : no-repeat;
}
.admin {
background : #fff3f1;
}
.system {
background : #f6fff3;
}
blockquote {
margin : 1em;
padding : 1em;
background : #dbf2fc;
border : 5px solid #dbf2fc;
}
h1 {
font-size : 1.2em;
color : #0ea415;
text-align : center;
margin-top : 1.2em;
margin-bottom : 1.2em;
}
h2 {
font-size : 1.1em;
margin-top : 0;
color : #0ea415;
margin-top : 1.2em;
margin-bottom : 1.2em;
}
h3 {
font-size : 1em;
margin-top : 0;
color : #ff5a00;
margin-top : 1.2em;
margin-bottom : 1.2em;
}
strong {
font-weight : bold;
}
.red {
color : #ff0000;
}
acronym {
cursor:help;
border-bottom:0px dotted #5EA936;
color:#ff5a00;
text-decoration : none;
}
title {
cursor:help;
border-bottom:0px dotted #5EA936;
color:#ABD550;
}
ul {
margin : 0;
padding : 0;
}
ul li {
margin : 0.25em 0 0 0;
/*list-style : inside none url("images/li_osxlibre.png");*/
list-style-position : inside;
list-style-image : url("images/li_osxlibre.png");
/*list-style-type : none;
background-image: url("images/li_osxlibre.png");
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 20px;*/
}
.no_puce {
margin-left : 0.8em;
margin-top : 0.5em;
margin-bottom : 0.5em;
background-image: none;
list-style : inside none none;
}
.liste_fic {
margin-left : 0.5em;
background-image: none;
list-style-position : inside;
list-style-type : none;
list-style-image : none;
font-size : 1.1em;
}
.bb_area {
width : 100%;
font-size : 1.1em;
}
input, textarea, select {
border : 2px outset #aaa5a5;
background : #dbf2fc;
margin : 0;
font-family : arial;
font-size : 14px;
}
textarea {
font-family : arial;
font-size : 16px;
// width : 100%; // valeur desactivée pour largeur label centrage formulaire
}
label {
display: inline; 
float: left; 
width: 190px;
}
input:hover, textarea:hover {
border: 2px inset #c0c0c0;
background : #f4fbfe;
}
p {
font-size : 1em;
}
a:link, a:visited {
color : #fd0000;
text-decoration : none;
}
a:hover {
color : #ff9a9a;
text-decoration : underline;
}
.localisation {
font-size : 0.9em;
background : transparent;
background-color : transparent;
color : #000;
margin : 0;
padding : 0;
text-align : left;
}
.powered {
font-size : 0.9em;
text-align : center;
color : #000000;
}
.generation {
width : 99%;
text-align : center;
margin : 1em;
font-size : 0.9em;
color : #000000;
}
.previsualisation {
background : #fff;
margin : 0.5em;
padding : 1em;
border : 1px solid #cad0d8;
}
.editeur {
height : 500px;
width : 90%;
font-size : 1em;
}
table {
border : 1px solid #cad0d8;
background : transparent;
background-color : transparent;
padding : 0.5em;
border-collapse : collapse;
}
th {
background : transparent;
background-color : transparent;
color : #0ea415;
text-align : center;
padding : 0.3em;
}
td {
border : 1px solid #cad0d8;
background-color : transparent;
background : transparent;
text-align : justify;
color : #000;
padding : 0.3em;
}
.annu table {
border : 0 solid #cad0d8;
background : transparent;
padding : 0.5em;
border-collapse : collapse;
width : auto;
}
.annu th {
background : transparent;
color : #666;
text-align : center;
padding : 0.3em;
}
.annu td {
border : 0 solid #cad0d8;
background : transparent;
padding : 0.3em;
font-size : 0.9em;
}
.centre {
text-align : center;
}
samp {
display : block;
margin : 2em;
font-size : 0.9em;
background : #fff;
background-position : 50% 100%;
background-repeat : repeat-x;
padding : 0.9em;
border : 1px solid #cad0de;
border-bottom : 2px solid #cad0de;
}
pre {
font-size : 0.9em;
background : #fff;
background-position : 50% 100%;
background-repeat : repeat-x;
margin : 2em;
padding : 0.9em;
border : 1px solid #4c5f41;
border-bottom : 2px solid #4c5f41;
}
.banniere {
font-size : 1.3em;
text-align : center;
color : #000000;
}
.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 : 1em;
text-align : justify;
color : #0ea415;
}
.para2_couleur {
font-size : 1.1em;
text-align : justify;
color : #0ea415;
}
.para3_couleur {
font-size : 1.2em;
text-align : justify;
color : #0ea415;
}
.para4_couleur {
font-size : 1.4em;
text-align : justify;
color : #0ea415;
}
.para5_couleur {
font-size : 1.6em;
text-align : justify;
color : #0ea415;
}
.titre1 {
font-size : 1.4em;
color : #0ea415;
text-align : center;
}
.titre2 {
font-size : 1.6em;
color : #0ea415;
text-align : center;
}
.titre3 {
font-size : 1.8em;
color : #0ea415;
text-align : center;
}
.titre4 {
font-size : 2em;
color : #0ea415;
text-align : center;
}
.titre5 {
font-size : 2.5em;
color : #0ea415;
text-align : center;
}
.titre6 {
font-size : 3em;
color : #0ea415;
text-align : center;
}
.infos {
color : #001eff;
font-weight : bold;
}
.ct_citation
{
font-size : 1.2em;
color : #9000ff;
text-align : justify;
}
.ct_auteur
{
font-size : 1em;
font-style : italic;
color : #cd8cff;
text-align : justify;
}
.cnew_titre {
font-size : 1.1em;
color : #001eff;
text-align : justify;
}
.cnew_comment {
font-size : 0.9em;
color : #000000;
text-align : justify;
}
.cnew_infos {
font-size : 0.9em;
font-style : italic;
color : #0ea415;
text-align : justify;
}
.cnew_insert {
font-size : 1em;
color : #000000;
text-align : left;
}
.sn_date {
font-size : 0.9em;
color : #001eff;
text-align : justify;
}
.sn_new {
font-size : 1em;
color : #000000;
text-align : justify;
}
.rss_new {
font-size : 1em;
color : #000000;
text-align : justify;
}
.cm_message {
margin-top : 0;
margin-bottom : 1em;
border : 1px solid #dedede;
}
.cm_titre {
font-size : 1.1em;
color : #001eff;
text-align : justify;
}
.cm_texte {
font-size : 1em;
color : #000000;
text-align : justify;
}
.blocnote {
font-size : 1.3em;
color : #ff0000;
text-align : justify;
}
.lien_ext {
cursor:help;
text-decoration : none;
color : #ff4e00;
}
.wri {
height: 45px;
}
.wri_marquee {
background: #fff;
font-family : "Arial";
font-size : 9px;
height: 15px;
}