/* CSS Document */

#viewport_top, #viewport_top tr , #viewport_top td { 
	padding:0;
	margin:0;
	border-spacing : 0;
	border-collapse : collapse;
}


#top {
	padding:0; margin:0;
}

#menu-sticky-wrapper {  }

#menu {
	
	position:relative;
	width:960px;
	max-width:960px;
	min-width:480px;
	text-align:right;
	background-color:#204579;
	padding:0; 
	z-index:5;
	left:0; 
	margin-left:0;
}
#menu img { position:absolute; left:10px; top:3px; display:none;}
.is-sticky #menu { left:50%; margin-left:-480px; z-index:5 !important;}
.is-sticky #menu img { display:block; }
#menu .sub-menu {
	min-width:15%;
	display:inline-block;
	white-space:nowrap;
	color:#fff;
	text-align:center;
	cursor:pointer;
	padding:12px;
	padding-left:20px; padding-right:20px; 
	margin:0;
}
#menu .sub-menu:hover {
	background-color:#30A9A9;
}

#menu span.sub-sep {
	display:inline-block;
	white-space:nowrap;
	width:1px;
}



/* page */
#page {
	margin-top:10px;	
}

/* edito */
.edito-title{
	width:306px;
	padding:5px;
	border:1px solid #204579;
	border-bottom:none;
	font-size:18px;
	font-weight:bold;
	color:#204579;
	z-index:1;
	margin-top:20px;
}
.edito {
	width:830px;
	max-width:960px;
	min-width:480px;
	
	background-color:#007FA1;
	min-height:100px;
	text-align:justify;
	color:#fff;
	padding:0; padding-left:30px; padding-right:30px; 
	z-index:1;
	border:none;

	-webkit-box-shadow:inset 0px 0px 0px 1px #204579;
    -moz-box-shadow:inset 0px 0px 0px 1px #204579;
    box-shadow:inset 0px 0px 0px 1px #204579;
	
}
.edito * { color:#fff; }


/* focus */
.focus  {
	margin-top:20px; 
}
.focus .sub-col {
	position:relative;
	width:32%;
	border:1px solid #204579;
	vertical-align:top;
}
.focus .sub-sep {
	width:2%;
}
.focus .sub-title{
	width:100%;
	padding:5px;
	border-bottom:none;
	font-size:18px;
	font-weight:bold;
	color:#204579;
}
.focus .sub-img img {
	width:100%;
}
.focus .sub-text {
	width:100%;
	max-width:310px;
	min-width:155px;
	min-height:100px;
	text-align:justify;
	padding: 0; 
	padding:5%;
}

.focus .sub-plus {
	position:absolute;
	right:0;
	bottom:0;
	width:94px;
	height:20px;
	background-color:#204579;
	padding-top:2px; 
	cursor:pointer;
	color:#fff;
	text-align: right; padding-left:6px; padding-right:8px; font-size: 15px;
}
.focus .sub-plus .fa { font-size:14px; color:#fff; }

/* news */
.news-title{
	width:306px;
	padding:5px;
	border:1px solid #204579;
	border-bottom:none;
	font-size:18px;
	font-weight:bold;
	color:#204579;
	margin-top:20px;
}
.news {
	width:100%;
	border:1px solid #204579;
	text-align:justify;
	color:#fff;
	padding: 5%; 
	padding-top:20px; padding-bottom:20px;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;
	left:0;
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;

    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
	background-color:#204579;
	 
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background-color:transparent;
	
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

.slick-dots li.slick-active
{
    opacity: 1;
	background-color:#30A9A9;
}

.slick-dots li:hover
{
	background-color:#30A9A9;
}



.new {
	  padding:10px; 
}
.new .sub-title {
	font-weight:bold;
}

/* bottom */
#bottom { 
	width:100%; max-width:960px; min-width:480px; 
	text-align:left; 
	background-color:#204579; 
    height:30px;
	color:#fff;
	padding:0; padding-left:20px; padding-right:20px;
	margin-top:20px;
}
#bottom span { 
    display: inline-block;
    height:30px;
	color:#fff;
    cursor:pointer;
    padding:20px; padding-top:6px; padding-bottom:4px;
}
#bottom span.sub-right { 
	float:right;
}

#bottom span.sub-right:hover {
	background-color:#30A9A9;
}



#bottom2 { 
	width:100%; max-width:960px; min-width:480px; 
	text-align:left; 
	background-color:#EEEEEE; 
	padding:5px; padding-left:20px; padding-right:20px;
	padding-bottom:40px;
}


/* === modal === */
#winmodal {
    position : fixed;
    width : 100%;
    height: 100%;
    top:0;
    left:0;
    background-color: rgba(255,255, 255, 0.5);
    display:none;
}
#winmodal,#winmodal * { z-index:10; }

#winmodal .sub { 
    position:relative;
    width:90%;
    height:90%;
    max-width:920px;
    min-width:320px;
    margin: 0 auto;
}
#winmodal .sub-title {
    position:absolute;
    width:100%;
    top:30px;
    left:0;
    padding:10px;
    background-color:#204579;
    color:#fff;
    font-weight:bold;
}
#winmodal .sub-title * { z-index:11; }

#winmodal .sub-title span {
   color:#fff;
}
#winmodal .sub-title i {
   color:#fff;
   float:right;
   font-size:20px;
   cursor:pointer;
}

#winmodal .sub-content {
   position:absolute;
   width:100%;
   top:70px;
   bottom:0;
   background-color:#fff;
   overflow:auto;
   overflow-x:hidden;
   overflow-y:auto;
   padding:10px;
}

.actus-archives { display:none; }

.selecteur-choix { margin-bottom:10px !important; }
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
    top: 6px;
    font-size: 20px;
}