/* ---------------------------------- GLOBAL -------------------------------------------------- */
/*
Colors :
Light blue : (#42ABEC) - rgba(34, 139, 204, .7)
blue : #228bcc - rgba(34, 139, 204, 1)
dark blue : #026aaa - rgba(2,106, 170, 1)
Red : #ea5178 - rgba(234, 81, 120, 1)
Dark red : #ce3a5f - rgb(206, 58, 95);
orange : #ee7443 - rgba(238, 116, 67, 1)
Light grey 1 : #f9fafd;
Light grey 2 : #f6f7fa 

*/
@import 'fonts/fonts.css';
@import 'fonts/fontawesome.css';

html body, body #footer{
	background-image: none;
	background-color:#fff;
}

body, body .page{
	font-family: 'marianneregular';
	font-size: 1rem;
	color:#333;
}

#content a, #aside a, #footer a, .main a{
	color: rgba(34, 139, 204, .7) !important;
}
#content a:hover, #aside a:hover, #footer a:hover, .main a:hover, a:hover{
	color: rgba(34, 139, 204, 1) !important;
	background-color: unset !important;
}

body a, body a.spip_out, body a.spip_out h3, body a.spip_in, body a.spip_glossaire{
	color: rgba(34, 139, 204, .7) !important;
}

a:focus{
	outline: none;
}

.page h1, .page .h1, h1, .h1 {
	font-family: 'mariannebold';
	color: #555;
	letter-spacing: -0.03em;
	font-size: 2.4em;
	line-height: 1em;
}

.chapo h3, .chapo .h3-like{
	margin-bottom:1em;
	margin-top:1.1em;
}

h1, .h1, .h1-like, h2, .h2, .h2-like,
h3, .h3, .h3-like, h4, .h4, .h4-like{
    font-weight: 700;
}

h1 small{
	color:#bbb;
}

#aside h1, #aside .h1, #aside .h1-like,
#aside h2, #aside .h2, #aside .h2-like,
#aside h3, #aside .h3, #aside .h3-like,
#aside h4, #aside .h4, #aside .h4-like{
	font-weight: 400;
}

.page h2, .page .h2, .page h3, .page .h3, .page h4, .page .h4,
body .page .h3-like, #nav {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.page h2, .page .h2{
	color: #666;
}

h2, .h2 {
	font-size: 2em !important;
}

h3, .h3, .h3-like
	{
	font-size: 1.4em;
	line-height:1em ;
}

h4, .h4 {
	font-size: 1.4em;
}

input, button, select, textarea {
    font-family: 'Roboto Condensed', sans-serif;
}

.page h1 span.titre{
	font-family: 'archiveregular' !important;
	font-size: 1.5rem;
	opacity: 0.8;
}

#ariane{
	font-family: 'Roboto Condensed';
	
	font-size: 0.9rem;
}
#ariane .here{
	color:#888;
}

.chapo{
	color: #333 !important;
	background-color:#F6F6F6;
	padding: 1em 1.1em;
	margin-bottom: 1em;
}

.chapo p{
	margin: 0.65em 0em;
}

legend{
	font-family: 'Roboto Condensed', sans-serif;
	color:#999;
	font-size: 0.95em;
}

/* ------------- END FONTS ------------- */
/* ---------- General scolavingt changes ---------- */
body{
	background-color:#FFF;
	background-image: none;
}
body #header{
	background-color:#FFF;
	background-image: unset;
	box-shadow: 0px 2px 5px #E0E0E0;
	padding-bottom: 0.3em;
}
.publication{
	font-family: 'Roboto Condensed', sans-serif;
}
/* No shadow for heading text */
body h1, body .h1, body h2, body .h2, body h3.spip, body .h2 a, body .h2 a:hover, body .h2 a:focus {
	text-shadow: unset;
  }
/* No image in vertical menu */
#vertical-menu .panel-title a img{
	display:none;
}
.breves .liste-items .hyperlien{
 padding-left: 0.5em;
 padding-right: 1em;
 padding-top: 0.3em;
}
.cartouche h1+.publication,
.hero-unit h1+.publication,
.entry h1+.publication {
	margin-top: -1.8em;
	color: #888;
	font-size: 1em;
}
.liste-items .publication, .liste-items .postmeta {
	margin-top: -0.6em;
	color: #888;
}

header.cartouche {
	margin-bottom: 0.5em;
}
header.cartouche .spip_logos{
	margin-top: -15px;
	margin-right: -20px;
	padding: 20px;
	background: #FFF;
	max-height: 50px;
	width: auto;
	}

body .pagination ul > .active > span.on,
body .pagination ul > .active > span.active{
	background-color: rgba(34, 139, 204, .7);
}

body #footer{
	display: flex;
	justify-content: space-between;
	border-top: 2px solid #D0D0D0 ;
	padding-top: 1em;
}

#footer .colophon{
	padding-left: 0em;
	font-family: 'Roboto Condensed', sans-serif;
	width: 50%;
}

#footer .generator{
	float: right;
	width:45%;
}

#footer .generator a.scola20 img{
	margin-top: 12px;
	width:80px;
	height: auto;

}
#footer .generator a.acad img{
	margin-top: 0px;
	width:100px;
	height: auto;
	margin-right: 0px;
}

thead th{
	Background-color:#B3BECE;
}

/* -------- END General changes -------- */

/* ------------ GRID ADJUST ------------ */
.row, .span8 {
	margin-left: 0px;
}

body #content {
	float: left;
	width: 71% !important;
}
body #content.sommaire {
	float: left;
	width: 74% !important;
}

body #aside {
	float: right;
	width: 22% !important;
}

/* ---------- END GRID ADJUST ---------- */
/* ------------------------------------- HEADER ------------------------------------------------- */
#site_header{
	background-color: #FFF;
}
#site_header .logo_acad .spip_out img{
	visibility: hidden;
	height: 110px;
	width: auto;
}
#site_header .logo_acad{
	margin-top: 0.8rem;
	background-image: url("../img/logo_rep_webalign.svg");
	background-repeat: no-repeat;
	width:110px;
}
#site_header .title_zone {
	margin-left: 1em;
	margin-top: 2.4em;
}

#site_header .title_zone h1 {
	margin-bottom: 0.4em;
	font-size: 1.5em;
}

#site_header .title_zone h1 a {
	font-family: 'marianne';
	color: #444 !important;
	letter-spacing: -0.03em;
}

 #site_header .title_zone p {
	font-family: 'marianneregular';
	margin-top: -0.4em;
	margin-left: 0.1em;
	color:#666;
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;

}

/* ------------------------------------- NAVBAR ------------------------------------------------- */

body #nav {
	font-size: 1.1em;
	margin-top: 0em;
	-webkit-margin-top: 0em;
	background-color:#FFF;
	background-image: unset;
}

.navbar-inner{
	box-shadow: unset;
}
#nav, .navbar-inverse .navbar-inner {
	background-color: unset;
	background-image: unset;
	border: unset;
}

.navbar-inverse .nav > li > a,
.navbar-inverse .nav-collapse .nav > li > a{
	text-shadow: unset;
	color:#777 !important;
	border-top: 2px solid #E0E0E0 ;
	margin-right: 0.5em;
}
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav li > a:hover,
body #nav .item a:hover{
	color:#222 !important;
	background-color: unset;
	border-top: 2px solid #222 ;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-image: none !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background-image: none !important;
    background-color: rgb(127, 186, 241) !important;
}
.dropdown-menu > li > a:hover {
	background-color: #DADDDF !important;
}
body .navbar-inverse .nav .active > a, body #nav .item.on > a{
	color:#222 !important;
	background-color: unset;
	border-top: 2px solid #222 ;
	box-shadow: unset;
	font-weight: normal;
}
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown.open > a:hover .caret{
	border-top-color:#222;
	border-bottom-color:#222;
}
/* -- dropdown --*/
.navbar-inverse .nav-collapse .nav li > a:hover,
body #nav .dropdown .item a:hover{
	border-top: unset ;
	background-color: #D0D0D0;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle{
	background-color:unset;
	color: #222 !important;

}
.navbar-inverse .nav-collapse .nav > li.open > a {
    color: #222 !important;
}
/* class added for dropdown menus redondant titles linking to main  menu item */
.softmenu, :hover .softmenu{
	opacity: 0.6;
	font-size: smaller;
	background-color: #EEE;
	padding: 5px 0px;
}

body .navbar-inverse .nav .active ul li a, body #nav .item.on ul li a {
    border-top: unset;
}
body #nav .dropdown-menu .divider{
	margin : 0px 1px 9px 1px;
}
body #nav .dropdown-menu{
	padding:0px 0px 10px 0px;
}
/* ------------------------------------- HERO ------------------------------------------------- */
#hero{
	margin-bottom: 1em;
}
.bandeau_image,
.bandeau_complet {
	position: relative;
	overflow: hidden;
	height: 240px;
}
.bandeau_image {
	border-radius: 3px;
}
.bandeau_image img {
	position: absolute;
	top:-100%;
	left:0;
	right: 0;
	bottom:-100%;
	margin: auto;
	min-width: 100%;
	max-width: 100%;
}

.bandeau_complet {
	display:flex;
	background-color: #f3f8fc;
}
.bandeau_complet .herologo{
	min-width: 280px;
	height: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

.bandeau_complet .heroinfos {
	padding: 3em 2em;
	color:#666;
}

.bandeau_complet .heroinfos h3 {
	font-family: 'marianne' !important;
	color:#789;
	font-size: 2em;
	margin-bottom: 0.5em;
}
.bandeau_complet .heroinfos p.herochapo{
	font-size: 1.4em;
	line-height: 1.2em;
}

/* ------------------------------------- MAIN ------------------------------------------------- */
/* --------- MAIN content articles --------- */
article#content{
	padding: 16px 20px;
	display: block;
	background-color: #FFF;
	border: 1px solid #F0F0F0;
	box-shadow: 3px 3px 0px #D0D0D0;
}

article#content .cartouche h1 {
	line-height: 0.7em;	
}

article#content .main {
	padding-top:1.3em;
}

/* ------- END MAIN content articles ------- */
/* ---------- MAIN liste articles ---------- */
#content .liste.long {
	background-color: #FFF;
}

#content .liste.long h2 {
	font-family: 'archiveregular' !important;
	color: rgb(2, 106, 170);
	font-size: 1.2rem !important;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin-bottom: 1em;
}

#content .liste.long h2:after {
}

#content .liste.long li.item:first-of-type {
	border-top: none;
}

#content .liste.long li.item {
	padding: 0;
	border: 1px solid #F6F6F6;
	box-shadow: 3px 3px 0px #DADADA;
	margin-bottom: 1em;
	max-height: 170px;
	overflow: hidden;
}

#content .liste.long li.item:hover {
	background-color: #F6F6F6;
	box-shadow: 1px 1px 0px #D0D0D0;
}


#content .liste.long li.item .art_sum_text{
	padding: 0.8em 1em 1em 0.8em;
}

#content .liste.long li.item .art_sum_img img{
	height: 170px;
	width: 20%;
	object-fit: cover;
	float: right;
	overflow: hidden;
	margin: 0 0 0 1em;
	padding: 0;
}

#content .liste.long li.item .art_sum_text h3{
	font-family: 'marianne';
	margin-bottom: 0.5em;
}

#content .liste.long li.item .art_sum_text .publication{
	margin-bottom: 0.8em;
}

#content .liste.long li.item .art_sum_text .introduction p{
	max-height:70px;
	overflow: hidden;
	text-overflow:clip;
	color:#333;
}

#content .liste.long .pagination {
	margin-left: 1.5em;
}

/* -------- END MAIN liste articles -------- */
/* ------------ MAIN liste sites ------------ */
h2.site_list_header{
	font-family: 'archiveregular' !important;
	color: rgb(2, 106, 170);
	font-size: 1.2rem !important;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin-bottom: 1em;
}

.page .container .row .liste.syndics{
	padding: 0;
	border: 1px solid #F6F6F6;
	box-shadow: 3px 3px 0px #DADADA;
	margin-bottom: 1em;
	overflow: hidden;
	max-height: 180px;
}

.page .container .row .liste.syndics:hover,
.page .container .row .content .liste.syndics:hover{
	background-color: #f6f7fa;
}

.page .container .row .liste.syndics .site_list_txt{
	padding: 0.8em 1em 1em 0.9em;
	max-width: 80%;
}
.page .container .row .liste.syndics .site_list_txt h3{
	font-size: 1.2em;
	font-family: 'marianne';
	margin-bottom: 0.3em;
	padding: 0em;
}
.page .container .row .liste.syndics .site_list_txt p{
	font-size: 0.9em;
	line-height: 1.2em;
	color:#666;
}
.page .container .row .liste.syndics .site_list_img{
	float:right;
	max-width: 15%;
	height: 100%;
	margin: 0.6em;
}
.page .container .row .liste.syndics .site_list_img img{
	max-height: 100px;
	width: auto;
	padding: 0;
	margin: 0;
}
/* ---------- END MAIN liste sites ---------- */
/* ---------- MAIN liste rubriques ---------- */

#content .liste.rubriques {
	font-size: 1.1rem;
	background-color: #FBFBFB;
	border: 1px solid #E0E0E0;
	box-shadow: 3px 3px 0px #D0D0D0;
	padding: 1em 1em 1.5em 1em;
	margin-bottom: 2.5em;
}

#content .liste.rubriques h2 {
	font-family: 'archiveregular' !important;
	color: rgb(2, 106, 170);
	font-size: 1.2rem !important;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 0em;
}

#content .liste.rubriques li i {
	color: #CACACA;
}

#content .liste.rubriques .minidecal li.item {
	border: none;
	font-size: inherit;
	list-style: none;
	line-height: 1.5em;
	margin-top: 0.8em;
}
#content .liste.rubriques ul.minidecal{
	margin-bottom:0.2em !important;
}

#content .liste.rubriques .minidecal .minidecal li.item {
	margin-top: 0.1em;
}

/* -------- END MAIN rubriques -------- */
/* -------- MAIN liste documents -------- */
#content .liste.documents h2{
	font-family: 'archiveregular' !important;
	color: rgb(2, 106, 170);
	font-size: 1.2rem !important;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 1em 0em 1em 0em;
}
#content .liste.documents .liste-items .item:first-child{
	border-top: unset;
}

/* ------ END MAIN liste documents ------ */
/* ---------- PVACCUEIL ---------- */

#pvaccueil {
	margin: 10px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#pvaccueil li{
	list-style: none;
	border: none;
	box-shadow: 3px 3px 0px #D0D0D0;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	margin-bottom: 30px;
	width: 47%;
	height: 280px;
	overflow: hidden;
}

#pvaccueil li:hover {
	background-color: #F7F7F8;
	box-shadow: 1px 1px 0px #D0D0D0;
}

#pvaccueil li:nth-child(odd) {
	margin-right: 10px;
}

.pv-log {
	position: relative;
	overflow: hidden;
	height: 48%;
	background-image: url(../img/placeholder.png);
}


.pv-log img {
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: 0;
	right: 0;
	margin: auto;
	min-width: 100% !important;
}

.pv-content {
	padding: 15px 20px 20px 20px;
}

.pv-tit {
	font-size: 1.3em !important;
	line-height: 1em;
	color: #0AB2DD;
	margin-bottom: 5px;
}

.pv-txt {
	font-size: 0.95rem !important;
	line-height: 1.3em;
	font-weight: normal;
	color: #333;
}


/* -------- END PVACCUEIL -------- */

/* ---------- Nivo slider ----------  */
.nivoSlider-wrap {
	margin-right: 0;
	margin-left: 0;
	max-width: 100% !important;
	max-height: none !important;
	background-color: #f6f7fa;
}

.nivoSlider-wrap.nav-thumb {
	padding-bottom: 0.5em;
	/*border-radius: 2px;*/
	box-shadow: 1px 1px 2px #CCC;
	overflow: hidden;
}

.nivo-controlNav {
	padding-left: 20px;
}
/*thumbs aspect*/
.nivoSlider-wrap.nav-thumb .nivo-controlNav a.active img {
	box-shadow: none;
	border: 1px solid #F0F0F0;
}
.nivoSlider-wrap.nav-thumb .nivo-controlNav img {
	box-shadow: 1px 1px 0px #AAA;
	border: 1px solid #AAA;
	margin: unset;
}
/*thumbs disposition*/
.nivoSlider-wrap.nav-thumb .nivo-controlNav {
	width: 81%;
	display: flex;
	flex-wrap: wrap;
	padding: 0.5em 0.7em 0em 0.7em;
}

.nivoSlider-wrap.nav-bullet .nivo-controlNav a,
.nivo-controlNav a {
	margin-right: 0.3em;;
	margin-bottom: 0.3em;
}
/* -------- END Nivo slider --------  */
/* ------------ Carousel ------------ */
#carousel-frame{
	font-size: 1em;
	background-color: #fff;
	border: 1px solid #EAEAEA;
	box-shadow: 1px 1px 2px #CCC;
	margin-bottom: 2em;;
}
.carousel, #carousel {
	background-color: #fff;
	padding:0px;
	margin: 2em;
}
.carousel-inner {
	background-color: #fff;
	display: block;
	height : 230px;
	width: auto;
	padding:0em;
}
.carousel-inner .spip_logos{
	float : right; 
	margin-left : 10px; 
	margin-bottom : 10px;
	max-width: 45%;
}
.carousel-controls {
	font-family: inherit;
	font-size : 1.2rem;
	margin-top: 0px;
	margin-bottom: 0px;
	width:auto;
	height: 1.5em;
	padding: 0.5em 0.5em 0em 0.5em;
	background-color:#f6f7fa ;

}
.carousel-controls a{
	margin-right:0.5em;
	color: #AAA !important;
}
.carousel-controls a:hover{
	color: #777 !important;
}
.carousel-controls>a{
	display: inline;
	float:left;
}
.carousel-controls ul{
	list-style: none;
	display: inline;
	float:left;
	margin:0 1.3em 0 0;
	padding:0;
	color: #AAA !important;
}

.carousel-indicators {
	position: relative;
	bottom: unset !important;
	top:unset !important;
	display: inline !important;
	float: left !important;
	left: unset !important;
	margin: 0 -0.3em 0 0;
}
.carousel-indicators li {
	display: inline !important;
	float: left !important;
	background-color : none;
	color: #BBB !important;
	margin:0 !important;
	margin-right:0.3em !important;
	padding: 0 !important;
	text-indent: 0;
	font-size: 0.5em !important;
	font-family: inherit !important;
}
.carousel-indicators li.active, .carousel-indicators li:hover{
	color : #777 !important;
}
.carousel hr.nettoyeur{
	display: none;
}
/* --------- End Carousel --------- */
/* ---- Descriptif Site Accueil ---- */

#descriptif_site_spip {
	font-size: 1em;
	padding: 1.5em 1.5em 1em 1.5em;
	display: block;
	background-color: #f6f7fa;
}

#descriptif_site_spip p {
	margin-bottom: 0.8em;
}

#descriptif_site_spip hr {
	display: none;
}

/* --- End Descriptif Site Accueil --- */
/* ------ Liste documents Joints ------ */
.documents_joints h2.attached{
	font-family: 'archiveregular' !important;
	color: rgb(2, 106, 170);
	font-size: 1.2rem !important;
}

.documents_joints .liste-items .publication{
	margin-top: -0.3em;
	font-size: 0.9em;
}

.documents_joints .entry.document .spip_logos{
	margin-left:0px;
}

/* ---- END Liste documents Joints ---- */
/* ----------- Comments forum ----------- */
.page .container .row article .comments{
	margin-top: 2em;
}

.page .container .row article .comments .comment-form h2.h2, .comments .ajaxbloc .comments-list.comments-posts h2.h2{
	font-family: 'archiveregular' !important;
	color: rgb(2, 106, 170);
	font-size: 1.2rem !important;
}

.page .container .row article .comments #formulaire_forum  .explication.saisie_texte_info{
	font-size: 0.9em;
}

.page .container .row article .comments #formulaire_forum .editer.saisie_texte label{
	display: none ;
}
.comments .ajaxbloc .comments-list.comments-posts .comment-li .comment-meta{
	padding-left: 0px !important;
	padding-bottom: 0.5em !important;
	margin-bottom: 0px !important;
}
.comments .ajaxbloc .comments-list.comments-posts .comment-li .comment-meta a.permalink{
	font-size: 1em;
	opacity: .3;

}

.comments .ajaxbloc .comments-list.comments-posts .comment-li .comment-meta abbr,
.comments .ajaxbloc .comments-list.comments-posts .comment-li .comment-meta .reviewer.vcard {
	font-family: 'Roboto Condensed';
	font-size: 0.9em;
	color: #888;
	border-bottom: none;
	text-decoration:none;
}

.comments .ajaxbloc .comments-list.comments-posts .comment-li .comment .comment-content{
	padding-left: 1em !important;
}

.comments .comments-feed{
	font-family: 'Roboto Condensed';
	font-size: 0.9em;
	color: #888;
}
/* ------ add comment box ------ */
#formulaire_forum{
	padding-top: 0.5em;
}

#formulaire_forum fieldset.session_qui legend,
#formulaire_forum fieldset.qui legend,
#formulaire_forum fieldset.info legend,
#formulaire_forum fieldset.fieldset-texte legend,
#formulaire_forum fieldset.previsu.clearfix legend{
	font-family: 'archiveregular' ;
	color: #999;
	font-size: 1rem;
	line-height: 1rem;
	border-bottom: unset;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

#formulaire_forum fieldset.qui ul{
	margin-bottom: 0em;
}

#formulaire_forum .explication.saisie_texte_info,
#formulaire_forum .forum .markItUpHeader{
	display: none;	
}

#formulaire_forum .forum textarea.markItUpEditor{
	width: 98%;
	Height:6em;
}

#formulaire_forum  p.bouton, .formulaire_spip .boutons{
	border-top: none !important;
	padding: 0em 1.5em 2em 0em;
}

.formulaire_spip p.bouton input,
.formulaire_spip .explication,
.formulaire_spip .explication *{
    color: #555;
}

.formulaire_spip .explication span.label{
	background-color: #D0D0D0;
}

.formulaire_spip .explication .details{
	font-size:0.8em;
}

/* ---- END add comment box ---- */
/* --------- END Comments forum --------- */
/* ------------  login form ------------ */
.formulaire_spip #formulaire_login fieldset legend{
	font-family: 'archiveregular' ;
	color: #999 ;
	font-size: 1rem ;
	line-height: 1rem ;
	border-bottom: unset ;
	margin-bottom: 0.5em ;
	margin-top: 0em ;
}
.formulaire_spip #formulaire_login p.boutons{
	text-align: left;
	padding-left:1.5em;
}
/* ---------- END login form ---------- */
/* ---------------------------------------- ASIDE ---------------------------------------------------- */

/* ------ ASIDE vertical Menu form ------ */
#aside #vertical-menu {
	border: 1px solid #EAEAEA;
	margin-bottom: 1em;
	box-shadow: 1px 1px 0px #CCC;
}
#aside #vertical-menu ul#accordion{
	margin-bottom: 0.5em;
}
#aside #vertical-menu h2 {
	background-color:#FFF;
	color: rgba(2,106, 170, 1);
	font-family: 'archiveregular' !important;
	font-size: 1rem !important;
	border-bottom: 1px solid rgba(2,106, 170, 1);
	padding: 0.5em 0.3em 0.3em 0.3em;
	margin-bottom: 0.2em;
}

#aside #vertical-menu ul#accordion a{
	color: rgba(34, 139, 204, .7);
}
#aside #vertical-menu ul#accordion a:hover{
	color: rgba(34, 139, 204, 1);
}
#aside #vertical-menu .well{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#aside #vertical-menu .well.rubriques {
	background-color:unset;
	border: 0px;
}

#aside #vertical-menu .well.rubriques h4.panel-title {
	font-size: 1.2em;
}
#aside #vertical-menu .well.rubriques ul {
    font-family: 'Roboto Condensed';
}

/* ---- END ASIDE vertical Menu form ---- */

/* ------ ASIDE Landing page sites ------ */
#aside .sites ul li {
	display: block;
}

#aside .sites ul li a {
	display: inline-block;
	width: 90%;
	background-color: #FFF;
	border: 1px solid #F0F0F0 !important;
	box-shadow: 1px 1px 0px #CCC;
	padding: 12px;
	margin-bottom: 5px;
	overflow: hidden;
}

#aside .sites ul li a:hover {
	background-color: #F0F0F0;
	color: rgba(34, 139, 204, 1);
	border: 1px solid #D0D0D0 !important;
	box-shadow: none;
	overflow: hidden;
}

#aside .sites ul li img {
	max-height: 46px;
	width: auto;
	margin: -13px 5px -12px -12px;
	padding: 0px;
}

/* ---- END ASIDE Landing page sites ---- */
/* ---------- ASIDE Login & sign in forms ---------- */

/* ----- Login ----- */

#aside .formulaire_spip,
#aside .formulaire_login {
	background-color: #f9fafd;
	border: 1px solid #EAEAEA;
	box-shadow: 1px 1px 0px #CCC;
	margin-bottom: 1em;
}
#aside .menu.sites li.disconnect a{
	background-color: #f9fafd;
}
#aside .menu.sites li.disconnect a:hover{
	background-color: #f6f7fa !important;
}

#aside #formulaire_recherche{
	border: none !important;
	box-shadow: none !important;
}

#aside #public_login,
#aside #public_login input.submit,
#aside fieldset * {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: normal;
}
#aside .formulaire_login fieldset legend, #aside #formulaire_inscription fieldset legend {
	font-family: 'archiveregular' !important;
	font-size: 1rem;
	color:rgba(2,106, 170, 1);
}
#aside #formulaire_inscription fieldset legend:nth-child(2){
	display: none;
}

#aside .formulaire_login form input.text,
#aside .formulaire_login form input.password {
	width: 80% !important;
}

#aside fieldset legend,
#aside fieldset label,
#aside fieldset input {
	width: 95% !important;

}

#aside em#pass_securise {
	display: none !important;
}

#aside #formulaire_login input#session_remember {
	margin: 0px !important;
	padding: 0px !important;
	width: auto !important;
}

#aside .nofx {
	font-size: 0.8em !important;
}

#aside .formulaire_spip .boutons {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: inherit;
	border-top: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

/* ----- Inscription ----- */

#aside #formulaire_inscription form fieldset legend:nth-of-type(2) {
	display: none;
}
#aside #formulaire_inscription form fieldset p,
#aside #formulaire_inscription form fieldset label{
	color: #333;
}
#aside #formulaire_inscription form fieldset p.explication{
 margin-bottom: 0.2em;
}
#aside #formulaire_inscription form fieldset p.mode{
	font-weight: bold;;
}


/* -------- END ASIDE Login & sign in forms -------- */

/* ------ ASIDE ARTICLE Meme rubrique & mots ------ */
#aside .liste.articles,
#aside .liste.mots {
	background-color: #FFF;
	border: 1px solid #EAEAEA;
	box-shadow: 1px 1px 0px #CCC;
}

#aside .liste.articles ul,
#aside .liste.mots ul {
	margin-bottom: 0em;
}

#aside .liste.articles h2,
#aside .liste.mots h2 {
	background-color:#FFF;
	color: rgba(2,106, 170, 1);
	border-bottom: 1px solid rgba(2,106, 170, 1);
	font-family: 'archiveregular' !important;
	font-size: 1rem !important;
	padding: 0.5em 0.3em 0.3em 0.3em;
	margin-bottom: 0.2em;
}
#aside .liste.articles .liste-items .item{
	border-top: 1px solid #EAEAEA;
	line-height: 1.1em;
	font-size: .9em;
	padding: 0.5em 0 0.5em 0.6em;
}
#aside .liste.articles .liste-items .item:first-of-type,
#aside .liste.mots .liste-items .item:first-of-type {
	border-top: 0px;
}

#aside .liste.articles .liste-items .texte,
#aside .liste.mots.liste-items .item a {
	padding: 0.4em;
}

#aside li.item:hover {
	background-color: #F6F6F6;
}
.liste-items .item:last-child{
	border-bottom: none;
}

/* ------------ ASIDE Breves ------------ */
#aside .breves {
	margin-bottom: 1em;
}

#aside .breves ul {
	margin-bottom: 0em;
}

#aside .breves .liste-items .item:first-of-type {
	border-top: 0px;
}
#aside .breves .liste-items h3 {
	font-size:1.1em ;
	padding: 0em;
	margin: 0.4em 0.4em 0.5em 0.4em;
}

#aside .breves .liste-items .texte {
	padding: 0.4em;
	font-size: 0.8rem;
}
#aside .breves .pagination {
	margin-left: 15px;
}
/* ---------- END ASIDE Breves ---------- */

/* --------------  ASIDE Diapos -------------- */
.cycle-slideshow img {
    width: 88%;
}
/* -------------- END ASIDE Diapos -------------- */

/* ---------- ASIDE Videos Une ---------- */
/* -----      TWITTER_ACCUEIL         --- */

#aside #video, #aside .tweets {
	background-color: #f3f8fc !important;
	border: 1px solid #F0F0F0 !important;
	box-shadow: 1px 1px 0px #CCC !important;
	margin-bottom: 1em !important;
}
#aside .tweets {
	padding: 0.5em 0.25em ;
}
#aside .tweets iframe{
	background-color: #FFFFFF;
}

#aside #video h2 , #aside .tweets h2, #aside #socialtags h2{
	color: rgba(2, 106, 170, 1);
	font-family: 'archiveregular' !important;
	font-size: 1rem !important;
	border-bottom: 1px solid rgba(2, 106, 170, 1);
	padding: 0.5em 0.3em 0.5em 0.3em;
	margin-bottom: 0.2em;
}
#aside #video h2 , #aside .tweets h2, #aside #socialtags h2{
	color: rgba(2, 106, 170, 1);
	font-family: 'archiveregular' !important;
	font-size: 1rem !important;
	border-bottom: 1px solid rgba(2, 106, 170, 1);
	padding: 0.5em 0.3em 0.5em 0.3em;
	margin-bottom: 0.2em;
}
#aside .tweets h2, #aside #socialtags h2{
	border-bottom: none;
}
#aside .tweets h2{
	vertical-align: text-bottom;
}
#aside #socialtags h2{
	margin-top:1em;
}

#aside #video h3{
	font-size: 1.1em;
	line-height: 1em;
	margin:1.2em 0.8em 0em 0.8em;
}

#aside #video .spip_document_video{
	margin:0.5em 0.8em 2em 0.8em;
	width:90% !important;
}


/* -------- END ASIDE Videos Une -------- */
/* ---------------------------------------- PLUGINS ADJUST ---------------------------------------- */
/* ------------------------ PLUGIN AGENDA ------------------------ */
/* ----- MAIN agenda-liste ----- */
.main #agenda-liste .periode{
	margin-top: -1.5em;
	color: #888;
	margin-left: 0.1em;
}
.main #agenda-liste ul {
	margin: 10px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.main #agenda-liste ul li {
	list-style: none;
	background-color: #FFF;
	border: none;
	box-shadow: 3px 3px 0px #D0D0D0;
	border-radius: 2px;
	padding: 20px;
	width: 28%;
	height: auto;
	margin:0 1em 2em 0;
	overflow: hidden;
}
.main #agenda-liste ul li.item-header.month {
	color: rgba(2, 106, 170, 1);
	font-family: 'archiveregular' !important;
	font-size: 1rem !important;
}

.main #agenda-liste ul li:nth-child(even) {background: #f8f8f8}
.main #agenda-liste ul li:nth-child(odd) {background: #f1f1f1}

.main #agenda-liste ul li.item-header {
	flex-basis:100%;
	height: 1.2rem;
	border: none ;
	box-shadow: none;
	padding: 0;
	margin-bottom: 15px;
	background-color: unset;
}
.main #agenda-liste ul li .banner .label{
	float: right;
	background-color: #BA69A0;
	padding: 0.5em;
	border-radius: unset;
}
.main #agenda-liste ul li strong.h3-like{
	margin-bottom: 0.5em;
}

.main #agenda-liste ul li strong.h3-like a span{
	font-family: 'marianne';
	font-size: 1.3rem;
}
.main #agenda-liste ul li p.info-publi{
	display: none;
}
/* ----- END MAIN agenda-liste ----- */
/* ----- MAIN evenement-entete ----- */
.row .evenement article{
	margin:0;
}
.row .evenement .banner .label{
	float: right;
	background-color: #BA69A0;
	padding: 0.5em;
	border-radius: unset;
}
.row .evenement strong.h3-like{
	margin-bottom: 0em;
}
.row .evenement .info-publi{
	margin:0;
}
.row .evenement .info-publi abbr,
.row .evenement .info-publi abbr .dtstart,
.row .evenement .info-publi abbr .dtend {
	font-size: 1em;
	color: #888;
	border-bottom: none;
	text-decoration:none;
}
/* ----- END MAIN evenement-entete ----- */
/* ------ ASIDE calendar sommaire ------ */
.calendriermini a, #calendar a{
	color: #999 !important;
}
#aside #calendar,
#aside .evenements {
	background-color: #FFF;
	border: 1px solid #EAEAEA; 
	box-shadow: 1px 1px 0px #CCC;

}

#aside #calendar {
	padding: 0em;
	margin-bottom: 1em;
}

#aside #calendar .calendar-container {
	margin: 0.6em 0.5em 0.6em 0.1em;
	height: auto;
}

#aside #calendar h2, #aside .evenements h2 {
	font-family: 'archiveregular' !important;
	display: block;
	border-bottom: 1px solid rgb(206, 58, 95); 
	background-color: #FFF;
	color: rgb(206, 58, 95);
	font-size: 1rem !important;
	padding: 0.5em 0.3em 0.3em 0.3em;
	margin-bottom: 0.2em;
}

#aside #calendar th{
	background-color:#E0E0E0;
}

.calendriermini .ui-state-highlight a {
	background-color: rgba(234, 81, 120, .3) !important;
	border-color:rgba(234, 81, 120, .2) !important;
}
.calendriermini .ui-state-highlight a:hover {
	background-color: rgba(234, 81, 120, .6) !important;
	border-color:rgba(234, 81, 120, 1) !important;
}
.calendriermini .ui-datepicker-today a{
	border: 1px solid #E0E0E0!important;
	background-color: #E0E0E0;
}
#aside #calendar button,
.calendriermini .ui-datepicker-buttonpane {
	display: none;
}
.calendriermini .ui-datepicker{
	width: inherit;
	padding: 0;
  }
.calendriermini .datepicker-inline, .calendriermini .datepicker{
	border :none;
	width: 100%;
}
.calendriermini .datepicker th{
	border-radius: 0;
}
/* ------ END ASIDE calendar sommaire  ------ */
/* -------- ASIDE events sommaire -------- */
#aside .evenements {
	padding: 0px;
	margin-bottom: 1em;
}

#aside .evenements ul {
	margin-bottom: 0em;
}

#aside .evenements .item {
	padding: 0.4em;
	font-size: 1em;
	line-height:1em;
	border-top: 1px solid #E0E0E0; 
}

#aside .evenements .item:first-of-type {
	border-top: none;
}
#aside .evenements .item a{
	color: rgba(234, 81, 120, .7) !important;
}
#aside .evenements .item a:hover{
	color: rgba(234, 81, 120, 1) !important;
}
#aside .evenements .date{
	margin-bottom: 0.5em;
}

#aside .evenements .date abbr,
#aside .evenements .date abbr .dtstart,
#aside .evenements .date abbr .dtend {
	font-size: 0.85em;
	color: #888;
	border-bottom: none;
	text-decoration:none;
}
/* ------ END ASIDE events sommaire  ------ */

/* ------------------- END PLUGIN AGENDA ------------------- */
/* ---------------- Splickerbox mosaique ---------------- */
#mozaique{
	background-color: #FFF !important;
	border: 1px solid #F0F0F0 !important;
	box-shadow: 1px 1px 0px #CCC !important;
	margin-bottom: 1em !important; 
	padding: 0 !important;
}

#mozaique h2{
	content: "Diapos";
	display: block;
	background-color: #FFF;
	color: rgba(2,106,170,1);
	border-bottom: 1px solid rgba(2,106,170,1);
	font-family: 'archiveregular' !important;
	font-size: 1rem !important;
	padding: 0.5em 0.3em 0.3em 0.3em;
	margin-bottom: 1em;
}

#mozaique>div{
	Margin: 0.5em 1em 1em 1em;
}

#mozaique h3{
	font-size: 1.1em;
	line-height: 1em;
	margin:1.2em 1em 0em 1em;
}

/* ------- END Splickerbox mosaique --------- */
/* ---------------------------------------- SCREENS ------------------------------------------------ */
/* -------------------------- 980 <-> 1199 (laptop) -------------------------- */
@media (min-width: 980px) and (max-width: 1199px) {

	/* ----- GEN GRID ----- */
	body #aside {
		margin-left: 10px;
		width: 290px
	}

	#nav .container {
		width: 940px;
	}

	/* ----- PV ACCUEIL ----- */
	#pvaccueil li:nth-child(odd) {
		margin-right: 14px;
	}

	/* ----- Aside links & connect ----- */
	#aside .sites ul li a {
		width: 87%;
	}
	#aside .sites ul li a span{
		max-width: 100px;
		max-height: 1.1em;
		display: inline-block;
		overflow: hidden;
	}
}

/* -------------------------- 980 <-> 1199 (tab) -------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

	/* ----- GEN GRID ----- */
	Body>.container{
		width: 98%;
	}
	Body>.container .container{
		width:100%;
	}

	body #aside {
		margin-left: 10px;
	}

	#header {
		min-height: 80px;
	}
	/* --- -- NAV BAR -- --- */
	#nav .container {
		width: 100%;
	}
	/* ----- PV ACCUEIL ----- */

	#pvaccueil li:nth-child(odd) {
		margin-right: 6px;
	}

	#pvaccueil li {
		width: 48%;
		Height: 240px;
	}
	#pvaccueil .pv-txt{
		font-size: 0.9em !important;
		line-height: 1.2em !important;
	}
	#pvaccueil li {
		Height: 280px;
	}
	.pv-content {
		padding: 15px;
	}
	/* ----- Aside links & connect ----- */
	#aside .sites ul li a {
		width: 87%;
	}
	#aside .sites ul li a span{
		max-width: 100px;
		max-height: 1.1em;
		display: inline-block;
		overflow: hidden;
	}
}
/* ------------------------------ < 890 (special) ------------------------------ */
@media (min-width: 768px) and (max-width: 889px) {
	#aside .sites ul li a span{
		max-width: 78px;
		max-height: 1.3em;
		display: inline-block;
		overflow: hidden;
		font-size: 0.8em;
	}
	.bandeau_image, .bandeau_complet {
		height: 280px;
	}
}
/* ------------------------------ < 767 (phone) ------------------------------ */
@media (max-width: 767px) {
	/* ----- NAVBAR ----- */

	#nav .container .navbar-inner {
		background-color: #F0F0F0;
	}
	body .navbar-inverse .btn-navbar {
		background-color: unset;
		background-image: none;
		border: unset;
	}
	body .navbar-inverse .btn-navbar:hover {
		background-color: #C0C0C0 !important;
	}
	.navbar .btn-navbar .icon-bar {
		display: block;
		width: 18px;
		height: 2px;
		background-color: #777;
		-webkit-border-radius: unset;
		-moz-border-radius: unset;
		border-radius: unset;
		-webkit-box-shadow: unset;
		-moz-box-shadow: unset;
		box-shadow: unset;
	}
	.navbar-inverse .nav > li > a,
	.navbar-inverse .nav-collapse .nav > li > a {
		text-shadow: unset;
		color: #777 !important;
		border-top: unset;
		margin-right: .5em;
	}
	.navbar-inverse .nav > li > a:hover,
	.navbar-inverse .nav-collapse .nav > li > a:hover,
	.navbar-inverse .nav-collapse .nav li > a:hover,
	body #nav .item a:hover {
		border-top: unset;
		background-color: #DADADA !important;
	}


	#header {
		border-bottom: none;
	}
	#nav .nav-collapse{
		margin: 0;
		padding: 0 0em 0 1em;
	}
	#nav .nav-collapse .nav > li > a {
		border-radius: 0px;
	}
	/* ----- GEN GRID ----- */


	.span8 {
		min-width: 100% !important;
		width: 100%;
	}

	.span4 {
		min-width: 100% !important;
		width: 100%;
	}

	#aside .sites ul li a {
		width: 96%;
	}

	/* ----- PV ACCUEIL ----- */

	#pvaccueil li {
		width: 100%;
		Height: 240px;
		margin-right: 0 !important;

	}

	/* ----- BANDEAU_COMPLET ----- */

	.bandeau_complet {
		justify-content: space-between;
		position: relative;
		overflow: hidden;
		height: 240px;
	}
	
	.bandeau_complet .heroinfos{
		order:1;
	}

	.bandeau_complet .herologo{
		order:2;
		min-width: unset;
		width: 10%;
		height: 30%;
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center center;
		overflow: hidden;
	}
	
	.bandeau_complet .heroinfos h3 {
		font-family: 'marianne' !important;
		color:#789;
		font-size: 1.2em;
		margin-bottom: 0.5em;
	}
	.bandeau_complet .heroinfos p.herochapo{
		font-size: 1em;
		line-height: 1.1em;
	}


}