/* --- ADMINISTRATION NEWS --- */
html, body { margin:0 auto; padding:5px 0; width: 100%; height: 100%; }
html { background-color:#F0F0F0; font-family: Arial, sans-serif; color: #000000; font-size: 10pt; text-align: left; text-decoration: none; }
/* --- textes, tables, ... --- */
h1, h2, h3, h4, h5, h6, p { margin:0; padding:5px; text-align:center; }
h1 { font-size:1.8em; color:#AAAAAA; border:1px solid #AAA; margin:1px auto; letter-spacing:0.2em; text-align:center; }
h2 { font-size:1.4em; color:#21409A; margin:5px auto; letter-spacing:0.1em; text-align:center; font-weight:normal; margin:5px auto;}
h3 { font-size:1.2em; color:#21409A; text-align:center; letter-spacing:0.1em; font-weight:bold; text-transform:uppercase; }
h4 { font-size:1.0em; color:#21409A; text-align:left; font-weight:bold; text-transform:uppercase; }
p { margin:0; padding:5px; text-align:left; }
hr { clear:both; width:100%; height:1px; color:#21409A; background-color:#21409A; border:0; margin:5px auto; padding:0; outline:none; }
a { color:#21409A; text-decoration:none; }
a:hover { color:#21409A; text-decoration:underline; }
table { xxborder-collapse:collapse; border:2px solid #ccc; margin:0 auto; padding:0; background-color: #FFFFFF; }
th { color:#21409A; padding:5px 1px; text-align:center; font-size:1.0em; border:1px solid #ccc; background-color:#DCE5F9; }
td { text-align:center; padding:3px; border:1px solid #ccc; }
/* ----- containers ----- */
#containercentrer { width:1000px; margin:0 auto; padding:0; min-height:100%; text-align:center; }
.container-contenu { width:1000px; clear:both; margin:10px auto; padding:0; text-align:left; overflow:hidden;
border:1px solid #AAA; background:#eee; }
#container-contenuGauche { float:left; width: 670px; margin:10px 0 10px 10px; text-align:left; overflow:hidden; }
#container-contenuDroit { float:right; width:300px; margin:10px 10px 10px 0; text-align:left; overflow:hidden; }
.container-contenu h4 { clear:both; margin:5px; border:1px solid #21409A; background:#DCE5F9; text-align:center; overflow:hidden; }
.container-contenu p { clear:both; margin:5px; border:1px solid #ccc; text-align:left; overflow:hidden; }
.container-contenu p:hover { border:1px solid #aaa; background:#ddd; }
/* PREVISUALISATION de la News */
.news_liste h4 { clear:none; }
.news_liste p { clear:none; border:0; background:transparent; }
.news_liste p:hover { border:0; background:transparent; }
.news_entete { height:25px; background-color:#E1F0FF; }
.news_titre { padding:5px; float:left; text-align:left; color:#3B4E77; font-weight:Bold; }
.news_date { padding:5px; float:right; text-align:right; }
.news_contenu { width:95%; overflow:hidden; padding:5px; text-align:left; }
.news_contenu h1 { font-size:1.8em; margin:15px auto; color:#AAAAAA; letter-spacing:0.2em; text-align:center; }
.news_contenu h2 { font-size:1.4em; color:#21409A; letter-spacing:0.1em; text-align:center; font-weight:normal; margin:5px auto;}
.news_contenu h3 { font-size:1.2em; color:#21409A; text-align:center; letter-spacing:0.1em; font-weight:bold; text-transform:uppercase; }
.news_contenu h4 { font-size:1.1em; color:#21409A; text-align:left; font-weight:bold; text-transform:uppercase; }
.news_contenu h4 { clear:none; border:0; background:transparent; } /* admin */
.news_contenu h5 { font-size:1em; color:#21409A; text-align:left; font-weight:bold; text-transform:uppercase; }
.news_contenu img { border:0; margin:10px; text-decoration:none; }
.news_contenu p { clear:none; margin:5px auto; }
.news_contenu ul { clear:none; margin:5px 0 10px 0; padding:0 0 0 15px; }
.news_contenu ul li { margin:3px auto; }
.news_contenu a { text-decoration:none; }
.news_contenu a:hover { text-decoration:underline; }
/* ----- formulaire ----- */
form { margin:0; padding:0; }
fieldset { margin:0; padding:0; border:0; }
label { float:left; color:#616161; font-size:.85em; margin:0 10px 0 0; padding:5px 0 0; font-weight:bold; }
label:hover { cursor:pointer; }
.label15 { float:left; width:90px; display:block; }
select { margin:3px 10px 0 0; }
.radioInput { float:left; clear:right; padding:0 10px 0 15px; }
.radioLabel { float:left; color:#333; width:auto; padding:3px 15px 0 0; }
.champobligatoire { background-color:#E4FFE1; }
#boxvalidation { width:290px; margin:0 auto; }
/* validation */
button { cursor:pointer; padding:2px; border:1px solid #ccc; font-weight:bold; color:#21409A; background:#E4FFE1; }
button:hover { background:#B7FFAE; } /* vert moyen */
button img { float:left; padding:0; }
button span { float:left; padding:4px 2px 0 2px; }
#btvalider { float:right; width:190px; }
/* annulation */
.btannulation { float:left; margin:0 5px 0 0; padding:3px; border:1px solid #ccc; font-weight:bold; color:#21409A; background:#FFE4E1; }
.btannulation:hover { background:#FFC6BF; } /* rouge moyen */
.btannulation a img { float:left; padding:0 1px 0 1px; }
.btannulation a span { float:left; padding:4px 2px 0 1px; }
/* retour */
#boxretour { width:160px; margin:5px auto; padding:5px 0; border:1px solid #ccc; background:#E4FFE1; }
#boxretour:hover { text-decoration:none; background:#B7FFAE; }
.lienretour { margin:5px; font-weight:bold; color:#21409A; background:url("../icones/arrow_back.png") 0 0 no-repeat; padding:0 25px; }
/* index */
#btconnexion { width:160px; }
/* infos de validation */
#boxMsgOk { overflow:hidden; width:50%; margin:5px auto; padding:5px; text-align:center; font-weight:bold;
color:#006600; border:1px solid #66cc66; background-color:#ccffcc; }
#boxMsgErreur { overflow:hidden; width:50%; margin:5px auto; padding:5px; text-align:center; font-weight:bold;
color:#800000; border:1px solid #ff6666; background-color:#ffcccc; }
/* ---- NEWS - ADMIN ---- */
.news_liste { width: 720px; border-collapse: collapse; border: 2px solid #ccc; margin: auto; background-color: #FFFFFF; }
.news_entete { height: 25px; background-color: #E1F0FF; }
.news_newsTitre { padding: 5px; float: left; text-align: left; color: #3B4E77; font-weight: Bold; }
.news_date { padding: 5px; float: right; text-align: right; }
.news_contenu { width: 95%; overflow: hidden; padding: 5px; text-align: left; }
/* -------- IMAGE -------- */
img { border:none; }
a img { border:none; }
/* image a gauche du texte */
.imageG { float: left; margin-right: 20px; margin-bottom: 5px; }
/* --------------------------- */