h1.logo {
	font-family: 'Ultra', serif;
	margin-top: 22px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 0.9em;
}

a h1.logo {
	font-family: 'Ultra', serif;
	margin-top: 22px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 0.9em;
	color: #ffe358;
}


h2 {
	font-family: 'Ultra', serif;
	font-size: 1.2em;
	color: white;
}

h3 {
	font-family: 'Ultra', serif;
	font-size: 1.2em;
}

.home p {
	font-family: 'Ultra', serif;
	font-size: 1.2em;
}

.imglogo {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 3px;
	z-index: 1000;
}

span.txtlogo {
	font-size: 1.2em;
}

a span.txtlogo {
	font-size: 1.2em;
	color: #ffe358;
}


#main {
	margin-top: 30px;
	margin-bottom: 100px;
}

#main p {
	margin-top: 0;
	padding-top: 0;
}

#main p a {
	color: #ffe358;
	text-decoration: underline;
	font-weight: bold;
}

#main p a:hover {
	color: #ffe358;
	text-decoration: none;
	font-weight: bold;
}


#news {
	background-color: #fff;
	color: #0E3389;
	height: 110px;
	padding-top: 10px;
}

#nav {
	margin-top: 35px;
	border-bottom: 1px solid #ffe358;
}

#nav a {
	font-size: 0.8em;
	color: #ffe358;
	text-transform: uppercase;
	font-weight: bold;
}

.buttonmenu {
	background-color: #ffe358;
	font-family: 'Ultra', serif;
	font-size: 1em;
	padding: 4px;
	border-radius: 5px;
	margin-top: 15px;
	color: #0E3389;
}

.buttonmenu:hover {
	background-color: #ffe358;
	font-family: 'Ultra', serif;
	font-size: 1em;
	color: #0E3389;
}

.menu .active a {
	background: #ffe358;
	color: #0E3389 !important;
	border-radius: 5px 5px 0 0;
}

.dropdown-pane {
	width: 100%;
}

#news h3 {
	padding-bottom: 30px;
}

.nextbrandons {
	margin-top: 40px;
}

.nextbourdon {
	margin-top: 40px;
}

.tuile {
	background-color: white;
	width:100%;
	text-align: center;
	padding: 5px 5px 18px 5px;
}

.publiTitle {
	color: #0E3389;
	font-family: 'Ultra', serif;
	padding-top: 15px !important;
	padding-bottom: 0;
	margin-bottom: 3px;
}

a.pdf {
	background-color: #ffe358;
	color: white;
	padding: 3px 7px 3px 7px;
	font-family: 'Ultra', serif;
	font-size: 0.8;
	border-radius: 5px;
}

.tuile:hover a.pdf {
	background-color: #0E3389;
}

.avenir {
	color: #0E3389;
}


.g-recaptcha {
  margin: 0 auto !important;
  width: 304px;
}

.sendmail {
	border-radius: 5px;
	background-color: #ffe358;
	padding: 10px;
	color: #0E3389;
	font-family: 'Ultra', serif;
}

.sendmail:hover {
	background-color: #fff;
	color: #0E3389;
}

input, textarea {
	font-size: 0.9em !important;
	color: #0E3389 !important;
}




form input::-webkit-input-placeholder { /* Chrome */
  color: gray;
}
form input:-ms-input-placeholder { /* IE 10+ */
  color: gray;
}
form input::-moz-placeholder { /* Firefox 19+ */
  color: gray;
  opacity: 1;
}
form input:-moz-placeholder { /* Firefox 4 - 18 */
  color: gray;
  opacity: 1;
}

form textarea::-webkit-input-placeholder { /* Chrome */
  color: gray;
}
form textarea:-ms-input-placeholder { /* IE 10+ */
  color: gray;
}
form textarea::-moz-placeholder { /* Firefox 19+ */
  color: gray;
  opacity: 1;
}
form textarea:-moz-placeholder { /* Firefox 4 - 18 */
  color: gray;
  opacity: 1;
}




.logopub {
	padding: 5px 5px 5px 5px;
}

.logopub a:hover img {
	opacity: 0.6;
}

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

	span.txtlogo {
	font-size: 1em;
}

}

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

	span.txtlogo {
	font-size: 0.8em;
}

	.imglogo img {
	width: 100px;
	margin-top: 20px;
}

#news {
	background-color: #fff;
	color: #0E3389;
	height: 65px;
	padding-top: 10px;
}

#nav {
	margin-top: 5px;
	border-bottom: 0 solid #ffe358;
}

#nav li {
	margin-bottom: 10px;
}


.menu .active a {
	background: #ffe358;
	color: #0E3389 !important;
	border-radius: 5px;
}

}