body{color:#181818;font-family: 'Quattrocento', serif;}
abbr[title]{border:0;}


/** MENU **/
.navbar-brand {padding-top:0;height:123px;}
.navbar{height:123px;background:rgba(0,95,135,0.9);border-bottom:1px solid #005f87;}
#nomdusite,.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.descsite,.mainmenu,#topsocials .contact,.action,.une .date,.descsite a,.actus .date,.publication .toutes,.actupfj a,.rubrique .menu .date,.rubrique .btn-default{font-family: 'Oswald', sans-serif;}
#nomdusite{text-transform:uppercase;color:white;padding-top:34px;margin-bottom:21px;font-size:18px;line-height:16px;}
#topsocials{float:right;position:relative;margin-bottom:12px;}
#topsocials a{display:inline-block;height:38px;overflow:hidden;margin-top:8px;margin-left:5px;}
#topsocials a:hover{opacity:0.9;text-decoration:none;}
#topsocials .contact{background:#fcd036;padding:0 10px;line-height:38px;text-transform:uppercase;color:white;font-weight:bold;font-size:17px;}
#formulaire_recherche{display: inline-block;position:relative;top:-15px;right:0;}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

/* #navbar{background:#005f87;} */

nav,#nomdusite,.navbar-brand,.navbar-brand img{
-moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
-o-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar-brand > img {margin-top:10px;}
nav.smaller #nomdusite,nav.smaller #topsocials{display:none !important;}
nav.smaller .container{height:57px;}
nav.smaller .navbar_header{height:70px;}
nav.smaller #navbar{height:57px;}
nav.smaller #navbar .nav{margin-top:5px;}
nav.smaller #navbar::after,nav.smaller #navbar::before{display:none;} 
nav.smaller .navbar-brand img{height:70px;width:70px;}
nav.smaller{height:57px;}
nav.smaller .navbar-brand{height:50px;overflow:hidden;}

.mainmenu > .navbar-nav li a{color:white; border-bottom:2px solid #005f87;}
.mainmenu > .navbar-nav li a:hover{/*background:#0077a8;*/color:white;border-bottom:2px solid #fcd036;background:#005f87;}
.mainmenu > .navbar-nav li.open a,.mainmenu > .navbar-nav li.open a:hover{border-bottom:2px solid #e7e7e7;}
/* .mainmenu > .navbar-nav li a:hover span{background:#0077a8;} */
.dropdown-menu,.dropdown-menu li a{background:#e7e7e7;}
.mainmenu  .dropdown-menu li a{color:#181818;border:0;}
.mainmenu  .dropdown-menu li a:hover{border:0;color:#181818;}

}

/** MAIN **/
.bandeau{height:500px;}
.bandeau .container{position:relative;height:500px;}
.no-bandeau{padding-top:150px;}
.bandeau .descsite{background:#009abc;color:white;width:600px;padding:10px 20px;margin-top:300px;position:absolute;bottom:0;right:0;font-size:17px;}
.nobandeau .descsite{margin-top:200px;font-size:20px;padding:20px 100px;}
.descsite a{display:block;float:right;margin:0 15px 5px;color:#fcd036;}

.unes{margin-top:30px;}
.une{position:relative;}
.une h4{font-size:25px;line-height:30px;}
.une a{text-decoration:none;text-align:left;color:#181818;}
.une p{font-size:17px;line-height:22px;}
.une a img{transition:opacity 0.35s ease 0s;-webkit-transition: opacity 0.35ss; /* Safari */}
.une a:hover img{opacity:0.4;}
.une .date{display:block;position:absolute;background:#fcd036;color:white;top:0;right:0;padding:5px;text-transform:uppercase;}

#spip-admin{margin-top:127px;}

/** EXTRAS **/
.action{display:block;margin-bottom:10px;background:#ff5862 url('../images/go.png') no-repeat 328px 50%;color:white;text-transform:uppercase;padding:10px 30px 10px 10px;transition:opacity 0.35s ease 0s;-webkit-transition: opacity 0.35ss; /* Safari */ border-radius:4px;}
.actionlogo{display:block;transition:opacity 0.35s ease 0s;-webkit-transition: opacity 0.35ss; /* Safari */ float:none;}
.actionlogo .spip_logo{margin:0 0 10px 0;float:none;border-radius:4px;}
.action span{display:block;font-size:20px;}
.action .surtitre{font-size:16px;}
.actionlogo:hover,.action:hover{color:white;text-decoration:none;opacity:0.7;}

/** ACTUS et CADREBONUS **/
.cadrebonus{background:#009abc;}
.actus{display:block;}
.cadrebonus h3,.actus h5{color:white;text-transform:uppercase;}
.actus .date{color:#fcd036;font-size:15px;line-height:15px;}
.actus h3{margin-bottom:40px;}
.actus h5{margin-top:0;font-size:20px;line-height:25px;display:block;}
.actus img{margin:0 10px 0 0;display:block;float:left;}
.actus a:hover{text-decoration:none;}
.actus a img{transition:opacity 0.35s ease 0s;-webkit-transition: opacity 0.35ss; /* Safari */}
.actus a:hover img{opacity:0.4;}
.actus .clearfix{margin-bottom:10px;}

.publication{background:#fcd036;text-align:center;min-height:100%;}
.publication img{display:block;transition:opacity 0.35s ease 0s;-webkit-transition: opacity 0.35ss; /* Safari */clear:both;margin:10px auto;}
.publication a:hover img{opacity:0.4;}
.publication .spip_logo{float:none;}
.publication .toutes{display:block;float:right;color:white;margin:10px 15px;font-size:18px;}

/** ACTUS DES MEMBRES **/
#actusmembre{margin:50px 0 50px;}
#actusmembre h3{text-align:center;text-transform:uppercase;}

.actumembre a, .actumembre h3,.actumembre p{color:#181818;}
.actumembre img{display:block;float:left;margin:3px 10px 10px 0;}
.actumembre p{margin:5px 0 10px;}
.actumembre a img{transition:opacity 0.35s ease 0s;-webkit-transition: opacity 0.35ss;}
.actumembre a:hover img{opacity:0.4;}
.actumembre a:hover{text-decoration:none;}

/** SUR LE WEB **/
.surleweb{background:#009abc;padding:15px 30px 30px;margin-bottom:100px;}
.surleweb h3,.surleweb a{color:white;}
.surleweb h3{text-transform:uppercase;}
.surleweb a{font-size:20px;line-height:24px;}

/** PIED DE PAGE **/
#pied{background:rgb(0,95,135);border-top:4px solid #fcd036;padding:20px 0 200px;color:white;font-size:16px;}
#pied a{color:white;font-weight:bold;}
#pied h3{margin-top:0;font-size:18px;}

/** ARTICLE ET RUBRIQUE **/
.article .main,.rubrique .main,.page_404 .main{margin-top:180px;}
.article .texte,.article .chapo,.article .ps{font-size:23px; line-height:30px;}
.article .texte p{margin-bottom:30px;}
.article .chapo{font-family: 'Oswald', sans-serif;}
.article h3.spip{font-size:32px; line-height:38px;margin:48px 0 16px;}
.article .corps h1{font-size:40px;line-height:48px;}
.article .chapo{margin:32px 0;}
.article .notes{font-size:18px;line-height:22px;border-top:1px solid #fcd036;padding:10px 30px 30px;}

.article .spip_documents{font-size:16px;line-height:20px;font-family: 'Oswald', sans-serif;}

.extras .une{display:block;position:relative;margin-bottom:20px;}
.extras .une h4{background:rgba(0, 0, 0, 0.6);position:absolute;bottom:0;width:auto;padding:10px 15px;color:white;-moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
-o-transition: all 0.3s;
    transition: all 0.3s;margin:0;font-size:18px;line-height:22px;}
.extras .une img{-moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
-o-transition: all 0.3s;
    transition: all 0.3s;}
.extras .une:hover h4{background:rgba(0, 0, 0, 0.8);}
.extras .une:hover img{opacity:0.7;}

.article .cadrebonus{padding:20px;color:white;margin:20px 0 50px;}
.article .cadrebonus img{display:block;float:left;margin:0 10px 10px 0;-moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;  transition: all 0.3s;}
.article .cadrebonus a h5{color:white;text-decoration:none;font-family: 'Oswald', sans-serif;margin-top:0;font-size:18px;line-height:24px;}
.article .cadrebonus a .date{color:#fcd036;font-size:15px;line-height:15px;font-weight:bold;}
.article .cadrebonus a:hover img{opacity:0.6;}
.article .cadrebonus a:hover{text-decoration:none;}

.rubrique .menu_articles .hentry a{color:#181818;text-decoration:none;-moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
-o-transition: all 0.3s;
    transition: all 0.3s;}
.rubrique .menu_articles h5{font-size:24px;line-height:30px;margin-bottom:0;}
.rubrique .hentry{margin-bottom:20px;}
.rubrique .menu .date{display:block;float:left;margin:15px 15px 5px 0;padding:3px 5px;background:#fcd036;color:white;text-transform:uppercase;width:80px;height:70px;text-align:center;}
.rubrique .entry-content{font-size:16px; line-height:20px; }
.rubrique .menu_articles .hentry a:hover{opacity:0.6;}
.rubrique .entry-content .spip_logo{margin:15px 0 5px 15px;}
#tohide{position:relative;}
.reveal-open {
    	overflow: auto;
    	height: auto;
	padding-bottom:75px;
}

.reveal-closed {
    	overflow: hidden;
    	height: 150px;
}
.gradient{height:150px;position:absolute;width:100%;bottom:0;z-index:100;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.rubrique .btn-default{display:block;margin:0 auto 20px;background:rgb(0,95,135);color:white;border:0;text-transform:uppercase;}
.rubrique .btn-default:hover{background:#009abc;;border:0;}
.rubrique .descriptif{font-size:20px; line-height:28px;font-family: 'Oswald', sans-serif;}
.rubrique .texte{font-size:20px; line-height:28px;}

.article .texte .sitemembre .spip_logo{float:left;margin:10px 10px 10px 0;}
.article .texte .sitemembre p{margin:0;}
.sitemembre div{margin-bottom:15px;}
/** Ajustements pour tablette **/
@media (max-width: 1199px) {
	#logosite{height:70px;width:70px;}
	.navbar-header{height:70px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}