/*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 url("images/barre_degrade.png") repeat-y top left;
font-family : "Times New Roman", Times, serif,  Arial, Helvetica, sans-serif;
font-size : 0.9em;
}
.structure {
padding : 0;
background : transparent no-repeat;
position : absolute;
width : 100%;
margin : auto;
}
.conteneur {
background-position : bottom;
}
.header {
/*fixer la hauteur de image de titre*/
height : 200px;
background : transparent url("images/titre_3in1.png") no-repeat top left;
color : #fff;
}
.gauche {
float : left;
/*fixer la largeur bloc gauche en point*/
width : 200px;
height: 550px;
background : transparent;
margin : 0 0 0 0;
font-family : "Arial", sans-serif;
}
.gauche_admin {
float : left;
/*fixer la largeur bloc gauche en point*/
width : 200px;
background : transparent;
font-family : "Arial", sans-serif;
}
.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 {
margin : 0 0 0 0;
padding : 0 20px 0 20px;
height: 550px;
width: auto;
overflow: auto;
}
.article_admin {
margin : 0 0 0 200px;
padding : 0 20px 0 20px;
font-family : "Arial", sans-serif;
}
.spacer {
clear : both;
visibility: hidden;
}
.footer {
clear : both;
font-family : "Arial", sans-serif;
font-size : 0.9em;
padding : 0 10px 0 0px;
text-align : center;
background : transparent;
}
.article_locked {
margin : 0;
background : #fff url("") repeat;
}
.contenu_article {
margin : 0 5px 0 5px;
padding : 0 5px 0 5px;
text-align : justify;
}
.contenu_article_admin {
padding : 0.1em 0.1em 0.1em 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 : 100%;
text-align : center;
}
/*menu*/
/*menu gauche*/
.block_sommaire_gauche {
background : transparent url("") no-repeat;
background-color : transparent;
background-position : top;
margin-top : 20px;
padding-right : 10px;
padding-left : 10px;
}
.block_sommaire_gauche ul {
margin : 0;
padding : 0;
}
.block_sommaire_gauche p {
background : url("") repeat-y;
background-position : top;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
padding-top : 0.2em;
padding-bottom : 0.2em;
text-align : center;
font-size : 1em;
}
.block_sommaire_gauche li {
background : url("") repeat-y;
background-position : top;
list-style : inside none none;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
padding-top : 0.2em;
padding-bottom : 0.2em;
text-align : justify;
font-size : 0.9em;
}
.block_sommaire_gauche a, .block_sommaire_gauche a:link, .block_sommaire_gauche a:visited {
text-decoration : none;
color : #000;
}
.block_sommaire_gauche a:hover {
color : #fffd53;
text-decoration : none;
}
.block_sommaire_gauche2 {
display : block;
background-position : top;
margin : 0;
padding : 0;
}
.block_sommaire_gauche2 ul {
margin : 0;
padding : 0;
}
.block_sommaire_gauche2 p {
background : url("") repeat-y;
background-position : top;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
padding-top : 0;
padding-bottom : 0;
text-align : center;
font-size : 1em;
}
.block_sommaire_gauche2 li {
background : url("") repeat-y;
background-position : top;
list-style : inside none none;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 0;
padding-top : 0;
padding-bottom : 0;
text-align : center;
font-size : 0.9em;
}
.block_sommaire_gauche2 a, .block_sommaire_gauche2 a:link, .block_sommaire_gauche2 a:visited {
text-decoration : none;
color : #000;
}
.block_sommaire_gauche a:hover,
.block_sommaire_gauche2 a:hover {
color : #fffd53;
text-decoration : none;
}
.block_sommaire_droite {
margin : 0;
padding : 0;
}

/*menu gauche*/
/*sous menu deroulant plusieurs niveau*/
/*sous menu clickable en liste deroulante*/
/*applique au site*/
.block_sommaire_gauche_bas {
background : transparent url("images/menu_bas.png") no-repeat top;
margin : 0 0 0 0;
}
.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 10px 0 10px;
padding : 0.2em 15px 0.2em 15px;
text-align : center;
font-size : 13px;
line-height: 18px !important;
}
.block_sommaire_gauche_mixte li {
background : url("images/menu_li.png") repeat-y top;
list-style : inside none none;
padding : 0.2em 15px 0.2em 15px;
text-align : center;
font-size : 13px;
line-height: 18px !important;
}
.block_sommaire_gauche_mixte_deroulant ul {
background : #fff;
border : 1px solid #001eff;
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 : 13px;
padding : 0 0 0.1em 0;
margin : 0;
}
.block_sommaire_gauche_mixte_liste li {
background : url("images/menu_li2.png") repeat-y top;
list-style : inside none none;
margin : 0 0 0 0;
text-align : justify;
font-size : 11px;
padding : 0;
}
.block_sommaire_gauche_mixte2 {
margin : 0;
padding : 0;
}
.block_sommaire_gauche_mixte2 p {
background : url("images/menu_p.png") repeat-y top;
margin : 0 0 0 0;
text-align : center;
font-size : 14px;
padding : 0;
}
.block_sommaire_gauche_mixte a, .block_sommaire_gauche_mixte2 a,
.block_sommaire_gauche_mixte a:link, .block_sommaire_gauche_mixte2 a:link,
.block_sommaire_gauche_mixte a:visited, .block_sommaire_gauche_mixte2 a:visited {
text-decoration : none;
color : #000;
}
.block_sommaire_gauche_mixte a:hover, .block_sommaire_gauche_mixte2 a:hover {
color : #ff1b1b;
text-decoration : none;
}

/* 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;
background: transparent;
}
.invisible {
display : none;
}
.lien_sortant {
margin-right : 18px;
background : url("images/out.png") repeat;
background-repeat : no-repeat;
}
.admin {
background : #fff3f1;
font-family : "Arial", sans-serif;
}
.system {
background : #f6fff3;
}
blockquote {
margin : 1em;
padding : 1em;
background : #dbf2fc;
border : 5px solid #dbf2fc;
}
h1 {
font-size : 1.2em;
color : #3d4ed2;
text-align : justify;
margin-top : 1.2em;
margin-bottom : 1.2em;
}
h2 {
font-size : 1.1em;
margin-top : 0;
color : #3d4ed2;
margin-top : 1.2em;
margin-bottom : 1.2em;
}
h3 {
font-size : 1em;
margin-top : 0;
color : #3d4ed2;
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;
font-weight:600;
letter-spacing:1px;*/
text-decoration : none;
}
title {
cursor:help;
border-bottom:0px dotted #5EA936;
color:#ABD550;
/*font-weight:600;
letter-spacing:1px;*/
}
ul {
margin : 0;
padding : 0;
}
ul li {
margin : 0.25em 0 0 0;
list-style-position : inside;
list-style-image : url("images/li.png");
}
#no_puce li {
margin-left : 0.8em;
margin-top : 0.5em;
margin-bottom : 0.5em;
list-style : inside none none;
}
.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;
}
.centre {
text-align : center;
}
.noborder {
border : none !important;
}
p {
font-size : 1em;
}
a:link, a:visited {
color : #001eff;
text-decoration : underline;
}
a:hover {
color : #ff9a9a;
text-decoration : none;
}
.footer a:link,.footer a:visited {
color : #6172ef;
text-decoration : none;
}
.footer a:hover {
color : #ff9a9a;
text-decoration : none;
}
.localisation {
font-size : 0.9em;
background : transparent;
background-color : transparent;
color : #000;
margin : 0;
padding : 0;
/*padding-top : 0.5em;
padding-bottom : 0.5em;*/
text-align : left;
}
.powered {
font-size : 0.9em;
text-align : center;
color : #001eff;
}
.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;
/*margin : auto;*/
}
th {
background : transparent;
background-color : transparent;
color : #001eff;
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;
margin : auto;
text-align : center;
}
.annu th {
background : transparent;
color : #666;
padding : 0.3em;
}
.annu td {
border : 0 solid #cad0d8;
background : transparent;
padding : 0.3em;
font-size : 0.9em;
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.2em;
text-align : center;
color : #000000;
}
.para2col {
width: 100%;
}
.para2col_texte {
background : transparent !important;
background-color : transparent !important;
background-image : none !important;
float: left;
width: 68%;
}
.para2col_image {
background : transparent !important;
background-color : transparent !important;
background-image : none !important;
float: left;
width: 210px;
padding : 0 5px 0 5px;
}
.para2col_texte_variable {
background : transparent !important;
background-color : transparent !important;
background-image : none !important;
float: left;
/*width: 68%;*/
}
.para2col_image_gauche {
background : transparent !important;
background-color : transparent !important;
background-image : none !important;
float: left;
padding : 0 5px 0 5px;
}
.para2col_image_droite {
background : transparent !important;
background-color : transparent !important;
background-image : none !important;
float: right;
padding : 0 5px 0 5px;
}
.para_image_gauche {
float: left;
}
.para_image_droite {
float: right;
}
.para_texte_gauche {
font-size : 1.2em;
text-align : left;
color : #001eff;
}
.para_texte_droite {
font-size : 1.2em;
text-align : right;
color : #001eff;
}
.para3col_texte {
background : transparent !important;
background-color : transparent !important;
background-image : none !important;
float: left;
width: 55%;
}
.para3col_image {
background : transparent !important;
background-color : transparent !important;
background-image : none !important;
float: left;
width: 300px;
padding : 0 5px 0 5px;
}
.para_seance {
margin : 0 0 0 0;
padding : 0 0 0 0;
background-position : top center;
background : transparent url("images/fond_seance.png") no-repeat !important;
}
.para_cadeau {
margin : 0 0 0 0;
padding : 0 0 0 0;
background-position : top right;
background : transparent url("images/fond_cadeau.png") no-repeat !important;
}
.email {
margin : 10px 0 0 0;
padding : 0 0 0 0;
font-size : 1.2em;
text-align : justify;
color : #000000;
}
.para1 {
font-size : 1.1em;
text-align : justify;
color : #000000;
}
.para1_centre {
font-size : 1.1em;
text-align : center;
color : #000000;
}
.para1_droite {
font-size : 1.1em;
text-align : right;
color : #000000;
}
.para2 {
font-size : 1.2em;
text-align : justify;
color : #000000;
}
.para2_centre {
font-size : 1.2em;
text-align : center;
color : #000000;
}
.para2_droite {
font-size : 1.2em;
text-align : right;
color : #000000;
}
.para3 {
font-size : 1.4em;
text-align : justify;
color : #000000;
}
.para3_centre {
font-size : 1.4em;
text-align : center;
color : #000000;
}
.para3_droite_couleur {
font-size : 1.4em;
text-align : right;
color : #3d4ed2;
}
.para3_droite {
font-size : 1.4em;
text-align : right;
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 : #001eff;
}
.para2_couleur {
font-size : 1.2em;
text-align : justify;
color : #001eff;
}
.para3_couleur {
font-size : 1.4em;
text-align : justify;
color : #001eff;
}
.para4_couleur {
font-size : 1.6em;
text-align : justify;
color : #001eff;
}
.para_couleur {
color : #001eff;
}
.ct_citation
{
font-size : 1.2em;
color : #001eff;
text-align : justify;
}
.ct_auteur
{
font-size : 1em;
font-style : italic;
color : #cd8cff;
text-align : justify;
}
.titre1 {
font-size : 1.4em;
color : #3d4ed2;
text-align : center;
}
.titre2 {
font-size : 1.6em;
color : #3d4ed2;
text-align : center;
}
.titre3 {
font-size : 1.8em;
color : #3d4ed2;
text-align : center;
}
.titre4 {
font-size : 2em;
color : #3d4ed2;
text-align : center;
}
.titre5 {
font-size : 2.5em;
color : #3d4ed2;
text-align : center;
}
.titre6 {
font-size : 3em;
color : #3d4ed2;
text-align : center;
}
.citation {
font-size : 1.2em;
font-style : italic;
color : #3d4ed2;
text-align : justify;
}
.citation_centre {
font-size : 1.2em;
font-style : italic;
color : #3d4ed2;
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 : #001eff;
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.2em;
color : #ffffff;
text-align : justify;
}
.lien_ext {
cursor:help;
text-decoration : none;
color : #ff4e00;
}
.liste_fic li {
margin-left : 0.5em;
list-style-position : inside;
list-style-type : none;
list-style-image : none;
font-size : 1.1em;
}
.tab_entete {
font-size : 1.2em;
font-weight : bold;
color : #FFF;
background : #000080;
text-align : center;
}
.tab_titre_gris {
font-size : 1.3em;
color : #000;
background : #c0c0c0;
text-align : justify;
}
.tab_bleu_ciel {
font-size : 1.1em;
color : #000;
background : #ccffff;
text-align : justify;
}
.tab_vert_fonce {
font-size : 1.1em;
color : #000;
background : #99cc00;
text-align : justify;
}
.tab_vert_clair {
font-size : 1.1em;
color : #000;
background : #00ff00;
text-align : justify;
}
.tab_blanc {
font-size : 1.1em;
color : #000;
background : #fff;
text-align : justify;
}
.tab_violet {
font-size : 1.1em;
color : #000;
background : #cc99ff;
text-align : justify;
}
.tab_jaune {
font-size : 1.1em;
color : #000;
background : #ffff00;
text-align : justify;
}
.tab_bleu_ciel2 {
font-size : 1.1em;
color : #000;
background : #11fcff;
text-align : justify;
}
.tab_bleu_fonce {
font-size : 1.1em;
color : #000;
background : #4482ff;
text-align : justify;
}
.tab_rouge {
font-size : 1.1em;
color : #000;
background : #ff0000;
text-align : justify;
}
.tab_violet {
font-size : 1.1em;
color : #000;
background : #cc99ff;
text-align : justify;
}
.tab_rose {
font-size : 1.1em;
color : #000;
background : #ff99cc;
text-align : justify;
}
.tab_rose2 {
font-size : 1.1em;
color : #000;
background : #ff00ff;
text-align : justify;
}
.tab_orange {
font-size : 1.1em;
color : #000;
background : #ffcc00;
text-align : justify;
}
.tab_orange2 {
font-size : 1.1em;
color : #000;
background : #ff8000;
text-align : justify;
}
.tab_jaune_pale {
font-size : 1.1em;
color : #000;
background : #feffc4;
text-align : justify;
}