/* ===== GÉNÉRAL ===== */

body { background:#b3d1f5; }

/* ===== STRUCTURE ===== */

#global { width:800px; margin:0 auto; }

#centre {
    width:100%;
    overflow:hidden;
    background:#ffe2e2 url(img/colonne.png) repeat-y;
}
/* ===== HEADER V4 ===== */

#entete {
    background: linear-gradient(#330000, #4a0000);
    color: #b3d1f5;
    padding: 20px 0 15px;
    border-bottom: 3px solid #FF6533;
    text-align: center;
}
/*=================================================================*/
/* test de vérification d'utilisation du présetn fichier*/
/* #entete {background: red;}
/*=================================================================*/

/* Titre SEO */
#entete .titre {
    /* font-size: 2.5em; */
    /* font-family: Georgia, "Times New Roman", serif; */
	font-family:Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-size: 2.5em;
    margin: 0;
    letter-spacing: 1px;
}

/* Sous-titre */
#entete .sous-titre {
    margin: 5px 0 10px;
    font-size: 1.5em;
    color: #ffe2e2;
    text-align: center;
}

/* Menu */

}
#entete .menu {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

/* Centre propre */
#entete .menu li {
    display: inline-block;
    margin: 0 2px;
}

/* Liens */
#entete .menu a {
    color: #FF6533;
    padding: 4px 8px;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.2s ease;	    /* transition douce */
}


/* Hover survol */
#entete .menu a:hover {
    background: #FF6533;
    color: #330000;
}
#entete .menu a:active { /* repère la page active */
    color: #b3d1f5;
	font-weight:bold; 
	background: yellow;
}

/* ===== NAVIGATION 2 ===== */

#navigation {
    float:left;
    width:180px;
    color:#b3d1f5;
    background:#660000;
}
#navigation h3 {
    padding: 8px 10px 4px;
    margin: 10px 0 5px;
    font-size: 1.1em;
    border-bottom: 1px solid #FF6533;
}

#navigation ul {
    margin:0;
    padding:20px 10px;
    list-style:none;
}

#navigation li {
    padding: 6px 10px;
}

#navigation a {
    display:block;
	border-radius: 3px;
    padding:8px 12px;
    line-height:1.5;
    font-size:0.95em;
    text-decoration:none;
    color:#FF6533;
    /* transition douce */
    transition: all 0.2s ease;
}

#navigation a:hover {
    background:#b3d1f5;
    color:#330000;
    padding-left:14px; /* petit effet dynamique */
}

#navigation a:focus {
    background:#FF6533;
    color:white;
}

#navigation a.active {
    background:#330000;
    color:#b3d1f5;
    font-weight:bold; /* repère la page active */
}

/* ===== CONTENU ===== */

#contenu {
    margin-left:180px;
    padding:10px 20px;
    color:#180901;
    background:url(img/texture.png) top left repeat;
}

#contenu > :first-child { margin-top:10px; }

#contenu p,
#contenu li { line-height:1.5; }

#contenu a { color:#FF6533; }

#contenu a:hover,
#contenu a:focus { color:#6E5122; }

#contenu strong { color:#FF6533; }

/* ===== PIED ===== */

.pied {
    padding:15px 20px 10px;
    background: linear-gradient(#4a0000,#330000);
	border-top: 3px solid #FF6533;
    font-size:1em;
	color: #b3d1f5;
	text-align: center;
}

.menupied { 
     padding:0 15px;
	 text-align: center;
	 } 

.menupied ul {
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;
}

.menupied li {
	/* float:left; */
	/* margin:5px 0; */
	display: inline-block;
    margin: 0 2px;
	}


.menupied a {
    color:#FF6533;
    text-decoration:none;
}
{
.menupied a:hover,
.menupied a:focus {
    background:#b3d1f5;
}

{
.menupied a:active {
    color:#b3d1f5;
}