html,body {
	/*height:700px !important;*/
	min-height:900px !important;
}

.container {
	margin-top:50px;
}

.btn_retour {
	margin-left:60px;
	width:60px;
	text-align:center;
	font-size:20px;
	height:60px;
	text-decoration:none;
	cursor:pointer;
	border:0px;
	position:absolute;
}

.link_retour {
	color:#FFF;
	text-decoration:none;
	border:0px;
}

.link_retour:hover {
	color:#FFF;
	text-decoration:none;
	border:0px;
}

.ico_retour {
	margin-top:17px;
}

.descriptif_scenario_1 h4 {
	font-family: 'Frijole', monospace !important;
	text-align:center;
}

.descriptif_scenario_2 h4 {
	font-family: 'Seaweed Script', cursive;
	text-align:center;
}

.input-connect {
	position:absolute;
	right:5px;
	display:inline;
	height:20px;
	margin-right:20px;
	margin-top:5px !important;
}

.create-compte-lnk {
	margin-top:27px;
	position:relative;
	left:15px;
}

.input-connect input {
	padding:2px;
	margin:2px;
	border:0px;
	color:#000;
	background-color: #c8c8c8;
}

.input-connect div {
	padding-right:0px !important;
}

.btn-connect {
	height:45px;
	position:relative;
	border-radius: 0;
	top:1px;
	/*left:-25px;*/
	/*margin-right:0px !important;*/
}

.xs-connect {
	margin-top:20px;
	background-color: rgba(33,33,33,0.8);
	color:#fff;
	padding:20px;
	border-radius: 3px;
}

.label-create-compte {
	width:250px;
	text-align:left !important;
}

.info_alert {
	font-size:10px;
}

.erreur_compte {
	background-color: #FA7E6D !important;
	margin:5px;
	margin-left:0px;
	margin-bottom:50px;
	padding:5px;
	color:#fff;
	display:none;
}

.txt_connect_ok {
	text-align:center;
}

.info_form {
	font-size:12px;
	font-style:italic;
	color:#FA7E6D !important;
}

.btn_valid_bloc {
	margin-top:25px;
}

/*ITEM*/
#cm-menu-content {
	position:absolute;
	left:0px;
	right:0px;
	top:51px;
	height:100%;
	border-right: 1px solid #ccc;
	overflow-x: hidden;
}

#cm-menu-items-wrapper {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	transition:all 150ms;
	overflow:hidden;
}

#cm-menu-scroller {
	overflow-y:scroll;
	overflow-x: hidden;
	height:100%;
	width:362px;
}

.cm-menu-items {
	transition: all 150ms;
	list-style: none;
	margin:0;
	padding:0;
	display: block;
}

.cm-error-connect {
	padding:5px;
	text-align:center;
}


.img-choix-scenario {
	height:100%;
	width:100%;
	cursor:pointer;
	transform: scale(1.2, 1.2);
}

.scenario_1 {
	position:absolute;
	overflow:hidden;
}

.img-container-choix {
	height:100%;
	overflow:hidden;
	position:relative;
	padding:0px !important;

}

.img-container-choix:hover {
	-moz-box-shadow: 1px 1px 15px 15px #000000;
	-webkit-box-shadow: 1px 1px 15px 15px #000000;
	-o-box-shadow: 1px 1px 15px 15px #000000;
	box-shadow: 1px 1px 15px 15px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=15);
	z-index:99;
}

.descriptif_scenario {
	z-index:100;
	background-color: rgba(0,0,0,0.8);
	color:#fff;
	position:absolute;
	top:50%;
	width:80%;
	left:5%;
	padding:5px;
}

.main {
	background-color: #FFF;
	width:100%;
	margin-top:450px;
	background-color: #FFF;
	color:#000;
	border-radius: 3px;
}

.arrow_up {
	position:fixed;
	right:25px;
	bottom:45px;
	opacity: 0.5;

}

.title_main {
	margin-top:0px !important;
	/*background-color: #F04646;*/
	background-color: yellow;
	color:red;
	cursor:pointer;
}

.title_main h1 {
	margin:0px !important;
	padding:5px;
	height:70px;
	text-align: center;
	color:#000;
}

.title_main a {
	text-decoration:none;
	color:#FFF;
}

.desc_one {
	margin-top:20px;
	border:1px dashed #c8c8c8;
	padding:10px;
	text-align: justify;
}

.img_desc_left {
	float:left;
	margin:5px;
}

.img_desc_right {
	float:right;
	margin:5px;
}

.bold {
	font-weight:bold;
	font-size:15px;
	font-style: italic;
}

.titre_desc {
	background-color: yellow;
	color:#000;
	padding:5px;
	padding-left:7px;
	font-size:15px;
	font-weight:bold;
}

.titre_desc h2 {
	font-weight:bold;
}

.titre_desc_presse {
	background-color: #000;
	color:#FFF;
	padding:5px;
	padding-left:7px;
	font-size:15px;
	font-weight:bold;
}

.h_titre_deux_desc {
	display:inline-block;
	font-size:15px;
	font-weight: bold;
	margin-top: 0px !important;
	margin-top:8px !important;
}

.h_titre_trois_desc {
	text-decoration: underline;
	font-style:underline;
	font-weight:lighter !important;
}

.sous_titre_desc h3 {
	font-size:18px;
	font-weight: lighter;
	display:inline;	
}

.sous_titre_desc {
	text-decoration: underline;
	font-size:18px;
	font-weight: lighter;
	padding-top:35px;
	margin-bottom:15px;
}

.form_connect_xs {
	position:absolute;
	width:100%;
	top:-100px;	
}

.link_connect {
	margin-right:25px;
	color:#fff !important;
	margin-top:15px;
	font-size:17px;
}



.link_connect a {
	color:#fff;
	text-decoration:none;
}

.container_footer {
/*	margin-top:0px !important;
	margin-bottom:50px;*/
}


.footer {
	/*margin-top:155px;*/
	background-color: #F04646;
	/*height:200px;*/
	color:#fff;
	background-image: url('image/footer.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-moz-box-shadow: 0px -10px 15px 0px #000000;
	-webkit-box-shadow: 0px -10px 15px 0px #000000;
	-o-box-shadow: 0px -10px 15px 0px #000000;
	box-shadow: 0px -10px 15px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=90, Strength=15);
/*	position:relative;
	bottom:0px;
	width:100%;*/
}

.footer_link a {
	text-decoration: none;
	color:#FFF;
}px;

.footer_link a:hover {
	text-decoration: underline;
	color:#FFF;
}

.copyright_footer {
	font-size:10px;
	/*margin-top:15px;*/
	text-align:center;
	background-color: #FFF;
	color:#000;
	padding:8px;
}

.link_navig_footer {
	list-style-type: none;
}

.footer_left {
	height:150px;
}

.footer_title {
	font-size:20px;
	border-bottom:1px solid #FFF;
}

.footer_center {
	
}

.footer_right {
	/*border-left:1px solid #c8c8c8;*/
	height:150px;
}

#fix_footer{
	position:absolute;
	bottom:0px;
	width:100%;
}

.header_create_party {
	/*background-color:#5E5B5B;*/
	font-family: 'Frijole', cursive;
	text-align:center;
}

.header_title {
	color:#FFF;
	font-size:35px;
	margin-top:5px;
}




@media screen and (max-width: 768px){
	
	.xs-connect {
		margin-top:5px;
		background-color: rgba(33,33,33,0.8);
		color:#fff;
		padding:20px;
		border-radius: 3px;
	}

	.form_connect_xs {
		margin-top:150px !important;
		background-color: rgba(33,33,33,0.8);
		color:#fff;
		padding:20px;
		border-radius: 3px;
	}

	.img-container-choix {
		height:50%;
	}


	.img-container-choix {
		/*margin-top:80px;*/
	}

	#fix_footer{
		position:static;
	}

	.title_main h1 {
		margin:0px !important;
		padding:5px;
		height:70px;
		text-align: center;
		color:#000;
		font-weight:bold;
		font-size:15px;
	}
}


@media (min-width: 767px) and (max-width: 991px) {
	#fix_footer{
		position:static;
	}

	.descriptif_scenario {
		z-index:100;
		background-color: rgba(0,0,0,0.8);
		color:#fff;
		position:absolute;
		top:30%;
		width:80%;
		left:5%;
		padding:5px;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	#fix_footer{
		position:static;
	}

	.descriptif_scenario {
		z-index:100;
		background-color: rgba(0,0,0,0.8);
		color:#fff;
		position:absolute;
		top:30%;
		width:80%;
		left:5%;
		padding:5px;
	}
}


@media screen and (min-width: 1200px) {

}