.espace-adherents .liens {
	text-align:right;
  margin-top:1em;
  margin-bottom:-1em;
}
.espace-adherents .liens a {
	display:block;
	margin-bottom:0.5em;
}

.onglets .tableaubord {
  background-image:url("/2016/design/tableaubord.svg");
	width:100%;
}
.onglets .materiel {
  background-image:url("/2016/design/materiel.svg");
}
.onglets .alire {
  background-image:url("/2016/design/livre.svg");
}
.onglets .cyber {
  background-image:url("/2016/design/cyber.svg");
}
.onglets .questions {
  background-image:url("/2016/design/questions.svg");
}
@media screen and (min-width:550px){
	.espace-adherents .liens {
		margin-top:-1.8em;
	}
}

@media screen and (min-width:768px){
	.espace-adherents .onglets a {
	 width:8em;
	}
}
@media screen and (min-width:1100px){
	.espace-adherents .onglets a {
	 width:10em;
	}
}

.pellicule {
	background: #000;
	height: 9em;
	position: relative;
	overflow: hidden;
}

.pellicule .prev, .pellicule .next {
    position:absolute;
    background-color:#000;
    display:block;
    height:9em;
    width:2.5em;
    font-size:1em;
    -webkit-transition:-webkit-filter 0.2s;
    transition:-webkit-filter 0.2s;
    transition:filter 0.2s;
    transition:filter 0.2s, -webkit-filter 0.2s;
    background-repeat:no-repeat;
    background-position:center;
    background-size:50% auto;
    z-index:20;
    -webkit-filter:brightness(20%);
            filter:brightness(20%);
  }
  .pellicule .prev {
    left:0;
    background-image:url("/2016/design/fleche-g.svg");
  }
  .pellicule .next {
   right:0;
    background-image:url("/2016/design/fleche-d.svg");
  }
  .pellicule .prev.active, .pellicule .next.active {
    -webkit-filter:brightness(150%);
            filter:brightness(150%);
  }
  .pellicule .prev.active:hover, .pellicule .next.active:hover {
    -webkit-filter:brightness(300%);
            filter:brightness(300%);
  }

.pellicule .flex {
	width:150%;
}


.pellicule a.thumbnail {
	/*display: inline-block;*/
	/*position: relative;*/
	padding: 0.5em 0.4em 0.5em 0em;
}
.pellicule img {
	height: 8em;
	max-width: inherit;
}
.bulletin .nav {
	margin-top: 2em;
}
.nav .precedent, .nav .suivant {
	background-repeat: no-repeat;
	-webkit-background-size: auto 50%;
	background-size: auto 50%;
}
.nav .precedent {
	background-image: url("/2016/design/chevron-g.svg");
	background-position: left 0.5em center;
	padding-left: 1.8em;
}
.nav .suivant {
	background-image: url("/2016/design/chevron-d.svg");
	background-position: right 0.5em center;
	padding-right: 1.8em;
}
.bords {
	border: 1px solid;
}
.gros-bd {
	border: 5px lightgrey solid;
}
.bloc.message {
	position: relative;
}
.bloc.message::before {
	content:"";
	position: absolute;
	right: 1em;
	top: 1em;
	width: 2em;
	height: 2em;
	background: url("/2016/design/croix-fermer.svg") no-repeat right top;
	/*background-position:right 5px top 5px;*/
}
.dernieres-actions li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.dernieres-actions li:last-child {
	border-bottom: none;
}
.dernieres-actions .date {
	padding: .2em .5em .1em;
	margin-right: .5em;
	border-radius: 2px;
}

.autaquet > h2 {
	margin-top: 1.5em;
}

.poster-action .gauche, .poster-action .droite {
	width: 100%;
}
.poster-action .input {
    width: 100%;
    margin-bottom: 0.5em;
}
.poster-action .input input, .poster-action .input textarea {
    flex-grow: 1;
}
.poster-action a.submit {
	display: block;
}
.enbref {
	-webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.nav-bulletins div {
	width: 50%;
}
.nav-bulletins .next, .nav-bulletins .prev {
	font-size: 1em;
	font-weight: bold;
	text-align: right;
}
.nav-bulletins .next {
	text-align: left;
}
.nav-bulletins strong, .nav-bulletins a  {
	display: inline-block;
	padding: 0.2em 0.5em;
	color: #FFFFFF;
	background-color: #888;
}
.nav-bulletins .disabled strong, .nav-bulletins .disabled a {
	background-color: #BBB;
}
.nav-bulletins.pagination .disabled {
	visibility: inherit;
}
.nav-bulletins.pagination a:hover {
	color: #FFFFFF;
	background-color: #666;
}

/*********************************************************************** MATERIEL *******************************************************************/

.matos {
	/*max-height: 200px;*/
	margin: 1em 0;
	/*border-bottom: solid 1px lightgray;*/
}
.filet {
	display: block;
	height: 1px;
	background-color: lightgrey;
}
.matos .infos {
	align-self: stretch;
}
.matos .infos .type {
	padding: .2em .5em;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 0.2em;
}
.apercu .aide {
	margin-right: 1em;
}
.matos.ligne .apercu {
	text-align:center;
}
.question .video {
	background-image:url("/2016/design/video.svg");
	background-position:center;
	background-size:auto 80%;
}
.question:hover .video {
	background-size:auto 100%;
}
.infographie .apercu {
	width:100%;
}


@media screen and (max-width:449px) {
	.tract {display:block;}
	.tract .flex .actions {display:none;}
	.matos.ligne .apercu img {
		max-width:150px;
		margin-bottom:2em;
	}
}

@media screen and (min-width:450px){
	.matos.ligne .infos {
		width: calc(100% - 170px);
	}
	.matos.ligne .apercu {
		width: 150px;
		margin-left: 20px;
		min-height:120px;
		margin-top:10px;
	}
	.matos.ligne .apercu img {
		max-height: 200px;
	}

	.matos.ligne .apercu {
		float: right;
	}
	.matos .actions.mobile {display:none;}
	
}

@media screen and (min-width:440px) and (max-width:767px) {
	.trois-colonnes > div {
		width: 48%;
	}
	.trois-colonnes > div.matos:nth-child(2n) {
		margin-left: 4%;
	}

	.partage .trois-colonnes {width:105%;}
	
	.partage .trois-colonnes > div.matos {
		width:45.7%;
		margin-right:4.3%;
		margin-left:0;
	}
}


@media screen and (min-width:768px){
	.trois-colonnes > div {
		width: 30%;
	}
	.trois-colonnes > div.matos:nth-child(3n+1) {
		margin-right: 5%;
	}
	.trois-colonnes > div.matos:nth-child(3n+3) {
		margin-left: 5%;
		/*margin-right: 0;*/
	}
	
	.partage .trois-colonnes {width:105%;}
	
	.partage .trois-colonnes > div.matos {
		width:28.5%;
		margin-right:4.7%;
		margin-left:0;
	}
}

@media screen and (min-width:650px){
	.deux-colonnes > div, .rubrique-145 .flex-sb > div {
		width: 47%;
	}
	.deux-colonnes > div.matos:nth-child(4n) {
		margin-right: 6%;
	}
	.rubrique-145 .flex-sb > div.matos:nth-child(4n) {
		margin-right:0;
	}
	.deux-colonnes .filet.mobile {display:none;}
}


.infographie img {
	width:100%;
	margin: 0.5em 0;
}
.matos.campagne .titre {
	margin-bottom: 0;
}
.matos.campagne .date {
	margin-bottom: 0.7em;
	margin-top: 0.3em;
}
.matos.campagne .apercu {
	float: none;
	display: block;
	height: 0;
	padding-bottom: 56%;
	background-size: 100%;
	background-position: center;
	-webkit-transition: background-size 0.3s;
	transition: background-size 0.3s;
}
.matos.campagne a:hover .apercu {
	/*transform: scale(1.1,1.1);*/
	-webkit-background-size: 110%;
	background-size: 110%;
}
.campagnes > h3 {
	margin-top: 2em;
}
.matos .fb, .matos .tw {
	width: 1.8em;
	background-size: auto 50%;
	margin-right: 0.5em;
}
a.telecharger, a.commander {
	width: 1.8em;
	background: url("/2016/design/telecharger.svg") no-repeat scroll center center;
	/*background-size: auto 50%;*/
    box-sizing: border-box;
    display: block;
    max-width: 6em;
    overflow: hidden;
    position: relative;
    margin-right: 0.5em;
}
a.commander {
	background: url("/2016/design/commander.svg") no-repeat scroll center center;
}
a.telecharger::before, a.commander::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
a.telecharger:hover, a.commander:hover {
	-webkit-filter:brightness(50%);
            filter:brightness(50%);
}

@media screen and (max-width:767px){
	.enbref .droite {width: 100%;}
}
@media screen and (min-width:768px){
	.enbref {
		-webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
	}
	.enbref .gauche {
		width: calc(97% - 18em);
	}
	.enbref .droite {
		width: 18em;
	}
	.poster-action {
		margin-bottom: 3em;
	}
	.poster-action .gauche, .poster-action .droite {
		width: 47.5%;
	}
	.poster-action .input input.cp {
		margin-right: 1em;
	}
	.poster-action .input input.lieu {
		flex-grow: 2;
	}
}


/**************************************  Cybermilitants ************************************/


.msgintro a {
	margin: 0 0.5em;
}
.facebook, .twitter, .youtube {
	margin: 3em 0;
}
.facebook .tiers > div, .twitter .tiers > div, .youtube .flex > div {
	width:100%;	
	margin-bottom:2em;
}

a.ytchaine {
	width:100%;
	margin: 0 .5em;
	padding-left: 4.5em;
	background: url(/2016/design/YouTube_color.svg) no-repeat .5em center;
	-webkit-background-size: auto 1.3em;
	background-size: auto 1.3em;
}

@media screen and (max-width:449px) {
	.setpreseaux .facebook .flex, .setpreseaux .twitter .flex {display:none;}
}
@media screen and (min-width:450px) {
	.setpreseaux .mobile {display:none;}
	a.ytchaine {width:auto;}
}


@media screen and (min-width:640px) and (max-width:899px){
	.facebook .tiers > div, .twitter .tiers > div, .youtube .flex > div {
		width: 48%;
	}
}

@media screen and (min-width:900px) {
	.facebook .tiers > div, .twitter .tiers > div, .youtube .flex > div {
		width: 30%;
	}
	.setpfb, .jcfb {
		margin-top:4em;
	}
	.regionfb select {margin-bottom:1em;}
}
.regionfb select:required:invalid {
    color: #999;
    }
.regionfb option[value=””][disabled] {
	display: none;
}
.regionfb option {
color: #000;
}


/************************************ Se FORMER ****************************************/

.liens-importants {
	-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.liens-importants .boutons {
	margin-bottom: 0.5em;
}
.liens-importants .boutons:last-child {
	margin-bottom: 0;
}
.btn_dossiers, .btn_NS {
	float: right;
	margin: 0;
}
.rub-139 h1 {clear: both;}

@media screen and (min-width:550px) {
	.liens-importants {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.liens-importants .boutons {
		margin-bottom: 0;
		margin-right: 0.5em;
	}
	.liens-importants .boutons a {
		font-size: 1em;
	}
	.liens-importants .boutons:last-child {
		margin-right: 0;
	}

}