/*
NE CONTIENT QUE DES BALISES QUI ONT REFERENCES A LA COULEUR ( FOND BORDER POLICE ) 
POUR LOOK BLEU -->  #069
POUR LOOK VERT -->  #069
POUR LOOK VIOL -->  #603
*/
/*--------------------------------------------------------------*/
/*    ASPECT DU BODY  */  
/*--------------------------------------------------------------*/

body {
margin:0; 
padding:0; 
font-family: "Trebuchet MS",Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
background:url(fond_news.png);
background-attachment:fixed;
}

#logo_entete {
background: url(logo_entete.png) no-repeat;
width:100%;
margin:0 auto;
height:58px;
}

.bonne_fete{
position:absolute;
top:40px;
right:5%;
font-size:0.8em;
color:grey;
padding:5px;
}

#zone_gauche h4 {
text-align:center;
color:#C00;
}

#zone_gauche ul , .listing ul {
text-align:left;
color:#C00;
list-style-image:url(bricole.png);
}

h3 { 
font-size:12px;
color:#FFF;
padding:1px 5px;
background:url(chapitre.png) repeat-y;
}

.center_rouge {
color:#C00;
text-align:center;
}

.center_bleu {
color:#069;
text-align:center;
}

/*--------------------------------------------------------------*/
/*    ZONE RESSOURCES.PHP  */  
/*--------------------------------------------------------------*/
a {text-decoration: none;
color: #069;
}

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

.lien_blanc a{
text-decoration: none; 
color: #FFF; 
}

.lien_blanc a:hover{
text-decoration: none; 
color: #000; 
}

.tableau_modification{
border:2px ridge ;
width:98%;
margin:auto;
background-color:#AAD;
padding-left:10px;
}

.tableau_ajout{
border:2px ridge ;
width:98%;
margin:auto;
background-color:#DD8;
padding-left:10px;
}

.tableau_suppr{
border:2px ridge ;
width:98%;
margin:auto;
background-color:#9AD191;
padding-left:10px;
}

.entete{
padding:5px;
border: 1px solid black;
width:90%;
margin-right:auto;
margin-left:auto;
margin-top:20px;
margin-bottom:20px;
color:#C00;
text-align:center;
}

.entete2 {
width:90%; border:1px solid #069;padding:10px;color:#069;text-align:center;}

.titre{
color:#C00;}

.titre0{
background-color:#EDF3FE;}

.titre1{
background-color:#FFC;}

.separateur {padding:5px 5px;text-align:center; color:#F93; background-color:#069;}


/*------------------------------------------------*/
/* === LISTE DEROULANTE MDK ===   */
/*-----------------------------------------------*/

.centrage{
margin:auto;
text-align:left;
padding:3px;
color:#069;
}

.centrage_form{
margin:auto;
width:720px;
background:url(bgbleu.png) no-repeat;
height:70px;
text-align:center;
padding:2px;
}

/*----------------------------------------------------------------------------------*/
/*couleur bandeau o� figure la NOM , DATE CATEGORIE  des NEWS */  
/*----------------------------------------------------------------------------------*/

.stabilo_paragraphe{    /*BLEU*/
margin:auto;
padding:3px;
text-align:center;
background :url(menu.png) #DDD;
color:#FFF;
}

.categ_news { 
width:20%;
color:#000;
margin-left:20px;
padding:1px;
background-color:#EEE;
}

.date_news {
font-weight:normal;
color:#000;
background-color:#EEE;
padding-left:15px;
}

.titre_news { 
color:red;
}

.texte_normal {
color:#000;
font-weight:normal;
}

.texte_news {
font-weight:normal;
color:#000;
line-height:1.5em;
padding:10px;
text-align:left;
background-color:#D9DDE8;
}

.id_news, .bouton_news {
color:#069;
width:25px;
border-left:10px;
background-color:#EEE;
text-align:center;
}

.table_login {
width:98%;
color: #069;
text-align:left;
padding: 5px 15px 5px 15px;
margin: 5px auto;
border: 1px #069 solid;
}

.table_resultat {
width:95%;
background-color:#EEE;
color: #069;
margin-right:auto;
margin-left:auto;
border-collapse:collapse;
padding:20px;
}
.table_td { width:25%; color:#000}

.caler_a_droite{
text-align:right; 
color:#000;
padding-right:10px;
}

/* Bas de page */

.foot {
width:100%;
height:30px;
font-weight:normal;
margin-bottom:2px;
background :url(menu.png) repeat-x;
}

#footlinks {
float:left;
color:#FFF;
margin-left:10% !important;
margin-left:10%;
margin-top:5px;
}

.foot a {
text-decoration:none;
color:#FFF;
}


/* ================================================================ 

http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

=================================================================== */
/* Style COMMUN */
.menu {
float:left; width:100%; font-family: "Trebuchet MS",verdana, arial, sans-serif; font-size:11px;font-weight:bold;
background:url(menu.png) repeat-x top left; 
border-top:1px solid #4c597f;  border-bottom:1px solid #4c597f;
margin:0; /* for this demo only */ 
}
.menu ul {
padding:0;margin:0;list-style-type:none;
}
.menu ul li {
float:left; position:relative; background:url(divider1.gif) no-repeat top right;
}
.menu ul li a, .menu ul li a:visited {
float:left; display:block; text-decoration:none;color:#fff; padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff; 
}

.menu ul li:hover {width:auto;}

.menu ul li a.menuone:hover {border-color:#0C3; color:#0C3;}
.menu ul li a.menutwo:hover {border-color:#C00; color:#C00;}
.menu ul li a.menuthree:hover {border-color:#cc0; color:#cc0;}
.menu ul li a.menufour:hover {border-color:#09F; color:#09F;}
.menu ul li a.menufive:hover {border-color:#00c; color:#aaf;}
.menu ul li a.menusix:hover {border-color:#c0c; color:#f8f;}

.menu ul li:hover a.menuone {border-color:#0C3; color:#0C3;}
.menu ul li:hover a.menutwo {border-color:#C00; color:#C00;}
.menu ul li:hover a.menuthree {border-color:#cc0; color:#cc0;}
.menu ul li:hover a.menufour {border-color:#09F; color:#09F;}
.menu ul li:hover a.menufive {border-color:#00c; color:#aaf;}
.menu ul li:hover a.menusix {border-color:#c0c; color:#f8f;}

.menu ul li ul {
display: none;
}
.menu table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* SPECIFICITE pour non IE browsers */
.menu ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menu ul li:hover ul.endstop {
left:-92px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block;background:#FFF;color:#069;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu ul li:hover ul li a.drop {
background:#ccd url(arrow.png) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover {
color:#C00; background: #ccd url(arrow.png) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover.drop {
background: #ccd url(arrow.png) no-repeat 3px 8px;
}
.menu ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specificité de ce putain d' IE5.5 et IE6  */
.menu ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}

.menu ul li a:hover ul.endstop {
left: -92px;
}
.menu ul li a:hover ul li a {
display:block;background:#FFF;color:#069; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu ul li a:hover ul li a.drop {
background:#ccd url(arrow.png) no-repeat 3px 8px; padding-bottom:4px;
}
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu ul li a:hover ul li a:hover {
color:#C00; background: #ccd url(arrow.png) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover.drop {
background: #ccd url(arrow.png) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-153px;
}
/*
</style>
<!--[if lte IE 5.5]>
<style type="text/css">
.menu ul li a, .menu ul li a:visited {height:33px;}
</style>
<![endif]-->
*/


/*----------------------------------------*/
/* ===MASQUES MASTERCLICK ===   */
/*----------------------------------------*/

.section2  li , form 
{
color: #069;
display:inline;
margin-left:auto;
margin-right:auto;
}

.info_affichage
{
color:#C00;
margin-bottom:3px;}

/*----------------------------------------------------------------------------------------------------------------------*/
/*couleur bandeau où figure la SPECIALITE , VERSION TAILLE et COMMENTAIRE des MASQUES */  
/*---------------------------------------------------------------------------------------------------------------------*/

#titre_general {
margin-top:2px;
padding:3px;
color:#FFF;
text-align:center;
background:url(menu.png);
} /* bleu MédiClick! Studio */

.titre_specialite { 
color:#069;
margin-left:20px;
margin-top:3px; /*pour que le logo ne touche pas le haut du bandeau bleu*/
/*background:url(menu.png);*/
background-color:#DDD;
list-style-image:url(grille.png);
list-style-position:inside;
}

.titre_version { 
color:#F00;
list-style-image:url(flagged.png);
list-style-position:inside;
}

.titre_comment, .titre_comment li {
display:block;
color:#069;
line-height:1.2em;
margin:5px 2% 5px 0px ; 
padding:5px;
font-weight:normal;
background-color:#E9EEF6;
list-style-image:url(bulle.png);
/*list-style-position:inside;*/
}

/*----------------------------------------------*/
/*=== TABLEAU LIGHT et des lignes de la W Listing simple MASQUES MASTERCLICK===*/  
/*----------------------------------------------*/

.tableau_light{
color: #069;
margin-top:5px; 
width:100%; 
text-indent:3em;
border-collapse:collapse;
}

.ligne0  { background-color:#FFF;}
.ligne1  { background-color:#E9EEF6;}
.ligne0 , .ligne1  {line-height:1.5em;margin:2px 0px 2px 10px;}
.ligne0 a, .ligne1 a {text-decoration:none;}
.ligne1:hover,.ligne0:hover{background-color:#A4ACB6;}


/*----------------------------------------------*/
/*=== FORMULAIRE AJOUT_DONNEES ... pour INSERER des DONNEES DIRECTO DANS LA TABLE MASQUE ===*/  
/*----------------------------------------------*/

#formulaire_ajout { 
color:#FFF;
display:block;
width:70%;
margin-top:20px;
margin-left:auto;
margin-right:auto;
padding:20px;
border : 2px solid black;
background-color:#069;
}

#formulaire_ajout p{ 
color:#FFF;
}

table.maqtable td.stabilo , .italique { color:#000; font-style:italic;}

.maqtable td  {
border:1px solid #069;
padding:3px;
text-align:left;
}

.alertemalibu { 
display:block;
width:80%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
background-color:#069;
font-size:1.3em;
color:#FFF;
padding:5px;
text-align:center;
}

.warning_galerie {
padding:3px;
font-size:1em;
text-align:left;
width:90%;
margin-right:auto;
margin-left:auto;
background-color:#069;
color:#FFF;
text-decoration:none;
list-style-image:url(grille.png);
list-style-position:inside;
}

.noir { margin-left:100px; color: black; }
.blanc{ color:#FFF;}
/*FAQ*/
.faqtexte {
width:70%;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
font-weight:normal;
color:#000;
line-height:1.5em;
padding:10px;
text-align:left;
background-color:#D9DDE8;
}

.toute_largeur {
width:100%;
border: solid 6px #FFF;
}

.identation{
color:#C00;
text-indent:3em;
margin-left:15px;
}

.gras_rouge{
font-weight:bold;
color:#C00
}

.calendrier{
width:90%;
margin:auto;
text-align:center;
border:1px solid #069;
}

.calendrier_big {
margin:auto;
text-align:center;
border:1px solid #069;
border-collapse:collapse;
}

.calendrier_big td { 
padding:5px ;
border:1px solid #069;
vertical-align:top;
}

.calendrier_big th { 
padding:25px ;
color:#C00;
font-size:1.2em;
vertical-align:top;
}
.cal_color_we { color:#C00; background-color:#F69;  }
.cal_color_jour_j , .cal_color_jour_j  a{ color:#FFF; background-color:#069;   }
.cal_color_defaut   { color:#000;  }
.cal_color_fond {   background-color:#FF9; }

.color_skin{
color:#069;
}


/*
Page des mises à jour
*/
#cont ul ,#v5{
padding: 0;
margin: 10px 0 0 0;
list-style: none;
}
#cont ul li {
float: left;
margin-left: 1px;
}
#cont ul li a {
float: left;
display: block;
height: 22px;
text-align: center;
background: url('menu_bleu_on_off.gif') repeat-x top;
color: #FFF;
padding: 8px 20px 0 20px;
text-decoration: none;	
}
#cont ul li a:hover {
background-position: bottom;
text-decoration: none;
color:#000;
}

.descriptif {
background-color:#E9EEF6;
margin:0px 5% 0px 5%; 
padding:1px 1px 1px 10px; 
color:#069;
}

/* CLASS poru nouveau navigateur ...zone arrondie */
.arrondi {
background-color: #E9EEF6 ;
padding:15px;
margin-top:5px;
margin-bottom:20px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius:12px;
border-radius: 12px;
}

div.texte .arrondi img {	display:block; margin:auto;	}	/* image centrée dans la div de class texte des news*/