/* Info générales*/
.cegara_vert{color:#A3B909}
.cegara_jaune{color:#FFCC00}
.cegara_mauve{color:#98017E}
.cegara_rouge{color:#E00017}

.cegara_vert_ombre{color:#859607}
.cegara_jaune_ombre{color:#E6B800}
.cegara_mauve_ombre{color:#71015E}
.cegara_rouge_ombre{color:#BD0013}

/*
Responsive en PX

* smartphone de 0 à 640
@media all and (max-width: 40em) {}

* Tablette de 641 à 960
@media all and (min-width: 40.01em) and (max-width: 60em) {} 

* Ecran de 961 à xxxxx
@media all and (min-width: 60.01em) {}
*/

article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video {
    display: block;
}

mark,
rp,
rt,
ruby,
summary,
time {
    display: inline;
}
/* Alignement bloc */

.left {
    float: left;
}

.right {
    float: right;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}

.wrapper2 {
    padding-left: 400px;
}

.wrapper3 {
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
}
/* ----------------------------- */
/* == GLOBAL CSS                 */
/* ----------------------------- */

body {
    border: 0;
    font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: rgb(100, 100, 100);
}

@media all and (max-width: 40em) {
    .principal {
        margin: 0 10px;
    }
    body {
        font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
}

@media all and (min-width: 40.01em) and (max-width: 84em) {
    body {
        font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
}

.right {
    float: right;
}

.left {
    float: left;
}

.main {
    width: 100%;
    margin: 0 auto;
}

.grid {
    max-width: 1920px;
}

@media all and (min-width: 40.01em) {
    .grid {
        margin: 0 20px;
    }
}

@media all and (min-width: 75em) {
    .grid {
        margin: 0 100px;
    }
}


.row,
.col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row,
.col {
    overflow: hidden;
}

.col-pied-regionale1 {
	width: 50%;
	float: left;
}

@media all and (min-width: 60.01em) {
    .col {
        float: left;
    }
    .col-1 {
        width: 8.33333333%;
    }
    .col-2 {
        width: 16.6666667%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.3333333%;
    }
    .col-5 {
        width: 41.6666666%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.3333333%;
    }
    .col-8 {
        width: 66.6666666%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.3333333%;
    }
    .col-11 {
        width: 91.6666666%;
    }
    .col-12 {
        width: 100%;
    }
    
    .col-couverture {
        width: 25%;
    }
    .col-pied {
        width: 20%;
    }
    
    .col-pied-regionale {
        width: 40%;
    }
	
	.col-pied-tag {
        width: 20%;
    }
}

@media all and (min-width: 40.01em) and (max-width: 60em) {
    .col-t1 {
        width: 8.33333333%;
        float: left;
    }
    .col-t2 {
        width: 16.6666667%;
        float: left;
    }
    .col-t3 {
        width: 25%;
        float: left;
    }
    .col-t4 {
        width: 33.3333333%;
        float: left;
    }
    .col-t5 {
        width: 41.6666666%;
        float: left;
    }
    .col-t6, col-c3 {
        width: 50%;
        float: left;
    }
    .col-t7 {
        width: 58.3333333%;
        float: left;
    }
    .col-t8 {
        width: 66.6666666%;
        float: left;
    }
    .col-t9 {
        width: 75%;
        float: left;
    }
    .col-t10 {
        width: 83.3333333%;
        float: left;
    }
    .col-t11 {
        width: 91.6666666%;
        float: left;
    }
    .col-t12 {
        width: 100%;
        float: left;
    }
    
    .row-separateur {
		margin-top: 8px;
		border-top: 1px solid rgb(163, 185, 9);
	}
	
	.col-couverture {
        width: 50%;
        float: left;
    }
    
    .col-pied {
      width: 50%;
      float: left;
    }
   .col-pied-regionale {
        width: 100%;
    }

    .col-pied-tag {
        width: 100%;
    }    
}

a {
    color: #696969;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1 {
    color: rgb(43, 43, 43);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.06em;
}

h2 {
    color: rgb(132, 151, 7);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.05em;
    padding-bottom: 5px;
}


.creer_mon_compte {
   font-style: italic;
    font-size: 1em;
    padding-left: 20px;
    padding-right: 20px;
    height: 23px;
    cursor: pointer;
    text-decoration: none;
    background-color: rgba(148, 158, 23,0.6);
    color: rgb(255,255,255);
}


.espace-connexion-left {
	margin-left: 0.3em; 
}

.espace-connexion3 {
}

.espace-connexion-left #password {
	width: 8em;
}

.espace-connexion #user {
/*
	width: 15em;
*/
}

.espace-connexion #IdForm-envoie
{
	background-color: rgb(191, 191, 191);
}

.link1,
.link1-picto {
    color: rgb(148, 158, 23);
}

.link2 {
    color: rgb(148, 158, 23);
    float: right;
    padding-top: 15px;
}

#button-general {
    background-color: rgb(2, 42, 5);
    border: 0.5px solid rgb(60, 60, 60);
    box-shadow: 2px 2px rgba(60, 60, 60, 0.75);
    color: rgb(255, 255, 255);
    cursor: pointer;
    float: right;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 50px;
    margin-top: 20px;
    padding: 8px 50px;
    text-decoration: none;
}

#button-general:hover {
   background-color: rgba(2, 42, 5,0.85); 
}

#LogoQualiopi {
	background-color: #FFFFFF;
}

@media all and (max-width: 40em) {
    h1 {
        font-size: 30px;
    }  
    #button-general {
        font-size: 20px;
        padding: 6px 28px;
    }
}

@media all and (min-width: 40.01em) and (max-width: 60em) {
     #button-general {
        font-size: 22px;
        padding: 8px 40px;
    }
}

/* ----------------------------- */
/* == HEADER  + NAV              */
/* ----------------------------- */

header {
    padding-top: 8px;
    min-height: 100px;
}

.border-other-pages {
    border-bottom: 15px solid rgb(48, 93, 0);
}

#other-pages {
    border-bottom: 15px solid rgb(48, 93, 0);
}

#IdForm {
    float: right;
    padding: 0px;
    font-size: 16px;
    font-style: italic;
}

.input-connexion { 
    background-color: #fff;
    border: #cccccc 1px solid;
    height: 20px;
}

#IdForm-envoie {
    background-color: rgb(2, 42, 5);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 14px;
    height: 23px;
    text-decoration: none;
}


.menu-btn {
    background: none;
    border: none;
    color: rgb(2, 42, 5);
    font-size: 40px;
    display: block;
    position: absolute;
    right: 10px;
    top: 6px;
}

#menu {
    padding-top: 15px;
    float: right;
    display: inline-flex;
}

#menu li {
    padding-left: 45px;
    list-style: none;
}

#menu li a, .menu-01-a {
    color: rgb(181, 181, 181);
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    letter-spacing: -0.05em;
}

#menu li a:hover,
#menu .active a {
    color: rgb(2, 42, 5);
}

#utilisateur-bienvenue {
	float: right;
}

#menu li a:hover span,
#menu .active a span {
    color: #fff;
}

.deconnexion-i {
	margin-top: 2px;
}

#menu-01-se-deconnecter {
    display: none;
}

.menu-admin-ssmenu-tel {
    display: none;
}

#bt-connexion{
	display: none;
	float: right;
}

#menu-admin > li a {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 1.4em;
    text-decoration: none;
    text-transform: inherit;
}
.utilisateur-deconnexion {
	margin-left:10px;
}

.nav-admin {
    padding-top: 5px;
}
/* Règles Mobile*/

@media all and (max-width: 40em) {
    #navigation {
        /* taille maximum correspandante à la hauteur de la navicon*/
        
        max-height: 50px;
        border: 2px solid rgb(2, 42, 5);
    }
    #navigation {
        /* On cache le conetenu qui dépasse */
        
        margin-top: -60px;
        overflow: hidden;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    /* Grace au js, quand on a la classe .active on l'affiche */
    
    #navigation.active,
    #sousmenu1.active+ul {
        background: rgb(255, 255, 255);
        max-height: 5000px;
        position: absolute;
        z-index: 5000;
        margin-top: 0px;
        padding-top: 20px;
        width: 99.5%;
    }
    #menu li {
        padding-left: 0;
    }
    #menu {
        display: inherit;
        float: inherit;
        margin-bottom: 20px;
    }
    #espace-connexion {
        display: block;
        padding-bottom: 10px;
    }
    #IdForm {
        float: inherit;
        text-align: center;
        margin: 20px 0;
    }
    #utilisateur-bienvenue {
		float: left;
		margin-left: 5px;
	}
	
    #banner-fades {
        display: none;
    }
    
    .utilisateur-deconnexion {
		display: none;
	}
	
	#menu-01-mon-compte {
		display: none;
	}
	
	#menu-admin-left {
    display: none;
   }
   
   .menu-admin-ssmenu-tel {
    display: inherit;
   }
   .menu-admin-ssmenu-ord {
    display: none;
	}

}
/*Règles PC*/

@media all and (min-width: 40.01em) {
    .menu-btn {
        display: none;
    }
}

@media all and (min-width: 40.01em) and (max-width: 55em) {
	#bt-connexion{
		display: inherit;
	}
    #IdForm {
		display: none;
    }

    .creer_mon_compte {
		font-size: 12px;
		height: 18px;
		padding-left: 8px;
		padding-right: 8px;
    }
}

@media all and (min-width: 45.01em) and (max-width: 65em) {
    #IdForm {
        font-size: 12px;
    }
    .input-connexion {
		font-size: 12px;
		height: 18px;
    }
    #IdForm-envoie {
		font-size: 12px;
		height: 18px;
    }
    .creer_mon_compte {
		font-size: 12px;
		height: 18px;
		padding-left: 5px;
		padding-right: 5px;
    }
}

@media all and (min-width: 65.01em) and (max-width: 80em) {
    #IdForm {
        font-size: 14px;
    }
    .input-connexion {
		font-size: 14px;
		height: 20px;
    }
    #IdForm-envoie {
		font-size: 14px;
		height: 20px;
    }
    .creer_mon_compte {
		font-size: 14px;
		height: 20px;
		padding-left: 8px;
		padding-right: 8px;
    }
}



@media all and (min-width: 40.01em) and (max-width: 43em) {
    #menu li {
        padding-left: 10px;
    }

    #menu li a {
        font-size: 14px;
    }
    
    #utilisateur-bienvenue {
        font-size: 12px;
    }
    header {
		min-height: 60px;
	}
}

@media all and (min-width: 43.01em) and (max-width: 51em) {

    #menu li {
        padding-left: 12px;
    }
    #menu li a {
        font-size: 16px;
    }
    #utilisateur-bienvenue {
        font-size: 14px;
    }
    
    header {
		min-height: 60px;
	}
}

@media all and (min-width: 51.01em) and (max-width: 60em) {
    #menu li {
        padding-left: 12px;
    }
    #menu li a {
        font-size: 20px;
    }
    header {
		min-height: 70px;
	}
}


@media all and (min-width: 60.01em) and (max-width: 80em) {
    #menu li a {
        font-size: 22px;
    }
    #menu li {
        padding-left: 25px;
    }
    
    header {
		min-height: 70px;
	}
}

@media all and (min-width: 80.01em) and (max-width: 92em) {
    #menu li a {
        font-size: 24px;
    }
    #menu li {
        padding-left: 35px;
    }
}

/* ------------------------ */
/* == PUBLICATIONS         */
/* ---------------------- */


.affinage-recherche h2,
.bloc-publications-resultats h2{
    color: rgb(162,35,142);
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

#resultats_titre h2 {
    text-align: left;
    float: left;
}

.choix-filtre {
    color: rgb(43,43,43);
    line-height: 1.8em;
    padding: 5px;
    text-decoration: none;
}

.bloc-publications-fin {
	color:#E00017;
}

.recherche-btn {
 	background: rgb(48, 93, 0);
 	border: none;
 	color: rgb(255,255,255);
 	font-size: 20px;
 	display: block;
 	min-height: 30px;
 	width: 100%;
 	text-align: center;
 }
.recherche-btn img {
   padding-left: 10px;
    padding-top: 5px;
}
.btn-recherche {
    background: none;
    float: right;
    margin-top: -2px;
}

#recherche-form  {
    border: 1px solid rgb(160, 160, 160);
    border-radius: 25px;
    color: rgb(200, 200, 200);
    padding: 5px 10px;
    text-decoration: none;
    margin: 25px 0;
    width: 93%; 
}

#recherche-form input {
    color: rgb(160, 160, 160);
       font-size: 16px;
    font-style: italic;
    font-weight: 600; 
    width: 85%;
}

.affinage-recherche {
    border: 1px solid rgb(95,95,95);
    height: auto;
    padding: 15px 0 220px;
}

.affinage-recherche h1 {
    background-color: rgb(43,43,43);
    color: rgb(255,255,255);
    margin-top: 0;
    font-size: 22px;
    text-align: center;
    padding: 15px;
}

.affinage-recherche h3 {
    font-weight: 500;
    font-size: 20px;
    font-style: italic;
    padding: 0 0 10px 25px;
}

.choix-filtre {
    padding-left: 28px;
}

.filtres-groupe{
    margin-bottom: 20px;
    padding: 5px 0;
}

.filtres-plus {
    text-align: center;
    margin: 15px 0;
}

.filtres-plus a {
     color: rgb(48,93,0);  
}

.ligne-btn-filtres {
    text-align: center;
    margin-top: 30px;
}

#filtres-ok {
    background: rgb(2,42,5);
    color: rgb(255,255,255);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 5px;
}

#filtres-annuler {
    background: none;
    border: 1px solid rgb(2,42,5);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px;
    padding: 4.5px;
}

.bloc-publications-container .bloc-publications-formation-vivea {
	margin-top: 4px;
   width: 15%;	
   min-width: 100px;
}
.bloc-publications-formation-detail h4 {
	color:#98017E; /* mauve*/ 
	margin-top: 12px;
	margin-bottom: 6px;
}

.formation-etat {
	color:#E00017;
	font-weight: 500;
}


@media all and (min-width: 60.01em) {
 	.recherche-btn {
 		display: none;
 	}
	 
 	.navigation-filtre {
 		background: none;
 		width: 100%;
		height: auto;
        text-transform: inherit;
 	}
 	
 	.choix-filtre-max {
		display: none;
	}
	
}

.bloc-publications-resultats {
    float: left;
    margin: 16px 0 0 0px;
    width: 96%; 
    padding-left:4%;
}

.bloc-publications-ligne-resultats {
    display: inline;
}

.bloc-publications-resultats-container {
    margin: 25px 0 15px;
    float: left;
    width: 100%; /* 2016.09.14 - JS - Probleme si moins d'une ligne */
}

.bloc-publications-couverture {
    margin: 15px 0 5px;
    float: left;
}

.bloc-publications-couverture-pied {
    padding-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

/* Conteneur principal */
.recouvrir-image {
 position: relative;
 width: 100%;
}

/* Image originale */
.recouvrir-image .image {
 display: block;
 width: 100%;
 height: auto;
}

.recouvrir-image-fond {
	opacity: 0.5;
}

/* Texte original */
.recouvrir-image .text {
 font-size: 1.05em;
 text-align: center;
 color:#859607;
 
 background-color: white;
 margin-top: 30%;

 padding-top: 5%;
 padding-bottom: 5%;
 padding-left: 15%;
 padding-right: 15%;

 width: 70%;
 position: absolute;
}

.bloc-publications-couverture-titre {
   margin-left: 10px;
   margin-right: 10px;
}

.bloc-publications-couverture-titre h4 {
	font-size: 0.8em;
}

.bloc-publications-couverture h4 {
	color:#A3B909;
	padding-bottom: 10px;
}

.couverture-pied {
	font-size: 0.6em;
}

#resultats_nombre {
    margin-top: 8px;
    font-style: italic;
    float: right;
}

.bloc-publications-left {
    border-bottom: 1px solid rgb(148, 158, 23);
    min-height: 25px;
    padding-bottom: 10px;
}

.bloc-publications-titre {
    color: rgb(35,35,35);
}

.bloc-publications-titre h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px;
    font-weight: 500; 
    letter-spacing: -0.05em;
}

.bloc-publications-date {
    color: rgb(148, 158, 23);
    font-style: italic;
    padding-top: 5px;
}

.publications-lien {
	clear: both; /* 2016.09.14 JS-debordement*/
}

.bloc-publications-container {
    margin-top: 20px;
}

.bloc-publications-picto {
    float: left;
    margin-right: 4px;
    width: 6%;
}


.bloc-publications-couverture-image img {
    float: left;
    margin-left: 10%;
    width: 80%;
}

.bloc-publications-couverture-titre {
	clear: both;
}

.bloc-publications-couverture-detail {
	font-size: 0.8em;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0.5em;
}

.publications-couverture-texte {

}

.publications-resume-contenu {
    font-size: 16px;
    margin-bottom: 10px;
}

.publications-resume-contenu ul{
		padding-left: 15px;
}


.bloc-publications-container .publications-img-liens {
	width: 16px;
	 margin-right: 5px;
} 

.publications-contenu-liens {
	margin-top: 10px;
}


.publications-resume-contenu-reduit {
	max-height: 3.6em;
	overflow: hidden;
}

.lien-consultation {
    float: right;
}

.lien-consultation a,
.couverture-pied a {
    border: 1px solid rgb(148, 158, 23);
    color: rgb(148, 158, 23);
    font-style: italic;
    text-decoration: none;
    cursor: pointer;
}

.couverture-pied a {
	font-size: 1em;
   padding: 2px 5px;
}

.lien-consultation a {
	font-size: 16px;
   padding: 5px 20px;
}

.lien-consultation a:hover,
.couverture-pied a:hover {
    background-color: rgba(148, 158, 23,0.5);
    color: rgb(255,255,255);
}


.bloc-publications-nav {
	float: left; 
	width:100%;
}

.publications-supp {
    text-align: center;
    margin: 10px 0 20px;
}


.publications-supp a, .publications-onglet {
    color: rgb(48, 93, 0);
    text-decoration: none;
    padding: 0 8px;
}

.publications-onglet-actif {
	text-decoration: underline;
}
.publications-supp a >img {
    padding-left: 20px;
    padding-right: 20px;
}

.toggle-button {
    display: none;
}

.video_responsive{
	left: 0; 
	width: 100%; 
	height: 0; 
	position: relative; 
	padding-bottom: 56.25%;
}
.video_responsive .tac_activate {
	min-height: 200px; 
	padding-bottom: 150px;
}

.vimeo_player iframe, .youtube_player iframe{
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	border: 0;
}

@media all and (min-width: 40.01em) {
	.bloc-publications-date {
		float: right;
	}
	
	.bloc-publications-titre {
		padding-right : 5px;
	}	
	.video_responsive{
		left: 10%; 
		width: 80%; 
		padding-bottom: 45%;
	}
}


@media all and (max-width: 60em) {
 	.navigation-filtre {
		font-size: 20px;
 		direction: rtl;
        background: none;
 	}
 	.navigation-filtre * {
 		direction: ltr;
        cursor: pointer;
 	}
 	.navigation-filtre {	
 		max-height: 30px;
 	}
 	.navigation-filtre {
 		margin-top: 0;
 		overflow: hidden;
 		-webkit-transition: all 0.25s ease;
 		-moz-transition: all 0.25s ease;
 		transition: all 0.25s ease;
 	}	
 	.navigation-filtre.active{
 		max-height: 5000px;
 		width: 100%;
 		z-index: 5000;
 		margin-top: 0;
 	}
    .border-other-pages {
        border: none;
    }
    .bloc-publications-resultats {
		width: 100%;
      padding-left: 0;
    }
    .affinage-recherche h2, .bloc-publications-resultats h2 {
        font-size: 24px;
    }
    .publications-resume-contenu {
        font-size: 15px;
    }
    .bloc-publications-picto {
        width: 10%;
        max-width: 40px;
    }
    .bloc-publications-titre h4{
        font-size: 18px;
    }
    .affinage-recherche h2 {
        display: none;
    }
    .bloc-publications-couverture img {
		
    }
    #recherche-form {
        margin: 0 auto 20px;
        width: 80%;
    }
    .nav-filtres-groupe {
    margin-top: -20px;
        max-height: 0;
    overflow: hidden;
    transition: all 0.45s ease 0s;
	}
    .nav-filtres-groupe.active {
    margin-top: 0;
    max-height: 5000px;
    text-align: left;
    width: 100%;
    z-index: 5000;
    }


	.toggle-button{
    background-color: transparent;
    border: none;
    color: rgb(2, 42, 5);
    cursor: pointer;
    display: inline;
    float: right;
    font-size: 22px;
        font-weight: 500;
    margin-right: 1rem;
    margin-top: -0.5rem;
     transition: transform 0.2s ease 0s;
    outline: 0 none;
    padding: 0;
    width: 4rem;
    z-index: 1;
    }
    
    .affinage-recherche {
        padding-bottom: 20px;
    }
    .affinage-recherche h3 {
        font-size: 18px;
    }
    .choix-filtre,
    .filtres-plus a{
        font-size: 16px;
    }
    .filtres-plus {
		/* margin: 10px 0;*/
		display: none;
    }
    .filtres-groupe {
        margin-bottom: 10px;
    }
 }


@media all and (min-width: 40.01em) and (max-width: 60em) {
    #logo img {
/*
        width: 25%;
*/
    }
   /* #IdForm {
    font-size: 14px;
    margin-top: -46px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 70%;
    }*/
    #recherche-form {
        width: 40%;
    }
    #filtres-form {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    
   #recherche-form input {
    
   }
}

@media all and (min-width: 60.01em) and (max-width: 70em) {
    .bloc-publications-titre h4 {
        font-size: 18px;
    }
    .bloc-publications-resultats {
    }
    #recherche-form input {
		width: 80%;
        font-size: 14px;
    }
    .affinage-recherche h3 {
        font-size: 18px;
    }
    .affinage-recherche {
        padding-bottom: 280px;
    }
}
@media all and (min-width: 42em) and (max-width: 60em) {

}

@media all and (min-width: 70em) and (max-width: 80em) {
    .bloc-publications-titre h4 {
        font-size: 20px;
    }
}
@media all and (min-width: 60.01em) {
	.publications-resume-contenu {
        margin-left: 8%;
   }
   .video_responsive{
		max-width: 800px;
		padding-bottom: 448px;
   }
   
}


/* ------------------------- */
/* == FOOTER                 */
/* ------------------------ */

.ligne-partenaires {
    text-align: center;
    background: rgb(218, 218, 218);
    padding: 15px 0;
    height: 80px;
}

.ligne-partenaires a {
    text-decoration: none;
}

.ligne-partenaires a > img {
    height: 100%;
    padding: 0 4px;
}

@media all and (min-width: 40.01em) and (max-width: 60em) {
	.ligne-partenaires {
		height: 55px;
	}
}

@media all and (max-width: 40em) {
	.ligne-partenaires {
		height: 50px;
	}
}

@media all and (max-width: 30em) {
	.ligne-partenaires {
		height: 40px;
	}
}


.ligne-footer {
    background: url('../images/back-footer.jpg');
    min-height: 260px;
    padding-bottom: 20px;
}

.ligne-footer h4 {
    color: rgb(240, 240, 240);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 26px;
    padding: 20px 0 10px 10px;
}

.ligne-footer ul {
    list-style: none;
}

.tag {
    background-color: #272727;
    border-radius: 7px;
    font-style: italic;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 1.5em;
    text-decoration: none;
}

#tags-container {
    margin-left: 15px;
}

.ligne-mentions {
    background-color: rgb(0, 0, 0);
    padding: 25px 0;
    text-align: center;
}

.ligne-mentions a,
#ligne-mentions-contenu {
    color: rgb(240, 240, 240);
}

#ligne-mentions-contenu {
    padding-top: 8px;
}

.list1 {
    padding-top: 1px;
}

.list1 a {
    color: #696969;
    text-decoration: none;
    font-style: normal;
    padding-left: 14px;
}

.list1 a:hover {
    color: #fff;
}

@media all and (min-width: 40.01em) and (max-width: 60em) {
    .ligne-footer {
        min-height: 345px;
    }
    .ligne-footer h4 {
        font-size: 18px;
        padding-left: 0;
    }
    .list1 a {
        padding-left: 0;
    }
    #tags-container {
        margin-left: 0;
    }
}