@import url(http://fonts.googleapis.com/css?family=Exo:600);
@import url(http://fonts.googleapis.com/css?family=Share:400,700);
@charset "UTF-8";
/*reset*/
html, body, div, span,
h1, h2, h3,  p,
a, ul, li, button, img {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'PT Sans Narrow', sans-serif;
}

.exo{font-family: 'Exo', sans-serif;}
.share{font-family: 'Share', sans-serif;}

.inblock{
	display: inline-block;
	vertical-align: top;
}

.clear{clear: both;}
.width {
	width: 100%;
	max-width: 1000px;
    min-width: 530px;
	margin: auto;
}

a{ cursor: pointer; }

body{
	background: url(../../img/reservecougar/tpl7/bg-v1.jpg) no-repeat top center #BD90AF;
	background-size: cover;
}
header{
	background-color: #3c3a3a;
	width: 100%;
	height: 46px;
	border-bottom: 2px solid #e12790;
	line-height: 46px;
}

header .width {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#intro {
	color: #fff;
	font-size: 15px;
	flex: 1;
}

#intro b{
	color: #ff4628;
	font-weight: normal;
}

#login {
	margin-left: 20px;
}

#memberButton {
	background-color: #79E212;
	border: none;
	border-radius: 5px;
	color: #333;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
}

#memberButton:hover {
	background-color: #5ea010;
}

#logo, #slogan{ margin-top: -15px; }

#slogan {margin-left: 140px;}
#slogan h2{
	color: e12790;
	font-weight: normal;
	font-size: 22px;
	text-align: center;
}

#slogan h2 strong{
	font-weight: bold;
}

#pics {
	width: 460px;
	margin-top: 15px;
	border: 1px solid #dbd4d4;
	background-color: #fff;
	padding: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
}

.main-pic{
	float: left;
	height: 300px;
	margin-right: 14px;
}

.infos{
	background: url(../../img/reservecougar/tpl7/trans.png) repeat;
	position: absolute;
	width: 342px;
	height: 37px;
	margin-top: 326px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	padding-top: 3px;
}
.infos em{
	color: #8ee019;
	font-weight: bold;
	font-size: 18px;
}
.picture{
	float: left;
	width: 100px;
	height: 140px;
	background-color: #dadfe3;
	color: #000;
	text-align: center;
}
.picture p{
	line-height: 13px;
	font-size: 12px;
	margin-top: -2px;
}
.picture p em{
	color: #d42d5b;
	font-size: 13px;
}
.img{
	height: 140px;
}

.pic1{
	margin-top: 22px;
}
.pic2 {
	clear: left;
	margin-top: 14px;
}
.pic3, .pic4{
	margin: 14px 0 0 11px;
}
.pic5{
	margin: 14px 0 0 14px;
}

#form {
	margin-top: 15px;
	padding: 10px 0;
	width: 478px;
	min-height: 571px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #e12790;
	-webkit-box-shadow: 0 0 10px rgba(5,6,6,.49), inset 0 0 0 2px rgba(234,234,234,.44);
	-moz-box-shadow: 0 0 10px rgba(5,6,6,.49), inset 0 0 0 2px rgba(234,234,234,.44);
	box-shadow: 0 0 10px rgba(5,6,6,.49), inset 0 0 0 2px rgba(234,234,234,.44);
	border: solid 1px #850046;
	background-image: -webkit-linear-gradient(top, #c70069, #850046);
	background-image: -moz-linear-gradient(top, #c70069, #850046);
	background-image: -o-linear-gradient(top, #c70069, #850046);
	background-image: linear-gradient(to bottom, #c70069, #850046);
	margin-left: 12px;
}

#form-container {
    background-color: #DADFE3;
    border-radius: 0 0 5px 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
    position: relative;
    z-index: 15;
}

#form h2 {
	font-size: 24px;
	color: #fefefe;
	font-weight: normal;
	text-align: center;
	background-color: #060108;
	padding: 10px 30px;
	border-radius: 7px;
	width: 460px;
	margin: auto;
	padding: 10px 0;
}

#form h2 b{
	font-weight: bold;
	color: #f47950;
}

select, input{
	border: 1px solid #000 !important;
}

#regbutton {
	display: none;
	font-size:25px !important;
	color: #000;
}

#fieldset-ezformstep1 .legend a.fb_connect {
	margin-left: 180px !important;
	width: 202px !important
}

#ez-register-form-submit, #ez-register-form-submit2, #regbutton {
	background: url(../../img/reservecougar/tpl7/bouton-v1.png) top center no-repeat transparent;
	width:300px;
	height:59px;
	border:0px;
	color:#000;
}
#ez-register-form button span.middle {
	font-size:25px !important;
	color: #000;
}

#wrap, #wrap2, #wrap3{
	margin-top: 40px;
}

#wrap2{
	display: none;
}

.ez-geolink { color: #3c3a3a; text-decoration: none; }

.avantages {
	/*margin-top: 87px;*/
	text-align: center;
	position: absolute;
	margin: 520px 0 0 35px;
	z-index: 10;
}

.tem{
	border: 1px solid #dbd4d4;
	background-color: #fff;
	border-radius: 7px;
	color: #3c3a3a;
}

.tem .cell h2{
    color: #E10A7B;
    font-size: 25px;
    padding: 5px 10px;
	background-color: #dadfe3;
}

.tem h2 b{
	font-weight: normal;
	color: #870047;
}

.temoignage{
	border: 1px solid #dbd4d4;
	background-color: #f8f9fa;
	color: #3c3a3a;
	padding: 10px;
}


.temoignage img{
	float: left;
	margin-right: 10px;

}

.temoignage p{
	margin: 0;
	font-size: 16px;
	line-height: 16px;
}
.pink{
	color: #e10a7b;
}

#realmembers{

}
.content{
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #e12790; background-image: -webkit-linear-gradient(top, #c70069, #850046); background-image: -moz-linear-gradient(top, #c70069, #850046); background-image: -o-linear-gradient(top, #c70069, #850046); background-image: linear-gradient(to bottom, #c70069, #850046);
	width: 100%;
	border-radius: 7px;
	margin-top: 20px;
	font-family: 'Share', sans-serif;
}
.content h3{
	padding: 15px 0 0 15px;
	color: #fff;
	font-size: 18px;
}

.cell{
	display: table-cell;
	color: #000;
	width: 49%;
	padding: 15px;
	font-size: 12px;
}

.cell p, .cell ul{
	margin: 10px 0;
	font-size: 15px !important;
}

.cell li{
	list-style-type: none;
	list-style-position: inside;
	color: #E10A7B
}

.border{
	border-left: 1px solid #898686;
	width: 2%;
	padding: 0;
}

.ville table td{
	width: 20%;
	padding: 15px;
}

.ville h3{
	color: #fff;
	margin-bottom: 5px;
	font-weight: bold;
}

li {
	list-style: none;
}

.ville li a{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.profil{
	float: left;
	width: 498px;
	height: 120px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding: 10px;

}

.fl{float: left;}

.profil img{ margin-right: 15px; cursor: pointer;}
.profil h2 { color : #BF0065; background-color: none !important;}
.profil p { color : #000; font-size: 14px; font-weight: normal;}

table td{
	width: 20%;
	vertical-align: top;
}

td h3{
	color: #fff;
	margin-bottom: 5px;
	font-weight: bold;
}

td li{
	list-style: none;
	color: #fff;
	font-size: 14px;
}

li a{
	color: #fefefe;
	text-decoration: none;
}

footer{
	width: 100%;
	text-align: center;
	padding: 15px 0;
	color: #000;
	margin-top: 40px;
}
footer a{
	color: #000;
	text-decoration: none;
}

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

	header {
		height: auto;
	}

	#login {
		float: none;
		margin-left: 10px;
	}
	#intro {
		text-align: center;
		display: block;
	}

	#logo {
		margin-top: 10px;
		width: 100%;
	}

	#logo p{
		text-align: center;
		width: 100%
	}
	#logo img {
		width: 90%;
		max-width: 455px;
	}

	#slogan {
		width: 90%;
		margin: auto;
	}

	#slogan h2 {
		text-align: center;
		width: 100%; }

	.main-pic,
	.infos {
		display: none;
	}

	#pics{
		display: block;
		width: 100%;
		max-width: 685px;
		margin: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px 10px 0 10px;
	}

	.fullform {
		width: 505px;
		display: block;
		margin: 0 auto 15px;
	}
	.pic0,
	.pic1,
	.pic2,
	.pic3,
	.pic4,
	.pic5 {
		margin: 0 0 10px 10px;
		clear: none;
	}

	.cell{
		display: inline-block;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.profil {
		width: 100%;
		font-size: 25px;
		min-height: 120px;
		display: table;
	}

	#realmembers {
		width: 100%;
	text-align: center;
	}
	#realmembers td {
		display: inline-block;
		width: 100px;
		height: 155px;
		margin: 2%;
	}


	.ville table td {
	    display: inline-block;
	    text-align: center;
	    width: 40%;
	    margin: auto;
	    vertical-align: top;
	}
	.ville h3 {
		padding: 0;
	}
}

@media only screen and (max-width:740px) {
	#pics {
	    display: block;
	    margin: 15px auto;
	    max-width: 85%;
	}
	.picture {width: 31%;}
	.pic3 {clear: left;}
}

@media only screen and (max-width:540px) {
	#log {display: block}
	#log button {
		width: 100%;
		margin: 0;
	}
	#regbutton {
		margin: 10px auto;
		display: block;
	}
	#login {display: block; text-align: center; margin-top: 10px;}
	#intro {display: none;}
	.picture {width: 45%;}
	.pic3 {clear: none;}

}

@media only screen and (max-width:300px) {
	.picture {width: 92%;}
	.pic3 {clear: none;}
}

/* Localized */
