/*
Design du site de la JAAAF
*/

body
{
   width: 800px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 20px;    
   /* background-color: #f0ffff; */
}

/* L'en-tête */

#en_tete
{
   width: 800px;
   height: 100px;
   background-image: url("../images/banniereJeunesAAAF.png");
   background-repeat: no-repeat;
   margin-bottom: -5px;
   /*border: 3px outset blue;*/
}

#logo
{
   float: left;
   display: none;
}

#rafale
{
   float: right;
   display: none;
}


/* Le menu */

#menu
{
   float: left;
   width: 150px;
   clear: right;
}

.element_menu
{
   background-color: #17177d;
   border: 3px solid  #1e90ff;    /* joli bleu */
   margin-top: 0px;
   margin-bottom: 8px;
}

/* Quelques effets sur les menus */


.element_menu h3
{    
   color: white; /*#f0ffff;*/
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-bottom: 3px;
   margin-top: 5px;
   font-size: 1em;
}

.element_menu ul
{
   /*list-style-image: url("../iconeavion/aviona.gif");*/
   list-style-type: none;
   padding: 0px;
   /*padding-left: 17px;*/
   margin: 0px;
   margin-bottom: 10px;
}

.element_menu ul li
{
   margin-bottom: 7px;
   text-align:center;
}
.element_menu a
{
   width: 100%;
   font-size: 1em;
   color: yellow;
}

.element_menu a:hover
{
   /*background-color: #f0ffff;*/
   color: orange;
}

#navigation_top
{
   width: 637px;
   text-align : center;
   margin-top : 0px ;
   font-size: 0.8em;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   color: #black;
   text-decoration: none;
}

#navigation_top a
{
   font-weight: bold;
   color: #0d2d8a;
   text-decoration: none;
}


#navigation_top a:hover
{
   text-decoration: none;
   color: #66FF00;
}

#navigation_top table
{
   margin-bottom :3px;
}

#menu_top
{
   float: right;
   margin: 0px;
   /*background-color: white;*/
}
.elt_menu_top
{
   float: left;
}

#menu_top img
{
   display: none;
}

.elt_menu_top a
{
   float: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 0.9em;
   font-weight: bold;
   color: #0d2d8a;
   text-decoration: none;
   margin: 0px;
   padding-left: 5px;
   padding-right: 5px;
}

.elt_menu_top a:hover
{
   text-decoration: none;
   color: #66FF00;
}



/* Le corps de la page */

#corps
{
   background-color:  #CCCCFF; /*#CCCCFF ; /* #99CCFF ; #99CCFF ; #9999FF  ; #f0ffff; */
   height:auto !important; /* non interprété par IE, mais nécessaire pou opera */
   height: 550px; /* nécessaire pour IE, mais pas interprété par opera à cause de la ligne précédente */
   min-height: 502px; /* nécessaire pour opera, mais non interprété par IE  */
   margin-left: 163px;
   margin-bottom: 20px;
   padding: 0px;
   padding-bottom: 5px;
   border: 2px solid #0d2d8a;
   clear: right;
}

/* autre astuce pour le pb de hauteur minimale, il faut enlever la ligne suivie de !important pour l'utiliser */
/* for Internet Explorer */
/*\*/
/** html #corps {
height: 501px;
}*/

.imageblock
{
   display: block;
}

.drone
{	
   float:left;
   width: 150px;
}

.logo
{
   padding-left: 195px;
}

#corps h1
{	
   color:  #f0ffff;
   align: center;
   max-width:550px;
   background-color: #17177d ; /* #1e90ff ; */
   text-align: center;
   font-family: /*Arial, "Arial Black",*/ "Times New Roman", Times, serif;
   margin: auto;
   margin-top: 0;
   margin-bottom: 20px;
}

#corps h2
{
   color: blue;
   text-align: left;
   text-indent: 5px;
   border-bottom: 2px inset blue;
   margin-bottom: 0px;
}

#corps h3
{
   color: #CC6600 ; /* #000033 ; /* #663300 ;*/
   font-size: 1.3em;
   text-align: left;
   text-indent: 5px;
   margin-top : 25px; 
   border-bottom: 2px inset #006080 ;
   margin-bottom: 8px;
}

#corps h4
{
   color : #009933;
   font-family : monospace;
   font-size: 1.3em;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 20px
}

#corps p
{
	text-indent: 30px;
	text-align: justify;
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: 0.9em;
	margin: 8px;
}

#corps a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #0000CC ; /* Les liens seront en bleu turquoise 00bfff au lieu de bleu #0099FF */
   font-size: 0.9em;
   font-weight: bold;
   }

#corps a:hover
{
   /* background-color: #f0ffff; */
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #CC3300 ; /* #FF6600; /* Le lien sera écrit en bleu quand on pointera dessus */
   font-size: 0.9em;
   font-weight: bold;
}


#corps ul
{
	text-align: justify;
	/*list-style-type: none;*/
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	margin-top: 5px;
	margin-right:28px;
	font-size: 0.9em;
}

#corps caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: "Comic Sans MS", Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: blue;/*#00bfff; /*#009900;*/
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

#corps table /* Le tableau en lui-même */
{
   width: 80%;
   margin: 30px;
   margin: auto; /* Centre le tableau */ 
   margin-top: 5px;
   margin-bottom: 10px;
   border: 4px outset #00bfff; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   font-size: 0.9em;
}

#corps th /* Les cellules d'en-tête */
{
   background-color: #1e90ff;
   color: white;
   font-size: 1.2em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#corps td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.role /*pour le tableau structure*/
{
   color: blue;
   font-size: 1.1em;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

.retour
{
   text-align: right;
   margin: 5px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#titre
{
   align : center ;
   margin : auto ;
   margin-bottom : 0;
   margin-top : 4px;
}

#pied_de_page
{
   margin-left: 190px;
   font-size: x-small;
   padding: 5px;
   text-align: justify;   
   border-top: 1px solid #0d2d8a;
}

#pied_de_page p
{
   margin: 10px;
   text-align: center;
}

#pied_de_page a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #00bfff; /* Les liens seront en bleu turquoise au lieu de bleu */
   /*font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
   /*font-weight: bold;	*/
   }

#pied_de_page a:hover
{
   background-color: #f0ffff;
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}

.souligne
{
   text-decoration: underline;
}

#news
{
   float: right;
   width: 30%;
}

.news
{
   margin: auto;
   border: 1px solid black;
   margin: 5px;
}

.news h5
{
   text-align: center;
   color: blue;
   border-bottom: 1px solid black;
   font-size: x-large;
   margin: 0px;
   padding: 5px;
}

#gras /* Pour faire ressortir les éléments importants dans un texte, en l'absence de lien hypertexte */
{
   font-weight: bold
}

#souligne /* Pour faire ressortir les éléments importants dans un texte, en l'absence de lien hypertexte */
{
   text-decoration: underline;
}

#actualite
{
   background-color: #6495ed;
   margin-left: 5px;
   margin-bottom: 20px;
   padding: 0px;
   padding-bottom: 5px;
   width: 525px;
   float: left;
}

#actualite h1
{	
   color: #f0ffff;
   background-color: #1e90ff;
   text-align: center;
   font-family: "Monotype Corsiva", Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 2.5em;
   font-weight: normal;
   padding: 2px;
   margin: 5px;
   margin-bottom: 15px;
}

#actualite h5
{
   text-align: left;
   color: white;
   border-bottom: 1px solid white;
   font-size: x-large;
   margin: 0px;
   padding: 5px;
}

#actualite h6
{
   margin: 0px;
}

#actualite p
{
	text-indent: 30px;
	text-align: justify;
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: 0.8em;
	margin: 5px;
}

.news
{
   background-color: white;
   margin: 5px;
   padding-top: 7px;
   padding-bottom: 5px;
}

#evenements
{
   background-color: #6495ed;
   margin-left: 665px;
   /*margin-top: 40px;*/
   clear: right;
   /*width: 27%;*/
}


.info
{
   margin: auto;
   /*border: 1px solid black;*/
   margin: 5px;
}

.info div
{
   background-color: white;
   text-align: center;
   padding: 2px;
   padding-bottom: 3px;
}

.info h5
{
   background-color: #17177d;
   text-align: center;
   color: white;
   /*border-bottom: 1px solid black;*/
   font-size: 1em;
   margin: 0px;
   padding: 2px;
}

.info h6
{
   background-color: #1e90ff;
   text-align: center;
   color: white;
   font-size: 1em;
   margin: 0px;
   padding: 0px;
}