@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Kalam);

/*layout*/

#content { float: right; }
#aside { float: left; }
#aside .navigation { background-color: #f5f5f5; }
.bg-page { background-color: #fff; }

/*header*/

	.header {
		margin-top: 50px;
		background: #1478b4 url("img/bg-bando1-1170.jpg")left center no-repeat;
		height: 180px;
	}

	.header .spip_logos {
		float: left;
		margin: 0 0 0 300px;
	}

	a.retourhome {
		display: block;
		max-width: 300px;
		width: 300px;
		height: 85px;
	}

	.form-search label {	display: inline;}
	.formulaire_recherche form .input-append { width: 50%;}
	#formulaire_recherche.formulaire_spip {margin-bottom:0;background-color:#fff;}

	.spip-admin-bloc, .spip-admin-float {
		position: fixed;
		right: 20%;
		top: 50px;
		white-space: nowrap;
	}

	.breadcrumb {background-color: transparent;margin-bottom:0;}

	#slogan_site_spip { display: none; }

/*navigation*/

	.navbar {
		font-family: 'Oxygen', Helvetica, sans-serif;
		margin-bottom: 0;
	}

	/*.page_sommaire .navbar { margin-bottom: 20px; }*/
.navbar .nav {margin-right:0;}
	.navbar .nav > li > a { text-shadow: 0 0px 0 #d94996; }

	.on {	font-weight: normal;}
	.region .on { font-weight: bold; }

	ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }

	.dropdown-menu { margin-top: 0; }
	.navbar-inner { border: none; }


	.nav-list > .active > a,
 	.nav-list > .active > a:hover, 
 	.nav-list > .active > a:focus {
 		color: #ffffff;
 		text-shadow: 0 0px 0 rgba(0, 0, 0, 0.2);
 		background-color: #132e5b;
 	}

	.aside .menu { margin-bottom: 1em; }

/*bouton adhesion don dans menu topnav */
.navbar-inverse .nav > li > a.topdon ,
.navbar-inverse .nav > li > a.topdon:hover 
{
    color: #fff;
    background-color: #d94996;
    margin: 0px;     margin-top: 2px;   margin-right: 2px; 
  padding:10px;
    border: #d94996 1px solid;
    border-radius: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: url("img/picto-coeur.png");
  background-size:20px;
   background-position: 5% center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.navbar-inverse .nav > li.user  {
    margin-right: 3px;    margin-left: 0px;
     margin-top: 2px;
    padding: 0px;
     background-image: url("img/picto-user.png");
  background-color:#2f96b4;
    background-size: 10px;
  border:1px solid #2f96b4;
    border-radius: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-size: 20px;
   background-position: 5% center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
	
.navbar-inverse .nav > li.user > a,
.navbar-inverse .nav > li.user > a.active ,
.navbar-inverse .nav > li.user > a:hover
{ 
  padding:10px;
   padding-left:5px;  padding-right:5px;
  color:#fff; background-color:#2f96b4; border-radius: 10px;
}

.navbar-inverse .nav > li.user.ben  {
    margin-right: 0px;    margin-left: 2px;
     margin-top: 2px;
    padding: 0px;  background-color:#B884DB;
  border:1px solid  #B884DB;
    border-radius: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image:none;/*
    background-size: 15px;
   background-position: 5% center;
    background-repeat: no-repeat;*/
    padding-left: 0px;
}

.navbar-inverse .nav > li.user.id  {
    margin-right: 2px;    margin-left: 2px;
     margin-top: 2px;
    padding: 0px;
  border:1px solid #999;
    border-radius: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-image: url("img/picto-cadenas.png");
  background-color:#999;
    background-size: 10px;
   background-position: 5% center;
    background-repeat: no-repeat;
    padding-left: 12px;
}
	
.navbar-inverse .nav > li.user.id > a { 
  padding:10px;
   padding-left:0px;  padding-right:3px;
  color:#fff;
  font-size:0.9em;background-color:#999; border-radius: 10px;
}
.navbar-inverse .nav > li.user.ben > a ,.navbar-inverse .nav > li.user.ben > a.active { 
  padding:10px;
   padding-left:3px;  padding-right:3px;
  color:#fff;
  font-size:0.9em;background-color:#B884DB; border-radius: 10px;
}

.formulaire_login form input.text {width:80%;}


/*CONTENU*/


.breadcrumb { font-size: 0.85em; }

h2.titre {
	font-size: 30px;
	font-weight: 400;
}

h2, .h2, .h2-like, 
.secondary h1, 
.secondary .h1, 
.secondary .h1-like {
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 0.83333333em;
}


/*listes*/

.liste-items .item {
	border: none;
	border-top: 0px;
	padding-left: 1em;
	border-bottom: 0px;
}
.liste-items .item:last-child { border-bottom: 0px; }
.liste-items .publication, .liste-items .postmeta {
	display: block;
	font-size: small;
}


.sites .liste-items .item , 
.documents .liste-items .item { border-top: none; background-color: #fff; }



/*PAGE SOMMAIRE*/

#descriptif_site_spip { display: none; }

.page_sommaire #content { float: left; }

.page_sommaire #aside {
	float: right;
	background-color: white;
}

.page_sommaire .main { margin-right: 0; }

.une {
	padding-bottom: 0;
	display: block;
}

.une .edito .spip-logos, 
.une .logo {
	float: left;
	max-width: 400px;
	margin-right: 1em;
}

.une .header-titre {
	font-size: 30px;
	padding-left: 15%;
}

.page_sommaire .une .edito {
	padding-left: 40px;
	padding-top: 30px;
}

.page_sommaire .liste.articles .h2 {
	background-image: none;
	clear: left;
}

.page_sommaire .liste.articles .h2.blueDark {
	background-color: #132e5b;
}

.derpub {
	float: left;
	width: 60%;
	margin-left: 30px;
}

.agenda-bloc {
	float: left;
	width: 33%;
	margin-left: 30px;
}

.header-titre {
	background-color: #d94996;
	color: #fff;
	font-size: 24px;
	display: block;
	line-height: 40px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 25%;
	font-family: 'Oxygen', "Trebuchet MS", Helvetica, sans-serif;
}

.page_sommaire .liste-items .item {
	padding-left: 40px;
}

.page_sommaire .evenements strong.h3-like {
	font-size: 18px;
}

.actu strong.h3-like {
	font-size: 24px;
}

.dernieres strong.h3-like {
	font-size: 20px;
}


/*rubriques*/



.listes h2 { color: #fff; }
.liste .h2 { clear: left; }



/*ARTICLES*/



.cartouche .spip_logos, 
.hero-unit .spip_logos {
	float: left;
	clear: left;
	margin: 11px 19px 11px 0px;
	line-height: 1px;
}
.main { margin-right: 2em; }

.chapo {
	font-family: 'Oxygen', "Trebuchet MS", Helvetica, sans-serif;
	font-weight: 600;
	color: #121212;
	font-size: 16px;
	margin-bottom: 1em;
}

.h1-like.surtitre {
font-size:1.3em;
color:#666;
margin-bottom:0;
line-height:1em;

}


.page_article .cartouche {padding-right:1.5em;}
.page_article .h1-like.surtitre {margin-top:1em;color:#132e5b; font-weight:normal;margin-bottom:0.5em;}

.page_article .cartouche h1 small {display:block; line-height:1.3em;}

.page_article .cartouche .spip_logos {margin-top:0;}

.edito .h1-like.surtitre, .page_article .h1-like.surtitre {
    font-size: 1.5em;
    color: #132e5b;
   /*  margin-bottom: 1em; */
     line-height: 1.4em; 
       font-weight: 500;
}

.edito .h1-like.surtitre {
  /* text-align: center;*/
}


.edito .h1-like.surtitre small, .page_article .h1-like.surtitre small{
	font-size: .8em;
	color: #132e5b;
	line-height: 3em;
	text-align: center;
	font-weight: 500;
}

h2.spip {
	font-weight: 400;
	/*   text-shadow: 0px 1px #425aa7;*/
	color: #132e5b;
	clear:both; 
}

h3.spip {
	font-weight: 400;
	text-shadow: 0px 1px #425aa7;
	color: #425aa7;
}

h4.spip {
	font-weight: 400;
	text-shadow: 0px 1px #576fbd;
	color: #576fbd;
}

iframe {max-width:100%;}

/*lISTES*/



ul.spip {
	list-style-image: url(img/puce3.png);
	margin-left: 20px;
	clear: left;
}



/*ul.spip li{
	background: url(img/puce.png)5px 5px no-repeat;
	text-indent: 1.5em;
}*/



li ul.spip {
	list-style-type: disc;
	margin-left: 2.5em;
	list-style-image: none;
}

ul.spip li ul.spip li{
	list-style-type: disc;
	text-indent: 0em;
	list-style-image: none;
}

ul.spip li ul.spip {
	background: none;
	text-indent: 0em;
	list-style-image: none;
}

del, .del {
	background-color: #DDD;
	border-color: #666;
	color: #444;
	text-decoration: line-through;
}

.infos-soc {
	color: #666;
	font-size: 0.85em;
	display: block;
}

/*ICONES*/

.icon-calendar,
.icon-user , 
.icon-info-sign {
	opacity: 0.5;
}

/* SOCIALTAGS */



div.socialtags {
	clear: both;
	margin-top: 0em; /*    margin: 10px 20px;*/
	display: block;
	min-height: 30px;
	background-color: #f5f5f5;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	border-radius: 5px;
	margin-bottom: 2em;
	margin-right: 1em;
}

div.socialtags:before {
	/*content: "Partager : ";*/
}

.socialtags ul :before {
	/*	content: "Partager : ";*/
	/*height: 16px;*/
}

.socialtags ul  { margin-left: 0; }

.socialtags ul li{
	float: none;
	vertical-align: middle;
	background: none;
	display: inline;
	list-style-type: none;
	margin: 1px;
	padding: 1px;
}

.socialtags ul li a {
	background: url(images/gg-ico-22.png) no-repeat right;
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.8;
	border-radius: 3px;
	margin-left: 5px;
	padding: 0;
}
.socialtags ul li a.ig { background: url(images/ig-ico-22.png) no-repeat right; }
.socialtags ul li a.fb { background: url(images/fb-ico-22.png) no-repeat right; }
.socialtags ul li a.google+ { background: url(images/gg-ico-22.png) no-repeat right; }
.socialtags ul li a.linkedin { background: url(images/linkedin-ico-22.png) no-repeat right; }
.socialtags ul li a.twitter { background: url(images/twitter-ico-22.png) no-repeat right; }
.socialtags ul li a.viadeo { background: url(images/viadeo-ico-22.png) no-repeat right; }
.socialtags ul li a.print { background: url(images/print-ico-22.png) no-repeat right; }

.socialtags ul li a:hover{ opacity: 1; } 
.socialtags ul li.reco { float: right; } 



.socialtags h2.menu-titre {
	font-size: 0.85em;
	line-height: 1.5em;
	padding-left: 2em;
	background: url(images/picto-letter-20.png) no-repeat left;
	cursor: pointer;
	margin-bottom: 0;
	padding-bottom: 0;
}

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

.article-lien { padding-left: 2em; }
.article-lien strong.h3-like { margin-bottom: 0.5em; }



/* AGENDA */



.label-inverse, .badge-inverse { background-color: #d94996; }

.agenda .evenement .banner .label{
	display: block;
	float: left;
	opacity: 1;
	overflow: hidden;
	text-align: center;
	width: 50px;
	height: 50px;
	padding: 5px;
	margin-right: 0.5em;
}

.agenda .evenement .banner .day {
	display: block;
	text-align: center;
	font-size: 30px;
	line-height: 1;
	font-weight: normal;
}

.agenda .evenement .banner .month {
	display: block;
	text-align: center;
	font-size: 1.5em;
	line-height: 1;
	text-transform: capitalize;
	width: 35px;
	overflow: hidden;
	margin: auto;
}

.agenda .evenement .banner .year {
	display: none;
}

.agenda .introduction{
	font-size: 0.85em;
}

.agenda .lieu {
	font-weight: bold;
}



.page_sommaire .agenda .lieu {
	font-weight: bold;
	font-size: 14px;
}

.page_sommaire .agenda .liste-items .item {
	padding-left: 0;
}

.agenda-bloc .liste.agenda .h2 {
	display: block;
	background-color: #d94996;
	background-image: url("img/picto-agenda.png");
	background-position: 15px 15px;
	background-size: 50px 50px;
	padding: 10px;
	padding-left: 70px;
}

.agenda-bloc .liste.agenda .h2 small {
	display: block;
	font-size: 20px;
}

.agenda-bloc .liste.agenda .h2  a {
	color: white;
	border-bottom: 1px dotted #ffffff;
}

.agenda-bloc .info-publi,
.agenda-bloc .introduction,
.agenda-bloc .adresse,
.agenda-bloc .meta-publi
 {
 	/*	display: none;*/
 }

.agenda-bloc p.location , .agenda-bloc a.suite ,.agenda-bloc .h3-like {
	margin: 0;
}


.agenda.old .btn-inverse {background:silver;}


/*FAQ*/

dl.faq.js dt.close {
	color: #000000;
	float: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	opacity: 1;
	text-shadow: 0 0px 0 #ffffff;
}


/*BREVES*/


.breve .box-content {
	padding: 0;
	color: #000;
	clear: both;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: solid 1px #ddd;
}


.breve .box-content.small {
	/*	border:none;*/
	/*	padding: 0px;*/
}

.box-content .texte {
	font-size: 14px;
	line-height: 1em;
	/*	padding-left:60px;
	margin-top:-15px;*/
	text-align: center;
	/*	padding-left:60px;
	margin-top:-15px;*/
}



.breve .box-content .texte {
	padding-left: 10px;
	margin-top: 0;
	color: #000;
	text-align: center;
}	

.breve .box-content.small .texte {
	padding-left: 5px;
	text-align: left;
	margin-bottom: 1em;
	margin-top: 1em;
	}	

.breve .box-content .spip_documents {
	margin-top: 0;
}

.breve .box-content h3 {
	font-size: 22px;
	line-height: 0.9em;
	text-align: left;
	padding-left: 5px;
	color: #333;
	margin-bottom: 5px;
}		

.breve .box-content .spip_logos{
	max-width: 100px;
	float: right;
	margin-left: 10px;
}

.breve .box-content.small img{
	max-width: 100px;
	float: right;
	margin-left: 10px;
}

.breve .box-content.big img{
	max-width: 100%;
	float: none;
	margin-left: 0px;
}

.box-content a.btn {
	border-radius: 3px;
	margin-top: 1em;
}

.breve .box-content a.btn {
	margin-top: 0em;
}

.box-content .liens {
	text-align: center;
	margin-top: 1em;
}

.breve .box-content.big .liens {
	position: absolute;
	bottom: 1em;
	left: 10%;
}

.breve .box-content.small .liens {
	text-align: left;
	margin-left: 2em;
	margin-top: 0em;
}

.extra-breves {
	margin-top: 1em;
	padding-top: 1em;
	border-top: solid 1px #ddd;
}

.box-content h4 {
	padding-left: 60px;
	background: url("img/picto-coeur.png")left center no-repeat;
	height: 55px;
	padding-right: 20px;
	padding-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 20px;
	font-weight: 400;
}

.box-content h4.date {
	padding-left: 20px;
	background: none;
	height: auto;
	line-height: 20px;
	margin-bottom: 1em;
}

.adherer {
	background: #d94996 url("img/bg-soutenir.png")center center no-repeat;
}

.adherer h4 {
	background: url("img/picto-coeur.png")left center no-repeat;
}	

/*	.adherer .box-content { padding-bottom: 0; }*/


.suivez{ background-color: #60bdff; }
.suivez h4 { background: url("img/picto-suivez.png")left center no-repeat; }
.lettre {
	color: black;
	font-size: small;
}

.flux a {
	color: #fff;
	display: block;
	line-height: 1.6em;
	/*margin-top: 10px;*/
	padding-left: 30px;
}

.flux a.fb {	background :  url("img/picto-facebook.png")left  center no-repeat ;	}
.flux a.twit {	background :  url("img/picto-twitter.png")left center no-repeat ;	}
.flux a.rss {	background :  url("img/picto-rss.png") left center no-repeat ;	}

.flux-inline {
	display: block;
	margin-top: 0px;
	margin: auto;
	width: 180px;
  min-height:30px;
}

.flux-inline a {
	color: #fff;
	display: block;
	margin: 5px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	width: 25px;
	text-indent: 1000px;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
}
.flux-inline a.ig {	background :  url("img/picto-ig.png")left  center no-repeat ;	}
.flux-inline a.lk {	background :  url("img/picto-lk.png")left  center no-repeat ;	}
.flux-inline a.fb {	background :  url("img/picto-fb.png")left  center no-repeat ;	}
.flux-inline a.twit {	background :  url("img/picto-tw.png")left center no-repeat ;	}
.flux-inline a.rss {	background :  url("img/picto-rss.png") left center no-repeat ;	}
.flux-inline a.yt {	background :  url("img/picto-yt.png")left  center no-repeat ;	}
.flux-inline a[href ^="https://"], a.lock {
	padding-right: 0px;
}		
		

.adherent { background-color: #132e5b; }
.adherent h4 {
	background: url("img/picto-cadenas.png")left center no-repeat;
	padding-top: 1em;
}

.echange{ background-color: #375ea9; }
.echange h4 { background: url("img/picto-bulle.png")left center no-repeat; }
.echange .box-content .texte { text-align:center; }


a.btn.external { background-image: none; }

a[href ^="https://"], a.lock {
	padding-right: 13px;
	background-image: none;
	background-repeat: no-repeat;
}

a.btn.external[href ^="https://"] {
	padding-right: 13px;
	background-image: none;
	background-repeat: no-repeat;
}

	
/*	FORMULAIRES */

	
.formulaire_spip .boutons {
	padding: 19px 20px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #dde3f7;
	border-top: 0px solid #c4cef2;
	margin: 0 -1.25em -1.25em;
	padding: 1.25em;
	text-align: center;
}

input.submit {
	background-color: #425aa7;
	color: #fff;
	text-shadow: 0;
	font-weight: normal;
}

input.submit, .formulaire_spip button.submit:not(.btn-link) {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	text-shadow: 0px 0px 0px white;
	background-color: #425aa7;
	background-image: none;
	border-radius: 0px;
	border: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

input.submit:hover {
	background-color: #576fbd;
	color: #fff;
	text-shadow: 0px 0px 0px white;
	font-weight: normal;
	border: none;
}



.formulaire_spip li.fieldset {

/*	border: gray solid 1px;*/

}

.formulaire_spip li.fieldset li.fieldset {
	/*	border: red solid 1px;
	margin-left:1em;
	margin-right:1em;*/
}

.formulaire_spip li.fieldset li.fieldset ul {
	margin-left: 1em;
}



.formulaire_spip li.fieldset li.fieldset h2.legend {
	font-size: 1.3em;
	border: none;
}



.paypal {
	border: solid gray 1px;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
	padding-top: 1em;
	margin-bottom: 1em;
}

.paypal.span4{
	margin-left: 0;
	margin-right: 20px;
}
.paypal.span4.centre{
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.paypal form {
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	padding-bottom: 0;
	padding-top: 0;
}

.paypal form table {
	margin: auto;
	margin-bottom: 10px;
}

.paypal form select {
	width: 100%;
}

.paypal h3  {
	font-size: 18px;
	font-style: bold;
	color: #375ea9;
}

.paypal h3 i {
	font-size: 0.8em;
	font-style: normal;
	color: #666;
	display: block;
}

/* TABLES */

	
table.spip tr th,
table.spip tbody > tr:nth-child(odd) > th,
table.spip tr th:hover,
table.spip tbody > tr:nth-child(odd) > th:hover,
table.spip tbody > tr:nth-child(even) > th:hover ,
.table-hover tbody tr:hover > th{
	color: #fff;
	background-color: #425aa7;
}

.tableausos table.spip td {vertical-align:middle;}


	
blockquote.spip {
	min-height: 40px;
	font-weight: normal;
	font-size: 18px;
	font-style: italic;
	border: none;
	padding: 1em;
	margin-top: 1em;
	margin-bottom: 0em;
	color: #666;
	background: url(img/quote.png) top left;
	background-repeat: no-repeat;
	padding-left: 50px;
	clear: left;
}



/*POST IT */

.memo {
	display: bloc;
	padding: 1em;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 10px;
	width: 30%;
	min-width: 200px;
	max-width: 300px;
}

.postit-container {
	margin-top: 50px;
	position: relative;
	margin-bottom: 30px;
}

.postit-container.right {margin-left:20px;}
.postit-container.left {margin-right:20px;}
.postit-container.center {margin:auto;}

.note {
	color: #333;
	position: relative;
	/* width: 300px;*/
	max-width: 200px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	/* font-size: 30px;*/
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
}

.note .texte {
	text-align: left;
}

.note .texte.hand {
	font-family: 'Kalam', cursive;
	color: #375ea9;
}


.yellow {
	background: #fff0f5;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}

.pin {
	background-color: #aaa;
	display: block;
	height: 32px;
	width: 2px;
	position: absolute;
	left: 50%;
	top: -16px;
	z-index: 1;
}

.pin:after {
	background-color: #A31;
	background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),

              inset 3px 3px 3px hsla(0,0%,100%,.2),

              inset -3px -3px 3px hsla(0,0%,0%,.2),

              23px 20px 3px hsla(0,0%,0%,.15);
	content: '';
	height: 12px;
	left: -5px;
	position: absolute;
	top: -10px;
	width: 12px;
}



.pin:before {
	background-color: hsla(0,0%,0%,0.1);
	box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
	content: '';
	height: 24px;
	width: 2px;
	left: 0;
	position: absolute;
	top: 8px;
	transform: rotate(57.5deg);
	-moz-transform: rotate(57.5deg);
	-webkit-transform: rotate(57.5deg);
	-o-transform: rotate(57.5deg);
	-ms-transform: rotate(57.5deg);
	transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
}

mark {
	background-color: #ffcae7;
	color: black;
}

.agenda.old .evenement .banner .label.label-inverse {
	background-color: silver;
}

/*PIED DE PAGE*/

	/*top foot*/

		.top-foot {
			display: table;
			height: 200px;
			line-height: 200px; /*margin-left:20px;*/
			vertical-align: middle; /*margin-left:20px;*/
		}

			.cell-box {
				margin-bottom: 1em;
				line-height: 1em;
			}

			.top-foot .cell-box {
				display: table-cell;
				/*min-height: 205px;*/
				margin-bottom: 0;
				line-height: 1em;
				width: 25%;
				border-left: 20px solid #ffffff;
			}

			.top-foot .cell-box:first-child {
				border-left: 0px;
			}

			.cell-box.breve {
				position: relative;
				min-height: auto;
				display: block;
			}

			.box-content{padding:1em;	color:#ffffff;}

			.top-foot .box-content {
				/*	padding: 1em;*/
			}

			.iframe-mailjet {
				width: 170px;
				height: 120px;
				display: block;
				margin: auto;
			}

	
	/*big foot*/

	.regions .foot-content, 
	.regions h4 { padding-left: 20px; }

	.prems .foot-content, 
	.prems h4 { padding-left: 40px; }

	.lien-contact {
		display: block;
		margin-top: 10px;
	}


	dl.spip_documents dt, 
	dl.spip_documents dd { margin-bottom: 0; }

	small.credits { margin-top: 0; }

	.spip_doc_descriptif {font-size:0.9em; font-weight:normal;}

/*
MEDIA QUERIES
*/



/*desktop*/



@media (max-width: 1200px) {

		.header {
			/*   		height: 180px;
			margin-top: 50px;*/
			background: #1478b4 url("img/TDAH_Website_Header_940-184.jpg") no-repeat  center bottom;
			/*   		height: 180px;
			margin-top: 50px;*/
		}


		.header .spip_logos {
			float: left;
			margin: 0 0 0 250px;
		}
	
		.navbar .nav > li > a { padding: 15px 10px 15px; }

		.echange .box-content .texte {
			padding-left: 10px;
			margin-top: 5px;
		}
	     
		.derpub {
			float: left;
			width: 60%;
			margin-left: 20px;
		}

		.agenda-bloc {
			float: left;
			width: 33%;
			margin-left: 20px;
		}

		.page_sommaire .liste-items .item { padding-left: 20px; }

		.page_sommaire .une .edito {
			padding-left: 20px;
			padding-top: 10px;
		}
				
		.regions .foot-content, .regions h4 { padding-left: 10px; }

		.prems .foot-content, 
		.prems h4 { padding-left: 20px; }


	}



@media (max-width: 979px) {

     		.header {
     			background: #1478b4 url("img/TDAH_Website_Header_724-142.jpg") no-repeat  center bottom;
     			 /*	margin-top: 50px;*/
     			height: 142px; /*	margin-top: 50px;*/
     		}


			.header .spip_logos {
				float: none;
				margin: 0px;
			}

			.navbar {
				font-size: 12px;
				margin-bottom: 0;
			}

			.box-content {
				padding: 0.5em;
			}

			.box-content h4 {
				padding-left: 40px;
				background-size: 30px;
				height: 55px;
				padding-right: 5px;
				padding-top: 10px;
				margin-bottom: 0;
				padding-bottom: 0;
				font-size: 18px;
				font-weight: 400;
			}

     		.box-content a.btn {
    			font-size: 13px;
    			margin: 5px;
    		}

    		.top-foot .cell-box {
    			border-left: 10px solid white;
    		}

    		.breve .box-content h3 {
    			font-size: 18px;
    			padding-left: 0px;
    			font-weight: 400;
    		}

			.derpub {
				float: none;
				width: auto;
				margin-left: 20px;
			}

			.agenda-bloc {
				float: none;
				width: auto;
				margin-left: 40px;
			}

			.page_sommaire .liste.articles .h2 { padding-left: 40px; }

			.honcode { min-height: 150px; }

			.container, 
			.navbar-static-top .container,
			.navbar-fixed-top .container { width: 95%; }


			#aside.span3 { width: 24%; }
			#content.span9 { width: 70%; }
			#footer .span3{ /*		width:22%;*/ }

			.liste .h2 { margin-top: 0; }

			/*.une .edito .spip-logos, 
			.une .logo { max-width: 150px; }*/

			.navigation .nav-list,
			.navigation .nav-list > li > a,
			.navigation .nav-header {
				margin: 0;
				padding: 0;
				font-size: 14px;
			}

			.navigation .nav-header {
				background-size: 15px;
				padding-left: 20px;
				font-size: 16px;
				background-position: left center;
				margin-left: 5px;
			}

			.navigation .nav-list > li > a {
				padding-left: 20px;
				margin-top: 5px;
			}

			.liste .h2 { background-position: 5% center; }
			
			.edito .h1-like.surtitre small, .page_article .h1-like.surtitre small{ line-height: 1.3em; }

}


@media only screen and (min-width:769px) {


			.dropdown:hover .dropdown-menu {
				display: block;
			}

			.dropdown-submenu {
				position: relative !important;
			}

			.dropdown-submenu>.dropdown-menu {
				top: 0 !important;
				left: 100% !important;
				margin-top: -6px !important;
				margin-left: -1px !important;
				border-radius: 0 !important;
			}

			.dropdown-submenu:hover>.dropdown-menu {
				display: block !important;
			}

			.dropdown-submenu>a:after {
				display: block;
				content: "\f105";
				font-family: 'FontAwesome';
				margin-top: -18px;
				right: 15px;
				position: absolute;
				font-weight: 300;
			}

	}



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


			body {
				padding-left: 0px;
				padding-right: 0px;
			}

			#aside.span3 {
				width: 100%;
				float: none;
			}

			#content.span9 {
				width: 100%;
				float: none;
				margin-right: 10px;
			}

			.derpub {
				margin-left: 0px;
			}

			.agenda-bloc {
				margin-left: 20px;
				margin-right: 20px;
			}	

			.une .edito .spip-logos, 
			.une .logo { 
          /*    max-width: 100px; */
  }	

			h2.titre { font-size: 24px; }	


			.header {
				margin-top: 0px;
				/*		
				background-size: contain;
				height: 120px;*/
				background: #1478b4 url("img/TDAH_Website_Header_medium.jpg") no-repeat  center bottom;
				height: 120px;
			}	

			.navbar {
				font-size: 14px;
				margin-bottom: 0;
			}

			.navbar .nav > li > a { padding: 10px 10px 10px 10px; }

			.navbar-responsive {
				position: relative;
				top: 0px;
				left: 0;
				right: 0; /* right: 20px; */
				z-index: 1100;
			}

 			.navbar-responsive a.btn-navbar{
 				margin-top: 0;
 				margin-right: 20px;
 				margin-bottom: 0;
 			}

			.navbar-responsive .navbar-inner{
				background-color: #132e5b;
				margin-bottom: 1em;
				min-height: 20px;
				height: auto;
			}

			.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
				margin-left: 0px;
				margin-right: 0px;
			}

			.page_sommaire #aside .cell-box ,

			 .top-foot .cell-box {
			 	float: left;
			 	width: 45%;
			 	margin-left: 15px;
			 	height: 200px;
			 	margin-bottom: 15px;
			 	border-left: none;
			 }

			.box-content { padding: 20px; }

			.suivez .box-content h4 { height: 35px; padding-top:0;}
			.flux-inline {    padding-top: 10px;}

			.coord.span3 ,
			.regions.span3 {
				float: right;
				width: 45%;
				margin: 0;
				padding: 0;
				margin-right: 20px;
			}

			.bigfooter { display: none; }

			.page_sommaire #aside .postit-container ,
			.page_sommaire #aside .cell-box.breve{ display: none; }

			#aside .navigation{ margin: 1em; line-height: 1.1em; }		

			#aside .extra { display: none; }
			.page_sommaire #aside .extra { display: block; }

			.header-titre { padding-left: 40px; }

			.content .cartouche,
			.content .main { padding-left: 20px; }

			.page_sommaire .content .main { padding-left: 0px; }			

		 	.navbar-fixed-top { z-index: 1200; max-height:50px;}
		 	.navbar-fixed-top .navbar-inner{
		 		min-height:40px;
		 	}

			.cartouche .spip_logos, 
			.hero-unit .spip_logos { max-width: 150px; }

			.edito .h1-like.surtitre, .page_article .h1-like.surtitre {
				font-size: 1em;
				color: #132e5b;
				margin-bottom: 1em;
				line-height: 1.4em;
				text-align: center;
				font-weight: 500;
			}
			.edito .h1-like.surtitre small, .page_article .h1-like.surtitre small{
				font-size: .8em;
				color: #132e5b;
				line-height: 1em;
				text-align: center;
				font-weight: 500;
			}

.footnav .links li {
       margin-top: 1em;
}

	}



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

			body { padding: 0; }

			.header {
				background: #1478b4 url("img/TDAH_Website_Header_small.jpg") no-repeat  center bottom;
				height: 85px;
			}

		/*	.une .edito .spip-logos, 
			.une .logo, */
            .cartouche .spip_logos, 
            .hero-unit .spip_logos {
               max-width: 80px; 
  }



			.page_sommaire #aside .cell-box , 
			.top-foot .cell-box  {
				float: left;
				width: 45%;
				margin-left: 10px;
				margin-bottom: 10px;
				height: 210px;
			}

			.box-content { padding: 10px; }

			.container, 
			.navbar-fixed-top .container  {
				width: 100%;
				margin: 0;
			}

	}



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

		.liste .h2 {
			background-position: 1% center;
			background-size: 15px;
			font-size: 24px;
		}

		.page_sommaire .liste.articles .h2 {
			padding-left: 20px;
			background-image: none;
		}

		 .une .header-titre {
		 	font-size: 24px;
		 	padding-left: 20px;
		 }

		h1, .h1, .h1-like { font-size: 1.5em; line-height: 1.25em; }

		.box-content { padding: 10px; }	

		.content .cartouche, 
		.content .main { padding-left: 10px; }

		.main { margin-right: 10px; }

			.page_sommaire #aside .cell-box ,  .top-foot .cell-box  {
				float: left;
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 10px;
				height: 200px;
			}

			.box-content { padding: 30px; }			

			.suivez .box-content h4 { height: 25px; }

			.coord.span3, .regions.span3 {
				float: none;
				margin: auto;
				padding: 1em;
				width: 90%;
				display: block;
			}

			.breadcrumb {display:none;}			

			.agenda .spip_logos { max-width: 50px; }

			.liste-items .item { padding-left: 10px; }

			.agenda .evenement .banner .label {
				height: 30px;
				width: 30px;
				font-size: 0.8em;
			}

			.postit-container.right ,
			.postit-container.left {
				float: none;
				margin: auto;
				display: block;
				width: 100%;
			} 

			.agenda .evenement .banner .day { font-size: 18px; }
			.agenda .evenement .banner .month { font-size: 14px; width: 30px; }

	}







@media print {

	.nav, .navbar,
	.breadcrumb,
	#aside,  aside, .aside, 
	div.socialtags, 
	.formulaire_recherche, .formulaire_spip,
	#footer  { 
	display: none; }

    body {
    	font-size: 95%;
    	color: black;
    	width: 100%;
    	font-family: Arial, Helvetica, sans-serif;
    }

  	.header {
  		background: #1478b4 url("img/bando-site-320.jpg") no-repeat  left bottom;
  		height: 85px;
  		margin-top: 0;
  		content: "HyperSupers - TDAH France"
		color: #333;
  	}
			
	  .header-titre { padding-left: 0; }

  		h1, .h1, .h1-like, h2, .h2, .h2-like, h3, .h3, .h3-like, h4, .h4, .h4-like, h5, .h5, .h5-like, h6, .h6, .h6-like {
  			font-family: Arial, Helvetica, sans-serif;
  		}

   a[href]:after {content: normal; }

 	#content.content.span9 { width: 90%; margin: auto; }

  	.cartouche { margin-top: 0; }
  	ul.spip li:before { content: "- "; }
  	div.blocs_invisible { display: block; }


}