html {
font-size : 100%;
height : 100%;
}

body {
font-family : 'Lato',arial,tahoma,sans-serif;
font-size : 12px;
line-height : 16px;
height : 100%;
background : #FFFFFF;
}

.wrapper {
margin : 0 auto;
width : 980px;
padding : 0;
overflow : hidden;
}

#main {
  display : flex;
  display: flex;
  flex-direction: column;
}

#header {
height : 85px;
}

#header .wrapper {
overflow : unset;
}

#logo {
float : left;
width : 120px;
height : auto;
max-height : 60px;
margin : 15px 0 15px 35px;
}

#logo img {
width : 100%;
height : auto;
}

#menu {
float : right;
margin : 28px 15px 28px 0;
padding : 0;
}

#menu .mainItem {
float : left;
}

#menu .mainItem a {
color : #333;
text-decoration : none;
font-size : 16px;
line-height : 30px;
display : block;
margin : 0 20px;
}

#menu .mainItem a:hover {
color : #00AAFF;
}

#menu .mainItem.actif a {
color : #00AAFF;
font-weight: bold;
}

#header .separateur {
clear: both;
background: url("../img/template/encoche.gif") 100% 0 no-repeat;
background-color:#908d8b;
height: 15px;
}

#top {
margin : 30px 0 0 0;
padding : 0 20px 0 25px;
float : right;
border-left: 1px solid #AAA;
position : relative;
}

#top a {
text-transform : uppercase;
font-size : 15px;
line-height : 30px;
text-decoration : none;
display : block;
height : 30px;
float : right;
text-align : center;
color : #333;
padding : 0 10px;
}

#top a:hover {
color : #00AAFF;
}

#top a.selected {
font-weight: bold;
color : #00AAFF !important;
cursor : default;
}

#top .current-lang a {
display : block;
padding : 0 25px 0 0;
float : right;
cursor : pointer;
position : relative;
}

#top .current-lang a:after {
content : '';
display : block;
position : absolute;
width: 0;
height: 0;
top : 10px;
right : 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #00AAFF;
}

#top .dropdown-lang {
position : absolute;
margin-top : 40px;
width : 100%;
left : 0;
background : #FFFFFF;
display : none;
border-radius : 0 0 5px 5px;
}

#top .dropdown-lang a {
display : block;
float : none;
padding : 5px 0 5px 10px;
margin : 0 15px;
border-top : 1px solid #CCC;
font-size : 15px;
text-align : left;
}

#top .dropdown-lang a:hover {
text-decoration : none;
}

#visuel {
background-size : cover;
background-repeat : no-repeat;
min-height : 325px;
display: flex;
align-items: center;
justify-content: center;
width : 100%;
max-width : 980px;
margin : 0 auto;
}

#visuel .wrapper {
  padding : 30px 0;
}

.info {
clear : both;
width : 550px;
float : left;
opacity : 1;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.info .date {
display : block;
font-size : 18px;
font-weight : normal;
float : left;
color : #FFFFFF;
padding : 32px 16px 0px 20px;
}

.info .date.empty {
	width : 70px;
	padding : 20px 16px 0px 20px;
}

.info .date .exp {
font-size:10px;
vertical-align: top;
line-height: 13px;
}

.info .name {
display : block;
font-size : 45px;
font-weight: bold;
color : #FFFFFF;
padding : 10px 20px 32px;
line-height : 55px;
clear : both;
}

.info .name.empty {
	width : 70px;
	padding : 10px 20px 20px;
}

.info_alt  {
  text-shadow: none !important;
}

.info_alt * {
  color : #5F5F5F !important;
}

.header_main .info {
text-shadow: none;
}

#centerArea {

}

#centerArea .content h1.mainTitle {
display : block;
font-size : 32px;
line-height: 35px;
font-weight: normal;
border : 0px;
text-transform : none;
text-align : center;
margin : 40px 0;
}

#centerArea .content .mention_table {
width : 100%;
}

#centerArea .content .mention_table thead th {
background : #00aaff;
color : #FFFFFF;
border : 1px solid #FFFFFF;
padding : 5px 15px;
vertical-align : middle;
}

#centerArea .content .mention_table tbody td {
border : 1px solid #DADADA;
padding : 5px 15px;
}


#footer {
clear : both;
margin : 20px 0 0 0;
}

#footer .wrapper {
background : #FFF;
}

#footer .footerNav {
margin : 40px 0 0 0;
padding : 40px 0 40px 0;
font-weight : bold;
font-size : 15px;
line-height: 20px;
text-align : center;
border-bottom : 1px solid #DDDDDD;
border-top : 1px solid #DDDDDD;
}

#footer .footerNav li {
display : inline-block;
width : auto;
text-align : center;
margin : 0;
padding : 0 25px;
}

#footer .footerNav a {
color : #333;
text-decoration : none;
padding : 0;
font-size : 15px;
line-height: 20px;
font-weight : bold;
}

#footer .footerNav a:hover {
font-weight : bold;
}

#footer .copyright {
float : left;
text-align : center;
color : #AAA;
font-weight : normal;
font-size : 12px;
margin : 20px 0 20px;
}

#footer .mentions {
float : right;
display : block;
color : #AAA;
font-size: 12px;
text-align : center;
margin : 20px 0 20px;
}

/* ------------------------ */
/* Formulaire				*/
/* ------------------------ */
.form_intro {
padding : 25px 0 25px 0;
margin : 0 0 25px 0;
border-bottom : 1px solid #DDD;
}

#subscribe_form {
margin : 0 auto;
max-width : 600px;
}

#subscribe_form .form_title {
font-size : 18px;
font-weight : bold;
padding : 40px 0 15px;
clear : both;
}

#subscribe_form .form_text {
padding : 10px 0;
clear : both;
}

#subscribe_form .form_text p {
margin : 0 !important;
}

#subscribe_form .form_question {
padding : 8px 0;
overflow : auto;
}

#subscribe_form .form_question .main-label {
line-height : 30px;
display : block;
font-weight : bold;
color : #999;
font-size : 16px;
}

#subscribe_form .form_question label.notice {
font-size : 16px;
color : #777777;
font-style : italic;
}

#subscribe_form .form_question input, #subscribe_form .form_question textarea {
background : #FFFFFF;
border : 1px solid #DDD;
padding : 10px;
}

#subscribe_form .form_question input {
width : 100%;
font-size : 16px;
line-height : 26px;
box-sizing : border-box;
}

#subscribe_form .form_question input:focus {
border : 1px solid #1d2795;
}

#subscribe_form .form_question textarea {
width : 100%;
height : 100px;
resize: none;
box-sizing : border-box;
}

#subscribe_form .valide {
margin : 10px 0 0 0;
text-align: center;
}

#subscribe_form .notice {
clear : both;
font-size : 14px;
font-style : italic;
margin : 10px 0 10px 0;
}

.rgpd {
  clear : both;
  margin : 10px 0;
  padding : 20px 0;
  border-top : 1px solid #DDD;
}

/* ------------------------ */
/* Custom checkbox			*/
/* ------------------------ */

.custom-select {
display: inline-block;
border: 1px solid #DDD;
padding: 0 8px;
font-size: 16px;
line-height : 26px;
width: 100%;
overflow: hidden;
position: relative;
cursor: pointer;
box-sizing : border-box;
}

.custom-select:after {
display: block;
content : "";
position: absolute;
right : 15px;
top : 50%;
margin-top : -4px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #00AAFF;
pointer-events: none;
}

.custom-select select {
line-height : 42px;
width: 100%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
font-size: 12px;
cursor: pointer;
margin : 0 8px;
}

.custom-selectselect:focus {
outline: none;
}

/* ------------------------ */
/* Custom checkbox			*/
/* ------------------------ */

.custom-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  margin-right: 50px;
  cursor: pointer;
  font-size: 16px;
  line-height : 26px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #eee;
}

.custom-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.custom-checkbox input:checked ~ .checkmark {
  background-color: #1d2795;
}

.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.custom-checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ------------------------ */
/* Custom radio			*/
/* ------------------------ */

.custom-radio {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  margin-right : 50px;
  cursor: pointer;
  font-size: 16px;
  line-height : 26px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #eee;
  border-radius: 50%;
}

.custom-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

.custom-radio input:checked ~ .checkmark {
  background-color: #1d2795;
}

.custom-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio input:checked ~ .checkmark:after {
  display: block;
}

.custom-radio .checkmark:after {
  top: 8px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/* ------------------------ */
/* Dynamic content			*/
/* ------------------------ */

#centerArea .content {
margin : 30px 0;
line-height : 26px;
font-size : 16px;
color : #333333;
min-height : 300px;
}

#centerArea .content p {
text-align : justify;
margin : 0 0 5px 0;
}

#centerArea .content a {
font-weight : normal;
color : #1d2795;
text-decoration : none;
}

#centerArea .content a:hover {
text-decoration : underline;
}

#centerArea .content h1 {
color : #1d2795;
font-size : 20px;
padding : 0 0 5px 0;
margin : 30px 0 10px 0;
text-transform : uppercase;
font-weight : normal;
display : block;
border-bottom : 1px solid #1d2795;
clear : both;
}

#centerArea .content h2 {
color : #;
font-size : 18px;
padding : 0 0 5px 0;
margin : 15px 0 15px 0;
border-bottom : 1px solid #;
font-weight : normal;
display : block;
clear : both;
}

#centerArea .content h3 {
color : #555555;
font-size : 16px;
margin : 15px 0;
font-weight : normal;
display : block;
border-bottom : 1px solid #555555;
clear : both;
}

#centerArea .content ul {
margin : 15px 0 15px 40px;
}

#centerArea .content li {
line-height : normal;
padding : 5px 0 5px 0px;
list-style:disc;
}

#centerArea .content li .li_content {
	color : #333333;
}

/* ------------------------ */
/* Tiny MCE					*/
/* ------------------------ */

/* Basic formats */

#centerArea .content .bold {
	font-weight: bold;
}

#centerArea .content .italic {
	font-style: italic;
}

#centerArea .content .underline {
	text-decoration: underline;
}

/* Global align classes */

#centerArea .content .left {
	text-align: inherit;
}

#centerArea .content .center {
	text-align: center;
}

#centerArea .content .right {
	text-align: right;
}

#centerArea .content .full {
	text-align: justify
}

/* Image and table specific aligns */

#centerArea .content img.left, #centerArea .content table.left {
	float: left;
	text-align: inherit;
}

#centerArea .content img.center, #centerArea .content table.center {
	margin-left: auto;
	margin-right: auto;
	text-align: inherit;
}

#centerArea .content img.center {
	display: block;
}

#centerArea .content img.right, table.right {
	float: right;
	text-align: inherit;
}

/* ------------------------ */
/* Divers					*/
/* ------------------------ */

#centerArea .blue_button {
background : url("../img/template/blue_button.jpg") 0 0 no-repeat;
height : 47px;
display : block;
line-height : 45px;
color : #FFFFFF !important;
font-size : 18px;
text-align : center;
float : left;
cursor : pointer;
margin : 10px 0;
}

#centerArea .blue_button:hover {
background-position : 0 -47px;
text-decoration : none !important;
}


#centerArea .blue_button.right {
float : right;
}

#centerArea .blue_button span {
background : url("../img/template/blue_button.jpg") 100% 0 no-repeat;
height : 47px;
display : block;
padding : 0 30px 0 0;
margin : 0 0 0 30px;
}

#centerArea .blue_button:hover span {
background-position : 100% -47px;
}

#centerArea .cta_button {
background-color : #1d2795;
height : 47px;
line-height : 45px;
color : #FFFFFF !important;
font-size : 16px;
text-align : center;
cursor : pointer;
margin : 10px 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
*zoom: 1;
*display: inline;
transition:all 0.35s ease;
}

#centerArea .cta_button:hover {
text-decoration : none !important;
transform : scale(1.1);
}


#centerArea .cta_button.right {
float : right;
}

#centerArea .cta_button span {
height : 47px;
display : block;
padding : 0 25px 0 0;
margin : 0 0 0 25px;
}

.error {
padding : 10px 10px 10px 45px;
border : 1px solid #cd0000;
color : #cd0000;
background : url(../img/template/ico_error.gif) 10px 50% no-repeat;
background-color : #ffdede;
margin : 0 0 10px 0;
}

.error p {
margin : 0 !important;
}

.success {
padding : 10px 10px 10px 45px;
border : 1px solid #259600;
color : #259600;
background : url(../img/template/ico_success.gif) 10px 50% no-repeat;
background-color : #e6ffde;
margin : 0 0 10px 0;
}

.red {
color : #FF0000;
}

.clear {
clear : both;
}