@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'oswaldlightitalic';
    src: url('polices/oswald-lightitalic-webfont.eot');
    src: url('polices/oswald-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/oswald-lightitalic-webfont.woff2') format('woff2'),
         url('polices/oswald-lightitalic-webfont.woff') format('woff'),
         url('polices/oswald-lightitalic-webfont.ttf') format('truetype'),
         url('polices/oswald-lightitalic-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldlight';
    src: url('polices/oswald-light-webfont.eot');
    src: url('polices/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/oswald-light-webfont.woff2') format('woff2'),
         url('polices/oswald-light-webfont.woff') format('woff'),
         url('polices/oswald-light-webfont.ttf') format('truetype'),
         url('polices/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'indie_flowerregular';
    src: url('polices/indieflower-webfont.eot');
    src: url('polices/indieflower-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/indieflower-webfont.woff2') format('woff2'),
         url('polices/indieflower-webfont.woff') format('woff'),
         url('polices/indieflower-webfont.ttf') format('truetype'),
         url('polices/indieflower-webfont.svg#indie_flowerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body{
	padding:0;
	margin:0;
	width:100%;
	background-color:#FFFFFF;
}
header, footer, aside, section, nav,  ul, li, p, h1, h2, h3, input, form, figure,div,a, footer, img{
	position:relative;
	margin:0;
	padding:0;
	font-family:Constantia,"DejaVu Serif", Georgia, serif;
	text-decoration:none;
	font-weight:none;
	font-size:10px;
	color:#000000;
	border:none;
	list-style:none;
	display:inline-block;
	vertical-align:middle;
}
.photos{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	height:100%; /* a definir .. ???? */
	text-align:center;
	display:block;
	/*
	border:#CC1B1E 1px solid;
	*/
}
.couverture{
	position:absolute;
  /*background-image:url(upload/nz_parapente.jpg);  background-image:url(upload/couverture1.jpg); */
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */

}

.rj{
	position:fixed;
	background:url(upload/RJ_001.jpg) no-repeat bottom fixed;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
}
.rj_2{
	position:fixed;
	background:url(upload/remietjenniferetvan.jpg) no-repeat bottom fixed; /* remietjennifer2.jpg */
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
}
.contact{
	position:fixed;
	background:url(upload/contact.jpg) no-repeat bottom fixed;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
}
.map_border_none{
	border:none;
}

/* GIF */
.gif{
	display:block;
	position:fixed;
	top:0;
	right:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	background-color:#ffffff;
	z-index:9999;
}
/*-----------------HAUT  PAGE------------------*/
.haut_page{
	display:none;
	position:fixed;
	text-align:center;
	bottom:0px;
	right:20px;
	width:85px;
	height:51px;
	background-color:#4fb2f3;
	z-index:999;
	line-height:51px;
	font-size:24px;
	color:#FFFFFF;
	border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
}
.haut_page:hover{
	background-color:#B5B5B5;
}
.haut_page img{
	padding-bottom:3px;
}

/*-----------------HEADER------------------*/
header{
	position:relative;
	width:100%;
	top:0;
	left:0;
	right:0;
	text-align:center;
	border-bottom:1px solid #B7B7B7;
	background-color:rgba(255, 255, 255, 0.9);
	z-index:99;
}
/*-----------------HEADER HAUT------------------*/
.header_haut{
	text-align:left;
	width:1000px;
	height:169px;
	margin:auto;
}
.logo_h{
	position:absolute;
	top:3px;
	width:100%;
}
.header_haut_droite{
	padding-top:10px;
	padding-left:320px;
}
.titre_blog{
	font-family:"indie_flowerregular", "DejaVu Sans", Verdana, sans-serif;
	font-size:30px;
	font-style:italic;
	color:#4fb2f3;
	padding:28px 0 28px 0;
}
.citation{
	font-size:16px;
	font-style:italic;
	color:#000000;
}
/*-----------------HEADER BAS------------------*/
.header_bas{
	height:50px;/* A PRENDRE EN COMPTE DANS LE CONTENEUR */
	margin:auto;
	width:100%;
	text-align:center;
	background-color:#4fb2f3;
	border-top:1px solid #B7B7B7;
}
.logo_b{
	position:absolute;
	top:0;
	left:18px;
	width:160px;
	display:none;
}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.van{
	position:absolute;
	top:17px;
	left:0px;
	width:70px;
	display:block;
}
.van_animation{
	left:240px;
	-webkit-animation-name: van_a; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: van_a;
    animation-duration: 2s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes van_a {
    0%   {left:0px;}
    100% {left:240px;}
}

/* Standard syntax */
@keyframes van_a {
    0%   {left:0px;}
    100% {left:240px;}
}

.l_animation{
	height:50px;/* A PRENDRE EN COMPTE DANS LE CONTENEUR */

}
.header_bas_droite{
	padding-left:170px;
}
.header_bas a{
	padding:0 10px 0 10px;
	line-height:50px;
	color:#ffffff;
	font-size:18px;
}
.header_nav_1{
	text-align:center;
	width:680px;
}
.header_nav_1 li:hover a{
	color:#DBDBDB;
}
.header_nav_2{
	text-align:right;
	width:145px;
}
.aff{
	display:block;
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fix_Navigation{
	position:fixed;
	top:0;
	left:0;
	right:0;
	border-top:none;
	border-bottom:1px solid #B7B7B7;
	z-index:999;
}
/*-----------------AFFICHAGE MAP------------------*/
.affichage_map{
	display:block;
}
/*-----------------CONTENEUR------------------*/
.conteneur{
	display:block;
	margin:auto;
	text-align:center;
	z-index:1;
}
.fix_height{
	padding-top:51px;
}
.aff_articles_recents{
	position:relative;
	margin:auto;
	width:100%;
	height:40px;
}
.aff_articles_recents a{
	font-family:"indie_flowerregular", "DejaVu Sans", Verdana, sans-serif;
	font-style:italic;
	font-size:34px;
	font-weight:bold;
	color:#ffffff;
}
.aff_articles_recents a:hover{
	color:#4fb2f3;
}
.aff_articles_resume{
	background:#FFFFFF;
	width:100%;
	padding-top:50px;
}

/*-----------------AUTEURS CONTENU LARGE------------------*/
.le_titre{
	height:40px;
}
.contenu_large{
	width:100%;
}
.cl_color_1{
	background-color:#DFDFDF;
}
.cl_color_2{
	background-color:#FFFFFF;
}
.cl_tout{
	width:60%;
	margin:40px 0 40px 0;
}
.float_left{
	float:left;
}
.cl_photo{
	width:40%;
	padding:20px 0 20px 0;
}
.cl_photo img{
	max-height:398px;
	border:1px solid #4fb2f3;
}
.contenu_large .textes_type_1{
	text-align:justify;
	width:60%;
}
.contenu_large .textes_type_1:p{
	padding:20px 20px 20px 20px;
}

.aff_background{
	position:relative;
	margin:auto;
	width:100%;
	height:800px;
	line-height:800px;
}
.aff_background a{
	font-family:"indie_flowerregular", "DejaVu Sans", Verdana, sans-serif;
	font-style:italic;
	font-size:34px;
	font-weight:bold;
	color:#ffffff;
}
.aff_background a:hover{
	color:#4fb2f3;
}
/*-----------------ARTICLES------------------*/
.les_articles{
	text-align:right;
	float:left;
	width:700px;
	padding-bottom:20px;
}
.l_article{
	padding-top:20px;
}
.article{
	width:100%;
	margin-top:20px;
	height:511px;
}
.art_haut{
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#4fb2f3;
	text-align:left;
}
.art_haut figure{
	padding:0 0 0 20px;
}
.art_haut img{
	height:30px;
}
.art_haut h1{
	text-align:left;
	color:#FFFFFF;
	font-size:24px;
	padding:0 0 0 20px;
}
.art_photos{
	width:100%;
	height:301px;
	padding-top:1px;
}
.p_g{
	height:200px;
	width:150px;
	float:left;
}
.p_d{
	float:right;
	width:549px;
	height:301px;
	margin-left:1px;
	background:url(upload/couverture1.jpg) no-repeat bottom;
	background-size:cover; /* version standardisée */
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
}
.p_h_g{
	height:150px;
	width:150px;
	background-image:url(upload/couverture1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:cover; /* version standardisée */
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */

	}
.p_b_g{
	height:150px;
	width:150px;
	background:url(upload/couverture1.jpg) no-repeat bottom;
	background-size:cover; /* version standardisée */
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	margin-top:1px;
}
.mini_map{
	float:left;
	padding-top:1px;
	height:200px;
	width:200px;
}
.art_texte{
	text-align:justify;
	padding:10px;
	width:680px;
	height:150px;
}
.art_texte p{
	font-size:18px;
	line-height:32px;
	text-align:justify;
}
.art_texte p:first-letter{
	font-size:26px;
	font-weight:bold;
	color:#4fb2f3;
	}
.fond_blanc{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background-color:#DFDFDF;
	opacity:0.8;
	z-index:2;
	text-align:center;
}
.bouton_fixe{
	display:none;
	position:absolute;
	text-align:center;
	margin-top:225px;
	margin-left:250px;
	width:200px;
	height:50px;
	font-size:24px;
	line-height:50px;
	color:#FFFFFF;
	background-color:#4fb2f3;
	cursor:pointer;
	z-index:3;
}
.bouton_fixe a{
	color:#FFFFFF;
	font-size:18px;
}
/*-----------------L_ARTICLE------------------*/
.contenu_article{
	width:1000px;
}
.art_haut{
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#4fb2f3;
	text-align:left;
}
.art_haut figure{
	padding:0 20px 0 20px;
}
.art_haut img{
	height:30px;
}
.art_haut h1{
	text-align:left;
	color:#FFFFFF;
	font-size:24px;
}
.photos_type_1{
	padding:20px 0 20px 0;
	width:100%;
}
.photos_type_1 img{
	width:100%;
}
.art_map{
	padding:20px 0 20px 0;
	height:200px;
	width:100%;
}
/*-----------------L_ARTICLE ---2------------------*/
.contenu_article_2{
	width:100%;
}
.textes_type_2{
	width:1000px;
}
.textes_type_2 p{
	font-size:20px;
	padding:50px 0 50px 0;
	line-height:50px;
}
.textes_type_2 p:first-letter{
	font-size:28px;
	font-weight:bold;
	color:#4fb2f3;
}
.textes_type_2 h2{
	font-family:"indie_flowerregular", "DejaVu Sans", Verdana, sans-serif;
	font-size:24px;
	color:#4fb2f3;
	margin:20px 0 20px 0;
}
.textes_type_2 a{
	font-family:"indie_flowerregular", "DejaVu Sans", Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#4fb2f3;
}
.textes_type_2 a:hover{
	color:#DBDBDB;
}
.photos_type_2{
	width:100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:bottom;
	background-size:cover; /* version standardisée */
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
}
.art_map_2{
	height:300px;
	width:100%;
}
/*-----------------TEXTES------------------*/
.textes_type_1{
	text-align:justify;
}
.textes_type_1 p{
	font-size:18px;
	padding:15px 0 15px 0;
	line-height:32px;
}
.textes_type_1 p:first-letter{
	font-size:26px;
	font-weight:bold;
	color:#4fb2f3;
}
.textes_type_1 h2{
	font-family:"indie_flowerregular", "DejaVu Sans", Verdana, sans-serif;
	font-size:24px;
	color:#4fb2f3;
	margin:20px 0 20px 0;
  width:100%;
}
.textes_type_1 a{
	font-family:"indie_flowerregular", "DejaVu Sans", Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#4fb2f3;
}
.textes_type_1 a:hover{
	color:#DBDBDB;
}

/*-----------------CONTENU FIXE 1 et 2------------------*/
.contenu_fixe{
	float:right;
	width:280px;
	padding-left:20px;
	padding-top:20px;
	text-align:center;
}
.contenu_fixe_2{
	position:fixed;
	top:70px;
	right:70px;
	display: none;
	width:300px;
	z-index:9999;
	background-color:#FFFFFF;
	text-align:center;
}
.contenu_fixe h1, .contenu_fixe_2 h1{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#4fb2f3;
	color:#FFFFFF;
	font-size:24px;
	margin-top:10px;
}
.contenu_fixe_2 h1{
	margin-top:0px;
}
.contenu_fixe h1, .contenu_fixe_2:first-child{
	margin-top:0px;
}
.lien_titre{
	color:#FFFFFF;
	font-size:24px;
}
.lien_titre:hover{
	color:#DFDFDF;
}
.sommaire, .sommaire_2{
	padding-top:20px;
	padding-bottom:10px;
	width:100%;
	height:100%;
}
.sommaire_2{
	padding-top:0px;
	overflow:auto;
	height:250px;
}
.cf_desc,.cf_desc_2{
	width:280px;
	height:40px;
	margin-bottom:10px;
	cursor:pointer;
}
.cf_desc_2{
	width:260px;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
}
.cf_art_photo{
	width:40px;
	height:40px;
	float:left;
	background:url(upload/couverture1.jpg) no-repeat bottom;
	background-size:cover; /* version standardisée */
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
}
.cf_titre,.cf_titre_2{
	float:right;
	width:230px;
	padding-left:10px;
}
.cf_titre_2{
	width:200px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}
.lien_contenu,.cf_titre_2 p{
	text-align:left;
	display:block;
	font-size:12px;
	margin:0;
}
.lien_contenu:nth-child(2),.cf_titre_2 p:nth-child(2){
	font-size:14px;
	font-weight:bold;
}
.lien_contenu:nth-child(2):first-letter,.cf_titre_2 p:nth-child(2):first-letter{
	color:#4fb2f3;
}
.cf_bouton_fixe,.cf_bouton_fixe_2{
	display:block;
	position:absolute;
	text-align:left;
	margin-left:40px;
	padding-left:10px;
	width:230px;
	height:40px;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	color:#4fb2f3;
	background-color:#DFDFDF;
	cursor:pointer;
	z-index:4;
}
.cf_bouton_fixe_2{
	width:210px;
}
.cf_bouton_fixe_petit{
	display:none;
	position:relative;
	text-align:center;
	width:100%;
	height:40px;
	background-color:#DFDFDF;
	cursor:pointer;
	z-index:4;
}
.cf_bouton_fixe_petit a{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:18px;
	font-weight:bold;
	color:#4fb2f3;
}
.thefacebook{
	margin-top:20px;
}
.fb-page{
	margin:20px 0 20px 0 ;
}
/*-----------------MENU ARTICLES-----------------*/
.menu_articles{
	display:none;
	position:fixed;
	text-align:center;
	top:70px;
	right:20px;
	width:50px;
	height:50px;
	line-height:50px;
	background-color:#4fb2f3;
	z-index:999;
	font-size:24px;
	color:#FFFFFF;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	-moz-border-radius:2px 2px 2px 2px;
}
.menu_articles:hover{
	background-color:#B5B5B5;
}
.menu_articles img{
	width:35px;
	height:35px;
	padding-bottom:2px;
}

/*-----------------FOOTER------------------*/
footer{
	position:relative;
	width:100%;
	text-align:center;
	height:200px;
	background-color:#4fb2f3;
}
footer a{
	color:#FFFFFF;
	padding:0 10px 0 10px;
	line-height:200px;
	font-size:18px;
}
.footer_gauche{
	width:400px;
}
.footer_milieu{
	width:200px;
}
.footer_droite{
	width:400px;
}

.slider_back{
	width:100%;
  height:100%
	margin:auto;
	border-right:transparent 1px solid; /* ENLEVE PROBLEME de passage au dessus de la fleche droite*/
}
/*-----------------SVG------------------*/
.header_svg{
	position:absolute;
	padding-top:31px;
	padding-left:180px;
}
.svg {
	border:1px solid #000000;
	width:800px;
	height:30px;
    background:url("van_remi_3.svg") no-repeat;
}
/*-----------------END-SVG------------------*/
/*-----------------page_en_construction------------------*/
.page_en_construction{
		position: fixed;
		top:50%;
		left:50%;
		margin-left:-98px;
		margin-top:-79px;
		width:197px;
		height:159px;
}



/*-----------------ADMIN------------------*/


	/*-----------------admin contenu_fixe------------------*/
	.form_button_new_article, .form_button_new_article form, .form_button_new_article  input{
		width:100%;
		height:40px;
		margin:0 0 10px 0;
	}
	.button_new_article{
		width:100%;
		height:40px;
		font-size:18px;
		color:#FFFFFF;
		background-color:#636363;
		cursor:pointer;
	}
	.button_new_article:hover{
		background-color:#019B00;
	}

	/*-----------------admin article------------------*/
	.all_forms, .all_forms form{
		width:100%;
		margin:0 0 50px 0;
		text-align:left;
		background-color:#F9F9F9;
	}
	.all_forms p{
		width:100%;
		display:block;
		height:30px;
		margin:10px 0 10px 0;
		padding-left:15px;
	}
	.all_forms input{
		border:1px solid #3DA3E4;
		border-radius:2px 2px 2px 2px;
		-webkit-border-radius:2px 2px 2px 2px;
		-moz-border-radius:2px 2px 2px 2px;
		padding:2px 4px 2px 4px;
	}
	.all_forms textarea{
		width:100%;
		height:200px;
		font-size:18px;
		margin:10px 0 10px 0;
	}
	.text_taille_1{
		height:50px;
	}
	.text_taille_2{
		height:200px;
	}
	.input_taille{
		width:60%;
	}
	.button_save{
		width:100%;
		height:40px;
		font-size:18px;
		color:#FFFFFF;
		background-color:#636363;
		cursor:pointer;
		margin:5px 0 5px 0;
	}
	.button_save:hover{
		background-color:#019B00;
	}
	.button_delete{
		width:100%;
		height:40px;
		font-size:18px;
		color:#FFFFFF;
		background-color:#FF8587;
		cursor:pointer;
		margin:5px 0 5px 0;
	}
	.button_delete:hover{
		background-color:#DD0003;
	}

	/* WOW_SLIDER */
	.fb_reset{
		overflow:hidden;
		position:absolute;
		visibility:hidden;
		z-index:1;
	}