/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

input[type=text], input[type=email], input[type=password], input[type=submit]
{
	outline: none;
	-webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #ccc;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

img
{
	max-width: 100%;
}

.row:after
{
	clear: both;
	display: table;
	content: '';
}

body
{
	font-family: Arial;
	font-size: 14px;
	background: #fff;
	color: #333;
}

a
{
	color: #333;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

form .field::-moz-placeholder { opacity: 1; font-size: 16px; color: #666; }

form .field::-webkit-input-placeholder { font-family: Arial; opacity: 1; font-size: 16px; color: #666; }
form .field::-moz-placeholder { font-family: Arial; opacity: 1; font-size: 16px; color: #666; } 
form .field:-ms-input-placeholder { font-family: Arial; opacity: 1;font-size: 16px; color: #666; }
form .field:-moz-placeholder { font-family: Arial; opacity: 1;font-size: 16px; color: #666; }

h1, h2, h3
{
	font-family: 'Lato';
	font-weight: 700;
}

h2
{
	text-align: center;
}

h3
{
	margin-bottom: 20px;
	font-size: 25px;
	color: #555;
}

h3.c
{
	color: #29abe2;
}

.datefield
{
	font-size: 15px;
	width: 110px!important;	
}

.allpartners
{
	padding: 20px;
	text-align: center;
}

#tarteaucitronAlertSmall {
 	right: auto!important;
 	left: 0;       
}

#bottom_toolbar
{
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	background: #29abe2;
	padding: 0px;
	z-index: 99999999999;
	-moz-box-shadow: 0 -1px 7px rgba(0,0,0,.19);
-webkit-box-shadow: 0 -1px 7px rgba(0,0,0,.19);
-ms-box-shadow: 0 -1px 7px rgba(0,0,0,.19);
box-shadow: 0 -1px 7px rgba(0,0,0,.19);
}

#bottom_toolbar .wrap
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 10px 20px 5px;
}

#bottom_toolbar .wrap .texte
{
	padding: 0 20px;
	text-align: left;
	font-size: 15px;
	color: #fff;
	font-family: 'Open Sans';
}

#bottom_toolbar .wrap .texte .titre
{
	font-weight: 300;
	
	
	font-size: 27px;
	padding-bottom: 5px;
}

#bottom_toolbar .firefox
{
	width: 130px;
	height: 130px;
	background: url(../img/firefox-big.png) no-repeat center center;
	background-size: 100%;
}

#bottom_toolbar .chrome
{
	width: 130px;
	height: 130px;
	background: url(../img/chrome-big.png) no-repeat center center;
	margin-left: -10px;
	background-size: 100%;
}

#bottom_toolbar .firefox, #bottom_toolbar .chrome
{
	visibility: hidden;
	
}

#bottom_toolbar .c
{
	height: 30px;
}

#bottom_toolbar .cal
{
	position: relative;
}

#bottom_toolbar .firefox.ab, #bottom_toolbar .chrome.ab
{
	visibility: visible;
	position: absolute;
	left: 0;
	top: -50px;
}

#bottom_toolbar a
{
	text-decoration: none;
}

.toolbar_intro
{
	position: relative;
	display: inline-block;
}

.toolbar_intro .caption
{
	font-style: italic;
	padding-top: 3px;
}

.toolbar_intro .bulle
{
	position: absolute;
	right: -20px;
	top: -20px;
	width: 70px;
	height: 70px;
	border-radius: 70px;
	background: #FFA600;
	color: #fff;
	text-align: center;
	font-size: 15px;
	padding-top: 12px;
}

.toolbar_intro .bulle .high
{
	display: block;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 2px;
}

.toolbar_intro .bulle sup
{
	vertical-align: top;
	font-size: 15px;
}

.toolbar_desc h2
{
	font-size: 27px;
}

.toolbar_desc .current
{
	padding-bottom: 50px;
}

.toolbar_desc .current a
{
	display: none;
}

.toolbar_desc a.chrome span
{
	background: url(../img/chrome.png) no-repeat center center;	
	background-size: 100%;
	margin-right: 10px;
	display: inline-block;
	width: 48px;
	height: 48px;;
	vertical-align: middle;
}

.toolbar_desc a.firefox span
{
	background: url(../img/firefox.png) no-repeat center center;	
	background-size: 100%;
	margin-right: 10px;
	display: inline-block;
	width: 44px;
	height: 48px;;
	vertical-align: middle;
}

body.chrome .current a.chrome
{
	display: inline-block;
}

body.firefox .current a.firefox
{
	display: inline-block;
}

.toolbar_desc .liste a
{
	display: none;
	padding: 5px 10px;
	font-size: 16px;
}

.toolbar_desc .liste a span
{
	width: 30px;
	height: 30px;
}



.toolbar_desc .ca.liste
{
	padding-top: 10px;
}


body:not(.firefox) .toolbar_desc .liste a.firefox
{
	display: inline-block;
}
body:not(.chrome) .toolbar_desc .liste a.chrome
{
	display: inline-block;
}

body:not(.firefox):not(.chrome) .toolbar_desc .hascurrent
{
	display: none;
}

body .toolbar_desc .hascurrent .high
{
	color: #FFA600;
	padding-top: 5px;
	font-size: 16px;
}

.toolbar_intro
{
	text-align: center;
	margin-top: 20px;
}

.toolbar_intro img
{
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 9px;
}

.toolbar_desc
{
	padding-top: 30px;	
}

.toolbar_desc h3
{
	font-size: 16px;
}

#toppromo
{
	line-height: 30px;
	background: yellow;
	left: 0;
	top: 0;
	width: 100%;
	position: fixed;
	z-index: 9999;
}

body.toppromo
{
	padding-top: 30px;
}


#toppromo a
{
	display: block;
	text-align: center;
	text-decoration: underline;
}

#header
{
	padding-left: 15px;
	padding-right: 15px;
}

#header .panel .field::-webkit-input-placeholder { font-size: 13px;  }
#header .panel .field::-moz-placeholder { font-size: 13px;  }
#header .panel .field:-ms-input-placeholder { font-size: 13px;  }
#header .panel .field:-moz-placeholder { font-size: 13px;  }

#header .logo
{
	height: 70px;
	margin: 10px 0;
}

#header .fb, #footer .fb
{
	display: inline-block;
	background: url(../img/v2/facebook.png) no-repeat;
	background-size: 100%;
	width: 35px;
	height: 35px;
	vertical-align: middle;
}

#header .fb
{
	float: right;
	margin-top: 30px;
}

#header #searchForm
{
	margin-top: 26px;
	display: inline-block;
	vertical-align: top;
	margin-left: 80px;
}

.preview_search
{
	text-align: center;
	padding-bottom: 25px;
}

.landing
{
	text-align: center;
}


#video
{
	position: fixed;
	left: 0;
	top: 100px;
	z-index: 99999999;
	width: 100%;
	text-align: center;
	display: none;
}

#video .pad
{
	background: #fff url(../img/poster.png) no-repeat center center;
	background-size: 300px;
	border-radius: 4px;
	padding: 35px 10px 10px 10px;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	border: 1px solid #ccc;
}

#video video
{
	width: 100%;
	height: 100%;
	width: 800px;
	height: 450px;
	cursor: pointer;
	max-width: 100%;
}

#searchForm input
{
	border: 0;
	background: #fff;
	-webkit-appearance: none;
	outline: none;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
	width: 500px;
	display: inline-block;
	vertical-align: middle;
	max-width: calc(89% - 45px);
}

.cgu
{
	line-height: 19px;
}

.cgu h2, .cgu h3
{
	line-height: normal;
}

.cgu p
{
	padding-bottom: 10px;
}

.cgu h3
{
	margin-top: 20px;
}

.preview_search #searchForm input
{
	/* border: 1px solid #ccc;*/ 
	background: #fff;
}

#searchForm span
{
	display: inline-block;
	width: 45px;
	height: 45px;
	background: #29abe2 url(../img/search.png) center center no-repeat;
	cursor: pointer;
	background-size: 20px;
	vertical-align: middle;
	border-radius: 0 30px 30px 0;
}

.wrap
{
	width: 1200px;
	max-width: 100%;
	padding: 20px;
	margin: 0 auto;
}

.half
{
	float: left;
	width: 50%;
}

.pad30
{
	padding: 30px;
}

.loginsignin .cadre
{
	border: 1px solid #ccc;
	padding: 15px;
	border-radius: 15px;
}

.loginsignin .titre
{
	margin-bottom: 20px;
	font-size: 25px;
}

.signin .intro
{
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

form .error
{
	color: red;
	padding: 5px;
	font-weight: bold;
	line-height: 20px;
}

form input.h
{
	display: none;
}

form input.err
{
	color: red;
}

form .field
{
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ccc;
	max-width: 100%;
	width: 360px;
	font-size: 16px;
}

form .fieldpetit
{
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ccc;
	width: 100%;
	font-size: 15px;
	max-width: 100%;
}

form textarea
{
	max-width: 100%;
}

form .line
{
	margin-bottom: 15px;
}
#faq
{
	margin-top: 7px;
	display: flex;
	background: #fff;
}

#faq .item
{
	margin: 10px 0;
	padding: 10px 10px 0 10px;
}

#faq .item .question
{
	font-size: 18px;
	font-family: 'Arimo';
	color: #00a99d;
	margin-bottom: 20px;
	font-weight: bold;
	background: url(../img/v2/trait2.png) no-repeat left top;
	padding-top: 16px;
}

#faq .item .reponse
{
	line-height: 22px;
}

#faq .left h2
{
	display: none;
}

#faq .right
{
	display: flex;
	align-items: center;
	text-align: left;
	padding: 0 60px 0 20px;
}



.loginsignin .titre, #faq .titre, h1, h2
{
	color: #183030;
}

body.log #home .fond:last-child
{
	margin-top: 60px;
	border-top: 1px solid #ccc;
}

#home
{
	text-align: center;
}

#home #searchForm
{
	position: relative;
	z-index: 2;
}

#home .billet
{
	background: #00a99d url(../img/v2/billet.png) no-repeat left center / 200px;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
}

#home .bourse
{
	background: #29abe2 url(../img/v2/bourse.png) no-repeat right bottom / auto 90%;
	height: 265px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	padding-right: 275px;
}

#home .billet  h2, #home .bourse  h2
{
	color: #fff;
	line-height: 1.2em;
	margin: 0 0 20px 0;
}

#home .banner
{
	background: url(../img/v2/banner.jpg) center center no-repeat;
	background-size: cover;
	height: 745px;
	position: relative;
	padding-top: 144px;
	color: #fff;
}


#home .banner .mask
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

#home .banner h1, #home .banner h2
{
	position: relative;
	z-index: 2;
}

#header h1
{
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 35px;
	text-align: center;
	color: #fff;
	margin-top: 90px;
}

#header h2
{
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 25px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
}

body.log:not(.created):not(.welcome) #home .banner
{
	height: 350px;
	background-position-y: 0;
	z-index: 8;
	margin-top: 100px;

}


#home .banner .intro .text
{
	line-height: 20px;
	font-family: 'Arimo';
	font-size: 16px;
	letter-spacing: 0.1em;
}

#home .banner .intro .text strong
{
	color: #ffff00;
}

#home .banner h1, #home .banner h2
{
	text-shadow: 1px 1px #000;
}

#home .banner h1, #home .banner h2, #home .banner h3
{
	color: #fff;
}

#home h1, #home h2, .partners_preview h2, .comment h2, #home .banner h3
{
	font-family: 'Open Sans';
	font-weight: 300;
}

body.landing_don .banner h1, body.landing_societes .banner h1
{
	font-size: 50px;
}

body.landing_don .banner h2, body.landing_societes .banner h2
{
	font-size: 25px;
}

#home .bienvenue 
{
	font-size: 17px;
	display: inline-block;
	max-width: 680px;
	line-height: 25px;
	padding: 10px;
}

h1.barre, h2.barre
{
	color: #29abe2;
	font-size: 30px;
	text-align: center;
	position: relative;
}

h1.barre:before, h2.barre:before
{
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	top: 22px;
	border-bottom: 1px solid #29abe2;
}

h1.barre span, h2.barre span
{
	display: inline-block;
	vertical-align: middle;
	background: #f8f8f8;
	position: relative;
	z-index: 2;
	padding: 0 10px;
}

#partner h1.barre span
{
	background: #fff;
}

.landing_don #home .banner, .landing_societes #home .banner
{
	background: url(../img/banner_don.jpg) center center no-repeat;
	height: 500px;
	background-size: cover;
}

.landing_don #home .banner span, .landing_societes #home .banner span
{
	display: none;
}

/*
#home .banner span
{
	background: url(../img/logo_blanc.png) center top no-repeat;
	background-size: 150px;
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	top: calc(30% - 50px);
	z-index: 2;
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	opacity: 0.9;
}
*/

.half
{
	float: left;
	width: calc(50% - 20px);
	margin-right: 20px;
}

.borderb
{
	/* border-bottom: 1px solid #ccc;*/ 
}

#home .high
{
	text-align: center;
}

h1, h2
{
	margin: 30px;
	font-size: 36px;
}

#home .high
{
	font-size: 14px;
	line-height: 25px;
}


body.home #header
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 5;
}

body.toppromo #header
{
	top: 25px;
}

body.home .banner h2
{
	font-size: 30px;
}

#home .banner .right h2
{
	color: #1a789c;
	text-shadow: none;
}

body.home .banner .right .pave
{
	background: rgba(216,245,251,0.6);
	border-radius: 17px;
	display: inline-block;
	vertical-align: middle;
	color: #aaa;
}

body:not(.home) #header, body.home.log:not(.welcome):not(.created) #header
{
	height: 350px;
	background: url(../img/v2/header.jpg) no-repeat;
	background-size: cover;
}

body.signin #header, body.landing_all #header, body.login #header, body.cgu #header, body.faqpage #header, body.contact #header
, body.mentions #header, body.confidentialite #header, body.landing_don #header, body.landing_societes #header, body.partner #header
, body.liste-form #header, body.forgot #header, body.newpassword #header
{
	height: 100px;
}

@media (max-width: 1023px)
{
	body.signin , body.landing_all , body.login , body.cgu, body.faqpage , body.contact 
	, body.mentions , body.confidentialite , body.landing_don , body.landing_societes, body.partner
	, body.liste-form 
	{
		padding-top: 100px;
	}
}

#header .wrap
{
	padding: 0;
}


#home .banner .links
{
	margin-top: 30px;	
	display: flex;
	justify-content: space-around;
}

#home .banner .link
{
	display: inline-block;
	vertical-align: middle;
	max-width: 400px;
	text-align: left;
	height: auto;
	min-height: 70px;
}

#home .banner .coeur
{
	display: inline-block;
	background: url(../img/v2/coeur.svg) no-repeat 10px center;;
	vertical-align: middle;
	background-size: 70px;
	padding-left: 100px;
	line-height: 26px;
}


#home .banner .societes
{
	display: inline-block;
	background: url(../img/v2/societe.svg) no-repeat 10px center;;
	vertical-align: middle;
	background-size: 70px;
	padding-left: 90px;
	line-height: 26px;
}


#home .banner .new
{
	color: #ffff00;
	font-size: 8px;
	
}

#header .panel
{
	position: absolute;
	right: 0;
	top: 50px;
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px;
	z-index: 4;
	width: 250px;
	display: none;
}

#header .panel .field
{
	height: 42px;
	font-size: 15px;
}

#header .panel .submit
{
	padding: 6px 10px;
	display: block;
	width: 100%;
	font-size: 15px;
}

#header .facebook
{
	font-family: 'Oxygen', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	cursor: pointer;
	background: #3b5998;
	text-align: center;
	border-radius: 3px;
}

#header .ou
{
	padding: 20px 0;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}


#header ul
{
	float: right;
	margin-top: 25px;
	margin-right: 25px;
}

#header ul li
{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	position: relative;
}

#header ul li.search
{
	display: none;
}

#header ul li > a, #home .banner a, #home .billet a, #home .bourse a, #bottom_toolbar a, .btn.vid
{
	font-size: 16px;
	color: #fff;
	padding: 0px 20px;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
	height: 45px;
	line-height: 42px;
	border-radius: 50px;
	background: none;
	cursor: pointer;
}


#header ul li > a:hover, #home .banner a:hover, #home .billet a:hover, #home .bourse a:hover, #bottom_toolbar a:hover, .btn.vid:hover
{
	background-color: #fff;
	color: #29abe2;
}

.btn.vid:hover
{
	border-color: #fff;	
}

#header ul li > a.signin, #home .banner a.sign, #home .billet a, #home .bourse a, #bottom_toolbar a, .btn.vid, #header .user a
{
	border: 2px solid #fff;
}

#home .banner a
{
	text-transform: uppercase;
	margin-top: 20px;
}

.fond
{
	background: #f8f8f8;
}

.btn.vid
{
	color: #1a789c;
	border: 1px solid #1a789c;
}




.ca
{
	padding: 30px;
	text-align: center;
}

.ca a, .submit
{
	display: inline-block;
	font-size: 21px;
	background: #57C9C2;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none!important;
	border: 0;
	border-bottom: 2px solid #3f908b;
	letter-spacing: 0.05em;
	border-radius: 4px;
	font-family: 'Lato';
}

.ca a:hover, .submit:hover
{
	background: #3f908b;
}

.back .submit
{
	font-size: 14px;
}



.submit
{
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;	
}

#overallcache
{
	position: fixed;
	z-index: 9999998;
	background: rgba(0, 0, 0, 0.6);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

#partner h1
{
	line-height: 1.3em;
	margin-bottom: 30px;
}

.tags li
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 8px 10px;
	cursor: pointer;
	text-transform: uppercase;
	font-family: 'Arimo';
	font-weight: bold;
	position: relative;
}

.tags li:after
{
	width: 1px;
	height: 22px;
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: #ccc;
	position: absolute;
	right: -5px;
	top: 5px;
}

.tags li:last-child:after
{
	display: none;
}

.tags li.active, .tags li:hover
{
	background: #29abe2;
	color: #fff;
}

.tags li.active:after
{
	display: none;
}

.tags li.promo
{

}

.tags li.promo.active
{
	border-color: #666;
}

.tags
{
	margin-bottom: 20px;
}

h3.more
{
	background: #29abe2;
	color: #fff;
	font-family: 'Arimo';
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	padding: 10px 15px;
}


.partners > li
{
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 223px;
	line-height: 200px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: center;	
	padding-left: 20px;
	padding-right: 20px;
	background: #fff;
	position: relative;
	border-radius: 13px 13px 0px 0px;
	border-bottom: 6px solid #e6e6e6;
	box-shadow: 1px 2px 4px #e6e6e6;
}

.partners > li:after
{
	width: 100%;
	height: 5px;
	background: url(../img/v2/trait.png) no-repeat center center;
	left: 0;
	width: 100%;
	bottom: -5px;
	position: absolute;
	content: '';
}

.highlight .partners > li
{
	width: 600px;
	max-width: 95%;
	height: auto;
	line-height: normal;
	padding-left: 0;
	padding-right: 0;
	cursor: default!important;
	display: none;
	margin: 0 auto 30px auto;
}

.highlight .partners > li span.cb span
{
	border: 2px solid #29abe2!important;
	color: #29abe2!important;
	background: none!important;
}

.highlight .partners > li:after
{
	display: none;
}

.highlight .partners > li .inner
{
	padding: 0 20px;
}

.highlight .partners > li span.cb
{
	position: relative;
	bottom: auto;
	left: auto;
	margin-bottom: 20px;
}

.highlight .partners > li img
{
	max-height: 200px;
}

.highlight .partners > li .texte
{
	line-height: 24px;
	margin-bottom: 20px;
	text-align: left;
}

.highlight .partners > li .texte ul
{
	list-style-type: disc;
	padding-left: 15px;
}

.partners.assos > li
{
	width: 150px;
	height: 150px;
	line-height: 150px;
}

.partners.full > li
{
	cursor: pointer;
}

.popup
{
	position: fixed;
	width: 800px;
	left: calc(50% - 400px);
	top: 20px;
	background: #fff;
	font-size: 18px;
	line-height: 25px;
	display: none;
	z-index: 9999999;
	cursor: default;
}

.singlepartner
{
	background: #fff;
	font-size: 18px;
	line-height: 25px;
}

.highlight .popup
{
	display: block;
	position: relative;
	width: auto;
	left: auto;
	top: auto;
}

.popup .pad
{
	position: relative;
	padding: 25px;
}

.popup .close, #video .close
{
	position: absolute;
	right: 17px;
	top: 15px;
	padding-right: 25px;
	background: url(../img/v2/close.png) no-repeat right bottom / 17px;
	cursor: pointer;
	font-size: 10px;
	line-height: 15px;
	height: 17px;
}

#video .close
{
	top: 10px;
	right: 10px;
}

.singlepartner
{
	background: #fff;
	border-radius: 20px;
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;	
}

.singlepartner .pad
{
	padding: 30px;
}

.popup .nom, .singlepartner .nom
{
	font-weight: bold;
	color: #000;
	font-size: 20px;
	margin-bottom: 20px;
}

.popup .cbspan, .singlepartner .cbspan
{
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	border: 2px solid #29abe2;
	color: #29abe2;
	font-family: 'Arimo';
	font-weight: bold;
	font-size: 18px;
	margin-top: 25px;
}

.singlepartner .cbspan
{
	margin-bottom: 29px;
}

.singlepartner h2.barre
{
	font-size: 25px;
}

.singlepartner h2.barre span
{
	background: #fff;
}

.signin .partnerimg
{
	background: #fff;
	padding: 20px;
	border-radius: 7px;
	display: inline-block;
}

.popup .texte, .singlepartner .texte
{
	font-size: 14px;
	text-align: left;
	max-height: 290px;
	overflow: auto;
	text-align: center;
}

.popup .texte em
{
	color: #29abe2;
}

.singlepartner .texte
{
	overflow: visible;
}

.popup .texte span, .singlepartner .texte span
{
	color: #29abe2;

	font-size: 20px;
}

.popup img
{
	max-height: 100px;
}

.popup > .go, .highlight .go, .singlepartner .go
{
	text-align: center;
	margin-top: 10px;
	background: url(../img/v2/cb.jpg) no-repeat;
	background-size: cover;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}



.partners > li .popup .go a, .highlight .partners > li .go a, .singlepartner .go a
{
	border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    padding: 0px 20px;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    height: 45px;
    line-height: 42px;
    border-radius: 50px;
    background: none;
    cursor: pointer;
}

.singlepartner .go a:hover
{
	background: #fff;
	color: #29abe2;
}

.popup .panel.promos .go a
{
	border-color: #444;
	color: #444;
}

.partners > li .popup .go a:hover, .highlight .partners > li .go a:hover
{
	background-color: #fff;
    color: #29abe2;
}

.partners > li .popup .nav
{
	text-align: center;
	padding: 10px;	
	margin-top: 15px;
}

.partners > li .popup .nav li
{
	display: inline-block;
	border: 1px solid #29abe2;
	padding: 3px 10px;
	cursor: pointer;
	font-size: 12px;
	background: #fff;
	margin: 0 5px;
	color: #29abe2;
}

.partners > li .popup .promos li
{
	padding: 10px;
	background: #eee;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center;
	border-radius: 25px;
}

.partners > li .popup .promos .go a
{
	padding: 0px 10px;
	font-size: 11px;
}

.partners > li .popup .promos .go
{
	margin-top: 5px;
}

.partners > li .popup .promos .et
{
	padding-top: 10px;
	color: #000;
	font-size: 26px;
}

.partners > li .popup .nav li.active, .partners > li .popup .nav li:hover
{
	background: #29abe2;
	color: #fff;
	border-color: #29abe2; 
}


.partners > li .popup .promos
{
	display: none;
}

body.guest #home .partners > li a
{
	display: block;
	height: 100%;
}


body:not(.blackfriday) .partners > li img
{
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 20px;
	max-height: 100px;
}

.partners > li img.vert
{
	max-width: none;

}

.partners > li span.cb
{
	position: absolute;
	left: 0; 
	bottom: 13px;
	width: 100%;
	padding : 3px 3px;
	display: block;
	height: auto;
	line-height: normal;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.partners > li span.cb span
{
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	border: 2px solid #29abe2;
	color: #29abe2;
	font-family: 'Arimo';
	font-weight: bold;
	font-size: 14px;
}

.partners > li:hover span.cb span
{
	color: #fff;
	background: #29abe2;
}

.partners.autofb > li span.cb
{
	background: #fff;	
	color:#479a95;
	font-size: 14px;
	font-weight: bold;
	bottom: auto;
	top: 10px;
}

.partners > li span.btn
{
	position: absolute;
	left: 10px; 
	bottom: 10px;
	width: calc(100% - 20px);
	padding : 3px 3px;
	display: block;
	height: auto;
	line-height: normal;
	background: #295396 url(../img/hand.png) no-repeat right center;
	background-size: 20px;
	color: #fff;
	font-size: 12px;
	border-radius: 10px;
}

.partners > li span.promo
{
	position: absolute;
	right: 0px; 
	top: 0px;
	width: 78px;
	height: 48px;
	display: block;
	line-height: normal;
	background: url(../img/code-promo.png) no-repeat;
	background-size: 100%;
}

.partners.autofb > li span.promo
{
	z-index: 2;
	right: -5px;
	top: 20px;
}

.mentions 
{
	line-height: 25px;
}

#page.signin, #page.login
{
	text-align: center;
}

#page.signin .row.first
{

}


#page.signin form .button, .allpartners a, .landing_don a.button, .landing_societes a.button
{
	font-size: 16px;
	color: #fff;
	padding: 0px 20px;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
	height: 45px;
	line-height: 42px;
	border-radius: 50px;
	background: #5cbfe9;
	cursor: pointer;
	border: 0;
}

.landing_don .intro, .landing_societes .intro
{
	font-size: 18px;
	line-height: 35px;
}

.landing_don a.button, .landing_societes a.button
{
	margin-bottom: 25px;
}

#page.signin form .button:hover
{
	color: #084692;
}

#page.signin .row.facebook .btn
{
	font-family: 'Oxygen', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	cursor: pointer;
	background: #3b5998;
}

#page.signin .row.facebook .btn span
{
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background: url(../img/bt_facebook.png) no-repeat center center;
}

#page.signin .ou
{
	padding: 30px 0;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

#page.signin .content, #page.login .content
{
	display: inline-block;
	vertical-align: top;
	max-width: 90%;
	width: 700px;
}

#page.signin form .field
{
	border: 0;
	background: #f3f1f1;
}

#page.signin .content
{
	border: 0;
	border-radius: 11px;
}

#page.signin h1
{
	font-size: 29px;
}

#page.signin h2.top span
{
	color: #5cbee9;
	font-size: 21px;
}

#page h1
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#page h2.top
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
}

#page .content
{
	background: #fff;
	border: 1px solid #ccc;
	padding: 20px;
}

#prefooter
{
	background: #333;
	padding: 20px 0;
}

#prefooter, #prefooter a
{
	color: #aaa;
}

#prefooter .listes
{
	margin-top: 25px;
}

#prefooter li
{
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 15px);
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: center;
}

#footer
{
	background: #1a1a1a;
}

#footer ul
{
	margin: 30px 0;
	text-align: center;
}

#footer .fb
{
	width: 23px;
	height: 23px;
}

#footer ul li
{
	display: inline-block;
	vertical-align: middle;
}

#footer ul li a
{
	font-family: 'Arimo';
	font-weight: bold;
	color: #fff;
}

#footer ul li:after
{
	content: "|";
	margin-left: 15px;
	margin-right: 15px;
	color: #fff;
}

#footer ul li:last-child:after
{
	display: none;
}

.gobody
{
	text-align: center;
	padding: 50px 20px;
	background: #eee;
}

.gobody .code
{
	margin: 20px 0;
	text-align: center;
}

.gobody .code span
{
	display: inline-block;
	padding: 15px 20px;
	font-size: 17px;
	border: 1px solid #ccc;
	background: #eee;
}

.gobody #go
{
	width: 500px;
	max-width: 90%;
	margin: 0 auto;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
}

.gobody #go .ok
{
	background: #479a95;
	padding: 7px 20px;
	color: #fff;	
}

.gobody #go p
{
	padding: 20px;
	line-height: 20px;
}

.gobody #go .loader
{
	height: 30px;
	background: url(../img/ajax-loader.gif) no-repeat center center;
	margin-bottom: 20px;
}

#parrainage
{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#parrainage .lien
{
	background: #eee;
	padding: 20px;	
}

#parrainage .lien span
{
	display: inline-block;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ccc;
	word-break: break-all;
}

#parrainage .email
{
	margin-bottom: 10px;
}

#parrainage .email .field
{
	width: 300px;
	height: 40px;
	max-width: 90%;
}

#parrainage label
{
	display: inline-block;
	vertical-align: middle;
	width: 80px;
}

#parrainage input[type=submit]
{
	font-size: 14px;
	background: #57C9C2;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
	border: 0;
	cursor: pointer;
}

#parrainage .wrap
{
	background: #fff;
}

#parrainage .merci
{
	background: #E6F5D9;
	padding: 15px 15px 30px 15px;
}

#parrainage .merci .titre
{
	color: #599722;
	font-weight: bold;
	font-size: 18px;
}

#parrainage .facebook, #parrainage .twitter
{
	font-family: 'Oxygen', sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	cursor: pointer;
	background: #3b5998;
	text-align: center;
	border-radius: 3px;
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
}

#parrainage .twitter
{
	background: #1CB7EB;	
}

.blanc
{
	padding-top: 20px;
	padding-bottom: 20px;
}

.blanc .wrap
{
	background: #fff;
	border-radius: 8px;
}

#account .line
{
	margin-bottom: 20px;
	font-size: 15px;
	float: left;
	width: calc(50% - 25px);
	margin: 33px 12.5px 30px 12.5px;
	background: #fff;
	border-radius: 13px;
	box-shadow: 1px 2px 4px #e6e6e6;
	padding: 20px;
	position: relative;
	height: 250px;
}

#account h1
{
	margin-bottom: 30px;
}

#paymentForm .center
{
	text-align: center;
}

#paymentForm .row
{
	margin-bottom: 10px;
	font-size: 15px;
	background: #fff;
	border-radius: 13px;
	box-shadow: 1px 2px 4px #e6e6e6;
	padding: 20px;
	position: relative;
}

#account label.label
{
	height: 119px;
	display: block;
	border-bottom: 1px solid #ccc;
	color: #29abe2;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Arimo';
	font-weight: bold;
	text-align: center;
	padding-top: 71px;
}

#account .line:before
{
	height: 82px;
	width: 100%;
	position: absolute;
	left: 0;
	top: -20px;
	content: '';
}

#account .line.infos:before
{
	background: url(../img/v2/p_info.png) no-repeat top center / auto 82px;
}

#account .line.solde:before
{
	background: url(../img/v2/p_solde.png) no-repeat top center / auto 82px;
}

#account .line.filleuls:before
{
	background: url(../img/v2/p_filleuls.png) no-repeat top center / auto 82px;
}

#account .line.attente:before
{
	background: url(../img/v2/p_attente.png) no-repeat top center / auto 82px;
}

#newsletter_message
{
	min-height: 40px;
	padding-top: 10px;
	color: orange;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#account .value
{
	text-align: center;
	display: block;
	font-size: 16px;
	color: #4d4d4d;
	padding: 30px 10px 10px 10px;
	word-wrap: break-word;
}

#account .prefs
{
	line-height: 25px;
}


#contact h1
{
	margin-bottom: 30px;
}

#contact input[type="submit"] {
    font-size: 14px;
    background: #57C9C2;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
}

.wrap.sidebar
{
	display: flex;
	padding-top: 40px;
}

#account .logout
{
	text-align: center;
}

#account .logout a
{
    border: 2px solid #444;
    font-size: 16px;
    color: #444;
    padding: 0px 20px;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    height: 45px;
    line-height: 42px;
    border-radius: 50px;
    background: none;
    cursor: pointer;
    margin-top: 25px;
}

#account .logout a:hover
{
	border: 2px solid #29abe2;
	color: #29abe2;
}

#leftnav
{
	text-align: left;
	margin-bottom: 30px;
	
	margin-right: 30px;
}

#leftnav ul
{
	width: 313px;
	background: url(../img/v2/nav.jpg);
	background-size: 313px;
	padding: 1px;
}

#leftnav li
{
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 2px solid #e6e6e6;
}

#leftnav li:last-child
{
	border-bottom: 0;
}

#leftnav li a
{
	display: block;
	cursor: pointer;
	height: 100px;
	line-height: 100px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Arimo';
	text-transform: uppercase;
	text-align: center;
	flex: 1;
}


#leftnav li:hover a
{
	color: #29abe2;
}

#leftnav li.active
{
	background: none;
	border-color: transparent;
}

#leftnav li.active a
{
	color: #fff;	
}

#leftnav li a
{
	text-decoration: none;
}

#account .cashback .legende
{
	font-style: italic;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 16px;
}

#account .cashback TABLE
{
	border: 1px solid #ccc;
}

#account .cashback TH
{
	background: #ddd;
}

#account .cashback TD, #account .cashback TH
{
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

#account .cashback .even TD
{
	background: #eee;
}

.signin .logos
{
	background: #fff;
	padding: 40px 0 10px 0;
	text-align: center;
	line-height: 60px;
	border-top: 1px solid #ccc;
}

.signin .logos img
{
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.blocks .block
{
	width: calc(33.333% - 40px);
	display: inline-block;
	text-align: center;
	padding: 10px 25px;
	line-height: 25px;
	background: #fff;
	min-height: 150px;
	margin: 0 10px 10px 10px;
	vertical-align: top;
	border-radius: 20px;
}

.blocks .block.full
{
	width: calc(100% - 40px);
}

.blocks .block a
{
	text-decoration: underline;
}


.blocks .block .rond 
{
	font-weight: bold;
	color: #000;
	font-size: 18px;
	margin-bottom: 6px;
	margin-top: 10px;
	text-align: center;
}

.blocks .block .texte
{
	line-height: 21px;
}

.blocks .block .rond span
{
	display: inline-block;
	vertical-align: middle;
	background: #29abe2;
	border-radius: 25px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-right: 5px;
	color: #fff;
	margin-bottom: 7px;
}

.zonevideo
{
	text-align: center;
	padding-bottom: 30px;
}

.video
{
	width: 240px;
	height: 200px;
	background: url(../img/poster.png) no-repeat center top;
	background-size: 250px;
	position: relative;
	cursor: pointer;
	border-radius: 7px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 25px;
}

.signin .parrainlien
{
	font-size: 12px;
}

.signin .parrainlien .l
{
	cursor: pointer;
	text-decoration: underline;
}

.video .play
{
	position: absolute;
	left: 0;
	top: 66px;
	width: 100%;
	height: 80px;
	background: url(../img/play.png) center center no-repeat;
	background-size: 80px;
}

.signinfond .btn .t
{
	padding-top: 10px;
	text-align: left;
	font-size: 12px;
	padding-right: 10px;
}

.signinfond .btn .b
{
	border: 1px solid #000;
}

.signinfond .btn .center
{
	text-align: center;
	padding-top: 10px;
}

.signinfond .btn img
{
	float: left;
	margin-right: 10px;
	height: 80px;
}

.signinfond #page.signin h1
{
	margin-top: 0px;

}

.signinfond #page.signin h2
{
	font-size: 19px;
	color: #57C9C2;
	font-family: Arial;
}

.signinfond .half
{
	padding-top: 30px;
}

.signinfond .half:last-child
{
	padding-bottom: 30px;
}

.signinfond .content
{
	height: 400px;
}

.cbtop
{
	color: #5cbee9;
	padding: 10px;
	font-weight: bold;
	font-size: 17px;
}

.signinfond .wrap
{
	padding-top: 0;
	position: relative;
	z-index: 2;
}

.blockavis
{
	margin: 7px 0;
	background: #f2f2f2;
	padding-bottom: 60px;
}

.blockavis h2
{
	margin-top: 0;
	padding-top: 50px;
	padding-bottom: 20px;
}

.blockavis .item
{
	float: left;
	width: calc(33.3333% - 30px);
	margin: 0 15px;
	text-align: center;
	display: flex;
}

.blockavis .item .pave
{
	background: #fff;
	margin-left: 25px;
	border-radius: 25px;
}

.blockavis .item .nom
{
	font-weight: bold;
	padding: 10px;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 25px;
}

.blockavis .item .photo
{
	flex : 1 0 auto;
}

.blockavis .item .photo img
{
	height: 150px;
	border-radius: 150px;
}

.blockavis .item .texte
{
	padding: 10px;
	line-height: 22px;
}

.signinfond
{
	background: url(../img/signin3.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
}

.signinfond:after
{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);;
	z-index: 1;
	left: 0;
	top: 0;
	content: ' ';
	
}

#liste .texte
{
	line-height: 20px;
	text-align: center;
}

#liste .paves
{
	text-align: center;
}

#liste .paves a
{
	display: inline-block;
	width: 300px;
	height: 300px;
	margin: 15px;
	text-align: center;
	line-height: 300px;
	position: relative;	
	border-radius: 8px 8px 0 0;
}

#liste .exemple
{
	text-align: center;
	margin-bottom: 50px;
}

#liste .exemple a
{
	font-size: 14px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	background: #f8f8f8;	
	text-transform: uppercase;
	border-radius: 10px;
	text-decoration: none;
}

#liste .exemple a span
{
	display: block;
	padding: 10px 0;
	background: #999;
}

#liste .exemple img
{
	max-width: 300px;
}

#liste.suite .paves a.active
{
	opacity: 0.5;
}

#liste .texte
{
	max-width: 700px;
	margin: 0 auto;
	text-align: justify;
	line-height: 20px;
}

#liste .texte ul
{
	width: 426px;
	max-width: 90%;
	margin: 30px auto;
	text-align: left;
}

#liste .texte ul li
{
	margin-bottom: 15px;
	padding-left: 30px;
	background: url(../img/check.png) left center / 15px no-repeat;
	color: green;
}

#liste.suite .paves a
{
	height: 150px;
}

#liste.suite .ca
{
	text-align: center;
	margin: 20px;
}

#liste.suite .ca a
{
	background: #31aee4;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	display: inline-block;
}


#liste .paves a span
{
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

#liste .meslistes .paves a span
{
	height: auto;
	line-height: normal;
	padding: 10px;
}

#liste a.naissance
{
	background: url(../img/naissance.jpg) no-repeat center center / cover;
}
#liste a.mariage
{
	background: url(../img/mariage.jpg) no-repeat center center / cover;
}
#liste a.noel
{
	background: url(../img/noel.jpg) no-repeat center center / cover;
}
#liste a.bapteme
{
	background: url(../img/bapteme.jpg) no-repeat center center / cover;
}
#liste a.cadeaux
{
	background: url(../img/cadeaux.jpg) no-repeat center center / cover;
}
#liste a.anniversaire
{
	background: url(../img/anniversaire.jpg) no-repeat center center / cover;
}

.liste_page .encart
{
	width: 660px;
	margin: 0 auto;
	max-width: 100%;
	border: 1px solid #eee;
	padding: 20px 40px;
	background: #fff;
	border-radius: 20px;
}

.liste_page .encart h2.barre span
{
	background: #fff;
}

.liste_page .ko
{
	border: 1px solid red!important;
}

.liste_page .message
{
	color: red;
	height: 50px;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
}

.liste_page .encart h1
{
	text-align: center;
}

.liste_page.encart .intro
{
	padding: 20px;
}

.liste_page .encart label
{
	margin-top: 15px;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.liste_page .encart input[type=text], .liste_page .encart textarea
{
	width: 100%;
	height: 40px;
	border: 1px solid #ccc;
	padding: 0 10px;
	resize: none;
}

.liste_page .encart input:not(.submit)
{
	font-size: 15px;
}

.liste_page .encart textarea
{
	height: 100px;
	font-family: Arial;
	padding: 10px;
	font-size: 12px;
}

.liste_page .encart select
{
	border: 1px solid #ccc;
	height: 40px;
	font-size: 15px;
	padding: 0 10px;
}

.liste_page .encart .type input[type=text]
{
	width: 200px;
}

.liste_page .encart label sup
{
	color: red;
	padding-left: 3px;
}

.liste_page .encart .row
{
	margin-bottom: 20px;
}

.liste_page .encart .radios *
{
	display: inline-block;
	vertical-align: middle;
}

.liste_page .encart .radios label
{
	margin-top: 7px;
}

.liste_page .encart .radios input
{
	margin-left: 20px;
	margin-right: 8px;
}

.liste_page .caption
{
	color: #29abe2;
	margin-top: 40px;
	line-height: 18px;
}

.liste_page .hidden
{
	display: none;
}

.liste_page .hidden.leetchi img
{
	width: 200px;
	float: right;
}

.liste_page .hidden.leetchi
{
	padding-top: 10px;
	color: #29abe2;
	line-height: 22px;
}

.liste_page .hidden.leetchi a
{
	text-decoration: underline;
}

.liste_page .hidden input
{
	margin-bottom: 10px;
}

.liste_page .obli
{
	text-align: right;
	padding-top: 20px;
	font-size: 12px;
}

.liste_page .recap
{
	flex: 1;
}

.liste_page .banner
{
	height: 200px;
	position: relative;
	overflow: hidden;
}

.liste_page .banner img.fond
{
	width: 100%;
}

.liste_page .banner .upload
{
	position: absolute;
	left: 20px;
	top: 20px;
	background: #57c9c2;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
}

.liste_page .banner .upload .pad
{
	position: relative;
}

.liste_page .banner input, .liste_page .banner span
{
	display: block;
	width: 100%;
	height: 25px;
}

.liste_page .banner span
{
	padding: 5px;
}

.liste_page .banner input
{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
}

#liste_update .row.url
{
	margin-bottom: 20px;
}

#liste_update .row.url input
{
	width: 100%;
}

#liste_update .w
{
	width: 688px;
	text-align: left;
	margin: 0 auto;
}

#liste_update label
{
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	padding-bottom: 3px;
	text-align: left;
}

#liste_show .asso
{
	padding: 10px;
	margin-top: 20px;
	background: #57c9c2;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
}

#liste_show .asso a
{
	color: #fff;
	text-decoration: underline;
}

#liste_show .banner .don
{
	position: absolute;
	right: 0;
	top: 0;
	width: 267px;
	height: 100%;
}

#liste_show .banner .don .img
{
	padding: 215px 25px 20px 28px;
	background: url(../img/don.png) no-repeat center center / auto 100%;
	height: 100%;
}

#liste_show .banner .don .img a
{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

#liste_show .banner .don .img img
{
	max-height: 94px;
}

#liste_show .error
{
	font-weight: bold;
	color: red;
}



#liste_show .reserver
{
	padding-top: 20px;
}

#liste_show .reserver a
{
	padding: 5px 10px;
	font-size: 14px;
}

#liste_show .banner
{
	height: 400px;
}

#liste_show .cadeaux
{
	margin-top: 30px;
}

.liste_page .date
{
	text-align: center;
	font-size: 25px;
	color: #333;
	font-family: 'Gochi Hand', cursive;
}

.liste_page .numero
{
	text-align: center;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	margin-bottom: 30px;
}

.liste_page .description
{
	border: 1px dashed #ccc;
	background: #fff;
	padding: 25px;
	text-align: center;
	line-height: 21px;
}

.liste_page .description .livraison, .liste_page .description .cagnotte
{
	padding-top: 30px;
}

.liste_page .description .asso
{
	margin-bottom: 20px;
}

.liste_page .description .asso a
{
	color: #29abe2;
	text-decoration: underline;
}

.liste_page .numero .pad
{
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px 25px;
	background: #fff;
}

.liste_page .numero span
{
	display: block;
	padding-top: 10px;
}

.liste_page .banner.naissance
{
	background: url(../img/banner-naissance.jpg) center center / cover;
}
.liste_page .banner.anniversaire
{
	background: url(../img/banner-anniversaire.jpg) center center / cover;
}
.liste_page .banner.bapteme
{
	background: url(../img/banner-bapteme.jpg) center center / cover;
}
.liste_page .banner.mariage
{
	background: url(../img/banner-mariage.jpg) center center / cover;
}
.liste_page .banner.cadeaux
{
	background: url(../img/banner-cadeaux.jpg) center center / cover;
}
.liste_page .banner.noel
{
	background: url(../img/banner-noel.jpg) center top / cover;
}

#liste_reserver .cadeaux
{
	display: flex;
}

#liste_reserver .cancel
{
	margin-right: 30px;
}

#liste_reserver .intro
{
	line-height: 20px;
	font-weight: bold;
}

#liste_reserver form
{
	text-align: left;
}

#liste_reserver .warning
{
	color: orange;
	font-weight: bold;
	font-family: 16px;
	padding-bottom: 10px;
}


#liste_delete .warning
{
	color: red;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 20px;
}

.liste_page .empty
{
	text-align: center;
	font-size: 16px;
}

.liste_page .empty H2
{
	font-size: 28px;
}

.liste_page .empty p
{
	line-height: 26px;
}

.liste_page .cadeaux
{
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

.liste_page .cadeaux .cadeau
{
	width: 279px;
	border: 1px solid #ddd;
	text-align: center;
	background: #fff;
	padding: 20px 20px 110px 20px;
	margin: 0 5px 20px 5px;
	position: relative;
}

#liste_edit .cadeaux .cadeau
{
	width: 250px;
}

.liste_page .cadeaux .cadeau .bottom
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
}


#liste_show .cadeaux .cadeau
{
	padding-bottom: 148px;
}

#liste_show .cadeaux .cadeau .libelle a
{
	text-decoration: underline;
}

#liste_show .cadeaux .cadeau .bottom
{
	height: 144px;
}

.liste_page .url
{
	padding-top: 10px;
}

.liste_page .url a
{
	color: #29abe2;
}

.liste_page .cadeaux .cadeau .actions
{
	margin-top: 20px;
}

.liste_page .cadeaux .cadeau .actions .btn
{
	display: inline-block;
	vertical-align: middle;
	background: #57C9C2;
	color: #fff;
	cursor: pointer;
	padding: 5px 10px;
	margin : 0 5px;
	border-radius: 8px;
	text-decoration: none;
}

.liste_page .cadeaux .cadeau .desc
{
	overflow: hidden;
	word-wrap: break-word;
	overflow-wrap: break-word;
	line-height: 20px;
	padding-top: 15px;
	text-align: justify;
}

.liste_page .cadeaux .cadeau .domain
{
	padding: 20px 0;
}

.liste_page .cadeaux .cadeau .domain a
{
	color: #29abe2;
	text-decoration: underline;
}

.liste_page .cadeaux .cadeau .actions .btn:hover
{
	background: #3f908b;
}

#liste_cadeau_reserve .ca .cancel
{
	margin-right: 25px;
}

.liste_page .cadeaux .cadeau .img
{
	margin: 0px auto;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.liste_page .cadeaux .cadeau .img .reserve
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.7);
	font-weight: bold;
	text-transform: uppercase;
}

.liste_page .cadeaux .cadeau.reserve .actions
{
	line-height: 25px;
}

.liste_page .cadeaux .cadeau.reserve .actions a
{
	text-decoration: underline;
}

.liste_page .cadeaux .cadeau .img img
{
	max-width: 100%;
}

.liste_page .cadeaux .cadeau .img img.vert
{
	max-width: none;
	max-height: 200px
}

.liste_page .cadeaux .cadeau .libelle
{
	margin-top: 20px;
	line-height: 20px;
}

.liste_page .cadeaux .cadeau .prix
{
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}

.liste_page .cadeaux .cadeau .prix em
{
	display: block;
	font-weight: normal;
	font-size: 12px;
	padding-top: 5px;
}

.liste_page p
{
	line-height: 26px;
}

.liste_page .ou
{
	margin: 20px 0;
}

.liste_page .ou .bg
{
	font-weight: bold;
	font-size: 18px;
	display: block;
	padding-bottom: 10px;
}

.liste_page form
{
	margin-top: 20px;
}

.liste_page .banner form
{
	margin-top: 0;
}

.liste_page .infos
{
	padding: 10px;
	border: 1px dashed #ccc;
	background: #f8fae4;
	text-align: center;
	display: inline-block;
}

.liste_page .fiche .field
{
	width: 100%;
}

.liste_page .fiche .prix
{
	width: 100px;
	display: inline-block;
	vertical-align: middle;
}

.liste_page .fiche .prixgroupe
{
	text-align: left;
}


.liste_page .ca input.load, .submit.load
{
	color: transparent;
	background: #57C9C2 url(../img/ajax-loader-vert.gif) no-repeat center center;
}

.liste_page .fiche select
{
	border: 1px solid #ccc;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	padding: 0 10px;
}

.liste_page .recap
{
	text-align: center;
}

.liste_page .fiche
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.liste_page .fiche .images
{
	flex: 0 0 200px;
	background: #fff;
	padding: 15px;
	border-radius: 15px;
}

.liste_page input[name=img_file]
{
	display: none;
}

.liste_page .fiche .images .submit
{
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 10px;
	margin-top: 5px;
}

.liste_page .fiche .images .reload
{
}

.liste_page .fiche .images .main
{
	height: 200px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../img/cadeau.jpg) no-repeat center center / 100%;
}

.liste_page .fiche .images .main.nobg
{
	background: none;
}

.liste_page .fiche .images .main.ready
{
	background: #fff;
}

.liste_page .fiche .images .main img
{
	width: 150px;
}

.liste_page .fiche .images .liste
{
	white-space: nowrap;
	position: absolute;
	left: -100000px;
}

.liste_page .fiche .images .nav
{
	display: flex;
	justify-content: space-between;
	opacity: 0;
}

.liste_page .fiche .images .nav .nb
{
	line-height: 25px;
}

.liste_page .fiche .images .nav .prev
{
	margin-left: 5px;
	margin-bottom: 5px;
}

.liste_page .fiche .images .nav .next
{
	margin-right: 5px;
	margin-bottom: 5px;
}

.liste_page .fiche .images .nav .prev, .liste_page .fiche .images .nav .next
{
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #ccc;
	background: #fff;
	display: inline-block;
}

.liste_page .fiche .images .liste img
{
	display: inline-block;
	vertical-align: middle;
}

.liste_page .fiche textarea
{
	resize: none;
	padding: 10px;
	height: 80px;
	margin: 20px 0;
}

.liste_page .fiche .right
{
	padding-left: 30px;
}

.rt { width: 100%; font-size: 0.75em;/*12*/ line-height: 1.25em;/*15*/ border-collapse: collapse; border-spacing: 0; }

	.rt th,
	.rt td { margin: 0; padding: 0.4166em;/*10*/ vertical-align: top; border: 1px solid #babcbf; background: #fff; }
	.rt th { text-align: left; background: #fff2b2; }


	@media only screen and (max-width: 40em) { /*640*/

		#rt1 { display: block; position: relative; width: 100%; }
		#rt1 thead { display: block; float: left; }
		#rt1 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
		#rt1 thead tr { display: block; }
		#rt1 th { display: block; }
		#rt1 tbody tr { display: inline-block; vertical-align: top; }
		#rt1 td { display: block; min-height: 1.25em; }

		#rt2 { display: block; position: relative; width: 100%; }
		#rt2 thead { display: block; float: left; }
		#rt2 tbody { display: -webkit-box; overflow-x: auto; }
		#rt2 th,
		#rt2 tr,
		#rt2 td { display: block; }

		/* sort out borders */

		.rt th { border-bottom: 0; }
		.rt td { border-left: 0; border-right: 0; border-bottom: 0; }
		.rt tbody tr { border-right: 1px solid #babcbf; }
		.rt th:last-child,
		.rt td:last-child { border-bottom: 1px solid #babcbf; }

	}

@media (max-height: 700px)
{
	
}


@media (max-width: 1300px)
{
	.blockavis .item
	{
		width: calc(50% - 30px);
		margin-bottom: 25px;
	}
	
	.blockavis .item:last-child
	{
		display: none;
	}
}

@media (max-width: 1220px)
{
	#faq
	{
		display: block;
	}
	
	#faq .left img
	{
		display: none;
	}
	
	#faq .left
	{
		height: 200px;
		background: #29abe2;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#faq .item .question
	{
		color: #29abe2;
		background: url(../img/v2/trait.png) no-repeat left top;
	}
	
	#faq .left
	{
		height: 150px;
	}
	
	#faq .left h2
	{
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		color: #fff;
	}
}

@media (max-width: 1100px)
{
	#header ul li a
	{
		padding: 0px 10px;
		font-size: 14px;
	}
	
	
	
	.signin .logos img
	{
		height: 40px;
	}
}

@media (max-width: 1024px)
{
	body:not(.forgot):not(.compte):not(.hnfixed):not(.login):not(.search):not(.parrainage) #header, body.home.log #header
	{
		position: fixed;
		z-index: 999;
		left: 0;
		top: 0;
		width: 100%;
	}	
	
	body.search #header
	{
		height: 100px;
	}
	
	body.compte #header, body.parrainage #header
	{
		height: 200px;
	}
	
	/*
	body:not(.home) #header
	{
		height: 150px;
	}
	
	body.signin #header
	{
		height: 100px;
	}
	*/
	
	body:not(.compte):not(.hnfixed):not(.login):not(.home):not(.search):not(.signin):not(.parrainage) #header, body.home.log #header
	{
		padding-top: 0px;
	}
	
	body.toppromo
	{
		padding-top: 30px;
	}
	
	#header #searchForm
	{
		margin-left: 30px;
	}
	
	#header h1
	{
		margin-top: 0;
	}
}

@media (max-width: 1000px)
{
	body.home.log #header
	{
		height: 100px;
	}
	
	#bottom_toolbar
	{
		display: none;
	}
	
	.signin .logos
	{
		display: none;
	}
	
	.signinfond #page .content
	{

	}
	
	.signinfond #page .half
	{
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 0;
	}
	
	#home .banner .half
	{
		width: 100%;
		margin-left: 0;
	}
	
	#home .banner
	{
		padding-top: 50px;
	}
	
	h1, h2, #home .banner .right h2
	{
		font-size: 28px;
	}
	
	#home .banner .intro .text br
	{
		display: none;
	}
	
	#home .banner a
	{
		margin-top: 0;
		margin-bottom: 20px;
	}
	
	#account > .wrap
	{
		display: block;
	}
	
	.wrap.sidebar
	{
		display: block;
	}
	
	#leftnav
	{
		margin-right: 0;
	}
	
	#leftnav ul
	{
		background: none;
		width: auto;
		text-align: center;
	}
	
	#leftnav li
	{
		display: inline-block;
		background: none;
		border: 0;	
		margin-right: 15px;
	}
	
	#account .logout
	{
		text-align: right;
	}
	
	#account .logout a
	{
		height: 38px;
		line-height: 35px;
		font-size: 13px;
	}
	
	#leftnav li.active a
	{
		color: #29abe2;
	}
	
	#leftnav li a
	{
		height: 25px;
		line-height: 25px;
	}
}

@media (max-width: 990px)
{
	#header li.parrainage, #header li.logout
	{
		display: none;
	}
	
	#header li.user a
	{
		text-indent: -10000px;
		width: 45px;
		height: 45px;
		background: #57C9C2 url(../img/user.png) no-repeat center center;
		background-size: 22px;
		display: inline-block;
		vertical-align: middle;
		margin-top: 2px;
		
	}
	
	#header .fb
	{
		display: none;
	}
	
	.signin .partners
	{
		text-align: center;
	}
	
	#home .banner a:not(.sign)
	{
		text-transform: none;
		line-height: normal;
		height: auto;
	}
	
	#home .banner a:not(.sign):hover
	{
		background: none;
		
	}
	
}

@media (max-width: 800px)
{
	
	
	#parrainage .lien
	{
			line-height: 35px;	
			font-weight: bold;
	}
	
	#parrainage .lien span
	{
		font-weight: normal;
	}
	
	body.log #header ul li a
	{
		padding: 7px 11px;
		font-size: 13px;
	}
	
	#header ul
	{
		margin-right: 0px;
		margin-top: 22px;
	}
	
	.popup .texte
	{
		max-height: 200px;
	}
	
	.popup.avecnav .texte
	{
		max-height: 170px;
	}
	
	#home .billet
	{
		background-size: 130px;
	}
	
	#home .banner .links
	{
		display: block;
	}
	
	#liste.suite .texte
	{
		padding: 20px;
	}
}

@media (max-width: 700px)
{
	/*
	.partners > li > img
	{
		margin: 50px 0;
	}
	*/
	
	.blockavis .item
	{
		width: calc(100% - 30px);
	}
	
	#search
	{
		text-align: center;
	}
	
	.blocks .block, .blocks .block.full
	{
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 0;
	}
	
	#page.signin .content
	{
		
	}
	
	
	#header #searchForm
	{
		display: none;
		margin-top: 0;
		clear: both;
		margin-left: 0;
		text-align: center;
		margin-bottom: 20px;
		position: absolute;
		left: 0;
		top: 80px;
		z-index: 1;
		width: 100%;
		padding-bottom: 20px;
		z-index: 999999;
	}
	
	#toppromo
	{
		font-size: 12px;
		line-height: normal;
		padding: 5px;
	}
	
	#toppromo span
	{
		display: block;
	}
	
	body.toppromo
	{
		padding-top: 30px;
	}
	
	body #header #searchForm
	{
		display: block;
	}
	
	#header #searchForm input
	{
		width: calc(100% - 80px);
	}
	
	#header ul li.search
	{
		display: inline-block;
		width: 45px;
		height: 45px;
		background: #57C9C2 url(../img/search.png) no-repeat center center;
		background-size: 22px;
		display: inline-block;
		vertical-align: middle;
		margin-top: 2px;
		border-radius: 4px;
		cursor: pointer;
	}
	
	.signin .submit
	{
		font-size: 14px;
	}
	
	#faq .right
	{
		padding: 20px;
	}
	
	#header h1
	{
		margin-top: 22px;
		font-size: 22px;
		line-height: 34px;
	}
	
	#header h2
	{
		margin-top: 22px;
		font-size: 18px;
		line-height: 26px;
	}
	
	#account .line
	{
		width: calc(100% - 25px);
	}
	
	body.liste_show #header
	{
		height: 254px;
	}
}

@media (max-width: 600px)
{
	.wrap
	{
		padding: 5px;
	}
	
	h1, h2, #home .banner .right h2
	{
		font-size: 23px;
	}
	
	.signin h1
	{
		font-size: 20px;
	}
	
	.signin h2 span
	{
		display: block;
	}
	
	#header .fb
	{
		display: none;
	}
	
	#footer ul li
	{
		margin-bottom: 15px;
	}
	
	#page.signin .row.facebook .btn
	{
		font-size: 14px;
		border-radius: 3px;
	}
	
	
	.half{
		width: calc(100% - 20px);
		margin-right: 0;
		margin-left: 10px;
	}
	
	body.log #header
	{
		text-align: center;
	}
	
	body.log #header ul
	{
	}
	
	body.log  #header ul li
	{
		margin-left: 3px;
	}
	
	/*
	.partners:not(.assos) > li
	{
		height: auto;
		line-height: normal;
		width: 90%;
		margin-bottom: 10px;
	}
	*/
	
		
 	.partners > li
 	{
	 	width: calc(50% - 20px);
	 	margin-left: 0;
	 	margin-right: 0;
 	}
	
	.partners > li span.cb
	{
		font-size: 10px;
	}
	
	.tags li
	{
		padding: 7px 3px;
	}
	
	.popup
	{
		width: calc(100% - 10px);
		left: 5px;
	}
	
	.popup .texte
	{
		font-size: 13px;
		line-height: 22px;
	}
	
	
	#header img.logo
	{
		max-width: 100px;
	}
	
	#page.signin form > .row
	{
		border-bottom: 0;
		border-top: 0;	
		margin: 0!important;
	}
	
	#page.signin form > .row.first .content
	{
		border-bottom: 0;
		padding-bottom: 0;
	}
	
	form .field::-webkit-input-placeholder { font-size: 13px;  }
	form .field::-moz-placeholder { font-size: 13px;  }
	form .field:-ms-input-placeholder { font-size: 13px;  }
	form .field:-moz-placeholder { font-size: 13px;  }

	form .field
	{
		font-size: 13px;
	}
	
	#contactForm TD
	{
		display: block!important;
		text-align: left!important;
		width: 300px!important;
	}
	
	.blockavis .item
	{
		width: calc(100% - 30px);
		margin-bottom: 20px;
	}
	
	#prefooter li
	{
		width: calc(50% - 15px);
		text-align: center;
		padding-top: 5px;
		font-size: 12px;
		margin-bottom: 7px;
	}
	
	#prefooter
	{
		padding: 15px 0px;
	}
	
	.signin .intro br 
	{
		display: none;
	}
	
	
	#home .banner
	{
		padding-top: 100px;
		padding-bottom: 60px;
	}
	
	#home .billet
	{
		background: #00a99d;
	}
	
	#home .bourse
	{
		padding-right: 0;
		background: #29abe2;
	}
	
	.blockavis .item
	{
		display: block;
	}
	
	#home .banner .intro h1
	{
		margin: 10px 10px 20px 10px;
	}
	
	#home .banner .intro .text
	{
		padding-bottom: 15px;
		font-size: 15px;
		line-height: 19px;
	}
	
	#home .banner .half.right h2
	{
		margin: 14px 20px;
	}
	
	.landing_don #home .banner, .landing_societes #home .banner
	{
		height: auto;
		padding-bottom: 50px;
	}
	
	
	
	#home .banner .links a
	{
		padding-top: 12px;
	}
	
	.landing_don .intro, .landing_societes .intro
	{
		line-height: 25px;
		text-align: justify;
	}
	
	.landing_don .intro br, .landing_societes .intro br
	{
		display: none;
	}
	
	h1.barre, h2.barre
	{
		font-size: 25px;
	}
	
	.liste_page .fiche
	{
		display: block;
	}
	
	.liste_page .fiche .images .main
	{
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#liste_delete .ca .submit
	{
		font-size: 14px;
	}
}

@media (max-width: 500px)
{
	.signinfond .btn img
	{
		float: none;
	}
	
	.signinfond .btn .b
	{
		padding: 0 10px 10px 10px;
	}
	
	.signinfond .btn .t
	{
		text-align: center;
	}
	
	.signinfond .btn img
	{
		height: 60px;
	}
	
	.signinfond .content
	{
		height: auto;
	}
	
	#header .logo
	{
		height: 60px;
	}
	
	#header ul li a
	{
		padding: 0 5px;
		font-size: 13px;
	}
	
	.partners.assos > li
	{
		width: 20%;
		padding-left: 5px;
		padding-right: 5px;
		height: 70px;
		line-height: 70px;
	}
	
	.partners:not(.assos) > li > a
	{
		display: inline-block;
		min-height: 150px;
		line-height: 150px;
	}
	
	#header ul li a
	{
		font-size: 10px;
		height: 35px;
		line-height: 35px;
	}

}

@media (max-width: 400px)
{
	#header ul li a.liste
	{
		display: none;
	}
}


.block-with-text { 
    max-height: 7em; 
    position: relative;
}

.block-with-text:after {
	cursor: pointer;
}

.block-with-text.o {
	max-height: none;
}



.block-with-text.c:after {
	color: #57c9c2;
	content : 'Lire la suite';
	font-size: 12px;
	padding-left: 5px;
}

.block-with-text.o:after {
	color: #57c9c2;
	content : 'Fermer';
	font-size: 12px;
	padding-left: 5px;
}