/* @import url(bootstrap/css/bootstrap.css); */
/* @import url(css/content.css); */
/* @import url(css/animated.css); */
/* @import url(css/font-awesome.css); */
/* @import url(css/isotope.css); */
/* @import url(css/flexslider.css); */
/* @import url(css/fancybox.css); */
/* @import url(css/trans-banner.css); */
/* @import url(css/unoslider.css); */
/* @import url(css/jquery.countdown.css); */
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans); */
/* @import url(https://fonts.googleapis.com/css?family=Caveat); */
/* @import url(https://fonts.googleapis.com/css?family=Roboto); */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i');

@font-face {
  font-family: "SeriguelaSemiBold";
  src: url('fonts/webFonts/SeriguelaSemiBold/font.woff2') format('woff2'), url('fonts/webFonts/SeriguelaSemiBold/font.woff') format('woff');
}
/* @font-face {
  font-family: "SeriguelaRegular";
  src: url('fonts/webFonts/SeriguelaRegular/font.woff2') format('woff2'), url('fonts/webFonts/SeriguelaRegular/font.woff') format('woff');
}
@font-face {
  font-family: "SeriguelaMedium";
  src: url('fonts/webFonts/SeriguelaMedium/font.woff2') format('woff2'), url('fonts/webFonts/SeriguelaMedium/font.woff') format('woff');
}
@font-face {
  font-family: "SeriguelaRegularItalic";
  src: url('fonts/webFonts/SeriguelaRegularItalic/font.woff2') format('woff2'), url('fonts/webFonts/SeriguelaRegularItalic/font.woff') format('woff');
}
@font-face {
  font-family: "SeriguelaSemiBoldItalic";
  src: url('fonts/webFonts/SeriguelaSemiBoldItalic/font.woff2') format('woff2'), url('fonts/webFonts/SeriguelaSemiBoldItalic/font.woff') format('woff');
} */

/* @-webkit-viewport {width:device-width;} */
/* @-moz-viewport {width:device-width;} */
/* @-ms-viewport {width:device-width;} */
/* @-o-viewport {width:device-width;} */
/* @viewport {width:device-width;} */


.home-page h1, .content-page p.chapo {
font-family: 'SeriguelaSemiBold';
font-weight:700;
font-size: 38px;
}

.home-page h3 {
font-family: 'SeriguelaSemiBold';
}

.Normal {
    /*font-size: 14px;*/
    line-height: 1.428;
}

.SkinLink {
    margin-top: 15px;
    text-align: center;
}

.navbar {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.carousel-inner > .active.left {
    float: none;
}

.carousel-caption h1 {
    color: #fff;
}

.navbar-brand {
    padding: 0 !important;
}

a.btn-info, a.btn-info:visited, a.btn-primary, a.btn-primary:visited {
    color: #fff;
}

.searchBox {
    padding: 15px 15px 0 15px;
    width: 240px;
}

.searchBox .searchText {
    color: #000;
    float: right;
}

.searchSkinObjectPreview_group {
    display: none;
}

ul.dnnAdminTabNav {
    height: 40px;
    border-radius: 0 !important;
}


/* styling for the Edit Profile and My Account links in User Profiles */
.dnnActions {
    display: inline-block;
}

.dnnActions li {
    margin-right: 5px;
    list-style: none;
    float: left;
}


/*override for dnnLabels in the bootstrap */
.form-group .dnnLabel {
    text-align: left;
    width: auto;
}

.dnnLabel + span {
    white-space: normal;
}

/* Addition to bootstrap menu styles */

.tooltip {
font-family:Roboto;
}

/* Displace second and deeper level menus right from their parent.  */
.dropdown-menu .dropdown-menu
{
  margin-left:160px;
}


/* ADMIN */

#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after {
    -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box !important; /* Firefox, other Gecko */
    box-sizing: content-box !important; /* Opera/IE 8+ */
}


.navbar-default .navbar-nav > li > div > ul > li > a, .navbar-default .LoginLink {
    color: #000000;
}

.navbar-default .navbar-nav > li > div > a:hover,
.navbar-default .navbar-nav > li > div > a:focus,
.navbar-default .navbar-nav > li > div > ul > li > a:hover,
.navbar-default .navbar-nav > li > div > ul > li > a:focus {
    color: #000000;
    background-color: #178acc;
}


/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/


.navbar-right {
    height: 51px;
}

.navbar-right .registerGroup,
.navbar-right .registerGroup *,
.navbar-right .loginGroup,
.navbar-right .loginGroup * {
    display: inline;
}

.navbar-right .registerGroup,
.navbar-right .loginGroup {
    float: right;
}

.navbar-right .registerGroup li:first-child:hover {
    border-left: #222;
}

/* Register Group Styles */
.navbar-right .registerGroup li {
    float: left;
}

.navbar-right .registerGroup .buttonGroup {
    margin-right: 0;
}

.navbar-right .registerGroup a,
.navbar-right .loginGroup a {
    display: block;
    position: relative;
    height: 50px;
    min-width: 12px;
    padding: 15px 15px 0 15px;
    vertical-align: middle;
}

.navbar-right .registerGroup a:hover,
.navbar-right .loginGroup a:hover {
}

.navbar-right .registerGroup a:active,
.navbar-right .loginGroup a:active {
    text-shadow: 0 -1px 0 #ffffff;
}

.navbar-right .registerGroup a:hover,
.navbar-right .loginGroup a:hover {
    text-decoration: none;
}

.navbar-right .registerGroup a strong,
.navbar-right .loginGroup a strong {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
}

.navbar-right .userMessages a,
.navbar-right .userNotifications a {
    background-color: transparent;
}

.navbar-right .userMessages strong {
    height: 100%;
    background: url('i/icon_message.png') no-repeat center center;
}

.navbar-right .userNotifications {
}

.navbar-right .userNotifications strong {
    height: 100%;
    background: url('i/icon_notification.png') no-repeat center center;
}

.navbar-right .registerGroup a span {
    display: inline-block;
    min-width: 7px;
    margin-right: 3px;
    text-align: center;
}



.navbar-right .registerGroup .userProfileImg a {
    min-width: 50px;
    min-height: 50px;
    padding: 0;
}

.navbar-right .registerGroup a img {
    height: 50px;
    width: 50px;
}

/* Login Group Styles */
.navbar-right .loginGroup {
}

.navbar-right .loginGroup a {
}

/* Number of message next to the message icon*/
.navbar-right .userMessages a span,
.navbar-right .userNotifications a span {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    background-color: transparent;
}

.navbar-right .userNotifications span, .navbar-right .userMessages span {
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    z-index: 999;
}

.navbar-right .userNotifications span {
    background: url('i/icon_notification_active.png') no-repeat center center;
}

.navbar-right .userMessages span {
    background: url('i/icon_message_active.png') no-repeat center center;
}


/* Content formatting */

#Content {
    margin-top: 10px;
}
#TopContent {
    margin-top: 15px;
}
/*#UFCVVe .container-recherche-code {

    margin-bottom: 15px !important;
}*/


.cta-content-left {
    font-family: "SeriguelaSemiBold";
}
.cta-content-left span {
    clear: both;
    display: block;
    float: left;
    margin-bottom: -9px;
    margin-top: -2px;
    padding-top: 0;
}
.cta-content-left img {
    width:100%;
}

.decoration-mouettes {
    background: rgba(0, 0, 0, 0) url("img/decoration-mouettes.png") no-repeat scroll center top;
    margin-top: 0;
    padding-top: 20px;
}


/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
    background-image: url(img/error.svg);
}

body:last-child .blueimp-gallery > .play-pause {
    width: 20px;
    height: 20px;
    background-size: 40px 20px;
    background-image: url(img/play-pause.svg);
}

body:last-child .blueimp-gallery-playing > .play-pause {
    background-position: -20px 0;
}

/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide {
    min-height: 300px;
}

    * + html .blueimp-gallery > .slides > .slide > .slide-content {
        position: relative;
    }

/* fix for carousel for large resolution displays */

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
    width: 100%;
	  
}


/* fix for DNN dropdown lists being cut off*/

.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a  {
    height: 35px !important;
}


/* fix for coloring on DNN Check boxes and radio */
.dnnCheckbox .mark, .dnnRadiobutton .mark{ background: none;}

/*************************************/
/*     UFCV VEJ						 */
/*************************************/

/****** Générique  *****/
#Body {
background-color:#fff;
}

body, .Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled, .CommandButton {
font-family: 'Roboto', sans-serif;
font-size: 14px;
}

.Normal, .NormalDisabled, .NormalDeleted {
	color: #000000;
}
.MobileView  {
	display:none;
}
.MobileView li {
	list-style:none;
	margin-bottom: 15px;
}
.MobileView li a {
	font-size:20px;
}
.MobileView .fa-diamond {
	color: #F1136D ;
}
.MobileView .fa-hand-o-right  {
	color: #AC4FC6  ;
	padding-left:2px;
	padding-right:1px;
}
.MobileView .fa-paper-plane  {
	color: #8F8E8E   ;
	padding-left:1px;
	padding-right:2px;
}
.MobileView .fa-lock  {
	color: #88DBDF  ;
	padding-left:6px;
	padding-right:4px;
}
.MobileView .fa-book   {
	color: #F1136D   ;
	padding-left:2px;
	padding-right:2px;
}
.MobileView .fa-question-circle   {
	color: #CAD203   ;
	padding-left:3px;
	padding-right:2px;
}

/* -----------------  Cookie Consent --------------*/
.cc_banner-wrapper .cc_container .cc_btn,.cc_banner-wrapper  .cc_container .cc_btn:visited {
/* background-color : #372e50; */
background-color : #fff;
color: #88DBDF;
}
.cc_banner-wrapper .cc_container {
background : #88dbdf none repeat scroll 0 0;

}
.cc_banner-wrapper .cc_container a,.cc_banner-wrapper  .cc_container a:visited {
color: #88DBDF;
}

/*------Top Link Button scroll -----------*/
#top-link {
    background: rgba(0, 0, 0, 0) url("img/scroll_top.png") no-repeat scroll center top;
    border: 0 none;
    bottom: 25px;
    display: block;
    height: 50px;
    outline: medium none;
    padding: 0;
    position: fixed;
    right: 50px;
    text-decoration: none;
    width: 50px;
    z-index: 903;
	display: none;
}

#top-link:hover {
    background: rgba(0, 0, 0, 0) url("img/scroll_top.png") no-repeat scroll center -51px;
    transition: all 0.2s ease-in 0s;
}
#dnn_FooterRowMiddle a, #dnn_FooterRowMiddle a:hover, #dnn_FooterRowRight a,#dnn_FooterRowRight a:hover{
    color:#666666;
}
/* Header */

header {
    padding: 10px;
    background-color: #88DBDF;
    margin-right: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 15px;
}

#login {
	text-align : right;
	}
.LoginLink:after {
content: url('i/InconeMonCompte.png');
padding-left: 10px;

/*height:107px;*/
}
.navbar.navbar-default {
background-color:#ffffff;
border-color: #ffffff ;
}
.navbar.navbar-default .menuBox {
background-color:#88DBDF;
display: block;
float:left;
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
    font-family: Roboto;
    font-weight:bold;
    font-size:20px;
    color: #000000;
    text-transform: uppercase;

}
#dnn_SloganPane h1  {
	 font-size: 50px;
    font-weight:700;
	text-align :center;
    padding-bottom: 0;
    margin-bottom:0;
}
 .content-page p.chapo {
   font-family: 'SeriguelaSemiBold';
    font-weight: 700;
    font-size: 50px;
	text-align :center;
    padding-bottom: 0;
    margin-bottom:0;
	line-height: 1.1;
	margin-top: 20px;
}
#dnn_NumbPhonePane img {
	margin-top: 15px;
	max-width:100%;
}
/* Menu */

.IconeAccueil {
    margin-left: 40px;
	margin-Right: 20px;
	display: block;
    float: left;
}
.IconeAccueil img {
padding-top :10px ;
}
.IconeAccueil a {
padding:0px !important;
}
.navbar.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
   background-color:#88dbdf;
    color: #fff;
   
}
.navbar-default .navbar-nav > li:hover {
   background-color:#88dbdf;
    color: #fff;
   
}
.navbar-default .navbar-nav > li.IconeAccueil:hover, .navbar-default .navbar-nav > li.IconeAccueil a:hover {
   background-color:transparent;
   
}

.navbar-default .navbar-nav .dropdownMenu  {
   background-color:#88dbdf;
	width : 100%;
   
}

.dropdown:hover {
    background-color: #88DBDF;
   color: #fff;
}
.dropdownMenu>li>a:hover {
    background-color: #88DBDF;
   color: #fff;
}
.dropdownMenu>li>a>span {

padding : 3px 5px;
    margin-bottom: 5px ;
    margin-top: 5px ;
}
/*---- StandardMenu ---*/
#standardMenu .navbar-nav li.breadcrumb {
	background-color: #88DBDF;
	margin-bottom: 0px;
	padding: 0px;
	border-radius: 0px;
}
.dropdownMenu>.active>a>span , .dropdownMenu>.active>a:focus, .dropdownMenu>.active>a:hover,.dropdownMenu a span:hover,.dropdownMenu a {
	text-decoration: none !important;
    background-color: #FFFFFF;
    outline: 0;
}

/* .menuBox{ float:left; padding-top:14px; margin-left:35px; display:block; } */

#standardMenu { position:relative;}
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:left; margin:0; list-style:none; }
#standardMenu li.lampback{ position:absolute; border:1px solid;height:37px; z-index:8; }

#standardMenu li.breadcrumb {background-color: transparent;border-radius: 0px;padding: 0;}
#standardMenu .breadcrumb li::before {content: none;}
#standardMenu .dropdownMenu li.item.last  {  border:none;}



/*-- submenu --*/
#standardMenu .subMenu {display:none;min-width:280px; position:absolute; left:0; top:auto; width:100%; z-index:1210; padding:0px 0 0 0;  background-color: #88DBDF;border-top:solid 1px #000000;} /* fab */ 
#standardMenu .child-2 .subMenu {min-width:315px; } /* fab */ 
/*#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; background:rgba(255,255,255,.8); border:1px solid #e3e3e3; border:1px solid rgba(200,200,200,.3);} */
#standardMenu .subMenu li{ float:none; clear:both; background:none; /*width:100%; padding:0; *margin-bottom:-3px;*/   background-color:#88DBDF;color: #000000;margin-left: 15px;margin-right: 15px;	border-bottom: solid 1px #fff;} /* fab */ 
#standardMenu .subMenu li.item a{ padding:0;/* background:none; */}
#standardMenu .subMenu li.item a span{ display:block; /*background:none*/ font-size:13px;  color: #000000; font-family: "Roboto" ; font-weight:400;font-style:normal; text-transform: uppercase ;white-space:normal; height:auto; /*line-height:1.5em;*//* padding:0px ; margin-bottom:5px;margin-top:5px;*/ border:none;}/* fab */ 

/*#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span {background:none;cursor:pointer;color:#1fbfc1}*/
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;}
#standardMenu .subMenu li.selected > a .subarrow, #standardMenu .subMenu li.breadcrumb > a .subarrow, #standardMenu .subMenu li.item a:hover .subarrow{ background:url(../images/menu-arrow02.gif) no-repeat; }

/* Footer */
#dnn_FooterRowLeft {
padding-left: 25px;
}
#dnn_FooterRowMiddle {
    padding-left: 95px;
}
#dnn_FooterRowRight {
    padding-left: 25px;
}

#dnn_BottomPane .mbm15 {
margin-bottom :0px !important;
}

#FooterRow {
background:#dedede no-repeat center bottom;
background-size: 100% ; 
min-height:244px;
}
#FooterRow .Normal  {
color:#666666;

} 

#FooterRow.row {
    margin-left: 0px !important;
	 margin-right: 0px;
  
}
#FooterRow hr {
	 border: 0; height: 1px; background: #828181; background-image: linear-gradient(to right, #828181, #828181, #828181);
	 width: 95%;
    margin-left: 20px;
}
#CopyRightPane .LogoFooter img {
	float : right;
}
#CopyRightPane a {
	color: #8f8e8e ;
	 /* color: #666666 ; */
    text-decoration: none;
	font-size: 12px;
	white-space: nowrap;
}
#CopyRightPane a:hover {
    text-decoration: underline;
}
#CopyRightPane .Copyright{
    color: #8f8e8e ;
	white-space: nowrap;
}

#CopyRightPane .FooterLine {

}
#CopyRightPane .LogoFooter {
 display:block;
 float: right;
 padding-right: 33px;
}
#FooterRow .ContainerWrapper.Main { 
	padding:15px;
}
#FooterRow .ContainerWrapper h2,#FooterRow .ContainerWrapper h3 {
font-family: 'SeriguelaSemiBold';

color:#000000;
font-size: 30px;
	text-transform:uppercase;
} 
.SejourCampcontent img,.SelectSejour img,.SejourPrefcontent img,.Responsive-img img {
    display: block;
    max-width: 100%; 
    height: auto;
}
/***** Home *****/
.mbm15 {
	margin-bottom:15px;
}
.prght0 {
	padding-right:0px;
}

.home-page #Content {
    margin-top: 0px;
}
.home-page header .container {
   
	background-color: #88DBDF;
	display: block;
   
}

.home-page .container {
    padding-left: 30px;
    padding-right: 30px;
}

.home-page #dnn_TopRightPane {
	padding-left:0px;
}
.home-page #dnn_BottomRightPane {
	/* padding-left:0px; */
}
.home-page #dnn_TopRightPane #links {
	display:none;
}

/* Home Contenu */
.SejourCampcontent  {
	background-color:#dedede;
}
.row.SejourCampcontent  {
	margin-right:0px;
	margin-left:0px;
}
.SejourCampcontent .col-md-8  {
	
	padding-left:0px;
}
.SejourCampcontent .col-md-4  {
	padding-left:0px;
	padding-right:0px;
}
.SejourCampcontent .TitleBeuC {
	font-size:23px;
	Color:#88dbdf;
	text-transform:uppercase;
	font-weight:700;
	

}
.SejourCampcontent .UnderTitle {
	font-size:23px;
	color:#666666;
	text-transform:uppercase;
	font-weight:700;

}
.SejourCampcontent .ContentLeft  {
	text-align:center;
	margin-top:20px;
}
.SejourCampcontent .ContentLeft hr{
	border-top: 3px solid #666666;
	width:109px;
    display: inline-block;
	margin: 5px 0 10px;
}
.SejourCampcontent .ContentLeft a {
	background-color:#88DBDF;
	Color:#fff;
	text-transform:uppercase;
	padding: 10px 20px;
	font-weight:700;
}

.SejourPrefcontent  {
	background-color:#efede7;
}
.row.SejourPrefcontent  {
	margin-right:0px;
	margin-left:0px;
}
.SejourPrefcontent .col-md-7  {
	
	padding-left:0px;
}
.SejourPrefcontent .col-md-5  {
	padding-left:0px;
	padding-right:0px;
}
.SejourPrefcontent .TitleBeuC {
	font-size:23px;
	Color:#88dbdf;
	text-transform:uppercase;
	font-weight:700;
	

}
.SejourPrefcontent .UnderTitle {
	font-size:23px;
	color:#666666;
	text-transform:uppercase;
	font-weight:700;

}
.SejourPrefcontent .ContentLeft  {
	text-align:center;
	margin-top:30px;
}
.SejourPrefcontent .ContentLeft hr{
	border-top: 3px solid #666666;
	width:109px;
    display: inline-block;
	margin: 5px 0 10px;
}
.SejourPrefcontent .ContentLeft a {
	background-color:#88DBDF;
	Color:#fff;
	text-transform:uppercase;
	padding: 10px 20px;
	font-weight:700;
}
.SejourPrefcontent .ContentLeft p,.SejourCampcontent .ContentLeft p {
	margin-bottom:15px;
}

.SelectSejour {
    position: relative;
    top: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
	margin-right:0px;
    
    
	}
.SelectSejour .Contentover {
	position:absolute;
	top:0;
	 margin-top: 40px;
	 width: 100%;
}
.SelectSejour .TitleBWhite {
	    font-size: 30px;
    font-weight: 700;
}

.SelectSejour .UnderTitleWhite  {
	 font-size: 34px;
    font-family: "SeriguelaSemiBold";
    font-weight: 700;
}
.SelectSejour .TitleBWhite a,.SelectSejour .TitleBWhite a:hover,.SelectSejour .UnderTitleWhite a,.SelectSejour .UnderTitleWhite a:hover {
	  color:#fff;
}

.PushHome {
	height:185px;
	    text-align: center;
		padding-top:36px;
		margin-bottom:15px;
}
.PushHome a, .PushHome a:hover {
	color:#000;
	font-family:"SeriguelaSemiBold";
}
.PushHome span{
	color:#000;
	font-family:"SeriguelaSemiBold";
}
.PushQualite {
	/* width:255px; */
	width: 22.4%;
	float:left;
	margin-left:15px;
}
.PushNosplus {
	  width: 22.2%;
	/* width:253px; */
	float:left;
	margin-left:15px;
}
.PushContacter {
	  width: 21.3%;
	/* width:239px;*/
	float:left;
	margin-left:15px;
}
.PushSecurite {
	width: 27.6%;
	 /*width:317px; */
	float:left;
	margin-left:15px;
}
.PushQualite img,.PushNosplus img,.PushContacter img {
	padding-bottom:15px;
}
 .PushSecurite img{
	padding-bottom:6px;
}
.Pink {
	background-color:#f1136d;
}
.Orange /*Violet*/{
	background-color:#AC4FC6;
}
.Grey {
	background-color:#8f8e8e;
}
.BleuF {
	background-color:#88DBDF;
}

/* Slider Main home */
.sliderMain .caroufredsel_wrapper {
	/* top:-18px !important; */
	height:350px !important;
	}
.sliderMain.mbm15 {
	margin-bottom:0px !important;
	}
#caroul_pag {
 /* margin-top: 0;
    display: block;
    float: right;
    top: -28px;
    margin: 0;
    right: 10px;*/
    position: absolute;
	z-index:1;
	 margin-top: 0;
	  margin-bottom: 0;
	   top: 11px;
	  /*  float: right;*/
	  right:29px;
}  
#carousel ul {
    list-style: none !important;
}

#carousel > li {
    float: left;
   /* width: 253px !important;*/
	list-style: none !important;
	}

#caroul_pag a{display: inline-block; color:transparent; background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; border-radius: 8px; height: 15px; margin-left: 4px; transition: all 200ms ease-in 0s; width: 15px;}
#caroul_pag a.selected,#caroul_pag2 a:hover {background: rgba(136, 219, 223, 1) none repeat scroll 0 0;}

.carouFredSel_nav a{outline:none;}
 .caroul_prev { 
    /*background: url(i/CCPrev.png) no-repeat 14px  #ffffff!important;*/
    filter:Alpha(Opacity=60);
    opacity:0.6;
    position: absolute; 
    left: 10px;
    top: 130px; 
    /* width: 40px;
    height: 50px;*/
    z-index:100;
    /*-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;*/
    width: 40px;
    height: 40px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff !important;
    text-decoration: none !important;
    text-shadow: 0 0 2px #000;
    text-align: center;
    background: #222;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* border: 3px solid #fff;*/
    /* -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
            border-radius: 23px;*/
    opacity: 0.5;
    cursor: pointer;
    /* display: none;*/
 }
.caroul_next {
	/*background: url(i/CCNext.png) no-repeat 14px  #ffffff!important; */
    filter:Alpha(Opacity=60);
    opacity:0.6;
    position: absolute;
    right: 28px;
    top: 130px; 
    /*width: 40px;
    height: 50px;*/
    z-index:100;
    /*-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;*/
    width: 40px;
    height: 40px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff !important;
    text-decoration: none !important;
    text-shadow: 0 0 2px #000;
    text-align: center;
    background: #222;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* border: 3px solid #fff;*/
    /* -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
            border-radius: 23px;*/
    opacity: 0.5;
    cursor: pointer;
    /* display: none;*/
}

 .caroul_prev:hover {
/*	 background: url(i/CCPrev.png) no-repeat 10px   #ffffff!important; */
 filter:Alpha(Opacity=80);
 opacity:0.8;
 /*-webkit-transition: all 0.8s;
 -moz-transition: all 0.8s;
 transition: all 0.8s;*/
  text-decoration: none;
 }
 .caroul_next:hover {
	 /*background: url(i/CCNext.png) no-repeat 18px  #ffffff!important;*/
 filter:Alpha(Opacity=80);
 opacity:0.8;
 /*-webkit-transition: all 0.8s;
 -moz-transition: all 0.8s;
 transition: all 0.8s;*/
 
  text-decoration: none;
 }
.carouFredSel_nav{opacity:1; transition: all 200ms ease-in 0s;}
.carouFredSel_nav:hover{opacity:1;}
#carousel h3 {
    position: relative;
    bottom: 45px;
    left: 0px;
    margin: 0 40px 0 0;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    /*text-shadow: 0 0 2px #000;*/
    opacity: 0.8;
    /* display: none;*/
    width:100%;
    background-color:#fff;
    color:#88DBDF;
    height: 45px;
   /* padding-left: 67px;*/
    padding-top: 7px;
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
	text-align:center;
}

/* Slider coups de coeur */
.caroufredsel_wrapper  {
   margin:0px!important;
}
#carousel2 ul {
    list-style: none !important;
}

#carousel2 > li {
    float: left;
   /*width: 253px !important;*/
	list-style: none !important;
	/*margin-right:6px; */
}
#carousel2 .carouFredSel_img {
 /*margin-right:23px;*/
}
#carousel2 .img-responsive,#carousel2 img{
 width:100%;
 height: 193px;
 padding-right:10px;
}
.TrancheAge {
  position:absolute;
  top:0;
 
  color:#fff;
}
 .TrancheAge {
   /* content: url("i/AgeRight.png"); */
	width: auto;
height: 0;
border: 0 solid transparent;
border-top: 15px solid #ac4fc6;
border-bottom: 15px solid #ac4fc6;
border-right: 10px solid transparent;

  
}
.TrancheAge span {
   position:relative;
   bottom:15px;
    display: block;
    padding: 5px 10px 4px 8px;
    vertical-align: top;
	font-family: 'Roboto' !important;
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
	text-transform:uppercase;
  
}

.entry-content {
  background-color:#AC4FC6;
  color:#fff;
  display: block;
   /* max-width: 238px;*/
	/* position: relative;
	 bottom:10px;*/
	 margin-right:10px;
	 min-height:113px;
}
.Coupscoeur .caroufredsel_wrapper {
  /*height:313px !important;*/
  margin-top:21px !important;
  height:314px !important;
}   
#caroul_pag2 {
  margin-top: 0;
    display: block;
    float: right;
    top: -28px;
    margin: 0;
    right: 10px;
    position: relative;
}   
#caroul_pag2 a{display: inline-block; color:transparent; background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; border-radius: 8px; height: 15px; margin-left: 4px; transition: all 200ms ease-in 0s; width: 15px;}
#caroul_pag2 a.selected,#caroul_pag2 a:hover {background: rgba(255, 255, 255, 1) none repeat scroll 0 0;}

#carousel2 h3  { 
	font-family: 'Roboto'!important;
    font-weight:bold;
	text-transform: uppercase;
	margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
	font-size: 16px;
    /*font-weight: 700;*/
 }
#carousel2 .home_top_text  { 
    padding-left: 10px;
	text-transform: uppercase;
	    font-size: 9px;
 }
#carousel2 .home_top_text span { 
    font-size: 26px;
    font-weight: 700;
}
 #carousel2 .read-more  { 
    padding-right: 10px;
	padding-top: 10px;
}
 #carousel2 .read-more a { 
	background-color:#fff;
	color:#AC4FC6;
	padding: 7px 7px;
	font-size: 16px !important;
    font-family: 'Roboto' !important;
    font-weight:bold;
    text-transform: uppercase;
}

.Coupscoeur .carouFredSel2_nav a{outline:none;}
.Coupscoeur .caroul2_prev {  background: url(i/CCPrev.png) no-repeat 14px  #ffffff!important;filter:Alpha(Opacity=60);opacity:0.6;position: absolute; /*left: -20px;*/ top: 45%; width: 40px; height: 50px; z-index:100;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.Coupscoeur .caroul2_next {background: url(i/CCNext.png) no-repeat 14px  #ffffff!important; filter:Alpha(Opacity=60);opacity:0.6; position: absolute; right: 0px;/*right: -10px;*/ top: 45%; width: 40px; height: 50px;z-index:100;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.Coupscoeur .caroul2_prev:hover { background: url(i/CCPrev.png) no-repeat 10px   #ffffff!important; filter:Alpha(Opacity=80);opacity:0.8; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; }
.Coupscoeur .caroul2_next:hover {background: url(i/CCNext.png) no-repeat 18px  #ffffff!important; filter:Alpha(Opacity=80);opacity:0.8; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s;}
.Coupscoeur .carouFredSel2_nav{opacity:1; transition: all 200ms ease-in 0s;}
.Coupscoeur .carouFredSel2_nav:hover{opacity:1;}

/* No Home  */

.content-page .container {
    padding-left: 30px;
    padding-right: 30px;
}
.content-page header .container {
    padding-left: 15px;
    padding-right: 15px;
}

.content-page h1  {
	color: #AC4FC6;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
}
.content-page h2  {
	color: #88DBDF;
   text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
}
.content-page h2:first-letter {font-size: 23px; }
.content-page h3  {
	color: #88DBDF;
   text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}
/*.content-page h3:first-letter {font-size:  20px;}*/

.content-page #dnn_TopRightPane .breadcrumb {background-color: transparent;height: 56px;display:inline-block;    padding-top: 15px;}
.content-page #dnn_TopRightPane .breadcrumb>li+li:before {
    padding: 0 2px;
    color: #615c5c;
    content: "/\0020";
}	
.content-page #dnn_TopRightPane .breadcrumb li, .content-page #dnn_TopRightPane .breadcrumb li a, .content-page #dnn_TopRightPane .breadcrumb li a:visited,.content-page #dnn_TopRightPane .breadcrumb li a:focus {
	/*color:#615c5c;*/
	}	
	
/* breadcrumb search result page */

/*#UFCVVe ul {
margin-bottom: 33px;
margin-top :16px;
}*/


/* Containers */


.ContainerWrapper.BleuF {
	  background-color:#88DBDF;
    color: #fff;
	padding:20px;
}
.ContainerWrapper.Pink {
	  background-color:#f1136d;
    color: #fff;
	padding:20px;
}

.ContainerWrapper.Green {
	  background-color:#cad203;
    color: #fff;
	padding:20px;
}
.ContainerWrapper.BleuC {
	  background-color:#88DBDF;
    color: #fff;
	padding:20px;
}
.BleuF .Normal, .Pink .Normal, .Green .Normal, .BleuC .Normal {
   color: #fff;
}
.ContainerWrapper.Pink a,.ContainerWrapper.Pink a:hover, .ContainerWrapper.BleuF a,.ContainerWrapper.BleuF a:hover, .ContainerWrapper.Green a,.ContainerWrapper.Green a:hover,.ContainerWrapper.BleuC a,.ContainerWrapper.BleuC a:hover {	 
    color: #fff;
}
.ContainerWrapper.Main { 
	padding:20px;
}
.ContainerWrapper.MenuVerticlal h2 { 
	color: #88DBDF;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
.ContainerWrapper.MenuVerticlal a { 
	color: #000000;
   
}
.ContainerWrapper.Main.Coupscoeur { 
	padding: 0;
	position:relative;
}
.ContainerWrapper.Main.Coupscoeur h2 { 
	background-color:#AC4FC6;
	color:#fff;
	margin-bottom:0px;
	margin-top:0px;
	padding:10px 0 10px 0;
	text-transform: uppercase;
	 font-family: 'Roboto'!important;
    font-size: 25px;
    letter-spacing: 1px;
   
}
.ContainerWrapper.Main.Coupscoeur h2:before { 

    content: url("i/CoupsCoeur.png");
	padding-right:12px;
	padding-left:15px;
	top: 2px;
    position: relative;
  
}

 .ContainerWrapper.Main.Coupscoeur .Head { 
   font-weight:bold;
   margin-bottom:0px;
  
}

/**** Media ****/
@media handheld, only screen and (min-width: 1200px) {
	/* ul li:nth-child(2n+2){ ... }*/
#carousel2 	li:nth-child(3n+3) .img-responsive,#carousel2 	li:nth-child(3n+3) img  {
 padding-right:0px; 
}
#carousel2 	li:nth-child(3n+3) .entry-content  {
 margin-right:0px; 
}
/*
#carousel2 .carousel-inner > .item > a > img,#carousel2 .carousel-inner > .item > img,#carousel2 .img-responsive,#carousel2 .thumbnail a > img, .thumbnail > img {
 width:100%;
 height: 193px;
 padding-right:10px;
}*/
}

@media handheld, only screen and (max-width: 1199px) {
	/* home */
	.PushNosplus  {
	width:20%
	}
	.PushContacter   {
	width:22%
	}
	#dnn_SloganPane h1, .content-page p.chapo {
	margin-top:0px;
	}
	#carousel2 	li:nth-child(2n+2) .img-responsive,#carousel2 	li:nth-child(2n+2) img  {
 padding-right:0px; 
}
#carousel2 	li:nth-child(2n+2) .entry-content  {
 margin-right:0px; 
}
/*
.sliderMain .caroufredsel_wrapper {
height:292px !important
}
.caroul_prev,.caroul_next  {
/*top :28px;
}*/
.SejourCampcontent .ContentLeft {
margin-top:5px;
}
.SejourPrefcontent .ContentLeft {
margin-top:5px;
}
.SelectSejour .Contentover {
margin-top:13px;
}
.SejourCampcontent .TitleBeuC, .SejourCampcontent .UnderTitle,.SejourPrefcontent .TitleBeuC {
font-size:20px;
}
.SejourCampcontent .ContentLeft a,.SejourPrefcontent .ContentLeft a {
padding:5px 20px;
font-size:13px;
}
.SejourCampcontent .ContentLeft p,.SejourPrefcontent .ContentLeft p {
font-size:13px;
}
.Pink .cta-content-left .col-md-8 span:first-child {
font-size:37px !important;
}
.Pink .cta-content-left .col-md-8 a span{
font-size:20px !important;
}
.Green .cta-content-left .col-md-8 span:first-child {
font-size:22px!important;
}
.Green .cta-content-left .col-md-8 a span{
font-size:16px!important;
}
.BleuC .list-thematique > a {
    font-size: 11px;
}

}

@media handheld, only screen and (min-width: 991px) {
	ul.rootMenu > li.first {
	display :none !important;
	}
}

@media handheld, only screen and (max-width: 991px) {
    	.navbar.navbar-default .menuBox{display:none;}
	.menuBox #standardMenu ul.rootMenu {width:100%;}
	.menuBox #standardMenu ul.rootMenu .subMenu {/*display: block;*/position: relative;}
	.IconeAccueil img {	display :none;}
.mobile_nav { display:block; position:relative; float:right; z-index:999; }
.navbar-toggle { display: block;}
/*.navbar-collapse.collapse{    display: none;}*/
.menuBox {    display: none;} *
	/*--------- StandardMenu style ----------*/
	.navbar-header {background-color: #88DBDF;}
	.navbar-default .navbar-toggle {border-color: #fff;}
	.navbar-default .navbar-toggle:focus ,.navbar-default .navbar-toggle:hover {background-color: #88DBDF !important;}
	.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
/*#standardMenu {  padding-bottom:0;}*/
#standardMenu li{ float:none; border-bottom:1px solid #eee; border-bottom:1px solid rgba(255,255,255,.6); margin:0; }
/*#standardMenu li.back{ display:none;}

#standardMenu .rootMenu li a{ background:#6b6b6b;}
#standardMenu .rootMenu li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:bold;height:38px; line-height:38px; border:none;}
*/
#standardMenu .navbar-nav li a span .navarrow{ position:absolute; width:60px; height:38px; right:0;top:0; background:url(i/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .navbar-nav a span .navarrow2{ background-position:center -42px !important;}
/*#standardMenu .rootMenu > li > a > span:after {display:none;}


	/* home */
	.PushQualite ,.PushNosplus ,.PushContacter ,.PushSecurite   {
	width: 95.9%;
	}

	
	.home-page #dnn_TopRightPane {
	
    padding-left:15px;
	}
	.home-page #dnn_TopRightPane .caroufredsel_wrapper {
	
    /*width:690px !important; */
	}
	.caroul_prev {
	
    left:29px !important;
	}
	.SejourCampcontent img, .SelectSejour img, .SejourPrefcontent img, .Responsive-img img {
  
    width: 100%;
	}
.SejourCampcontent div, .SelectSejour div, .SejourPrefcontent div, .Responsive-img div {
	padding-right:0px;
   
	}
	.SejourCampcontent .ContentLeft,.SejourPrefcontent .ContentLeft {
    padding-bottom: 25px;
	}
	.SelectSejour {
    padding-left: 15px;
	padding-right: 15px;
	}
	#dnn_FooterRowMiddle,#dnn_FooterRowRight {
	padding-left: 15px;
	}
	.cta-content-left  {
	text-align: center;
	}
	.cta-content-left span {
	float: none;
	display:unset;
	}
	.home-page #dnn_TopLeftPane .ContainerWrapper.Pink, .home-page #dnn_TopLeftPane .ContainerWrapper.Green, .home-page #dnn_TopLeftPane .ContainerWrapper.BleuC   {
	display: none;
	
	}
	 #FooterRow #dnn_FooterRowLeft, #FooterRow #dnn_FooterRowMiddle, #FooterRow #dnn_FooterRowRight {
	display: none;
	
	}
	.ContainerWrapper .SejourCampcontent,.ContainerWrapper .SejourPrefcontent,.ContainerWrapper .SelectSejour {
	display: none;
	
	}
	.DesktopView {
	display:none;
	}
	.MobileView {
	display:block;
	}
	.MobileView ul{
	float:left;
	}
	.content-page #dnn_TopLeftPane .DnnModule-DDRMenu {
	display:none;
	}
	
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-left: 0px;
    margin-right: 0px;
	}
}
/*@media (max-width: 990px)  {
.sliderMain .caroufredsel_wrapper {
height:314px !important
}
.caroul_prev,.caroul_next  {
/*top :28px;
}
}*/
@media (min-width: 768px)  {
.navbar-header {
     float: none; 
}
}

@media (max-width: 675px)  {
	#carousel h3 {
    font-size: 20px;
}
	}
@media (max-width: 600px)  {
#dnn_FooterRowLeft, #dnn_FooterRowMiddle, #dnn_FooterRowRight  {
     width: 100%; 
	 text-align:center;
}

}
@media (max-width: 568px)  {
	#carousel h3 {
    font-size: 16px;
}
	}
@media (max-width: 540px)  {
.Logo_VEJ  {
     width: 45%; 
	 text-align:left;
	 padding-bottom:10px;
}
#dnn_SloganPane {
     width: 55%; 
	 text-align:center;
}
#login{
     width: 100%; 
	 text-align:left;
	 margin-top:0px;
	 }
.LoginLink,#dnn_ufcvMonCompte_UpdatePanelMonCompte {
    float:left;
	 }	 
#dnn_NumbPhonePane {
    float:right;
	 }	 
#dnn_NumbPhonePane img {
    margin-top:0px;
	 }	 
.home-page h1, .content-page p.chapo {
	font-size:25px !important;
 }
 header {
    padding-top:20px;
	 }	 
	 
}
@media (max-width: 487px)  {
#carousel2 .read-more a {font-size:12px !important;}
#carousel2 h3 {font-size:13px }
.entry-content {min-height:110px ;}
}
@media (max-width: 480px)  {
	#carousel h3 {
    line-height: unset;
	padding-top:0px
}
.ContainerWrapper.Main.Coupscoeur h2 {
    font-size: 17px;
	padding-bottom:30px;
	
}
#carousel2 li {
		/*min-width:300px !important; */
		/*width:100% !important;*/*/
		}
	}
@media (max-width: 468px)  {
	#carousel h3 {
    font-size: 14px;
}
	}

@media (max-width: 432px)  {
		#carousel2 li .img-responsive,#carousel2 li img  {
		padding-right:0px; 
		}
		#carousel2 li .entry-content  {
		margin-right:0px; 
		}
	}


@media (max-width: 371px)  {
#carousel h3 {
     font-size: 16px; 
	 }
.LoginLink,#dnn_ufcvMonCompte_UpdatePanelMonCompte {
     float: none; 
	 text-align:center;
	 }
#dnn_NumbPhonePane {
     float: none; 
	 text-align:center;
	 }
#dnn_NumbPhonePane img {
     
	 float: none !important;
	 }
#dnn_NumbPhonePane p {
     
	 text-align:center !important;
	 }
	 #dnn_dnnLOGO_imgLogo {
     
	 width:100%;
	 }
	 .home-page h1, .content-page p.chapo {
     
	font-size: 20px;
	 }
}
@media (max-width: 375px)  {
.home-page .container,.content-page .container {
	padding-left:15px;
	padding-right:15px;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {

	margin-left:0px;
	margin-right:0px;
}
#standardMenu .child-2 .subMenu {
	min-width:auto !important;
}
}
@media (max-width: 320px)  {


}
@media (max-width: 310px)  {
.Logo_VEJ  {
     width: 100%; 
	 text-align:center;
}
#dnn_SloganPane {
     width: 100%; 
	 text-align:center;
}
#login{
     width: 100%; 
	 }

}

