/* ------------------------------------------------- */
/*       Définition des polices personnalisées       */
/* ------------------------------------------------- */

@font-face {
	font-family: 'Dayrom';
	src: url('polices/dayrom.eot');
	src: url('polices/dayrom.eot?#iefix') format('embeddedopentype'),
		 url('polices/dayrom.woff') format('woff'),
		 url('polices/dayrom.ttf') format('truetype'),
		 url('polices/dayrom.svg#Dayrom') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ------------------------------------------------- */
/*          Eléments principaux de la page           */
/* ------------------------------------------------- */
#bloc_page {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	
	width: 900px;
	
	margin: auto; /* permet de centrer la page*/
}

section h1, nav a {
	font-family: Dayrom, serif;
	font-weight: normal;
	text-transform: uppercase;
}

section h2 {
	font-family: Dayrom, serif;
	font-weight: normal;
	font-size: large;
	margin: 0px;
}

/* ------------------------------------------------- */
/*                      Header                       */
/* ------------------------------------------------- */
#echec_connexion {
	width: 850px;
	margin: auto;
	text-align: center;
	border: 1px red solid;
	color: red;
	background: rgba(255,255,255,0.5);
}

#lien_connexion {
	display: inline-block;
	width: 900px;
	text-align: right;
	text-decoration: none;
	color: #281e5e;
}

#connecte_tableau a {
	text-decoration: none;
	color: #281e5e;
}

#connecte_cellule_menu {
	text-align: left;
}

#connecte_cellule_nom_deconnexion {
	text-align: right;
}

li {
	font-size: small;
}

header {
	font-family: Dayrom, serif;
}

/* Arrière-plans des headers des pages */
#header_unite {
	background: linear-gradient(to right bottom, rgba(0,0,255,0.5), rgba(0,0,255,0));
}

#body_balanuts header {
	background: linear-gradient(to right bottom, rgba(0,161,217,0.5), rgba(0,161,217,0));
}

#body_ronde header {
	background: linear-gradient(to right bottom, rgba(255,228,0,0.5), rgba(255,228,0,0));
}

#body_meute header {
	background: linear-gradient(to right bottom, rgba(38,127,50,0.5), rgba(38,127,50,0));
}

#body_compagnie header {
	background: linear-gradient(to right bottom, rgba(131,184,26,0.5), rgba(131,184,26,0));
}

#body_troupe header {
	background: linear-gradient(to right bottom, rgba(0,81,158,0.5), rgba(0,81,158,0));
}

#body_poste header {
	background: linear-gradient(to right bottom, rgba(229,0,0,0.5), rgba(229,0,0,0));
}

#body_route header {
	background: linear-gradient(to right bottom, rgba(98,37,154,0.5), rgba(98,37,154,0));
}

#body_staffdu header {
	background: linear-gradient(to right bottom, rgba(112,112,112,0.5), rgba(112,112,112,0));
}

#titre_principal {
	display: inline-block;
	vertical-align: top;
	
	padding-left: 30px;/* Pour ne pas avoir le texte le long de l'arrière-plan */
}

#logo_section {
	display: inline-block;
	vertical-align: top;
	
	margin: 15px;
}

#titre_principal_section {
	display: inline-block;
	vertical-align: top;
	
	width: 900px;
}

header h1 {
	display: inline-block;
	vertical-align: top;
	
	font-size: 40px; /* xx-large pas assez grand */
	font-weight: normal;
	
	margin-bottom: 0px; /* pour diminuer l'écart entre "Unité Saint-Paul" et "Waterloo - 17BW&29RP" sur la page de garde (h1 -> margin=0 n'est pas la valeur par défaut)*/
}

header h2 {
	font-family: Garamond, serif;
	font-size: large;
	font-weight: normal;
	
	margin-top: 0px; /* pour diminuer l'écart entre "Unité Saint-Paul" et "Waterloo - 17BW&29RP" sur la page de garde (h2 -> margin=0 n'est pas la valeur par défaut)*/
}

#Waterloo {
	font-variant: small-caps;
	font-size: x-large;
}

#logos_fedes {
	float: right;
	
	margin: 15px;
}

/* ------------------------------------------------- */
/*                    Navigation                     */
/* ------------------------------------------------- */
nav {
	display: inline-block;
	vertical-align: top;
	
	width: 900px;
	
	text-align: center;
	
	margin-top: -15px;
}

nav ul { /* Listes (principale et secondaire) */
	list-style-type: none;
	
	margin: 0px;
	padding: 10px;
}

nav li { /* Elements des listes (principale et secondaire) */
	display: inline-block;
	vertical-align: top;
}

nav a { /* Liens des listes (principale et secondaire) */
	display:block;
	
	font-size: large;
	color: #181818;
	text-decoration: none;
	border-bottom: 3px solid #FFFFFF;
	
	padding-bottom: 3px;
	
	width: 120px;
}

nav a:hover { /* Liens des listes (principale et secondaire) quand ils sont survolés  */
	color: #760001;
	border-bottom: 3px solid #760001;
}

nav ul li ul { /* Liste secondaire */
	display: none;
	position: absolute; /* Pour ne pas descendre toute la page web quand on affiche le sous-menu */
}

nav ul li:hover ul { /* Liste secondaire quand l'éléments correspondant de la liste principale est sélectionné */
	display: block; /* On ré-affiche la liste secondaire */
	
	z-index: 3; /* Pour que le menu soit au-dessus des autres éléments de la page web */
}

nav ul li:hover ul li { /* Eléments de la liste secondaire quand l'éléments correspondant de la liste principale est sélectionné */
	display: block; /* Pour qu'ils s'affichent les uns au-dessus des autres */
}

#menu_sections a {
	width: 200px;
}

#menu_sections a:hover {
	color: #760001;
}

#menu_sections li a {
	font-size: small;
	text-transform: none;
	font-variant: small-caps;
	color: #FFFFFF;
	
	width: 180px;
}

/* Couleurs de fond des éléments de la liste secondaire */
.six_huit {
	background: #00a1d9;
}

.louveteaux {
	background: #267f32;
}

.lutins {
	background: #ffe400;
}

.eclaireurs {
	background: #004cff;
}

.guides {
	background: #83b81a;
}

.seize_dixhuit {
	background: #e50000;
}

.route {
	background: #62259a;
}

.staffdu {
	background: #707070;
}

/* ------------------------------------------------- */
/*              Infos section (header)               */
/* ------------------------------------------------- */

#infos_section {
	display: inline-block;
	vertical-align:top;
	
	font-family: Garamond, serif;
	font-size: large;
	line-height: 1.5em;
	
	margin-top: -50px;
	margin-bottom: -10px;
	margin-left: 25px;
	padding: 0px;
}

#infos_section a { /* Pour que l'adresse mail ne s'affiche pas en bleu souligné */
	color: #000000; /* Noir */
	text-decoration: none;
}

#infos_section div {
	display: inline-block;
	vertical-align: top;
	
	width: 420px;
}

#infos_section_droite {
	text-align: right;
}

/* ------------------------------------------------- */
/*                       Corps                       */
/* ------------------------------------------------- */
#lien_plan {
display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	width: 420px;
	text-align: right;
}

#section_gauche, #section_droite {
	display: inline-block;
	vertical-align: top;
	
	width: 447px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.section_gauche_bis, #section_droite_bis {
	text-align: justify;
	
	margin: 10px 3px;
	padding: 15px 10px 10px 10px;
}

.section_gauche_bis {
	color: #FFFFFF;
	
	background-color: #cd853f;
	box-shadow: 0px 2px 5px #1c1a19;
	border-radius: 5px;
}

#section_droite_bis {
	color: #FFFFFF;
	
	background-color: #706b64;
	box-shadow: 0px 2px 5px #1c1a19;
	border-radius: 5px;
}

.section_gauche_bis a {
	color: #FFFFFF;
	text-decoration: none;
}

p {
	font-size: small;
}

#section_droite_bis article {
	border-radius: 5px;
	padding: 1px 10px 1px 10px;
	margin-top: 10px;
}

.section_gauche_bis h1, #section_droite_bis h1 {
	font-size: large;
	margin: 0px;
}

td {
	font-size: small;
	
	width: 75px;
}

table {
	width: inherit;
	
	margin: auto;
	
	text-align: center;
}

#adresse {
	width: 200px;
	border: 2px solid #FFFFFF;
	margin: auto;
	text-align: center;
	/*font-weight: bold;*/
}

#compteur {
	text-align: center;
}

.impair {
	background: #281e5e;
	color: #FFFFFF;
}

.impair a {
	color: #FFFFFF;
}

.pair {
	background: #FFFFFF;
	color: #281e5e;
}

.pair a {
	color: #281e5e;
}

.date_titre strong { /* Titre des articles de "Dernières nouvelles de l'Unité" */
	font-size:large;
	font-variant: small-caps;
}

.section_entiere {
	display: inline-block;
	vertical-align: top;
	
	width: 875px;
	
	color: #FFFFFF;
	
	background-color: #cd853f;
	box-shadow: 0px 2px 5px #1c1a19;
	border-radius: 5px;
	
	text-align: justify;
	
	margin: 10px 3px;
	padding: 0px 10px 10px 10px;
}

.section_entiere a {
	color: #FFFFFF;
	text-decoration: none;
}

.tableau_sections  {
	border-collapse: collapse;
}

.tableau_sections th {
	border: white 2px solid;
}

.tableau_sections td {
	border: white 1px solid;
}

.ss_section_entiere {
	display: inline-block;
	vertical-align: top;
	
	width: 430px;
	
	margin: -10px 2px 0px 2px;
}

.section_lien {
	/*border: 1px red solid;*/
	
	color: #281e5e;
	font-size: large;
	
	border-radius: 5px;
	background: #FFFFFF;
	
	padding: 1px 10px 1px 10px;
	margin-top: 10px;
}

.section_lien figure, .description_lien {
	display: inline-block;
	vertical-align: middle;
}

.photo_lien {
	
	margin-left: 5px;
	margin-right: 15px;
}

.description_lien {
	width: 263px;
}

.nom_lien {
	font-variant: small-caps;
	font-size: large;
}

.section_lien a {
	color: #281e5e;
}

#suggerer_signaler_lien {
	width: 875px;
	text-align: center;
}

#section_presentation, #section_staff {
	display: inline-block;
	vertical-align: top;
	
	text-align: justify;
	
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.ss_section_presentation {
	color: #FFFFFF;
	font-size: small;
	
	width: 490px;
	
	background-color: #cd853f;
	box-shadow: 0px 2px 5px #1c1a19;
	border-radius: 5px;
	
	margin: 10px 3px;
	padding: 15px 10px 10px 10px;
}

.ss_section_presentation a {
	color: #FFFFFF;
	text-decoration: none;
}

#documents_administratifs   {
	list-style: none;
	
	margin-left: -10px;
}

.petit_logo_document {
	vertical-align: middle;
	margin-right: 7px;
}

.activite {
	color: #000000;
	font-size: large;
	
	border-radius: 5px;
	background: #FFFFCC;
	
	padding: 10px;
	margin-top: 10px;
}

.titre_activite {
	font-variant: small-caps;
	font-size: large;
}

.image_activite {
	width: 400px;
	
	margin: auto;
	margin-top: 10px;
}

.activite ul {
	font-size: small;
	
	list-style-type: circle;
}

.ss_section_presentation h1, #section_staff_bis h1 {
	font-size: large;
	margin: 0px;
}

#section_staff_bis {
	color: #FFFFFF;
	
	width: 350px;
	
	background-color: #706b64;
	box-shadow: 0px 2px 5px #1c1a19;
	border-radius: 5px;
	
	margin: 10px 3px;
	padding: 15px 10px 10px 10px;
}

.chef {
	color: #281e5e;
	font-size: large;
	
	border-radius: 5px;
	background: #FFFFFF;
	
	padding: 1px 10px 1px 10px;
	margin-top: 10px;
}

.chef figure, .description_chef {
	display: inline-block;
	vertical-align: middle;
}

.description_chef {
	width: 213px;
}

.photo_chef {
	margin-left: 5px;
	margin-right: 15px;
}

.nom_chef {
	font-variant: small-caps;
	font-size: large;
	text-align: left;
}

#obligatoire {
	text-align: right;
	margin: -30px 15px 10px 0px;
}

#contact_coordonnees {
	margin:0 0 0 60px;
}

#contact_coordonnees td {
	text-align: left;
	width : 120px;
}

#contact_sections td {
	width: 350px;
	text-align: left;
}

#email2test {
	display: none;
}

.section_staff_ajouter  td {
	width: 300px;
	text-align: left;
}

.boite_bouton_fieldset_section_staff {
	width: 300px;
	margin: auto;
	text-align: center;
}

#mail_envoye {
	display: inline-block;
	width: 865px;
	margin: auto;
	padding: 5px;
	text-align: center;
	color : #009900;
	border: 1px solid #009900;
	background: #99D699;
}

#mail_non_envoye {
	display: inline-block;
	width: 865px;
	margin: auto;
	padding: 5px;
	text-align: center;
	color : #FF0000;
	border: 1px solid #FF0000;
	background: #FF9999;
}

#plan_du_site {
	width: 500px;
	margin: auto;
}

fieldset {
	margin: 10px;
}

#bouton_envoyer {
	margin-left: 410px;
}

.boite_bouton_fieldset {
	width: 800px;
	margin: auto;
	text-align: center;
}

.form_bouton_unique {
	display: inline-block;
}

#avertissement_suppression {
	font-size: large;
	color: yellow;
	border: 2px yellow solid;
	width: 800px;
	margin: auto;
	text-align: center;
}

#avertissement_suppression_section_staff {
	font-size: large;
	color: yellow;
	border: 2px yellow solid;
	width: 300px;
	margin: auto;
	text-align: center;
}

#message {
	margin-left:60px;
}

#login_coordonnees {
	margin:0 0 0 175px;
}

#login_coordonnees td {
	text-align: left;
	width : 120px;
}

#restriction_connexion {
	width: 850px;
	text-align: center;
	margin: auto;
}

#deconnexion_ok {
	width: 500px;
	padding: 15px;
	margin: auto;
	border: 1px white solid;
	text-align: center;
}

#retour_accueil {
	width: 500px;
	margin: auto;
	text-align: center;
}

#form_reservation table {
	text-align: left;
	margin: 0px;
}

#form_reservation td {
	width: 350px;
	vertical-align: top;
}


#boite_form_reservation_envoyer {
	width: 200px;
	margin: auto;
	text-align: center;
}

.form_ordre_du_jour table {
	text-align: left;
	margin: 0px;
}

.form_ordre_du_jour td {
	width: 120px;
	vertical-align: top;
}

.boite_form_ordre_du_jour {
	width: 300px;
	margin: auto;
	text-align: center;
}

#ordre_du_jour_ajoute {
	display: inline-block;
	width: 410px;
	margin: auto;
	padding: 5px;
	text-align: center;
	color : #009900;
	border: 1px solid #009900;
	background: #99D699;
}

/* ------------------------------------------------- */
/*                      Footer                       */
/* ------------------------------------------------- */
footer {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 900px;
	font-size: 0.7em;
	text-align: center;
}

footer a {
	color: #000000;
	text-decoration: none;
}