@font-face {
    font-family: 'SupermolotLightRegular';
    src: url('../ressources/font/supermolotlight.eot');
    src: url('../ressources/font/supermolotlight.eot') format('embedded-opentype'),
         url('../ressources/font/supermolotlight.woff2') format('woff2'),
         url('../ressources/font/supermolotlight.woff') format('woff'),
         url('../ressources/font/supermolotlight.ttf') format('truetype'),
         url('../ressources/font/supermolotlight.svg#SupermolotLightRegular') format('svg');
}
@font-face {
    font-family: 'FeaturedItem';
    src: url('../ressources/font/FeaturedItem.eot');
    src: url('../ressources/font/FeaturedItem.eot') format('embedded-opentype'),
         url('../ressources/font/FeaturedItem.woff') format('woff'),
         url('../ressources/font/FeaturedItem.ttf') format('truetype'),
         url('../ressources/font/FeaturedItem.svg#FeaturedItem') format('svg');
}

@font-face {
    font-family: 'Arima Madurai';
    src: url('../ressources/font/ArimaMadurai-Bold.eot');
    src: local('☺'),url('../ressources/font/ArimaMadurai-Bold.eot?#iefix') format('embedded-opentype'),
        url('../ressources/font/ArimaMadurai-Bold.woff2') format('woff2'),
        url('../ressources/font/ArimaMadurai-Bold.woff') format('woff'),
        url('../ressources/font/ArimaMadurai-Bold.svg#ArimaMadurai-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arima Madurai';
    src: url('../ressources/font/ArimaMadurai-Regular.eot');
    src: local('☺'),url('../ressources/font/ArimaMadurai-Regular.eot?#iefix') format('embedded-opentype'),
        url('../ressources/font/ArimaMadurai-Regular.woff2') format('woff2'),
        url('../ressources/font/ArimaMadurai-Regular.woff') format('woff'),
        url('../ressources/font/ArimaMadurai-Regular.svg#ArimaMadurai-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arima Madurai';
    src: url('../ressources/font/ArimaMadurai-Black.eot');
    src: url('../ressources/font/ArimaMadurai-Black.eot?#iefix') format('embedded-opentype'),
        url('../ressources/font/ArimaMadurai-Black.woff2') format('woff2'),
        url('../ressources/font/ArimaMadurai-Black.woff') format('woff'),
        url('../ressources/font/ArimaMadurai-Black.svg#ArimaMadurai-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arima Madurai';
    src: url('../ressources/font/ArimaMadurai-Medium.eot');
    src: url('../ressources/font/ArimaMadurai-Medium.eot?#iefix') format('embedded-opentype'),
        url('../ressources/font/ArimaMadurai-Medium.woff2') format('woff2'),
        url('../ressources/font/ArimaMadurai-Medium.woff') format('woff'),
        url('../ressources/font/ArimaMadurai-Medium.svg#ArimaMadurai-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arima Madurai';
    src: url('../ressources/font/ArimaMadurai-ExtraLight.eot');
    src: url('../ressources/font/ArimaMadurai-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../ressources/font/ArimaMadurai-ExtraLight.woff2') format('woff2'),
        url('../ressources/font/ArimaMadurai-ExtraLight.woff') format('woff'),
        url('../ressources/font/ArimaMadurai-ExtraLight.svg#ArimaMadurai-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arima Madurai';
    src: url('../ressources/font/ArimaMadurai-Light.eot');
    src: url('../ressources/font/ArimaMadurai-Light.eot?#iefix') format('embedded-opentype'),
        url('../ressources/font/ArimaMadurai-Light.woff2') format('woff2'),
        url('../ressources/font/ArimaMadurai-Light.woff') format('woff'),
        url('../ressources/font/ArimaMadurai-Light.svg#ArimaMadurai-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arima Madurai';
    src: url('../ressources/font/ArimaMadurai-ExtraBold.eot');
    src: url('../ressources/font/ArimaMadurai-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../ressources/font/ArimaMadurai-ExtraBold.woff2') format('woff2'),
        url('../ressources/font/ArimaMadurai-ExtraBold.woff') format('woff'),
        url('../ressources/font/ArimaMadurai-ExtraBold.svg#ArimaMadurai-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arima Madurai';
    src: url('../ressources/font/ArimaMadurai-Thin.eot');
    src: url('../ressources/font/ArimaMadurai-Thin.eot?#iefix') format('embedded-opentype'),
        url('../ressources/font/ArimaMadurai-Thin.woff2') format('woff2'),
        url('../ressources/font/ArimaMadurai-Thin.woff') format('woff'),
        url('../ressources/font/ArimaMadurai-Thin.svg#ArimaMadurai-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Glide';
    src: url('../ressources/font/Glide.eot');
    src: url('../ressources/font/Glide.eot?#iefix') format('embedded-opentype'),
        url('../ressources/font/Glide.woff2') format('woff2'),
        url('../ressources/font/Glide.woff') format('woff'),
        url('../ressources/font/Glide.svg#Glide') format('svg');
        font-weight:normal;
	    font-style:normal;
		font-display:swap;
}

@viewport{
    zoom: 1.0;
    width: device-width;
}
@-ms-viewport{
      zoom: 1.0;
    width: device-width;
}
html {
height: 100%;
width:100%;
}
body {
font-family:Arima Madurai;
margin:auto;
font-size:14px;
height:100%;
width:100%;
min-height:480px;
font-weight:normal;
}
.backstretch{
	opacity:0.3;
}
.invisible{

}
body a{
/*text-decoration:none;*/
color: inherit;
}
* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; 
}

#intro{
cursor:pointer;
position:absolute;
width:420px;
height:420px;
left:50%;
top:50%;
margin-left:-210px;
margin-top:-210px;
}
#logo_mob{
position:fixed;
top:5px;
left:50%;
margin-left:-40px;
text-align:center;
display:none;
height:50px;
width:50px;
background: url("../ressources/structure/favouille_mob.png") no-repeat scroll center center transparent;
background-size: 100% 100%!important;
z-index:3000;
}
table{
overflow-wrap: break-word;
}
.border_top{
background-color:#fff;
width:100%;
height:25px;
position:fixed;
top:0px;
z-index:500;
display:none;
}
.border_top2{
width:100%;
height:10px;
position:fixed;
top:25px;
z-index:500;
display:none;
}
.border_top3{
width:100%;
height:10px;
display:none;
}
.degrade {
background-image:-moz-linear-gradient(bottom,  rgba(255,255,255,1),  rgba(255,255,255,.25));
background-image:linear-gradient(to bottom, rgba(255,255,255,1),  rgba(255,255,255,0.25));
}
#principale {
max-width: 900px;
margin:auto;
z-index:0;
padding-top:2px;
width:98%!important;
position:relative;
height:auto!important;
margin-bottom:-115px;
min-height:100%;
padding-left:2px;
padding-right:2px;
background-color: rgba(255, 255, 255, 0.7);
line-height:2em;
}
/************************************************  BANDEAU *********************/
#bandeau {
z-index:1;
margin: auto;
max-width: 894px;
}
#bandeau a img{
border:none;
max-width:100%!important;
max-height:100%!important;
height:auto!important;
}


/************************************************  BOUTON**********************/
input[type=button],input[type=submit]{
color:#000;
font-size:16px;
background:#bababa;
text-align:center;
padding:4px;
cursor:pointer;
}
input[type=button]:hover,input[type=submit]:hover{
background:#1fa7d4;
}

/*********  NEwsletter et social **********************/
#header_right{
position:absolute;
padding-top:5px;
right:5px;
z-index:1000;
 top: 35px;
    width: 200px;
}
#bloc_newsletter{
height:35px;
padding-right: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
text-align: left;
float: left;
line-height:1em;
/*background:#fff;*/
}

#ligne_newsletter{
color:#000;
}
#ligne_recherche{
color:#000;
margin-top:2px;
display:inline-block;
}
.col_orange{
color:#a3bb67;
}
.col_bleu{
color:#1ea5aa;
}
.input_right{
   float:right;
}
#ligne_newsletter  * > input[type=text]  , #ligne_recherche  * > input[type=text]{
 background-color: rgba(203, 225, 225, 0.6);
 font-size:10px;
    border: medium none;
    border-radius: 10px;
    margin-left: 3px;
    padding-left: 2px;
    width: 85px;
	color:#a3bb67;
	height: 13px;
	
	}

#block_facebook{
position:absolute;
top:5px;
right:0px;
}
#bloc_social_mob {
display:none;
}
#btn_newsletter{
float:left;
height:32px;
width:32px;
cursor:pointer;
background: url("../ressources/structure/newsletter_btn.png") no-repeat scroll center center transparent;
background-size: 100% 100%!important;
}
#bloc_newsletter_mob{
display:none;
position:fixed;
width:320px;
height:40px;
background:#bababa;
padding: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
text-align: left;
top:35px;
left:50%;
margin-left:-160px;
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
#menu_lng{
width:28px;
position:absolute;
height:30px;
top:40px;
/*margin-left:300px;*/
z-index:1000;
}
#btn_search{
float:left;
height:32px;
width:32px;
cursor:pointer;
background: url("../ressources/structure/search_btn.png") no-repeat scroll center center transparent;
background-size: 100% 100%!important;
}
#bloc_search{
display:none;
position:fixed;
width:320px;
height:40px;
background:#bababa;
padding: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
text-align: left;
top:35px;
left:50%;
margin-left:-160px;
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}



.nom_champ_newsletter{
padding-right:2px;
}
.input-prompt {
font-family: Arial,Helvetica,sans-serif;
  position: absolute;
  font-style: italic;
  font-size:10px;
  color:#a3bb67;
  margin: 0.2em 0 0 0.5em;

  line-height: 9px;
}
#ok_newsletter,#ok_recherche{
float:right;
height:15px;
width:20px;
font-size:11px;
line-height:12px;
color:#000;
text-align:center;
margin-left:3px;

cursor:pointer;

}

#ok_recherche_mob{
height:20px;
min-width:20px;
font-size:15px;
line-height:20px;
background:#bababa;
color:#fff;
text-align:center;
margin-left:3px;
padding-left:2px;
padding-right:2px;
cursor:pointer;
}

#ok_recherche_mob:hover{
background:#1fa7d4;
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
#btn_facebook{
float:left;
height:32px;
width:32px;
cursor:pointer;
-webkit-border-radius:100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: url("../ressources/structure/facebook_bleu.png") no-repeat scroll center center transparent;
background-size: 105% 105%!important;
}
/*
#btn_facebook:hover{
background: url("../ressources/structure/facebook_bleu.png") no-repeat scroll center center transparent;
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
background-size: 105% 105%!important;
}
#btn_twitter{
float:left;
height:32px;
width:32px;
cursor:pointer;
-webkit-border-radius:100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: url("../ressources/structure/twitter_gris.png") no-repeat scroll center center transparent;
background-size: 105% 105%!important;
}

#btn_twitter:hover{
background: url("../ressources/structure/twitter_bleu.png") no-repeat scroll center center transparent;
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
background-size: 105% 105%!important;
}
*/
/****************************************************/
#menu_btn{
display:none;
/*font-family: Arial,Helvetica,sans-serif;*/
font-family:FeaturedItem;
}
#content_push{
display:none;
width:100%;
}
.push_menu2{
height:28px;
}
.push_menu{
height:30px;
}

.border_gris{
 margin-bottom: 3px;
border-top:1px solid #ccc;
opacity:0.5;
clear: both;
}
#list_cat {
    margin-bottom: 30px;
}
#menu {
    border: 0 solid #0000ff;
    list-style-type: none;
  /*  max-width: 400px; */
    padding: 0;
    position: relative;
    width: 100%;
	text-align: center;
	text-decoration:none;
}
#menu li {
/*font-family: Arial,Helvetica,sans-serif;*/
text-decoration:none;
font-family:FeaturedItem;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 26px;
    font-weight: normal;
    margin-right: 20px;
    text-align: center;
	/*position:relative;*/
}

#menu li > .sous_menu {
	text-decoration:none;
background-color: rgba(255,255,255,0.7);
z-index:20000;
    border: 0 solid #0000ff;
    display: none;
    list-style-type: none;
    padding: 0;
    position: absolute;
    text-align: center;
	width:auto;
	-moz-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7); 
box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7); 
}
#menu li > .sous_menu li {
text-decoration:none;
    color: #000000;
    cursor: pointer;
    display: list-item;
   /*font-family: Arial,Helvetica,sans-serif;*/
font-family:FeaturedItem;
     font-size: 23px;
    margin: 0px;
    text-align: left;
	padding-right: 2px;
	position:relative;
	 margin-top: 5px;
}
#menu li > .sous_menu li ul{
	text-decoration:none;
position:absolute;
left:100%;
top:0;
padding-left: 5px;
width:max-content;
}
#menu li > .sous_menu li ul li{
	text-decoration:none;
 font-size: 20px;
 width:auto;
}
#menu_footer {
padding:0px;
border:0px solid #0000ff;
max-width:1280px;
min-width: 200px;
margin:auto;
width:100%;
list-style-type:none;
position:relative;
text-align:center;
}
#menu_footer li{
font-weight:normal;
font-size:12px;
font-family: Arial,Helvetica,sans-serif;
cursor:pointer;
color:#000000;
text-align:center;
display:inline-block;
min-width:30px;
text-decoration:none;
}
.not_selected{
color:#000000;
text-decoration:none;
}
#menu li:hover,#menu_footer li:hover{
color:#1fa7d4;
text-decoration:none;
}
.sous_menu li:hover{
color:#1fa7d4;
text-decoration:none;
}
.not_selected:hover{
color:#1fa7d4;
text-decoration:none;
}
#selected_menu {
color:#1fa7d4!important;
text-decoration:none;
}

#logo_facebook{
height: 32px;
margin-left: 135px;
position: fixed;
top: 380px;
width: 32px;
}
/*=============================*/
.languages_block_top {
float: left;
margin: 0;
padding:0;
/*width:30px;*/
}
.languages_block_top p {
clear: left;
color: #fff;
background:#1fa7d4;
/*font: 11px Arial,Verdana,sans-serif;*/
padding-right: 20px;
text-align: center;
}
.languages_block_top ul.first-languages li {
 list-style-type: none;
float: left;
height: 30px;
line-height: 30px;
text-align: center;
width: 28px;
overflow:hidden;
}
.languages_block_top ul.first-languages li.selected_language {
float: left;
margin:0;

}
.countries {
cursor: pointer;
position: relative;
}
.countries:hover {
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
.countries p {
padding: 0;
margin:0;
position: relative;
top: 0;
height:30px;
width:28px;
overflow:hidden;
}

.countries .countries_ul {
display: none;
list-style-type: none;
padding: 10px;
z-index: 10000;
margin:0;
}
.countries .countries_ul_hover {
background: none repeat scroll 0 0 #bababa;
display: block;
height: auto;
padding: 0px;
position: absolute;
width: 28px;
z-index: 5000;
}
.lien_lng{
font-family: Arial,Helvetica,sans-serif;
height:3px;

line-height:30px;
/*min-width:20px;*/
margin:auto;
text-align:center;
}
.lien_lng a{
font-size:20px;
color:#fff;
text-decoration:none;
}
.first-languages :hover,.other_language:hover{
background:#1fa7d4;
text-decoration:none;
}
.other_language:hover{
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
.selected_menu_lng{
font-size:20px;
color:#fff;
text-decoration:none;
background:#1fa7d4;
}
/*********  CONTENT **********************/
#content {
width:100%;
height:100%;
margin:auto;
float:left;
margin-bottom:5px;
}
#content_test{
background-color:#ccc;
margin:auto;
width:1024px;
height:894px;
text-align:center;
margin-top:40px;
}
a{
/*text-decoration:none;*/
color: inherit;
}
#contenair {
min-height: 100%;
position: relative;
}
#content a{
/*text-decoration:none;*/
color: inherit;
}
.lien_rouge
{
color:red;
}
/*********************************  PAGE COMMUN ***************************/
#page_simple,#page_boutique,#page_article,#page_form,#page_reviste{
height: auto !important;
margin: auto;
min-height: 180px;
width: 100%;
min-width:360px;
position:relative;
float:left;
padding:0px;;
}
#page_accueil{
float:left;
width: 98%;
max-width: 894px;
}
#page_article{
padding:5px!important;
}
/*********************************  PAGE recherche ***************************/
#page_recherche_evenement,#page_recherche_publication,#page_recherche_reviste{
display: block;
margin-bottom: 30px;
margin-left: 2px;
margin-top: 5px;
width:100%;
min-height:200px;
}
/*********************************  PAGE Acceuil ***************************/

#list_encart1{

border: 3px solid #1ea5aa;
border-radius: 12px 12px 12px 12px;
float: left;
font-size: 11px;
min-height: 250px;

margin-top:100px;
width: 173px;
margin-left:-15px;
padding:5px;
}
#content_encart{
padding:5px;
}
#list_encart2{
border: 3px solid #ec881e;
border-radius: 12px 12px 12px 12px;
float: right;
font-size: 11px;
margin-top:225px;
min-height: 250px;
padding:5px;
width: 173px;
margin-right:-15px;
}
#titre_block_encart1,#titre_block_encart2 {
color: #000;
font-size: 15px;
font-weight: bold;
line-height: 29px;
margin: 0;
padding: 0px;
text-align: left;
text-shadow: 0 1px 0 #ffffff;
margin-bottom:20px;
}
#titre_block_encart1{
border-bottom: 2px dotted #ec881e;
}
#titre_block_encart2 {
border-bottom: 2px dotted #1ea5aa;
}
#ul_event_encart{
padding-left:20px;
font-size:14px;
}
.li_event_encart{
margin-bottom:5px;
}

.cadre_page_accueil{
float:left;
margin:auto;
margin-left:10px;
margin-right:10px;
}
.cadre_accueil_width1{
margin-left: 15px;
margin-right: 15px;
max-width: 550px !important;
}
.cadre_accueil_width2{
max-width:660px!important;
margin-left:15px;
margin-right:5px;
}
.cadre_accueil_width3{
max-width:894px!important;
margin-left:5px;
margin-right:5px;
}
/*************************************   PARTIE page ************************************************/
.cadre_page{
float:left;
width:100%;
margin:auto;
/*
margin-left:10px;
margin-right:10px;
*/
}
.cadre_info{
float:left;
margin:auto;
min-width:380px;
width:50%;
}

.photo_page{
width:100%;
}
.texte_page{
width:100%;
}
/*************************************      Agenda     *************************************************/
#content_agenda{
display:none;
width:100%;
min-height:400px;
height:auto;
}
#ferme_content_agenda{
height:64px;
font-size:18px;
white-space: nowrap;
display:none;
line-height: 64px;
width:100%;
cursor:pointer;
}
#btn_ferme_content_agenda{
height:64px;
width:64px;
display:block;
float:left;
margin-right:10px;
cursor:pointer;
background: url("../ressources/structure/back.png") no-repeat scroll center center transparent;
background-size: 100% !important;
}
/*************************************   PARTIE boutique ************************************************/

#pagination,#pagination_evenement,#pagination_publication,#pagination_reviste{
text-align:center;
clear:both;
}
#pagination .page_courante,#pagination_evenement .page_courante,#pagination_publication .page_courante,#pagination_reviste .page_courante{
color:#1fa7d4;
font-size:20px;
}
#pagination .lien_page,#pagination_evenement .lien_page,#pagination_publication .lien_page,#pagination_reviste .lien_page{
color:#000;
font-size:30px;
}
#pagination .lien_page:hover,#pagination_evenement .lien_page:hover,#pagination_publication .lien_page:hover,#pagination_reviste .lien_page:hover{
font-size:30px;
color:#1fa7d4;
}
#content_article{
width:100%;
/*border:1px solid #000;*/
}

#content_article a .cadre_boutique{
float:left;
float:none\0;
display:inline-block;
width: 33.33%;
}
/*
_:-ms-lang(x), .ie10up { float:none;}
#content_article a .cadre_boutique::-ms-backdrop{ float:none;} 
*/

.dummy {
   padding-bottom: 60%;
}

.container_img:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.container_img {

    bottom: 0;
    font: 0px/0 a;
    left: 0;
    position: absolute;
	right: 0;
	top: 0;
	
/*	height:350px;
height: 100%;*/
    
    text-align: center;
    
    vertical-align: middle;
	 
}

#fleche_banniere{
position:absolute;
height:34px;
top:50%;
width:100%;
left:0px;
margin-top:-17px;
z-index:1000;
}
#fleche_g{
height:30px;
width:50px;
background: url("../ressources/structure/fleche_gauche_gris.png") no-repeat scroll center center transparent;
cursor:pointer;
float:left;
background-size: 100% !important;
}
#fleche_g:hover{
background: url("../ressources/structure/fleche_gauche_bleu.png") no-repeat scroll center center transparent;
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
background-size: 100% !important;
}

#fleche_d{
height:30px;
width:50px;
background: url("../ressources/structure/fleche_droite_gris.png") no-repeat scroll center center transparent;
background: url("../ressources/structure/fleche_droite_gris.png") no-repeat scroll center center transparent;
cursor:pointer;
float:right;
background-size: 100% !important;
}
#fleche_d:hover{
background: url("../ressources/structure/fleche_droite_bleu.png") no-repeat scroll center center transparent;
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
background-size: 100% !important;
}
#popup{
background-color: #fff;
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
display:none;
position:fixed;
width:10px;
height:10px;
left:50%;
top:50%;
margin-left:-5px;
margin-top:-5px;
text-align:center;
z-index:1000;
}
#ferme_popup{
background: url("../ressources/structure/close.png") no-repeat scroll center center transparent;
background-size: 20px 20px;
cursor:pointer;
float:right;
width:30px;
height:30px;
z-index:1001;
}


.btn_play_video{
width:100px;
height:100px;
position:absolute;
left:50%;
top:50%;
margin-top:-50px;
margin-left:-50px;
}
#content_popup{
/*border:1px solid #000000;*/
text-align:center;
width:98%;
margin:auto;
min-height:10px;
margin-top:-5px;
top:50%;
position:absolute;
}
.helper {
display: inline-block;
height: 100%;
vertical-align:middle;
}
#popup_photo{
text-align:center;
margin:auto;
max-height:100%;
max-width:100%;
vertical-align:middle;
}

.lecteur_video{
 display: inline-block;
 padding:5px;
}
.content_txt{
 display: inline-block;
}

#popup_load{
position:absolute;
width:150px;
height:150px;
left:50%;
top:50%;
margin-left:-75px;
margin-top:-75px;
}

/*********************************************/
#content img {
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

#content img:hover {
    transform: scale(1.1);
}

.popup2 {
   display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
}

.popup2 img {
	text-align:center;
margin:auto;
max-height:100%;
max-width:100%;
vertical-align:middle;
/*
    max-width: 80%;
    max-height: 80%;
    box-shadow: 0 0 15px rgba(255,255,255,0.5);
	*/
}

.close {
    position: absolute;
    top: 35px;
    right: 25px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}

/*************************************   PARTIE article boutique ************************************************/
.cadre_article{
display: block;
margin-bottom: 10px;
margin-top: 10px;
vertical-align:middle;
float:left;
width:100%;

}
.cadre_evenement,.cadre_publication,.cadre_sousmenu,.cadre_reviste{
display: block;
margin-bottom: 30px;
margin-left: 2px;
margin-top: 5px;
text-align:left;
cursor:pointer;
vertical-align:middle;
float:left;
width:100%;
min-height:100px;
padding:5px;
-moz-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7); 
box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7); 
}
.cadre_reviste{
cursor:default!important;
}

#content_video a .cadre_video {
    display: inline-block;
    float: left;
    width: 32%;
	margin-left:1%;
}
.cadre_video{

 background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
    cursor: pointer;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 5px;
    min-height: 250px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
	-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5); 
-webkit-box-shadow:0px 0px  5px 1px rgba(0, 0, 0, 0.5); 
box-shadow: 0px 0px  5px 1px rgba(0, 0, 0, 0.5); 
	}

.cadre_img_video {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;

}

.dummy {
    padding-bottom: 100%;
}
.container_img::before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.container_img {
    bottom: 0;
    font: 0px/0 a;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
}
.img_video{
 border: 0 none;
    height: 100% !important;
    text-decoration: none;
    vertical-align: middle;
		padding:5px;
	}
	.titre_video{
	text-align:center;
	Font-size:14px;
	Font-weight:bold;
	}
.cadre_video  * > img,.cadre_evenement  * > img,.cadre_publication  * > img,.cadre_sousmenu  * > img,.cadre_article  * > img,.cadre_reviste * > img{
max-width:100%!important;
max-height:100%!important;
height:auto!important;
}
#petite{
border:0;
max-width:100%!important;
max-height:100%!important;
height:auto!important;
}
#bloc_droite_article{
 float: left;
    max-width: 60%;
    min-width: 420px;
    padding-left: 1%;
}


.cadre_thumb{
cursor:pointer;
}
.cadre_thumb_selected{
cursor:default;
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}

.push_right{
display: inline-block;
float: left;
height: 10px;
margin-right: 10px;
}

/**********************************   PAGINATION **********************************/
.lien_page{
font-size:16px;
cursor:pointer;
color:#ddd;
}
.lien_page:hover{
cursor:pointer;
color:#000;
}
/*************************************/
/*************************************   page Form ************************************************/
#table_form {
 float: left;
    position: relative;
    width: 58%;
}
#table_form td{
vertical-align:top;
max-width:250px;
min-width:80px;
width:200px;
padding-left:5px;
}
.nom_champ label{
width:250px;
display:block;
}
#page_simple * > img, #page_boutique * > img{
max-width:100%!important;
max-height:100%!important;
height:auto!important;
}
/*_______________________PIED DE PAGE_____________*/
.push_footer{
clear:both;
height:115px;
}
#footer {
position:relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
color:#000; 
margin:auto;
max-width:894px;
height:115px;
/*
border:1px solid #000000;
border-radius: 5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:inset 5px 5px 5px rgba(255, 255,255, 0.5);
*/
text-align:center;
width: 98% !important;
clear:both;
z-index:200;
}
#footer_centre{
text-align: center;
width: 100%;
}
#footer p a{
/*text-decoration:none;*/
color: inherit;
}
#footer p a:hover{
color:#1fa7d4;
}
#footer .info a:hover{
color:#1fa7d4;
}
#formulaire{
float:left;
}
#google_map{
float:right;
width:100%;
}
/***********************  LEcteur AUDIO  ******************************************/
.btn_play{
width:21px;
cursor:pointer;
margin:0px;
padding:0px;
margin-top:3px;
float:left;
margin-right: 4px;
}
.btn_pause{
width:21px;
display:none;
cursor:pointer;
margin:0px;
padding:0px;
margin-top:3px;
float:left;
margin-right: 4px;
}
.mute{
cursor:pointer;
width:30px;
height:30px;
display:block;
margin-left: 3px;
margin-right: 6px;
margin-top: -3px;
}
.muted{
cursor:pointer;
width:30px;
height:30px;
display:none;
margin-left: 3px;
margin-right: 6px;
margin-top: -3px;
}
.progressBar
{
width: 150px;
height: 6px;
background: #fff;
margin-top: 10px;
float: left;
border:1px solid #000;
overflow:hidden;
position:relative;
}
.timeBar
{
width: 0px;
height: 6px;
background:#000;
position:absolute;
}
.bufferBar
{
width: 0px;
height: 6px;
background: rgba(204, 204, 204, 0.50);
position:absolute;
}
.volumeBar
{
width: 50px;
height: 6px;
background: #fff;
margin-top: 10px;
float: left;
border:1px solid #000;
overflow:hidden;
position:relative;
}
.Barvolume
{
width: 50px;
height: 6px;
background:#000;
position:absolute;
}
.small{
cursor:pointer;
width:30px;
height:30px;
display:block;
margin-left: 3px;
margin-right: 6px;
margin-top: -3px;
}
.small_muted{
cursor:pointer;
width:30px;
height:30px;
display:none;
margin-left: 3px;
margin-right: 6px;
margin-top: -3px;
}


/*************************************   RESPONSIVE ************************************************/
@media only screen and (max-width: 894px) {
/*
table{
border-collapse: collapse; 
display:inline;
max-width:100%!important;
}
*/
table{
overflow-wrap: break-word;
}
table * >img{
width:100%!important;
}
#header_right{
 top: 15px;
width:auto!important;
}
#bloc_newsletter,#ico_panier{
display:none;
}

#bloc_social_mob{
display:block;
}
#btn_search{
cursor:pointer;
}
#btn_newsletter{
cursor:pointer;
}
.search_on{
display:block!important;
}
.newsletter_on{
display:block!important;
}

#list_encart1,#list_encart2{
width:49%;
margin-top:10px;
margin-right:0px;
margin-left:0px;
}
.encart_width2{
width:98%!important;
}

#list_encart2{
margin-left:1%;
}
.cadre_page{
width:100%;
max-width: 894px;
}
#page_accueil{
width:100%!important;

}
.cadre_accueil_width1,.cadre_accueil_width2,.cadre_accueil_width3{
margin-left:0px;
margin-right:0px;
width:100%!important;
max-width:100%!important;
}

#menu_lng{
width:30px;
position:fixed;
height:20px;
top:0px;
margin-left:300px;
z-index:1000;
}
#fleche_banniere{
position:fixed;
}
#footer {
max-width: 98%!important;
}
#page_article,#page_simple,#page_form, #page_reviste{
max-width: 100%!important;
margin:auto;
}
#page_simple * >img, #petite{
max-width:100%!important;
max-height:100%!important;
height:auto!important;
}
#bloc_droite_article{
float: left;
    max-width: 50%;
    min-width: 150px;
    padding-left: 1%;
}

#table_form tr{
left:20px;
}


#table_login{
width:300px;
margin:auto;
}
#table_form {
 float: left;
    position: relative;
    width: 98%;
}
.cadre_info{
float:left;
margin:auto;
min-width:49%!important;
width:49%;
}
#google_map{
float: left;
    margin: auto;
    text-align: center;
    width: 100%;
	
}
#menu li {
margin-right:15px;
}
}
/*************************************   RESPONSIVE 750px************************************************/
@media only screen and (max-width: 750px) {


#menu li {

font-size: 22px;
font-size:2.8vw;
}
#menu li > .sous_menu li {
 font-size: 21px;
 font-size:2.8vw;
}
}
/*************************************   RESPONSIVE 700px************************************************/
@media only screen and (max-width: 700px) {

#header_right{
 top:10px;
}
#bandeau a{
font-size:25px;
font-size:3.5vw;
}
#menu li,#menu li > .sous_menu li  {
font-size: 21px;
font-size:2.8vw;
}
}
/*************************************   RESPONSIVE 650px************************************************/
@media only screen and (max-width: 650px) {

#menu li,#menu li > .sous_menu li  {

font-size: 20px;
font-size:2.8vw;
}
}
/*************************************   RESPONSIVE 600px************************************************/

@media only screen and (max-width: 600px) {
#content{
width:99%;
}
#header_right{
 top: 5px;
}
#bandeau a{
font-size:20px;
font-size:3vw;
}
#menu li ,#menu li > .sous_menu li {
font-size: 19px;
font-size:2.8vw;
}
table{
/*overflow-wrap: break-word;*/
word-break: break-word;
}
#table_login,.table_info{
width:220px;
margin:auto;
}

#list_modif,#list_modif2{
width:98%;
margin:auto;
float:left;
}
#list_modif2{
margin-top:10px;
}
.table_modif{
width:300px;
margin:auto;
}
#content_video a .cadre_video {
float:left;
width:49%;
margin-left:1%;
display:inline-block;
margin-bottom:20px;
}

}
/*************************************   RESPONSIVE 530px************************************************/
@media only screen and (max-width: 530px) {

#bandeau a{
font-size:18px;
font-size:3vw;
}
#menu li,#menu li > .sous_menu li  {
font-size: 18px;
font-size:2.8vw;
}
}
/*************************************   RESPONSIVE 480px************************************************/
@media only screen and (max-width: 480px) {

#principale {
padding-top:45px;
/*
padding-left:0px;
padding-right:0px;
*/
-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0); 
-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0); 
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0,0); 
width:100%!important;
}
.cadre_accueil_width1,.cadre_accueil_width2,.cadre_accueil_width3{
margin-left:0px;
margin-right:0px;
}
table{
/*overflow-wrap: break-word;*/
word-break: break-word;
}
#header_right{
 top: 5px;
}
#logo_mob{
display:block;
}

#content {
/* margin: auto auto 65px;*/
margin:auto;
}

#list_encart1,#list_encart2{
width:100%;
margin-left:0%!important;
margin-right:0%!important;
}


#fleche_banniere{
position:fixed;
}
.border_top{
background: none repeat scroll 0 0 white;
display:block;
height:35px;
left:0px;
}
.border_top2{
display:block;
top:35px;
}
#content {
height: 100%;
padding: 0px;
}
#menu_btn{
background: none repeat scroll 0 0 white;
/*font-family: Arial,Helvetica,sans-serif;*/
font-family: 'FeaturedItem';
position:fixed;
padding-top:5px;
top:0px;
left:0px;
padding-left: 5px;
width:100%;
height:40px;
cursor:pointer;
display:block;
z-index:1000;
font-size:40px;
font-weight:bold;
line-height:40px;
}
#menu_btn:hover{
color:#1fa7d4;
}
#logo_facebook a img{
display:inline;
}
#logo_facebook {
height: 32px;
margin-left: 290px;
position: fixed;
top: 15px;
width: 32px;
z-index: 5000;
}
#bandeau{
display:none;
}
/*
#bandeau a{
font-size:22px;
}
*/
#border_gris{
display:none;
}
#list_cat{
display:none;
background: none repeat scroll 0 0 white;
color: #000;
min-height: 20px;
text-align: center;
top: 40px;
width: 100%;
z-index: 800;
position:absolute;
padding-left: 5px;
margin:0px;
left:0px;
}

#menu{
height:100%;
max-width:480px;
display:none;
background: none repeat scroll 0 0 white;
min-height: 20px;
position: relative;
text-align: center;
top: 0;
width: 100%;
z-index: 1;
padding:0px;
margin:0px;
overflow: hidden;
}
#menu img{
display:none;
}

.toggled_on #menu,.toggled_on #list_cat,.toggled_on #content_push,.toggled_on .border_top3{
display:block;
padding:0px;
margin:0px;
}

.toggled_on .border_top{
height:35px;
}
.toggled_on .border_top2{
display:none;
}

.toggled_on #content,.toggled_on #bloc_newsletter_mob,.toggled_on .border_gris{ 
display: none !important;
}
.footer_toggled_on { 
display: none !important;
}
.backstretch_toggled_on{ 
display: none !important;
}

#menu  li {
display:block!important;
font-size: 32px;
text-align: left;
position:static;
width:100%;
}
#ico_panier{
    position: absolute;
    right: 2px;
    text-decoration: none;
    z-index: 900;
}
#menu li > .sous_menu {
top:5px;
display:block!important;
position:relative;
margin-bottom: 5px;
margin-left: 20px;
-moz-box-shadow: none; 
-webkit-box-shadow:none; 
box-shadow: none; 
white-space:nowrap;
}
#menu li > .sous_menu li {
 font-size: 26px;
width:100px;
margin-bottom: 5px;
}
#menu li > .sous_menu li ul{
top:5px;
position:relative;
margin-bottom: 5px;
margin-left: 5px;
left:0px;
}
#header_right{
position:fixed;
z-index:2000;
}
#page_simple,#page_article,#page_reviste,#page_form{
max-width: 100%;
min-width:200px;
margin:auto;
}
#page_simple * > img, #petite{
max-width:100%!important;
max-height:100%!important;
height:auto!important;
}
#table_form tr{
left:10px;
}
.nom_champ label{
width:120px;
display:block;
}
.cadre_agenda{
text-align:center;
}
.cadre_info{
float:left;
margin:auto;
min-width:100%;
width:100%;
}
#content_video a .cadre_video {
float:left;
width:98%;
margin-bottom:20px;
}
#bloc_droite_article{
float:none;
width:99%! important;
min-width:99%;
margin:auto;
padding:0;
}

#bandeau_article,#description_article,#action_article,#list_couleur{
float:none;
width:98%;
margin:auto;
}

#bandeau_article{
text-align:center;
}
.languages_block_top ul.first-languages li {
 list-style-type: none;
float: left;
height: 30px;
line-height: 30px;
text-align: center;
width: 28px;
overflow:hidden;
}

}