/* ************************************************* */
/* Styles du corps entier + titre + fond de toutes tes pages */
/* ************************************************* */

body {
	background-color: rgb(255,255,255); /*Couleur du fond*/
	width: 1240px; /*Largeur du site*/
	margin: 0px auto; /*Bloc centré*/
	padding: 0px; /*Marges internes*/
	font-family: Arial; /*Police dans tout le site*/
	padding-top: 20px; /*Marge interne tout en haut de la page*/
	padding-bottom: 20px; /*Marge interne tout en bas de la page*/
}

h1 {
	color: rgb(190,0,0); /*Couleur du texte du titre de la page*/
	font-size: 2em; /*Taille du texte du titre de la page*/
	text-align: center; /*Texte centré : left ou center ou right*/
	font-weight: bold; /*Texte en gras : normal ou bold*/
	margin-top: 40px; /*Marge externe en haut*/
	margin-bottom: 20px; /*Marge externe en bas*/
}

section {
	background-image: url(../images/france-trace.png); /*Image de fond*/
	background-repeat: no-repeat; /*Image de fond qui n'est pas répétée*/
	background-position: center top; /*Image de fond est centrée horizontalement et en haut*/
}

/* ************************************************* */
/* Styles du fichier "insertion-banniere.php" */
/* pour ta bannière */
/* ************************************************* */

header {
	background-color: rgb(190,0,0); /*Couleur du fond*/
	color: rgb(255,255,255); /*Couleur du texte*/
	text-align: center; /*Texte centré : left ou center ou right*/
	font-weight: bold; /*Texte en gras : normal ou bold*/
	padding-top: 10px; /*Marge interne en haut*/
	padding-bottom: 10px; /*Marge interne en bas*/
	padding-left: 10px; /*Marge interne à gauche*/
	padding-right: 10px; /*Marge interne à droite*/
	margin-top: 0px; /*Marge externe en haut*/
	margin-bottom: 0px; /*Marge externe en bas*/
	margin-left: 0px; /*Marge externe à gauche*/
	margin-right: 0px; /*Marge externe à droite*/
}

header .colonneLogo {
	width: -5px;
	display: inline-block; /*Pour faire des colonnes*/
	vertical-align: top; /*Pour faire des colonnes*/
}

header .colonneLogo img {
	max-width: 300px;
}

section .colonneLogo a img {
	border-style: none; /*Pas de bordure si c'est un lien*/
	border-width: 0px; /*Pas de bordure si c'est un lien*/
}

header .colonneTexte {
	width: 900px;
	display: inline-block; /*Pour faire des colonnes*/
	vertical-align: top; /*Pour faire des colonnes*/
}

header .colonneTexte .ligne1 {
	font-size: 1.5em; /*Taille du texte*/
}

header .colonneTexte .ligne2 {
	font-size: 1.8em; /*Taille du texte*/
}


/* ************************************************* */
/* Styles du fichier "insertion-contenu-gauche.php" 
pour la colonne de gauche avec tes liens */
/* ************************************************* */

section .contenuGauche {
	width: 180px; /*Largeur de la colonne de gauche*/
	display: inline-block;/*Pour faire des colonnes*/
	vertical-align: top;/*Pour faire des colonnes*/
	color: rgb(0,102,104); /*Couleur du texte*/
	font-size: 0.9em; /*Taille du texte*/
	padding-top: 10px; /*Marge interne en haut*/
	padding-bottom: 10px; /*Marge interne en bas*/
	padding-left: 10px; /*Marge interne à gauche*/
	padding-right: 10px; /*Marge interne à droite*/
}

section .contenuGauche .retourAaccueil {
	font-size: 1em; /*Taille du texte*/
}

section .contenuGauche .menuDeCeSite {
	background-color: transparent; /*Couleur du fond*/
}

section .contenuGauche .menuDeCeSite nav li {
	list-style: none; /*Pas de puce à la liste*/
	margin-left: -32px; /*Marge externe à gauche*/
	margin-bottom: 1px; /*Marge externe en bas : interligne*/
}

section .contenuGauche .menuDeCeSite nav li a {
	padding-top: 6px; /*Marge interne en haut*/
	padding-bottom: 6px; /*Marge interne en bas*/
	padding-left: 6px; /*Marge interne à gauche*/
	padding-right: 6px; /*Marge interne à droite*/
	text-decoration: none; /*Pas de soulignement sur le lien à l'état normal*/
	font-size: 1em; /*Taille du texte*/
	font-weight: bold; /*Texte en gras : normal ou bold*/
}

section .contenuGauche .menuDeCeSite nav li a:hover {
	text-decoration: underline; /*Soulignement sur le lien quand on passe dessus*/
}

section .contenuGauche .cliquezEtLancez {
	font-weight: bold; /*Texte en gras : normal ou bold*/
	text-align: center; /*Texte centré : left ou center ou right*/
}

section .contenuGauche .autresSites {
	border-width: 1px; /*Taille de la bordure*/
	border-style: solid; /*Style de la bordure*/
	border-color: rgb(204,0,0); /*Couleur de la bordure*/
	padding-top: 6px; /*Marge interne en haut*/
	padding-bottom: 2px; /*Marge interne en bas*/
	padding-left: 6px; /*Marge interne à gauche*/
	padding-right: 6px; /*Marge interne à droite*/
	font-size: 0.9em; /*Taille du texte*/
	text-align: center; /*Texte centré : left ou center ou right*/
}

section .contenuGauche .autresSites li {
	list-style: none; /*Pas de puce à la liste*/
	margin-left: -25px; /*Marge externe à gauche*/
	margin-bottom: 6px; /*Marge externe en bas*/
	text-align: left; /*Texte aligné à gauche*/
}

section .contenuGauche .autresSites li a {
	text-decoration: none; /*Pas de soulignement sur le lien*/
}

section .contenuGauche .autresSites li a:hover {
	text-decoration: underline; /*Soulignement sur le lien quand on passe dessus*/
}

/* ************************************************* */
/* Styles du fichier "insertion-footer.php" */
/* pour ton pied de page */
/* ************************************************* */

footer {
	color: rgb(255,255,0); /*Couleur du texte*/
	font-size: 3em; /*Taille du texte*/
	text-align: center; /*Texte centré : left ou center ou right*/
	margin-top: 0px; /*Marge externe en haut*/
	margin-bottom: 0px; /*Marge externe en bas*/
}

footer .imagesEnBas img {
	height: 60px; /*Hauteur de toutes les images du pied de page*/
	margin-right: 30px; /*Marge externe à droite pour que les images ne soient pas colées*/
}

footer .texteEnBas {
	padding-top: 10px; /*Marge interne en haut*/
	padding-bottom: 10px; /*Marge interne en bas*/
}

/* ************************************************* */
/* Styles de chacun de tes fichiers au centre */
/* ************************************************* */

section .contenuCentre {
	width: 700px; /*Largeur de la colonne au centre*/
	display: inline-block; /*Pour faire des colonnes*/
	vertical-align: top; /*Pour faire des colonnes*/
	color: rgb(125,27,32); /*Couleur du texte*/
	text-align: center; /*Texte centré : left ou center ou right*/
	padding-left: 110px; /*Marge externe à gauche*/
	padding-right: 30px; /*Marge externe à droite*/
	margin-top: 120px; /*Marge externe en haut*/
	margin-bottom: 0px; /*Marge externe en bas*/
}

section .contenuCentre img {
	max-width: 400px; /*Largeur maximale de l'image*/
	display: block; /*Pour que les images passent à la ligne*/
	margin: 20px auto; /*Image centrée*/
}

section .contenuCentre a img {
	border-style: none; /*Pas de bordure si c'est un lien*/
	border-width: 0px; /*Pas de bordure si c'est un lien*/
}

section .contenuCentre h2 {
	font-size: 1.6em; /*Taille du texte*/
	text-align: center; /*Texte centré : left ou center ou right*/
	color: rgb(0,102,104); /*Couleur du texte*/
	font-weight: bold; /*Texte en gras : normal ou bold*/
}

section .contenuCentre h3 {
	font-size: 1.4em; /*Taille du texte*/
	text-align: center; /*Texte centré : left ou center ou right*/
	color: rgb(125,27,32); /*Couleur du texte*/
	font-weight: bold; /*Texte en gras : normal ou bold*/
}

section .contenuCentre p {
	padding-top: 140px; /*Marge interne en haut*/
	text-align: center; /*Texte centré : left ou center ou right*/
	vertical-align: top; /*Pour faire des colonnes*/
	font-size: 1.3em; /*Taille du texte*/
}

section .contenuCentre p a {
	color: rgb(0,102,104); /*Couleur du texte*/
	text-decoration: none; /*Pas de soulignement sur le lien*/
}

section .contenuCentre p a:hover {
	padding-top: 20px; /*Marge interne en haut*/
	color: rgb(125,27,32); /*Couleur du texte*/
	text-decoration: underline; /*Soulignement sur le lien quand on passe dessus*/
}

/* ************************************************* */
/* Styles de chacun de tes fichiers colonne de droite */
/* ************************************************* */

section .contenuDroite {
	width: 180px; /*Largeur de la colonne de droite*/
	display: inline-block; /*Pour faire des colonnes*/
	vertical-align: top; /*Pour faire des colonnes*/
	padding-top: 0px; /*Marge interne en haut*/
	padding-bottom: 0px; /*Marge interne en bas*/
	padding-left: 0px; /*Marge interne à gauche*/
	padding-right: 0px; /*Marge interne à droite*/
	color: rgb(0,102,104); /*Couleur du texte*/
	font-size: 1.2em; /*Taille du texte*/
}

section .contenuDroite img {
	width: 220px; /*Largeur par défaut des images de la colonne de droite*/
	margin-top: 0px; /*Marge externe en haut*/
	margin-bottom: 0px; /*Marge externe en bas*/
	margin-left: 0px; /*Marge externe à gauche*/
	margin-right: 0px; /*Marge externe à droite*/
}