/*

VECTOR communication SaRL
Puits-Godet 10a
2000 Neuchatel
www.vector.ch

*/

@font-face {
	font-family: 'gillsans';
	src: url('../fonts/32E861_1_0.eot');
	src: url('../fonts/32E861_1_0.woff') format('woff'), url('../fonts/32E861_1_0.ttf') format('truetype'), url('../fonts/32E861_1_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gillsanslt';
	src: url('../fonts/32E861_0_0.eot');
	src: url('../fonts/32E861_0_0.woff') format('woff'), url('../fonts/32E861_0_0.ttf') format('truetype'), url('../fonts/32E861_0_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
/*
    margin: 0;
    padding: 0;
    border: 0;
    font:inherit;
*/
    font-size: 100%;
    vertical-align: baseline;
}

html,
button,
input,
select,
textarea {
    color: #1e4280;
}
body, html {
   
    min-width: 260px;
    font-family: 'gillsans', verdana, Arial, Helvetica, sans-serif;
	background:#d6edfb;
	
	color:#000;	
	overflow-x:hidden;

	font-size: 18px;
	line-height:22px;
	
	/* base 18px (x0.5 sur maquette) */
}
/*
::-moz-selection {
    background: #fff;
    text-shadow: none;
}
::selection {
    background: #fff;
    text-shadow: none;
}
*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #005188;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
}
.align-center{
	text-align:center;
}
.align-justify{
	text-align:justify;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.vert{
	color:#72a432;
}
.bleu{
	color:#005188;
}
.normal{
	color:#000;
}
a.bouton-bleu{
	display:table;
	padding:10px 10px;
	color:#fff;
	background:#005188;
	margin:1em auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
       

a {
    color: #1e4280;
    text-decoration: none;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
a:hover {
        color: #255099;
}
a.bouton-bleu:hover{
	color:#fff;
}

em.fa.star-home{
	color:#72a432;
	font-size:0.5em;
    vertical-align: super;
	margin:0 2px;
}

.left{
	text-align:left;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}

.fixed{
	position: fixed;
}

/* ------------------- Titre -------------------- */
h1 {
    color: #01518c;
    font-weight: normal;
    font-size: 2.6666em;
    margin-bottom: 0.5em;
    margin-top: 1em;

    margin-top: 0em;
    margin-bottom: 1.125em;

    font-size: 2.5666em;
}
h1.csc-firstHeader{
	margin-top:0;
}
h2 {
    color: #01518c;
    font-weight: normal;
    font-size: 2.500em;
    font-size: 2.3333em;

    margin-bottom: 0.5em;
    margin-top: 1em;
}
h2.csc-firstHeader{
	margin-top:0;
}
h3 {
    color: #01518c;
    font-weight: normal;
    font-size: 1.2em;
/*
    margin-bottom: 0;
*/
    padding-top: .8em;
}
h1, h2, h3{
	font-family: 'gillsanslt', verdana, Arial, Helvetica, sans-serif;
}

h100{
	display: none !important;
}
ol, ul {
    padding: 0 0 0 25px;
    }
    li {
        padding: 2px 5px
    }

#content ul, #content ol ul {
	list-style-type:none;
	text-indent: -.8em;
	margin-left:-.8em;
}
#content ul li::before, #content ol ul li::before {
    content: "-\0020";
	color: #01518c;
}

table caption{
	font-size:0.7em;
	color:#000;
	padding-top:2px;
}
/* ------------------- Lightbox -------------------- */
.lightboxWrapper {
        background-image: url(../templates/images/menu-background.png);
        background-repeat: repeat;
        position: fixed; 
        top: 0; 
        left: 0;
        z-index: 5000;
        display: none;
    width:100%; 
    min-height: 100%;
    }
/*
    .lightbox {
        background: none repeat scroll 0 0 #fff;
        margin: 15% auto 0;
        padding: 30px 40px;
        width: 40%;
        border:1px solid #747474;
        }
        .lightbox .btn-red {
                float:right;
        }
        .lightbox .btn-white {
                float:left;
        }
        .lightbox .close {
                float:right;
                margin-right: -10px;
                margin-top: -10px;
        }
*/
       
/* ------------------- main columns -------------------- */

body.large-no-connexe div.fullwidth{
/*
	width:85% !important;
*/
}
body.large-no-connexe div.hidenoconnexe{
	display:none;
}

/* ------------------- wrapper -------------------- */

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.wrapper-outer{
  width:100%;
  position:relative;
}

.wrapper-container {
    margin: 0 auto;
    max-width: 1424px;
	
/*
	background:#eee;
*/
}
.wrapper-content {
    margin: 0 auto;
    width: 88.764%;
	
/*
	background:#ff0;
*/
}

.wrapper {
/*
    width: 95%;
    max-width: 1018px;
    max-width: 990px;
*/
    margin: 0 auto;

    }
    .col-small {
        padding-top: 2em;
        max-width: 660px;
    }

.wrapper.carousel{
	width:100%;
	max-width:1280px;
}

.wrapper-outer.intro-page{
	border-bottom:3px solid #fff;
}
.wrapper-outer.intro-page .wrapper article{
	padding-top: 70px;
	height:200px;
	text-align:center;

	overflow:hidden;
	
    font-size:1.1875em;
}

.wrapper-outer.intro-page.accueil .wrapper article{
	height:380px;
}

  section #contenu > .wrapper,
  section #contenu > .wrapper-outer {
	  margin-top:1em;
  }
  section #contenu > .wrapper article .wrapper{
	  margin-bottom:1em;
  }
	  
  section #contenu > .wrapper .wrapper{
    width:auto;
  }
	
.wrapper.navbar {
    width: 100%;
    }

article {
	padding:30px 0;
    margin-bottom: 3em;
	
	padding:0;
	margin-bottom:0.5em;

	padding-bottom:1.5em;
	margin-bottom:-1.5em;
}

/*
article p{
	font-size:1.2em;
	line-height:1.6em;
	color:#003564;
}
*/

img.image-embed-item,
img.responsive {
    max-width: 100%;
    height: auto;
}
img.image-embed-item,
img.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    /* margin: 0 auto; */
	
	width:100%;
}

section#content div.ce-textpic .ce-gallery img.image-embed-item:hover,
section#content div.csc-textpic .csc-textpic-imagewrap img.img-responsive:hover {
	transform: scale(1.2, 1.2);
    transition: 0.3s ease;
}
/* not when img is in a .img-no-zoom div (ie. homepage) */
section#content div.img-no-zoom div.ce-textpic .ce-gallery img.image-embed-item:hover ,
section#content div.img-no-zoom div.csc-textpic .csc-textpic-imagewrap img.img-responsive:hover {
	transform: scale(1, 1);
}

.row-image div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0;
}
.row-image div.csc-textpic .csc-textpic-imagewrap {
	width:100%;
}
.row-image div.csc-textpic .csc-textpic-imagerow{
	margin-bottom:1%;
}
.row-image.image-3 div.csc-textpic-imagecolumn, 
.row-image.image-3 td.csc-textpic-imagecolumn{
	overflow:hidden;
	width: 32%;
    margin-right: 1%;
}
.row-image.image-4 div.csc-textpic-imagecolumn, 
.row-image.image-4 td.csc-textpic-imagecolumn{
	overflow:hidden;
	width: 24%;
    margin-right: 1%;
}

section#content table.info-table td {
	padding:5px 10px;
	vertial-align:top;
}
section#content table.info-table tr:nth-child(odd){
	background: #d6edfb;
}

/*
.row-image.image-4 div.csc-textpic-imagecolumn .csc-textpic-image, 
.row-image.image-4 td.csc-textpic-imagecolumn .csc-textpic-image {
    width: 25%;
	overflow:hidden;
}
*/

em.fa.fa-circle.puce{
	font-size: 16px;
/*
    padding-top: 3px;
*/
}

/* ------------------- Main -------------------- */
body > main {
	background:#fff;
	
	width:95%;
	max-width:1440px;
	
	margin:0 auto;
    }


/* ------------------- Header -------------------- */
body header {
	position:relative;
	width: 100%;  

	background:#fff;
	width:1088px;
	max-width:100%;
	margin: 0 auto;
	padding-top:15px;
    }

body header.firstHeader{
	padding-top:0px;
}

/*
body > header.fixed {
	top:0;
}

body > header > .wrapper-outer.blue {
	height:160px; 
	background:#1e4280;	

    }

body > header > .wrapper-outer.orange {
	height:18px; 
	background:#ec8229;	

    }

body > header > .wrapper-outer.orange .wrapper-content{
	background:url(../images/graduation-top.png) right repeat-y;	
	height:18px; 

    }
*/
body header .wrapper .langue{
	height:auto;
	z-index:999;
}
	body header .wrapper .langue .link-top{
		float:left;
	}
	body header .wrapper .langue #link-top ul{
		display:block;
	}
	body header .wrapper .langue #link-top ul li{
		float:left;
		font-size: 14px;
		margin-right: 10px;
	}
	body header .wrapper .langue #link-top ul li i{
		font-size: 13px;
		margin: -2px 5px 0 0;
		color: #fff;
		background: #000;
		border-radius: 11px;
		width: 22px;
		height: 22px;
		line-height: 22px;
		padding-right: 4px;
	}

	body header .wrapper .langue #link-top ul li i.fa-facebook{
		background:#4267b2;
		padding-right: 7px;
	}

	body header	div#logo-top {
		z-index:1001;
	}

	body header .wrapper .toolbar,
	body header .wrapper .logo-top{
		}


	body header .wrapper .logo-top img.logo{
		height:70px;
		width:auto;
    }


	.wrapper-outer.navigation{
		/* background:#fff; */
		border-top:0px solid #fff;
		border-bottom:0px solid #fff;
		
		/* height:38px; */
/*		position: absolute; */
  		z-index: 100;
	}
	
	.search-box{
		max-height:20px;
	}
	.toolbar{
		padding-top:10px;
		z-index:1000;
	}
	
	.search-box{
		color:#092c74;
	}
	.search-box form{
		margin:0;
		padding:0;
		padding-right:15px;
		display:inline-table;
	}
	.search-box input[type="text"]{
		width:150px;
		height:20px;
		border-color:#5e6263;
		font-size:11px;
		background:#fff;
		opacity:1;
		
		margin:0;

		border:0;
		border-color:transparent;
		background:transparent;

	}
	header .search-content{
		float: left;
		border:0;
		border-bottom: 1px solid;
		background: #fff;
		margin-left:5px;
	}
	header .fa {
		font-size: 40px;
		line-height: 40px;
		cursor: pointer;
		height: 40px;
		width: auto;
	}
	header .tool-top{
		position:absolute;
		right:10px;
		top:0px;
		width:auto;
		height:20px;
/*
		background:#ff0;
*/
	}
	span.lngbox{
		display:inline-block;
		background:#ff0;
	}
	.lngbox{
		display:inline-table;
	    padding-top: 2px;
	}
	.langue .lngbox a:hover ,
	.langue .lngbox a:link{
		color:#000;
	}
	#langue select{
	    background: #fff;
		line-height: 16px;
		font-size:16px;
		color: #000;
		border: 1px solid #fff;
		padding: 0;
		padding-left:5px;
		width: 80px;
		margin:0;
		margin-right:10px;
		
		-webkit-appearance:none;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;

		background-image:url(../Images/arrow-down-select.png);
		background-repeat:no-repeat;
	    background-position: 64px 2px;
	}
	#langue select:focus{
		border: 1px solid #fff;
	}
	.langue{
/*		padding-top:30px; */
		color:#000;
	}
	.langue ul{
		list-style:none;
		margin:0;
		padding:0;
		float:right;
		
		display:none;
	}
	.langue ul li{
		float:left;
	}
	.langue a{
		display:inline-block;
		color:#000;
		text-decoration:none;
		padding:0 5px;
	}
	.langue a.active{
		color:#000;
	}
	.langue a:hover{
		color:#000;
		text-decoration:underline;
	}

	header #langue-mobile{
		display:none;
	}
	
/* ------------------- navigation -------------------- */

.navbar{
	margin-bottom:10px;
}
.navbar-collapse{
	margin:0;
	padding:0;
}
.navbar-nav {
    float: right;
}
.navbar-nav>li{
	float:left;
}
.nav>li>a {
    padding: 10px 10px;
}
.navbar-collapse > ul li a{
/*
	padding:0 60px 0 0;
*/
	padding:0 10px;
	font-size:1em;
}
.navbar-collapse > ul > li:first-child,
.navbar-collapse > ul > li:first-child a{
/*
	padding-left:0;
	padding-left:10px;
*/
}
.navbar-collapse > ul > li:last-child, 
.navbar-collapse > ul > li:last-child a {
/*
    padding-right: 0;
    padding-right: 10px;
*/
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #01518c;
/*
	text-decoration:underline;
*/
    background-color:transparent;
}

.navbar-collapse {
	width:auto;
	overflow-x:show;
}
.navbar-collapse.collapse {
	overflow-x: show;
}

.dropdown-submenu{
position:relative;
}
.dropdown-submenu > .dropdown-menu{
top:0;
left:100%;
margin-top:-6px;
margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px;

opacity:1;
}
.dropdown-submenu:hover > .dropdown-menu{
display:block;
}
.dropdown-submenu > a:after{
display:block;
content:" ";
float:right;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-width:5px 0 5px 5px;
border-left-color:#cccccc;
margin-top:5px;
margin-right:-10px;
}
.dropdown-submenu:hover > a:after{
border-left-color:#ffffff;
}
.dropdown-submenu .pull-left{
float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu{
left:-100%;
margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px;
}

ul.nav > li.dropdown:hover > ul.dropdown-menu {
    display: block;
    margin-top:0px;
	
/*
	margin-left:-200px;
	margin-right:-200px;
*/
}

.navbar-default {
    background-color:transparent;
    border-color:transparent;

	padding-top: 35px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent;
}
/*
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
ul#menu-top > li:first-child > a{
    color: #092c74;
    background-color: transparent;
	font-weight:bold;
}
*/
.navbar-default .navbar-nav>li:hover {
	background:#01518c;
}
.navbar-default .navbar-nav>li>a {
    color: #01518c;
	font-size: 0.95em;	
}
.navbar-default .navbar-nav>li:hover>a ,
.navbar-default .navbar-nav>li:hover>a:hover {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #01518c;
}
.navbar-default .navbar-nav li {
	padding:5px;
	padding-top:8px;
}
.navbar-nav>li>.dropdown-menu {
	max-width:200px; 
/*
	width:250px;
	overflow:hidden;
*/
}
.dropdown-menu{

	-webkit-background-clip: padding-box;
	-webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow:none;
    box-shadow:none;	
	
	float: none;
	
	border:0;
	font-size: 1.333em;

	background-color:#01518c;

/*
	-webkit-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.45);
	box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.45);
	font-size:13px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
*/
	border-top:1px solid #fff;
}

ul.nav > li.dropdown > ul.dropdown-menu li {
	float:none;
	padding:0px 15px 5px;
	max-width:250px;
	
	overflow:hidden;
}
ul.nav > li.dropdown > ul.dropdown-menu li a {
    font-size: 0.7em;
	color:#fff;
	
	display:block;
	border-bottom:1px solid #fff;
	padding:5px 0;
}
ul.nav > li.dropdown > ul.dropdown-menu li:last-child a {
	border-bottom:0px solid #fff;
}
ul.nav > li.dropdown > ul.dropdown-menu li.current a,
ul.nav > li.dropdown > ul.dropdown-menu li.active a,
ul.nav > li.dropdown > ul.dropdown-menu li a:hover,
ul.nav > li.dropdown > ul.dropdown-menu li a:focus {
	color:#fff;
	font-weight:bold;
	background:none;
}


/* ------------------- Section -------------------- */

body > main > section {
	  margin:0 auto;
	  margin-top: 10px;
	  margin-bottom:20px;
	  overflow: hidden;
	  
	  background:#fff;
	  width:1088px;
	  max-width:100%;
	  
	  margin-top: 0px; /* 25.10.16 */
	}
	
	section#slider{
		position:relative;
		margin-top:0;		
		width:100%;
	}
		section#slider .nivo-directionNav{
/*
			display:none;
*/
		}
		section#slider .nivo-caption{
			display:none !important;
		}
		section#slider > .wrapper-outer > .wrapper{
			width:100% !important;
		}


		section#slider .news-slider-home {
			position: absolute;
			top: 45px;
			width:100%;
			z-index:999;
		}
		section#slider .news-slider-home .wrapper {
			width: 1088px;
			max-width: 100%;
			margin:0 auto;
		}
		section#slider .news-slider-home .content-slogan {
			color: #fff;
			float:left;
			font-size:3.3333em;
			line-height:1.1em;
			margin-left:10px;
			font-family: 'gillsanslt', verdana, Arial, Helvetica, sans-serif;
		}
		section#slider .news-slider-home .content-news {
			background: #fff;
			float:right;
			margin-right:10px;
			padding:10px;
			z-index: 999;
			width: 300px;
			height: auto;
			max-height:250px;
			overflow:hidden;
			opacity: 0.9;
 			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			
			color:#000;
			font-weight:normal;
			font-size:0.9em;
			line-height:0.95em;
		}
		section#slider .news-slider-home .content-news p{
			padding:0;
			margin:0 0 5px 0;
		}
		section#slider .news-slider-home .content-news h3{
			color:#000;
			margin:0;
			padding:0;
			font-weight:bold;
		}
		section#slider .news-slider-home .content-news a.bouton-bleu {
			margin: 0.1em auto;
			margin-right:0;
		}

		section#slider #booking {
			background: #72a432;
			position: absolute;
			bottom: 0;
			z-index: 999;
			width: 100%;
			height: 65px;
			opacity: 0.92;
			
			color:#fff;
			font-weight:normal;
		}
		section#slider #booking label{
			font-weight:normal;
		}
		section#slider #booking label span.large{
			display:block;
		}
		section#slider #booking label span.small{
			display:none;
		}

		section#slider #booking div > .wrapper,
		section#slider #booking > div > .wrapper{
			width:80%;
		}
		section#slider #booking div > .wrapper .row,
		section#slider #booking > div > .wrapper .row{
			padding-top:20px;
		}
		section#slider #booking .date-container input{
			padding:0.1em 0.3em;
			margin-bottom:0;
			border:0;
			color:#000;
			font-size:1em;
		}
		section#slider #booking .date-container {
			padding-right: 50px;
			padding-left:0;
		}
		section#slider #booking i.fa{
			position: absolute;
			top: 2px;
			right: 20px;
			cursor: pointer;
			font-size: 1.2em;
		}
		section#slider #booking a.button {
			display:inline-block;
		    height: 26px;
			margin: 0 0 0 10px;
			padding: 0px 20px;
			border: 0;
			line-height: 28px;
/*
			float: right;
*/
			font-weight: normal;
			color: #fff;
			background: transparent;
			text-decoration: none;

			cursor: pointer;
			border: 1px solid #fff;
			text-transform:uppercase;
			font-size:17px;
		}
		section#slider #booking a.button:hover {
			text-decoration:underline;
		}
		.ui-datepicker{
			z-index:9999 !important;
		}
		.ui-datepicker .ui-widget-header {
			border: 1px solid #01518c;
			background: #01518c;
		}

		.ui-datepicker th {
			background: #72a432;
		}

		#booking-connexe .row {
		    margin-bottom: 15px;
		}
		#booking-connexe label {
			padding-left:0;
		}
		#booking-connexe label span.large{
			display:block;
		}
		#booking-connexe label span.small{
			display:none;
		}
		#booking-connexe i.fa {
			position: absolute;
			top: 2px;
			right: 20px;
			cursor: pointer;
			font-size: 1.2em;
			color:#000;
		}
		#booking-connexe .date-container input {
			padding: 0.1em 0.3em;
			margin-bottom: 0;
			border-color:#a7a7a7;
			color: #000;
			font-size: 1em;
			padding-right:50px;
			
			padding-right:0px;
			width:80%;
		}
		#booking-connexe a.button {
			display:inline-block;
		    height: 30px;
			margin: 0 0 0 0px;
/*
			padding: 0px 20px;
*/
			border: 0;
			line-height: 30px;
/*
			float: right;
*/
			font-weight: normal;
			color: #fff;
			background:#72a434;
			text-decoration: none;

			cursor: pointer;
			border: 1px solid #72a434;
			text-transform:uppercase;
			font-size:17px;

			width:80%;
		    text-align: center;
		}
		#booking-connexe a.button:hover {
			text-decoration:underline;
		}

		section#slider #booking {
			display:none;
		}
		#booking-connexe {
			display:block;
		}

		
	section #breadcrumb{
		clear:both;
		margin-bottom: 40px;
		margin-left:0;
		
		font-size:0.9em;
		color:#5a5a5a;

		margin-bottom: 10px;
		display:none;
	}
	section #breadcrumb a{
		color:#5a5a5a;
	}

	section#content{
		margin-top:3.75em;
	}

	section div#content-normal{
/*
		border-right:1px solid #01518c;
*/
		min-height:400px;
	}
		body.large-no-connexe section div#content-normal{
			border-right:0px solid #01518c;
		}

	section div.border-left,
	section div#content-normal .row > div.border-left{
		border-right:1px solid #01518c;
	}

/* ------------ Slider top ------------------- */

section#slider .theme-default .nivoSlider {
    margin-bottom: 0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

section#slider .theme-default .nivo-caption {
    background: none;
}
section#slider .theme-default .nivoSlider a {
    background-color: transparent;
}

section#slider #slider-masque {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	background:url(/typo3conf/ext/site_builder/Resources/Public/Images/shadow-slider.png) repeat-x bottom;
	
	z-index:5;
}

/* ------------ content-normal ------------------- */

div#content-normal > div {
    margin-bottom: 4em;
    margin-bottom: 1em;
}

div#content-normal div.frame.frame-layout-23 .ce-gallery .ce-column{
	width:31%;
}
div#content-normal div.frame.frame-layout-24 .ce-gallery .ce-column{
	width:23%;
}

/* ------------ content-right ------------------- */

#content-right .row {
    margin-right: 0px;
    margin-left: 0px;
}
#content-right .row .wrapper{
	width:100%;
}
#content-right .row > div{
	padding-left:0;
	padding-right:0;
}
#content-right .titre .row > div,
#content-right .row.titre{
	background:#2b4d87;
	color:#fff;
	font-weight: bold;
}
#content-right .titre .row > div,
#content-right .row.titre > div{
	height:28px;
}
#content-right .titre .row > div:first-child,
#content-right .row.titre > div:first-child .wrapper{
	padding:5px;
	text-transform:uppercase;
	line-height:1em;
	padding-left:8px;
}
#content-right .titre .row > div.graduation,
#content-right .row.titre .graduation{
    background: #2b4d87 url(../Images/graduation-connexe.png) repeat-x;
    /* padding: 0; */
    background-position: 0 18px;
}

#content-right .titre .row > div:first-child em {
	margin-left:0.3em;
}


#content-right .image .row,
#content-right .row.image{
	background:#edf0f5;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	
	color:#2b4d87;
	font-weight:bold;
}
	#content-right .image .row .row,
	#content-right .row.image .row{
		background:#edf0f5;
		border-color:transparent !important;
	}

#content-right .image .row a,
#content-right .row.image a{
	color:#2b4d87;
}
#content-right .image .row p,
#content-right .row.image p{
    line-height: 1em;
}
#content-right .image .row > div:first-child,
#content-right .row.image > div:first-child .wrapper{
	padding:5px 5px 0 8px;
	overflow:hidden;
}
	#content-right .image.img-no-border .row .row > div:first-child,
	#content-right .image.img-no-border .row{
		padding:0 !important;
	}

#content-right .image .row > div + div{
	background:#ced6e3;
}
	#content-right .image.img-no-border .row > div + div{
		background:transparent;
	}
#content-right .image .row img,
#content-right .row.image img{
	border-left:2px solid #fff;
}

	 #content-right .image.img-no-border .row img,
	 #content-right .img-no-border .row.image img{
		border-color:transparent !important;
		border-left:none;
		background:none !important;
		margin-top:20px;
	 }
	 
#content-right .image .row div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

#content div.csc-textpic-center .csc-textpic-center-inner,
#content div.csc-textpic-center .csc-textpic-center-outer{
	float:left;
	right:auto;
}

#content-right .image .row div.csc-textpic-center .csc-textpic-center-inner,
#content-right .image .row div.csc-textpic-center .csc-textpic-center-outer {
    float:none;
	right:auto;
}





/* ------------ Select Table ------------------- */
#product-table table{
	margin-top:18px;
}
#product-table table td{
	white-space:nowrap;
	vertical-align:top;
	padding: 4px 8px 4px 0;
}
#product-table table a{
	text-decoration:underline;
	padding-right:15px;
	font-size:16px;
	line-height:18px;
}
#product-table em.fa.fa-circle.puce{
	font-size: 18px;
}

#product-table table img{
	width:14px;
	height:14px;
	border-radius:7px;
	margin:0 5px 0 10px;
}
#product-table table.family img{
	height:13px;
}
/* always underscore (21.10.15)
#product-table table.family a{
	text-decoration:none;
}
*/
#product-table table.family a:hover{
	text-decoration:underline;
}


/* ------------------- Form -------------------- */
label {
    display: block;
    font-size: 0.933em;
    font-weight: bold;
    margin-bottom: 0.25em;
    }
        label.error, p.error{ 
                color: #c62222;
        }
               
.form-radios label {
    display: inline-block;
    font-weight: normal;
    line-height: 2.65;
    margin: 0 1em 1em 0.25em;
    }
    .lt-ie8 .form-radios label {
        display: inline;
    }
.form-radios {
    float: left;
}
.form-required {
    color: #cc4944;
}
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="date"], 
input[type="number"], 
textarea, 
select {
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 0.5em;
    width: 100%;
    }
        input[type="text"]:focus, 
    input[type="email"]:focus, 
    input[type="password"]:focus, 
    input[type="date"]:focus, 
    input[type="number"]:focus {
                background-color:#f5f5f5;
        }       
        input[type="text"].error, 
    input[type="email"].error, 
    input[type="password"].error, 
    input[type="date"].error, 
    input[type="number"].error, 
    textarea.error {
                background:#faebeb;
                border-color:#c62222;
        }
    textarea {
        resize: vertical;
    }
.styled-select {
    border: 1px solid #ccc;
    height: 33px;
    overflow: hidden;
    margin-bottom: 1em;
    box-sizing: border-box;
    position: relative;
        }
    .styled-select:after {
        content: url("../Images/select_arrow.png");
        position: absolute;
        top: 0; right: 0;
        pointer-events: none;
    }
    .lt-ie8 .styled-select {
        overflow: visible;
        border: 0;
        height: auto;
    }
        .styled-select select {
        background: transparent;
        padding: 5px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 34px;
        -webkit-appearance: none;
           }
       .lt-ie8 .styled-select select {
            height: auto;
        }
    .styled-select.inline {
        float: left;
        width: 45%;
        }
        .styled-select.inline + .styled-select.inline {
            margin-left: 10%;
        }
        .lt-ie8 .styled-select.inline {
            width: 43%;
        }
input[type="submit"], 
button[type="submit"] {
    display: block;
    color: #FFF;
        background-color: #002c73;
    min-width: 150px;
    padding: 12px 15px 10px;
        border: none;
    }
        input[type="submit"]:hover,
    button[type="submit"]:hover {
                background-color: #00245e;
        }


/* ------------------- Pager -------------------- */
.pager {
    list-style: none;
    padding: 0;
    cursor: default;
    }
    .pager li {
        display: inline;
        padding: 0;
        }
        .pager li:before {
            content: "- ";
            }
            .pager li:first-child:before {
                content: normal;
            }
        .pager a {
            color: #353535;
            font-weight: bold;
            text-transform: uppercase;
            padding: .1em;
            }
            .pager li a:hover,
            .pager li.active a {
                background-color: #353535;
                color: #fff;
            }
/* ------------------- Tableau -------------------- */
.table-simple {
    border: 1px solid;
}
th {
        text-transform: uppercase;
        background: #878787;
        font-weight: bold;
        color: #fff;
        padding: 8px 10px;
    text-align: left;
}
/* tableau editable (1e col avec boutons) */       
.table-editable table tr:nth-child(2n) {
        background: #fff;
}       
.table-editable table tr:nth-child(2n+1) {
        background: #f7f7f7;
}
.table-simple td,
.table-editable td {
        padding: 5px 10px;
        vertical-align: top;
        }
    .table-simple.bordered td {
        border: 1px solid #878787;
    }
    .table-editable td {
        border-right: 1px solid #878787;
    }
        .table-editable td:first-child, .table-editable th:first-child {
                background: #fff;
                vertical-align: middle;
        }
        .table-editable tr:last-child td {
                border-bottom: 1px solid #878787;
                }
        .table-editable tr:last-child td:first-child {
                border-bottom: none;
                }

        /* Ligne Hover */
        .table-editable tr:hover td:first-child {
                background:#c62222;
                }
                .table-editable tr:hover td:first-child .btn-new {
                        background: url(../Images/new.png) no-repeat center;
                }
                .table-editable tr:hover td:first-child .btn-edit {
                        background: url(../Images/edit.png) no-repeat center;
                }
        .table-editable tr:hover td:first-child .btn-delete {
            background: url(../Images/delete.png) no-repeat center;
        }
        .table-editable tr:hover td:first-child .btn-sms {
            background: url(../Images/sms.png) no-repeat center;
        }
                .table-editable .btn-new:hover, .btn-edit:hover, .btn-delete:hover, .btn-sms:hover {
                        opacity: 0.8;
                }

/* ------------------- Footer -------------------- */
body footer {
    background: #01518c;
    color: #fff;
	min-height:96px;
    font-size: 0.9em;
    line-height:1em;

	width:100%;	
	position: relative;
	margin-top:100px;
	
	margin-top:1em;
	padding-bottom: 3em;
  }
    
  body footer .wrapper{
	  margin:0 auto;
      width:1088px;
	  max-width:100%;

    margin-top:6px;
    margin-bottom:0em;
  }
  
    body footer p{
		margin:0;
		padding:0;
	}
	
	body footer > .wrapper > .row {
/*		padding-left:25px; */
	}
	body footer .row {
		padding-top: 18px;
	}
	body footer .row div div{
/*
		padding-left: 0px;
*/
	}
	body footer .row img{
		max-width:85%;
	}
	
	body footer a:hover,
	body footer a{
		color:#fff;
	}

	body footer div.footer-cg{
		width:100%;
		text-align:right;
		padding-right:15px;
		padding-top:40px;
		font-size:0.9em;
	}

/* ------------------- top-link -------------------- */
#top-link {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 10px;
    color: #005188;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #005188;
    background: #fff;
    padding: 10px;
    font-size: 1.2em;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 5px 10px;
}


/* ------------------- Powermail -------------------- */
.tx-powermail form h3,
.tx-powermail form fieldset .powermail_legend{
	display:none;
}
.tx-powermail form div.layout1 label.control-label{
	visibility:hidden;
}
.tx-powermail input[type="submit"], 
.tx-powermail button[type="submit"] {
    background-color: #1e4280;
	text-transform:uppercase;
	font-size:100%;
}
.tx-powermail input[type="submit"]:hover, 
.tx-powermail button[type="submit"]:hover {
    background-color: #002c73;
}

.tx-powermail span.mandatory{
	padding-left:5px;
}

.tx-indexedsearch-searchbox legend,
.tx-indexedsearch-info{
	display: none !important;
}
.tx-indexedsearch-browsebox li{
	float: left;
	padding-right: 1em;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1300px) {
    .img-top {
                padding:0;
        }
}


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

	body {	   
/*
		font-size:0.9375em;
*/
	}

	.wrapper-content {
		width: 98%;
	}
	
	.navbar-collapse > ul li a {
		padding: 0 50px 0 0;
	}
}

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

    html, body {
        overflow-x: hidden;
    }

	body {	   
/*
		font-size:0.9375em;
*/
	}

/* ------------------- Titre -------------------- */
	h1 {
		font-size: 2.333em;
		margin-top: 0em;
		margin-bottom: 0.9em;
	}
	h2 {
		color: #01518c;
		font-size: 2.1872em;	
		margin-bottom: 0.437em;
		margin-top: 1em;
	}
	h3 {
		font-size: 1.0498em;
	}

	div#logo-top {
		position: absolute;
/*
		right: -15px;
		margin: 0;
		padding: 0;
*/
	}	
	
	header .wrapper img.logo {
/*
	  margin-top: 15px;
	  margin-bottom: -30px;
*/
	}

	header .toolbar {
  		padding-top: 5px;
		padding:0;
	}

	.navbar-default {
		padding-top:0;
	}
	header .navbar-default .navbar-toggle {
	  	float: right;
	}

	header div#caption-over {
		font-size:0.8em;
		top:-10px;
	}

	header .langue{
		display:none;
	}
	header #langue-mobile{
		display:block;
	}

	body header .wrapper .toolbar, 
	body header .wrapper .logo-top,
	body header > .wrapper-outer.blue {
		height: 90px;
	}

	header .wrapper-content,
	header .wrapper {
	    width: 95% !important;
	}

	section#slider .news-slider-home .wrapper {
		width: 95%;
	}
		section#slider .news-slider-home .content-slogan {
			font-size: 3em;
		}

	.navbar-collapse {
		-webkit-overflow-scrolling: touch;
		border-top: 0px solid transparent;
		-webkit-box-shadow:none;
		box-shadow:none;
		
		background-color:#005188;
		opacity:1;
		filter: alpha(opacity=100); /* For IE8 and earlier */
		
		-webkit-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;

		margin-top:29px;
	}

	.navbar-default .navbar-nav>li>a {
		color: #fff;
		font-size: 1em;
		padding: 5px 0 10px 0;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav#langue-mobile>li {
    	float: left;
	}
	.navbar-nav#langue-mobile>li>li {
    	float: none;
	}
	
	.navbar-collapse {
/*
        display: block !important;
*/
		width:52%;
		margin-left:1500px;
    }
    .menuOpen {
/*
        display: block !important;
		width:80%;
*/
		margin-left:49%;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover {
		background-color:transparent;
	}

	.dropdown-menu {
		font-size: 1.1em;
    	position:relative;
		background:transparent;
	}
   
	header .navigation .navbar {
	  margin-bottom:3px;
	}
	header .navbar-toggle {
/*	  margin-left: 0.8em; */
	  margin-bottom:0px;

	  padding: 9px 10px;
	  margin-top: 3px;
	}
	
	
	header ul.nav {
		float:none;
		text-align:left;
	}
	header .navbar .wrapper {
		width: 100%;
		max-width: 100%;
	}
/*
	.navigation .navbar-nav > li:first-child > a{
		padding-left:15px;
	}
*/
	.navbar-nav{
		padding:10px;
	}

	.navigation .navbar-nav > li{
		font-size:1.1em;
		padding-bottom:0.6em;
		
		padding-bottom:0;
	}
	.navbar-default .navbar-toggle{
		margin-left:0.8em;
		border:none;
	}
	.navbar-collapse.collapse {
		overflow-x: hidden!important;
	}

	ul.nav > li.dropdown:hover > ul.dropdown-menu {
		margin-left:0;
		margin-right:0;
	}

	ul.nav > li.dropdown > ul.dropdown-menu li {
		float: none;
		padding: 5px 20px;
		width:auto;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		color: #fff;
	}
	.navbar-collapse li.active ul {
    	display: block;
	}

	.navbar-collapse #menu-top li a{
		display:block;
		border-bottom:1px solid #fff;
		width:100%;
	}
	ul.nav > li.dropdown > ul{
		padding:0;
		margin:0;
	}
	ul.nav > li.dropdown > ul.dropdown-menu li{
		padding:0;
	}
	ul.nav > li.dropdown > ul.dropdown-menu li,
	.navbar-nav>li>.dropdown-menu {
		max-width:none;
		border-top:none;
	}
	ul.nav > li.dropdown > ul.dropdown-menu li a {
		padding: 10px 0px 10px 20px;
		font-size:0.8em;
	}

	li.nav-header {
    	padding: 5px 20px;
	}

	section#slider {
		min-height:inherit;
	}

	section#slider .news-slider-home .content-news h3{
		font-weight:bold;
		font-size:1em !important;
	}
	section#slider .news-slider-home .content-news {
		font-size:inherit;
		line-height:inherit;
	}

    section {
        background-image: none;
    }
    .wrapper {
        width: 95%;
    }

	section#content{
		font-size:95%;
	}
	section #contenu article div.connexe .wrapper{
		max-width:none;
		margin-right:inherit;
	}


   
    /* Header */
    body header {
/*        border-bottom: 0 */
/*		height:141px; */
        }
        .img-top {
            min-height: 0;
            background-image: none;
            width: 100%;
            margin-bottom: 0;
            }

    body header .navigation .navbar {
		margin-top: 0px;
		border:0;
	}           

	#searchbox{
		padding-left:0;
		text-align:left;
	}
	.search-box form {
		padding: 0;
	}
	#searchbox .right{
		text-align:inherit;
	}
	header a.link-cn {
		margin-right: 15px;
	}
	
	.wrapper-outer.logo-top {
	  height: 87px;
	}
	.wrapper-outer.logo-top img.logo {
	  max-height: 86px;
	}
	body#page-108 #contenu .wrapper-outer > .wrapper {
		width:100%;
	}


    /* Page */
    section {
/*        padding-top: 20px; */
		min-height:400px;
    }

	section#slider #booking > .wrapper {
		width: 90%;
	}

	body.large-no-connexe div.fullwidth{
		width:100% !important;
	}

	body#page-108 #contenu > .wrapper > div > article {
		padding-left: 0;
	}

    .nav-tabs > li {
        float:none;
        border:1px solid #dddddd;
    }
    .nav-tabs > li.active > a{
        border:none;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
     {
        background:none;
        border:none;
    }

    /* Zone scroll horizonal */
    .horizontal-scroller {
        overflow: scroll;
        box-shadow: -3px 0 5px 0 #d4d4d4 inset;
        -webkit-box-shadow: -3px 0 5px 0 #d4d4d4 inset;
        padding: 0.5em;
    }
    #legend-wrapper {
        font-size: 1.5vw;
    }
    /* Footer */
    body footer {
		font-size: 0.8125em;
/*        padding: 1em 0 0.5em; */
        }
        body footer .col_3:last-child {
            white-space: nowrap;
        }
        body footer ul.social-media, 
        body footer ul.menu {
            margin: 1.5em 0;
        }

		body footer .row img{
			width:200px;
			max-width:85%;
			margin-left:15px;
			height:auto;
		}

}

@media only screen and (min-width: 992px) {

	/* vertical align div in footer (but only on desktop) */
	body footer .row div.logo,
	body footer .row div.adresse{
	  display: table-cell;
	  vertical-align: bottom;
	  float: none;
	}
		body footer	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
			margin-bottom: 0px;
		}

}

@media only screen and (max-width: 992px) {
/*
	header .navbar-toggle,
	.navbar-collapse {
		margin-left: 0.8em;
	}
*/

	body, html { 
	}

	body > main {	
		width:100%;
		}

	section#content .wrapper-container{
		width:98%;
	}
	section#slider .wrapper{
		width:100%;
	}
/*
	section#content .wrapper{
		width:100%;
	}
*/		

	div#content-normal div.frame.frame-layout-24 .ce-gallery .ce-column,
	div#content-normal div.frame.frame-layout-23 .ce-gallery .ce-column{
		width:48%;
		margin-bottom:10px;
	}
}

@media only screen and (min-width: 767px) {
/*
	.navbar-collapse.collapse {
		overflow-x: hidden!important;
	}
*/
}

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

	body, html { 
		font-size:1.1em;
	}

	.center-xs{
		text-align:center;
	}

	/* ------------------- Titre -------------------- */
	h1 {
		font-size: 1.6666em;
		margin-top: 0em;
		margin-bottom: 0.5em;
	}
	h2 {
		font-size: 1.406em;	
		margin-bottom: 0.437em;
		margin-top: 0.5em;
	}
	h3 {
/*
		font-size: 0.675em;
*/
	}
		
	body header {
		height:auto;
	}

	header .wrapper{
		width:100%;
	}


	section#slider .news-slider-home.encart-news {
		position:relative;
		top:auto;
	}
		section#slider .news-slider-home .content-news {
			width:auto;
			max-height:none;
			float:none;
		}
		section#slider .news-slider-home .content-news a.bouton-bleu {
			margin: 1em auto;
		}
		
/*
		section#slider #booking > .wrapper {
			width: 100%;
		}
*/
		section#slider #booking > div > .wrapper {
			width: 100%;
		}
		section#slider #booking {
			position:relative;
			bottom:auto;
			height:auto;
		}
		section#slider #booking label{
			font-size:1.1em;
		}
		section#slider #booking label span.large{
			display:none;
		}
		section#slider #booking label span.small{
			display:block;
		}
		section#slider #booking a.button{
			display: block;
			clear: both;
			margin: 20px auto;
			width: 120px;
			text-align: center;
		    padding: 10px 0 8px;
		    height: auto;
			line-height:inherit;
			}

		section#slider #booking .form-inline .form-group {
			margin-bottom: 20px;
		}

		section#slider #booking {
			display:block;
		}
		#booking-connexe {
			display:none;
		}
		
		
	body footer {
		padding-bottom:20px;
	}
		body footer .row .row > div {
			padding-bottom: 18px;
		}
}

@media only screen and (max-width: 767px) {
	div#content-normal div.frame.frame-layout-24 .ce-gallery .ce-column,
	div#content-normal div.frame.frame-layout-23 .ce-gallery .ce-column{
		width:48%;
		margin:10px 0;
	}
}

@media only screen and (max-width: 480px) {
	
	body, html { 
		font-size: 1.15em;
	}

	body header .wrapper .toolbar, 
	body header .wrapper .logo-top, 
	body header > .wrapper-outer.blue {
		height: 70px;
	}
	.wrapper img.logo {
		max-height: 65px;
		width: auto;
	}

	body header .wrapper .logo-top img.logo{
	    height: 60px;
	}

	section#slider .news-slider-home .content-slogan {
		font-size: 1.855em;
		margin-top:-25px;
	}

		section#slider #booking .date-container {
			padding-left:inherit;
		}
	#ui-datepicker-div{
		font-size:0.9em;
	}

	.navbar-collapse {
		margin-top: 10px;
	}	

	.navbar-collapse {
		width:100%;
    }
    .menuOpen {
		width:100%;
		margin-left:inherit;
    }

	
	header.unlock{
		position:relative;
	}
	
	.navbar-default .navbar-toggle {
		margin-left:0;
	}
	.navbar-nav{
		padding-left:20px;
		margin-left:0;
		margin-right:10px;
	}
	section#slider {
	}


	.row-image.image-3 div.csc-textpic-imagecolumn, 
	.row-image.image-3 td.csc-textpic-imagecolumn{
		width: 100%;
		margin-right: 0;
	}
	.row-image.image-4 div.csc-textpic-imagecolumn, 
	.row-image.image-4 td.csc-textpic-imagecolumn{
		width: 49%;
		margin-right: 1%;
	}
	.row-image div.csc-textpic .csc-textpic-imagerow img {
    	margin-bottom: 2%;
	}

	body footer .wrapper {
		padding: 0 10px;
	}
		body footer .row .adresse{
			margin-left:15px;
		}

	body footer .row div {
/*
		padding-left: 20px;
*/
	}
	body footer .row img {
		max-width: 65%;
	}

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
        content: "";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
        content: "";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* own fa definition */
.fa-rotate-45 {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} 
 

/* ----------- tt_news ---------------- */
.news-list-item a:hover{
	color::#002d74;
}
.news-list-item > hr.clearer{
	display: block;
	width:90%;
    height: 1px;
    border: 0;
    border-top: 1px solid #002d74;
    padding: 0;
	margin:20px 0 20px 15px;
}
.news-list-item .news-list-date {
    float: none;
    padding-left: 0px;
}
.news-list-item .news-list-more{
	display:block;
	color:#9d9d9c;
	font-size:.8em;
}
.news-list-item .news-list-more a{
	color:#9d9d9c;
}
.news-list-item .fa {
    font-size: 7px;
    font-weight: normal;
    padding: 5px;
    border: 1px solid #9d9d9c;
    margin-left: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 7px;
}
.news-single-item .news-single-backlink{
	display:none;
}

.news-single-rightbox,
.news-list-date{
	font-size:100%;
}
.news-list-item {
    line-height: 150%;
}
.news-single-rightbox{
	width:auto;
	white-space:nowrap;
}


/* ----------- Search result ----------- */


/* ----------- formhandler ----------- */
/* done in fileadmin/css/forms.css */


div.bloc-vignette{
	clear:both;
	margin:20px 0;
}

div.bloc-vignette div.csc-textpic-left .csc-textpic-imagewrap {
    float: left;
    width: 100%;
    overflow: hidden;
}
div.bloc-vignette .csc-textpic-imagerow.csc-textpic-imagerow-none {
}
div.bloc-vignette div.csc-textpic div.csc-textpic-imagecolumn {
    float: left;
    width: 100%;
}
div.bloc-vignette div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
    width: 160px;
    float: left;
/*    border: 2px solid #d2d9e6; */
    width: 20%;
	width:auto;
}
div.bloc-vignette div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img{
    width: 130px;
}

div.bloc-vignette a.magnificpopup,
div.bloc-vignette a.fancybox {
    display: block;
    border: 2px solid #d2d9e6;
}
div.bloc-vignette div.csc-textpic div.csc-textpic-imagecolumn .csc-textpic-first a.magnificpopup,
div.bloc-vignette div.csc-textpic div.csc-textpic-imagecolumn .csc-textpic-first a.fancybox {
/*
    border-left: 2px solid #d2d9e6;
*/
}
div.bloc-vignette a.magnificpopup:hover, 
div.bloc-vignette a.fancybox:hover {
    border: 2px solid #6b83ab;
}

.fancybox-skin {
    background: #edf0f5;
    color: #5a5a5a;
}

/* Liens */
body#page-57 div.csc-textpic, 
body#page-57 div.csc-textpic div.csc-textpic-imagerow,
body#page-78 div.csc-textpic, 
body#page-78 div.csc-textpic div.csc-textpic-imagerow{
	margin-bottom:30px;
}

/* ----------------- Sitemap -------------- */
.csc-sitemap ul{
	margin-bottom:20px;
}

/* ----------------- Automcomplete --------- */
.ac_results iframe {
	background:#fff;
	border:0;
}

@media only screen and (max-width: 480px) {
	.csc-textpic-intext-left-nowrap-160 .csc-textpic-text {
		margin-left: 0px !important;
	}
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{
		float:none;
	}
}

/* ----------------- toplinks -----------------------*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
/*
  background: rgba(214, 237, 251, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  border:2px solid #01518c;
*/
  background: rgba(1, 81, 140, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #01518c;
  opacity: 1;
}


@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


/* cookiman */
#cookieman-modal.modal {
	/*
	font-family: 'Roboto', 'Helvetica' !important;
	*/
    z-index: 99999 !important;
	background-color: rgb(0, 0, 0, .3);
}
#cookieman-modal .modal-title,
#cookieman-modal.modal .h4 {
	margin-bottom: 1em;
	font-weight: 700;
}
#cookieman-modal.modal p {
	line-height: 1.65;
}

#cookieman-modal.modal p a {
    font-weight: 700;
    font-style: normal;
    color: #005188;
}
#cookieman-modal.modal a.btn-default {
    background-color: #fff !important;
    border: 1px solid #005188 !important;
    font-weight: 500;
    color: #005188 !important;
	margin-bottom: 1em;
	margin-top:1em;
}
#cookieman-modal .btn-primary {
    background-color: #005188;
    border-color: #005188;
}
#cookieman-modal .btn-secondary {
    background-color: #a9a7ab;
    border-color: #a9a7ab;
	color:#fff !important;
}
#cookieman-modal.modal button {
	margin-right: 1em;
}

@media (min-width: 1025px){
	
	#cookieman-modal .modal-content {
		padding: 5px 5% 10px !important;
	}
	
}
@media (max-width: 767px){

	#cookieman-modal.modal p {
		font-size: .8em;
		line-height: 1.1;
	}
	.modal-footer {
	    text-align: center;
	}
	#cookieman-modal .modal-footer button {
		margin-bottom:6px;
		width:80%;
		max-width:186px;
		margin-right: 0;
	}
	
}