@font-face {
    font-family: 'Lobster';
    src: url('/styleandscript/fonts/Lobster-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

h1.home_h1
	{
	font-family: 'Lobster', 'QlassikBoldRegular', sans-serif !important;
	color:#348FD0 !important;
	margin: 0;
	font-size: 40px !important;
	}
	
#content .content_bloc_no_border
	{
	background:#FFFFFF;
	margin-right:1px;
	margin-bottom:1px;
	/*line-height: 15px;*/
	}

.hp_pix
	{
	float:right;
	width:100px;
	height:150px;
	}

#hp_magicwindow h2
	{
	color:#314854;
	font-size:21px;
	}

#hp_magicwindow h2.small
	{
	margin:0px;
	font-size:18px;
	}

#hp_magicwindow p
	{
	margin-left:20px;
	}

#hp_magicwindow ul
	{
	margin-left:20px;
	}



.sondage_box
	{
	position:relative;
	top:15px;
	left:25px;
	background-image: url('/img/hp/magikwindow/fond_sondage.gif');
	background-repeat: no-repeat;
	background-position: right;
	height:252px;
	}

.sondage_box h2
	{
	margin:0px;
	font-size:16px !important;
	color:#659229 !important;
	}

.sondage_box h3
	{
	margin:0px;
	font-size:20px;
	color:#314955;
	}


.hp_vignette
	{
	padding:5px;
	margin-bottom:10px;
	color:#ffffff;
	font-weight:normal;
	font-size:22px;
	border-radius: 5px 5px 0px 0px;
	}

.hp_vignette a
	{
	font-size:13px;
	color:#000 !important;
	font-weight: bold;
	}

.hp_vignette img
	{
	margin-top:5px;
	border:4px solid #fff;
	box-shadow: 0px 2px 3px #555;
	border-radius:3px;
	}

.hp_vignette:hover
	{
	background: rgb(145,200,94); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(145,200,94,1) 0%, rgba(84,161,42,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,200,94,1)), color-stop(99%,rgba(84,161,42,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(145,200,94,1) 0%,rgba(84,161,42,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(145,200,94,1) 0%,rgba(84,161,42,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(145,200,94,1) 0%,rgba(84,161,42,1) 99%); /* IE10+ */
	background: linear-gradient(top,  rgba(145,200,94,1) 0%,rgba(84,161,42,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91c85e', endColorstr='#54a12a',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 2px 3px #555;
	}

.hp_vignette:hover a
	{
	text-shadow: 2px 2px 3px #555;
	color:#fff !important;
	}

ul.hp_monprojet
	{
	list-style: none;
	text-align: center;
	}

ul.hp_monprojet li
	{
	display: inline-block;
	margin:3px;
	box-shadow: 0px 0px 5px #999;
	}

ul.hp_monprojet li .hp_monrecit_image
	{
	position:relative;
	width:200px;
	height:177px;
	}

ul.hp_monprojet li .hp_monrecit_image img.hp_monrecit
	{
	width:200px;
	height:177px;
	}

ul.hp_monprojet li .hp_monrecit_texte
	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	bottom:0px;
	background:#348FD1;
	padding:5px;
	opacity: 0;
	width:200px;
	transition: all 0.5s ease;
	font-size: 14px;
	color:#fff;
	}

ul.hp_monprojet li .hp_monrecit_texte a
	{
	color:#c1ddff !important;
	text-decoration: none;
	}

ul.hp_monprojet li .hp_monrecit_texte a:hover
	{
	text-decoration: underline;
	}

ul.hp_monprojet li:hover .hp_monrecit_texte
	{
	opacity: 1;
	}

.hp_h1
	{
	color:#348FD2 !important;
	font-size:24px;
	}

.hp_h2
	{
	font-size:18px;
	margin:0px;
	color:#555 !important;
	font-weight: normal;
	font-family:'QlassikMediumRegular';
	}

.hp_h3
	{
	color:#348FD1 !important;
	font-size:23px;
	}



@keyframes hp_rejoignez_bloc_parent_animation_change_background
	{
	0% { opacity:0;background-position: center left; }
	5% { opacity:1 }
	100% { opacity:1;background-position: center right; }
	}

#hp_rejoignez_bloc_parent
	{
	background-position: center left;
	position: absolute;
	top:0px;left:0px;right:0px;bottom:0px;
	}

#hp_rejoignez_bloc_background_1, #hp_rejoignez_bloc_background_2
	{
	background-position: center left;
	position: absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	}

#hp_rejoignez_bloc_background_1
	{
	z-index:1;
	}

#hp_rejoignez_bloc_background_2
	{
	z-index:2;
	}

.hp_rejoignez_cell
	{
	width:380px;
	padding:0px;
	position: relative;
	}

.hp_image_gauche
	{
	float:left;
	margin:0px 10px 5px 0px;
	width:32px;
	}

.hp_rejoignez_bloc_carre
	{
	position: relative;
	z-index:3;
	box-shadow: 2px 2px 8px #333;
	top:35px;
	width:200px;
	margin:00% auto 0px auto;
	padding:5px;
	text-align: center;
	}

.hp_rejoignez_bloc_carre_blanc
	{
	opacity: 0.7;
	background: #fff;
	position: absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	transition: all ease 0.5s;
	}

.hp_rejoignez_cell:hover .hp_rejoignez_bloc_carre_blanc
	{
	opacity: 1;
	}

.hp_rejoignez_bloc_carre_texte
	{
	position: relative;
	z-index:6;
	}

.hp_rejoignez_bloc
	{
	margin:15px 0;
	position: relative;
	z-index:4;
	color:#444;
	font-size:30px;
	text-align: center;
	font-family:"QlassikMediumRegular", sans-serif;
	line-height: 40px;
	text-shadow: 0px 0px 3px #fff;
	}

.hp_rejoignez_bloc_bouton
	{
	z-index:5;
	width:100%;
	}

.hp_nb_membre
	{
	display: block;
	font-size:45px;
	color:#348FD1 !important;
	font-family: 'Lobster', cursive;
	margin:7px 0;
	font-weight: bold;
	}

.hp_nb_desc
	{
	margin-top:20px;
	margin-bottom:10px;
	font-size: 20px;
	}

/* HP NEWS BOX */
#hp_news
	{
	display: block;
	margin:0px;
	padding:0px;
	list-style-type: none;
	transition: all 0.5s ease;
	}

.hp_news_defil
	{
	height:120px;
	overflow: hidden;
	white-space: nowrap;
	width:auto;
	}

.hp_news_fixed
	{
	height:auto;
	overflow: auto;
	white-space: normal;
	}

.hp_news_box
	{
	vertical-align: top;
	white-space:normal;
	margin:0px;
	overflow:auto;
	margin-right:10px;
	}

.hp_news_defil .hp_news_box
	{
	width:470px;
	display: inline-block;
	}
	
/* VIDEO */

#hp_calc_box
	{
	position: relative;
	}

#hp_calc_box #hp_calc_video_box
	{
	overflow: hidden;
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	}

#hp_calc_box #hp_calc_video
	{
	width:100%;
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	height:auto;
	}
	
#hp_calc_box #hp_calc_degrade
	{
	display:none;
	}
	
#hp_calc_box #hp_calc_texte
	{
	position:static;
	text-align: center;
	transform: translateY(0px);
	font-size:30px;
    font-family: "QlassikMediumRegular", sans-serif;
    width:550px;
    max-width:90%;
    margin:0px auto;
    padding: 20px 0px;
    text-shadow: #fff 2px 2px, #fff -1px 2px, #fff -1px -1px, #fff 2px -1px;
    color:#348FD1;
    
	}
	
#hp_calc_box #hp_calc_bouton a
	{
	position:relative;
	right:0px;
	top:0px;
	transform: translateY(0px);
	
	display: inline-block;
	background: #348FD1;
	color:#fff !important;
	font-size:30px;
    font-family: "QlassikMediumRegular", sans-serif;
    padding:8px 15px;
    text-decoration: none;
    color:#348FD1;
    margin:0px auto 20px auto;
	text-align: center;	
    border-radius: 3px;
	border-bottom: 2px solid #1f6ea6;
	}


@media (min-width:970px)
	{
	/* VIDEO */
	
	#hp_calc_box
		{
		position: relative;
		height:100px;
		}
	
	#hp_calc_box #hp_calc_video_box
		{
		overflow: hidden;
		position: absolute;
		top:0px;
		left:0px;
		bottom:0px;
		width:250px;
		}
	
	#hp_calc_box #hp_calc_video
		{
		height:250px;
		position: relative;
		top:-90px;
		}
		
	#hp_calc_box #hp_calc_degrade
		{
		background:#fff;
		position: absolute;
		display: block;
		top:0px;
		left:150px;
		width:100px;
		bottom:0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,ffffff+100&0+0,1+100 */
		background: -moz-linear-gradient(left, rgba(125,185,232,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
		}
		
	#hp_calc_box #hp_calc_texte
		{
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		left:170px;
		font-size:30px;
		text-align: left;
	    font-family: "QlassikMediumRegular", sans-serif;
	    width:550px;
	    text-shadow: #fff 2px 2px, #fff -1px 2px, #fff -1px -1px, #fff 2px -1px;
	    color:#348FD1;
	    
		}
		
	#hp_calc_box #hp_calc_bouton a
		{
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		right:50px;
		
		
		}
	}

@media (max-width:500px)
	{
	.hp_news_defil .hp_news_box
		{
		width:100%;
		}

	.hp_news_defil
		{
		height:150px;
		}
	}

.hp_news_fixed .hp_news_box
	{
	width:auto;
	display: block;
	}

.hp_news_box_img
	{
	float:left;
	padding:2px;
	padding-right:15px;
	}

.hp_news_box_img img
	{
	box-shadow: 0px 0px 3px #555;
	}

.hp_news_defil .hp_news_box_date
	{
	display:none;
	}

.hp_news_fixed .hp_news_box_date
	{
	display: inline;
	color:#aaa;
	}

.hp_news_defil .hp_news_box_img img
	{
	width:140px;
	height:110px;
	}

@media (max-width:500px)
	{
	.hp_news_defil .hp_news_box_img img
		{
		width:100px;
		height:80px;
		margin-bottom:70px;
		}
	}

.hp_news_fixed .hp_news_box_img img
	{
	width:80px;
	height:70px;
	}

.hp_news_box_title
	{
	font-size:13px;
	margin-bottom:10px;
	}

.hp_news_box_title a
	{
	text-decoration: none;
	}

.hp_news_box_title strong
	{
	font-size:18px;
	color:#348FD2;
	font-weight:normal;
	}

.hp_news_box_title_tag
	{
	display: inline-block;
	background:#aaa;
	padding:2px;
	border-radius: 2px;
	color:#fff;
	}

.hp_news_box_texte
	{

	}

#hp_news_loader_box
	{

	}

#hp_news_loader
	{
	background:#fff;
	height:1px;
	}

#hp_news_box_more
	{
	text-align:center;
	padding:3px;
	background: #EBEBEB;
	}

@keyframes hp_news_loader_animation
	{
	0% { width:0px;background:#348FD2 }
	100% { width:100%;background:#348FD2 }
	}

@keyframes hp_news_loader_animation_pause
	{
	0% { width:100%;background:#348FD2 }
	10% { width:100%;background:#fff; }
	20% { width:100%;background:#f6861c }
	30% { width:100%;background:#fff; }
	40% { width:100%;background:#f6861c }
	100% { width:100%;background:#fff }

	}