@charset "utf-8";
/* CSS Document */

/* Typo Heroes  */
@font-face{ 
	font-family: 'font-regular';
	src: url('../fonts/font-regular-webfont.eot');
	src: url('../fonts/font-regular-webfont.eot?iefix') format('eot'),
	     url('../fonts/font-regular-webfont.woff') format('woff'),
	     url('../fonts/font-regular-webfont.ttf') format('truetype'),
	     url('../fonts/font-regular-webfont.svg#webfont') format('svg');}
		 
body {
	font-size:1.5em;
	color:#000;}
h1, h2, h3, h4, h5, p, a, ul, li {font-family: 'font-regular', serif;}
/* Titre 001 */
h1 {
	font-size:1.7em;
	margin: 20px 0px 50px 0px;}
.minusTop {margin-top:-9px;}

/* Titre 002 - de section */
h2 {
	font-size:2em;
	margin: 0px 0px 50px 0px;
	color:#0039a6;
	font-weight:lighter;
	text-align:center;	text-align:center;
	border-bottom:1px solid #0039a6;
	padding-bottom:25px;
	width:100%;
	line-height: 1.5em;
}
/* Titre 003 - de paragraphe */
h3 {
	font-stretch:normal;
	font-size:2em;
	margin-top: 0px;
	margin-bottom:0px;}
	
/* Titre 004 */
h4 {
	font-size:1.05em;
	border-bottom:1px black solid;
	padding-bottom:7px;
	margin-bottom:15px;}
	
/* gros titre */
h5 {
	font-size:2.5em;
	margin: 0px 0px 20px 0px;
	color:#0039a6;
	font-weight:lighter;
	text-align:center;}
	
strong {
	font-weight:normal;
	color:#0039a6;}
	
/*txt courant */
p {
	font-size:1.1em;
	line-height:1.5em;
	margin-top:20px;}
	
hr {
	border-top:1px solid #0039a6;
	margin: 120px 0px 30px 0px;	}
/* liens */
/* dans le menu */
.navigation {position: relative;}

.navbar-default .navbar-nav > li > a:link,
.navbar-default .navbar-nav > li > a:visited {
	color:#0039a6;
}
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:hover {
	color:#000;	
	border-bottom: 2px solid #000;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:visited {
	border-bottom: 2px solid #0039a6;
	background-color:#FFF;
	color:#0039a6;
}
.navbar a {
	text-decoration:none;
	max-width: 120px;
    text-decoration: none;
	margin: 0px auto;}
	
/* liens dans la page en général */
a:link, a:visited {color:#0039a6;}
a:active, a:hover {
	color:#000;
	text-decoration:underline;
}
a.button {
	display:block;
	margin-bottom:7px;
	padding:8px 15px;
}
a.button:link, a.button:visited {
	background-color:#FFF;
	border:1px solid #0039a6;
	color:#0039a6;
	text-decoration:none;
}
a.button:active, a.button:hover {
	background-color:#0039a6;
	border:1px solid #CCC;
	color:#FFF;
	text-decoration:none;
}
/* listes */
ul, ol {font-size:1.05em;}
ol {padding-left:30px;}
li {margin: 0px 0px 3px 0px;}
ul {
	padding-left:0px;
	list-style:none;
	margin-top:20px;
}
ol li {
	padding-left:24px;
	background: none;
	list-style:decimal-leading-zero;
}
ul li {
	padding-left:35px;
	background:url(../img/square.jpg) no-repeat left 10px;
}
ul.nav li{background: none; padding-left:0px;}
/* formulaire */
input, textarea {
    background-color: #fff;
    border: 0 solid #fff;
    color: #000;
	width:100%;
	padding:6px 7px 6px 7px;
	margin: 0px 0px 10px 0px;
}
input[type=submit]{border:1px solid white;}
input[type=submit]:hover {
	color:#fff;
	background-color:#0039a6;
}
textarea {resize:none;}

/* images */
img {margin:0px auto 0px auto;}

/* ancres */
.ancre {
	height:100px;
	margin-top:-100px;
	visibility:hidden;
}
/* style de caractères */
.espace-avant {margin-top:50px;	}
.width-contenu {width:59px;}
.width-theme {
	width:158px;
	margin-top:30px;
	margin-left:53px;
}
.underline {
	width:auto
	margin-top:30px;
	margin-left:35px;
	display:inline-block;

}
.text-right {color:#0039a6;}
.accueil h3 {font-size:1.5em;}
.espace-après-xs-sm {margin-bottom:50px;}
/* navigation */
.navbar-default {
    background-color: #FFF;
    border-bottom: 1px solid #0039a6;
	border-top: 5px solid #0039a6;
	padding: 0px;
}
#logo img {
	margin: 0px;
	padding: 4px 0px 0px 0px;
}
.navbar-header{margin: 14px 0px 10px 0px;}
#menu{margin: 13px 0px 10px 0px; border-bottom:1px solid #0039a6;padding-bottom:9px;}
ul.navbar-nav {margin: 0px auto 0px auto;}

/* contact */
.bgblu {
	background-color:#0039a6;
	padding:0px;
	margin-top:150px;}
	
.contact {
	color:white;
	margin-top:0px;
	padding:20px 0px 200px 0px;}
	
.contact h2 {
	color:#fff;
	border-color:#fff;}
	
.contact a:link,
.contact a:visited {color:#fff;}
#reseaux-sociaux {
	float: right;
    position: absolute;
    right: 35%;
    top: 25px;
    z-index: 1035;}
	
.g-recaptcha {margin-bottom:10px;}

@media (min-width:768px) {
h1 {font-size:1.9em;}
.accueil h3 {font-size:2em;}
h2 {font-size:3em;}
h5 {font-size:3em;}
ol {padding-left:28px;}
.width-theme {margin-left:64px;}
.espace-avant {margin-top:70px;}
.espace-avant-sm {margin-top: 55px;}
#reseaux-sociaux {right: 48%;}

}
@media (min-width:992px) {
h2 {font-size:3.5em;}
h5 {font-size:3.5em;}
ol {padding-left:28px;}
ul.nav li{padding-left:35px;}
ul.navbar-nav {
	margin: 0px auto 0px auto;	
	width:386px;
	float:none;
}
.width-theme {margin-left:41px;}
.espace-après-xs-sm {margin-bottom:0px;}
.espace-avant-sm {margin-top: 0px;}
#reseaux-sociaux {right: 0px;}
}

@media (min-width:1200px) {
h1 {font-size:2.2em;}
h5 {font-size:4em;}
ol {padding-left:31px;}
.width-theme {margin-left:49px;}
}