@charset "UTF-8"; 

/* 
 * CODES COULEURS
 * Bleu			        : #012a46
 * Gris clair			: #e7e7e7
 */

/* -------------------------------- */
/* Styles de base					*/
/* -------------------------------- */

a {color: #4d7282;}

h1, .h1, h2, .h2 {color: #012a46;}

/* Classes génériques */

/* -------------------------------- */
/* LIB (Surcharge)					*/
/* -------------------------------- */

/* smartmenus (non surcharge, car import styles, optionnel) */

/* Magnific Popup */

/* royalSlider */

/* -------------------------------- */
/* Titres							*/
/* -------------------------------- */

/* -------------------------------- */
/* Formulaires						*/
/* -------------------------------- */

/* -------------------------------- */
/* Boutons, pictos					*/
/* -------------------------------- */

/* Boutons */
.button {
	border-color: #012a46;
	background: #012a46;
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;	
}

.button:hover {
	background: #e7e7e7;
	color: #012a46; 
}

.button.contextual {
	padding: 4px 8px; 
	background: #e7e7e7;
	color: #012a46;
}

.button.contextual:hover {
	background: #012a46;
	color: #e7e7e7;
	border-color: #e7e7e7;
}


/* Pictos */

/* -------------------------------- */
/* Layout							*/
/* -------------------------------- */

/* -------------------------------- */
/* Header							*/
/* -------------------------------- */

.page-header-wrapper {background: #012a46;}
.logo-img {
    background: none;
    padding: 6px 12px;
}


/* Nav */
.header-nav ul {background-color: #054d7d;}

.header-nav a:hover, 
.header-nav a:focus, 
.header-nav a:active,
.header-nav a.highlighted {
	background-color: #e7e7e7;
	color: #012a46;
}

.header-nav a span.sub-arrow {
	background-image: url('../img/picto/submenu-sprite-arrows.png');
	background-position: center -200px;
}

.header-nav a:hover span.sub-arrow,
.header-nav a.highlighted span.sub-arrow {background-position: center -9px;}

.header-nav ul a {color: #fff;}
.header-nav ul a:hover span.sub-arrow,
.header-nav ul a.highlighted span.sub-arrow {background-position: center -56px;}

/* Partie contextuelle */

/* Liens de langue */

/* Lien de retour */

/* Message IE... */

/* -------------------------------- */
/* Footer							*/
/* -------------------------------- */
.page-footer {border-top: 1px solid #012a46;}

/* -------------------------------- */
/* Contenu, objets					*/
/* -------------------------------- */

/* Forms */
.form-frame-logo {background-color: #012a46;}

/* Message cookie */

/* -------------------------------- */
/* Pages							*/
/* -------------------------------- */

/* Galeries */

/* Zone textuelle */

/* -------------------------------- */
/* Media Queries                    */
/* -------------------------------- */

@media screen and (max-width: 1110px) {

	/* Styles de base */
	
	/* Lib */
	
	/* Formulaires */
	
	/* Boutons */
	.button.contextual {
		background: #012a46;
		color: #e7e7e7;
	}
	
	.button.contextual:hover {
		background: #e7e7e7;
		color: #012a46;
		border-color: #012a46;
	}
	
	/* Layout */
	
	/* Header */
	
	/* Nav */
	.page-header-wrapper {background: #fff;}
	
	.header-nav {background: #012a46;}	
	.header-nav > li > a {color: #fff;}
	.header-nav > li > a > span.sub-arrow {background-position: center -200px;}

		
	/* Footer */
	
	/* Objets */
	
	/* Page */
	
	/* Galeries */

}

@media screen and (max-width: 600px) {
	
	/* Styles de base */
	
	/* Lib */
	
	/* Nav */
	.logo-img {padding: 8px;}

	.header-nav-button {background: #012a46;}

	.header-nav {background: #fff;}
	.header-nav li a {color: #fff;}
    .header-nav > li > a {color: #012a46;}
	
	.header-nav a:hover, 
	.header-nav a:focus, 
	.header-nav a:active, 
	.header-nav a.highlighted {
	    background: #012a46;
	    color: #fff;
	}
	
	.header-nav a span.sub-arrow {background: none;}
	
	/* Formulaires */
	
	/* Boutons */
	
	/* Footer */
	
	/* Objets */
	
	/* Page */
	
	/* Galeries */
	
}