/****************** TAILLES ********************/
.deduction_fiscale .avant, .deduction_fiscale .apres, .don {
  width:31%;
}

#menu_agir a {
	width:22%;
}


@media only screen and (min-width: 1160px) { 
   .deduction_fiscale {
    left:11%;
  }
  
  #agir .don.end {margin-right:0px;}
  
  
  body #agir .diaporama-container {width:31%;}
}


@media only screen and (max-width: 1160px) { 
  #agir .don {
    width:45%;
  }
  #agir .don .pair {margin-right:0px;}
  .deduction_fiscale .avant, .deduction_fiscale .apres {
    left:0;
    width:42.5% !important;
  }
}
@media only screen and (max-width: 759px) { 
  #menu_agir {
    font-size:1em;
  }
  
  #agir .don {
    width:100%;
  }
  
  .deduction_fiscale .avant, .deduction_fiscale .apres {
    left:0;
    width:42.9% !important;
    line-height:1.4em;
  }
  .deduction_fiscale .switch {width:14% !important;}
}

@media only screen and (min-width: 760px) { 
  #agir .bggris .centre {width:725px;}

  #agir .diaporama-container {width:45%;display:inline-block;}
  #agir .diaporama-25  {margin-right:2.6%;}
  
}
@media only screen and (min-width: 900px) {
  #agir .descriptif p, #agir .chapo h2.spip, #agir .chapo h3.spip {width:760px;margin:auto;} 
}



#agir .don {margin-right:3%;}
#menu_agir a.blanc {color:#fff;}
#menu_agir a.blanc:hover {color:#fff;}
.deduction_fiscale a.blanc {color:#fff;}
.deduction_fiscale a.blanc:hover {color:#fff;}



/******************* DEROULE **********************/



#agir h1 {
  text-align: center;
}

.descriptif {
	margin-bottom:3em;
}
#menu_agir {
  margin: 0;
}
#menu_agir.fixed {
  position:fixed;
  top:0.5em;
  z-index:50;
}
#menu_agir.fixed a {
		-webkit-box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.3);
	box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.3);
}

#menu_agir a {
  /*display:block;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float:left;
  text-align:center;
  font-weight:bold;
  height:3.5em;
  line-height:1em;
  /*padding:1em 0em;*/
  padding: 0 0.5em;
  vertical-align:middle;
  transition:0.2s;
  -moz-transition:0.2s;
  -webkit-transition:0.2s;
}
#menu_agir a > span {
  display: block;
  margin: auto;
}

#menu_agir a:last-child {
  margin-right:0px;

}


#agir .chapo {
  padding-top:4em !important;
}
#agir .chapo .spip {margin-bottom:0.5em !important;}

.deduction_fiscale {
  line-height:2em;
  font-weight:bold;
  position:relative;
  margin:2em 0 1em 0;
}

.form_don {margin-top:1em;}

.deduction_fiscale a {float:left;}

.deduction_fiscale .avant, .deduction_fiscale .apres {
  text-align:center;
  display:block;
  border-radius: 2px;
}
.deduction_fiscale .switch {
  display:block;
  width:8%;
  height:2em;
  border-top:0.5em solid white;
  border-bottom:0.5em solid white;
  border-left:0.3em solid white;
  border-right:0.3em solid white;
  background:#DDD;
}

.deduction_fiscale .btn {
  background:#333;
  display:block;
  width:1.5em; 
  height:1.5em;
  z-index:10;
  position:relative;
  top:-0.25em;
  transition:margin-left 0.6s;
}

.deduction_fiscale.on .btn {
  float:right;
}





#agir h3.spip {border-left:0px;padding-left:0px;margin:0.8em auto;}
span.setp {
  display:inline-block;
  background: url("/squelettes/design/logo_setp.png") no-repeat;
  width:28px;  
   height:1.4em;
  background-size:100% auto;
}

#agir .don {
  float:left;
  border-radius: 2px;
}
#agir .chapo h2 {
  margin-left:1.7em;
  margin-bottom:0.3em;
}
.don {
  font-weight:bold;
  text-align:center;
  padding:1.2em;
  margin-bottom:3%;
}

.don .montant {width:50%; margin:0 auto 0.5em auto;}
.don .autre_montant {width:100%;}
.don .montant > div, .don .autre_montant {
  
  padding:0.3em 0;
}
.don .montant .apres {display:none;}
.don .montant > div {
  border-left:0.5em solid;
  border-right:0.5em solid;
}
.don .titre {
  margin-top:0.7em;
  height:3.3em;
  text-align: center;
}


.don input[type=submit] {
  border:none;
  font-weight:bold;
  width:50%;
  min-width:7em !important;
  padding:0.2em 0;
}

.don input[type=text]{
  width:44%;
  min-width:6em !important;
  padding-left:0.4em;
  height:1.8em;
}



#agir .bggris .centre {margin-bottom:3em;}

#agir .bggris .centre h2.spip {margin-bottom:1.8em;}


/****************************** ADHESION *********************************/

.adhesion .texte {
  padding: 1.5em;
  margin-top: 0;
  border-radius: 2px;
  margin-bottom: 0.5em;
}
.adhesion .texte p:first-child {
  margin-top: 0;
}

.adhesion .donadhesion input[type=text] {width:27%; margin-top:0;}
.adhesion .donadhesion .boutons {width:calc(72% - 1em);}
.adhesion form .boutons {
  margin-bottom: 0.5em;
}
.adhesion a.submit {
    display: inline-block;
    line-height: 2em;
}
.donadhesion p {margin-bottom: 0.5em;}
.donadhesion .boutons {margin-top: 0;}
.adhesion hr {
  margin: 1.5em 0 1em;
}
.adhesion form .saisie_input.revenus {
  margin-top:0;
}



/******************************* MILITER **********************************/

#agir .bgbleu .diaporama a {text-decoration:none;}

.diaporama {width:100%;height:0; padding-bottom:66% ;overflow:hidden; position:relative;}
.diaporama-container h3 {font-weight:normal;} 

.diaporama .fleche_g {
  left:0;
  background:url("/2016/design/fleche-g.svg") no-repeat center center;
}
.diaporama .fleche_d {
  right:0;
  background:url("/2016/design/fleche-d.svg") no-repeat center center;
}
.diaporama .fleche_g, .diaporama .fleche_d {
  display:block;
  width:13%;
  height:100%;
  position:absolute;
  z-index:10;
  background-size:auto 80%;
}
.diaporama .fleche_g:hover, .diaporama .fleche_d:hover {
}
.diaporama .diapos {
  height:100%;
  width:1000%;
  position:absolute;
}
.diaporama .diapos a {
  height:100%;
  width:10%;
  display:block;
  float:left;
  transition: left 0.5s ease-out;
  -moz-transition: left 0.5s ease-out;
  -webkit-transition: left 0.5s ease-out;
  position:relative;
  left:0;
}
.diaporama .diapos a .titre {display:block;height:20%;text-align:center;position:relative;top:40%;z-index:8;margin: 0 10%;}
.diaporama .diapos a .vignette {height:90%;margin:-10% 0% 0% 28%;opacity:0.2;filter:alpha(opacity=20);}
.diaporama .diapos a .vignette img {height:100%;width:auto;}

.kit-militant h2 {
  margin-top:0;
}
.kit-militant .texte h3.spip {
  text-align:left !important; 
}
.kit-militant .texte h4.spip {
  border-left:0px;
  background:url("/2016/design/croix-militer.png") no-repeat 0px 0.2em;
  padding-left:1.3em;
  margin-left:1.5em;
  background-size:0.8em;
  margin-bottom:0px;
}

.kit-militant .texte ul {
  margin:0 !important;
}

.kit-militant .texte li {
  list-style-type:none;
  background:url("/2016/design/rond-militer.png") no-repeat 0px 0.2em;
  background-size:0.8em;
  padding-left:1.5em;
  margin:1em 0 0 3.8em;
}

.kit-militant .texte p {
  margin-left:6.5em;
  padding-top:0px !important;
  margin-top:0px;
}