/* CSS Document */

			@font-face {
  font-family: calibri;
  src: url('https://gazettesenonais.fr/squelettes/font/calibri.ttf');
}

			@font-face {
  font-family:korto;
  src: url('https://gazettesenonais.fr/squelettes/font/korto.ttf');
}

			@font-face {
  font-family:"Archivo";
  src: url('https://gazettesenonais.fr/squelettes/font/ArchivoNarrow-Regular.ttf') format("truetype");
  font-style: normal;
	font-weight: normal;
}

			@font-face {
  font-family:"Archivo";
  src: url('https://gazettesenonais.fr/squelettes/font/ArchivoNarrow-Bold.ttf') format("truetype");
  font-weight:bold;
}

			@font-face {
  font-family:"Chivo";
  src: url('https://gazettesenonais.fr/squelettes/font/Chivo-Regular.ttf') format("truetype");
  font-style: normal;
	font-weight: normal;
}

			@font-face {
  font-family:"Chivo";
  src: url('https://gazettesenonais.fr/squelettes/font/Chivo-Bold.ttf') format("truetype");
  font-weight:bold;
}





a,
a:focus,
a:active { background-color:transparent; color: #666666; text-decoration:none; }


a:hover {background-color:#666}


												@media screen and (min-width:768px) and (max-width:1279px) {

													body {
													    font-family: 'Roboto';
													    color: #222222;
														-webkit-text-size-adjust: 100%;
													background-position: center top!important;
													background-repeat: no-repeat!important;
													}

														/* MENU MOBILE DESACTIVE */

													.nav_mobile {
													display:none;
													}

													#header_mobile{
													display:none;
													}


													/********************************************************************************************************************************************************************************************************************* BARRE HAUT *****************************************************************************************************/

													.barre_haut{
													    display: flex;
													    height: 40px;
														background: #f9f9f9;
													    align-items: center;
													    text-align: center;
													}

													.barre_haut h1{
													text-align: center;
													    font-size: 1em;
													    font-family: Roboto thin;
													    text-transform: uppercase;
													    width: 90%;
													    margin: 0 auto;
													}

													/********************************************************************************************************************************************************************************************************************* HEADER*****************************************************************************************************/




													#header {
													        position: relative;
													        z-index: 90;
													        width: 100%;
													        height: 120px;
													        display: grid;
													        grid-template-columns: 30% 40% 30%;
													        align-items: center;
													        padding: 0;
													        margin: 0;
													        background: #fff;
													}


													/* SOCIAL TAGS */

													#header .socialtag {
																		float: none;
														        margin: 0;
														        padding: 0;
														        display: grid;
														        grid-template-columns: 30% 70%;
														        align-items: center;
													}

													#header .socialtag ul{
													        margin: 0;
													 }


													#header .socialtag ul li{
													        display: inline-block;
															color:#121212;
															 }

													#header .socialtag ul li img{
													width:20px;
													height:20px;
													margin:0 10px 0
													}

													#header .socialtag ul li a,
													#header .socialtag ul li a:visited{
													text-decoration:none;
													border:none;
													background:none;
													 }

													#header .socialtag ul li a:hover{
													text-decoration:none;
													border:none;
													background:none;
													 }



													/* MENU PRINCIPAL */

													#header #menu_principal {
													float: none;
													        margin: 0 2em 0 0;
													        padding: 0;
													        place-items: flex-end;
													}

													#header #menu_principal ul{
													        margin: 0;
													 }


													#header #menu_principal ul li{
													        display: inline-block;
															color:#121212;
															 }

													#header #menu_principal ul li a,
													#header #menu_principal ul li a:visited{
													text-decoration:none;
															color:#121212;
															padding:1em 0.5em;
															font-weight:500;

													 }

													#header #menu_principal ul li a:hover{
													text-decoration:none;
													background:#121212;
													color:#fff;
													        padding: 1em 0.5em;

													 }


													   /* LOGO */

													#header  #logo {
													        margin: 0 auto;
													        padding: 0;
																}

													#header  #logo a, #logo a:hover, #header #logo a:visited {
													border: none;
													background: none;
													}

													#header #logo .spip_logo {
													        width: auto;
													        height: 100px;
													        margin: 0;
													        border: none;
													        padding: 0;
																	}

													#header #logo .spip_logo a {
													  background :none; margin:0;border:none;
														}

													 #logo .spip_logo a, #logo .spip_logo a:hover {
													 background:none;
													 margin:0;
													 padding: 1em;
													 vertical-align:inherit;
													 border:none;
													 }


														/* NAV SOCIAL */

													#header #nav_social {
													    padding: 0;
														margin: 0;
														 }

													#header #nav_social .social {
														float:right;
													      margin: 0 5px 0 0;
														  padding:0;
													   }

													#header #nav_social	.social a { background: none;
													    color: #fff;
													    text-transform: uppercase;
													    vertical-align: middle;
													    letter-spacing: 1px;
													    padding: 0 0.2em;}

													#header #nav_social .social img {
													  width: 20px;
													  margin :0 0.5em 0 0;
													  padding:0;
													  }






													/* MENU RUBRIQUES */

													#header .nav_rubriques {
													width: 30px;
													    height: 30px;
													    background-color: transparent;
													    margin: 0 0 0 20px;
														}


													#header .nav_rubriques #menuToggle {
													  display: flex;
													  flex-direction: column;
													  position: relative;
													  top: 15px;
													  left: 15px;
													  z-index: 1;
													  -webkit-user-select: none;
													  user-select: none;
													}

													#header .nav_rubriques #menuToggle input
													{
													  display: flex;
													  width: 40px;
													  height: 32px;
													  position: absolute;
													  cursor: pointer;
													  opacity: 0;
													  z-index: 2;
													}

													#header .nav_rubriques #menuToggle span
													{
													  display: flex;
													  width: 36px;
													  height: 2px;
													  margin-bottom: 1px;
													  position: relative;
													  background: #fff;
													  border-radius: 3px;
													  z-index: 1;
													  transform-origin: 5px 0px;
													  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
													              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
													              opacity 0.55s ease;
													}

													#header .nav_rubriques #menuToggle span:first-child
													{
													  transform-origin: 0% 0%;
													}

													#header .nav_rubriques #menuToggle span:nth-last-child(2)
													{
													  transform-origin: 0% 100%;
													}

													#header .nav_rubriques #menuToggle input:checked ~ span
													{
													  opacity: 1;
													  transform: rotate(45deg) translate(-3px, -1px);
													  background: #fff;
													}


													#header .nav_rubriques #menuToggle input:checked ~ span:nth-last-child(3)
													{
													  opacity: 0;
													  transform: rotate(0deg) scale(0.2, 0.2);
													}

													#header .nav_rubriques #menuToggle input:checked ~ span:nth-last-child(2)
													{
													  transform: rotate(-45deg) translate(0, -1px);
													}

													#header .nav_rubriques #menu {
													    position: absolute;
													    width: 100%;
													    min-width: 360px;
													    min-height: 600px;
													    height: auto;
													    box-shadow: 0 0 10px #85888c;
													    margin: -50px 0 0 -50px;
													      padding: 20px 0 0 3em;
													    padding-top: 90px;
													    background-color: #333;
													    -webkit-font-smoothing: antialiased;
													    transform-origin: 0% 0%;
													    transform: translate(-100%, 0);
													    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
													     overflow-y: scroll;
														}

													#header .nav_rubriques #menu li {
													}

													#header .nav_rubriques #menu li {
													  width: 90%;
													     padding: 5px 0;
													  transition-delay: 2s;
													}

													#header .nav_rubriques ul#menu li a, #menu li a:focus, #menu li a:active  {
													color:#fff;
													font-size:1.3em;
													}

													#header .nav_rubriques #menuToggle input:checked ~ ul
													{
													  transform: none;
													}



													/****************************************************************************************************************************************************************************************************************************	CORPS SITE PRINCIPAL ************************************************************************/

													.global_page {
													width:100%!important;
													 text-align: left;
													margin: 0;
													padding: 0;
													}


															.global_page .image_fond{
															        position: fixed;
													        width: 100%;
													        height: 700px;
													        margin: 0;
													        padding: 0;
															z-index:80;
															}
															.global_page .image_fond img{
															object-fit: cover;
													        height: 700px;
													        width: 100%;
													        object-position: bottom center;
															}



													.main {
													        width: 100%;
													        height: auto;
													        overflow: hidden;
													        margin: 5em 0;
													        padding: 0;
														}

														.main_sommaire {
													        width: 100%;
													        height: auto;
													        overflow: hidden;
													        margin: 0;
													        padding: 0;
													        float: none;
													        background: #fff;
																	}

													.wrapper {
													        width: 100%;
													        margin: 0;
														}


														.wrapper_sommaire {
															width: 100%;
															height:auto;
															overflow:hidden;
													        clear: none;
													        float: none;
													        margin: 0 ;
													        padding: 0;
																	background:#fff;
													}


													span, p {
													    font-family: 'Roboto';
													    font-size: 0.97em;
													     line-height: 2;
														    margin: 0.5em 0;
															}

													h1, h2, h3 {font-family: 'Roboto';font-weight: bold; line-height: 1; color:#333; }

													h1 a, h2 a, h3 a{ color:#333;}


													a:focus, a:active {color: #666666;}




													/****************************************************************************************************************************************************************************************************************************	COLONNE DROITE ***********************************************************************************/
													.div_colonne {
													        width: 90%;
													        height: auto;
													        overflow: hidden;
													        margin: 0 auto;
														}

															.div_colonne h1 {
															color: #121212;
													        font-size: 1.5em;
													        padding: 0 0 0 1em;
													        margin: 2em 0 2em;
													        text-align: center;
														}


															/**********  Derni�res news ************/
														.grid_colonne {
															display: grid;
													        grid-template-columns: 33% 33% 33%;
													        height: auto;
													        align-content: center;
													        gap: 15px;
																	}



													.grid_colonne .grid_colonne_list {
													        margin: 0;
													        padding: 0;
															}


													.grid_colonne .grid_colonne_list .logo_recents {
													        height: 250px;
													        margin: 0;
													        padding: 0;
													}

													.grid_colonne .grid_colonne_list .logo_recents .spip_logo {
													        width: 100%;
													        margin: 0;
													        object-fit: cover;
													        height: 250px;
															}




													  .grid_colonne .grid_colonne_list h2 {
													        width: 80%;
													        margin: 0;
													        font-size: 1.4em;
													        padding: 0.5em 2em 1em 0;
													        line-height: 1.2;
													        font-weight: 500;
													        color: #121212;
													        font-family: Roboto regular;
														}

														.grid_colonne .grid_colonne_list h2 a {color:#333;}



													  .grid_colonne .grid_colonne_list a {   font-weight:bold;    color: #db1762;}
													  .grid_colonne .grid_colonne_list a:hover {   font-weight:bold;    color: #fff; background:#333;}

													  .grid_colonne .grid_colonne_list a:visited {     color: #db1762;}


														/* ARTICLE TITRE RUBRIQUE LISTE  */
															.grid_colonne .grid_colonne_list .titre_rubrique {
																				width: auto;
																				height: 20px;
																				margin: 1em 0;
																			 }

															.grid_colonne .grid_colonne_list .titre_rubrique a,
														.grid_colonne .grid_colonne_list .titre_rubriquea:visited  {
															color: #121212;
														text-align: center;
														padding: 0.5em;
														margin: 0;
														font-size: 0.9em;
														background: #fae06c;
														font-weight: normal;
																		 }

															.grid_colonne .grid_colonne_list .titre_rubriquea:hover  {
																color: #121212;
														background:#f9f9f9;
																		 }

															/**********  Archives ************/
														.grid_archives {
													        width: 95%;
													        height: auto;
													        margin: 0 0 0 1em;
													        padding: 0;				}

														.grid_archives_list{
														        height: auto;
													        overflow: hidden;
													        padding:  0;
													        margin: 0;
													}

														.grid_archives_list h2{
															font-size: 0.9em;
													        margin: 0;
													               padding: 0.5em 0 0.5em;
													        font-weight: normal;
													}



													.grid_colonne .article_logo {margin:0;}

													.grid_colonne .article_logo .spip_logo { margin: 0 0 0.7em; float:none;}


													.grid_colonne .archives {
													}


													/****************************************************************************************************************************************************************************************************************************	PAGE SOMMAIRE ***********************************************************************************/

													/* BLOC 1 (une) ET BLOC 2 (colonne) */

													#bloc_0 {
													        display: grid;
													        align-items: center;
													        width: 100%;
													        margin: 0;
													        padding: 0;
													        height: 300px;
													        background: #fff;
													}
														#bloc_0 .titre{
													        width: 80%;
													        font-size: 5em;
													        text-align: center;
													        margin: 0 auto;
													        padding: 1em;
													        line-height: 1.1;
													        text-transform: uppercase;
													        font-weight: 200;
														}

															#bloc_0 .text {
														}


													#bloc_1 {
													        width: 90%;
													        margin: 2em auto;
													        padding: 0;
													        height: 700px;
																}


													#bloc_3 {
													        width: 90%;
													        height: 550px;
													        margin: 0 auto;
													        padding: 2em 0;
															}


													#bloc_2 {
													        width: 90%;
													        height: 1500px;
													        margin: 0 auto;
													        padding: 2em 0;
															}


													#bloc_2 h1, #bloc_3 h1 {
															color: #121212;
													        font-size: 1.5em;
													        border-left: solid 8px #e6e1e1;
													        padding: 0 0 0 1em;
													        margin: 1em 0 1em 1em;	}


													/* BLOC 1 */

													/** A la une **/
													#bloc_1 .wrap_news_une{
													        display: grid;
													        grid-template-columns: 50% 50%;
													        width: 100%;
													        height: 700px;
													        color: #121212;
													        margin: 0;
													        padding: 0;
													        align-items: center;
													        background: #fae06c;
													        gap: 0;
																	}



													#bloc_1 .wrap_news_une .logo_une{
													        margin: 0;
													}

													#bloc_1 .wrap_news_une .logo_une .spip_logo{
													        width: 100%;
													        height: 700px;
													        margin: 0;
													        padding: 0;
													        object-fit: cover;
													        object-position: center center;
															}


													.wrap_news_une .article_wrap_news {
													        width: 90%;
													        margin: 0 auto;
													        padding: 0;
															color: #121212;
															}


													#bloc_1 .wrap_news_une .article_wrap_news h2{
													        width: 90%;
													        margin: 0;
													        font-weight: 500;
													        padding: 0;
													        font-family: "Roboto";
													        font-size: 3em;
																				}




													#bloc_1 .wrap_news_une .article_wrap_news .text{
													        margin: 2em 0;
															color: #121212;
													        line-height: 1.6;
													        font-size: 1.1em;
													        font-family: Roboto;
													}

													#bloc_1 .wrap_news_une .article_wrap_news .bouton_lire{
													        width: 150px;
													        height: 20px;
													}


													#bloc_1 .wrap_news_une .article_wrap_news a.bouton_lire,
													#bloc_1 .wrap_news_une .article_wrap_news a:visited.bouton_lire {
																	color: #fff;
													        background: #121212;
													        width: 150px;
													        padding: 1em;
													        text-align: center;
															font-size:1em;
																	}

													#bloc_1 .wrap_news_une .article_wrap_news a:hover.bouton_lire {
													color:#121212;
													background:#f9f9f9;
													}




													#bloc_1 .wrap_news {
														width: 100%;
													    display: grid;
													    grid-template-columns: 48% 48%;
													    grid-gap: 12px;
													    height: auto;
													    margin: 0 auto 1em;
													    overflow: hidden;
															}


													#bloc_1 .wrap_news #wrap_news_list {
													    position: relative;
														width: 100%;
														height:320px;
														overflow:hidden;
													    margin: 0;
													    padding: 0;
													    vertical-align: top;
															}

													#bloc_1	.wrap_news #wrap_news_list h1 {
													    position: absolute;
													    bottom: 0;
													    width: 100%;
													    margin: 0;
													    font-size: 1.1em;
													    padding: 0.5em;
													    text-transform: uppercase;
													    line-height: 1.2;
													    font-weight: 400;
													    letter-spacing: 2px;
													    background: rgb(0,0,0,0.3);
													    z-index: 90;
															}

													#bloc_1	.wrap_news	#wrap_news_list h1 a { color:#fff;}
													#bloc_1	.wrap_news	#wrap_news_list h1 a:hover { background:transparent;}

													#bloc_1	.wrap_news #wrap_news_list .spip_logo {
													    width: 100%;
														height: 100%;
													    margin: 0;
													    object-fit: cover;
													    height: 100%;
													    filter: brightness(0.7);
													    -webkit-transition: all 1s ease;
													    -moz-transition: all 1s ease;
													    -ms-transition: all 1s ease;
													    -o-transition: all 1s ease;
													    transition: all 1s ease;
															}

													#bloc_1	.wrap_news #wrap_news_list .spip_logo:hover {
														-webkit-transform:scale(1.30); /* Safari et Chrome */
													-moz-transform:scale(1.30); /* Firefox */
													-ms-transform:scale(1.30); /* Internet Explorer 9 */
													-o-transform:scale(1.30); /* Opera */
													transform:scale(1.30);
														}






															/* BLOC 2 */

													/** + r�cents **/
													.wrap_news_all {
													        margin: 0;
													        padding: 0;}


													.wrap_news_all ul {
													        margin: 0;
													        padding: 0;
													        display: grid;
													        grid-template-columns: 33% 33% 33%;
															        gap: 15px;
																	}

													.wrap_news_all ul li {
													        margin: 0;
													        padding: 0;
													}

													.wrap_news_all ul li .titre_rubrique {
													        width: auto;
													        height: 20px;
													        margin: 1em 0;
																 }

													.wrap_news_all ul li a.titre_rubrique,
													.wrap_news_all ul li a:visited.titre_rubrique  {
													        color: #121212;
													        text-align: center;
													        padding: 0.5em;
													        margin: 0;
													        font-size: 0.9em;
													        background: #fae06c;
															 }

													.wrap_news_all ul li a:hover.titre_rubrique  {
													        color: #121212;
															background:#f9f9f9;
															 }




														.wrap_news_all ul li h2 {
													        width: 90%;
													        margin: 0;
													        font-size: 1.3em;
													        padding: 0.5em 2em 1em 0;
													        line-height: 1.4;
													        font-weight: 500;
													        color: #121212;
													        font-family: Roboto regular;
																	 }

														.wrap_news_all ul li h2 a { color:#121212;}
														.wrap_news_all ul li h2 a:hover { background:transparent;}

														.wrap_news_all ul li .logo_recents {
														        height: 250px;
													    margin: 0;
													    padding: 0;
															}


														.wrap_news_all ul li .logo_recents .spip_logo {
													        width: 100%;
													        margin: 0;
													        object-fit: cover;
													        height: 250px;
																	}

														.wrap_news_all ul li .logo_recents .spip_logo:hover {
														}




															/* BLOC 3 */

													/** + populaires **/
													.plus_populaires {
													        margin: 0;
													        padding: 0;}


													.plus_populaires ul {
													        margin: 0;
													        padding: 0;
													        display: grid;
													        grid-template-columns: 33% 33% 33%;
															        gap: 15px;
																	}

													.plus_populaires ul li {
													        margin: 0;
													        padding: 0;
													}

													.plus_populaires ul li .titre_rubrique {
													        width: auto;
													        height: 20px;
													        margin: 1em 0;
																 }

													.plus_populaires ul li a.titre_rubrique,
													.plus_populaires ul li a:visited.titre_rubrique  {
													        color: #121212;
													        text-align: center;
													        padding: 0.5em;
													        margin: 0;
													        font-size: 0.9em;
													        background: #fae06c;
															 }

													.plus_populaires ul li a:hover.titre_rubrique  {
													        color: #121212;
															background:#f9f9f9;
															 }




													.plus_populaires ul li h2 {
													        width: 90%;
													        margin: 0;
													        font-size: 1.3em;
													        padding: 0.5em 2em 1em 0;
													        line-height: 1.4;
													        font-weight: 500;
													        color: #121212;
													        font-family: Roboto regular;
															}

														.plus_populaires ul li h2 a { color:#121212;}
														.plus_populaires ul li h2 a:hover { background:transparent;}

														.plus_populaires ul li .logo_recents {
														        height: 250px;
													    margin: 0;
													    padding: 0;
															}


														.plus_populaires ul li .logo_recents .spip_logo {
													        width: 100%;
													        margin: 0;
													        object-fit: cover;
													        height: 250px;
																	}

														.plus_populaires ul li .logo_recents .spip_logo:hover {
														}

																	/********************************************************************************************************************************************************************************************* WRAP COLONNE DROITE ****************************************************************************************************************************/

																	#wrap_colonne_droite{
																	width: 100%;
																	height: auto;
																	margin: 0;
																	padding:0;
																	overflow: hidden;
																	}

															/** en images colonne **/

													#wrap_en_images {
														width: 100%;
													    margin: 0 0 2.5em 0;
														padding:0;
													}


													#wrap_en_images h1 {
													        display: flex;
													        align-items: center;
													        font-size: 2.5em;
													        margin: 0 0 0.5em;
													        padding: 0 0 0.3em;
													        border-bottom: #eee 1px solid;
													        font-weight: 400;
													}

													#wrap_en_images h1 .carre {
															width: 25px;
													        height: 25px;
													        background: #CC3300;
													        float: left;
													        margin: 0 0.2em 0 0;
													}




													#wrap_en_images .wrap_en_images_list {
													    display: grid;
													    grid-template-columns: 90px auto;
														align-items: center;
													    width: 95%;
													    margin: 0 0 1em;
													    padding: 0;
														gap: 1em;
															}

														#wrap_en_images .wrap_en_images_list .logo {
													        width: 90px;
													        height: 90px;
															margin: 0;
													}

														#wrap_en_images .wrap_en_images_list .logo .spip_logo {
													        width: 90px;
													        height: 90px;
															object-fit: cover;
													        margin: 0;
															}

														#wrap_en_images .wrap_en_images_list .logo .spip_logo:hover {

														}

														#wrap_en_images .wrap_en_images_list h2 {
													        margin: 0;
													        padding: 0.5em;
													        font-size: 1.1em;
													        line-height: 1.2;
													        font-weight: 400;
													        letter-spacing: 0.1em;
															color:#121212;
															}

														#wrap_en_images .wrap_en_images_list h2 a,
														#wrap_en_images .wrap_en_images_list h2 a:active,
														#wrap_en_images .wrap_en_images_list h2 a:focus,
														#wrap_en_images .wrap_en_images_list h2 a:visited {
															color:#121212;
															background:transparent;
														}

														#wrap_en_images .wrap_en_images_list h2 a:hover{
														color:#CC3300
														}
													#wrap_en_images	.pagination { line-height: 1;display: flex;}

													#wrap_en_images .pagination .on .pagination-item-label, #wrap_en_images .pagination a.pagination-item-label:hover, #wrap_en_images .pagination a.pagination-item-label:focus, #wrap_en_images .pagination a.pagination-item-label:active {
													    background: #333;
													    color: #fff;
													}


													/****************************************************************************************************************************************************************************************************************************	PAGE 404 *************************************************************************************************************************************************************/

													.wrapper .cartouche .erreur404 {
													margin: 1.5em;
													    padding: 2em 1em;
													    text-align: center;
															 }

															 .wrapper_rubriques .cartouche .erreur404 h1 {
													margin: 1.5em;
													    padding: 2em 1em;
													    text-align: center;
															 }

															 .wrapper_rubriques .cartouche .erreur404 text{
													margin: 1.5em;
													    padding: 2em 1em;
													    text-align: center;
															 }


													/***************
													*************************************************************************************************************************************************************************************************************	PAGE RUBRIQUE *************************************************************************************************************************************************************/

														/* PAGE RUBRIQUE */

													.wrapper_rubriques .cartouche {
													margin: 1.5em;
													    padding: 2em 1em;
													    text-align: center;
													    position: relative;
													    top: 1em;
															 }



													 .wrapper_rubriques .cartouche h1{
													     margin: 0 auto;
													    font-size: 3em;
													    font-weight: 200;
													    text-transform: uppercase;
													    width: 60%;
													}


													 .wrapper_rubriques .menu_rubrique.menu_articles_rubrique {
													     margin: 0;
													    position: relative;
													    top: 1em;
													}


													 .wrapper_rubriques .menu_rubrique ul {
													    margin: 0 auto;
													 	width: 60%;
													}

													.wrapper_rubriques .menu_rubrique ul li {
													display: grid;
													    grid-template-columns: 30% 70%;
													font-family: 'roboto';
													      padding: 0;
													    margin: 0 0 1.5em;
													    background: #fff;
														    border: 1px solid #eee;
													}

													.wrapper_rubriques .menu_articles_rubrique li strong {
													    margin: 0;
														}

													.wrapper_rubriques .menu_articles_rubrique li strong .spip_logo {
													    width: 100%;
													    object-fit: cover;
													    height: 220px;
													    object-position: top;
														    margin: 0;
													    padding: 0;
															}


													.wrapper_rubriques .menu_articles_rubrique li strong .spip_logo a {
													border: none; background: none;
														}


													.wrapper_rubriques .menu_articles_rubrique li	.menu_rubrique_text{    margin: 0;
													    padding: 1em;}

													.wrapper_rubriques .menu_articles_rubrique li	.menu_rubrique_text h1 {    font-size: 1.5em;    line-height: 1.2;}

													.wrapper_rubriques .menu_articles_rubrique li	.menu_rubrique_text h1 a {   color:#333;}
													.wrapper_rubriques .menu_articles_rubrique li	.menu_rubrique_text h1 a:hover { background:#eee;  color:#333;}

													.wrapper_rubriques .menu_articles_rubrique li	.menu_rubrique_text introduction {}


														/* NAVIGATION PAGE RUBRIQUES */

													.wrapper_rubriques .pagination {
													    line-height: 1;
													}
													.wrapper_rubriques .pagination ul li {
													    display: grid;
													    grid-template-columns: 100%;
													    font-family: 'roboto';
													    padding: 0;
													    margin: 0 0 1.5em;
													    background: none!important;
													}



														/***************
													*************************************************************************************************************************************************************************************************************	PAGE TOUSARTICLES *************************************************************************************************************************************************************/

														/* PAGE RUBRIQUE */

														.wrapper_tousarticles {
													        margin: 0;
													        padding: 0;
															 }

														.wrapper_tousarticles .cartouche {
													        width: 90%;
													        height: auto;
													        overflow: hidden;
													        margin: 0 auto;
													        padding: 0;
															 }



													 .wrapper_tousarticles .cartouche h1{
													        margin: 0 auto 2em;
													        font-size: 3em;
													        font-weight: 200;
													        text-transform: uppercase;
													        text-align: center;
													}


													 .wrapper_tousarticles .cartouche .touslesarticles {
													     margin: 0;
													}


													 .wrapper_tousarticles .cartouche .touslesarticles ul {
													 	width: 90%;
													    display: grid;
													    grid-template-columns: 33% 33% 33%;
														margin: 0 auto;
														gap:1em;
													}

													.wrapper_tousarticles .cartouche .touslesarticles ul li {
														font-family: 'roboto';
													    padding: 0;
													    margin: 0 0 1.5em;
													    background: #fff;
													}

															.wrapper_tousarticles .cartouche .touslesarticles ul li .titre_rubrique {
													        width: auto;
													        height: 20px;
													        margin: 1em 0;
															 }

														.wrapper_tousarticles .cartouche .touslesarticles ul li a.titre_rubrique ,
														.wrapper_tousarticles .cartouche .touslesarticles ul li a:visited.titre_rubrique  {
													               color: #121212;
													        text-align: center;
													        padding: 0.5em;
													        margin: 0;
													        font-size: 0.95em;
													        background: #fae06c;
															 }

														.wrapper_tousarticles .cartouche .touslesarticles ul li a:hover.titre_rubrique  {
													       color: #121212;
															background:#f9f9f9;
															 }




													.wrapper_tousarticles .cartouche .touslesarticles ul li .spip_logo {
													    width: 100%;
														    float: none;
													    object-fit: cover;
													    height: 350px;
													    object-position: top;
														    margin: 0;
													    padding: 0;
															}


													.wrapper_tousarticles .cartouche .touslesarticles ul li .spip_logo a {
													border: none; background: none;
														}


													.wrapper_tousarticles .cartouche .touslesarticles ul li .text{
														 margin: 0;
													    padding: 0;
														}

													.wrapper_tousarticles .cartouche .touslesarticles ul li .text h2 {
													        font-size: 1.5em;
													        line-height: 1.2;
													        font-family: Roboto medium;
													        font-weight: 100;
															}

													.wrapper_tousarticles .cartouche .touslesarticles ul li .text h2 a {   color:#333;}
													.wrapper_tousarticles .cartouche .touslesarticles ul li .text h2 a:hover { background:#eee;  color:#333;}

													.wrapper_tousarticles .cartouche .touslesarticles ul li .text introduction {}


														/* NAVIGATION PAGE RUBRIQUES */

													.wrapper_tousarticles .cartouche .touslesarticles #pagination{margin:0;}

													.wrapper_tousarticles .cartouche .touslesarticles #pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center}
													.wrapper_tousarticles .cartouche .touslesarticles #pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
													.wrapper_tousarticles .cartouche .touslesarticles #pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
													.wrapper_tousarticles .cartouche .touslesarticles #pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
													.wrapper_tousarticles .cartouche .touslesarticles #pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
													.wrapper_tousarticles .cartouche .touslesarticles #pagination .on .pagination-item-label,
													.wrapper_tousarticles .cartouche .touslesarticles #pagination a.pagination-item-label:hover,
													.wrapper_tousarticles .cartouche .touslesarticles #pagination a.pagination-item-label:focus,
													.wrapper_tousarticles .cartouche .touslesarticles #pagination a.pagination-item-label:active {         background: #fae06c;
													        color: #121212;}
													.wrapper_tousarticles .cartouche .touslesarticles #pagination .on .pagination-item-label {font-weight: bold;}
													.wrapper_tousarticles .cartouche .touslesarticles #pagination .pagination_precedent_suivant .disabled {visibility: hidden}
													.wrapper_tousarticles .cartouche .touslesarticles #pagination .pagination-item.disabled {}
													.wrapper_tousarticles .cartouche .touslesarticles #pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
													.wrapper_tousarticles .cartouche .touslesarticles .menu_articles .pagination strong {font-size:1em;}


													/****************************************************************************************************************************************************************************************************************************	PAGE ARTICLE *************************************************************************************************************************************************************/

													/** ARTICLE **/

													#grid {
													    width: 100%;
														margin: 0 auto;

														}


														/* ARTICLE */
													.grid_article { margin: 0; padding:0;}


																/* ARTICLE ENTETE */

															.grid_article .entete_article{
															width: 80%;
													        max-width: 1160px;
													        margin: 0 auto;
																}

															.grid_article .entete_article .titre_rubrique {
													        width: auto;
													        height: 20px;
													        margin: 1em 0;
															 }

														.grid_article .entete_article a.titre_rubrique ,
														#grid .grid_article .cartouche a:visited.titre_rubrique  {
													               color: #121212;
													        text-align: center;
													        padding: 0.5em;
													        margin: 0;
													        font-size: 0.9em;
													        background: #fae06c;
															 }

														.grid_article .entete_article a:hover.titre_rubrique  {
													       color: #121212;
															background:#f9f9f9;
															 }

														.grid_article .entete_article  h1 {
													        width: 80%;
													        font-size: 3.6em;
													        margin-bottom: 0.5em;
													        font-family: roboto;
													        font-weight: 200;
													        line-height: 1;
															}


																/* ARTICLE LOGO */

															.grid_article .logo_article {margin:0;padding:0;}
															.grid_article .logo_article p{        line-height: 1;
													        font-style: italic;
													        font-size: 0.8em;}


																.grid_article .spip_logo {
													        float: none;
													        width: 100%;
													        margin: 0;
													        padding: 0.5em 0 0;
													        border: none;
													        height: auto;
																}


																	/* ARTICLE CORPS-CARTOUCHE */

																.grid_article .cartouche {
													        width: 50%;
													        max-width: 1160px;
															height: auto;
													        overflow: hidden;
													        margin: 0 auto;
																}

																.grid_article .cartouche	.info-publi {
															font-size: 0.9em;
													        font-style: inherit;
													        text-transform: uppercase;
													        font-weight: 600;
															}


																	/* ARTICLE PDF */

														.grid_article .cartouche .article_pdf{
														margin: 2em 0;
														        font-size: 0.9em;
														}
															.grid_article .cartouche .article_pdf a,
																.grid_article .cartouche .article_pdf a:visited{
														text-decoration:none;
														border:none;
														color:#121212;
														font-size:0.9em;
														}

																.grid_article .cartouche .article_pdf a:hover{
														border:none;
														background:transparent;
														}


														.grid_article .cartouche .article_pdf img{
													        width: 40px;
													        height: auto;
														}


																	/* ARTICLE CHAPO ARTICLE */


																	.grid_article .cartouche .chapo {
																	margin: 0 0 1em;
																	    margin: 2em 0 2em;
																	}

																	.grid_article .cartouche .chapo p {
																	font-weight: bold;
																	text-align: left;
																	font-size: 1.2em;
																	line-height: 1.5;
																	}



																/* ARTICLE TEXTE ARTICLE */

																.grid_article .cartouche .texte { text-align:left;    margin: 1em 0;}
																.grid_article .cartouche .texte p{     margin: 0 0 1.5em 0;}

																.grid_article .cartouche .texte a {color: #CC3333!important; background-color: transparent;}

																.grid_article .cartouche .texte h2 { text-align:left;    margin: 1em 0;    font-size: 1.8em;}

																.grid_article .cartouche .texte h3 {font-size: 1.6em; margin: 1em;	color: #666;}

																.grid_article .cartouche .texte h4 {
																font-size: 1.5em;
													        line-height: 1.364;
													        margin: 1em 0;
													        font-weight: normal;
													        text-align: left;
													        border-left: 7px solid #e6e1e1;
													        text-indent: 10px;
															}


																.grid_article .cartouche iframe { width:100%;
																}



													/** SOCIALTAG ET FORUM **/

													#grid .grid_article .cartouche #socialtags{
													width:100%;
													}

													#grid .grid_article .cartouche #socialtags img {
													    float: none;
													    width: auto;
													    height: 20px;
													    border: 0;
													    margin: 0;
													    padding: 0;
													}



														/* commentaires */

													#grid .grid_article #forums_article {
													        width: 90%;
													        margin: 0 auto;
													        padding: 0;
													        display: grid;
													        grid-template-columns: 50% 50%;
													        gap: 1em;
													        align-items: start;
																}


														/* MESSAGES DU FORUM */
													#grid .grid_article #forums_article .forum_commentaires h2 {
													    color: #222;
													    padding: 0.5em;
													    font-weight: normal;
													    font-size: 1.2em;
													    font-family: 'roboto';
													    text-transform: uppercase;
													    border-bottom: 1px #222 solid;
														width: 50%;
													}

													#grid .grid_article #forums_article .forum_commentaires .comments {
													padding:0;
													margin:0;
													border-top:none;
													}

													#grid .grid_article #forums_article .forum_commentaires .comment-item {
													    margin: 0.5em 0 0 0;
													    padding: 0.5em 0 0 0;
													    border-top: none;
													}


														/* FORMULAIRE DU FORUM */
													#grid .grid_article #forums_article .forum_formulaire {
													border-right: 1px solid #eee;
													    padding: 0 1em 0 0;
													}

													#grid .grid_article #forums_article .forum_formulaire .forum-titre {
													background: #eee;
													    color: #333;
													    padding: 0.5em 1em;
													    font-weight: normal;
													    font-size: 1.1em;
													    font-family: 'roboto';
													    text-transform: uppercase;
													    border-bottom: none;
													    border: none;
														margin:0;
														}


													#grid .grid_article #forums_article .forum_formulaire .formulaire_spip fieldset {
													    margin: 0;
													    padding:  0;
													}

													#grid .grid_article #forums_article .forum_formulaire .formulaire_spip .editer {
													    margin: 0;
													}


													#grid .grid_article #forums_article .forum_formulaire .formulaire_spip label {
													    display: block;
													    font-size: 1em;
													    font-weight: 500;
													    text-transform: uppercase;
														    margin: 0.5em 0;
													}

													#grid .grid_article #forums_article .forum_formulaire .formulaire_spip textarea.markItUpEditor, .formulaire_spip li.editer_texte textarea {
													    text-align: left;
													}

													#grid .grid_article #forums_article .forum_formulaire .formulaire_spip .previsu {
													    border: 2px dashed #eee;
														padding:1em;
													}


													/** Images dans l'article **/

																		/***************** SPIP DOCUMENTS CENTER PORTFOLIO *******************/
													.spip_doc_legende{    width: 100%;
													    max-width: 100%;
													    margin: 0 0 2em;}

															.spip_doc_descriptif{    font-size: 0.8em;
													    font-style: italic;}

															.spip_doc_titre{display: none;}

																		.grid_article .cartouche .portfolio{
																	display: grid;
																	grid-template-columns: 1fr 1fr;
																	gap: 12px;
																	width: 100%;
																	height: auto;
																	overflow: hidden;
																	padding: 0;
																	margin: 1em 0;
																		}

																.grid_article .cartouche .portfolio .spip_documents_center {
													        width: 100%;
													        height: 350px;
													        margin: 0;
													        padding: 0;
																}

															.grid_article .cartouche .portfolio .spip_documents_center .spip_doc_descriptif {
													    clear: both;
													    height: 50px;
													    text-align: left;
													    font-size: 0.9em;
													    width: 90%;
													    padding: 0.5em 0 0;
													}
																			.grid_article .cartouche .portfolio .spip_documents_center img {
																			object-fit: cover;
																			width: 300px;
																			height: 300px;
																			margin: 0;
																			padding: 0;
																			}

																			.grid_article .cartouche .portfolio .spip_documents_center a,
																			.grid_article .cartouche .portfolio .spip_documents_center a:hover,
																			.grid_article .cartouche .portfolio .spip_documents_center a:visited,
																			.grid_article .cartouche .portfolio .spip_documents_center a:active,
																			.grid_article .cartouche .portfolio .spip_documents_center a:focus {
																			border:none;
																			background:none;
																			}

																		/***************** SPIP DOCUMENTS CENTER *******************/

																.grid_article .cartouche .spip_documents_center {
																margin:0;
																padding:0;
																}
																			.grid_article .cartouche .spip_documents_center img {
																			width:100%;
																			height:auto;
																			margin: 1em 0 1em 0;
																			}

																			.grid_article .cartouche .spip_documents_center a,
																			.grid_article .cartouche .spip_documents_center a:hover,
																			.grid_article .cartouche .spip_documents_center a:visited,
																			.grid_article .cartouche .spip_documents_center a:active,
																			.grid_article .cartouche .spip_documents_center a:focus {
																			border:none;
																			background:none;
																			}


																		/***************** SPIP DOCUMENTS LEFT *******************/

																.grid_article .cartouche .spip_documents_left {
																width: 250px;
																height: 250px;
																margin:0 1em 0;
																padding:0;
																}

																	.grid_article .cartouche .spip_documents_left img{
																		width: 250px;
																		height: 250px;
																		object-fit: cover;
																		margin: 0 ;
																		padding: 0;
																		}


																	.grid_article .cartouche .spip_documents_left a,
																	.grid_article .cartouche .spip_documents_left a:hover,
																	.grid_article .cartouche .spip_documents_left a:visited,
																	.grid_article .cartouche .spip_documents_left a:focus,
																	.grid_article .cartouche .spip_documents_left a:active{
																	border:none;
																	background:none;
																	}


																		/***************** SPIP DOCUMENTS RIGHT *******************/

																.grid_article .cartouche .spip_documents_right {
																margin:0;
																padding:0;
																}

																.grid_article .cartouche .spip_documents_right img{
																	object-fit: cover;
																	width: 250px;
																	height: 250px;
																}

																		.grid_article .cartouche .spip_documents_right a,
																		.grid_article .cartouche .spip_documents_right a:hover,
																		.grid_article .cartouche .spip_documents_right a:visited,
																		.grid_article .cartouche .spip_documents_right a:focus{
																		border:none;
																		background:none;
																		}




																		.texteencadre-spip{
																		color: #000033;
																		background: #fff;
																		border-bottom: 2px solid #252626;
																		border-left: 1px solid #1e1e1f;
																		border-right: 2px solid #222223;
																		border-top: 1px solid #212122;
																		margin: 1em 0;
																		padding: 1em;
																		position: relative;
																		}

																				    .texteencadre-spip p {
																					margin: 0 !important;
																					padding: 0;
																					}


																		blockquote {
																		min-height: 40px;
																		background: url(img/quote.png) no-repeat;
																		border: none;
																		padding-left: 3em;
																		margin-bottom:0;
																	}


																		/************************
																		************************************************************************************************************************************************************************************************************ SQUELETTE MOT CLE dossier **************************************************************************************************************************/


															/** ARTICLE DOSSIER **/


														 .grid_article_mot{
													    width: 100%;
													    margin: 0 ;
													    padding:0 ;
													    background: #fff;
															}


																/* ARTICLE DSSIER ENTETE */

															.grid_article_mot .entete_article_mot{
															width: 80%;
													        max-width: 1160px;
													        margin: 0 auto;
																}

															.grid_article_mot .entete_article_mot .titre_rubrique {
															font-size: 0.9em;
													        color: #CC3300;
													        font-weight: 500;
															text-transform:uppercase;
															 }

														.grid_article_mot .entete_article_mot .titre_rubrique a,
														.grid_article_mot .entete_article_mot .titre_rubrique a:visited {
													        color: #CC3300;
															 }

														.grid_article_mot .entete_article_mot .titre_rubrique a:hover {
													        color: #fff;
															background:#121212;
															 }

														.grid_article_mot .entete_article_mot  h1 {    font-size: 2.5em;    margin-bottom: 0.5em;    font-family: roboto;
													    font-weight: 300;}


															.grid_article_mot .entete_article_mot .info_publi_mot {
													        font-size: 0.85em;
													        font-style: inherit;
													        text-transform: uppercase;
													        margin: 0.5em 0;
																}


																/* ARTICLE LOGO */

															.grid_article_mot .logo_article {margin:0;padding:0;}
															.grid_article_mot .logo_article p{        line-height: 1;
													        font-style: italic;
													        font-size: 0.8em;}


															.grid_article_mot .spip_logo {
													        float: none;
													        width: 100%;
													        margin: 0;
													        padding: 0.5em 0 0;
													        border: none;
													        height: auto;
																}


																	/* ARTICLE corps-carouche */

															 .grid_article_mot .cartouche_mot {
															width: 50%;
													        max-width: 1160px;
													        height: auto;
													        overflow: hidden;
													        margin: 3em auto;		}





																.grid_article_mot .cartouche_mot .chapo{
																	   font-weight:bold ;
																}

															 .grid_article_mot .cartouche_mot .texte{
																	   font-weight:bold ;
																}

															 .grid_article_mot .cartouche_mot .doc_img{
																display: grid;
																grid-template-columns: 200px 200px 200px 200px;
																gap: 1em;
																width: 100%;
																height: auto;
																overflow: hidden;
																  margin: 3em 0 3em 0;
																}

																			 .grid_article_mot .cartouche_mot .texte p{
																			width: 100%;
																			line-height: 2;
																			font-weight: normal;
																			 }

																			.grid_article_mot .cartouche_mot .texte h4.spip{
																			display:flex;
																			width: 100%;
																			height: auto;
																			font-size: 2em;
																			font-weight: bold;
																			line-height: 1;
																			padding: 1em;
																			margin: 0;
																			text-decoration: underline overline;
																			text-underline-offset: 8px;
																			}


																	/** SOCIALTAG ET FORUM **/

													.grid_article_mot .cartouche #socialtags{
													width:100%;
													}

													.grid_article_mot .cartouche #socialtags img {
													    float: none;
													    width: auto;
													    height: 20px;
													    border: 0;
													    margin: 0;
													    padding: 0;
													}



														/* commentaires */

													.grid_article_mot #forums_article {
													        width: 90%;
													        margin: 0 auto;
													        padding: 0;
													        display: grid;
													        grid-template-columns: 50% 50%;
													        gap: 1em;
													        align-items: start;
																}


														/* MESSAGES DU FORUM */
													.grid_article_mot #forums_article .forum_commentaires h2 {
													    color: #222;
													    padding: 0.5em;
													    font-weight: normal;
													    font-size: 1.2em;
													    font-family: 'roboto';
													    text-transform: uppercase;
													    border-bottom: 1px #222 solid;
														width: 50%;
													}

													.grid_article_mot #forums_article .forum_commentaires .comments {
													padding:0;
													margin:0;
													border-top:none;
													}

													.grid_article_mot #forums_article .forum_commentaires .comment-item {
													    margin: 0.5em 0 0 0;
													    padding: 0.5em 0 0 0;
													    border-top: none;
													}


														/* FORMULAIRE DU FORUM */
													.grid_article_mot #forums_article .forum_formulaire {
													border-right: 1px solid #eee;
													    padding: 0 1em 0 0;
													}

													.grid_article_mot #forums_article .forum_formulaire .forum-titre {
													background: #eee;
													    color: #333;
													    padding: 0.5em 1em;
													    font-weight: normal;
													    font-size: 1.1em;
													    font-family: 'roboto';
													    text-transform: uppercase;
													    border-bottom: none;
													    border: none;
														margin:0;
														}


													.grid_article_mot #forums_article .forum_formulaire .formulaire_spip fieldset {
													    margin: 0;
													    padding:  0;
													}

													.grid_article_mot #forums_article .forum_formulaire .formulaire_spip .editer {
													    margin: 0;
													}


													.grid_article_mot #forums_article .forum_formulaire .formulaire_spip label {
													    display: block;
													    font-size: 1em;
													    font-weight: 500;
													    text-transform: uppercase;
														    margin: 0.5em 0;
													}

													.grid_article_mot #forums_article .forum_formulaire .formulaire_spip textarea.markItUpEditor, .formulaire_spip li.editer_texte textarea {
													    text-align: left;
													}

													.grid_article_mot #forums_article .forum_formulaire .formulaire_spip .previsu {
													    border: 2px dashed #eee;
														padding:1em;
													}


																										/***********************************************/
																										/***************SPIP DOCUMENTS******************/

																		/***************** SPIP DOCUMENTS CENTER PORTFOLIO DOSSIER *******************/

															.grid_article_mot .cartouche_mot .texte .portfolio{
													        display: grid;
													        grid-template-columns: 1fr 1fr;
													        gap: 12px;
													        width: 100%;
													        height: auto;
													        overflow: hidden;
													        padding: 0;
													        margin: 1em 0;
																		}

															 .grid_article_mot .cartouche_mot .texte .portfolio .spip_documents_center {
																	width: 100%;
																	height: 300px;
																	margin: 0;
																	padding: 0;
																}
																		.grid_article_mot .cartouche_mot .texte .portfolio .spip_documents_center img {
																			object-fit: cover;
																			width: 100%;
																			height: 300px;
																			margin: 0;
																			padding: 0;
																			}

																			 .grid_article_mot .cartouche_mot .texte .portfolio .spip_documents_center a,
																			 .grid_article_mot .cartouche_mot .texte .portfolio .spip_documents_center a:hover,
																		 .grid_article_mot .cartouche_mot .texte .portfolio .spip_documents_center a:visited,
																			 .grid_article_mot .cartouche_mot .texte .portfolio .spip_documents_center a:active,
																			 .grid_article_mot .cartouche_mot .texte .portfolio .spip_documents_center a:focus {
																			border:none;
																			background:none;
																			}


																		/***************** SPIP DOCUMENTS CENTER *******************/

																 .grid_article_mot .cartouche_mot .texte .spip_documents_center {
																 width:90%;
																margin:2em auto;
																padding:0;
																}
																			 .grid_article_mot .cartouche_mot .texte .spip_documents_center img {
																			width:100%;
																			height:auto;
																			margin: 0 0 2em 0;
																			}

																			.grid_article_mot .cartouche_mot .texte .spip_documents_center a,
																		 .grid_article_mot .cartouche_mot .texte .spip_documents_center a:hover,
																			 .grid_article_mot .cartouche_mot .texte .spip_documents_center a:visited,
																			 .grid_article_mot .cartouche_mot .texte .spip_documents_center a:active,
																			.grid_article_mot .cartouche_mot .texte .spip_documents_center a:focus {
																			border:none;
																			background:none;
																			}

																		/***************** SPIP DOCUMENTS LEFT *******************/

																.grid_article_mot .cartouche_mot .texte .spip_documents_left {
																float:left;
																width: 650px;
																height: 250px;
																margin: 1em 1em 1em 0;
																padding:0;
																}

																	 .grid_article_mot .cartouche_mot .texte .spip_documents_left img{
													        object-fit: cover;
													        width: 650px;
													        height: 250px;
													        object-position: top center;
																		}

																	 .grid_article_mot .cartouche_mot .texte .spip_documents_left a,
																 .grid_article_mot .cartouche_mot .texte .spip_documents_left a:hover,
																	 .grid_article_mot .cartouche_mot .texte .spip_documents_left a:visited,
																	 .grid_article_mot .cartouche_mot .texte .spip_documents_left a:focus{
																	border:none;
																	background:none;
																	}



																		/***************** SPIP DOCUMENTS RIGHT *******************/

															 .grid_article_mot .cartouche_mot .texte .spip_documents_right {
													        float: right;
													        width: 650px;
													        height: 250px;
													        margin: 1em 0 1em;
													        padding: 0;
																}

																	 .grid_article_mot .cartouche_mot .texte .spip_documents_right img{
													        object-fit: cover;
													        width: 650px;
													        height: 250px;
													        object-position: top center;
																		}

																		.grid_article_mot .cartouche_mot .texte .spip_documents_right a,
																.grid_article_mot .cartouche_mot .texte .spip_documents_right a:hover,
																		  .grid_article_mot .cartouche_mot .texte .spip_documents_right a:visited,
																		  .grid_article_mot .cartouche_mot .texte .spip_documents_right a:focus{
																		border:none;
																		background:none;
																		}




																		/***************** SOCIAL TAGS *******************/

													  .grid_article_mot .cartouche_mot div.socialtags {
													    margin: 2px 0 0px 0;
													    padding: 0;
													    clear: both;
													}

													  .grid_article_mot .cartouche_mot div.socialtags img {
													 	float: none;
														width: auto;
														height: 16px;
														border: 0;
														margin: 0;
														padding: 0;
													}



															/* footer mot */
													.footer_mot {
													    clear: both;
													    padding: 0;
													    margin: 0;
													    border-top: 1px solid #999;
													    background: #333;
													    color: #fff;
													    position: relative;
													    z-index: 90;
													}


													.footer_mot hr {width:10%; color:#fff; height:1px; margin:0 auto;}

													.footer_mot a{color:#fff;}

													.footer_mot .logo_footer { margin: 0 auto;width: 20%;    padding: 1em;}

													.footer_mot .logo_footer img {margin:0;}

													.footer_mot .logo_footer h1 {
													    font-size: 1.3em;
													    color: #fff;
													    text-align: center;
													    padding: 0.5em;
													    font-family: 'calibri';
													    font-weight: normal;
															}

															.footer_mot .colophon {
													    margin: 0;
													    text-align: center;
													    float: none;
													    height: auto;
													    width: 100%;
														background: slategrey;
														padding: 0.5em;
														border-top:1px solid #fff;
													}


													/****************************************************************************************************************************************************************************************************************************	FORM RECHERCHE PAGE RECHERCHE ************************************************************************/
													 .aside {
														 margin: 20px 0;
														 float: none;
														 width: 100%;
															}

													 .aside .formulaire_recherche {
													    padding: 0;
														margin:0;
													}

													 .aside .formulaire_recherche input.text {
													    width: 70%;
													    height: 40px;
														padding-left: 20px;
													    vertical-align: middle;
													    border: solid 1px #333;
													    background: #fff url(img/recherche.png) no-repeat left center;
													    -webkit-border-radius: 0;
													    border-radius: 0;
													}

													 .aside .formulaire_recherche input.btn, .formulaire_recherche input.submit {
													width: 40px;
													    height: 40px;
														    vertical-align: middle;
													    border: solid 1px #333;
													    border-left: none;
													    -webkit-border-radius: 0;
													    border-radius: 0;
													    text-align: center;
														background: #333;
													    color: #fff;
													margin: 0 0 0 10px;
														}

													 .aside	input[type="submit"], input.btn, input.submit, input[type="button"], input.button, input[type="image"], input.image, button {
													    cursor: pointer;
													    background: #333;
													    color: #fff;
													    padding: 0 0.5em;   border: none;
													}

													/* PAGE RECHERCHE */

													.wrapper_recherche{
													width: 60%;
													    clear: none;
													    float: none;
													    margin: 0 auto;
													    padding: 1em;
														}

													.content_recherche {    min-height: 350px;}

													.wrapper_recherche .menu_recherche ul {
													    margin: 0;
													    display: grid;
													    grid-template-columns: 50% 50%;
													    grid-gap: 12px;}

													.wrapper_recherche .menu_articles li {
													    list-style: none;
													    border: 1px solid #eee;
													    padding: 10px;
													    margin: 0;
														}

													.wrapper_recherche .menu_recherche ul li	.spip_logo {
													float: left;
													    margin: 0 10px 0 0!important;
													    padding: 0;
													    border: none;
													    width: 200px;
													    padding: 0!important;
														}

													.wrapper_recherche	.menu_articles a {
													    text-decoration: none;
													    color: #333;
													}

													.wrapper_recherche	.menu_articles a:hover {
													   background:#eee;
													}

													/************************************************************************************************************************************************************************************************************* PAGE CONTACT *********************************************************************************************************/


													/* CONTACT */
													.page_contact {height:auto}

													.cartouche_contact {
													    width: 50%;
													    margin: 0 auto;
													    height: 100px;
													    text-align: center;
														}

													.cartouche_contact h1 {
													    font-size: 3em;
													}

													/* texte et form */

													.page_contact .corps_contact {
													margin: 0 auto;
													    padding: 0;
													    height: auto;
													    overflow: hidden;
													    width: 56%;
													    background: #fff;
														}

													.page_contact .contact_text {
													    width: 90%;
													    margin: 1em auto;
													    height: auto;
													    overflow: hidden;
														    padding: 0 0 2em 0;
														}

													.page_contact .contact_text .formulaire_spip {margin:0;}

													.page_contact .contact_text .formulaire_spip label {
													padding: 4px 0;
													    font-size: 1em;
													    font-weight: normal;
													    text-transform: uppercase;
														}


													.page_contact .contact_text .formulaire_spip input[type="submit"], input.btn, input.submit, input[type="button"], input.button, input[type="image"], input.image, button {
													    cursor: pointer;
													    background: #333;
													    color: #fff;
													    padding: 1em;
													    border: none;
													}


													/****************************************************************************************************************************************************************************************************** FOOTER SITE ***************************************************************************************************************/

													/* FOOTER */

													.footer {
													    clear: both;
													    padding: 0;
													    margin: 0;
													    border-top: 1px solid #999;
													    background: #333;
													    color: #fff;
													}

													.footer hr {width:10%; color:#fff; height:1px; margin:0 auto;}

													.footer a{color:#fff;}

													 .logo_footer { margin: 0 auto;width: 20%;    padding: 1em;}

													 .logo_footer img {margin:0;}

													 .logo_footer h1 {
													    font-size: 1.3em;
													    color: #fff;
													    text-align: center;
													    padding: 0.5em;
													    font-family: 'calibri';
													    font-weight: normal;
															}


															/* NEWSLETTER */

													   /* LOGO */

													   #logo_newsletter {
														width: 300px;
													    height: auto;
													    overflow: hidden;
														    margin: 0.5em 0 0 0.5em;
													}

													#logo_newsletter a, #logo_newsletter a:hover,  #logo_newsletter a:visited {
													border: none;
													background: none;
													}

													#logo_newsletter .bandeau {
														 margin: 0;
													    padding: 0;
													    height: auto;
														color:#fff;
														}

													#logo_newsletter .bandeau h1 {
													    font-size: 1em;
													    color: #fff;
													    text-align: center;
													    margin: 0;
													    font-weight: bold;
															}

													#logo_newsletter .spip_logo {
													    margin: 0;
													    border: none;
														width: 200px;
														}

													#logo_newsletter img {
													    margin: 0;
													    border: none;
														width: 250px;
														}

													#logo_newsletter img a {
													  background:none!important; margin:0;border:none!important;
														}

													#logo_newsletter .spip_logo a, #logo_newsletter .spip_logo a:hover {background:none!important; margin:0; float:none;padding: 1em; vertical-align:inherit; border:none!important;}


													/* FORM NEWSLETTER */

													.footer .formulaire_spip {
													    padding: 0;
													    margin: 0 auto;
													    width: 70%;
													}

													.footer .formulaire_spip p {
													margin:0; padding:0;
													}

													.footer input[type="submit"], input.btn, input.submit, input[type="button"], input.button, input[type="image"], input.image, button {border:1px solid #fff;}

													.footer .formulaire_spip input.text, .formulaire_spip select, .formulaire_spip textarea {
													    width: 100%;
													    box-sizing: border-box;
													    padding: 1em 0.5em;
													    border: solid 1px #ccc;
													    border-radius: 0;
													    text-align: center;
													}







													/* Colonnes footer */

													 .grid_footer {
													    margin: 1em;
													    grid-template-columns: 40% 27% 36%;
													    height: auto;
													    overflow: hidden;
													    display: grid;
													    grid-gap: 10px;
														}

													 .grid_footer h1 {
													     font-family: calibri;
													    font-size: 1.2em;
													    text-align: center;
													    color: #fff;
													    font-weight: normal;
														}

													 .suivre, .abonnement, .contact {margin:0 0 1em;text-align: center;}


													.social_footer {margin:0;text-align: center;}


													.grid_footer span {text-align:center; padding:1em;}


													.grid_footer span {margin:0}


													.grid_footer .liens_footer {
													    height: auto;
													    overflow: hidden;
													    width: 80%;
													    margin: 0 auto;
													    display: grid;
													    grid-template-columns: 50% 50%;
														}

													/* Inscription newsletter */

													.newsletter_form_footer {    width: 90%;
													    padding: 0;
													    margin: 0;}

													.newsletter_form_footer h1 {    font-size: 1.8em;
													    text-transform: uppercase;
													    font-weight: 300;
													    padding: 0;
													    margin: 0;}

													.newsletter_form_footer .formulaire_spip .formulaire_newsletter  {margin:0; padding:0;}

													.newsletter_form_footer .formulaire_spip .editer {width:60%;    margin: 0 auto;}

													.newsletter_form_footer .formulaire_spip .boutons {    clear: both;
													    margin: 0;
													    padding: 0;
													    text-align: center;
														}

													.newsletter_form_footer .formulaire_spip input[type="submit"], input.btn, input.submit, input[type="button"], input.button, input[type="image"], input.image, button
													{    background: #f0f0f0;
													    padding: 0.5em;
													    margin: 0 2em;
													    color: #333;}

													/* Copyright et liens */

													.footer .colophon {
													    margin: 0;
													    text-align: center;
													    float: none;
													    height: auto;
													    width: 100%;
														background: slategrey;
														padding: 0.5em;
														border-top:1px solid #fff;
													}


													/****************************************************************************************************************************************************************************************************** SITEMAP ***************************************************************************************************************/

													url{ width:100%;
													height:auto;
													overflow:hidden;
													margin:1em 0;
													padding:0;
													}

													/********** WIDGETS **************/
													.ciwidget_bloc {
														background: none;
														border-width: 0 0 0 0.25rem;
														padding: 1em;
														margin: 0 0 1.5rem 0;
														clear: both;
														font-family: Roboto;
														border: 2px solid #121212;
														border-radius: 15px;
													}

													.ciwidget_bloc h5 {
														font-weight: 500;
													text-transform: uppercase;
													font-size: 1em;
													border-bottom: 2px solid #d0d0d0;
													}

													.ciwidget_bloc .ciwidget_bloc__texte p {
														padding: 0;
														font-size: 0.83em;
														line-height: 1.7;
														color: #6c6969;
														margin: 0 0 1em 0!important;
													}

													.ciwidget_bloc .ciwidget_bloc__lien {
														margin: 10px 0 0 0;
														padding: 0;
														font-family: Roboto;
													}

													.ciwidget_bloc .ciwidget_bloc__lien a,
													.ciwidget_bloc .ciwidget_bloc__lien a:visited {
														font-family: Roboto;
														margin: 0 !important;
														padding: 0;
														font-size: 0.92em!important;
														border:none;
													}


													.ciwidget_bloc:before {
														display: none;
													}




}