body {
background-color: #ccc;
font-family: Arial, sans-serif;
font-size: 0.95em;
margin: 0px;
padding:  0px;
}

a {
color: #009;
text-decoration: none;
}

a:hover {
color: #009;
text-decoration: underline;
}

/*a:visited {
color: #921500;
color: #0011aa;
}*/

table.gabarit {
background-color: #fff;
margin: 6px auto 4px auto;
border: none;
width: 770px;
min-width: 770px;
}

.img_simple {
border:none;
}

.barre_outils {
padding: 3px 0px 0px 0px;
margin: 0px;
min-height: 14px;
width: 100%;
font-size: 0.1em;
border-top: 1px solid #bbb;
border-bottom: 1px solid #a5a5a5;
background-color: #fff;
background-image: url('/librairies/images/image_dimensions.php?t=bg_barre_outils.png'); 
position: fixed;
z-index: 255;
bottom: 0;
}

div#fix_bo_portail {
text-align: right;
}

img.icones_outils {
border: none;
margin: 0px;
vertical-align: bottom;
}


img.img_sous_menu {
border:none;
float:right;
vertical-align:baseline;
}

img.img_nouvelle_fen {
border:none;
vertical-align:baseline;
}

.outils {
display: inline;
list-style-type: none; 
margin: 0px 4px 0px 0px;
padding: 0px;
}

.outils_liste {
display: inline;
padding: 0px;
margin: 0px;
}

.outils_liste a {
text-decoration:none;
}

.outils_liste_texte {font-size:10em;display:inline; padding-left:2px; padding-right:2px; border-left: 1px solid #3591be; border-right: 1px solid #3591be;} 
.premier_outil { border-left: none; padding-left: none;}
.dernier_outil { border-right: none; padding-right: none;}

td.entete {
/*border-bottom: 1px solid #b8c5d3;*/
/*background-color: #c9d6e3;*/
}

td.menu {
background-color: #eef;
min-width: 199px;
width: 199px;
max-width: 199px;
padding: 0px;
margin: 0px;
}

td.contenu {
background-color: transparent;
padding: 4px 16px 4px 16px;
min-width: 539px;
width: 539px;
}

td.contenu_accueil {
background-color: transparent;
/*padding: 4px 6px 4px 6px;*/
min-width: 483px;
}

.accueil_div {
padding: 4px 14px 4px 14px;
}

td.manchette {
background-color: transparent;
max-width: 199px;
width: 199px;
min-width: 199px;
padding: 0px;
}

td.bas_de_page {
padding: 0px;
background-color: #ddd;
}

.vignette_cadre {
padding: 0px;
margin: 0px;
font-style: italic;
font-size: 86%;
color: #000080;
/*border: 1px solid #999;*/
}


.vignette {
font-style: italic;
font-size: 86%;
color: #000080;
}

.date {
font-size: 76%;
color: #000080;
font-style: italic;
}


.archive {
text-align: center;
}

.erreur {
border-top: 2px solid #f00;
border-left: 2px solid #f00;
border-right: 2px solid #290000;
border-bottom: 2px solid #290000;
background-color: #890000; 
padding: 6px 4px 6px 4px;
margin: 4px 0px 4px 0px;
color: white; 
}

.erreur_gestion {
border: 3px solid #f00;
background-color: #eaeaea; 
padding: 1px;
margin: 1px 0px 1px 0px;
}

.erreur_table_gestion {
margin: 1px 0px 2px 0px;
padding: 1px;
border: 3px solid #f00;
}

.erreur_msg {
font-style: italic;
/*display: block;*/
background-color: #890000;
color: #fff;
/*margin: -3px -3px 4px -3px;*/
margin: 0px;
padding: 2px;
border-top: 2px solid #d00;
border-bottom: 2px solid #400;
}

.titre_form {
font-weight: bold;
color: #000;
}

.titre_form_pub {
font-weight: bold;
color: #000;
}

.succes {
border: medium double #fff;
background-color: #090; 
padding: 4px;
margin: 4px 0px 4px 0px;
color: white; 
}

.surtitre {
font-size: 116%;
color: #000080;
font-weight: bold;
}

hr.ls {
border: 1px solid #fff;
border-top: 1px solid #999;
margin-top: 4px;
width: 100%;
clear: both;
}

hr.ld {
border: 1px solid #fff;
border-top: 1px dotted #999;
margin-top: 4px;
width: 100%;
clear: both;
}

.conteneur {
border-top: 1px dotted black;
padding: 4px;
margin-bottom: 8px;
clear: both;
}

.conteneur_alt {
border-bottom: 1px dotted black;
padding: 4px;
margin-top: 8px;
clear: both;
}

.fonce {
background-color: #dfdfdf;
border-top: 1px solid white;
border-bottom: 1px solid white;
padding: 4px;
vertical-align: top;
}

.fonce_pub {
background-color: #dfdfdf;
border-top: 1px solid white;
border-bottom: 1px solid white;
padding: 4px;
vertical-align: top;
clear: both;
}

.fonce_important {
background-color: #dfdfdf;
border-top: 1px solid white;
border-bottom: 1px solid white;
padding: 4px;
font-weight: bold;
}

.fonce_titre {
font-weight: bold;
background-color: #000;
color: #fff;
border-top: medium double white;
border-bottom: medium double white;
padding: 4px;
text-align: left;
}

a.fonce_titre_lien { 
font-weight: bold;
text-decoration: none;
color: #fff;
}


.fonce_titre_bouton { 
padding: 0px;
margin: 0px;
font-weight: bold;
color: #fff;
border: none;
border-bottom: 1px solid black;
background-color: transparent;
cursor: pointer;
}


.fonce_titre_bouton:hover { 
border-bottom: 1px solid white;
}


a.fonce_titre_lien:visited { 
font-weight: bold;
text-decoration: none;
color: #fff;
}

a.fonce_titre_lien:hover { 
font-weight: bold;
text-decoration: underline;
color: #fff;
}

h1.gros_titre {
font-size: 126%;
color: #000;
font-weight: bold;
margin: 4px 0px 12px 0px;
border-bottom: 1px dotted #bbb;
padding-bottom: 4px;
}

h1 {
font-size: 126%;
color: #000080;
font-weight: bold;
margin: 0px 0px 20px 0px;
}

h2 {
font-size: 126%;
color: #000080;
font-weight: bold;
margin: 4px 0px 20px 0px;
}

.formulaire {
margin-top: 4px;
border-bottom: 1px solid #999;
}

.cadre_diapo {
border: solid 1px black;
text-align: center; 
background-color: white;
padding: 4px 4px 2px 4px;
margin-bottom: 4px;
}

.cadre_diapo_int {
border: solid 1px black;
overflow :hidden;
text-align: center;
background-color: black;
margin-bottom: 3px;
}

.vignette_diapo {
/*font-style: italic;
font-size: 86%;
color: #000080;*/
margin: 2px 0px 4px 0px;
}

input.bouton_diapo {
padding: 1px;
border: none;
}

div.cadre_diaporama_noscript {
overflow: auto;
text-align: center;
margin: 0;
}

.table_gestion {
margin-top: 1px;
margin-bottom: 2px;
border-bottom: 1px solid #999;
}

.theme {
font-size: 81%;
color: #000080;
font-style: italic;
padding-bottom: 4px;
}

.surtitre_h {
font-size: 76%;
color: #000080;
font-weight: bold;
text-decoration: none;
}

a.surtitre_h:hover {
font-size: 76%;
color: #000080;
font-weight: bold;
text-decoration: underline;
}

a.surtitre_h:visited {
color: #000080;
font-weight: bold;
text-decoration: none;
}

.soustitre_h {
font-size: 126%;
color: #000080;
font-weight: bold;
}

a.soustitre_h:hover {
font-size: 126%;
color: #000080;
font-weight: bold;
text-decoration: underline;
}

a.soustitre_h:visited {
color: #000080;
font-weight: bold;
text-decoration: none;
}

fieldset.cache {
border: none;
padding: 0px;
margin: 0px;
}

a.lien_nav_images {
display: table-cell;
height: 82px;
width: 82px;
vertical-align: middle;
padding: 0px;
margin: 0px;
border: 1px solid black;
}

a.lien_nav_images:hover {
border: 1px solid #37c;
background-color: #30363f;
}

img.nf, img.nouvfenetre {
border: none;
vertical-align: text-top;
}


/*----- BARRE DE FORMATTAGE ----------------------------------*/

button.bouton_formattage {
padding: 1px;
vertical-align: bottom;
margin: 1px 0px 1px 1px;
border: 1px solid #ccc;
background: #d1d1d1 no-repeat url('/librairies/images/image_dimensions.php?t=f_bg_bouton.png')
}

/*button.bouton_formattage:hover {
background-color: #eaeaea;
border: 1px solid #fff;
border-top-color: #fff;
border-left-color: #fff;
background-image: url('/librairies/images/image_dimensions.php?t=f_bg_bouton_hl.png');
}*/

img.bouton_formattage {
margin: 0px;
border: 0px none;
}

span.erreur_palette {
font-weight: bold;
color: #cc0000;
}

span.succes_palette {
font-weight: bold;
color: #006600;
}

div.palette_message {
border: 1px dotted #ccc;
padding: 4px;
margin: 4px;
background-color: #f4f4f4;
}
/*----- MENU -------------------------------------------------*/


.titre_menu {
background-color: #a44444;
color: #fff;
padding: 2px;
font-weight: bold;
}

ul.menu {
font-size: 76%;
font-weight: bold;
list-style-type: none; 
margin: 0px;
padding: 0px;
background-color: transparent;
}

li.menu {
padding: 0px;
min-height: 14px;
background-color: transparent;
background-image: none;
border-bottom: 1px solid #ddf;
}

li.menu:hover {
background-color: #ccf;
color: #fff;
border-bottom: 1px solid #ccf;
}


li.menu_choisi {
background-color: #bbf;
color: #000;
padding: 0px;
min-height: 14px;
}

li.section {
color: #fff;
background-color: #3333a6;
margin: 0px;
padding: 2px;
}



ul.sousmenu {
list-style-image: url('/librairies/images/image_dimensions.php?t=b_liste.gif');
margin-left: 16px;
padding-left: 0px;
}

li.sousmenu {
margin-top: 1px;
padding: 0px;
background-color: #ddf;
}

li.sousmenu:hover {
background-color: #ccf;
background-position: top;
background-repeat: repeat-x;
color: #000;
}

li.sousmenu_choisi {
list-style-image: url('/librairies/images/image_dimensions.php?t=b_liste_selection.gif');
margin-top: 1px;
padding: 0px;
background-color: #d4d4ff;
}


a.lien_menu {
padding: 2px;
min-height: 14px;
display: block;
text-decoration: none;
color: #000;
}

a.lien_menu:hover {
color: #000;
}

a.lien_sousmenu {
padding: 2px;
min-height: 14px;
display: block;
text-decoration: none;
color: #000;
}

a.lien_sousmenu:hover {
text-decoration: underline;
color: #000;
}

a.lien_sousmenu:visited {
color: #000;
}

a.lien_sousmenu_choisi {
padding: 2px;
min-height: 14px;
display: block;
font-weight: bold;
text-decoration: none;
}

a.lien_sousmenu_choisi:visited {
color: #000;
}

.lien_menu_choisi {
min-height: 14px;
display: block;
color: #000;
font-weight: bold;
padding: 2px 2px 2px 3px;
text-decoration: none;
}

.lien_menu_choisi:visited {
color: #000;
text-decoration: none;
}

img.icones_menu {
border: none;
float: right; 
vertical-align: baseline;
}


/*----- MANCHETTE --------------------------------------------*/

ul.manchette {
list-style-type: none; 
font-size: 81%;
margin: 0px;
padding: 0px;
}

li.manchette {
clear: both;
margin: 0px;
padding: 0px;
text-align: center;
display: block;
width: 100%;
}

li.manchette img, li.manchette span.texte { display: block; clear: both;}

a.lien_manchette {
display: block;
text-decoration: none;
color: #000080;
clear: both;
}

a.lien_manchette:hover {
text-decoration: underline;
}

.options_gestion {
display: block;
border-top: medium double white;
border-bottom: medium double white;
color: #fff;
background-color: black;
font-weight: bold;
}

/*----- NOUVELLES --------------------------------------------*/

.nouvelle {
border-top: 1px dotted #bbb;
padding: 8px 14px 14px 16px;
margin: 4px 0px 0px 0px;
clear: both;
}

.accueil_archive {
border-top: 1px dotted #bbb;
padding: 8px 4px 4px 4px;
margin: 4px 0px 4px 0px;
clear: both;
text-align: center;
}

.nouvelles_liste_images {
float: right;
margin-right: 4px;
margin-bottom: 4px;
/*padding: 4px;*/
/*border: 1px solid #ccc;*/
text-align: center;
}

a.nouvelles_titre {
color: #000080;
text-decoration: none;
}

a.nouvelles_titre:hover {
text-decoration: underline;
}

.nouvelles_titre2_accueil {
background-color: #ddd;
color: #000080;
font-weight: bold;
clear: both;
padding: 4px;
margin: 0px;
}

.nouvelles_liste_accueil {
clear: both;
margin: 0px;
padding: 2px 2px 2px 14px;
border-top: 1px dotted #bbb;
}

.surtitre_h_liste_nouvelles_accueil {
font-size: 76%;
color: #000080;
font-weight: bold;
text-decoration: none;
}

a.surtitre_h_liste_nouvelles_accueil:hover {
color: #000080;
text-decoration: underline;
}

a.surtitre_h_liste_nouvelles_accueil:visited {
color: #000080;
}

h2.nouvelles_accueil {
font-size: 100%;
color: #000080;
font-weight: bold;
margin: 0px 0px 4px 0px;
}

a.nouvelles_titre_accueil {
color: #000080;
text-decoration: none;
}

a.nouvelles_titre_accueil:hover {
color: #000080;
text-decoration: underline;
}

a.nouvelles_titre_accueil:visited {
color: #000080;
}

.date_nouvelles {
font-size: 76%;
color: #3b3b41;
}

table.acc_nouv {
background-color: #eee;
width: 100%;
}

/*----- BAS DE PAGE ------------------------------------------*/

ul.bas_de_page {
font-size: 86%;
padding: 3px;
margin: 2px;
color: #333;
text-align: center;
}

li.bas_de_page {
display: inline;
padding: 3px;
}

a.lien_bas_page {
}

a.lien_bas_page:hover {
text-decoration: underline;
}


/*----- PAGE -------------------------------------------------*/

ul.rss_ligne1 {
border-top: 1px dotted #bbb;
list-style-type: none;
margin: 0px 0px 4px 0px;
padding: 4px;
}

ul.rss_ligne2 {
border-top: 1px dotted #bbb;
list-style-type: none;
margin: 6px 0px 4px 0px;
padding: 4px;
}



/*----- PLAN DU SITE -----------------------------------------*/

ul.plan {
list-style: none;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

li.sous_plan {
font-weight: normal;
padding-left: 32px;
}


/*----- SIGNATURE --------------------------------------------*/

div#signature {
   text-align:center;
}

a.lien_signature {
   font-size: 76%;
}

a.lien_signature:hover {
text-decoration: none;
}

a.lien_signature:visited {
}

a.lien_signature img.mini_img {
   border:none;
   vertical-align:top;
}

/*----- RECHERCHE --------------------------------------------*/

.mini_recherche {
font-size: 76%;
margin: 3px 0px 3px 0px;
padding: 2px;
background-color: #eef;
border-top: 1px solid #ccf;
border-bottom: 1px solid #ccf;
}

img.loupe {
border:none;
margin-right:3px;
}

input.boite_recherche {
width: 97%;
border-width: 1px;
border-style: inset;
margin-bottom: 3px;
margin-right: 2px;
}

fieldset.recherche {
max-width: 97%;
margin: 0px 2px 3px 0px;
}

input.radio_recherche {
border-width: 1px;
}

input.bouton_recherche {
margin-bottom: 3px;
margin-top: 3px;
border-width: 1px;
max-width: 97%;
}

input.mini_boite_recherche {
width: 160px;
border-width: 1px;
border-style: inset;
margin-bottom: 3px;
margin-right: 2px;
}

fieldset.mini_recherche {
max-width: 97%;
margin: 0px 2px 3px 0px;
}

input.mini_bouton_recherche {
margin-bottom: 3px;
border-width: 1px;
max-width: 97%;
}

span.recherche_echec {
color: #ff0000;
font-weight: bold;
}

div.orthographe {
border: medium double #ff0000;
padding: 4px;
}

.surbrillance {
background-color: #ff0;
}

div.recherche_pagination {
border-top: 1px dotted #000;
text-align: center;
}

/*----- BLOC DE CITATION STYLISE -----------------------------*/

blockquote.citation {
background: url('/librairies/images/image_dimensions.php?t=citation_debut.png') no-repeat top left;
padding-left: 32px;
margin: auto 8px;
clear: both;
font-style: italic;
}

p.citation {
background: url('/librairies/images/image_dimensions.php?t=citation_fin.png') no-repeat bottom right;
padding-right: 32px;
}

/*----- SELECTEUR D'IMAGES -----------------------------------*/

div.conteneur_selecteur_images {
border-top: 1px solid #ccc;
background-color: #e9e9e9;
margin: 0px;
padding: 0px;
text-align: center;
height: 168px;
overflow: auto;
clear: both;
}

div.selecteur_images_float {
width: 84px;
height: 84px;
margin: 0px;
padding: 0px;
float: left;
}

button.selecteur_images {
vertical-align: middle;
width: 84px;
height: 84px;
margin: 0px;
padding: 0px;
border: 1px solid #ebebeb;
background-color: #ebebeb;
}

button.selecteur_images:hover {
background-color: #ccc;
border: 1px solid #999;
}

button.selecteur_images:focus {
background-color: #ccc;
border: 1px solid #999;
}

a.selecteur_images {
display: table-cell;
vertical-align: middle;
width: 82px;
height: 84px;
margin: 0px;
padding: 0px;
border: 1px solid transparent;
background: transparent;
}

a.selecteur_images:hover {
background-color: #ccf;
border: 1px solid #99f;
}

a.selecteur_images:focus {
background-color: #ccf;
border: 1px solid #99f;
}

a.selecteur_images:active {
background-color: #ffc;
border: 1px solid #ff9;
}

a.selecteur_images img {
vertical-align: middle;
border: none;
margin: 0px;
}

button.selecteur_images_brick img {
vertical-align: middle;
border: none;
margin: 0px;
}

div.selecteur_images_status {
border-top: 1px solid #ccc;
background-color: #e9e9e9;
margin: 0px 0px 4px 0px;
padding: 2px;
}

button.selecteur_images_pagination {
margin: -2px 0px 4px 0px;
padding: 1px;
vertical-align: top;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
background-color: #d1d1d1;
background-position: top left;
background-repeat: no-repeat;
background-image: url('/librairies/images/image_dimensions.php?t=f_bg_bouton.png');
}

html>body button.selecteur_images_pagination {
border-top: none;
}

button.selecteur_images_pagination:hover {
background-color: #eaeaea;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background-image: url('/librairies/images/image_dimensions.php?t=f_bg_bouton_hl.png');
}

button.selecteur_images_pagination:active {
padding-top: 2px;
}

button.selecteur_images_pagination_selection {
font-weight: bold;
margin: -2px 0px 4px 0px;
padding: 3px 1px 1px 1px;
vertical-align: top;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
background-color: #ebebeb;
background-image: url('/librairies/images/image_dimensions.php?t=f_bg_bouton_hl.png');
background-position: top left;
background-repeat: no-repeat;
}

html>body button.selecteur_images_pagination_selection {
border-top: none;
}

button.palette_bouton_titre {
vertical-align: top;
}


/*----- REPERTOIRE D'IMAGES ----------------------------------*/

td.repertoire_tableau {
width: 33%;
padding: 2px;
text-align: center;
vertical-align: middle;
background-color: #dfdfdf;
}
.image_seule { border: none; }

/* nouvelle barre de formattage */

div.barre_formattage_float {
position: absolute;
background-color: transparent;
padding: 0;
z-index: 128;
}

div.barre_formattage {
padding-bottom: 1px;
clear: both;
}

table.palette_couleur_complete, table.palette_couleur_pyramide {
border: 1px solid #000;
margin: 0 0 2px 0;
}

table.palette_couleur_complete td { height: 4px; }

table.palette_couleur_pyramide td {
height: 4px;
}

td.palette_slider {
border: 1px solid #f00;
padding: 0px;
position: absolute;
width: 12px;
height: 0px;
margin-top: -1px;
}

div.palette_outils {
/*border: 1px solid #ddd;
padding: 2px;*/
padding: 0;
width: 218px;
}

div.palette_outils button {
border: 1px solid #ddd;
padding: 1px;
margin: 0 1px;
background-color: #f9f9f9;
}
div.palette_outils button.cacher_palette {
float: right;
}
div.palette_outils button:active {
border-color: #999;
}
div.palette_outils button:hover {
border-color: #eee;
background-color: #fff;
}

div.url_palette {
border: 1px solid #ddd;
padding: 2px;
position: absolute;
background-color: #fff;
z-index: 255;
}

div.url_palette * {
z-index: 256;
}

div.div_palette_couleurs_recentes {
margin-top: -1px;
float: right;
}

table.palette_couleurs_recentes td {
border: 1px solid #ccc;
padding: 2px 3px;
font-size: 1%;
}

input.palette_couleur {
text-align: center;
font-family: monospace;
}

button.undo { vertical-align: middle; padding-left: 1px; padding-right: 1px; }
div.cbi { clear: both; height: 0; }
.g_id { font-weight: bold; font-family: monospace; }
ul.g_liste { margin: 0; padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
ul.g_liste li { list-style-type: none; margin: 1px 0; padding: 0; }
ul.g_liste li span.inner {display: block; background-color:#eee; padding: 2px 4px; text-align: right; }
ul.g_liste li span.inner span.info {display: block; float: left; text-align: left;}
ul.g_liste li:hover span.inner { background-color:#fec; }
ul.g_liste li span.inner:hover { background-color:#ddf; }
ul.g_liste li span.inner:hover a { color:#000;}
img.g_liste_icone { border: none; vertical-align: middle; padding: 1px; -moz-border-radius: 2px; -webkit-border-radius:2px; margin-right:-1px;}
img.g_liste_icone_disabled { border: none; vertical-align: middle; padding: 1px; margin-right:-1px; opacity:0.2;}
img.g_liste_icone:hover { background-color: #f9f9ff;}
span.g_liste_icone { /*float:right;*/ text-align: right; }
a.g_liste_icone { }
.block {display: block; }