@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);


body {
    margin: 0;
    padding: 0;
    height: 100%;
	font:400 12px 'Noto Sans', sans-serif;

	background: #fff url(svg/background.svg) no-repeat center center fixed;  
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}



html {  
    margin:0; 
    padding:0; 
   	height: 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Classes génériques */
*, *:after, *:before, .box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.bt_totop{
	width:40px; height:40px;
	position:fixed;
	bottom:20px; right:20px;
	z-index:1500;
	display:none;
	cursor:pointer;
}


.clear{ clear:both; }
.right { float:right; }
.left{ float:left;} 
.center{ text-align:center;} 
.round_corner {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.deco_none { text-decoration:none; }
.shadow { box-shadow: 1px 1px 10px #000; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); }  
.blanc { color:#ffffff; }
.noir { color:#000; }
.bleu { color:#024369; }
.vert { color:#5caaab; }
.rouge { color:#ff0000; }
.img_middle { vertical-align:middle; top:-5px; position:relative;}
.img_lien { border:solid #ececec 1px; }

ul{
  list-style-type: none;
}

li{
	margin:10px 0 0 0;
	list-style-image: url(img/puce.png);
}

table {
	width:100% !important;
	vertical-align:top;
}

table td {
	vertical-align:top;
}

.transform-x {
   /* ---- point d'ancrage au milieu X --- */ 
  -webkit-transform: translateX(-50%) translateY(0%) ;
  -moz-transform: translateX(-50%) translateY(0%) ;
  -ms-transform: translateX(-50%) translateY(0%) ;
  -o-transform: translateX(-50%) translateY(0%) ;
  transform: translateX(-50%) translateY(0%) ;
}

.transform-y {
   /* ---- point d'ancrage au milieu Y --- */ 
  -webkit-transform: translateX(0%) translateY(-50%) ;
  -moz-transform: translateX(0%) translateY(-50%) ;
  -ms-transform: translateX(0%) translateY(-50%) ;
  -o-transform: translateX(0%) translateY(-50%) ;
  transform: translateX(0%) translateY(-50%) ;
}

.transform-middle {
   /* ---- point d'ancrage au milieu X et Y -- */ 
  -webkit-transform: translateX(-50%) translateY(-50%) ;
  -moz-transform: translateX(-50%) translateY(-50%) ;
  -ms-transform: translateX(-50%) translateY(-50%) ;
  -o-transform: translateX(-50%) translateY(-50%) ;
  transform: translateX(-50%) translateY(-50%) ;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Youtube Video */ 
#video {
  max-width: 700px;
  margin: 50px auto;
  width: 100%;
  position: relative;
  background-color: #000;
}

.delimitador {
  max-width: 800px;
  margin: auto;
}

.video_cont {
  height: 0px;
  width: 100%;
  max-width: 700px;
  padding-top: 56.25%;
  position: relative;
}

.video_cont iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Base */ 
.container-accueil {  
    height:auto;
    padding:50px 10px; margin:0 auto;
    background:transparent;
}

.barre_haute {
	min-width:1100px; width:100%; height:20px;
	padding:0; margin:0;
	background:#024369;
	z-index:3100;
	position:fixed;
}

#wrapper {
	width:1100px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -250px;
	background:none; 
}

#push{
	height: 250px;
}



/* ---------------------------------------------------------------------------------------------------- elements ACCUEIL */ 
.square{
	width:450px; min-height:50px;
	background:transparent;	
}

.accueil_35ans {
	width:160px; height:160px;
	padding:0; margin:auto;
	background:transparent;
	position:relative;
	top:50px;left:30px;
}



/* ---------------------------------------------------------------------------------------------------- elements PAGEs */ 
.support {
	/* width:1100px; min-height:450px; */
	/*background:#fff url(img/page_bck.jpg) repeat-y;*/
	background-color: #fff;
	margin:auto;
}

.support_left {
	width:350px; float:left; margin-left:10px;
}

.support_right {
	width:650px; float:right;
	padding:0 10px 0 0;
}

.support_right_contenu {
	width:600px; padding:10px 40px 0 15px;
}

.avantages{
	width:300px; height:230px;
	background:transparent url(img/avantages_bck.png) no-repeat;
	margin:0 0 0 27px; 
	padding: 20px 0 0 0;
	color:#024369;
}

#mini_slider {
	width:300px;
	height:200px;	
	/*IE bugfix*/
	padding:0;
	margin:0;
}

#mini_slider li { list-style:none; }

/*.actus {
	width:800px; min-height:10px;
	padding:0 20px 20px 20px; margin:auto; 
	background:#dbdad0;
}*/


.zone_lien{
	width:250px; height:auto;
	background: #5caaab;
	background: -webkit-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: -moz-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: -o-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: -ms-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: linear-gradient(top, #5caaab 0%,#408688 100%);
	margin:0; 
	padding: 10px;
	color:#fff;
	cursor:pointer;
	text-align:center;
	font: bold 14px 'Noto Sans', sans-serif;
}

.zone_lien:hover{
	color:#fff;
	background:#ffa400;
	background: -webkit-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: -moz-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: -o-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: -ms-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: linear-gradient(top, #ffa400 0%,#d48800 100%);
}

.zone_35ans {
	width:160px; height:160px;
	margin:0; 
	padding:0;
	cursor:pointer;
	background:transparent url(img/lg_35ans.png) no-repeat;
	background-position:0 0;
}

.zone_35ans:hover{
	background-position:-160px 0;
}

.lien_pdf {
	width:100%;
	min-height:50px;
	background:#f5f5f5;
	padding:8px 12px;
	margin:5px 0 10px 0;
	color: #024369;
	border:none;
	font: 18px 'Noto Sans', sans-serif;
	cursor:pointer;
	text-decoration:none;
}

.lien_pdf:hover{
	color:#fff;
	background:#ffa400;
	background: -webkit-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: -moz-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: -o-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: -ms-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: linear-gradient(top, #ffa400 0%,#d48800 100%);
}

.lien_pdf:hover span { color:#fff; }


/* ---------------------------------------------------------------------------------------------------- typo */ 
.txt10 { font-size:10px; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }

h1 { font:600 23px 'Noto Sans', sans-serif; padding:0; margin:0 0 20px 0; }
h2 { font:600 18px 'Noto Sans', sans-serif; padding:0; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px #ececec solid; }
h4 { font:600 14px 'Noto Sans', sans-serif; padding:0; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px #ececec solid; }

a {
	/*
	background:#ececec;
	padding:2px 5px;
	*/
	color: #024369;
	border:none;
	font:700 12px 'Noto Sans', sans-serif;
	text-decoration:none;
}

a:hover {
	color:#fff;
	background:#ffa400;
	text-decoration:none;
}

a.lien_neutre {
	background:transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding:0;
}

a.lien_neutre:hover {
	background-color: transparent;
}

a.deco_none { text-decoration:none; padding:0; margin:0; background:transparent; }


.menu-page { text-align: right; }

.bt_normal,
a.bt_normal {
	background:#5caaab;
	background: -webkit-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: -moz-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: -o-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: -ms-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: linear-gradient(top, #5caaab 0%,#408688 100%);
	padding:5px 12px;
	margin:5px 2px;
	color: #fff;
	border:none;
	font: 13px 'Noto Sans', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	text-decoration:none;
	cursor:pointer;

	display: inline-block;
}

a.bt_normal_on {
	background:#408688;
	background: -webkit-linear-gradient(top, #408688 0%,#024369 100%);
    background: -moz-linear-gradient(top, #408688 0%,#024369 100%);
    background: -o-linear-gradient(top, #408688 0%,#024369 100%);
    background: -ms-linear-gradient(top, #408688 0%,#024369 100%);
    background: linear-gradient(top, #408688 0%,#024369 100%);
	padding:5px 12px;
	margin:5px 2px;
	color: #fff;
	border:none;
	font: 13px 'Noto Sans', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	text-decoration:none;

	display: inline-block;
}

a.bt_35ans {
	background:#da1b16;
	background: -webkit-linear-gradient(top, #da1b16 0%,#a52421 100%);
    background: -moz-linear-gradient(top, #da1b16 0%,#a52421 100%);
    background: -o-linear-gradient(top, #da1b16 0%,#a52421 100%);
    background: -ms-linear-gradient(top, #da1b16 0%,#a52421 100%);
    background: linear-gradient(top, #da1b16 0%,#a52421 100%);
	padding:5px 12px;
	margin:5px 2px;
	color: #fff;
	border:none;
	font: 13px 'Noto Sans', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	text-decoration:none;

	display: inline-block;
}

a.bt_entrer {
	background:#5caaab;
	background: -webkit-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: -moz-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: -o-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: -ms-linear-gradient(top, #5caaab 0%,#408688 100%);
    background: linear-gradient(top, #5caaab 0%,#408688 100%);
	padding:5px 12px;
	color: #fff;
	border:none;
	font:400 12px 'Noto Sans', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	text-decoration:none;
}

a.menu_second {
	background:#ececec;
	padding:5px 10px;
	margin:5px 10px;
	color: #024369;
	border:none;
	font: 13px 'Noto Sans', sans-serif;
	font-weight:700;
	text-decoration:none;

	display: inline-block;
}

a.lien_classic {
	background:#ececec;
	padding:2px 5px;
	color: #024369;
	border:none;
	font: 12px 'Noto Sans', sans-serif;
	font-weight:700;
	text-decoration:none;
}

.bt_normal:hover,
a.bt_normal:hover,
a.bt_entrer:hover,
a.menu_second:hover,
a.bt_35ans:hover,
a.lien_classic:hover {
	color:#fff;
	background:#ffa400;
	background: -webkit-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: -moz-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: -o-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: -ms-linear-gradient(top, #ffa400 0%,#d48800 100%);
    background: linear-gradient(top, #ffa400 0%,#d48800 100%);
}


a.lien-box {
	background:transparent;
	padding:2px 5px;
	color: #024369;
	border:none;
	font: 15px 'Noto Sans', sans-serif;
	font-weight:700;
	text-decoration:none;
}

a.lien-box:hover { color:#000; }


/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------> Form Connect   Home+Page */
/* ----------------------------------------------------------------------------------------------- */

	.connect_page{
		width:100%; max-width:300px; height:40px;
		background:#024369;
		margin:0 0 0 27px; 
		cursor:pointer;
		overflow:hidden;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
		color:#fff;
	}

	.connect_page_on {
		width:100%; max-width:300px; height:40px;
		background:#fff;
		margin:auto;
		border:solid 1px #fff;
		box-shadow: 1px 1px 10px #ccc; box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
	}

	.connect:hover,
	.connect_page:hover {
		background:#ffa400;
		background: -webkit-linear-gradient(top, #ffa400 0%,#d48800 100%);
	    background: -moz-linear-gradient(top, #ffa400 0%,#d48800 100%);
	    background: -o-linear-gradient(top, #ffa400 0%,#d48800 100%);
	    background: -ms-linear-gradient(top, #ffa400 0%,#d48800 100%);
	    background: linear-gradient(top, #ffa400 0%,#d48800 100%);
	}

	.connect_on {
		width:350px; height:40px;
		background:#fff;
		margin:auto;
		border:solid 1px #fff;
	}

	.connect_close {
		background:#5caaab;
		padding: 4px 8px;
		color: #fff;
	 	cursor:pointer;
		border:none;
		font: 12px 'Noto Sans', sans-serif;
		text-shadow: 0 1px 1px rgba(0,0,0,0.5);
		float:left;
	}

	.connect_page_close {
		background:#5caaab;
		padding: 4px 8px;
		color: #fff;
	 	cursor:pointer;
		border:none;
		font: 12px 'Noto Sans', sans-serif;
		text-shadow: 0 1px 1px rgba(0,0,0,0.5);
		float:left;
	}

	.connect_close:hover,
	.connect_page_close:hover {
		background:#ffa400;
	}

	/* -------------------------------------------------------- Mediaqueries */
	@media only screen and (max-width: 991px) { 
		.connect_page, .connect_page_on { margin:auto; }
	}

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

	}


.connect{
	width:350px; height:40px;
	background:#024369;
	margin:25px auto;
	cursor:pointer;
	overflow:hidden;
	color:#fff;
}

.connect_bt{
	width:350px; height:40px;
	background:#024369;
	margin:auto;
	cursor:pointer;
	overflow:hidden;
	color:#fff;
}



#FormConnect fieldset {
	background: transparent;
	margin: 0;
	border:none;
	text-align:left;
}


#FormConnect fieldset input[type="text"],
#FormConnect fieldset input[type="password"] {
	width: 250px;
	padding: 5px 8px;
	font-size: 14px;
	color:#000;
	border: solid 1px #5caaab;
}

#FormConnect fieldset input[type="text"]:focus,
#FormConnect fieldset input[type="password"]:focus {
	-webkit-box-shadow: 0 0 20px #5caaab;
	-moz-box-shadow: 0 0 20px #5caaab;
	box-shadow: 0 0 20px #5caaab;
}

#FormConnect fieldset input[type="submit"] {
	background:#5caaab;
	padding: 4px 8px;
	color: #fff;
 	cursor:pointer;
	border:none;
	font: 12px 'Noto Sans', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#FormConnect fieldset input[type="submit"]:hover,
#FormConnect fieldset input[type="submit"]:focus {
	background:#ffa400;
}

#FormConnect label {
	display:block;
	font: 16px 'Noto Sans', sans-serif;
	line-height: 2em;
	color: #000;
}

/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------> Form Recherche + Contact          */
/* ----------------------------------------------------------------------------------------------- */

#FormRecherche fieldset,
#FormContact fieldset {
	background: transparent;
	margin: 0;
	border:none;
	text-align:left;
}


#FormRecherche fieldset input[type="text"] {
	width: 190px;
	padding: 5px 8px 5px 40px;
	font: 14px 'Noto Sans', sans-serif;
	color:#000;
	border: solid 1px #ececec;
	background:#fff url(img/search_bck.jpg) no-repeat 2px 5px;
}

#FormContact fieldset input[type="text"] {
	width: 190px;
	padding: 5px;
	font: 14px 'Noto Sans', sans-serif;
	color:#000;
	border: solid 1px #000;
	background:#fff;
}

#FormContact fieldset textarea {
	border: solid 1px #000;
}

#FormRecherche fieldset input[type="text"]:focus,
#FormContact fieldset input[type="text"]:focus,
#FormContact fieldset textarea:focus {
	-webkit-box-shadow: 0 0 10px #5caaab;
	-moz-box-shadow: 0 0 10px #5caaab;
	box-shadow: 0 0 10px #5caaab;
}

#FormRecherche fieldset input[type="submit"],
#FormContact fieldset input[type="submit"]  {
	background:#5caaab;
	padding: 4px 8px;
	color: #fff;
 	cursor:pointer;
	border:none;
	font: 10px 'Noto Sans', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#FormRecherche fieldset input[type="submit"]:hover,
#FormRecherche fieldset input[type="submit"]:focus,
#FormContact fieldset input[type="submit"]:hover,
#FormContact fieldset input[type="submit"]:focus {
	background:#ffa400;
}

#FormRecherche label,
#FormContact label {
	display:block;
	font: 16px 'Noto Sans', sans-serif;
	line-height: 2em;
	color: #000;
}


.zone-gauche {
	text-align: left;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  bouton-adhesion */
.bouton_adhesion{
	width:100%; max-width:300px; height:40px;
	background:#509b9c;
	padding:10px 0 0 0; margin:15px auto 0 auto; 
	color:#fff;
}

.bouton_adhesion:hover{
	background:#498e8e;
	cursor: pointer;
}

.bouton_adhesion a:hover { text-decoration: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  bouton-facebook */

.bouton_facebook{
	width:100%; max-width:300px; height:40px;
	background:#8592BD;
	padding:10px 0 0 0; margin:15px auto 0 auto; 
	color:#fff;
}

.bouton_facebook:hover{
	background:#31437B;
	cursor: pointer;
}

.bouton_facebook a:hover { text-decoration: none; }
.bouton_facebook img { margin:0 5px 0 0; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Noty */
#noty {
  display:block;
  position:fixed;
  top:0; left:0;
  z-index:9000;
  width:100%;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
}

.noty-success{
  border: 2px solid #06d552;
  border-top: none;
  color:#fff; font:600 14px 'Open Sans',Arial;
  background-color: #06d552;
}

.noty-error{
  border: 2px solid  #d83737;
  border-top: none;
  color: #fff;
  background-color: #d83737;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  FOOTER */
.footer-container {
	background:#5caaab; 
	background-image : url(img/footer_bg.png);
	background-repeat: repeat-x;

	padding:25px;
	margin:45px 0 0 0;

}

.row-footer {
	width:100%; max-width:1170px;
	background:transparent;
	padding:0;
	line-height: :50px;
}

.footer-colonne {
	line-height:2em;
}
/*
.footer-colonne a {
	background:#488b8c;
	padding:0 8px;
	color: #fff;
	border:none;
	font: 12px 'Noto Sans', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	text-decoration:none;
}

.zone_footer a:hover {
	background:#ffa400;
}
*/
.footer_trait{
	width:35%; height:10px;
	margin:auto; margin-bottom:10px;
	border-bottom:solid 1px #7dbbbc;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Media Queries */
@media only screen and (max-width: 1280px) { 

}


@media only screen and (max-width: 1190px) { 
	.footer-colonne{ width:100%; margin:auto; padding:25px 0;};
}

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

@media only screen and (max-width: 991px) { 
  .zone-gauche { text-align: center; }
  .connect_page{ margin:0 auto 27px auto; }
  .menu-page { text-align: center; }
  .badge-35ans { display:none; }
}


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

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

}