/*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;
position : absolute;
width : 100%;
margin : auto;
}
.conteneur {
}
.header {
height : 220px;
/*background : transparent url("images/titre_mac_libre.jpg") no-repeat top left;*/
background : transparent;
color : #fff;
}
.gauche {
float : left;
/*fixer la largeur bloc gauche en point*/
width : 210px;
/*fixer la hauteur du scroll - rien sinon*/
height: 400px;
}
.gauche_admin {
float : left;
/*fixer la largeur bloc gauche en point*/
width : 210px;
}
.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 : 0 40px 0 0;
text-align : right;
border-top : 0px solid #8400ff;
border-bottom : 0px solid #008a0d;
background : transparent;
}
.contenu_article {
padding : 0 30px 0 10px;
/*fixer la hauteur du scroll - rien sinon*/
height: 450px;
width: auto;
overflow: auto;
text-align : justify;
/*sans scroll*/
/*padding : 0.1em 0.1em 0.5em 0.1em;
text-align : justify;*/
}
.contenu_article_admin {
/*sans scroll*/
padding : 0.1em 0.1em 0.5em 0.1em;
text-align : justify;
}
.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;
}
.article_locked {
margin : 0;
background : #fff url("") repeat;
}
/*menu gauche*/
/*applique au site et admin*/
.block_sommaire_gauche {
margin : 25px 0 0 20px;
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 : 14px;
padding : 0 5px 0.1em 5px;
voice-family: "\"}\"";
voice-family:inherit;
padding : 0 25px 0.1em 28px;
}
.block_sommaire_gauche li {
background : url("images/menu_li.png") repeat-y top !important;
list-style : inside none none;
margin : 0 0 0 -10px;
text-align : justify;
font-size : 12px;
padding : 0 5px 0.1em 5px;
}
.block_sommaire_gauche2 {
margin : 0 0 0 20px;
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 5px;
voice-family: "\"}\"";
voice-family:inherit;
}
.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 : justify;
font-size : 12px;
padding : 0 5px 0.1em 5px;
voice-family: "\"}\"";
voice-family:inherit;
}
.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 gauche*/
/*sous menu deroulant plusieurs niveau*/
/*sous menu clickable en liste deroulante*/
/*applique au site*/
.block_sommaire_gauche_mixte {
margin : 0;
padding : 0;
}
.block_sommaire_gauche_mixte ul {
margin : 0;
padding : 0;
}
.block_sommaire_gauche_mixte li {
margin : 0;
padding : 0;
list-style : none;
}
.block_sommaire_gauche_mixte 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_gauche_mixte 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;
line-height : 14px !important;
padding : 0 5px 0.1em 8px;
voice-family: "\"}\"";
voice-family:inherit;
padding : 0 25px 0.1em 28px;
}
.block_sommaire_gauche_mixte_deroulant ul {
background : #fff;
border : 1px solid #9000ff;
position:absolute;
margin : 0;
padding : 0;
left:80px;
width : 180px;
z-index: 2;
}
.block_sommaire_gauche_mixte_deroulant li ul {
display : none;
}
.block_sommaire_gauche_mixte_deroulant li:hover>ul {
display : block; 
}

.block_sommaire_gauche_mixte_deroulant li {
background : none no-repeat !important;
list-style : inside none none;
text-align : center;
font-size : 12px;
line-height : 14px !important;
padding : 0 0 0.1em 0;
margin : 0;
}
.block_sommaire_gauche_mixte_deroulant a:hover {
color : #ff9a9a;
text-decoration : underline;

}
.block_sommaire_gauche_mixte_liste li {
background : url("images/menu_li2.png") repeat-y top;
list-style : inside none none;
margin : 0 0 0 -10px;
text-align : justify;
font-size : 12px;
padding : 0 5px 0.1em 0;
voice-family: "\"}\"";
voice-family:inherit;
padding : 0 25px 0.1em 13px;
}
.block_sommaire_gauche_mixte a, 
.block_sommaire_gauche_mixte a:link, 
.block_sommaire_gauche_mixte a:visited {
text-decoration : none;
color : #000;
}
.block_sommaire_gauche_mixte a:hover {
color : #ff9a9a;
text-decoration : underline;
}

/*menu gauche*/
/*sous menu clickable en liste deroulante*/
/*avec effet roll over une seule image*/
/*.block_sommaire_gauche_liste {
margin : 10px 10px 0 10px;
}
.block_sommaire_gauche_liste p {
cursor: pointer;
margin: 0 0 5px 0;
width: 180px;
height: 25px;
line-height: 25px;
text-indent: 38px;
font-weight: bold;
font-size : 14px;
text-decoration: none;
background: url("images/barre_menu.gif") no-repeat 0 0;
border: 2px outset #c0c0c0;
}
.block_sommaire_gauche_liste ul {
border: 1px solid #8400ff;
text-decoration: none;
margin: 0 0 5px 0;
padding: 0;
list-style : none;
}
.block_sommaire_gauche_liste li {
text-align: center;
background: #fff;
margin: 0;
padding: 0;
list-style : none;
}
.block_sommaire_gauche_liste li a {
display: block;
color: #000;
font-size : 14px;
text-decoration: none;
border: 0 none;
height: 100%;
}
.block_sommaire_gauche_liste p a {
display: block;
color: #000;
border: 0 none;
}

.block_sommaire_gauche_liste p:hover, 
.block_sommaire_gauche_liste p a:hover {
background: url("images/barre_menu.gif") no-repeat 0 -25px;
border: 2px inset #c0c0c0;
color: #000;
}
.block_sommaire_gauche_liste li a:hover {
background: #ffc05e;
color: #000;
}
.block_sommaire_gauche_liste li span {
display: none;
}
.block_sommaire_gauche_liste li: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;
}*/

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

/* sommaire haut et bas avec onglet*/
/* deux images avec roll over */
/*.block_sommaire_haut_base {
margin: 0;
padding: 0;
width : 100%;
}
.block_sommaire_haut a {
background: url("images/menu_onglet1.png") no-repeat 0 0;
line-height : 25px;
float: left;
width: 120px;
font-size: 14px;
text-decoration: none !important;
color: #000 !important;
margin: 0;
padding : 5px 10px 5px 10px;
}
.block_sommaire_haut a:hover {
background: url("images/menu_onglet2.png") no-repeat 0 0;
color: #fff;
}
.block_sommaire_haut_spacer {
clear : both;
margin: 0;
padding: 0;
}*/

/* sommaire haut et bas avec ligne underground*/
.block_sommaire_haut
{
margin: 0;
padding: 0 0 4px 10px;
border-bottom: 1px solid #000;
}
.block_sommaire_haut ul, .block_sommaire_haut li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
background: transparent none no-repeat !important;
}
.block_sommaire_haut a:link, .block_sommaire_haut a:visited
{
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}
.block_sommaire_haut a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

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

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

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

/*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: 58%;
voice-family: "\"}\"";
voice-family:inherit;
width: 60%;
}
.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") no-repeat;
}
.admin {
background : #fff3f1;
}
.system {
background : #f6fff3;
}
blockquote {
margin : 1em;
padding : 1em;
background : #dbf2fc;
border : 5px solid #dbf2fc;
}
.bb_area {
width : 100%;
font-size : 1.2em;
}
h1 {
font-size : 1.2em;
color : #9000ff;
text-align : justify;
}
h2 {
font-size : 1.1em;
color : #9000ff;
text-align : justify;
}
h3 {
font-size : 1em;
color : #ff5a00;
text-align : justify;
}
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;
}
li {
margin : 0.5em 0 0.5em 0.8em;
/*list-style-position : inside;*/
list-style-type : none;
/*list-style-image : url("images/li_osxlibre.png");*/
background : transparent url("images/li_osxlibre.png") no-repeat 0% 50%;
padding : 0 0 0 20px;
}
.no_puce {
margin : 0.5em 0 0.5em 0.8em;
background-image: none;
list-style-position : inside;
list-style-type : none;
list-style-image : none;
}
.liste_fic {
margin-left : 0.5em;
background : transparent none no-repeat !important;
list-style-position : inside;
list-style-type : none;
list-style-image : none;
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;
}
.bb_area {
width : 100%; /* class pour textarea en mode admin */
}
fieldset {
border : 1px solid #dedede;
font-size : 1.0em;
width : auto;
text-align : left;
}
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;
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;
padding : 0.5em;
border-collapse : collapse;
width : auto;
/*margin : auto;*/
}
th {
background : transparent;
color : #9000ff;
text-align : center;
padding : 0.3em;
}
td {
border : 1px solid #cad0d8;
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;
text-align : justify;
}
samp {
display : block;
margin : 2em;
background : #fff repeat-x 50% 100%;
font-size : 0.9em;
padding : 0.9em;
border : 1px solid #cad0de;
border-bottom : 2px solid #cad0de;
}
pre {
font-size : 0.9em;
background : #fff repeat-x 50% 100%;
margin : 2em;
padding : 0.9em;
border : 1px solid #4c5f41;
border-bottom : 2px solid #4c5f41;
}
.banniere {
font-size : 1.2em;
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 : 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;
}
.infos {
color : #001eff;
font-weight : bold;
}
.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 : #9000ff;
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 : 1.2em;
color : #000000;
text-align : justify;
}
.rss_new {
font-size : 1.1em;
color : #000;
text-align : justify;
}
.rss_new li {
font-size : 1.1em;
color : #000;
margin : 0;
padding : 0;
text-align : justify;
list-style : inside none none;
background : transparent none no-repeat !important;
}
.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;
}
.cm_infos {
font-size : 1em;
font-style : italic;
color : #9000ff;
text-align : justify;
}
.lien_ext {
cursor:help;
text-decoration : none;
color : #ff4e00;
}
.maj_infos {
font-size : 1em;
font-style : italic;
color : #9000ff;
text-align : justify;
}
.ct_citation
{
font-size : 1.3em;
color : #9000ff;
text-align : justify;
}
.ct_auteur
{
font-size : 1em;
font-style : italic;
color : #cd8cff;
text-align : justify;
}

/*phpmyannuaire w3c*/
.pma_center {
text-align : center;
}
.pma_noligne {
border : 0px;
background : transparent;
background-color : transparent;
}
.pma_comment_auteur {
}
.pma_comment_texte {
}
.pma_comment_info {
color : red;
}
.pma_comment input, textarea {
}
.pma_error {
color : #9000ff;
}
.pma a {
}
.pma_hr {
width : 20%;
text-align : center;
}
.pma_table1 {
border : 0px;
padding-left : 6em;
padding-right : 6em;
background : transparent;
background-color : transparent;
border-collapse : collapse;
margin : auto;
width : auto;
text-align : center;
}
.pma_table2 {
border : 0px;
padding-left : 6em;
padding-right : 6em;
background : transparent;
background-color : transparent;
border-collapse : collapse;
margin : auto;
width : auto;
text-align : center;
}
.pma_tr1 {
border : 0px;
width : 45%;
}
.pma_td1 {
border : 0px;
width : 45%;
text-align : center;
/*height : 30px;*/
}
.pma_table_index {
text-align : center;
}
.pma_index_texte {
text-align : center;
}
.pma_site_titre {
text-align : justify;
}
.pma_site_titre td {
border : 1px solid #cad0d8;
}
.pma_site_date {
}
.pma_site_infos {
text-align : justify;
}
.pma_site_infos td {
border : 1px solid #cad0d8;
}
.pma_site_comment {
}
.pma_site_cat {
}
.pma_site_stats {
text-align : center;
}
.pma_site_stats td {
border : 1px solid #cad0d8;
}
.pma_arbo_annu {
}