@font-face{
    font-family: "Vista Slabot";
    src: url('fonts/vistaslabot-book.woff') format("woff")
}

@font-face{
    font-family: "Bebas Neue";
    src: url('fonts/bebasneue_regular.woff') format("woff")
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


body, select, input, textarea {
    color: #666666;
}


section {
    margin-top: 40px;
    margin-bottom: 40px;
}


::selection {
    background: #f4a82c;
    color: #fff;
    text-shadow: none;
}

html, body 
{
    height: 100%;
    padding: 0;
    margin: 0;
    width: 100%;
}



/*
	@font-face {
	  font-family: 'Bebas Neue';
	  font-weight: 400;
	  src: url("/font/bebasneue_regular.eot");
	  src: url("./font/bebasneue_regular.eot?#iefix") format("embedded-opentype"), 
	  url("./font/bebasneue_regular.woff") format("woff"), 
	  url("./font/bebasneue_regular.otf") format("otf"), 
	  url("./font/bebasneue_regular.ttf") format("truetype"), 
	  url("./font/bebasneue_regular.svg#PolicePerso") format("svg");
	}
*/



body {
    font-size: 13.5px;
    line-height: 1.7em;
    font-family: 'Vista Slabot';
    font-weight: 400;

}

@media screen and (min-width: 1600px)
{
    body {
        font-size: 16px;
    }
}
ul{
    list-style-position: inside;
}

p 
{
    margin-bottom: 12px;
    line-height: 2em;
}

meter 
{ 
    display: inline-block; 
    height: 1em; 
    width: 100%; 
    vertical-align: -0.2em; 
    -webkit-appareance: meter; 
    -webkit-block-flow: tb !important; 
}

h1 
{
    font-size: 2em;
    line-height: 1.25em;
    margin-top: 45px;
    margin-bottom: 45px;
    position: relative;
    font-weight: bold;

}

h2 
{
    font-size: 1.65em;
    line-height: 1.25em;
    margin-top: 45px;
    margin-bottom: 45px;
    position: relative;
    font-weight: bold;
}

h3
{
    font-size: 1.45em;
    line-height: 1.25em;
    margin-top: 35px;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold;
}

h4 
{
    font-size: 1.2em;
    line-height: 1.25em;
    margin-top: 20px;
    margin-bottom: 45px;
    position: relative;
    font-weight: bold;
}


.wrapper h1:after,.wrapper h2:after,.wrapper h3:after,.wrapper h4:after,.wrapper h5:after,.wrapper h6:after {
    content: url(images/separateur-titre.svg);
    position: absolute;
    bottom: -27px;
    left: -2px;
    width: 127px;
    height: 31px;
}


/* liens */

a
{
    font-family: "Bebas Neue";
    text-decoration: none ;
    color: #9ABE37 ;
    letter-spacing: 0.012em;
}


a:hover
{
    opacity: 0.7;
    color: #9ABE37 ;
}


/* images */
img {
	width: auto;
	height: auto;
	vertical-align: middle;
}
a img { border: 0; }

#img_telecharger
{
    width:20px
}


/* Mise en forme simple pour les tableaux */

table {
  margin: 0;
  border: 1px solid #000000; /* Pas de bordure = "none". */
  border-collapse: collapse; /* Valeur par défaut: "separate". */
  border-spacing: 0;
}

table td, table th {
  padding: 4px; /* Pas de retrait autour du texte = "0". */
  border: 1px solid #FFFF; /* Pas de bordure = "none". */
  vertical-align: top; /* Valeur par défaut: "middle" */
}


/*-----mise en page---------*/

header
{
    top: 0px;
    z-index: 2;
    position : fixed;
    background-color:white; 
    background-size:100%;
    background-repeat: repeat-y;
    color: #fff ;	
    padding: 0;
    margin: 0;

}

#container
{
    position : fixed;
    background-color:white; 
    width:100%;
    padding: 0;
    margin: 0;
    height: 74px;
}

@media screen and (min-width: 1024px)
{
    #container {
        height: 134px;
    }
}

#identite {
    /* width: 238px; */
    height: 60px;
    padding-top: 14px;
    /* margin: auto; */
    margin-left: 54px;
    display: block;
}

@media screen and (min-width: 1024px)
{
    #identite 
    {
        position: absolute;
        left: 6vw;
        top: 10px;
        padding-top: 0;
        margin-left: 0px;
        width: auto;
    }
}


#identite h3{
    color: #5b5b5b;
    margin-left: 56.5px;
    margin-top: 4px;
    font-weight: bold;
    font-size: 1.8em;
    margin-bottom: 0px;
    font-family: 'Bebas Neue';
    letter-spacing: 0.012em;
    width: 100px;
}

@media screen and (min-width: 360px)
{
    #identite h3
    {
        width: auto;
    }
}

@media screen and (min-width: 1024px)
{
    #identite h3{
        margin-left: 135px;
        margin-top: 17px;
        font-size: 2.66rem;
    }
}

#info_phase
{
	width:100%;
	margin: .5em .5em .5em .5em;
	float: left ;
	color: #5b5b5b ;
	font-size: .8em ;

}

nav
{
	background-color:#32A2C6;
	color: #fff ;
}

aside
{
    top: 224px;
    position : fixed;
    width: 150px ;
    height: 100%;
    float: left ;
    text-align: left ;
    font-weight:bold ;
    /*border-right: 2px solid #fff ;*/
    background-color:#fff ;
    color: #32A2C6 ;
    padding: 0.5em ;

}

main {
    margin-top: 74px;
}
@media screen and (min-width: 1024px)
{
    main {
        margin-top: 134px;
    }
}

footer
{
	width: 100% ;
	text-align: center ;
	padding: 0.5em ;
        margin-top: auto;
        background: #09485a;
        color: white;
	

	font-size: 2vw;
	font-weight: bold ;
	letter-spacing: 0.012em;	
	
}

body>.header {position:fixed}

.insider{
    background-image: linear-gradient(60deg, #9abe37, #32a2c6);
    color: white;
    min-height: 150px;
    margin: 0;
    padding-left: 17vw;
    padding-right: 17vw;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align:justify;
}


.insider h1{
    margin-top: 5px;
    margin-bottom: 15px;
}

#bandeau_autosave
{
    background: mistyrose;
    padding-left: 17vw;
    padding-right: 17vw;
    position: fixed;
    width: 100%;
    bottom: 0;
    display: none;
}


.insider a
{
    text-decoration: none;
    color: #FFF;
    opacity: 1;
    letter-spacing: 0.012em;
    border: 1px solid white;
    padding: 1px;
    font-style: normal;
}


.insider a:hover
{
	opacity: 0.7;
}



.wrapper {
    padding-left: 6vw;
    padding-right: 6vw;
    padding-bottom: 1vw;
    padding-top: 1vw;
}
@media screen and (min-width: 1024px)
{
    .wrapper {
        padding-left: 11vw;
        padding-right: 11vw;
    }
}

@media screen and (min-width: 1440px)
{
    .wrapper {
        padding-left: 13vw;
        padding-right: 13vw;
    }
}
/*-----------------------Menu du haut ----------------------*/

nav#modale-menu 
{
    display: block;
    max-height: calc(100vh - 120px);
    overflow-y: scroll;
}

nav#modale-menu {
    z-index: 2;
    position: absolute;
    text-align: center;
    display: none;
    width: calc(100% - 60px);
    padding: 15px 30px;
    background: #99be13;
    background: -webkit-gradient(linear, left top, right top, color-stop(1%, #99be13), to(#1b9bc7));
    background: linear-gradient(to right, #99be13 1%, #1b9bc7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99be13', endColorstr='#1b9bc7',GradientType=1 );
    color: white;
}

@media screen and (min-width: 1024px)
{
    nav#modale-menu 
    {
        display: block;
        top: 140px;
        position: initial;
        background: none;
    }
}


@media screen and (min-width: 1024px)
{
    .menu_principal {
        position: absolute;
        left: calc(6vw + 135px);
        top: 83px;
    }
}

.menu_principal {
    text-transform: uppercase;
    color: #737373;
}

.menu_top{
    list-style-type: none;
}
@media screen and (min-width: 1024px)
{
    .menu_top li {
        display: inline-block;
        margin-right: 20px;
    }
}
.menu_top li a {
    position: relative;
    padding: 13px 0;
    width: 100%;
    display: block;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    font-weight: bold;
    color: white;
    font-family: 'Bebas Neue';
    letter-spacing: 0.012em;
    font-size: 1.2em;
}
@media screen and (min-width: 1270px)
{
    .menu_top li a {
       font-size: 1.67em;
    }
}

@media screen and (min-width: 1024px)
{
    .menu_top li a {
        display: inline-block;
        border: none;
        color: #5b5b5b;
        opacity: 0.3;
        padding: 12px 0 0 0;
        height: 39px;
    }
}

.menu_top li a:hover {
    opacity: 1;
}


.menu_accueil{
    display: block;
}

.menu_accueil:before{
    content: url(images/Icon_tente.svg);
    top: 17px;
    float: left;
    width: 21px;
    height: 23px;
    display: block;
    padding: 2px 5px 0 0;
    -webkit-filter: brightness(100);
    filter: brightness(100);
}

@media screen and (min-width: 1024px)
{
    .menu_accueil:before {
        -webkit-filter: none;
        filter: none;
        top: 14.5px;
    }
}


#identite img.site {
    display: none;
}
#identite img {
    width: 50px;
    float: left;
}
@media screen and (min-width: 1024px)
{
    #identite img {
        width: 103px;
    }
}
@media screen and (min-width: 1024px)
{
    #identite img.mobile {
        display: none;
    }
}
@media screen and (min-width: 1024px)
{
    #identite img.site {
        display: block;
    }
}


#container .button-menu {
    height: 31px;
    width: 35px;
    display: block;
    position: absolute;
    left: 5px;
    top: 19px;
    padding: 12px 0 0 10px;
}
@media screen and (min-width: 1024px)
{
    #container .button-menu {
       display: none;
   }
}

#container .button-menu > span {
    width: 24px;
    height: 2.5px;
    background: black;
    opacity: 0.37;
    display: block;
    margin-bottom: 4px;
}

/* style des formulaires */

.form_prop
{
    width: 100%;
    border: 1px solid #9abe37;
}


/* style des tables des propositions & amendements */

/* vue hierarchique */
#bouton_vue_liste_hier
{
    display: none;
}

#vue_hier table
{
	margin:5px;	
	border-radius: 5px;
        width: 100%
}

#vue_hier table > tr:first-child > td:first-child {
	border-top-left-radius: 5px;
}

#vue_hier table > tr:first-child > td:last-child {
	border-top-right-radius: 0px;
}

#vue_hier table > tr:last-child > td:first-child {
	border-bottom-left-radius: 5px;
}

#vue_hier table > tr:last-child > td:last-child {
	border-bottom-right-radius: 0px;
}



/* vue liste */


#vue_liste table
{
	border-radius: 5px;
        width: 100%
}

#vue_liste table > tr:first-child > td:first-child {
	border-top-left-radius: 5px;
}

#vue_liste table > tr:first-child > td:last-child {
	border-top-right-radius: 0px;
}

#vue_liste table > tr:last-child > td:first-child {
	border-bottom-left-radius: 5px;
}

#vue_liste table > tr:last-child > td:last-child {
	border-bottom-right-radius: 0px;
}

.oeil
{
	width:50px;
}

.table_propo
{ 
	width:100%;
	border-radius: 5px;
}

/* arrondi */
.table_propo tr:first-child > td:first-child {
	border-top-left-radius: 5px;
}

.table_propo tr:first-child > td:last-child {
	border-top-right-radius: 0px;
}

.table_propo tr:last-child > td:first-child {
	border-bottom-left-radius: 5px;
}

.table_propo tr:last-child > td:last-child {
	border-bottom-right-radius: 0px;
}

/* coloration une ligne sur 2 */

.table_propo tr:nth-child(even) 
{
	background-color: #9abe374d;
}

/* coloration ligne titre */

.table_propo th 
{
  background-color: #9abe37;		/*429608 passé au bleu*/
  color: white;
}

/* style des tables de description des propositions */

.description_propo
{
    border: 1px solid #9abe37;
    border-radius: 10px;
    margin-bottom: 1em;
}
.description_propo .label_desc_propo{
    color:#FFF;
    font-weight: bold;
    background: #9abe37;
    border: 1px solid #9abe37;
    border-radius: 10px;
    text-align: center;
    padding: 0.5em;
    margin:0.5em;
}

.description_propo .content_desc_propo{
    border: 1px solid #9abe37;
    border-radius: 10px;
    background: #FFF;
    padding: 0.5em;
    margin:0.5em;
}

.description_propo .desc_subtitle{
    border: 2px solid #9abe37;
    border-radius: 10px;
    background: #FFF;
    padding: 0.5em;
    margin:0.5em;
    color: #9abe37;
    font-weight: bold;
    text-align: center;
}
.description_propo .header_desc{
    display: grid;
    grid-template-columns: 0.5fr 1fr;
}



@media screen and (min-width: 768px)
{
    .description_propo .header_desc {
        grid-template-columns: 0.5fr 0.2fr 0.5fr 1fr 0.5fr 1fr;
    }
}
.description_propo tr:nth-child(even) {background-color: #f2f2f2;}

.description_propo th {
  background-color: #429608;
  color: white;
}

th.colonne_accessoire{
    display: none
}
td.colonne_accessoire{
    display: none
}
@media screen and (min-width: 400px)
{
    td.colonne_accessoire{
        display: table-cell
    }
    th.colonne_accessoire{
        display: table-cell
    }
}
/* c'est où ? */
.colonne1
{
	width:200px;
}

.colonne2
{

}

/* encore utilisé ? */

#propo_titre
{
	height:30px;
}

#propo_fille_titre
{
	width:800px;
	height:30px;
}

#propo_fille_contexte
{
	width:800px;
	height:100px;
}

#propo_fille_texte
{
	width:800px;
	height:300px;
}



#propo_auteur{
    max-width: 100%;
    border: 1px solid #9abe37;
}


/* styles des réactions */ 

/*  commentaires niveau 1 */

.reaction
{
  border: 1px solid #DB7030; 
  border-radius: 10px;
  margin: 1em;
  padding: 1em;
}



.edit_reac
{
	float: left;
	font-weight: bold;
	color: #8F0000;
}

.date_reac
{
	text-align: right;
	margin-right: 10px;
	color: #8F0000;
}

.texte_reac, .texte_reac_cr
{
	color: white;
	border-radius: 10px;
	padding: 1em;
        margin-bottom: 1em;
}

.texte_reac
{
	background-image: linear-gradient(to right, #EE9B2D, #C13734);
}
.texte_reac_cr
{
	background-image: linear-gradient(to right, #336cc1, #13c62b);
}
/*  commentaires niveau 2 */
.reaction_lvl2
{
  margin-left: 2em;
  padding-left: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
}


.edit_reac2
{
	float: left;
	font-weight: bold;
	color: #8F0000;
}

.date_reac2
{
	text-align: right;
	color: #8F0000;
}

.texte_reac2
{
	background-image: linear-gradient(to right, #EE9B2D, #C13734);
	color: white;
	border-radius: 10px;
	padding: 1em;
}

.texte_reac2_cr
{
	background-image: linear-gradient(to right, #336cc1, #13c62b);
	color: white;
	border-radius: 10px;
	padding: 1em;
}

/*  commentaires niveau 2 */

div.spoiler
{
	padding: 3px;
	width: 100%;
	border: 1px solid black;
	cursor: pointer;

	background-color: #F5A700;/*orange logo éclé*/
	display: block;

	padding: 3px;
	min-height: 1.25em;
}

div.spoilerDiv
{
	width: 80%;
	margin-left: 10px;
	margin-right: auto;
}

div.contenuSpoiler
{
	display: none;
}

.lienAfficher
{
	text-decoration: none;
	cursor: hand;
	color: #8F0000;
}

.lienAfficher:hover
{
	text-decoration: underline;
}


/*  ------------- formulaire ---------- */


textarea#texte 
{
	width:50% ;
	height:50px;
}

input
{
        border: 1px solid #9abe37;
	color: #66668F;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;

}

input[type=button], input[type=submit], input[type=reset] , button
{
    background: white;
    margin: auto;
    border: 2px solid #9abe37;
    display: block;
    color: #9abe37;
    font-size: 1.2em;
    -webkit-transition: all .08s ease-in-out;
    transition: all .08s ease-in-out;
    text-transform: uppercase;
    
    display: inline-block;
    outline: none;
    padding: 5.5px 18.5px;

    font-weight: bold;
    font-family: 'Bebas Neue';
    font-size: 1.5em;
    letter-spacing: 0.012em;
    cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover , button:hover
{
    background: #9abe37;
    color: white;
}

label{
    font-weight: bold;
}

/* ----------------------proposition amendement -------*/
#Propo_amendement{
    display: none;
}

@media screen and (min-width: 420px)
{
   #Propo_amendement{
        display: block;
    }
    #Propo_amendement_mobile{
        display: none;
    }
}
/* -------------------------- Connexion /deconnexion ---------*/

#info_connex {
    /* width: 238px; */
    height: 60px;
    margin-top: 10px;
    /* margin: auto; */
    right: 54px;
    display: block;
    font-family: 'Bebas Neue';
    letter-spacing: 0.012em;
    font-size: 1.6em;
    opacity: 0.75;
    font-weight: bold;
    color: #32a2c6;
    position: absolute;
    right: 6vw;
    top: 10px;
    text-align : right;
}

@media screen and (min-width: 1024px)
{
   #info_connex {
        margin-top: 17px;
    } 
}

#info_connex #connect
{
    display: none;
}

#info_connex #deconnect
{
    display: none;
}

#info_connex #deconnect_site
{
    display: none;
}
#info_connex #connect_site
{
    display: none;
}

#info_connex #connect_mobile
{
    display: block;
}

#info_connex #deconnect_mobile
{
    display: block;
}
#info_connex p {
    color: inherit;
    font-weight: bold;
    font-size: 1.8em;
    margin-bottom: 0px;
    font-family: 'Bebas Neue';
    letter-spacing: 0.012em;
}

@media screen and (min-width: 1024px)
{
    #info_connex p {
        font-size: 2.66rem;
    }
}


#info_connex img {
    width: 40px;
    float: right;
}


@media screen and (min-width: 1024px)
{
    #info_connex #deconnect
    {
        display: inline-block;
    }
    #info_connex #connect
    {
        display: inline-block;
    }

    #info_connex img
    {
        display: inline-block;
        margin-top: 4px;
        margin-left: 4px;
        float: right;
    }
}

 #info_connex:hover {
    opacity: 1;
}

/*-------------------- liste propositions ----------------------------------*/
.section_propositions {
    text-align: center;
}
.liste_propositions {
    padding: 30px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 24px 18px;
}

@media screen and (min-width: 550px)
{
    .liste_propositions {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (min-width: 768px)
{
    .liste_propositions {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
    #bouton_vue_liste_hier
    {
        display: block;
    }
}

@media screen and (min-width: 1024px)
{
    .liste_propositions {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1280px){
    .liste_propositions {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}



.liste_propositions a, .liste_propositions div.noclick {
    color: #737373;
}
 
.liste_propositions a article, .liste_propositions div.noclick article, .liste_propositions a article,  .liste_propositions div.noclick article,  .liste_propositions a article, .liste_propositions div.noclick article,  .liste_propositions a article, .liste_propositions div.noclick article {
    padding: 20px 20px 75px 20px;
}
 
.liste_propositions a article, .liste_propositions div.noclick article {
    position: relative;
    text-align: left;
    padding: 20px 20px 75px 20px;
    background: #ededed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}


.liste_propositions a article header, .liste_propositions div.noclick article header {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: #9abe37;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-color: #32a2c6;
    z-index: inherit;
    height: calc(88vw * 0.52);
}


@media screen and (min-width: 550px)
{
    .liste_propositions a article header, .liste_propositions div.noclick article header {
        height: calc((88vw - 18px) / 2 * 0.5);
    }
}

@media screen and (min-width: 768px)
{
    .liste_propositions a article header, .liste_propositions div.noclick article header {
        height: calc((88vw - 36px) / 3 * 0.5);
    }
}

@media screen and (min-width: 1024px)
{
    .liste_propositions a article header, .liste_propositions div.noclick article header {
        height: calc((78vw - 36px) / 3 * 0.5);
    }
}

@media screen and (min-width: 1280px)
{
    .liste_propositions a article header, .liste_propositions div.noclick article header {
        height: calc((78vw - 54px) / 4 * 0.5);
    }
}
 
.liste_propositions a article .content, .liste_propositions div.noclick article .content {
    word-break: break-word;
    padding-top: calc(88vw * 0.52);
}

@media screen and (min-width: 550px)
{
    .liste_propositions a article .content, .liste_propositions div.noclick article .content {
        padding-top: calc((88vw - 18px) / 2 * 0.5);
    }
}

@media screen and (min-width: 768px)
{
    .liste_propositions a article .content, .liste_propositions div.noclick article .content {
    
        padding-top: calc((88vw - 36px) / 3 * 0.5);
    }
}
@media screen and (min-width: 1024px)
{
   .liste_propositions a article .content, .liste_propositions div.noclick article .content {
   
        padding-top: calc((78vw - 36px) / 3 * 0.5);
    } 
}

@media screen and (min-width: 1280px)
{
   .liste_propositions a article .content, .liste_propositions div.noclick article .content {
        padding-top: calc((78vw - 54px) / 4 * 0.5);
    } 
}

@media screen and (min-width: 1024px)
{
    .liste_propositions a article .content, .liste_propositions div.noclick article .content {
        padding-top: calc((((78vw - 10vw) * 0.75) - 20px) /2 * 0.5);
    }
}

@media screen and (min-width: 1280px)
{
    .liste_propositions a article .content, .liste_propositions div.noclick article .content {
        padding-top: calc((((78vw - 10vw) * 0.75) - 40px) /3 * 0.5);
    }
}

.liste_propositions a article header h4, .liste_propositions div.noclick article header h4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 5px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 1.6em;
    color: white;
    max-width: 78%;
    max-height: 78%;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Bebas Neue';
    letter-spacing: 0.012em;
    margin: auto;
    position: relative;
    text-align: center;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    overflow: hidden;
    text-overflow: ellipsis;
}

.liste_propositions a article header h4:after, .liste_propositions div.noclick article header h4:after
{
    content: initial;
}

.liste_propositions a:hover article .content .cta, .liste_propositions div.noclick:hover article .content .cta {
    background: #9abe37;
    border: 1px solid #9abe37;
    color: white;
}

.liste_propositions a:hover article .content, .liste_propositions div.noclick:hover article .content {
    opacity: 0.6;
}

.liste_propositions a:hover article header, .liste_propositions div.noclick:hover article .header {
    opacity: 0.6;
}

.liste_propositions a article .content .cta, .liste_propositions div.noclick article .content .cta {
    color: #737373;
    background: white;
    position: absolute;
    bottom: 16px;
    min-width: 118px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-bottom: 0;
    padding: 7px 0;
}

.liste_propositions a p .valeur{
    font-weight: bold;
    letter-spacing: 0.1em;
}

a p.cta {
    line-height: inherit;
}

.liste_propositions .favori{
    position: absolute;
    left: 0;
    width: 30px;
}

.liste_propositions .nb_reaction {
    position: absolute;
    text-align: justify;
    display: block;
    font-weight: bold;
    color: #32a2c6;
    font-family: 'Bebas Neue';
    letter-spacing: 0.012em;
    font-size: 1.6em;
    opacity: 0.75;
    bottom: 1px;
}

.liste_propositions .nb_reaction:after{
    content: url(images/reaction.svg);
    float: left;
    width: 21px;
    height: 23px;
    display: block;
    padding: 3px 5px 0 0;

}

/*Pagination*/
.page-numbers {
    display: inline-block;
    position: relative;
    left: 50%;
    padding: 20px 0 40px 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.page-numbers li span {
    display: block;
    padding: 2px 8px;
    border: 1px solid #32a2c6;
    background: #32a2c6;
    color: white;
}

.page-numbers li a:hover {
    border: 1px solid #32a2c6;
    background: #32a2c6;
    color: white;
}

/*--------------Page de connexion --------*/

@media screen and (min-width: 550px)
{
    .wrapper .connection_div
    {
        display: grid;
        grid-auto-columns: 50%;
    }
}
.wrapper .connection_div .connection
{
    grid-column: 1;
    padding: 1em;
}

.wrapper .connection_div .inscription
{
    grid-column: 2;
    padding: 1em;
}

.connection_div input{
    float: right;
}

/*-------------------- Page d'envoi de message au support ---------*/
.message_support input{
    float: right;
    display: block;
}
.message_support input[type="submit"]{
    float: left;
}

.message_support select{
    display: block;
    border: 1px solid #9abe37;
}

#support_infos_adh_form{
    padding: 1em;
    margin: 1em;
    color: white;
    width: 50%;
    background: #32a2c6;
}

#support_description_bug{
    display: block;
    margin: 1em 0;
}

#support_description_bug textarea, #phase_bug , #page_bug{
    display: inherit;
    color: #666666c4;
    font-family: "Vista Slabot";
    border: 1px solid #9abe37;
}
#support_description_bug label{
    display: inherit;
}

#bouton_envoi_support
{
    padding-bottom: 2em;
}

.bloc_soutiens, .bloc_propo, .bloc_reactions{
    background-color: rgb(237, 237, 237);
    padding: 1em;
}
.bloc_amendements, .bloc_favori{
    padding: 1em;
}

.detail_propo .bouton_reduire{
background-image: url(images/chevron.svg);
    background-color: inherit;
    border: none;
    width: 31px;
    height: 31px;
    padding: 4px;
    position: relative;
    display: inline-block
}

.detail_propo h1{
    display: inline;
    padding-left: 5px;
}
.detail_propo h1:after{
    content: none;
}