/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Sidebar
*/

/*.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}*/

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */

/*
Footer
*/

.footer ul,
.footer ol {
  list-style-type: none;
  padding: 0
}
.footer li {
  margin: 10px 0
}
.sub-footer p {
  text-align: center
}

/*
Commentlist
*/

ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}





/* *****************************************************************************************************************************************************
********************************************************************************************************************************************************
																		ComCom
********************************************************************************************************************************************************
****************************************************************************************************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {outline: none !important;}

html {
	position: relative;
	min-height: 100%;
}

body{
	background: #eee url(../img/bg5.jpg) top center no-repeat fixed;
	background-size: cover;
	font-family: "Roboto", sans-serif;
	color: #eee;
	/* Idem footer height */
	margin-bottom: 75px;
}

a, a:visited {
	color: #026;
	text-decoration:none;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
a:hover, a:focus {color: #000; text-decoration:none;}

h1{
	margin: 0 0 40px;
	padding: 18px 30px;
	background: rgba(255,255,255,.7);
	border-radius: 10px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.7);
	font-family: "Oswald", sans-serif;
    text-transform:uppercase;
	font-size:2em;
	color:#000;
}
h1 span{ color:#026;}

h2{
	margin: 20px 0;
	padding: 5px 10px 7px;
	font-family: "Oswald", sans-serif;
	font-size:1.6em;
	color:#fff;
	background: #002266;
	background: -moz-linear-gradient(left,  #002266 0%, #005599 33%, #002266 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#002266), color-stop(33%,#005599), color-stop(100%,#002266));
	background: -webkit-linear-gradient(left,  #002266 0%,#005599 33%,#002266 100%);
	background: -o-linear-gradient(left,  #002266 0%,#005599 33%,#002266 100%);
	background: -ms-linear-gradient(left,  #002266 0%,#005599 33%,#002266 100%);
	background: linear-gradient(to right,  #002266 0%,#005599 33%,#002266 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002266', endColorstr='#002266',GradientType=1 );
	border-radius: 4px;
	box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
}
h3{
	margin: 18px 0 10px;
	padding: 0 0 4px;
	font-family: "Oswald", sans-serif;
	font-size:1.4em;
	color:#000;
	border-bottom: #000 2px dotted; 
}
h4{ margin: 16px 0 10px; font-family: "Oswald", sans-serif; font-size:1.2em; color:#000;}
h5{ margin: 14px 0 10px; font-family: "Oswald", sans-serif; font-size:1.1em; color:#111; line-height:1.4;}
h6{ margin: 12px 0 8px; font-size:1.1em; color:#333;}

ol, ul, li, p{ color:#222; font-weight:500;}

hr{ border-top: #333 1px dotted;}

/* ==========================================================================
   Menu
   ========================================================================== */
   
#sur-menu{
	height: 75px;
	/*background: #ccc;*/
	border-bottom: #fff 1px solid;
}

.bloc-contact{padding: 16px 40px 0 0; font-size: 1em;}
.bloc-contact a, .bloc-contact a:visited {color: #eee;}
.bloc-contact a:hover, .bloc-contact a:focus {color: #3bf;}

.titre{margin: 10px 0 0 0; font-family: "Oswald", sans-serif;}
.titre a{font-size:1.2em; color:#eee;}
.titre a span{font-size:1.1em; color:#fff;}
.titre img{float:left; margin: 0 20px 0 0;}

#menu-spacer {min-height:122px;} /* menu+ombre Permet de conserver la hauteur de l'élément quand menu se fixe */

@media screen and (min-width: 1200px) {
	.fixe-menu{ position: fixed !important; left: 0; top: 0;}/* classe pour fixer menu (grands écrans) */
}

#menu-haut { /* inclut menu et ombre */
	position:relative;
	width:100%;
	z-index:100;
}

#menu-haut .navbar {
	height: 40px;
	background: #eee;
	border-bottom: #999 1px solid;
	border-radius: 0;
	margin-bottom: 0;
}


.navbar-nav{ margin-top:-2px;}
.navbar-nav > li > a{ color:#666; font-family: "Oswald", sans-serif; font-size:1em; text-transform: uppercase;}
.navbar-nav > li > a:hover, .navbar-nav > li a:focus{ background-color:transparent; color:#048;}
.navbar-nav > .active > a{ color:#000;}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: transparent;
	border-color: transparent;
}

.navbar #searchform{ margin-top: 12px;}
.navbar .form-control{
	max-width: 200px;
	height: 24px;
	padding: 4px 9px;
	font-size: 1em;
	color: #333;
	background: #ddd;
}
.navbar .btn{
	height: 24px;
	padding: 2px 6px;
	font-size: 1em;
	color: #777;
	background: #ddd;
	border: #bbb 1px solid;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
.navbar .btn:hover{
	color: #333;
	background: #fff;
	border: #888 1px solid;
}

.navbar-toggle{ margin: 5px 20px 0 0; border-width: 2px; border-color: #666;}
.navbar-toggle:hover{ border-color: #000; background-color:#fff;}
.icon-bar{ background:#333;}
.navbar-toggle:hover .icon-bar { background:#666;}

.dropdown-menu{
	background-color:#eee;
	box-shadow: 0px 4px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 4px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 4px 10px 4px rgba(119, 119, 119, 0.75);
}
.dropdown-menu li a{background-color:#f6f6f6; border-radius:4px; color:#666; font-family: "Oswald", sans-serif; font-size:0.9em; text-transform: uppercase; margin:3px 0;}
.dropdown-menu li a:hover{ background-color:#6df; color:#000;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color:#aaa;}

.dropdown-menu a{color:#666; font-family: "Oswald", sans-serif; font-size:0.9em; text-transform: uppercase;}
.dropdown-menu a:hover{color:#000; background-color:#6df;}

.dropdown-menu .divider{background-color:#bbb;}
.dropdown-menu h5{text-transform:uppercase; font-size:1em;}
.dropdown-menu h5 span.desc{display:block; font-size:.75em; text-overflow:ellipsis; overflow:hidden; color:#666; padding-top:5px;}

.dropdown-menu .communes a{display:block; border-radius:4px; padding:6px; margin:0 auto;}
.dropdown-menu .communes img{
	width:140px;
	border-radius:4px;
	margin: 4px auto 6px;
}

/* ==========================================================================
   En-tête
   ========================================================================== */

.entete {margin-bottom: 90px;}

.slidervig{ /* images dans le slider */
	border:#fff 4px solid !important;
    box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
    -moz-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
    -webkit-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
	border-radius: 4px !important;
}

/* ==========================================================================
   Contenu
   ========================================================================== */

.contenu, .contenu-bas{
	padding: 18px 30px;
	background: rgba(255,255,255,.8);
	border-radius: 10px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
	color: #000;
}

.contenu-bas{
	margin: 40px 0 100px;
	font-family: "Oswald", sans-serif;
}

.contenu p{	text-align:justify;}
.contenu li{ color:#333;}

.contenu a:hover, .contenu a:focus {background-color:#6cf;}
h2 a, h2 a:visited{color:#fff;}
h2 a:hover, h2 a:focus{color:#ed8; background-color:transparent !important;}

.contenu img, .img365{
	/*max-width: 750px;*/
	width: 100%;
	height:auto;
	margin: 20px auto;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
}
.img365{max-width: 365px !important;}
.contenu img.normal{
	width: auto !important;
	height:auto;
	margin: 10px;
	border-radius: none;
	box-shadow: none;
}

.type-page > p:first-child{margin-top:24px;}
.type-page > h3+p{margin-top:0 !important;}
.type-page > h4+p{margin-top:0 !important;}
.type-page > h5+p{margin-top:0 !important;}

.cartouche{
	width: 100%;
	margin: 140px 0 0;
	padding: 40px 0 40px;
	box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	background: #222222;
	background: -moz-linear-gradient(45deg,  #222222 0%, #9999aa 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#222222), color-stop(100%,#9999aa));
	background: -webkit-linear-gradient(45deg,  #222222 0%,#9999aa 100%);
	background: -o-linear-gradient(45deg,  #222222 0%,#9999aa 100%);
	background: -ms-linear-gradient(45deg,  #222222 0%,#9999aa 100%);
	background: linear-gradient(45deg,  #222222 0%,#9999aa 100%);
}

.social{ font-family: "Oswald", sans-serif; font-size:1.6em; color:#000;}
.social a, .social a:visited{ color: #026; padding-left: 14px; font-size:1.1em;}
.social a:hover, .social a:focus{ color: #158; text-shadow: 0 0 1px #00f;}

.form-control:focus{
	background-color: #f0f0f0;
	border-color:#999;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(64,64,64,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(64,64,64,0.6)
}

.slogan{
	margin:30px 4px 40px;
	padding: 10px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
	border-radius: 8px;
	box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
}
.slogan h3{
	text-align:center;
	font-family: "Roboto", sans-serif;
	font-size:1.6em;
	text-transform: uppercase;
	color:#000;
	margin:-6px 0 4px;
	border-bottom: none;
}
.slogan p{ text-align:center !important; color:#222;}
.slogan-icone{ text-align:center; font-size:60px;}

#map_canvas{
	width:100%;
	height:600px;
	margin-bottom:30px;
}
#map_canvas img{
	border-radius: none;
	margin:0;
	box-shadow:none;
}

#sidebar ul, ul.linkbar{
	margin-left: 0;
	padding-left: 0;
}
#sidebar li, .linkbar li{
	list-style: none;
	margin: 5px 10px;
}
#sidebar li a, .linkbar li a{
	display:block;
	width: 100%;
	max-width: 400px;
	background-color: rgba(255,255,255,.6);
	color:#333;
	padding: 2px 10px;
	border: #bbb 1px solid;
	border-radius: 4px;
	font-weight:500;
}
#sidebar li a:hover, .linkbar li a:hover{
	background-color:#6cf;
	color:#000;
}

.text-muted {
    color: #039;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-family: "Oswald", sans-serif;
	font-size: 1em;
	color: #ccc;
	/* Idem body */
	height: 75px;
	border-top: #000 1px solid;
	background: #555;
}

.footer .container{ margin-top:-47px;}

.footer a, .footer a:visited {color: #ccc;}
.footer a:hover, .footer a:focus {color: #fff; text-shadow: 0 0 1px #fff; text-decoration:none;}

#fl-haut{
	font-size:24px;
	text-shadow: 0px 0px 3px #333;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 20px 0 0;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
#fl-haut:hover{
	color:#fff;
	text-shadow: 0px 0px 3px #fff;
}

/* ==========================================================================
   Divers
   ========================================================================== */

.align-left{ text-align:left !important;}
.align-right{ text-align:right !important;}
.align-center{ text-align:center !important;}

.pad-left6{ padding-left:6px;}
.pad-right6{ padding-right:6px;}
.pad-left30{ padding-left:30px;}
.pad-right30{ padding-right:30px;}

.alert-info{ background-color:#ffd; border-color:#c00; color:#333;}

.btn-primary{ background-color:#08a; border-color:#058; color:#fff !important;}
.btn-primary:hover, .btn-primary:focus{ background-color:#3bd; border-color:#08a; color:#000 !important;}

.pagination > li > a{ color:#600;}
.pagination > li > a:hover, .pagination > li > a:focus{ color:#a00;}

.nob{ border:none !important; box-shadow:none !important; width: auto !important;}

/* Ombre du menu */
.ombre {
	background: transparent url(../img/ombre.png) no-repeat center top;
	background-clip:border-box;
	top: 0;
	width: 100%;
	height:47px;
}

/* Fenêtre modale */
.modal-content{background-color:#800;}
.modal-header{border-bottom:none;}
.modal-title{color:#dc9;}
.modal-content h5{color:#a96;}
.modal-body {
	overflow:auto;
	height: 500px;
	background-color:#fff;
}
.modal-footer{border-top:none;}

/* Bouton retour vers le haut */
#btn-haut {
	display: none;
	position: fixed;
	z-index:100;
	bottom: 10px;
	right: 20px;
	cursor: pointer;
	font-size:30px;
	color:#aaa;
	-webkit-transition:all 500ms ease-out, background-color 500ms ease-out;
	-moz-transition:all 500ms ease-out, background-color 500ms ease-out;
	-o-transition:all 500ms ease-out, background-color 500ms ease-out;
	transition:all 500ms ease-out, background-color 500ms ease-out;
}
#btn-haut:hover{
	color:#f00;
	text-shadow: 0px 0px 3px #c00;
}

.feedzy-rss .rss_item{
	padding: 0 !important;
	margin: 10px 20px 0;
	border-bottom: 1px solid #aaa;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media screen and (max-width: 1199px){
}

@media screen and (max-width: 991px){
	#map_canvas{
		width:100%;
		height:400px;
		margin: 0 auto;
		border-left: #999 2px solid;
		border-right: #bbb 2px solid;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px){
	.navbar-brand{width: 180px;}
	.navbar-brand-name{ display:none;}
	.navbar-nav > li > a{ padding: 15px 8px;}
	.navbar .form-control{max-width: 120px;}
}

@media screen and (max-width: 767px){
	p{ text-align:left;}
	h1{ margin: 22px 0; font-size:1.4em;}
	
	.navbar-nav{background-color:#fff; padding: 10px 10px 15px; border-bottom: #333 1px solid; box-shadow: 0 0 6px #000;}
	.dropdown-menu a{background-color:#eee; margin-bottom:1px;}
	.dropdown-menu .communes a{margin-bottom:2px;}
	.navbar-nav > li{text-align:center;}
	.navbar-right{ text-align:center;}
	.navbar #s{ margin: 0 auto 10px;}
}

@media screen and (max-width: 380px){
	.navbar-brand{width: 180px;}
	.navbar-brand-name{ display:none;}
	
	.contenu p{text-align:left;}
}


/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-vjkvr7');
	src:url('../fonts/icomoon.eot?#iefix-vjkvr7') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-vjkvr7') format('woff'),
		url('../fonts/icomoon.ttf?-vjkvr7') format('truetype'),
		url('../fonts/icomoon.svg?-vjkvr7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-twitter-square:before {
	content: "\f081";
}
.icon-facebook-square:before {
	content: "\f082";
}
.icon-cogs:before {
	content: "\f085";
}
.icon-arrow-circle-up:before {
	content: "\f0aa";
}
.icon-google-plus-square:before {
	content: "\f0d4";
}
.icon-puzzle-piece:before {
	content: "\f12e";
}
.icon-rocket:before {
	content: "\f135";
}
.icon-envelope-square:before {
	content: "\f199";
}
.icon-line-chart:before {
	content: "\f201";
}