/*header style*/

.card-title{
	line-height: 1.5;
	
}


/*header{
	width:100%;
	height:100%;
	max-height:80px;
	background-color:white;
	z-index:999999999999;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);}*/

header img{
	width: 100%;
	margin-top: 10px;
	max-width:400px;}




/*.social-bar {
  position: fixed;
  background-color: white;
  height: 35px;
  width: 100%;
  z-index: 99;
}*/

.social-icons {
  margin-top: -3px;
  color: #3498DB;
	
}

.card-title{
	line-height: 1.2;
}



.univers{
	margin-bottom: 10px;
	cursor: pointer!important;
}

.card-panel{
	background: url("../img/bg.jpg");
	background-size: cover;
	background-position: center left; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
	border-radius: 5px;
	background-color: #e6e6e6;
}

.card-panel-light{
	background: url(../img/bg-light.jpg);
	background-size: cover;
	background-position: center left; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
	border-radius: 5px;
	background-color: #373A8D;
}

.social-icons li {
  display: inline-block;
  margin-right: -15px;
  margin-top: 10px;
  font-size: 15px;
  transition: all 0.3s;
}



.social-icons li:hover{
	background-color: transparent!important;
}

.social-icons li:last-child {
  margin-right: 10px;
}

.social-icons li a:hover{
  color: #888!important;
  cursor: pointer;
}

.social-icons li .fa-facebook{
	
}


.flash_info{
	width: 100%;
	height: 40px;
}

.flash{
	/*display: block;*/
	color: white;
	font-size:1.1em;
	margin: 0;
	text-align: center;
	padding: 3px 15px;
	border-radius: 2px;
	background-color: red;
	/*font-family: 'Anton', sans-serif;*/
}

.info{
	color: red;
	padding: 3px 0px;
	text-transform: uppercase;
	font-weight: bold;
}

.liens{
	color: #373A8D;
	text-transform: uppercase;
  font-family: 'Lato', sans-serif;
}

.slideshow{
	width:100%;
	height:auto;}

.slideshow img{
	width:100%;}

/*MENU SECTION*/

.white{}

.white .nav-wrapper ul li .liens{
	color:#373A8D;
	font-size: 0.9em;}


  
.parallax-container{
	 height:300px!important;}

.parallax-container .don-container .help-small{
	display:block;
	color:white;
	font-size:1.7em;
	font-weight:bold;}

.parallax-container .don-container .help-light{
	display:block;
	color:white;
	font-size:2.5em;
	font-weight:300;}

.parallax-container .don-container .help-big{
	display:block;
	color:#6DC4C6;
	line-height:1;
	padding-bottom:5px;
	font-weight:bold;
	font-size:3.3em;}

ol{
  counter-reset:li;
	padding: 5px;
}

ol > li{
    list-style: none;
	color: white;
    margin: 0 0 .5em 1.95em;
    padding: .5em 1em;
    position: relative;
}

ol > li:before {
  background: #6DC4C6;
  color: white;
  content: counter(li);
  counter-increment:li;
  line-height:1em;
  padding: .5em 0;
  position: absolute;
    top: .4em;
    left: -1.6em;
  text-align: center;
  width: 2em;
	border-radius: 50px;
}


/** Accordion **/

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
	text-transform: uppercase!important;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 100%;
  color: #ffffff;
}
#cssmenu .material-icons{
	vertical-align: middle;
	padding-right: 8px;
}


#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #444;
	border-bottom: 1px dotted #ccc;
	background-color:#EEEEEE;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#cssmenu > ul > li > a:hover {
  color: #373A8D;
	background-color:rgba(0,0,0,0.01);
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #373A8D;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #373A8D;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #6DC4C6;
  background: #373A8D;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #6DC4C6;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #6DC4C6;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #6DC4C6;
}

.catalogues table{
	color: #333;
}

.catalogues table thead{
	color: #6DC4C6;
	background-color: #373A8D;
}

.catalogues table tbody tr td{
	line-height: 1.2;
	border: 1px dotted #ccc;
}

table tbody tr td{
	line-height: 1.2;
	padding: 0 10px!important;
	/*border: 1px dotted #ccc;*/
}

.date{
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	margin: 12px 0 0 10px;
	border-right: solid 1px #fff;
}

.actu-title{
	color: #373A8D;
	font-size: 1.2em;
	line-height: 1.2;
}

.ref4{
	color: white;
	font-size: 0.8em;
	padding: 5px 8px;
	border-radius: 2px;
	text-transform: uppercase;
	background-color: #373A8D;
	border: 1px solid #373A8D;
}

.ref4:hover{
	color: #373A8D;
	border: 1px solid #373A8D;
	background-color: transparent;
}

 .copyright{
	 background-color:#373A8D;
	 padding:13px 0;
	 color:white;}

.section .card-panel .formation{
	color: #373A8D!important;
	font-size: 1.5rem;
	line-height: 1.2;
	display: block;
	margin: 0 0 10px 0;
}

.section .card-panel .periode{
	font-size: 1.2rem;
	text-transform: uppercase;
}


.color-overlay{
	width: 100%;
	height: 100%;
	background-color: #373A8D;
	opacity: .7;
	position: absolute;
}