body
{
	background-color:rgb(142,189,245);
	margin: auto;
	margin-bottom: 20px;   
}


dt
{
	list-style-type: disc;
	display:list-item;
}
dd
{
	bottom:10px;
}

.newstab,.newstab th,.newstab tr,.newstab td
{
   text-align:center;
   border:1px solid #000099;
   border-collapse: collapse;
}
.newstab th
{
   height:50px;
   border:2px solid #000099;
   font-weight:bold;
}

/* L'en-tête */
#en_tete, #en_tete a
{  
   color: #000099;
   text-decoration:none;
   background-image:url("images/fondtitre.jpg");
   /*background-attachment:fixed;*/
   position:fixed;
   width: 100%;
   height: 70px;
   top:0;
   left:0;
   text-align:center;
   font-size:60px;
   margin-top:0;
   margin-bottom: 10px;
   background-color:rgb(142,189,245);
   background-repeat:no-repeat;
   background-position:center bottom;
   
}


.dltab,.dltab th,.dltab tr,.dltab td
{
   text-align:center;
   border:1px solid #000099;
   border-collapse: collapse;
}

.dltab td,.dltab th
{
   width:200px;
}
.dltab th
{
   height:50px;
   border:2px solid #000099;
   font-weight:bold;
}
.dltab
{
   border:2px solid #000099;
}

a img
{
   border:none;
}

.copiedecran
{
	max-width:300px;
	border:none;
}

.copiedecranrch
{
	maxwidth:300px;
	border:none;
}

.centre
{
   text-align:center;
   margin-top:85px;
}
.centresimple
{
   text-align:center;
}


#tdrap1, #tdrap2
{
	display:block;
	position:fixed;
	top:220px;
}
#tdrap1
{
	left:220px;
}
#tdrap2
{
	right:220px;
}

#drap1, #drap2
{
	position:fixed;
	top:150px;
}
#drap1
{
	left:200px;
}
#drap2
{
	right:200px;
}


.grodrap
{
	width:50px;
}

.invisitab,.invisitab td,.invisitab tr,.invisitab th
{
   border:none;
   text-align:center;
   vertical-align:middle;
}

.invisitab caption
{

}

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

.ok{
   	color:#00cc00;
   	font-weight:bold;
}


#drapeau a
{
   position:fixed;
   width: 29px;height:20px;
   top:10px;right:10px;
}
#drapeau a img
{
   border:none;
}

/* Le menu */

#menu
{
   position:fixed;
   float: left;
   width:20%;
   top:50px;left:2.5%;
   background-color:rgb(142,189,245);
   bottom:0px;
   padding-left:100px;
   margin-left: -100px;
}

.element_menu
{
   background-repeat: no-repeat;
   background-image:url("images/fondmenu.jpg");
   /*border: 1px dotted #000099;*/
   color: #000099;
   margin-bottom: 25px;
}


/* Quelques effets sur les menus */


.element_menu h3 /* Tous les titres de menus */
{    
   /*color: #4477ff;*/color: #000099;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   /*text-align: center;*/
   font-variant:small-caps;
   margin-bottom: 2px;
}

/*.element_menu h3:first-letter
{    
   color: #000099;
}*/
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
 /*  list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}


a /* Tous les liens*/
{
   color: #4477ff;
}

a:hover /* Quand on pointe sur un lien*/
{
  
   text-decoration:overline underline;
   color: #1144ff;
}


.bloc
{
   padding-left:5px;
   margin-left:5%;
   padding-right:5px;
   margin-right:5%;
   padding-bottom:5px;
   margin-bottom:5%;
   border: 1px dotted #000099;
}

.bloc h3
{
   color: #4477ff;
   text-align: left;
   font-size:20px;
   font-weight:bold;
}

#connexion
{
   /* background-image:url("images/Nuages.jpg"); */
   background-attachment:fixed;
  /* background-position:20% 90px;*/
   position:fixed;
   color: #000099;
   top:0px;
   padding-left:10px;
   padding-top:5px;
   left:0px;
   color: #4477ff;
   /*float: left;*/
   background-color:rgb(142,189,245);
   
}


#corps
{
   /* background-image:url("images/Nuages.jpg"); */
   background-attachment:fixed;
   background-position:20% 90px;
   color: #000099;
   width:72.5%;
   height:100%;
   margin-left:25%;
   margin-top:85px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
}

.italique
{
   font-style:italic;
}


#pied_de_page
{
   text-align:center;
   color: #000099;
   background-image:url("images/fondtitre.jpg");
   background-repeat:no-repeat;
   background-position:center;
   width:77.5%;
   margin-left:20%;
   font-size:small;
}