.roundborder
{
	width:100px;
	height:50px;
	border:black 1px solid;
	behavior: url("PIE.htc");
}

.bandeau_home {
	margin: 15px;
	border-radius: 5px;
	background: #f5a115;
}
.bandeau_home a {
	display: block;
	padding: 6px 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.bandeau_home a span {
	text-decoration: underline;
}

.imageActu:hover{
	width:57px;height:59px;
	left:0px;top:0px;
}

.imageActu {
	position:absolute;
	width: 100%;
	height: 100%;
	left:-4px;top:-4px;
}

.imageActuWrapper{
	display:inline-block;
	width:65px;
	height:68px;
	position:relative;
	background-color:#f5a115;
	margin-top:4px;
}

#close_orange_popin {
	position:absolute;
	top:10px;
	right:10px;
}

#info_green, #info_red, #info_blue, #info_orange{
	visibility: hidden;
}

#info_green, #info_red, #info_orange{
	display:block;
	text-align: left;
}

#info_blue .left_link, #info_green .left_link, #info_red .left_link, #info_orange .left_link{
	width: 126px;
	height: 76px;
	background-image: url(../images/link_blue.png);
	display:block;
	position:absolute;
	left:131px;
	top:17px;
	z-index:1;
}

#info_green .left_link{
	background-image: url(../images/link_green.png);
	left:120px;
	top:17px;
}


#info_red .left_link{
	background-image: url(../images/link_red.png);
	left:120px;
	top:230px;
}

#info_orange .left_link{
	background-image: url(../images/link_orange.png);
	left:120px;
	top:110px;
}

#info_blue ul, #info_green ul{
	padding: 20px;
	font-family: "sourceSansLight";
	font-size: 13px;
	line-height: 20px;
	color:white;
	z-index: 1000;
	float:left;
	margin-left:10px;
	position:relative;
	list-style-image: url(../images/list_style.png);
}

#info_green .greenPan{
	margin-top: -4px;
}

#info_green ul{
	width: 200px;
}

#info_red p, #info_orange p{
	width: 260px;
	color: white;
	line-height: 20px;
	font-size: 12px;
	font-family: "sourceSansLight";
	margin-left: 10px;
	margin-top: 10px;
}

#info_blue .whitebutton, #info_green .whitebutton, #info_red .whitebutton,  #info_orange .whitebutton{
	display: block;
	background-color:#ffffff;
	border-radius: 0 0 22px 0;
	behavior: url("PIE.htc");
	border:none;
	text-align: center;
    font-family: 'sourceSansBlack', Arial, Helvetica, sans-serif;
	line-height: 50px;
	height: 50px;
	width: 85px;
	float:right;
	margin-top: 30px;
	vertical-align: middle;
	font-size: 16px;
	z-index: 1000;
	position:relative;
    color:#4db1e0;
    padding-left: 10px;
    padding-right: 10px;
    cursor:pointer;
    margin-right:12px;
}

#info_green .whitebutton{
	color: #96bf23;
	line-height: 40px;
	height: 40px;
	width: 60px;
}

#info_red .whitebutton{
	float: none;
	color: #c4091e;
	line-height: 30px;
	height: 30px;
	width: 200px;
	margin-top: 5px;
	margin-left:25px;
}

#info_orange .whitebutton{
	float: none;
	color: #f5a115;
	line-height: 30px;
	height: 30px;
	width: 200px;
	margin-left:30px;
}

#info_green .greenPan{
	position:absolute;
	z-index:100;
	width:350px;
	height: 113px;
	top:0px;
	left:122px;
	background-color:#96bf23;
}
#info_green .greenPan ul li {text-transform:uppercase;}

#info_red .redPan{
	position:absolute; 
	z-index:100; 
	height: 178px; 
	width: 280px; 
	top: 178px;
  	left: -31px;
	background-color:#c4091e;
}

#info_red .redPan:after {
	content: "";
	position: absolute;
	bottom: -20px;
  	left: 45px;
	display: block;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #C4091E;
}

#info_red p { font-size: 12px;width: 223px; padding: 23px 25px 7px 25px; margin: 0;line-height: 14px;}

#info_red .redPan {
	z-index:150;
}

#info_orange .orangePan{
	position:absolute; 
	z-index:500; 
	height: 178px; 
	width: 280px; 
	top: 178px;
  	left: -31px;
	background-color:#f5a115;
}

#info_orange .orangePan ul {   margin-top: 40px; margin-left: 20px; list-style: none;}
#info_orange .orangePan li { font-size: 14px; color: #fff; padding-top: 5px; position: relative;}
#info_orange .orangePan li:after { content:""; position: absolute; left: -14px;	top: 8px;border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-left: 10px solid #C4091E;}
#info_orange .orangePan:after {
	content: "";
	position: absolute;
	bottom: -20px;
  	left: 192px;
	display: block;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f5a115;
}

#info_orange #orangePanRight{
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	height: 180px;
}

#info_orange .orangePan p{
	height: 50px;
	width: 200px;
	margin-top:0px;
	margin-left:0px;
	font-size: 14px;
	line-height: 16px;
}


#info_orange h4{
	width: 180px;
	color: #c21117;
	line-height: 20px;
	font-size: 16px;
	font-family: "sourceSansLight";
}

#info_orange h2{
	width: 180px;
	color: white;
	line-height: 24px;
	font-size: 22px;
	font-family: "sourceSansBlack";
	margin-bottom: 5px;
}

#info_orange h1{
	width: 260px;
	color: black;
	font-size: 12px;
	font-family: "sourceSansBold";
	text-transform: uppercase;
	margin-bottom: 10px;
}

#info_green .left_link{
	left:40px;
}

#content{
	position: relative;
}

#content .mosaique .column1
{
	display:inline-block;
	width:146px;
	height:455px;
	margin-right:4px;
	font-size: 0;
	line-height: 0;
	vertical-align:top;
}

#content .mosaique .column2
{
	display:inline-block;
	width:280px;
	height:455px;
	margin-right:4px;
	margin-left:4px;
	font-size: 	10px;
	vertical-align:top;
	position: relative;
	z-index: 110;
}



#content .mosaique .column3
{
	display:inline-block;
	width:365px;
	height:455px;
	margin-right:4px;
	margin-left:4px;
	font-size: 0;
	line-height: 1;
	vertical-align:top;

}
#content .mosaique .column4
{
	display:inline-block;
	width:325px;
	height:455px;
	margin-right:4px;
	margin-left:4px;
	font-size: 12;
	line-height: 1;
	vertical-align:top;
}


#content .mosaique .column4-1
{
	display:inline-block;
	width:230px;
	height:338px;
	margin-right:4px;
	margin-top:4px;
	font-size: 12px;
	line-height: 1;
}
#content .mosaique .column4-1 .column4_actu{
	width: 230px;
	height:220px;
}

#content .mosaique .column4-1 .column4_actu ul{ list-style-type: none; display: inline-block; width: 140px; padding-left: 5px;  vertical-align: middle;overflow: hidden;}
#content .mosaique .column4-1 .column4_actu img{ display: inline-block; vertical-align: middle;}
#content .mosaique .column4-1 .column4_actu>div{ margin-bottom: 10px; border: 1px; border: 1px solid #eeeeee; border-radius: 0 0 20px 0;background-color: #eeeeee}
#content .mosaique .column4-1 .column4_actu_lien{ margin-left: 119px; text-decoration: underline;}
#content .mosaique .column4-1 .column4_actu h2{ margin-bottom: 5px; display: inline-block; margin-right: 35px}
#content .mosaique .column4-1 .column4_actu a:first-child{ display: inline-block; }

#content .mosaique .column4-2
{
	display:inline-block;
	width:184px;
	height:338px;
	margin-top:4px;
	margin-left:4px;
	font-size: 0;
	line-height: 0;
	vertical-align:top;

}

#content .mosaique .column5
{
	display:inline-block;
	width:188px;
	height:455px;
	margin-left:4px;
	font-size: 10px;
	line-height: 0;
	vertical-align:top;
}



#content .mosaique .blueSquare
{
	display: table-cell;
	width:205px;
	height:104px;
	background-color:#4db1e0;
	behavior: url("PIE.htc");
	border-radius: 0 0 20px 0;
	text-align: center;
    vertical-align: middle;
}

#content .mosaique .redSquare
{
	display: inline-block;
	width:135px;
	height:89px;
	background-color:#c4091e;
	border-radius: 0 0 20px 0;
	text-align: center;
    vertical-align: middle;
    font-size:14px;
    line-height: 1.4em;
}

#content .mosaique .yellowSquare
{
	display: inline-block;
	width:135px;
	height:89px;
	background-color:#f5a115;
	border-radius: 0 0 20px 0;
	text-align: center;
    vertical-align: middle;
    font-size:14px;
    line-height: 1.4em;
    margin-left: 5px;
    position: relative;
}

#content .mosaique .greenSquare
{
	display: inline-block;
	width:305px;
	height:130px;
	background-color:#96bf23;
	behavior: url("plugin/PIE.htc");
	border-radius: 0 0 20px 0;
    font-size:16px;
    line-height: 1.3em;
    padding: 10px;
}

#content .mosaique .orangeSquare
{
	display: table-cell;
	width:184px;
	height:224px;
	background-color:#f5a115;
	behavior: url("src/css/plugin/PIE.htc");
	border-radius: 0 0 20px 0;
	text-align: left;
    vertical-align: middle;
    font-size:16px;
    line-height: 1.3em;
    padding-left: 10px;
    padding-right: 10px;
}

#content .mosaique .graySquare
{
	display: inline-block;
	width: 305px;
	height: 275px;
    margin-top: 10px;
    position: relative;
}
#content .mosaique .graySquare .fb-like-box.fb_iframe_widget {
	position: relative;
	top: 0;
	right: 0;
	width: 324px !important;
}
#content .mosaique .graySquare .fb-like-box.fb_iframe_widget span {
	width: 324px !important;
}
#content .mosaique .graySquare .fb-like-box.fb_iframe_widget span iframe {
	width: 324px !important;
}

#content .us
{
	font-size:34px;
	color:white;
}

#content .ct { float: left; padding-top: 20px; padding-left: 2px;}
#content .ct p { font-size: 0.8em;}
#content .redSquare img { width: 28px; padding-top: 12px; padding-right: 2px;}

#content .yellowSquare .les, #content .yellowSquare .agrilys, #content .yellowSquare .bigadd { position: absolute;}
#content .yellowSquare .les { top: 16px; left: 24px; }
#content .yellowSquare .agrilys { top: 49px; left: 71px; }
#content .yellowSquare .bigadd { top: 15px; left: 32px;}

#content .greenSquare img { width: 75px; float: right; overflow: hidden;}
#content .smallText { color: #000; font-size: 0.8em; margin-bottom: 10px;} 
#content .smallText a { color: #fff; float: right; margin-top: 18px; width:50px;}
#content .smallText a:hover { border-bottom: 1px solid #fff;}
#content .smallText a img {padding-right: 5px;}
.smallText iframe, .smallText img, .smallText blockquote { display: none!important;}
#content .imgbg { 
	background: #fff;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 160px;
	border-top-left-radius: 20px;
}

#content .imgbg img { margin: 0 auto; display: block;}

#content .voyageTxt 
{
	font-weight: bold;
  	font-size: 2em;
  	color: #fff;
}

#content .mosaique .imageTop
{
	margin-bottom:4px;
}

#content .mosaique .imageBottom
{
	margin-top:4px;
}

#content .mosaique .imageRight
{
	margin-left:4px;
}

#content .mosaique .imageLeft
{
	margin-right:4px;
}

#content .img-col-5 { width: 100%; height: 297px; }
#content .mosaique .img-col-5-2 { width: 100%; height: 150px; margin-top: 4px; margin-left: 0;}

#content img 
{
	vertical-align:bottom;
	display:inline-block;
}

.mosaique{
	font-size:0px;
	/*margin-left: -185px;*/
	margin-left: -140px;
}

.mosaique hr
{
	width:36px;
	height: 2px;
	color:white;
	background-color:white;
	text-align: left;
	margin: 10px 0;
	text-shadow:none;
	border:none;
}

.mosaique .smallText
{
	font-size: 11px;
	font-family: 'sourceSansLight', Arial, Helvetica, sans-serif;
	color:white;
	line-height: 1;
}

.mosaique .title
{
	font-size:13px;
	font-family: 'sourceSansBlack', Arial, Helvetica, sans-serif;
	color:black;
	line-height: 1;
}

.mosaique .bigadd
{
	font-size:104px;
	color:white;
	line-height: 0.5;
}

.mosaique .bigpicture
{
	display: table-cell;
	font-size:18px;
	font-family: 'sourceSansBlack', Arial, Helvetica, sans-serif;
	color:white;
	vertical-align: :bottom;
	height:121px;
	width:365px;
	background-image:url(../images/mosaique/10.png);
	background-size: cover;
	background-repeat:no-repeat;
    padding: 220px 0 0 0;
    height: 235px;
    position: relative;
}
.mosaique .bigpicture p {text-transform:uppercase; padding-top: 23px; background: rgba(0, 0, 0, 0.5); padding: 10px 20px; position: absolute; bottom: 0;}

/*random voyage mosaique*/
#actu_mosaique_voyage{position: relative; background-color: #eeeeee; border: 1px solid #eeeeee; margin-bottom: 5px; height:175px; overflow: hidden; border:none; }
#actu_mosaique_voyage img { display: inline;width:61px;height: 41px;float:left;}
#actu_mosaique_voyage .content_voyage{display: inline-block; padding-left: 5px;} 
#actu_mosaique_voyage .content_voyage h2 {font-family: 'sourceSansBlack', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal;}
#actu_mosaique_voyage .content_voyage p {margin-bottom: 5px}
#actu_mosaique_voyage .filiere_img{width: 20px; height:15px; margin:0 3px 0 0; }
#actu_mosaique_voyage .footer_left_voyage{}
/*#actu_mosaique_voyage .footer_right_voyage{float:right; background-color:#96BF23;color: #ffffff; padding: 10px; border-bottom-right-radius: 20px; margin-top: 17px; }*/
#actu_mosaique_voyage .footer_right_voyage{position:absolute; background-color:#96BF23;color: #ffffff; border-bottom-right-radius: 20px;
    width: 30px;
    height: 20px;
    bottom : 0;
    right: 0;
    padding-left: 6px;
    padding-top: 3px;
    z-index: 500;
}
#actu_mosaique_voyage .content_all_voyage{ position: absolute; bottom:0; width:100%; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 8px;}
#actu_mosaique_voyage ul {list-style-type: none}
#actu_mosaique_voyage .nb_jours{ color:#96BF23;font-size: 12px;}

/* Page Actualites */
#bloc_actu {
float:none;
	}


.bg-white {
	background-color: #fff;
	display: block;
	width: 30px;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 500;
}

.font-normal { font-weight: normal!important;}