@import url(https://fonts.googleapis.com/css?family=Lato:400,900,300);

@font-face {
    font-family: 'icones';
    src:    url('fonts/icones.eot?5a6a7o');
    src:    url('fonts/icones.eot?5a6a7o#iefix') format('embedded-opentype'),
        url('fonts/icones.ttf?5a6a7o') format('truetype'),
        url('fonts/icones.woff?5a6a7o') format('woff'),
        url('fonts/icones.svg?5a6a7o#icones') format('svg');
    font-weight: normal;
    font-style: normal;
}



/** Generated by FG **/
@font-face {
	font-family: 'Conv_SansationRegular';
	src: url('fonts/SansationRegular.eot');
	src: local('☺'), url('fonts/SansationRegular.woff') format('woff'), url('fonts/SansationRegular.ttf') format('truetype'), url('fonts/SansationRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





body {
	background-color:#E1E6E5;
	font-family: 'Conv_SansationRegular', sans-serif;
	/*color:#4D4D4D;*/
	color: #3A4347;
	font-size:15px;
}


a:hover {
	text-decoration:none;
	color:#000000;
}

a:visited {
  text-decoration: none;
  color:#4D4D4D;
}

ul li ul {
	margin-left:20px;
}

#content_page ul {
display: block;
margin-bottom: 20px;
}

#content_page ul li:before, #footer ul li:before,
#plan_site ul li:before, #keywords_cloud ul li:before  {
	text-decoration:none;
	line-height:28px;
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e911";

	font-size: 8px;
    margin-right: 8px;
    top: -1px;
	color:#625B56;/*#D97006;*/
}

/* Classes */
/*
#content_page .cadre {
	width: 100%;
}*/


#content_page .div_img {
	background-size: cover;
	background-position: center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

#content_page .bloc_description.close {
	margin-bottom: 20px;
}
#content_page .div_img.logo_img {
	background-size: contain;
	background-repeat: no-repeat;
}

#content_page .bloc_description {
	/*border: solid 1px;*/
	overflow: hidden;
	position: relative;
}

#content_page .bloc_description .read-more {
	width: 100%;
	text-align: center;
	height: 90px;
	position: absolute;
	bottom: 0;
	cursor: pointer;
}

#content_page .bloc_description .read-more .read-more_bg {
	height: 100%;
	/*background-color: #3A4347;*/
	/*opacity: 0.5;*/
	background: transparent;
	/*background: linear-gradient(#fff,#323232);*/
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0.9));
}

#content_page .bloc_description .read-more > span {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	color: white;
	padding: 5px;
}

#content_page .bloc_description .read-more > span span {
	background-color: #3A4347;
	padding: 5px;
}

.intro span.level.hidden_on_pc {
	display: none;
}

#content_page .table_scroll_x {
	overflow-x: auto;
}

#search_box, #search_box p {
	font-size: 14px;
}

#slider-sejour-sommaire .video-slider {
	width: 690px;
	float: right;
	padding-top: 10px;
	padding-right: 5px;
}

#slider-sejour-sommaire .video-slider iframe {
	width: 690px;
	height: 400px;
}

#forum-phpbb > h2 {
	padding-bottom: 10px;
}

#forum-phpbb table p {
	margin-bottom: 0;
}

.forum-phpbb-subjects #forum-phpbb table {
	border:2px solid #4D4D4D;
	text-align:left;
	width:100%;
	background:white;
}

.forum-phpbb-subjects #forum-phpbb colgroup .col1 {
	width: 70px;
}

.forum-phpbb-subjects #forum-phpbb colgroup .col2 {
	width: auto;
}

.forum-phpbb-subjects #forum-phpbb colgroup .col3 {
	width: 50px;
}

.forum-phpbb-subjects #forum-phpbb colgroup .col4 {
	width: 150px;
}

.forum-phpbb-subjects #forum-phpbb .tr_titre {
	background-color:#3A4347
}

.forum-phpbb-subjects #forum-phpbb .th_titre {
	text-align: center;
}

.forum-phpbb-subjects #forum-phpbb .tr1 {
	background-color:#e0e0e0
}

.forum-phpbb-subjects #forum-phpbb .tr2 {
	background-color:#d6d6d6
}

.forum-phpbb-subjects #forum-phpbb .td1 {
	text-align:center;
	vertical-align=middle;
	background:white;
	background-size: cover;
	background-position: center center;
}

.forum-phpbb-subjects #forum-phpbb .td3, #forum-phpbb .td4 {
	text-align:center;
	vertical-align=middle;
}

.forum-phpbb #forum-phpbb table {
	border:2px solid #4D4D4D;
	text-align:left;
	width:100%;
	background:white;
}

.forum-phpbb #forum-phpbb colgroup .col1 {
	width: 20%;
}

.forum-phpbb #forum-phpbb colgroup .col2 {
	width: 80%;
}

.forum-phpbb #forum-phpbb .tr_titre {
	background-color:#3A4347
}

.forum-phpbb #forum-phpbb .th_titre {
	text-align: center;
}

.forum-phpbb #forum-phpbb .tr2 {
	background-color:#e0e0e0
}

.forum-phpbb #forum-phpbb .tr1 {
	background-color:#d6d6d6
}

.forum-phpbb #forum-phpbb .td1 {
	text-align:center;
	vertical-align=middle;
	background:white;
}

.forum-phpbb #forum-phpbb .td2 {
	text-align:left;
	vertical-align=middle;
}

#content_page.forum-phpbb, #content_page.forum-phpbb-subjects {
	margin-left: 0;
}

#forum-phpbb tr {
	border: solid 2px;
}

#formulaire_forum ul li:before {
	display: none;
}

#formulaire_forum ul li.saisie_texte label {
	display: none;
}

#formulaire_forum .forum-texte p {
	margin: 0;
}

#formulaire_forum .comment-content {
	border: solid 2px;
	margin-bottom: 20px;
}

#formulaire_forum .erreur_message {
	color: red;
	font-size: 16px;
}

.section h1.forum-repondre {
	margin-bottom: 10px;
	text-align: left;
}

#option-site a {
	font-size: 15px;
	line-height: 17px;
}

#show_more_details {
	cursor:pointer;
}

#content .hidden_on_pc {
	display: none;
}

#sidebar .always_show .hidden_on_phone {
	display: block;
}

.pagination .lien_pagination, .pagination .on {
	padding: .5em;
	margin: 0em;
	border-radius: .25em;
	border: solid;
	border-width: 2px;
	margin-right: .5em;
}

#keywords_cloud .menu {
	margin-top: 20px;
}

.wrapper_header_mot {
	overflow: auto;
}

.pagination .on {
	background-color: #F5B151;
}

.adv_research_keywords_help {
	font-size: 20px;
	margin-left: 7%;
	margin-right: 7%;
}

#adv_research_result {
	text-align: center;
}

#keywords_cloud blockquote, #media_entete blockquote {
	margin-top: 3%;
	display: inline-block;
	padding: 1% 3% 1% 3%;
	/*margin-left: 3%;*/
	/*width: 70%;*/
}

#formulaire_menu_lang {
	float: right;
}

#formulaire_menu_lang label {
	display: none;
}

#formulaire_menu_lang select{
	width: 100%;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	display: inline-block;
	color: #8d8ea5;
	border-radius: 3px;
	font-family: sansationregular, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	cursor: pointer;
	
}

#nombre_sejours {
	font-family: arial;
}

.hidden_on_pc {
	display: none;
}

#keywords_cloud .wrapper_header_mot .spip_logo, #media_entete .wrapper_header_mot .spip_logo {
	float: left;
	padding-right: 3%;
}

#keywords_cloud .wrapper_header_mot h2, #media_entete .wrapper_header_mot h2 {
	right: 0;
	position: relative;
	top: 20%;
	/*text-align: center;*/
	/*left: 3%;*/
}

.touchslider-viewport {
	width: 1010px;
	overflow: hidden;
	height: 400px;
}

.advance_research_tags {
	position: sticky;
	top: 29px;
	background-color: #625B56;/*#F5B151;*/
	z-index: 1;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 3px;
	color:#FFF;
}

.advance_research_wrapper {
	border: solid;
	border-width: 2px;
}

.advance_research_tag_list {
	display: inline;
}

.wrapper {
	max-width:1310px;
	margin:auto;
	width:96%;
	position:relative;
	padding-left:2%;
	padding-right:2%;
}

.advance_research_wrapper {
	border: solid;
	border-width: 2px;
	padding: 0;
}

#page_projet .wrapper {
    max-width: 1310px;
}

.section {
	padding-top:6px;
	padding-bottom:44px;
}

.advance_research_section {
	padding-top: 20px;
	padding-bottom: 0;
}

#menu li #surfsection {
	display: none;
}

/*########################################*/
@media screen and (min-width: 1025px) {

  /* Le sticky sur le cote de la page */
  .always_show {
    position: sticky;
    top: 20px;
    width: inherit;
  }

  /* Le scroll sur le sticky */
  .scroll_show {
    width: inherit;
    overflow-y: scroll;
    height: 650px;

  }
  .phone_footer {
    display: none;
  }

}

/*########################################*/
.clear {
	clear:both;
	width:100%;
	display:block;
	width:100%;
}

.btn {
	background-color:#625B56;/*#DE7540;*/
	color:#FFFFFF!important;
	text-align:center;
	padding:6px;
	padding-left:14px;
	padding-right:14px;
	box-shadow: 1px 1px 4px #999999;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}


.btn.removeWishList {
    /*margin-left: 10px;*/
	background-color: #3a4347;
}
.btn.removeWishList span {
    margin-right: 10px;
}



#content_page .btn {
	display: inline-block;
    margin-bottom: 30px;
    margin-top: 10px;
}

.big_btn {
	width:29%;
	padding:15px;
	padding-left:0;
	padding-right:0;
	display:block;
	margin:auto;
	font-size:16px;
}
/*
.btn:hover {
	background-color:#DD4643;
}*/


.btn_pdf {
	background-image:url(img/pdf.jpg);
	background-position:12px center;
	background-repeat:no-repeat;
	    padding-left: 56px;
	text-align:left;

}

.btn_pdf i {
	text-transform:capitalize;
}


.sep {
	display:block;
	background-image:url(img/bg_line.png);
	background-repeat:repeat-x;
	height:1px;
	width:100%;
	margin-top:80px;
	margin-bottom:80px;
	clear:both;
}


.grey {
	color:#6A7B82;
}


/* Fonts */


h1 {
	font-size:30px;
	font-weight:900;
	text-transform:uppercase;
}

h2 {
	display: block;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    width: 100%;
    font-family: 'Conv_SansationRegular';
    margin-bottom: 0px !important;
}

h3 {
	font-size:14px;
	font-weight:900;
	text-transform:uppercase;
}


p, table, th, td {
	/*font-size:14px;*/
	font-size: 15px;
	font-weight:400;
	/*color:#666666;*/
	color: #3A4347;
}

.big_txt {
	font-size:24px;
	text-transform:uppercase;
}

.medium_txt {
	font-size:16px;
	text-transform:uppercase;
}


.section h1 {
	text-align:center;
	display:block;
	margin-bottom:40px;
}





#content_page h3:before {
	 content: "\e912";
	 font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	width:30px;
	display:block;
	float:left;

}

#content_page h3.close:before {
	content: "\e908";
}

.phone_sticky_first h2, .phone_sticky_second h2 {
  text-align: left;
  margin-left: 35px;
  width: 250px;
}

h4.blocs_titre, h4.blocs_replie {
	background:transparent none;
}

#sidebar h4.blocs_titre a {
	position: relative;
	top: 10px;
}

#sidebar h4.blocs_titre::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\e908";
  position: relative;
  left: -20px;
  top: 28px;
}

#sidebar h4.blocs_replie::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\e911";
  position: relative;
  left: -20px;
  top: 28px;
}

#details #show_more_details a {
	font-family: 'Conv_SansationRegular' !important;
	display: block;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	width: 100%;
	margin-bottom: 0px !important;
	line-height: 1.2em;
	text-align: center;
}

#details #show_more_details a::before {
font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e908";
	position: relative;
	display: block;
	top: 30px;
}

#content_page h4.blocs_titre::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\e908";
  position: relative;
  left: -7px;
  top: 1px;
}

#content_page h4.blocs_replie::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\e911";
  position: relative;
  left: -7px;
  top: 1px;
}

#content_page h4.blocs_slide::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\e911";
  position: relative;
  left: -7px;
  top: 1px;
}
/* Glossaire */



a.cs_glossaire, a.cs_glossaire:hover, #glossOverDiv {
    color:#666;
    text-decoration: none;
    z-index: 998;
}
a.cs_glossaire span.gl_dl, a.cs_glossaire span.gl_dt, a.cs_glossaire span.gl_dd {
    display: none;
    font-style: normal;
    visibility: hidden;
    z-index: 999;
}
a.cs_glossaire span.gl_dd {
    font-weight: normal;
}
a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt, a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
    display: block;
    visibility: visible;
}
a.cs_glossaire:hover span.gl_dl, #glossOverDiv span.gl_dl {
    background-color: #ffffff;
    border: 1px solid #f5b151;
    display: inline;
    font-size: 85%;
    margin-left: -120px;
    margin-top: 1.8em;
    padding: 4px;
    position: absolute;
    visibility: visible;
    width: 180px;
}
a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt {
	padding:3px;
    font-weight: bold;
    padding: 3px;
    text-align: left;
	background-color: #f5b151;
    color: #fff;
}
a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
    color: #666666;
    line-height: 1.3em;
    padding: 3px;
    text-align: left;
}
a.cs_glossaire span.gl_mot {
    border-bottom: 1px dotted gray;
    font-size: inherit;
}
#glossOverDiv span.gl_dl {
    margin-left: -60px;
}



/* Tableau */

table, th, td {
   border: 1px solid #E1E6E5 ;
}

th {
	background-color:#666666;
	color:#FFFFFF;
}

table {
    background-color: #ffffff;
    color:#666666;
    width: 100%;
    margin-bottom: 20px;
}

tr.row_even  {
	background-color: #EBF0EF;
}

td, th {
	padding:16px;
}










/* Slider */

#slider, #slider-sejour, #slider-sejour-sommaire {
	background-color: #ffffff;
    box-shadow: 0 0 5px #000000;
    height: 400px;
    position: relative;
    top: -10px;
	width:98%;
	padding:10px;
	z-index:2;

}

.slide {
	display:block;
	position:relative;
	height:400px;
	width: 1010px;
	background-size: cover;
	background-position: center center;
}



.touchslider-nav-item {
	border:2px solid #FFFFFF;
	border-radius:14px;
	width:12px;
	height:12px;
	display:inline-block;
	overflow:hidden;
	line-height:80px;
	margin-left:1px;
	margin-right:1px;
	cursor:pointer;
}

.touchslider-nav-item-current {
	border:4px solid #FFFFFF;
	width:9px;
	height:9px;
	background-color:#FFF;/*#4D4D4D;*/
}


.slide_news {
	display:block;
	position:relative;
	width: 1010px;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	overflow: hidden;
	height: 40px;
    text-overflow: ellipsis;
}

#news .nav-link {
    bottom: 2px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#slider-sejour .touchslider-prev, #slider-sejour .touchslider-next, #slider-sejour-sommaire .touchslider-prev, #slider-sejour-sommaire .touchslider-next {
    color: #fff;
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 40px;
	left:20px;
	cursor:pointer;
}

#slider-sejour .touchslider-next, #slider-sejour-sommaire .touchslider-next {
	left:auto;
	right:20px;
}


.nav-link {
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#news .nav-link {
    bottom: 41px !important;
    display: block;
    position: relative;
    text-align: center;
    top: auto;
    width: 100%;
}


.slide img {
    border: 7px solid #ffffff;
    display: block;
    float: left;
    height: auto;
    left: 136px;
    max-width: 170px;
    top: 120px;
}

.slide img.bg  {
	width: 100%;
	height:auto;
	max-width: 100% !important;
	 border: medium none;
}
#slider-sejour div.intro, #slider-sejour-sommaire div.intro {
    float: left;
    left: 345px;
    position: absolute;
    top: 79px;
    width: 575px;

}

#slider-sejour a.down-arrow, #slider-sejour-sommaire a.down-arrow {
    float: left;
    left: 455px;
    position: absolute;
    top: 300px;
    width: 575px;

}

#slider-sejour div.intro-rubrique, #slider-sejour-sommaire div.intro-rubrique {
    float: left;
    left: 345px;
    position: absolute;
    top: 79px;
    width: 575px;

}

#slider div.intro {
    left: 210px;
    position: absolute;
    top: 120px;
    width: 571px;

}

.touchslider .nav-link {
    position: relative;
    text-align: center;
    top: -30px;
}

.levels{
    background-color: #fff;
    padding: 3%;
    margin-bottom: 20px;
}

.levels_rows{
    display: flex;
    width: 100%;
    flex-direction: row;
}

.comfort_level{
    display: flex;
    width: 25%;
    flex-direction: column;
    padding-right: 4%;
}

.physical_level{
    display: flex;
    width: 25%;
    flex-direction: column;
    padding-right: 4%;
}

.technical_level{
    display: flex;
    width: 25%;
    flex-direction: column;
    padding-right: 4%;
}

.accessibility{
    display: flex;
    width: 20%;
    flex-direction: column;
    padding-right: 2%;
}

.center_lvl_on_phone{
    display: flex;
    flex-direction: row;
    width: 100%;
}

@media screen and (min-width: 200px) and (max-width: 800px) {
    .levels_rows{
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .comfort_level{
        width: 100%;
        padding-bottom: 5%;
    }
    
    .physical_level{
        width: 100%;
        padding-bottom: 5%;
    }
    
    .technical_level{
        width: 100%;
        padding-bottom: 5%;
    }
    
    .accessibility{
        width: 100%;
    }

    .center_lvl_on_phone{
        display: flex;
        width: 80% !important;
        flex-direction: row;
    }
}

/* à mettre dans le p */
.slide .level {
    background-color: #c8cbcc;
    bottom: 0;
    display: block;
    float: left;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    padding: 6px 0;
    position: absolute;
    right: -97px;
    text-align: center;
    width: 97px;
}


.slide h2 {
    background-color: #3a4347;
    color: #fff;
    float: left;
    left: 0;
    line-height: 20px;
    max-width: 253px;
    padding: 6px 20px;
    position: relative;
    top: 0;
    width: auto;
}

.slide .intro-no-img h2 {
	float:none;
}

.slide p {
    background-color: #ffffff;
    display: block;
    float: left;
    padding: 10px 20px 20px;
    width: 350px;
	position:relative;
}


.slide #btn_descriptif {
	padding: 0;
}





#search_box {
     background-color: #ffffff;
    box-shadow: 1px 1px 4px #999999;
    left: 7%;
    margin-bottom: 20px;
    position: absolute;
    top: 20px;
    width: 250px;
    z-index: 2;
}

#search_box h4 {
	 background-color: #3a4347;
	 color:#FFFFFF;
	 padding:16px;
	 font-size:16px;

}

a:link {
  text-decoration: none;
  color:#4D4D4D;
	font-size:14px;
}
.menu_search_item {
    display: block;
	padding-top:10px;
	padding-bottom:10px;
    margin-left: 14px;
	/*margin-right:14px;*/
	text-decoration:none;
	border-bottom:1px solid #999999;
	color:#4D4D4D;
	font-size:14px;
}


.sub_menu  .menu_search_item:last-child{
	border-bottom: none;
} 

.sous_cat a:after{
  position: absolute;
  right: 35px;
  font-family: 'icomoon';
  /*content: "\e911";*/
  content: "\e90d";
  float:right;
  font-weight: normal;
  color: grey;
}
/*
.sous_cat {
  pointer-events: none;
}
*/
.sous_cat a:after{
    pointer-events: all;
}

.sous_cat p{
	width: 80%;
}

.sous_cat p:after{
	position: absolute;
	right: 10px;
	font-family: 'icomoon';
	content: "\e911";
	float:right;
}

.sous_cat p:after{
	pointer-events: all;
}

/*
.sous_cat:after {

	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 content: "\e911";
	 float:right;


}*/
.sub_menu .sub_menu .menu_search_item:after {
	display: none;
}

.select_box {
	position:relative;
}
.sub_menu {
	display: none;
}

.sub_menu .sub_menu {
    left: 215px;
}
/*
.select_box:hover > .sub_menu {
  display:block;
}

.sous_cat:hover > .sub_menu {
	display:block;
} */

.sub_menu.active {
	display:block;
}
 

.sub_menu {
    background-color: #ffffff;
    left: 250px;
    min-width: 230px;
    position: absolute;
    top: 0;
    /*vertical-align: middle;*/
    max-height: 500px;
}

#adv_search {
    background-color: transparent;
    border: medium none;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
    text-decoration: underline;
    width: 100%;
	cursor:pointer;
}


#titre_mobile {
    display:none;
}


/* Header */


#header {
	position:relative;
	/*min-height:290px;*/
	background-image:url(img/bg_top.png);
	background-position:right 40px;
	background-repeat:no-repeat;
	overflow: hidden;
	font-size: 14px;
}

#top {
	height:40px;
	line-height:40px;
	background-color:#FFFFFF;
	display:block;
	width:100%;
	position: relative;
}


#top_left_part {
	float:left;
}
#top_right_part {
	float:right;
	margin-right: 4%;
}

#top a {
	text-decoration:none;
	color:#666666;
	margin-right:30px;
}

#top_left_part p {
	float:left;
}
#top p::first-letter {
 font-family: icones;

}

#info-lang {
	width:100px;
}
#top #select_lang:hover {
	 height: auto;

}

#top #select_lang:after {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 content: "\e908";
	 float:right;
	   position: absolute;
    right: 0px;
    top: 3px;
    z-index: 3;
}
#top #select_lang {
    background-color: #ffffff;
    float: right;
    height: 13px;
    margin-left: 5px;
    margin-top: 10px;
    overflow: hidden;
    padding: 5px;
    /*position: relative;*/
    z-index: 10;
	padding-right:20px;
    position: absolute;
    right: 2%;
    top: 0;
}

#top #select_lang a {
    display: block;
    height: 12px;
    line-height: inherit;
    margin: 0 0 10px;
    text-align: left;
    width: 20px;
}

#top #select_lang a img {
	width:100%;
	 height: 12px;
	 width: 20px;
	 float:left;
}

#top_right_part .icon-icon_star {
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

#top_right_part .active .icon-icon_star {
color:#de7540;
}



#titre-site {
    float: left;
    position: relative;
    padding: 5px;
    padding-top: 10px;
}


#slogan-site {
    float: left;
	position: relative;
	top: 20px;
	left: 5%;
}


#option-site {
	float: right;
	position: relative;
	top: 10px;

}
#option-site a {
	text-decoration:none;
	color:#333;
}

#option-site form {
	margin-top:10px;

}

#option-site input {
	border:none;
	background-color:#FFFFFF;
}
#option-site input[type="text"], #option-site input[type="search"] {
	line-height: inherit !important;
    padding: 10px 12px !important;
    width: auto !important;
}

#option-site input[type="submit"] {
	 background-color: #000000 !important;
    color: #ffffff !important;
    font-family: "icomoon" !important;
    line-height: inherit !important;
    padding: 10px 12px !important;
    width: 40px !important;
}

#option-site p  {
	line-height:14px;
}

#site_searchbox {
	/*right: 56px;*/
	/*position: absolute;*/
	/*top: 53px;*/
	line-height: 16px;
	background-color: black;
} 
#site_searchbox a {
	text-decoration:none;
	color:#333;
}
#site_searchbox form {
	/*margin-top:10px;*/
}
#site_searchbox input {
	border:none;
	background-color:#FFFFFF;
}
#site_searchbox input[type="text"], #site_searchbox input[type="search"] {
	line-height: inherit !important;
	padding: 10px 12px !important;
	/*width: auto !important;*/
	width: auto;
	height: 20px;
	position: relative;
	left: 5px;
}
#site_searchbox input[type="submit"] {
	background-color: #000000 !important;
	color: #ffffff !important;
	/*font-family: "icomoon" !important;*/
	font-family: 'Conv_SansationRegular', sans-serif;
	line-height: inherit !important;
	padding: 10px 12px !important;
	/*width: 40px !important;*/
	width: 40px;
	height: 39px;
	position: relative;
	left: 5px;
	cursor: pointer;
}
#site_searchbox p  {
	line-height:14px;
}


#menu {
	/*height:40px;*/
	height: auto;
	line-height:40px;
	background-color:#3A4347;
	display:block;
	width:100%;
	position: relative;
	float: left;
	background-image:url(img/shadow.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

#news {
	height:70px;
	line-height:40px;
	background-color:#625B56;/*#F5B151;*/
	display:block;
	width:100%;
	position: relative;
	float: left;
	background-image:url(img/shadow.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.slide_news a {
	text-decoration:none;
	color:#FFF;/*333;*/
	display: block;
	position:relative;
	top: 50%;
	transform: translateY(-50%);
}



/* menu */

a {
  color: #4D4D4D;
  text-decoration: none;
}

#menu-projets {
	background-color: #de7540;
    color: #ffffff;
    float: left;
    font-size: 14px;
    line-height: 46px;
    margin-right: 10px;
    padding-left: 14px;
    padding-right: 14px;
    position: relative;
    text-decoration: none;
    top: -6px;
	background-image: url(img/shadow.png);
    background-position: center bottom;
    background-repeat: repeat-x;
	margin-left:10px;
}

#menu-projets:hover {
	background-color:#DD4643;
}

#menu li {
	float:left;
	line-height:40px;
}

#menu li a {
	color: #ffffff;
    font-size: 14px;
    padding-left: 16px;
    padding-right: 16px;
	line-height:40px;
    text-decoration: none;
	display:block;
}

#menu li:hover {
	background-color:#666;
}






/* Slogan */

#slogan {
	background-color:#3A4347;
	padding-bottom:50px;
	padding-top:60px;
	position:relative;
	top:-22px;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:-22px;
	color:#FFFFFF;
}

#slogan p {
	color:#FFFFFF;
}



/* Content */


#content_page a {
    color: #333;

}

#search_result  {
    clear: both;
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 40px;
    width: 100%;
}

#description-rubrique  {
    clear: both;
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
}

#introduction, #sejour, #temoignage, #faq {
	margin-bottom:20px;
}

.box {
	background-color: #ffffff;
    box-shadow: 0 0 5px #000000;
	width:29%;
	margin-left:2%;
	margin-right:2%;
	height:380px;
	float:left;
	position: relative;
	margin-bottom:30px;
}




.box img,  .box h2,  .box h3,
.line_box img,  .line_box h2,  .line_box h3  {
	cursor:pointer;
}



.free_box {
	height:auto;
	padding-bottom: 20px;
}

.img_box {
	height:auto;
}

.img_box img {
	margin:0!important;
	float:left;
}

.box h2, .box .level, .box p {
	width:80%;
	padding-left:10%;
	padding-right:10%;
	display:block;
}

.box img {
	height: auto;
    margin-top: 0%;
    position: relative;
    top: 0px;
    width: 100%;
}


.box .img-content {
    height: 179px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    background-position: center center;
    background-size: cover;
}


.box .level {
	margin-bottom:14px;
	font-style:italic;
}


.bottom_box_link {
    bottom: 14px;
    left: 10%;
    position: absolute;
    width: 80%;
}


.bottom_box_link a {
    color: #666666;
    font-size: 12px;
    text-decoration: none;
}

.bottom_box_link a:hover {
	color:#000;

}
.bottom_box_link .tranche, .bottom_box_link .pays {
    float: left;
    font-size: 10px;
    margin-right: 15px;
    max-width: 54px;
    text-align: center;
    margin-bottom:-2px;
}

.tranche span, .pays span {
    font-size: 44px;
    line-height: 38px;
    padding-left: 0;
	display:block;
	position:relative;
}

.tranche span {
	top:5px;
}
.pays span {
	top:-2px;
}

.en_savoir_plus {
    bottom: 5px;
    position: absolute;
    right: -2px;
	font-size:11px;
}


.slide .en_savoir_plus {
    bottom: -25px;
    box-shadow: none;
    font-size: 11px;
    left: 0;
    position: absolute !important;
	right: auto;
}




#liste_projet {
	background-image:url(img/bg_projets.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}

#liste_actualites {
	background-color:#3A4347;
}
#liste_actualites h1 {
	color:#FFFFFF;
}

#liste_actualites .big_btn {
	box-shadow: 1px 1px 4px #000000;
}



/* Plan de site */

#plan_site h2 a {
	text-decoration:none;
	font-size:18px;
	color:#4d4d4d;
	margin-bottom:10px;
	display: block;

}

#plan_site ul {
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
    padding-bottom: 25px;
}

#plan_site ul a {
    color:#4d4d4d;
	text-decoration:none;
}

/* Nuage mot clé */

#keywords_cloud h2, #media_entete h2 {
	text-decoration:none;
	font-size:32px;
	color:#4d4d4d;
	margin-bottom:10px;
	display: block;

}

#keywords_cloud ul {
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
    padding-bottom: 25px;
}

#keywords_cloud ul a {
    color:#4d4d4d;
	text-decoration:none;
}


#sidebar {
    right: 2%;
    position: absolute;
    width: 295px;
	margin-bottom: 20px;
  height: 100%;

}

.sidebar_box  {
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 6%;
    padding-left: 6%;
    padding-right: 6%;
    margin-right: 5px;
	margin-bottom: 5px;
	box-shadow: 1px 1px 4px #999999;
}


#sidebar .btn, .btn_sidebar {
    display: block;
    line-height: inherit;
    margin-bottom: 6px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 3px;
    width: auto;
}

.btn_sidebar {
	display: block;
	line-height: inherit;
	margin-bottom: 6px;
	padding-bottom: 15px;
	padding-top: 15px;
    padding-left: 15px;
    padding-right: 3px;
	width: auto;
}


@media screen and (min-width: 200px) and (max-width: 800px) {
    #sidebar .btn, .btn_sidebar {
        display: block;
        line-height: inherit;
        margin-bottom: 20px;
        padding-bottom: 18px;

        padding-top: 18px;
        width: auto;
    }


    .btn_sidebar {
    	display: block;
    	line-height: inherit;
    	margin-bottom: 20px;
    	padding-bottom: 18px;
    	padding-top: 18px;
    	width: auto;
    }
}

.sidebar_box ul li a {
	text-decoration:none;
	line-height:28px;
	color:#666666;
}

.sidebar_box h2:before {

}

.sidebar_box ul li:before  {
	text-decoration:none;
	line-height:28px;
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e911";

	font-size: 8px;
    margin-right: 8px;
    top: -1px;
}


#sidebar p {
	margin-bottom:10px;
}

#sidebar h2 {
	margin-bottom:20px;
  font-family: 'Conv_SansationRegular' !important;
}

#sidebar h2 i {
	display:block;
	font-size:12px;
	color:#DE7540;
	font-weight:normal;
}

#sidebar .btn:before {
	position:absolute;
	left:6%;
	line-height:20px;
	font-size:16px;
}

.sidebar_box_menu  {
    background-color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 6px;
    width: auto;
	box-shadow: 1px 1px 4px #999999;
}

.btn_sidebar:before {
	position:absolute;
	left:4%;
	line-height:20px;
	font-size:16px;
}

.bloc_wishlist:before {
	position: relative;
	left: 0;
	line-height: 30px;
}
/*
.icon-icon_star:before {
	color: yellow;
}
*/

.removeWishList.icon-icon_star::before {
	content:"\e900";
}

#sidebar .removeWishList.icon-icon_star, .removeWishList.icon-icon_star {
	background-color:#DD4643;
}

#top_right_part .icon-icon_star:before {
	color:#3A4347;
}
/*
.btn_wishlist {
	top: 5px;
}*/

.bloc_wishlist {
	padding: 0;
	width: 30px;
	height: 30px;
	margin: 0;
}

.bottom_box_link li.savoir_plus {
	float: none;
	position:relative;
}

.bottom_box_link ul {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-left: 0;
	vertical-align: bottom;
}

.bottom_box_link li {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}

.bottom_box_link .bottom_box_button {
	position: absolute;
	bottom:0;
	right:0;
	
}

.bottom_box_link .en_savoir_plus {
	position:relative;
	display: inline-block;
	bottom: 0;
	right: 0;
	float: none;
	width: 80px;
	height: 18px;
	padding-top: 8px;
	padding-bottom: 4px;
}

.btn_sidebar {
	background-color:#625B56;/*#3A4347;*/
}

#sidebar .btn {
	background-color:#625B56;/*#3A4347;*/
}

#sidebar #inscription, #sidebar #candidature {
	background-color:#FF4A4A;
}

#inscription, #candidature {
	background-color: #FF4A4A;
}


#details strong {
	color:#625B56;/*#DE7540;*/
	font-weight:bold;
}


#details span {
    display: block;
    margin-left: 29px;
}


#details strong:before {
	  color: #798c94;
    display: block;
    float: left;
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 2px;
    width: 24px;
}



#content_page {
    margin-right: 310px;
    position: relative;
}


#content_page p {
	margin-bottom:20px;
	display: block;
	max-width:100%;
    width:auto;
	position: relative;
	/*overflow: auto;*/
}

#content_page h3, #content_page h2  {
	clear: both;
    display: block;
    float: none;
    margin-bottom: 10px;
    width: 100%;
}



#content_page img {
    height: auto;
	max-width: 98%;
    vertical-align: middle;
}

 blockquote {
    background-color: #fff;
    padding: 3%;
	margin-bottom: 20px;
}

.blockquote_mot {
    background-color: #fff;
    padding: 3%;
	margin-bottom: 20px;
    width: 94%;
}

#content_page blockquote {
	overflow: auto;
}

#content_page blockquote span.spip_documents_left, #content_page blockquote span.spip_documents_right, #content_page blockquote span.spip_documents_center {
	margin-bottom: 0;
}


hr.spip {
    margin-bottom: 20px;
}

.line_box {
    background-color: #ffffff;
    display: block;
    margin-bottom: 20px;
    min-height: 160px;
	padding-right:20px;
}

.line_box img {
    float: left;
    margin-right: 20px;
}
.line_box h3 {
    margin-bottom: 10px;
    padding-top: 20px;
}
.line_box p {
    margin-bottom: 20px;

}
.line_box .btn {
	float:right;
	box-shadow:none;
}



#temoignage h4 {
	margin-top:10px;
}
#temoignage .btn {
	margin-top:40px;
}

.petition_line {
    background-color: #3a4347;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 10px 19px;

}

.petition_line p:before, .petition_line p:after {
	content:" ";
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url(img/quote.png);
	background-position:center;
	background-repeat:no-repeat;
 }

.petition_line p {
        color:#FFFFFF;
}

.petition_line p:after {
        background-image:url(img/quote_2.png);
    position: absolute;
}


/* forum */


.forum_line .header {
    display: block;
    margin-bottom: 40px;
    margin-top: 20px;
}

.forum_line .header.sep {
    display: block;
    margin-bottom: 40px;
    margin-top: 20px;
}

.forum_line .ask {
    background-color: #f1f1f1;
    margin-bottom: 20px;
    padding: 20px;
}

.forum_line .btn {
    box-shadow: none;
    clear: both;
    display: inline;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    width: auto;
}

.forum_line .btn {
    display: inline-block;
    margin-top:10px!important;
}

#content_page .answer p {
    display: inline;

}
.forum_line .answer {
    margin-bottom: 20px;
    position: relative;
}

.forum_line .answer:before, .forum_line .answer:after {
	content:" ";
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url(img/quote.png);
	background-position:center;
	background-repeat:no-repeat;

}

.forum_line .answer:after {
	background-image:url(img/quote_2.png);
	bottom: 12px;
}

/* Footer */

#footer {
	 background-color: #333333;
    border-top: 10px solid #a7aeac;
    color: #ffffff;
      display: inline-block;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
    width: 100%;
	float: left;
}


#back_top {

}


#back_top a {
     height: 40px;
    text-decoration: none;
    width: 40px;
	line-height:40px;
	box-shadow:none;
	position: absolute;
    right: 0;
    top: -40px;
	padding:0;
}



.col {
	width:29%;
	margin-left:2%;
	margin-right:2%;
	float:left;
	position: relative;
	margin-bottom:30px;
}



.col div {
	width:50%;
	float:left;
}

.col div h3  {
    margin-bottom: 20px;
    color:#4D4D4D
}

.col a  {
    color:#DBDBDB;
    font-size:12px;
    text-decoration:none;
}

.col div li a  {
    color:#DBDBDB;
	font-size:12px;
	text-decoration:none;
}

.col div li ul li a  {
    color:#A8A8A8;
	font-size:12px;
	text-decoration:none;
}

.col p {
	color:#FFFFFF;
}

#lang_footer {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 5px;
}

.social_link {
	height:40px;
	width:40px;
	 display: inline-block;
    float: none;
	margin-right:5px;
	background-repeat:no-repeat;
	background-position:right center;
}

.social_link.twitter {
	background-image:url(img/share_tw.png);

}

.social_link.facebook {
	background-image:url(img/share_fb.png);
}

.social_link.google {
	background-image:url(img/share_google.png);
}

.social_link.in {
	background-image:url(img/share_in.png);
}

.social_link.rss {
	background-image:url(img/rss.png);
}

.social_link.ologo {
	background-image:url(img/o-logo.png);
}
.social_link.youtube {
	background-image:url(img/youtube.png);
}
.share_friend, .share_friend_before {
	background-image:url(img/share_friend.png);
}

.social_link.newsletter {
	background-image:url(img/share_email.png);
}


#media_article .post_liste {
    text-align: center;
}

#media_article li {
    display: inline;
}

#media_article {
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
	color:#FFFFFF;
	float: left;
	width:100%;

}

#media_article .box {
	background-color: #FFFFFF;
    box-shadow: 0 0 5px #000000;
	width: 200px;
	margin-left:2%;
	margin-right:2%;
	height:200px;
	float:none;
	position: relative;
	margin-bottom:30px;
	display: inline-block;
	min-height: 100px;
}

#media_article div h3  {
   color: #4d4d4d;
    display: block;
    font-size: 30px;
    margin-bottom: 40px;
    margin-top: 10px;
    text-align: center;
}

#media_article .box .img-content {
    display: table;
    height: 200px;
    overflow: hidden;
    position: relative;
}

#media_article .box .img-content  a {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

#media_article .box .img-content  a img {
    height: auto;
    margin: 0;
    position: inherit;
    width: 86%;
}



#partners .post_liste {
    text-align: center;
}


#partners li {
    display: inline;
}

#partners {
	border-top:10px solid #A7AEAC;
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
	color:#FFFFFF;
	float: left;
	width:100%;

}

#partners .box {
	background-color: #ffffff;
    box-shadow: 0 0 5px #000000;
	width: 200px;
	margin-left:2%;
	margin-right:2%;
	height:200px;
	float:none;
	position: relative;
	margin-bottom:30px;
	display: inline-block;
	min-height: 100px;
}



#partners div h3  {
   color: #4d4d4d;
    display: block;
    font-size: 30px;
    margin-bottom: 40px;
    margin-top: 10px;
    text-align: center;
}

#partners .box .img-content {
    display: table;
    height: 200px;
    overflow: hidden;
    position: relative;
}

#partners .box .img-content  a {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

#partners .box .img-content  a img {
    height: auto;
    margin: 0;
    position: inherit;
    width: 86%;
}

#keywords {
	border-top:10px solid #A7AEAC;
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
	color:#FFFFFF;
	float:left;
	width:100%;
}

#keywords a  {
    color:#4d4d4d;
    text-decoration:none;
}

#keywords div h3  {
   color: #4d4d4d;
    display: block;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
}

#footer .col div h3  {
    margin-bottom: 20px;
    color:#FFFFFF;
}

.col div li a  {
    color:#DBDBDB;
	font-size:12px;
	text-decoration:none;
}

.col div li ul li a  {
    color:#A8A8A8;
	font-size:12px;
	text-decoration:none;
}

#footer .col p  {
    color:#FFFFFF;
}

#lang_footer #titre_lang_footer {
	margin-bottom: 5px;
}

#contact p {
	margin-bottom:20px;
}

#video iframe {
    width: 100%;
}

.box_pagination {
	display:block;
	width:100%;
	float:left;
	margin-bottom: 20px;
}


.box_pagination ul li:before {
	display:none;
}
.box_pagination ul li {
	padding:0;
	margin:0;
	display:inline-block;
}

.box_pagination .pages .lien_pagination, .box_pagination .pages .on {

    display: inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    width: 25px;
	text-decoration:none;
	background-color:#FFF;
	color: #de7540;
}

.box_pagination .pages .lien_pagination {
	background-color: #625B56;/*#de7540;*/
    color: #fff!important;
}

.pagination .next, .pagination .prev, .pagination .sep, ul li.disabled, .box_pagination ul li.next, .box_pagination ul li.previous  {
	display:none;
}

dl.spip_documents_left {
    float: left;
    margin-top: 0;
    overflow: hidden;
	margin-bottom:20px;
	margin-right:20px;
  padding: 0.5%;
background-color: white;
}

dl.spip_documents_center {
    margin-top: 0;
    overflow: hidden;
	margin-bottom:20px;
  padding: 0.5%;
background-color: white;
}

dl.spip_documents_right {
    float: right;
    margin-top: 0;
    /*margin-right:20px;*/
    overflow: hidden;
	margin-left:20px;
  padding: 0.5%;
background-color: white;

}

.spip_documents img {
    background-color: #fff;
    padding: 1%;
    /*
    padding: 2%;
    margin-right: 20px;*/
}
#page_projet.article dl.spip_documents_left {
	margin-right:10px;
	margin-bottom:10px;

}





#navbartop  {
	margin-bottom: 20px;
	/*min-height: 70px;*/
}


#ariane {
    display: block;
    line-height: 30px;
    padding-bottom: 5px;
    padding-top: 18px;
    padding-right: 410px;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    margin: auto;
    max-width: 1310px;

}
#ariane a {
 color: #4d4d4d;
 }

.ariane_last_element {
 font-style: italic;
}

#share_linkbar  {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}


#share_linkbar {
    float: right;
    left: 0;
    position: fixed;
    top: 380px;
    width: 40px;
    z-index: 4;

}

#share_linkbar.active {
    width: auto;


}

#share_linkbar .social_link {

    height: 40px;
    width: 40px;
	/* background-size:cover;*/
	background-color:#F4F4F4;
}

#share_linkbar  span {
	display:none;
	float: left;
    line-height: 40px;
	color:#666666;
}

#share_linkbar .social_link:hover {
	padding-right:50px;
	padding-LEFT:10px;
	width:auto;
}
#share_linkbar .social_link:hover span {
	display:block;
}

.share_friend_wrapper{
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background-color: #625B56;/*#de7540;*/
  margin-right: 0px;
  border-right-width: 5px;
  border-right-style: solid;
  color: #625B56;/*#de7540;*/
  border-left-style: solid;
  height: 40px;
  width: 169px;
}

.share_friend_corner {
      background-color: #625B56;/*#de7540;*/
      text-align: center;
      background-position: left center;
      display: block;
      line-height: 40px;
      text-decoration: none;
      color: white;
      width: 124px;
      top: -40px;
      position: relative;
      left: 45px;
}

.share_friend_corner div {
      color: white;
}

.share_friend_before{
  height: 40px;
  width: 40px;
}
.share_friend {
    background-position: right center;
    background-size: auto 100%;
    background-color: #de7540;
    color: #000000;/*#666666;*/
    display: block;
    line-height: 30px;
    text-decoration: none;
	clear:both;
}

#share_linkbar .social_link {
	float:left;
	display: block;
}

span.spip_documents_center {
    display: inline-block;
    float: left;
    width: auto;
}
span.spip_documents_right {
    float: left!important;
    margin-left: 20px;
}
span.spip_documents_left  {
    margin-right: 20px;
}


span.spip_documents_left,
span.spip_documents_right,
span.spip_documents_center {
    background-color: #fff;
    float: left;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0.5%;
    text-align: center;
    width: 32.333% ;
    height: 244px;
    position: relative;
}



span.spip_documents img {
	border:none;
	 width: 100%;
	 margin-bottom: 0!important;


}

/* PHOTO & VIDEO */




#liste_media {
    float: left;
    width: 100%;
}

#liste_media h2  {
    font-size:18px;
    color:#4d4d4d;
    margin-bottom:10px;
    display: block;
    text-align:center;
}



.media_box {
    background-color: #fff;
    float: left;
    margin: 0%;
	margin-bottom:10px;
    padding: 1%;
    position: relative;
    text-align: left;
    width: 22%!important;
	height:auto!important;
	min-height: auto !important;
}


.media_box img {
    height: auto;
    margin-top: 0;
    position: relative;
    top: 0;
    width: 100%;
	float: left;
}



.media_box a {
	position:relative;

}



.video_box a:after {
	width:100%;
	height:100%;
	display:block;
	content:" ";
	background-image:url(img/player_video.png);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	left:0;
	top:0;
	opacity:0.8;
}



.video_box a:hover:after {
	opacity:1;
}




#popup {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	display:none;
	overflow:scroll;
	z-index: 99999;
}

#popup.active {
	display:block;
}


#bg_layer {
     background-color: #000;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
}


#popup_wrapper {
    display: table;
    height: 100%;
    overflow: scroll;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#popup_wrapper .cell {
    display: table-cell;
    height: 100%;
    overflow: scroll;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}


.popup_inner {
    background-color: #000;
    box-shadow: 0 0 5px #000000;
    display: inline-block;
    margin: auto;

    position: relative;
    width: auto;
    z-index: 3;
}

.popup_inner .close {
    color: #fff;
    display: block;
    font-size: 26px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 30px;
	cursor:pointer;
	background-color: #000;
    border-radius: 25px;
}


.content {
	display:none;
}
.content.active {
	display:block;
}




/* Formulaire recommander */
#recommander {
        background-color:#3A4347;
		height: 100%;
}

#recommander h2 {
    border-bottom: 1px solid #555;
    color: #efefef;
    margin-left: 4%;
    padding-bottom: 10px;
    padding-top: 20px;
	width: 92%;
}


#formulaire_recommander label {
    color: #efefef;
    float: left;
    line-height: 30px;
    padding-left: 4%;
    width: 96%;
}

#formulaire_recommander input,  #formulaire_recommander textarea {
    border: medium none;
    font-size: 12px;
    height: auto;
    line-height: 36px;
    margin-left: 4%;
    padding: 0 0 0 2%;
    width: 92%;
}

#formulaire_recommander textarea {
	line-height:20px;
	padding:2%;
	margin-bottom:20px;
	border:none;
	 height: 80px;


}

#formulaire_recommander li {
    margin-bottom: 10px;
}


#formulaire_recommander .boutons input, .formulaire_spip .boutons input {
     background-color: #de7540;
    color: #ffffff !important;
    font-size: 14px;
    padding: 6px 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	cursor:pointer;
}

/* Formulaire spip */
.formulaire_spip label {
    color: #666666;
    line-height: 30px;
    padding-left: 0;
    width: 100%;
}

.formulaire_spip input, .formulaire_spip textarea {
    border: 1px solid #9e9e9e;
    font-size: 12px;
    height: auto;
    line-height: 36px;
    margin-left: 0;
    padding: 0 0 0 2%;
    width: 96%;
}

.formulaire_spip textarea {
	line-height:20px;
	padding:2%;
	margin-bottom:20px;
	border: 1px solid #9e9e9e;
	 height: 80px;


}


.formulaire_spip input.checkbox, .formulaire_spip input.radio {
     float: none;
    margin-right: 5px;
    width: auto;
}


.formulaire_spip .editer {
margin-bottom:10px;
}

div.onglets_bloc h2.onglets_titre {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    margin-bottom: -2px !important;
    /*padding: 0 22px;*/
    padding: 0 12px;
    /*width: auto !important;*/
}

#content_page div.onglets_bloc h2.onglets_titre {
	display: inline-block;
	height: 46px;
	width: auto;
}

div.onglets_bloc h2.onglets_titre.selected {
	top:0!important;
}




div.onglets_bloc {
	z-index:0;
	margin-bottom:20px;
}

.blocs_titre {
	margin-top:-14px;
  margin-bottom:20px;
}

.intro .spip_logo img {
  height: 170px;
}
/*
.box .img-content {
  height: 170px;
  width: 135px;
}
*/
#reset_button, .section_list, #add_criteria_adv_research {
  cursor: pointer;
  max-width: 1310px;
  margin: auto;
  width: 96%;
  position: relative;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
}

#reset_button {
  position: sticky;
  top: 0;
  z-index: 1;
  width: 30%;
  margin-left: 16%;
  display: inline-block;
}

#add_criteria_adv_research {
	position: sticky;
	top: 0;
	z-index: 1;
	width: 30%;
	display: inline-block;
}

#reset_button p {
  color: white;
}

.section_list li {
    display: inline-block;
    background-color: white;
    padding: 5px;
    color: #666666;
    margin-bottom: 3px;
}

.chosen_list:hover {
    display: inline-block;
    background-color: #de7540;
    padding: 5px;
    color: white;
    margin-bottom: 3px;
}

.chosen_list:before {
  content: "\274c";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.post_liste h1 a{
	font-size:30px;
	font-weight:900;
	text-transform:uppercase;
  color: #4D4D4D;
}

.texteencadre-spip, .texteencadre-spip p {
    background-color: #F5B151;
    color:#333;
}

.texteencadre-spip {
    border-bottom: 2px solid #F5B151;
    border-left: 1px solid #F5B151;
    border-right: 2px solid #F5B151;
    border-top: 1px solid #F5B151;
}

.advanced_research_activated {
  background-color: #625B56 !important;/*#F5B151 !important;*/
  color:#FFF !important;/*#333 !important;*/
}

.hidden {
  display: none !important;
}

.hidden_phone {
  display: none !important;
}

@media screen and (min-width: 200px) and (max-width: 1024px) {

  dl.spip_documents_right {
      float: right;
      margin-top: 0;
      margin-right: auto;
      overflow: hidden;
  	margin-left:20px;
    padding: 0.5%;
  background-color: white;

  }

  #reset_button, #add_criteria_adv_research {
    /*max-width: 200px;*/
    width: 45%;
    top: 40px;
    margin: auto;
  }

  .section_list li {
      display: inline-block;
      background-color: white;
      padding: 5px;
      max-width: 90%;
      margin: auto;
      text-align: center;
  }
  .section_list li:hover {
      display: inline-block;
      background-color: #de7540;
      padding: 5px;
      max-width: 90%;
      margin: auto;
      text-align: center;
  }


.bando img {
    max-width: 94% !important;
}

#header {
    height: 320px;
}
#titre-site a {
    background-size: cover;
    height: 76px;
    left: 56px;
    top: 57px;
	width: 206px;
}
#slogan-site {
    left: 54px;
    position: absolute;
    top: 140px;
}

.big_txt {
    font-size: 20px;
    text-transform: uppercase;
}

#menu li a {
    font-size: 12px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}
.phone_footer {
  width: 100%;
  text-align: center;
  line-height: 3;
  position: relative;
}

#formulaire_recherche {
  /*border-top: 10px solid #a7aeac;*/
}

#footer {
  border-bottom: 10px solid #a7aeac;
}

.intro .spip_logo img, .box .img-content {
  width: 100%;
}

}

@media screen and (min-width: 1025px) and (max-width: 1200px) {

.box {
	margin-bottom: 30px;
	margin-left: 2%;
	margin-right: 2%;
	min-height: 380px;
	position: relative;
	width: 45%;
	height: auto;
}
}
@media screen and (min-width: 800px) and (max-width: 1024px) {

#top #burger2 {
	left: 15%;
}

.box {
    margin-bottom: 30px;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 380px;
    position: relative;
    width: 45%;
	height: auto;
}


.bottom_box_link {
    bottom: 13px;
    left: 10%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 10%;
    width: 80%;
	position: static;
}

.en_savoir_plus {
    bottom: 5px;
    clear: both;
    display: inline-block;
    float: none;
    font-size: 11px;
    left: -2px;
    margin-top: 12px;
	position: static;
}
.tranche span, .pays span {
    display: block;
    font-size: 36px;

}


#slider-sejour div.intro, #slider-sejour-sommaire div.intro {
    width: 360px;
}


#slider-sejour div.intro img, #slider-sejour-sommaire div.intro img {
	display:none;
}


}



@media screen and (min-width: 450px) and (max-width: 800px) {

#option-site {
    display: block!important;
    right: 4%;
	font-size: 12px;
    line-height: 14px;
}
/*
#site_searchbox {
	display: block!important;
	right: 4%;
	top: -10px;
	font-size: 12px;
	line-height: 14px;
}*/
/*
#site_searchbox {
	font-size: 12px;
	line-height: 14px;
}*/

#option-site p {
	font-size: 12px;
    line-height: 14px;
}

#titre-site a {
    margin: 0!important;

}

#option-site input[type="text"], #option-site input[type="search"] {
    padding: 5px 12px;
}
/*
#site_searchbox input[type="text"], #site_searchbox input[type="search"] {
	padding: 5px 12px;
}*/
/*
#site_searchbox input[type="submit"] {
	padding: 4px 12px;
}*/

#option-site input[type="submit"] {

    padding: 4px 12px;
}


}



@media screen and (min-width: 200px) and (max-width: 800px) {

h1 {
    font-size: 18px;
}
h2 {
    font-size: 14px;
}
#partners div h3 {
    font-size: 22px;
}

.wrapper {
    margin: auto;
    max-width: 1010px;
    padding-left: 4%;
    padding-right: 4%;
    position: relative;
    width: 92%;
}

.wrapper_header {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}

.advance_research_wrapper {
	/*max-width: 360px;*/
	padding: 0;
}

#option-site a {
	font-size: 14px;
}

.box h2, .box .level, .box p {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}

#sidebar {
    float: right;
    /*left: 0;*/
    position: relative;
    height: 100%;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}

.sidebar_box  {
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 6%;
    padding-left: 6%;
    padding-right: 6%;
    margin-right: 0;
	margin-bottom: 5px;
    width: 91% !important;
	box-shadow: 1px 1px 4px #999999;
}

.sidebar_box_menu  {
    background-color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 6px;
    width: 96%;
	box-shadow: 1px 1px 4px #999999;
}

.sidebar_box iframe {
	width:100%;
}

.advance_research_tags{
	top: 85px;
}

.touchslider-viewport{
	width: 100% !important;
	margin: auto;
	max-width: 100% !important;
}

.slide {
	margin: auto;
	/*top: 50px;*/
	top: 0;
	/*max-width: 397px !important;*/
}

.touchslider-item .intro .spip_logo {
	display: none;
}

#slider-sejour div.intro-rubrique {
	display: none;
}

#slider-sejour a.down-arrow {
	display: none;
}

#slider-sejour div.intro, #slider-sejour-sommaire div.intro {
	left: 0;
	top: 0;
}

.sous_cat a:after{ 
	right: 60px;
}

#media_entete {
	display: none;
}

#keywords_cloud .wrapper_header_mot .spip_logo {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.share_friend {
	clear: none;
}

.adv_research_keywords_help {
	font-size: 16px;
}

#adv_research_result {
	margin-left: 7%;
	text-align: left;
}

#slogan  {
	top: 0;
	margin-bottom: 0;
	margin-top: 20px;
}

#slider-sejour .touchslider-prev, #slider-sejour .touchslider-next, #slider-sejour-sommaire .touchslider-prev, #slider-sejour-sommaire .touchslider-next {
	top: 55%;
}

#slider-sejour div.intro, #slider-sejour-sommaire div.intro {
	max-width: 100%;
}

#content_page div.onglets_bloc h2.onglets_titre {
	display: block;
	height: auto;
	line-height: 35px;
}

div.onglets_bloc .onglets_liste {
	border-right: 1px solid rgb( 145,155,156 );
}

#slider-sejour-sommaire .video-slider {
	width: 86%;
	float: none;
	left: 0;
	padding-top: 0;
	padding-right: 7%;
	padding-left: 7%;
	top: 50%;
	transform: translateY(-50%);
}

#slider-sejour-sommaire .video-slider iframe {
	width: 100%;
}

#content_page blockquote p {
	width: 100%;
}

dl.spip_documents {
	float: none !important;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

dl.spip_documents dt img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

dl.spip_documents dt.spip_doc_titre {
	width: 100% !important;
	text-align: center;
}

span.spip_documents_left.spip_doc_phone, span.spip_documents_right.spip_doc_phone, span.spip_documents_center.spip_doc_phone {
	max-width: 100%;
	width: 100% !important;
	padding-right: 0;
	padding-left: 0;
}

#slider-sejour-sommaire .slide h2 {
	width: 96%;
	max-width: 100%;
	padding-left: 2%;
	padding-right: 2%;
}

#slider-sejour-sommaire .slide h2 span.level.hidden_on_phone {
	display: none;
}

#titre_mobile .intro span.level.hidden_on_pc {
	display: none;
}

#slider-sejour-sommaire .slide p {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}

#slider-sejour-sommaire .slide .level {
	float: left;
	position: relative;
	padding: 2px;
	height: 21px;
}

#slider-sejour-sommaire .touchslider {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}

#slider-sejour-sommaire .slide span.level.hidden_on_pc {
	display: block;
}


.phone_sticky_first {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  /*position: fixed;*/
  top: 40px;
  /*right: 0;*/
  left: 0;
  right: 0;
}

.phone_sticky_second {/* always_show height += content_page.height et content_page top = -content_page.height*/
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  /*position: fixed;*/
  top: 90px;
  /*left: 0;*/
  left: 0;
  right: 0;
}

#content .hidden_on_pc {
	display: block;
}

#sidebar .always_show .hidden_on_phone {
	display: none;
}

.forum-phpbb-subjects #forum-phpbb .th_titre {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
}

.forum-phpbb-subjects #forum-phpbb colgroup .col1 {
	display: none;
}

.forum-phpbb-subjects #forum-phpbb .td1 {
	display: none;
}

.forum-phpbb-subjects #forum-phpbb .th_titre1 {
	display: none;
}

#forum-phpbb td {
	padding: 8px;
}

#content_page td {
	padding: 8px;
}

#menu li #surfsection {
	display: block;
}

#menu li #surfsectionpc {
	display: none;
}

.advance_research_tag_list {
	display: block;
}

.advance_research_tag_list li {
	width: 100%;
}

#content_page {
    /*float: left;*/
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}


#share_linkbar {
    float: right;
    position: inherit;
    right: 2%;
    top: 0;
    width: 306px;
}

.section {
    padding-bottom: 15px;
    padding-top: 2px;
}


#ariane {
    display: block;
    line-height: 22px;
    margin-bottom: 4px;
    margin-top: 4px;
    padding-bottom: 5px;
}


.big_btn {
    max-width: 320px;
	width: 100%;
}


.col {
	float:left;
    width: 96%;
}



.box {
    float: none;
    height: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    min-height: 380px;
    position: relative;
	max-width: 320px;
	width: 100%;
	min-width:100px;

}


.box img {
    height: auto;
    margin-top: 0;
    position: relative;
    top: 0;
    width: 100%;
}

#media_article .box .img-content a img {
	/*height: 100px;*/
}

.bottom_box_link {
    bottom: 13px;
    left: 10%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 10%;
    width: 80%;
	position: static;
}

.bottom_box_link {
	position: absolute;
	bottom: 13px;
	margin: 0;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	left: 0;
} 

.en_savoir_plus {
    bottom: 5px;
    clear: both;
    display: inline-block;
    float: none;
    font-size: 11px;
    left: -2px;
    margin-top: 12px;
	position: static;
}

.tranche span, .pays span {
    display: block;
    font-size: 36px;

}






.slide div {
    left: 184px;
    position: absolute;
    width: 60%;
}


.slide img {
    border: 7px solid #ffffff;
    height: auto;
    left: 60px;
    max-width: 110px;
    position: absolute;
    top: 136px;
}


#top_right_part {
    float: left;
    width: 100%;
}



#top_left_part, #option-site #formulaire_recherche, /*#site_searchbox #formulaire_recherche,*/ #menu, #info-lang, #search_box {
	display:none;
}
/*
#top, #titre-site a, #slogan-site {
	position:inherit;
}*/
#titre-site a, #slogan-site {
	position: inherit;
	top: 120px;
}

#top {
	position: fixed;
	z-index: 3;
	top: 0;
}

#news {
	padding-left: 4%;
}
#titre-site a {
    background-size: cover;
    height: 57px;
    left: 56px;
    top: 57px;
    width: 159px;
}

#option-site {
    font-size: 12px;
	top: 0;
}

#option-site a span {
    color: #333;
    font-size: 12px;
    text-decoration: underline;
}
/*
#site_searchbox {
	display: block !important;
	font-size: 12px;
	line-height: 14px;
	right: 4%;
	top: -1px;
	position: inherit;
}
#site_searchbox a span {
	color: #333;
	font-size: 12px;
	text-decoration: underline;
} */

#slogan-site {
	  display: none;
}
#titre-site {
    height: 54px;
    width: 150px;
}

#titre-site img {
	width: 100%;
	height: auto;
}


#partners .box {
    background-color: #ffffff;
    box-shadow: 0 0 5px #000000;
    display: inline-block;
    float: none;
    height: 150px;
    margin-bottom: 30px;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 100px;
    position: relative;
    width: 150px;
}
#partners .box .img-content {
    display: table;
    height: 150px;
    overflow: hidden;
    position: relative;
}

#partners .box .img-content a img {
	max-width: 150px;
	max-height: 150px;
}


#media_article .box {
	background-color: #FFFFFF;
    box-shadow: 0 0 5px #000000;
	width: 150px;
	margin-left:2%;
	margin-right:2%;
	height:150px;
	float:none;
	position: relative;
	margin-bottom:30px;
	display: inline-block;
	min-height: 100px;
	position: relative;
}

#media_article .box .img-content {
    display: table;
    height: 150px;
    overflow: hidden;
    position: relative;
}

#media_article .box .img-content a img {
	max-height: 150px;
	max-width: 150px;
}

#wishlist {
    position: absolute;
    right: 25%;
}

.col div {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

#top #select_lang {
    background-color: #ffffff;
    float: right;
    height: 13px;
    margin-left: 5px;
    margin-top: 10px;
    overflow: hidden;
    padding: 5px 20px 5px 5px;
    position: absolute;
    right: 4%;
    top: 0;
}

#header {
    /*height: 220px;*/
    height: 180px;
    padding-top: 40px;
}

.sub_menu {
    /*background-color: #efefef;*/
    left: 0;
    max-height: 500px;
    min-width: 230px;
    position: relative;
    top: 0;
}

.sub_menu p {
	font-weight: inherit;
}

.sub_menu_color1 {
	font-weight: bold;
}
.sub_menu_color2 a.last_cat, .sub_menu_color2 p {
	font-weight: normal;
	padding-left: 20px;
}
.sub_menu_color3 a.last_cat, .sub_menu_color3 p {
	padding-left: 40px;
}
.sub_menu_color4 a.last_cat, .sub_menu_color4 p {
	padding-left: 50px;
}
.sub_menu_color5 a.last_cat, .sub_menu_color5 p {
	padding-left: 60px;
}

.sous_cat p:after{
	content: "\e908";
}

.sub_menu .sub_menu {
    left: 0;
}

#slider-sejour {
	top:0;
}
#search_box {
     position: inherit;
    width: 90%;
	  margin: 20px auto auto;
	   padding-bottom: 10px;
}

#slider-sejour div.intro, /*#slider-sejour.touchslider-viewport,*/ #slider-sejour .touchslider-prev, #slider-sejour .touchslider-next , #slider-sejour .nav-link, #slider .touchslider-viewport {
	display:none;
}

#inc-slider-advanced-research .touchslider-viewport {
	display: none;
}

#slider, #slider-sejour, #slider-sejour-sommaire {
    background-color: transparent;
    box-shadow: none;
    height: auto;
    max-width: 100% !important;
    /*padding: 0 0 20px;*/
    padding: 0;
    position: relative;
    top: -10px;
    width: 100%;
    z-index: 2;

}

.line_box .btn {
    box-shadow: none;
    display: inline-block;
    float: none;
    margin-bottom: 14px;
}



.line_box img {
    float: left;
    height: auto;
    margin-bottom: 0;
    margin-right: 20px;
    width: 50%;
}


#ariane {
  padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 7px;
  padding-left: 4%;
  margin-left: 0;
}


#menu .wrapper {
    margin: auto;
    max-width: 1010px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
}


#menu {
    background-color: #fff;
    display: block;
    height: 100%;
    left: -120%;
    padding-top: 36px;
    position: fixed;
    top: 40px;
    height: 100%;
    width: 100%;
    z-index: 999;
	-webkit-transition: all 0.5s ease-out ;
    -moz-transition: all 0.2s ease-out ;
    -o-transition: all 0.2s ease-out ;
    transition: all 0.2s ease-out ;
    overflow-y: auto;
}
#menu.active {
	left:0;
	-webkit-transition: all 0.5s ease-out ;
    -moz-transition: all 0.2s ease-out ;
    -o-transition: all 0.2s ease-out ;
    transition: all 0.2s ease-out ;

}

#menu li {
    background-color: #fff;
    float: left;
    line-height: 50px;
    width: 100%;
}

#menu li a, #menu-projets {
    border-bottom: 1px solid #999;
    color: #333;
    font-size: 17px;
    line-height: 50px;
    margin: 0;
    padding-left: 20px;
    padding-right: 10px;
    text-decoration: none;
    width: 100%;
}
#menu li a:hover {
	color:#FFF;
}
#menu-projets {
	color:#FFF;
}

#search_box {
    background-color: #fff;
    display: block;
    height: 100px;/*ajusted with js*/
    left: -120%;
    /*padding-top: 36px;*/
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 1003;
    -webkit-transition: all 0.5s ease-out ;
    -moz-transition: all 0.2s ease-out ;
    -o-transition: all 0.2s ease-out ;
    transition: all 0.2s ease-out ;
    /*overflow-y: auto;*/
    overflow-y: auto;
}
#search_box.active {
	left:0;
	-webkit-transition: all 0.5s ease-out ;
    -moz-transition: all 0.2s ease-out ;
    -o-transition: all 0.2s ease-out ;
    transition: all 0.2s ease-out ;
    /*display: block;*/
    height: 100%;
}

#search_box li {
    background-color: #fff;
    float: left;
    line-height: 50px;
    width: 100%;
}

#search_box li a, #search_box-projets {
    border-bottom: 1px solid #999;
    color: #333;
    font-size: 17px;
    line-height: 50px;
    margin: 0;
    padding-left: 20px;
    padding-right: 10px;
    text-decoration: none;
    width: 100%;
}
#search_box li a:hover {
	color:#FFF;
}

#top #burger {
	background-color: #888;
    background-image: url("img/menu_smart.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    display: block;
    height: 24px;
    left: 4%;
    position: absolute;
    top: 9px;
    width: 30px;
    z-index: 99999;
    cursor:pointer;
}

#top #burger2 {
	background-color: #888;
	background-image: url("img/menu_smart_surf_section.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	content: " ";
	display: block;
	height: 24px;
	left: 20%;
	position: absolute;
	top: 9px;
	width: 30px;
	z-index: 99999;
	cursor:pointer;
} 

#site_searchbox input[type="text"], #site_searchbox input[type="search"] {
	width: 80%;
	border-bottom: 1px solid #999;
	font-family: inherit;
	font-size: inherit;
}

#site_searchbox input[type="submit"] {
	/*width: 20%;*/
	width: 19%;
	border-bottom: 1px solid #999;
	font-size: inherit;
}
.slide_news {
    font-size: 14px;
    line-height: 18px;
}
#top #burger.active {
    background-image: url("img/close_menu_smart.jpg");
}

#top #burger2.active {
	background-image: url("img/close_menu_smart_surf_section.jpg");
} 


.sep {

    margin-bottom: 30px;
    margin-top: 30px;
 }

 #content_page .btn {
    display: inline-block;
    margin-bottom: 20px;
}




#share_linkbar {
    display: block;
    /*float: left;*/
    float: none;
    margin-bottom: 20px;
    margin-top: 20px;
    position: inherit;
    right: 2%;
    top: 0;
    width: 100%;
}


#share_linkbar .social_link {
    /*float: left;*/
    float: none;
    display: inline-block;
}

#share_linkbar .share_friend {
    /*float: left;*/
    /*margin-left: 0;*/
    float: none;
    display: inline-block;
}

#titre_mobile {
    display: block;
    /*margin-bottom: 32px;*/
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 14px;
    width: 92%;
}

#titre_mobile .level {
    background-color: #3a4347;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 21px;
    margin-left: 10px;
    padding: 0 5px;
    position: relative;
    top: -4px;
}

#titre_mobile h2 {
    font-size: 24px;
}

.hidden_on_phone{
	display: none;
} 

.hidden_on_pc {
	display: block;
} 

}


#titre_mobile .intro img {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 200px) and (max-width: 400px) {

#titre-site a {
    background-size: cover;
    height: 57px;
    left: 56px;
    top: 57px;
    width: 138px;
}

#content_page img {
    height: auto;
    max-width: 98%;
    vertical-align: middle;
}

.line_box {

    padding-right: 0;
}

.line_box img {
    float: left;
    height: auto;
    margin-bottom: 16px;
    margin-right: 0;
    width: 100%;
}


.line_box h3, .line_box p {
    margin-bottom: 10px;
    padding: 0 20px;
}
.line_box  .btn {
    margin-left: 20px;
	margin-top:20px;
}
}