#en_tete_logo
{
	width: 226px;
	height: 213px;
	position: absolute;
	top: 0px;
	left: 0px;
	/*background-image: url("../images/logo_cdg.jpg");*/
	background-repeat: no-repeat;
}

#en_tete_banniere
{
	height: 213px;
	width: 799px;
	position: absolute;
	top: 0px;
	left: 226px;
}

#cdg
{
	height: 28px;
	width: 184px;
	position: absolute;
	top: 213px;
	left: 0px;
}
#missions
{
	height: 28px;
	width: 192px;
	position: absolute;
	top: 213px;
	left: 184px;
}
#carrieres
{
	height: 28px;
	width: 151px;
	position: absolute;
	top: 213px;
	left: 376px;
}
#concours
{
	height: 28px;
	width: 222px;
	position: absolute;
	top: 213px;
	left: 527px;
}
#bourse
{
	height: 28px;
	width: 191px;
	position: absolute;
	top: 213px;
	left: 749px;
}
#cios
{
	height: 28px;
	width: 84px;
	position: absolute;
	top: 213px;
	left: 940px;
}


a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

#menu
{
	height: 396px;
	width: 226px;
	position: absolute;
	top: 241px;
	left: 0px;
	background-image: url("../images/menu_gauche.jpg");
	background-repeat: no-repeat;
}
.element_menu /* Tous les éléments dans menu*/
{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 12px;
	position: absolute;
	top: 30px;
	color: #99141b;
	font-weight: bold;
}
.carre
{
	list-style-type: square;/* pour avoir des puces carrés*/
}
.image_menu
{
	position: absolute;
	top: 160px;
	left: 15px;
}
.element_menu a /* Tous les liens  */
{
	color : #99141b;
	text-decoration: none; /* Les liens ne seront plus soulignés */
}
.element_menu a:hover /* Quand on pointe sur un lien */
{
	color: rgb(83,104,187);
}
.couleur_rouge
{
	color: #99141b;
}

#inscription_concours
{
	height: 63px;
	width: 226px;
	position: absolute;
	top: 685px;
	left: 0px;
	/*background-image: url("../images/fond_em_off.jpg");
	background-repeat: no-repeat;*/
}

#connexion_collectivite
{
	height: 132px;
	width: 226px;
	position: absolute;
	top: 570px;
	left: 0px;
	/*background-image: url("../images/fond_em_off.jpg");
	background-repeat: no-repeat;*/
}
.identifiant
{
	height: 17px;
	width: 94px;
	position: absolute;
	top: 28px;
	left: 114px;
	background-image: url("../images/zs_em.jpg");
	background-repeat: no-repeat;
}
.mdp
{
	height: 17px;
	width: 94px;
	position: absolute;
	top: 51px;
	left: 114px;
	background-image: url("../images/zs_em.jpg");
	background-repeat: no-repeat;
}
.bouton
{
	height: 19px;
	width: 23px;
	position: absolute;
	top: 72px;
	left: 185px;
	background-image: url("../images/bouton_em.jpg");
	background-repeat: no-repeat;
	color:white;
	font-size: 9px;
}
.deconnect
{
	height: 20px;
	width: 195px;
	position: absolute;
	top: 30px;
	left: 17px;
	/*font-size: 13px;*/
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps
{
	height: 503px;
	width: 533px;
	position: absolute;
	top: 241px;
	left: 226px;
	background-image: url("../images/corps.jpg");
	overflow: auto;
}
.element_corps /* Tous les éléments dans corps*/
{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 10px;/* au départ 9 : taille de la police du centre */
	padding: 15px;
	color : #666666;
}
.element_corps h1 /* Tous les titres dans corps */
{
	font-size: 15px; /* pour que le titre soit pas trop grand*/
	font-weight: bold;
	color : #009dd7;
}
.element_corps a /* Tous les liens dans le corps */
{
	color: black;
	vertical-align:text-top; 
}
.element_corps a:hover /* Quand on pointe sur un lien dans le corps*/
{
	color: red;
	font-weight: bold;
}
td
{
   padding: 3px;
}
.tab_ep /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px red; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}
.tab_be  /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px #99141b; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}
.tab_be th /* Les cellules d'en-tête */
{
   background-color: #99141b;
   border: 2px solid #99141b; /* Bordure du tableau en rouge */
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

.tab_be  td /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px solid #99141b; /* Bordure du tableau en rouge */
   border-collapse: collapse; /* Colle les bordures entre elles */
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}
.tab_be caption /* Le tableau en lui-même */
{
   /*color: blue;*/
   font-size: 1.3em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
.tab_ca 
{
	border-collapse: collapse; 
	border: 2px solid black;
}
.tab_ca td, th
{
	border-collapse: collapse; 
	border: 2px solid black;
}

.tab_vide /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 0px black; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}
.tab_vide th /* Les cellules d'en-tête */
{
   border: 0px solid black; /* Bordure du tableau en rouge */
   /*color: white;*/
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

.tab_vide  td /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 0px solid black; /* Bordure du tableau en rouge */
   border-collapse: collapse; /* Colle les bordures entre elles */
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   vertical-align: middle;
}

.sous_menu a
{
	text-align:center;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 11px;
	
}
.sous_menu a:hover 
{
	color: red;
	font-weight: bold;
}
.nom_service 
{
	text-align:center;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
	color: #99141b;
}
.titre_mission 
{
	text-align:center;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color : #009dd7;
}
.espace_prive
{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	/*font-size: 15px;*/
	font-size: 11px;
	padding: 15px;
	color : #666666;
}
.espace_prive h1
{
	text-align:center;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
	/*color: #99141b;*/
	color : #009dd7;
	/*font-size: 20px;*/
	font-size: 15px;
}
#horaire
{
	height: 273px;
	width: 265px;
	position: absolute;
	top: 241px;
	left: 759px;
	background-image: url("../images/menu_horaire.jpg");
	background-repeat: no-repeat;
}
.element_horaires /* Tous les éléments dans horaires*/
{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 12px;
	text-align:center;
	padding-top: 5px; /*marges intérieurs pour que Accueil soit dans la bande grise*/
	padding-right: 15px;
	padding-left: 5px;
	color :  rgb(199,132,124);
}
.element_horaires  h1 /* Tous les titres dans horaires */
{
	font-size: small; /* pour que le titre soit pas trop grand*/
	text-transform: uppercase; /* le texte se  mets en majuscules */
	color : #99141b;
}
.element_horaires2 /* Tous les éléments dans horaires*/
{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 12px;
	padding-top: 6px; /*marges intérieurs pour que Accueil soit dans la bande grise*/
	padding-right: 13px;
	color :  rgb(199,132,124);
	padding-left: 0px;
}
.element_horaires2  h1 /* Tous les titres dans horaires */
{
	font-size: small; /* pour que le titre soit pas trop grand*/
	text-transform: uppercase; /* le texte se  mets en majuscules */
	text-align: center;
	color : #99141b;
}
.element_courriel
{
	padding-left: 35px;
}
.nom_contact a
{
	color : #99141b;
	font-weight: bold;
	text-decoration: none;
}
#actualite
{
	height: 230px;
	width: 265px;
	position: absolute;
	top: 514px;
	left: 759px;
	background-image: url("../images/menu_actu.jpg");
	background-repeat: no-repeat;
}
.element_actu /* Tous les éléments dans actu*/
{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 12px;
	padding-left : 15px;
	padding-right : 22px;
}
.element_actu  h1 /* Tous les titres dans horaires */
{
	color: white;
	font-size: small; /* pour que le titre soit pas trop grand*/
	text-transform: uppercase; /* le texte se  mets en majuscules */
	text-align:center;
	padding-top: 4px;
}
.element_actu a /* Tous les liens dans le pied de page */
{
	color: black;
	/*font-weight: bold;*/
	text-decoration: none; /* Les liens ne seront plus soulignés */
}
.element_actu a:hover /* Quand on pointe sur un lien dans le pied de page*/
{
	color: rgb(83,104,187);
}
.voir_actu /* Quand on pointe sur un lien dans le pied de page*/
{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 12px;
	position: absolute;
	top : 194px;
	right: 25px
}
.voir_actu a /* Quand on pointe sur un lien dans le pied de page*/
{
	color: white; 
	
}
.voir_actu a:hover /* Quand on pointe sur un lien dans le pied de page*/
{
	color: rgb(83,104,187);
	font-weight: bold;
}
	
#pied_de_page
{
	height: 25px;
  	/*width: 798px;*/
	width: 1024px;
	position: absolute;
	top: 744px;
	/*left: 226px;*/
	left: 0px;
	background-image: url("../images/bandeau_bleu.jpg");
	background-repeat: no-repeat; 
}
.element_pied  /* Tous les éléments dans le pied de page*/
{
	color: white;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 10px;
	text-align:center;
	padding-top: 2px;
}
.element_pied a /* Tous les liens dans le pied de page */
{
	color: white;
	text-decoration: none; /* Les liens ne seront plus soulignés */
}
.element_pied a:hover /* Quand on pointe sur un lien dans le pied de page*/
{
	color: red;
}
.cachediv 
{
	visibility: hidden;
	overflow: hidden;
	height: 1px;	
}

.p_italic
{
	font-style: italic;
}
