@charset "utf-8";


.maincontainerhome
{
	background-color:#FFFFFF;
}

/***************** MAIN LEFT ****************/
.mainleft
{
	display:inline;
	float:left;
	width:100%;	
}

.mainancic
{
	display:inline;
	float:right;
	width:33.4%;
	background-image:url(background-ancic.png);
	background-repeat:repeat-y;
	background-size:100%;
}


/***************** MAIN MENU ****************/
.mainmenuleft
{
 	width:32.5%;
}

.mainmenuancic
{
	width:98%;
}

.mainmenu
{
	height:250px;
	display:inline;
	float:left;
	position:relative;
	margin-top:10px;
	
	border-left-style:solid;
	
	z-index:50;
	
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


.mainmenu img
{
	float:left;
	display:inline-block;
	margin-top:10px;
}


.mainmenu .title
{
	display:inline-block;
	position:relative;
	
	margin-top:20px;
	margin-bottom:0px;
	
	font-style:normal;
	font-weight:300;
	font-size:28px;
	text-transform:uppercase;
	
	line-height:30px;
}

.mainmenu .enter
{
	display:block;
	
	font-style:normal;
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
	color:#4f5258;
	
	padding-top:0px;
	margin-top:0px;
	margin-left:92px;
}

.mainmenu .lede
{
	display: block;
	float: left;

	font-style:normal;
	font-weight:200;
	font-size:16px;
	
	margin:15px;
}

.mainmenu .section
{
	display:none;
	/*display:block;*/
	text-align:left;
	padding-left:30%;
	padding-bottom:10px;
	margin:0;
}

.mainmenu .section a
{
	text-decoration:none;
	color:#FFF;
    text-transform: uppercase;
    font-weight: 400;
}

.mainmenu .section a:hover
{
	background-color:#FFF;
	color:#333;
}


.mainmenu .keyword
{
	display:none;
	/*display:block;*/
	text-align:left;
	padding:0 5% 20px 5%;
	margin:-5px 0 0 -1%;
	background-color:#FFF;
	color:#47494a;
	/*text-transform:uppercase;*/
	font-style:normal;
	font-weight:200;
	font-size:18px;
	line-height:35px;
	
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
	-o-box-box-shadow: 1px 1px 12px #555;
	-ms-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;

}

.mainmenu .keyword ul
{
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}

.mainmenu .keyword ul li
{
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#e1e1e1;
}

.mainmenu .keyword ul li a
{
	text-decoration:none;
	color:#47494a;
}

.mainmenu .keyword ul li a:hover
{
	text-decoration:none;
	background-color:#666;
	color:#FFFFFF;
}



.mainmenu .keyword ul li:last-child
{
	border-bottom-style:none;
}

.mainmenu .connexion
{
	display:none;
	width:100%;
	float:left;
	
	background-color:#FFF;
	padding:25px 0 30px 0;
	
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
	-o-box-box-shadow: 1px 1px 12px #555;
	-ms-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
}

.mainmenu .connexion label
{
	width:33%;
	display:inline;
	float:left;
	text-align:right;
	
	color:#333;
	font-style:normal;
	font-weight:200;
	font-size:16px;
}

.mainmenu .connexion span
{
	padding-left:33%;
	display:block;
	float:right;
	width:64%;
	
	color:#008ab9;
	font-style:normal;
	font-weight:200;
	font-size:14px;
	text-transform:uppercase;
}

.mainmenu .connexion input
{
	background-color:#dbdbdb;
	width:64%;
	display:inline;
	float:right;
	border: none;
	padding:2px;
	margin:2px;
}

.mainmenu:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mainmenu .section ul
{
	list-style:none;
	padding:0;
	width:100%;
}

.mainmenu .section ul li
{
	padding: 0;
	margin: 0;
	
	color:#FFF;
	font-style:normal;
	font-weight:300;
	font-size:16px;
	
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#FFF;
}

.generalpublic
{
	border-left-color:#20c581;
	margin-left:1%;
}

.generalpublicover
{
	border-left-color:#20c581;
	margin-left:1%;
	background-color:#20c581;
	color:#FFF;
	
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
	-o-box-box-shadow: 1px 1px 12px #555;
	-ms-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	
}

.generalpublic .section
{
	background-color:#20c581;
}

.generalpublic .title
{
	color:#20c581;
}



.professional
{
	border-left-color:#ffae00;
}

.professionalover
{
	border-left-color:#ffae00;
	background-color:#ffae00;
	color:#FFF;
	
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
	-o-box-box-shadow: 1px 1px 12px #555;
	-ms-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
}

.professional .title
{
	color:#ffae00;
}

.professional .section
{
	background-color:#ffae00;
}

.ancic
{
	border-left-color:#00a1d7;
	height:250px;
}

.ancicover
{
	border-left-color:#00a1d7;
	background-color:#00a1d7;
	color:#FFF;
	
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
	-o-box-box-shadow: 1px 1px 12px #555;
	-ms-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
}

.ancic .title
{
	color:#00a1d7;
}

.ancic .section
{
	background-color:#00a1d7;
}

fieldset
{
    border:none;
    width:90%;
}

fieldset ul
{
    list-style:none;
    margin-left:0;
    padding-left:3%;
}

fieldset ul li
{
    display: block;
    float: left;
}

fieldset ul li label
{
    width:50% !important;
}

fieldset ul li input
{
    width:45% !important;
}

.details {
    margin-top: 10px;
    padding-top: 10px;
    display: block;
    float: left;
    width: 90%;
}

.details a, .connexion a
{
    text-decoration: none;
    color: #008AB9;
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    text-align: right;
}

.details a:hover, .connexion a:hover
{
    text-decoration: underline;
}

.connexion span
{
    margin-top: -10px;
    margin-bottom: 10px;
}

.connexion .formulaire_login
{
    margin-top: -20px;
    position: relative;
    display: block;
    float: left;
}

.connexion h1,.connexion p
{
    margin-left: 5px;
    color: #444;
}

.editer_session
{
    width: 100% !important;
}

.editer_session input
{
    width: 10% !important;
}

.editer_session label
{
    width: 80% !important;
}

.boutons
{
    width: 100%;
}

.boutons input
{
    width: 60% !important;
    margin-left: 20% !important;
    margin-right: 20% !important;;
}


/****************** MAIN NEWS *************************/
.mainnews
{
	float:left;
	display:block;
	position:relative;
	width:64%;
	margin-left:1%;
	margin-right:1%;
	margin-top:10px;
	
	overflow:hidden;
}


.slideshowNews
{
	padding:0px;
	margin:0px;	
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.slideshowNews li 
{
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.slideshowNews li:first-child 
{
	position: relative;
	display: block;
	float: left;
}

.newsimage
{
	display: block;
	position:relative;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

.newsitem
{
	display:block;
	position:absolute;
	z-index:20;
	padding:0 60px 0 60px;
}

.newstitle
{	
	/*text-align:center;*/
	font-size:44px;
	font-weight:200;
	text-transform:uppercase;
	color:#FFF;
	margin-bottom:10px;
	line-height:37px;
}

.newslede
{
	color:#14b5e3;
	font-size:22px;
	font-weight:400;
	color:#00a0d4;
	margin-top:0px;
	margin-bottom:10px;
	line-height:24px;
}


.newscontent
{
	color:#00a6e9;
	font-size:16px;
	font-weight:200;
	color:#FFF;
	margin-top:0px;
	margin-bottom:0px;
}

.newscontent a
{
	color: #00A0D4;
}

.voirarticle a
{
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
}

.voirarticle a:hover
{
	text-decoration: underline;
}



.callbacks_nav {
  z-index: 23;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.9;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 92px;
  width: 55px;
  background: transparent url("prevnext.png") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }




.callbacks_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.callbacks_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
	margin-top: -30px;
	text-align: center;
	z-index: 29;
	display: block;
	position: relative;
  }

.callbacks_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.callbacks_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #FFF;
  background: rgba(255,255,255, .9);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.callbacks_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(63,122,200, .9);
  }





/**************** BREAKING NEWS   ************************/
.breakingnews
{
	float:left;
	display:block;
	position:relative;
	
	width:99%;
	
	border-left:0.5%;
	border-left-style:solid;
	border-left-color:#00a1d7;
}

.breakingnews ul
{
	list-style:none;
	margin-left:0;
	padding-left:3%;
	
	font-style:normal;
	font-weight:200;
	font-size:15px;
}

.breakingnews ul li:before
{
	content:"- ";
}

.breakingnews:before, .breakingnews:after
{
	display:block;
	position:relative;
	float:left;

	background-image:url(horizontal-separator.png);
	background-repeat:no-repeat;
	height:2px;
	width:100%;
	clear:both;
	content: "";
}

.breakingnews ul li a
{
	text-decoration: none;
	color:#121212;
}

.breakingnews ul li a:hover
{
	text-decoration: underline;
	color: #00a1d7;
}

.events
{
 	width:100%;
	height:100%;
	display:inline;
	float:left;	
	
	margin-top:0px;
	
	border-left:0.5%;
	border-left-style:solid;
	border-left-color:#00a1d7;

}

.eventtitle
{
	display:block;
	float:left;
	position:relative;
	width:100%;
	
	font-style:normal;
	font-weight:200;
	font-size:20px;
	text-transform:uppercase;
	padding:10px;
}
.eventtitle:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/**************** calendar   ************************/
.menu-titre, .ui-datepicker-current
{
	display:none;
}

.agendacontainer
{
	background-color: #00a1d7;
	display: block;
	position: relative;
	float: left;
	width: 96%;
	margin-left: 2%;
	
	box-shadow: 1px 1px 12px rgb(85, 85, 85);
}

.agenda
{
	background-color: #FFF;
	display: inline;
	float: left;
	width: 50%;
}

.agendadetail
{
	display:inline;
	float:left;
	width:50%;

}
.calendriermini 
{
	display:block;
	float:left;
	margin-left:2%;
	margin-right: 2%;
	margin-top:5px;
	width:96%
}

.ui-datepicker-month {
    color:#00a1d7;
	font-weight:600;
}

.ui-datepicker-year {
    color:#00a1d7;
	font-size:38px;
	font-weight:200;
	color:#1067ee;
}

.ui-datepicker-month:after {
    content: "";
    display: block;
    height: 0;
	margin-bottom:-15px;

    clear: both;
}

.agendadetailday
{
	float: right;
	display: block;
	margin-right:7%;
	border-bottom-color:#38E592;
	border-bottom-width:thick;
}


.dayname
{
	color:#95befe;
	font-size: 24px;
	font-weight: 300;
	margin-right:5%;
}



.daynumber
{
	color: rgb(255, 255, 255);
	font-weight: 700;
	font-size: 36px;
}

.agendadetailtext
{
	display: block;
	float: left;
	position: absolute;
	top:60px;
	width:40%;
	margin-left:5%;
	color:#bcd3f7;
}

.agendadetailtext ul
{
	list-style:none;
	margin:0;
	padding-left:1%;
}

.agendadetailtext ul li a
{
	display: block;
	text-decoration: none;
	color:#bcd3f7;
	padding-bottom: 10px;
}

.agendadetailtext ul li a:hover
{
	color:#1e5c98;
}


.agendadetailtext:before 
{
    content: "";
    display: block;
    height: 1px;
	width:100%;
	background-color:#008cba;
	clear:both;
}

.agendadetaillink:before 
{
    content: "";
    display: block;
    height: 1px;
	width:100%;
	background-color:#008cba;
	clear:both;
}

.agendadetaillink
{
	display: block;
	float: left;
	position: absolute;
	bottom: 5px;
	width:40%;
	margin-left:5%;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
}

.agendadetaillink a
{
	color:#1e5c98;
	text-decoration:none;
}


/******* FOR TABLET   ************/
@media screen and (max-width: 1200px)
{
.newsimage {
	width:auto;	
}
	
}
	
@media screen and (max-width: 990px)
{

.mainmenu .title
{
	font-size:23px;
	line-height: 23px;
}

.mainmenu img {
    width: 28%;
}

.mainmenu .enter {
    font-size: 13px;
    margin-left: 28%;
}

.mainmenu .lede {
    font-size: 14px;
}

.mainmenu .keyword {
    font-size: 15px;
	line-height: 30px;
}

.mainmenu .section {
    padding-left: 28%;
}

.mainmenu .section ul li {
	 font-size: 16px;
}


}


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

.mainmenu .title
{
	font-size:20px;
	line-height: 20px;
}

.mainmenu img {
    max-height: 90%;
	width: auto;
}

.mainmenu
{
	height:210px;
}

.mainmenuleft {
    width: 49.5%;
}

.mainancic {
	display:block;
    width: 99%;
	margin-left: 1%;
	height: 320px;
}

.mainancic:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mainmenuancic {
    width: 49.5%;
	margin-top: 0px;
	height: 100%;
}

.breakingnews {
	display:none;
}

.events {
    width: 49%;
	margin-left:0.5%;
	height: 100%;
}

.mainnews {
    width: 98%;
}

.mainmenu .connexion {
    height: 100px;
}

}


/**** For Smartphone  ***/
@media screen and (max-width: 651px)
{

	.mainmenuleft {
	    width: 100%;
	}

	.mainmenu {
	    margin-top:0px;
		height: 110px;
	}


	.generalpublic, .professional, .ancic {
	    border-left:none;
	    margin-left: 0%;
	}

	.generalpublic{
		 background-color:#20c581;
	}
	.professional{
		 background-color:#ffae00;
	}
	.ancic {
	    background-color:#00a1d7;
	}

	.mainmenu .title {
	    font-size: 30px;
	    line-height: 30px;
		color:#FFF;
	}

	.mainmenu .lede {
	    display:none;
	}

	.mainmenu .enter {
	    font-size:16px;
		margin-left: 0;
	}

	/*
	.mainmenu .section {
	    position:fixed;
		display:block;
		top:5%;
		height:35%;
		z-index:50;
		background-color:#fff;
		width:90%;
		margin-left:5%;
	}

	.mainmenu .section a
	{
		color:#2c2c2c;
	}


	.mainmenu .keyword {
	    position:absolute;
		top:40%;
		z-index:55;
		background-color:#fff;
		color:#2c2c2c;
		width:90%;
		margin-left:5%
	}
	*/



	.mainmenuancic {
	    width: 100%;
	}

	.mainancic {
	    height:inherit;
		background-image:none;
	    width: 100%;
	    margin-left: 0%;
	}

	.breakingnews {
		display:block;
	}

	.events {
	    width: 98%;
	    margin-left: 0%;
	}

	.newstitle
	{
		font-size:35px;
		line-height: 30px;
	}

	.newslede {
	    font-size: 20px;
		line-height: 18px;
	}

	.newscontent {
	    font-size: 14px;
	}



	/*    calendar   */

	.ui-datepicker-month {
	    font-size: 18px;
	}


	/*  for news  */

	.newsitem {
	    padding: 0px 20px;
	}

	.callbacks_nav {
		display: none;
	}


	.newstitle {
	    font-size: 25px;
	    line-height: 25px;
	}

	.newslede {
	    font-size: 18px;
	    line-height: 16px;
	}

}



/**** For Small smartphone  ***/
@media screen and (max-width: 350px)
{

	.mainmenu img {
	    display: none;
	}

	.mainmenu .title {
	    margin-left: 10px;
	}

	.mainmenu .enter {
	    margin-left: 10px;
	}

	.mainmenu .title {
	    line-height: 25px;
	}

	.agenda {
	    width: 100%;
	}

	.agendadetail {
	    width: 100%;
	    display: block;
	}


	.agendadetailtext {
		position: relative;
	    width: 90%;
	    top: 0;
	    min-height: 75px;
	}

	.agendadetaillink {
	    position: relative;
	    width: 90%;
	    border:none;
	}

	.agendadetaillink a {
	    line-height: 25px;
	}


}