@charset "iso-8859-2";

@font-face {
    font-family: 'odudabold';
    src: url('../fonts/oduda-bold-webfont.eot');
    src: url('../fonts/oduda-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oduda-bold-webfont.woff2') format('woff2'),
         url('../fonts/oduda-bold-webfont.woff') format('woff'),
         url('../fonts/oduda-bold-webfont.ttf') format('truetype'),
         url('../fonts/oduda-bold-webfont.svg#odudabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'odudalight';
    src: url('oduda-light-webfont.eot');
    src: url('oduda-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('oduda-light-webfont.woff2') format('woff2'),
         url('oduda-light-webfont.woff') format('woff'),
         url('oduda-light-webfont.ttf') format('truetype'),
         url('oduda-light-webfont.svg#odudalight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'odudaregular';
    src: url('oduda-regular-webfont.eot');
    src: url('oduda-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('oduda-regular-webfont.woff2') format('woff2'),
         url('oduda-regular-webfont.woff') format('woff'),
         url('oduda-regular-webfont.ttf') format('truetype'),
         url('oduda-regular-webfont.svg#odudaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'odudasemi_bold';
    src: url('oduda-semi_bold-webfont.eot');
    src: url('oduda-semi_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('oduda-semi_bold-webfont.woff2') format('woff2'),
         url('oduda-semi_bold-webfont.woff') format('woff'),
         url('oduda-semi_bold-webfont.ttf') format('truetype'),
         url('oduda-semi_bold-webfont.svg#odudasemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	font-size:100%; /* Corrige bug d'affichage IE */
	/*height:100%;  pour que le contenu prenne au minimum la hauteur de la fenetre mais fait remonter la ligthbox !*/
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Général */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body{
	background-color:#fff;
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size:100%;
	color:#333;
	height:100%; /* pour que le contenu prenne au minimum la hauteur de la fenetre */
}
img, img a, .sansBordure{
	border:0;
	/*max-width:100%;*/ /*attention ça bloque le diaporama du centre */
	height:auto;
}
a, .lien{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#1197CF;
	text-decoration:none;
}
.lien:hover{
	color:#64c4ec;
	text-decoration:none;
}
.lienBlanc{
	color:#fff;
	text-decoration:none;
}
.lienBlanc:hover{
	color:#ECEFF1;
	/*text-decoration:underline; */
}
.lienBleu{
	color:#1197CF;
	text-decoration:none;
}
.lienBleu:hover{
	color:#64c4ec;
	text-decoration:none;
}
.lienVert{
	color:#19bc9c;
	text-decoration:none;
}
.lienVert:hover{
	color:#64c4ec;
	text-decoration:none;
}
.lienRose{
	color:#e91e63;
	text-decoration:none;
}
.lienRose:hover{
	color:#19bc9c;
}
.lienOrange{
	color:#ff7800;
	text-decoration:none;
}
.lienOrange:hover{
	color:#64c4ec;
	text-decoration:none;
}
.lienRouge{
	color:#ff0000;
	text-decoration:none;
}
.lienRouge:hover{
	color:#64c4ec;
	text-decoration:none;
}
.lien-forum{
	color:#1197CF;
	text-decoration:underline;
}
strong, .gras{
	font-weight : 700;
}
.adouci{
	opacity:0.6;
}
.opacite1{
	opacity:1;
}
.nb{
	font-style:italic;
}
.cap{
	text-transform:uppercase;
}
.fl{
	float:left;
}
.fd{
	float:right;
}
.cl{
	clear:both;
}
.center{
	text-align:center;
}
.textLeft{
	text-align:left;
}
.textRight{
	text-align:right;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Maven Pro', Arial, sans-serif;
}
.normal{
	font-weight:400;
}
.tresPetit{
	font-size:0.5em;
}
.petit{
	font-size:0.7em;
}
.moyen{
	font-size:0.8em;
}
.moyenPlus{
	font-size:0.9em;
}
.normalPlus{
	font-size:1.1em;
}
.grand{
	font-size:1.2em;
}
.grandPlus{
	font-size:1.4em;
}
.tresGrand{
	font-size:1.3em;
}
.texte{
	color:#333;
}
.texteBlanc{
	color:#fff;
}
.texteBleu{
	color:#1197CF;
}
.texteVert{
	color:#19bc9c;
}
.texteOrange{
	color:#ff7800;
}
.texteRose{
	color:#e91e63;
}
.texteAlerte{
	color:#ff0000;
}
.blocAlerte{
	margin-left:30%;
	width:50%;
	border:1px solid #ff0000;
	/*background-color:#fde1e1;*/
	border-radius:5px;
	text-align:center;
	padding:10px 5px 10px 5px;
	color:#ff0000;
	font-size:1.1em;
}
.blocAlerte2{
	margin:0 auto;
	width:70%;
	border:1px solid #ff0000;
	/*background-color:#fde1e1;*/
	border-radius:5px;
	text-align:center;
	padding:10px 5px 10px 5px;
	color:#ff0000;
	font-size:1.1em;
}
.blocAttention{
	margin-top:2%;
	margin-left:31%;
	width:50%;
	border:1px solid #ff7800;
	/*background-color:#fdefe2;*/
	border-radius:5px;
	text-align:center;
	padding:10px 5px 10px 5px;
	color:#ff7800;
	font-size:1.1em;
}
.blocAttention2{
	margin:0 auto;
	width:90%;
	border:1px solid #ff7800;
	/*background-color:#fdefe2;*/
	border-radius:5px;
	text-align:center;
	padding:10px 5px 10px 5px;
	color:#ff7800;
	font-size:1em;
}
.blocAutoriser{
	margin-top:2%;
	margin-left:31%;
	width:50%;
	border:1px solid #19bc9c;
	/*background-color:#eefdf9;*/
	border-radius:5px;
	text-align:center;
	padding:10px 5px 10px 5px;
	color:#19bc9c;
	font-size:1.1em;
}
.blocAutoriser2{
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	border:1px solid #19bc9c;
	/*background-color:#eefdf9;*/
	border-radius:5px;
	text-align:center;
	padding:10px 5px 10px 5px;
	color:#19bc9c;
	font-size:1em;
}
.actif{
	color:#1197CF;
}

.attente{
	color:#ff7800;
}

ul{
	list-style:none;
}

.marginTopPx{
	margin-top:4px;
}
.marginTop8px{
	margin-top:8px;
}
.marginTop{
	margin-top:2%;
}
.marginTop4{
	margin-top:4%;
}
.marginTop8{
	margin-top:8%;
}
.marginRight{
	margin-right:2%;
}
.marginLeft{
	margin-left:2%;
}
.marginLeft4{
	margin-left:4%;
}
.marginLeft8{
	margin-left:8%;
}
.marginLeft10{
	margin-left:10%;
}
.marginLeft30{
	margin-left:30%;
}
.marginBotton{
	margin-bottom:2%;
}
.left5{
	margin-left:5px;
}
.left10{
	margin-left:10px;
}
.left30{
	margin-left:30px;
}
.left50{
	margin-left:50px;
}
.left0{
	margin-left:0px;
}

.padding{
	padding:1%;
}
.paddingTop{
	padding-top:5px;
}
.paddingTop10{
	padding-top:10px;
}
.paddingTop15{
	padding-top:15px;
}
.paddingRight5{
	padding-right:5px;
}
.cent{
	width:100%;
}
.quatrevingt{
	width:68%;
}
.cinquante{
	width:50%;
}
.soixante{
	width:60%;
}
.quarante{
	width:40%;
}
.vingt{
	width:20%;
}

.raz{
	clear:both; 
	height:1px;
}
.raz-plus{
	clear:both; 
	height:10px;
}
.raz-plus-bottom{
	clear:both; 
	height:80px;
}
.raz-plus-footer{
	clear:both; 
	height:10px;
	max-width:960px;
	margin: 0 auto;
	background-color:#fff;
}
.suppr{
	display:none;
}
.centrage60{
	width:60%;
	margin:0 auto;
}
.centrage70{
	width:70%;
	margin:0 auto;
}
.top_link{
	position:fixed;  
	right:20px;  
	bottom:50px;  
	display:none;  
	padding:20px;   
	opacity:0.4;  
	z-index:2000;
}
.top_link:hover{   
	opacity:1;  
}
.bottom_link{
	position:fixed;  
	right:20px;  
	top:200px;  
	display:block;  
	padding:20px;   
	opacity:0.4;  
	z-index:2000;
}
.bottom_link:hover{   
	opacity:1;  
}
.cercle26, .cercle28{
	display:inline-block;
	background-color:#fff;
  	border-radius:50%;
  	width:26px;
  	height:26px; 
}
.cercle28{
	background-color:#1197CF;
  	width:28px;
  	height:28px; 
}
.cercle28:hover{
	background-color:#666666; 
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* header */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

header{	
	max-width:960px;
	height:142px;
	margin: 0 auto;
}
#logo{
	float:left;
}
#logo a{
	display:block;
	height:112px;
  	line-height:130px;
	margin-left:2%;
}
#logo a img{
	vertical-align:bottom;
}
#logo-impression{
	display:none;
}
.bandeau{
	left:0;
	right:0;
	height:5px;
	background-color:#1197cf;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* connexion header */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.fond-connexion{
	width:315px;
	height:142px;
	float:right;
}
.formConnexion{
	margin-top:2%;
	margin-left:12%;
}
.formulaireLigneConnexion{
	line-height:1.4em;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.mail{
		background:#fff url(../images/picto-mail.png) no-repeat center center;
		background-size:13px 11px;
	}
	.pass{
		background:#fff url(../images/picto-pass.png) no-repeat center center;
		background-size:10px 14px;
	}
	.fond-connexion{
		background:url(../images/fond-bulle-connexion.png) no-repeat right top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.mail{
		background:#fff url(../images/picto-mail.png) no-repeat center center;
		background-size:13px 11px;
	}
	.pass{
		background:#fff url(../images/picto-pass@2x.png) no-repeat center center;
		background-size:10px 14px;
	}
	.fond-connexion{
		background:url(../images/fond-bulle-connexion@2x.png) no-repeat right top;
		background-size:315px 142px;
	}
}
.formulaireInputConnexion{
	width:64%;
	padding-left:8px;
	display:inline-block;
	vertical-align:top;
	color:#666666;
	margin-top:2px;
	border-radius:5px;
	height:20px;
	border:none;
}
input[type="text"]{
	color:#666666;
}
.formulaireSubmitConnexion{
	border:none;
	text-align:center;
	cursor:pointer;
	color:#1197CF;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	background-color:#ffffff;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	padding:0;
}
.formulaireSubmitConnexion:hover{
	color:#19bc9c;
}
.seSouvenirConnexion{
	margin-top:10px;
}
.lienInscription{
	display:block;
}
.passPerdu{
	font-size:0.7em;
	margin-left:10px;
}
.lienInscription{
	text-align:center;
	margin-top:20px;
}
.fond-connexion-mobile{
	display:none;
	left:0;
	right:0;
	background-color:#1197CF;
}
.connexion-mobile a{
	display:block;
	left:0;
	right:0;
	height:30px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding-top:1%;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.connexion-mobile a{
		background:#1197CF url(../images/fleche-connexion.png) no-repeat center 90%;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .connexion-mobile a{
		background:#1197CF url(../images/fleche-connexion@2x.png) no-repeat center 90%;
		background-size: 29px 8px;
	}
}
.formConnexion-mobile{
	width:260px;
	margin-top:3%;
	margin-left:auto;
	margin-right:auto;
}

/* quand connecté */
.infosConnecte{
	color:#fff;
	margin-top:5%;
	margin-left:15%;
	font-size:0.9em;
}
.bonjour{
	font-size:1.4em;
	font-weight:500;	
}
.infosConnecte > a{
	display:block;
	color:#fff;
	margin-top:4px;
	height:17px;
}
.infosConnecte > a:hover{
	color:#64c4ec;
	text-decoration:none;
}
.infosConnecte > a.mon-espace, .infosConnecte > a.mon-espaceActif{
	margin-top:7.1%;
}
.mon-espace, .mon-espaceActif{
	display:block;
	color:#fff;
	margin-top:2%;
	height:20px;
	font-size:1.1em;	
	font-weight:500;
	padding-left:20px;
	width:48%;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.mon-espace, .mon-espaceActif{
		background:url(../images/picto-mon-espace.png) no-repeat left top;
	}
	.retour-admin{
		background:url(../images/picto-admin-retour.png) no-repeat center center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .mon-espace, .mon-espaceActif{
		background:url(../images/picto-mon-espace@2x.png) no-repeat left top;
		background-size: 17px 15px;
	}
	.retour-admin{
		background:url(../images/picto-admin-retour@2x.png) no-repeat center center;
		background-size: 26px 24px;
	}
}
.mon-espace:hover, .mon-espaceActif{
	color:#64c4ec;
	text-decoration:none;
}
.affichage-mon-espace{
	display:none;
	position:absolute;
	width:270px;
	z-index:20000;
}
.mon-espace-li{
	display:block;
	line-height:2em;
	font-size:1em;
	margin-left:30px;
}
.retour-admin{
	display:block;
	position:absolute;
	width:28px;
	height:28px;
	margin-left:258px;
	margin-top:12px;
}

/* les notifications pas mise en place */
.notifications{
	display:block;
	width:27px;
	height:27px;
	position:absolute;
	margin-left:260px;
	margin-top:-25px;
	background:url(../images/picto-notification.png) no-repeat left top;
}
.notifications:hover{
	background:url(../images/picto-notification-hover.png) no-repeat left top;
}
.affichage-notifications{
	display:none;
	position:absolute;
	width:270px;
	z-index:20000;
	margin-left:16px;
	margin-top:8px;
}
.triangle, .triangle-mon-espace{
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-bottom: 8px solid #fff;
	margin-left:250px;
}
.triangle-mon-espace{
	margin-left:10px;
}
.boite-notifications{
	background-color:#fff;
	padding:2px;
}
.fond-titre-notifications{
	left:0;
	right:0;
	height:23px;
	background-color:#fff;
	border-bottom:1px solid #1197CF;
	color:#1197CF;
	font-weight:bold;
	padding-left:30px;
	padding-top:5px;
}
.boite-notifications>ul{
	background-color:#fff;
	font-size:0.75em;
	padding-bottom:8px;
}
.boite-notifications-li{
	margin-top:8px;
}
.boite-notifications-li:hover{
	background-color:#ECEFF1 ;
}
.picto-notification{
	width:20px;
	height:20px;
	display:inline-block;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.notification-annonce{
		background:url(../images/picto-notification-annonce.png) no-repeat left center;
	}
	.notification-tchat{
		background:url(../images/picto-notification-tchat-ok.png) no-repeat left center;
	}
	.notification-profil{
		background:url(../images/picto-notification-profil.png) no-repeat left center;
	}
	.notification-lieux{
		background:url(../images/picto-notification-lieux.png) no-repeat left center;
	}
	.sousmenu-pictolieux{
		background:url(../images/picto-notification-lieux.png) no-repeat 2px center;
	}
	.notification-forum{
		background:url(../images/picto-notification-forum.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .notification-annonce{
		background:url(../images/picto-notification-annonce@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.notification-tchat{
		background:url(../images/picto-notification-tchat-ok@2x.png) no-repeat left center;
		background-size: 16px 20px;
	}
	.notification-profil{
		background:url(../images/picto-notification-profil@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.notification-lieux{
		background:url(../images/picto-notification-lieux@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.sousmenu-pictolieux{
		background:url(../images/picto-notification-lieux@2x.png) no-repeat 2px center;
		background-size: 20px 20px;
	}
	.notification-forum{
		background:url(../images/picto-notification-forum.png) no-repeat left center;
		background-size: 20px 20px;
	}
}
.info-notification{
	display:inline-block;
	width:240px;
	padding-top:4px;
	vertical-align:top;
}

.maintenance{
	text-align:center;
	background:url(../images/illustration-maintenance.png) no-repeat center 50px;
	padding-top:300px;
	font-size:1.3em;
	line-height:1.3em;
}/* plus d'actualité */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* @diaporama */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#fond-diaporama{
	width:100%;
	text-align:center;
	background-color:#1197cf;
}
#diaporama{
	max-width:960px;
	margin: 0 auto;
	text-align:center;
}

#diaporamaInt{
	max-width:672px;
	margin: 0;
	text-align:center;
}
#diaporamaInt li{
	display:block;
	/*background-color:#e3e3e3;*/
	width:672px;
	height:445px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
}
#diaporamaInt li:hover{
	cursor:url(../images/pause.png), url(../images/pause.gif), url(../images/pause.cur), default;
}
.bandeauDiaporama{
	left:0;
	right:0;
	height:5px;
	background-color:#ECEFF1;
}
#bx-pager{
	margin-top:1%;
}

#bx-pager a{
	display:inline-block;
	opacity:.5;
	width: 65px;
	height:43px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	margin-right:2px;
}
#bx-pager a:hover, #bx-pager a.active{
	opacity:1;
}
.bx-wrapper .bx-caption {
	min-height:355px;
}
.titre-caption{
	color:#1197cf;
	text-align:left;
	margin-top:2%;
	font-size:1.2em;
	font-weight:bold;
}
.texte-caption {
	width:80%;
	color: #666;
	text-align:justify;
	margin-top:2%;
	font-size:0.9em;
	line-height:1.2em;
}
.parIci{
	width:25%;
	height:23px;
	border-top:1px solid #1197cf;
	border-bottom:1px solid #1197cf;
	position:absolute;
	margin-top:-10%;
	z-index:500;
	color:#1197CF;
	font-weight:bold;
	text-align:right;
	padding-right:30px;
	margin-left:11%;
	padding-top:5px;
}
.parIci:hover{
	color:#666666;
}
.intBxslider{
	position:absolute;
	margin-top:-29%;
	margin-left:14%;
	color:#fff;
	text-align:left;
	font-size:1.6em;
	line-height:1.6em;	
}
.intBxslider>li{
	display:block;
	background:url(../images/puce-blanche.png) no-repeat left 10px;
	padding-left:15px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.intBxslider>li{
		background:url(../images/puce-blanche.png) no-repeat left 10px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .intBxslider>li{
		background:url(../images/puce-blanche@2x.png) no-repeat left 10px;
		background-size: 8px 13px;
	}
}
.accrocheBxslider{
	position:absolute;
	margin-top:-32%;
	margin-left:60%;
	color:#fff;
	text-align:left;
}
.accrocheBxslider-titre{
	font-size:1.4em;
	line-height:1.2em;
	text-transform:uppercase;
	font-weight:700;
}
.accrocheBxslider-texte{
	margin-top:20px;
	font-size:0.8em;
	line-height:1.1em;
	width:69%;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* @navigation */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

nav{
	width:100%;
	height:auto;
	background-color:#fff;
}

#nav{
	max-width:960px;
	margin: 0 auto;
	margin-top:0.5%;
	font-size:1em;
	background-color:#fff;
}
#navigation{
	background-color:#fff;
}
.fixNavigation{ 
	z-index: 9999; 
	position: fixed; 
	top: 0; 
	width: 960px;	 
}

.menu, .menu-accueil, .menu-tchat, .menu-rencontre{
	display:block;
	float:left;
	padding:0.3% 0.4% 0.3% 0;
	height:34px;
	border:1.5px solid #fff;
	background-color:#fff;
	position:relative;
	z-index:6000;
	margin-left:2px;
}
.menu-connecte{
	display:block;
	float:right;
	padding:0.3% 0.4% 0.3% 0;
	height:34px;
	border:1.5px solid #fff;
	background-color:#fff;
	position:relative;
	z-index:6000;
	margin-left:2px;
}
.menu-tchat{
	padding:0.3% 0.1% 0.3% 0;
}
.menu-connecte-mobile{
	display:none;
}
.menu:hover, .menu-tchat:hover, .menu-rencontre:hover{
	height:34px;
	background-color:#fff;
	z-index:60100;
}
.menu-tchat:hover, .menu-rencontre:hover{
	height:32.5px;
	cursor:pointer;
}
.tchat-alerte-puce{
	display:none;
}
.menu>a, .menu-accueil>a, .menu-tchat>a, .menu-rencontre>a{
	display:block;
	height:24px;
	font-weight:600;
	padding-top:10px;
	padding-left:35px;
	
}

.menu-accueil, .menu-connecte{
	padding:0.3% 0;
}
.menu-accueil{
	text-indent:-9999px;
	padding-right:0.5%;
}
.menu-connecte{
	height:24px;
	padding-top:10px;
	margin-left:10%;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.accueil{
		background:url(../images/picto-accueil.png) no-repeat left center;
	}
	.annonces, .annoncesActif{
		background:url(../images/picto-annonces.png) no-repeat left center;
	}
	.tchat, .tchatActif{
		background:url(../images/picto-tchat.png) no-repeat left center;
	}
	.tchatMessage{
		background:url(../images/bouton-tchat.gif) no-repeat left center;
	}
	.rencontres, .rencontresActif{
		background:url(../images/picto-rencontres.png) no-repeat left center;
	}
	.lieux, .lieuxActif{
		background:url(../images/picto-lieux.png) no-repeat left center;
	}
	.galeries, .galeriesActif{
		background:url(../images/picto-galerie.png) no-repeat left center;
	}
	.forum,.forumActif{
		background:url(../images/picto-forum.png) no-repeat left center;
	}
	.boutique, .boutiqueActif{
		background:url(../images/picto-boutique.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.accueil{
		background:url(../images/picto-accueil@2x.png) no-repeat left center;
		background-size: 32px 32px;
	}
	.annonces, .annoncesActif{
		background:url(../images/picto-annonces@2x.png) no-repeat left center;
		background-size: 32px 32px;
	}
	.tchat, .tchatActif{
		background:url(../images/picto-tchat@2x.png) no-repeat left center;
		background-size: 32px 32px;
	}
	.tchatMessage{
		background:url(../images/bouton-tchat@2x.gif) no-repeat left center;
		background-size: 32px 32px;
	}
	.rencontres, .rencontresActif{
		background:url(../images/picto-rencontres@2x.png) no-repeat left center;
		background-size: 32px 32px;
	}
	.lieux, .lieuxActif{
		background:url(../images/picto-lieux@2x.png) no-repeat left center;
		background-size: 32px 32px;
	}
	.galeries, .galeriesActif{
		background:url(../images/picto-galerie@2x.png) no-repeat left center;
		background-size: 32px 32px;
	}
	.forum,.forumActif{
		background:url(../images/picto-forum@2x.png) no-repeat left center;
		background-size: 32px 32px;
	}
	.boutique, .boutiqueActif{
		background:url(../images/picto-boutique@2x.png) no-repeat left center;
		background-size: 32px 32px;
	}
}
.annonces, .tchat, .rencontres, .lieux, .galeries, .forum, .boutique, .tchatMessage{
	color:#1197CF;
}
.annonces:hover, .annoncesActif, .tchat:hover, .tchatActif, .rencontres:hover, .rencontresActif, .lieux:hover, .lieuxActif, .galeries:hover, .galeriesActif, .forum:hover, .forumActif, .boutique:hover, .boutiqueActif{
	color:#333;
}

.sousmenu{
	display:none;
	clear:both;
	position:absolute;
	z-index:20000;
	width:970px;
	min-height:100px;
	margin:0;
	background-color:#fff;
	/*border:1.5px solid #19bc9c;*/	
	box-sizing:border-box;
	font-size:0.8em;
	font-weight:normal;
	padding:10px;
	margin-top:2px;
}
.sousmenu-annonce{
	margin-left:-50px;
}
.sousmenu-galeries{
	margin-left:-165px;	
}
/*.sousmenu-rencontres{
	margin-left:-305px;
}*/
/*.sousmenu-tchat{
	margin-left:-437px;
}*/
.sousmenu-lieux{
	margin-left:-545px;
}
.sousmenu-forum{
	margin-left:-710px;  /* quant il y a le menu lieux */
	/*margin-left:-556px;*/
}
/*.sousmenu-boutique{
	margin-left:-800px;
}*/

.sousmenu-ul{
	width:33%;
	display:inline-block;
	vertical-align:top;
}
.first{
	width:76%;
}
.partieCentrale{
	width:20%;
}
.last{
	width:23%;	
}
.tier{
	width:32%;
}
.sousmenu-ul>a{
	display:block;
}
.sousmenu-ul>a>p{
	width:150px; 
	margin-left:10px;
}

.sousmenu-li>a{
	display:block;
	line-height:1.2em;
	margin-left:25px;
	padding-top:4px;	
}
.sousmenu-ul-ul{
	width:32%;
	display:inline-block;
	vertical-align:top;
	margin-right:0.5%;
}
.sousmenu-ul-ul-tier{
	width:95%;
	display:inline-block;
	vertical-align:top;
}
.sousmenu-li-categorie{
	font-size:1.2em;
	color:#1197CF;
	font-weight:700;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.amitie{
		background:url(../images/picto-amitie-naturiste.png) no-repeat left center;
	}
	.rencontres-couple{
		background:url(../images/picto-rencontres-couple-naturiste.png) no-repeat left center;
	}
	.rencontres-hetero{
		background:url(../images/picto-rencontre-hetero-naturiste.png) no-repeat left center;
	}
	.homo{
		background:url(../images/picto-rencontres-homo.png) no-repeat left center;
	}
	.massage, .picto-categorie4{
		background:url(../images/picto-massage-naturiste.png) no-repeat left center;
	}
	.massage-domicile{
		background:url(../images/picto-massage-naturiste-domicile.png) no-repeat left center;
	}
	.menage{
		background:url(../images/picto-menage-naturiste.png) no-repeat left center;
	}
	.modele{
		background:url(../images/picto-modele-naturiste.png) no-repeat left center;
	}
	.photographe{
		background:url(../images/picto-photographe-naturiste.png) no-repeat left center;
	}
	.location{
		background:url(../images/picto-location-naturiste.png) no-repeat left center;
	}
	.vente{
		background:url(../images/picto-vente-immobilier-naturiste.png) no-repeat left center;
	}
	.hebergement{
		background:url(../images/picto-hebergement-naturiste.png) no-repeat left center;
	}
	.sorties{
		background:url(../images/picto-sorties-naturiste.png) no-repeat left center;
	}
	.emploi{
		background:url(../images/picto-emploi.png) no-repeat left center;
	}
	.colocation{
		background:url(../images/picto-collocation-naturiste.png) no-repeat left center;
	}
	.covoiturage{
		background:url(../images/picto-covoiturage-naturiste.png) no-repeat left center;
	}
	.divers{
		background:url(../images/picto-divers.png) no-repeat left center;
	}
	.naturisme{
		background:url(../images/picto-naturisme.png) no-repeat left center;
	}
	.menu-randonue{
		background:url(../images/picto-randonue.png) no-repeat left center;
	}
	.mes-annonces{
		background:url(../images/picto-mes-annonces.png) no-repeat left center;
	}
	.toutes-annonces{
		background:url(../images/picto-toutes-annonces.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.amitie{
		background:url(../images/picto-amitie-naturiste@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.rencontres-couple{
		background:url(../images/picto-rencontres-couple-naturiste@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.rencontres-hetero{
		background:url(../images/picto-rencontre-hetero-naturiste@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.homo{
		background:url(../images/picto-rencontres-homo@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.massage, .picto-categorie4{
		background:url(../images/picto-massage-naturiste@2x.png) no-repeat left center;
		background-size: 13px 12px;
	}
	.massage-domicile{
		background:url(../images/picto-massage-naturiste-domicile@2x.png) no-repeat left center;
		background-size: 13px 14px;
	}
	.menage{
		background:url(../images/picto-menage-naturiste@2x.png) no-repeat left center;
		background-size: 13px 10px;
	}
	.modele{
		background:url(../images/picto-modele-naturiste@2x.png) no-repeat left center;
		background-size: 14px 13px;
	}
	.photographe{
		background:url(../images/picto-photographe-naturiste@2x.png) no-repeat left center;
		background-size: 13px 14px;
	}
	.location{
		background:url(../images/picto-location-naturiste@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.vente{
		background:url(../images/picto-vente-immobilier-naturiste@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.hebergement{
		background:url(../images/picto-hebergement-naturiste@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.sorties{
		background:url(../images/picto-sorties-naturiste@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.emploi{
		background:url(../images/picto-emploi@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.colocation{
		background:url(../images/picto-collocation-naturiste@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.covoiturage{
		background:url(../images/picto-covoiturage-naturiste@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.divers{
		background:url(../images/picto-divers@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.naturisme{
		background:url(../images/picto-naturisme@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.menu-randonue{
		background:url(../images/picto-randonue@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.mes-annonces{
		background:url(../images/picto-mes-annonces@2x.png) no-repeat left center;
		background-size: 20px 20px;
	}
	.toutes-annonces{
		background:url(../images/picto-toutes-annonces@2x.png) no-repeat left center;
		background-size: 20px 20px;	
	}
}

.menu-deco{
	display:block;
	width:90%;
	height:93px;
	margin-top:10px;
	background:url(../images/carte-lieux.png) no-repeat center center;
}/* va disparaitre */

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.picto-categorie1{
		background:url(../images/picto-categorie-plage.png) no-repeat left center;
	}
	.picto-categorie2{
		background:url(../images/picto-categorie-centre.png) no-repeat left center;
	}
	.picto-categorie3{
		background:url(../images/picto-categorie-sauna.png) no-repeat left center;
	}
	.picto-categorie5{
		background:url(../images/picto-categorie-piscine.png) no-repeat left center;
	}
	.picto-categorie6{
		background:url(../images/picto-categorie-chambre.png) no-repeat left center;
	}
	.picto-albums1{
		background:url(../images/picto-notification-profil.png) no-repeat 2px center;
	}
	.picto-albums2{
		background:url(../images/picto-albums-photographe.png) no-repeat left center;
	}
	.picto-albums3{
		background:url(../images/picto-notification-lieux.png) no-repeat 3px center;
	}
	.picto-mes-albums{
		background:url(../images/picto-mes-albums.png) no-repeat left 1px;
	}
	.picto-albums-tous{
		background:url(../images/picto-albums-tous.png) no-repeat left 1px;
	}
	.picto-album-filtre-ajout{
		background:url(../images/picto-album-filtre-ajout.png) no-repeat left center;
	}
	.picto-album-filtre-modif{
		background:url(../images/picto-album-filtre-modif.png) no-repeat left center;
	}
	.picto-album-filtre-popularite{
		background:url(../images/picto-album-filtre-popularite.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.picto-categorie1{
		background:url(../images/picto-categorie-plage@2x.png) no-repeat left center;
		background-size:20px 20px;
	}
	.picto-categorie2{
		background:url(../images/picto-categorie-centre@2x.png) no-repeat left center;
		background-size:20px 20px;
	}
	.picto-categorie3{
		background:url(../images/picto-categorie-sauna@2x.png) no-repeat left center;
		background-size:20px 20px;
	}
	.picto-categorie5{
		background:url(../images/picto-categorie-piscine@2x.png) no-repeat left center;
		background-size:20px 20px;
	}
	.picto-categorie6{
		background:url(../images/picto-categorie-chambre@2x.png) no-repeat left center;
		background-size:20px 20px;
	}
	.picto-albums1{
		background:url(../images/picto-notification-profil@2x.png) no-repeat 2px center;
		background-size:20px 20px;
	}
	.picto-albums2{
		background:url(../images/picto-albums-photographe@2x.png) no-repeat left center;
		background-size:20px 20px;
	}
	.picto-albums3{
		background:url(../images/picto-notification-lieux@2x.png) no-repeat 3px center;
		background-size:20px 20px;
	}
	.picto-mes-albums{
		background:url(../images/picto-mes-albums@2x.png) no-repeat left 1px;
		background-size:20px 20px;
	}
	.picto-albums-tous{
		background:url(../images/picto-albums-tous@2x.png) no-repeat left 1px;
		background-size:20px 20px;
	}
	.picto-album-filtre-ajout{
		background:url(../images/picto-album-filtre-ajout@2x.png) no-repeat left center;
		background-size:20px 20px;
	}
	.picto-album-filtre-modif{
		background:url(../images/picto-album-filtre-modif@2x.png) no-repeat left center;
		background-size:20px 20px;
	}
	.picto-album-filtre-popularite{
		background:url(../images/picto-album-filtre-popularite@2x.png) no-repeat left center;
		background-size:20px 20px;
	}
}

.ajouter-annonces, .derniers-messages{
	display:block;
	width:90%;
	height:30px;
	color:#fff;
	padding:5px 0px;
	padding-top:12px;
	padding-right:10px;
	padding-left:30px;
	margin-left:0px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
	font-size:1.5em;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.derniers-messages{
	width:70%;
	color:#fff;
	padding:5px 0px;
	padding-top:12px;
	padding-right:10px;
	padding-left:30px;
	margin-top:4%;
	font-size:1.5em;
}

.ajouter-annonces:hover, .derniers-messages:hover{
	background-color:#19bc9c;
	color:#fff;
}
.sous-menu-ajouter-album{
	display:block;
	width:60%;
	height:30px;
	color:#fff;
	padding:5px 35px;
	padding-top:12px;
	padding-right:15px;
	margin-left:0px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
	font-size:1.5em;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.sous-menu-ajouter-album:hover{
	background-color:#19bc9c;
	color:#fff;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.ajouter-annonces{
		background:#546e7a url(../images/picto-ajout-annonce.png) no-repeat 5px center;
	}
	.sous-menu-ajouter-album{
		background:#546e7a url(../images/picto-ajout-album.png) no-repeat 15px center;
	}
	.annonce-creation-bouton{
		background:#546e7a url(../images/picto-ajout-annonce.png) no-repeat 15px center;
	}
	.lieu-creation-bouton{
		background:#546e7a url(../images/picto-ajout-lieu.png) no-repeat 15px center;
	}
	.album-creation-bouton{
		background:#546e7a url(../images/picto-ajout-album.png) no-repeat 15px center;
	}
	.derniers-messages{
		background:#546e7a url(../images/picto-derniers-messages.png) no-repeat 15px center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.ajouter-annonces{
		background:#546e7a url(../images/picto-ajout-annonce@2x.png) no-repeat 5px center;
		background-size: 22px 22px;
	}
	.sous-menu-ajouter-album{
		background:#546e7a url(../images/picto-ajout-album@2x.png) no-repeat 15px center;
		background-size: 22px 22px;
	}
	.annonce-creation-bouton{
		background:#546e7a url(../images/picto-ajout-annonce@2x.png) no-repeat 15px center;
		background-size: 22px 22px;
	}
	.lieu-creation-bouton{
		background:#546e7a url(../images/picto-ajout-lieu.png) no-repeat 15px center;
		background-size: 22px 22px;
	}
	.album-creation-bouton{
		background:#546e7a url(../images/picto-ajout-album@2x.png) no-repeat 15px center;
		background-size: 22px 22px;
	}
	.derniers-messages{
		background:#546e7a url(../images/picto-derniers-messages@2x.png) no-repeat 15px center;
		background-size: 22px 22px;
	}
}

.nav-mobile{
	display:none;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* @pages bienvenue - est-ce qu'on la supprime définitivement ?? */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.bienvenue-intro, .bienvenue-intro-appli{
	width:70%;
	margin:0 auto;
	margin-top:30px;
	line-height:1.1em;
}
.bienvenue-intro-appli{
	margin-top:60px;
	text-align:center;
	background:url(../images/bienvenue-ordis.png) no-repeat center top;
	padding-top:220px;
}
.bienvenue-section{
	width:70%;
	margin:0 auto;
	margin-top:50px;
}
.bienvenue-illustration{
	width:160px;
	height:160px;
	float:left;
}
.bienvenue-profil{
	background:url(../images/bienvenue-profil.png) no-repeat left top;
}
.bienvenue-annonces{
	background:url(../images/bienvenue-annonces.png) no-repeat left top;
}
.bienvenue-albums{
	background:url(../images/bienvenue-albums.png) no-repeat left top;
}
.bienvenue-premium{
	background:url(../images/bienvenue-premium.png) no-repeat left top;
}
.bienvenue-texte{
	width:70%;
	float:left;
	margin-left:25px;
	margin-top:15px;
}
.bienvenue-texte-appli{
	width:65%;
	float:left;
	margin-left:25px;
}
.bienvenue-titre{
	margin:0;
	padding:0;
	color:#1197CF;
}
.bienvenue-accroche{
	margin-top:20px;
	line-height:1.1em;
}
.bienvenue-bouton{
	display:block;
	width:175px;
	padding-top:4px;
	height:20px;
	text-align:center;
	background-color:#1197CF;
	color:#fff;
	border-radius:12px;
	font-size:0.9em;
	margin-top:20px;
}
.bienvenue-bouton:hover{
	color:#fff;
	background-color:#19bc9c;
	text-decoration:none;
}





/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* @secondaires */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.secondaire-tchat{
	display:none;
}
.secondaire-boutique{
	display:none;
}
.secondaire-responsive670{
	display:none;
}

@media (min-width: 1400px) {

	.secondaire-tchat>a{
		display:block;
		width:150px;
		height:168px;
		color:#fff;
		padding-top:24px;
		padding-left:60px;
		font-size:2em;
	}	
	.secondaire-tchat-nbrconnecte{
		width:80%;
		padding-top:5px;
		font-size:0.65em;
	}
	.secondaire-boutique>a{
		display:block;
		width:208px;
		height:192px;
		color:#fff;		
	}
	.secondaire-boutique-texte{
		font-size:1.5em;
		width:100px;
		text-align:center;
		margin-top:92px;
		margin-left:23px;
	}
	.secondaire-tchat>a:hover, .secondaire-boutique>a:hover{
		color:#64c4ec;
		text-decoration:none;
	}
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* compteurs */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.fond-compteurs{
	height:50px;
	background-color:#19bc9c;
	color:#fff;
}
.compteurs{
	max-width:960px;
	margin: 0 auto;
	padding-top:5px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* @footer */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer-fond-haut{
	width:100%;
	height:122px;
	background-color:#1197cf;
}
.footer-contenu{
	max-width:960px;
	margin: 0 auto;
	clear:both;
}
.footer-contenu>span{
	display:inline-block;
}
.footer-contenu>span:first-child{
	vertical-align:top;
	padding-top:5px;
}
.footer-contenu ul{
	width:20%;
	height:102px;
	float:left;
	padding-top:20px;
	padding-left:10%;
}
.footer-contenu li{
	padding-left:15px;
	line-height:1.2em;
}
.footer-newsletter{
	width:32%;
	height:112px;
	float:left;
	padding-top:10px;
}
.footer-newsletter .legend{
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.formulaireLigneFooter{
	text-align:center;
	clear:both;
	margin-top:8%;
}
.derniereNews{
	display:block;
	width:100%;
	text-align:center;
	margin-top:4%;
}
.footer-telecharger-appli{
	width:28%;
	height:102px;
	float:left;
	margin-left:5%;
	text-align:center;
	padding-top:20px;
	color:#fff;	
}
.telecharger-appli{
	display:block;
	width:50%;
	text-align:center;
	margin-left:43%;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.footer-contenu ul{
		background:url(../images/footer-new-ver.png) no-repeat left bottom;
	}
	.footer-contenu li{
		background:url(../images/puce-blanche.png) no-repeat left center;
	}
	.footer-newsletter{
		background:url(../images/footer-fond-newsletter.png) no-repeat center top;
	}
	.news{
		background:#fff url(../images/picto-newsletter.png) no-repeat center center;
	}
	.footer-telecharger-appli{
		background:url(../images/footer-appli.png) no-repeat left bottom;	
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.footer-contenu ul{
		background:url(../images/footer-new-ver@2x.png) no-repeat left bottom;
		background-size:124px 108px;
	}
	.footer-contenu li{
		background:url(../images/puce-blanche@2x.png) no-repeat left center;
		background-size:8px 13px;
	}
	.footer-newsletter{
		background:url(../images/footer-fond-newsletter@2x.png) no-repeat center top;
		background-size:302px 122px;
	}
	.news{
		background:#fff url(../images/picto-newsletter@2x.png) no-repeat center center;
		background-size:16px 16px;
	}
	.footer-telecharger-appli{
		background:url(../images/footer-appli@2x.png) no-repeat left bottom;
		background-size:246px 118px;	
	}
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* @container */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.container{
	max-width:960px;
	margin: 0 auto;
	padding:1% 1% 0% 1%;
}
.secondaire, .secondaire_tchat_liste_connectes, .secondaire-messagerie, .secondaire-tchat-liste-connecte, .secondaire-contact{
	width:28%;
	float:left;
}

.content, .content_tchat, .content-contact{
	width:70%;
	float:left;
}
.content100{
	left:0;
	right:0;
}

.fondTitre30, .fondTitre60, .fondTitre100{
	left:0;
	right:0;
	height:28px;
	color:#fff;
	background-color:#19bc9c;
}
.fondTitre30-responsive{
	display:none;
}
.fondTitre40 {
	width:40%;
	height:28px;
	background-color:#19bc9c;
	color:#fff;
}
.fondTitre100 {
	max-width:960px;
}
h1, .commeH1{
	text-transform:uppercase;
	font-weight:500;
	color:#fff;
	padding-top:6px;
	margin-left:10px;
}
h2{
	font-weight:500;
	color:#fff;
	padding-top:6px;
	margin-left:10px;
}
h3{
	font-weight:500;
	color:#1197CF;
	font-size:0.9em;
}

.filtresTchat{
	margin-top:4%;
	text-align:center;
}
.filtresTchat>div{
	display:inline-block;
}

.filtresTchat>div input[type="checkbox"] {
    margin: 0;
	margin-right:2px;
}
.filtre, .filtreActif{
	display:inline-block;
	padding-top:3px;
	width:41px;
	height:28px;
	text-align:center;
	border:1px solid #F7FCFE;
	box-sizing:border-box;
}
.filtre:hover, .filtreActif{
	border:1px solid #ccc;
}

/* les formulaires de recherche et + */

.ui-menu{
	border-radius: 4px;
}
.ui-menu .ui-menu-item{
	text-decoration: none;
	display: block;
	padding: 2px 2px;
	line-height: 1.2em;
	min-height: 0; /* support: IE7 */
	font-size:0.8em;
	font-weight: normal;
	border-radius: 4px;
	color:#666;
	width:auto;
}
.ui-menu .ui-menu-item:hover{
	color:#1197CF;
	margin: 0px;
	border:none;
}

.formRecupPass{
	min-height:150px;
	padding-top:200px;
}
.formRecupPass>p{
	line-height:1.3em;
}
.formModifPass{
	min-height:150px;
	padding-top:200px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.formRecupPass{
		background:url(../images/page-pass-oublie.png) no-repeat top center;
	}
	.formModifPass{
		background:url(../images/page-pass-modifie.png) no-repeat center 20px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .formRecupPass{
		background:url(../images/page-pass-oublie@2x.png) no-repeat top center;
		background-size: 188px 170px;
	}
	.formModifPass{
		background:url(../images/page-pass-modifie@2x.png) no-repeat center 20px;
		background-size: 193px 168px;
	}
}
.formRecherche, .formRechercheCarte{
	width:90%;
	margin :0 auto;
	margin-top:7%;
}
.formulaireInputRecherche, .formulaireInputRechercheForum, .formulaireInputRechercheCarte, .formulaireSelectAdmin, .formulaireInputAjouter{
	width:83%;
	height:25px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
}
.formulaireInputAjouter{
	width:95%;
}
.formulaireSubmitRecherche{
	display:inline-block;
	vertical-align:middle;
	width:21px;
	height:21px;
	border:none;
	cursor:pointer;
	padding-top:20px;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.formulaireSubmitRecherche{
		background:url(../images/loupe.png) no-repeat left bottom;
	}
	.formulaireSubmitRecherche:hover{
		background:url(../images/loupe-hover.png) no-repeat left bottom;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.formulaireSubmitRecherche{
		background:url(../images/loupe@2x.png) no-repeat left bottom;
		background-size: 21px 21px;
	}
	.formulaireSubmitRecherche:hover{
		background:url(../images/loupe-hover@2x.png) no-repeat left bottom;
		background-size: 21px 21px;
	}
}
.formRechercheForum{
	width:100%;
	margin-top:0;
	padding-top:1%;
	padding-bottom:1%;
	border-bottom:1px solid #19bc9c;
}
.formulaireLabelRechercheForum, .formulaireLabelRechercheForumErreur, .formulaireLabelRechercheForumAdmin, .formulaireLabelRechercheForumAdminErreur{
	display:inline-block;
	text-transform:uppercase;
	color:#1197CF;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	margin-right:2%;
}
.formulaireLabelRechercheAvanceeForum, .formulaireLabelRechercheAvanceeForumErreur{
	width:40%;
	text-align:right;
	padding-right:10px;
	color:#1197CF;
	display:inline-block;
	font-weight:700;
}
.formulaireLabelRechercheForumErreur, .formulaireLabelRechercheAvanceeForumErreur{
	color:#FF0004;
}
.formulaireInputRechercheForum{
	width:50%;
}
.formulaireSubmitRechercheForum{
	display:inline-block;
	vertical-align:middle;
	width:39px;
	height:39px;
	border:none;
	cursor:pointer;
	padding-top:20px;
	margin-left:2%;
	text-indent:-9999px;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.etape1{
	height:30px;
	padding-left:45px;
	padding-top:15px;
}
.etape2{
	height:35px;
	padding-left:45px;
	padding-top:8px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.formulaireSubmitRechercheForum{
		background:url(../images/flecheSubmit-hover.png) no-repeat left top;
	}
	.formulaireSubmitRechercheForum:hover{	
		background:url(../images/flecheSubmit.png) no-repeat left top;	
	}
	.etape1{
		background:url(../images/etape1.png) no-repeat left center;
	}
	.etape2{
		background:url(../images/etape2.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.formulaireSubmitRechercheForum{
		background:url(../images/flecheSubmit-hover@2x.png) no-repeat left top;
		background-size: 39px 38px;
	}
	.formulaireSubmitRechercheForum:hover{	
		background:url(../images/flecheSubmit@2x.png) no-repeat left top;
		background-size: 39px 38px;	
	}
	.etape1{
		background:url(../images/etape1@2x.png) no-repeat left center;
		background-size: 39px 38px;
	}
	.etape2{
		background:url(../images/etape2@2x.png) no-repeat left center;
		background-size: 39px 38px;
	}
}

/* @pagination Index*/

.paginationConnect{
	width:90%;
	margin:0 auto;
	margin-top:7%;
	color:#1197CF;
	font-size:0.8em;
}
.paginationConnect>a{
	display:inline-block;
	width:15%;
	height:14px;	
}
.premiere-inactive{
	display:inline-block;
	width:15%;
	height:14px;
}
.precedente-inactive{
	display:inline-block;
	width:15%;
	height:14px;
}
.suivante-inactive{
	display:inline-block;
	width:15%;
	height:14px;
}
.derniere-inactive{
	display:inline-block;
	width:15%;
	height:14px;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.premiere{
		background:url(../images/page-premiere.png) no-repeat center center;
	}
	.premiere-inactive{
		background:url(../images/page-premiere-inactive.png) no-repeat center center;
	}
	.premiere:hover{
		background:url(../images/page-premiere-hover.png) no-repeat center center;
	}
	.precedente{
		background:url(../images/page-precedente.png) no-repeat center center;
	}
	.precedente-inactive{
		background:url(../images/page-precedente-inactive.png) no-repeat center center;
	}
	.precedente:hover{
		background:url(../images/page-precedente-hover.png) no-repeat center center;
	}
	.suivante{
		background:url(../images/page-suivante.png) no-repeat center center;
	}
	.suivante-inactive{
		background:url(../images/page-suivante-inactive.png) no-repeat center center;
	}
	.suivante:hover{
		background:url(../images/page-suivante-hover.png) no-repeat center center;
	}
	.derniere{
		background:url(../images/page-derniere.png) no-repeat center center;
	}
	.derniere-inactive{
		background:url(../images/page-derniere-inactive.png) no-repeat center center;
	}
	.derniere:hover{
		background:url(../images/page-derniere-hover.png) no-repeat center center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.premiere{
		background:url(../images/page-premiere@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.premiere-inactive{
		background:url(../images/page-premiere-inactive@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.premiere:hover{
		background:url(../images/page-premiere-hover@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.precedente{
		background:url(../images/page-precedente@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.precedente-inactive{
		background:url(../images/page-precedente-inactive@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.precedente:hover{
		background:url(../images/page-precedente-hover@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.suivante{
		background:url(../images/page-suivante@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.suivante-inactive{
		background:url(../images/page-suivante-inactive@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.suivante:hover{
		background:url(../images/page-suivante-hover@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.derniere{
		background:url(../images/page-derniere@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.derniere-inactive{
		background:url(../images/page-derniere-inactive@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
	.derniere:hover{
		background:url(../images/page-derniere-hover@2x.png) no-repeat center center;
		background-size: 14px 14px;
	}
}
.nombre-page{
	display:inline-block;
	width:32%;
	text-align:center;
	vertical-align:top;
}

/* @INDEX ------------------------------------------------------------------------- */
.liste-connecte, .liste-contact{
	margin-top:7%;
	font-size:0.9em;
}
.liste-connecte>li, .liste-contactLi, .liste-contactLi-actif, .liste-contact-tchatLi{
	width:75%;
	margin :0 auto;
	border-radius:20px;
	padding:3px;
}
.liste-contactLi, .liste-contactLi-actif{
	width:90%;
}
.liste-connecte>li:hover, .liste-contactLi:hover, .liste-contactLi-actif{
	background-color:#ECEFF1 ;
}
.liste-connecte-supprimer-discussion{
	display:block;
	float:right;
	width:16px;
	height:13px;
	padding-top:10px;
	margin-right:2px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.liste-connecte-supprimer-discussion{
		background:url(../images/picto-admin-supprimer-photo.png) no-repeat left bottom;
	}
	.liste-connecte-supprimer-discussion:hover{
		background:url(../images/picto-admin-supprimer-photo-inactif.png) no-repeat left bottom;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .liste-connecte-supprimer-discussion{
		background:url(../images/picto-admin-supprimer-photo@2x.png) no-repeat left bottom;
		background-size: 13px 13px;
	}
	.liste-connecte-supprimer-discussion:hover{
		background:url(../images/picto-admin-supprimer-photo-inactif@2x.png) no-repeat left bottom;
		background-size: 13px 13px;
	}
}
.imgProfilTchat, .imgProfilContact{
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	border:1px solid #ECEFF1 ;
}
.cercle26Tchat{
	display:inline-block;
	background-color:#fff;
  	border-radius:50%;
  	width:26px;
  	height:26px; 
}
.vignetteProfilContact{
	margin-top:4%;
	text-align:center;
}
.vignetteProfilContact>a{
	display:inline-block;
}
.pseudoTchat, .pseudoTchatModerateur, .pseudoMessagerie, .pseudoTchatAccueil, .pseudoTchatModerateurAccueil{
	display:inline-block;
	width:55%;
	height:23px;
	text-align:left;
	vertical-align:bottom;
	padding-left:5px;
	padding-top:3px;
}
.pseudoTchatModerateur, .pseudoTchatModerateurAccueil{
	width:45%;
	vertical-align:top;
	padding-left:5px;
	padding-top:8px;
}
.statutModerateur{
	display:inline-block;
	width:10%;
	height:20px;
	color:#ff0000;
	font-size:0.8em;
	vertical-align:top;
	padding-top:9px;
}
.statutProfilTchat{
	display:inline-block;
	background-color:#7F2425;
	width:20px;
	height:26px;
}
.departementTchat{
	display:inline-block;
	color:#1197CF;
	font-size:0.9em;
	vertical-align:top;
	padding-left:5px;
	padding-top:8px;
}
.femme{
	background:url(../images/femme@2x.png) no-repeat center center;
	background-size:contain;
}
.homme{
	background:url(../images/homme@2x.png) no-repeat center center;
	background-size:contain;
}
.homme-femme{
	background:url(../images/homme-femme@2x.png) no-repeat center center;
	background-size:contain;
}
.femme-femme{
	background:url(../images/femme-femme@2x.png) no-repeat center center;
	background-size:contain;
}
.homme-homme{
	background:url(../images/homme-homme@2x.png) no-repeat center center;
	background-size:contain;
}

.plusInfo30, .plusInfo60, .plusInfo, .plusInfo30-aside, .plusInfo30-aside-ses-annonces, .plusInfo30-aside-son-profil{
	margin-top:7%;
	height:28px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.plusInfo30, .plusInfo60, .plusInfo, .plusInfo30-aside, .plusInfo30-aside-ses-annonces, .plusInfo30-aside-son-profil{
		background:#ECEFF1 url(../images/fleche-suivre.png) no-repeat right center;
	}
	.parIci{
		background:url(../images/fleche-suivre.png) no-repeat right center;
	}
	.membre-liste-voir-profil{
		background:#ECEFF1 url(../images/fleche-suivre.png) no-repeat right center;
	}
	.qui-a-visite{
		background:#ECEFF1 url(../images/fleche-suivre.png) no-repeat right center;
	}
	.validerPanier{
		background:#ECEFF1 url(../images/fleche-suivre.png) no-repeat right center;
	}
	.plusInfo30Admin{
		background:#ECEFF1 url(../images/fleche-suivre.png) no-repeat right center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .plusInfo30, .plusInfo60, .plusInfo, .plusInfo30-aside, .plusInfo30-aside-ses-annonces, .plusInfo30-aside-son-profil{
		background:#ECEFF1 url(../images/fleche-suivre@2x.png) no-repeat right center;
		background-size: 20px 14px;
	}
	.parIci{
		background:url(../images/fleche-suivre@2x.png) no-repeat right center;
		background-size: 20px 14px;
	}
	.membre-liste-voir-profil{
		background:#ECEFF1 url(../images/fleche-suivre@2x.png) no-repeat right center;
		background-size: 20px 14px;
	}
	.qui-a-visite{
		background:#ECEFF1 url(../images/fleche-suivre@2x.png) no-repeat right center;
		background-size: 20px 14px;
	}
	.validerPanier{
		background:#ECEFF1 url(../images/fleche-suivre@2x.png) no-repeat right center;
		background-size: 20px 14px;
	}
	.plusInfo30Admin{
		background:#ECEFF1 url(../images/fleche-suivre@2x.png) no-repeat right center;
		background-size: 20px 14px;
	}
}
.plusInfo60, .plusInfo{
	margin-top:2%;
}
.plusInfo30>a, .plusInfo60>a, .plusInfo30-aside>a, .plusInfo30-aside-ses-annonces>a, .plusInfo30-aside-son-profil>a{
	display:block;
	width:85%;
	color:#546e7a;
	padding-top:5px;
	font-weight:bold;
	text-align:right;
}
.plusInfo60>a{
	width:95%;
}
.plusInfo30>a:hover, .plusInfo60>a:hover, .plusInfo30-aside>a:hover, .plusInfo30-aside-ses-annonces>a:hover, .plusInfo30-aside-son-profil>a:hover{
	color:#19bc9c;
}
.pictoInfo{
	width:12px;
	height:12px;
	background-position: left center;
}
.pseudoInfo{
	float:right;
	font-size:0.9em;
}

/* @index-vignettes */

.index-listeVignettes, .index-lieux-listeVignettes{
	text-align:center;
	font-size:0.8em;
	padding:0.2%;
}
.index-une-vignette{
	width:104px;
	height:182px;
	font-size:0.9em;
	/*float:left;*/
	margin-left:4px;
	margin-top:2%;
	display:inline-block;
	vertical-align:top;
}
.index-lieux-une-vignette{
	width:160px;
	height:230px;
	font-size:0.9em;
	/*float:left;*/
	margin-left:4px;
	margin-top:2%;
	display:inline-block;
	vertical-align:top;
}
.index-une-vignette:first-child, .index-lieux-une-vignette:first-child{
	margin-left:0;
}
.index-une-vignette>a{
	display:block;
	width:104px;
	height:182px;
}
.index-lieux-une-vignette>a{
	display:block;
	width:160px;
	height:230px;
}
.index-boite-vignette{
	width:100px;
	height:100px;
	border:1px solid #ccc;
}
.index-lieux-boite-vignette{
	width:156px;
	height:156px;
	border:1px solid #ccc;
}
.index-boite-vignette-img, .index-lieux-boite-vignette-img{
	width:96px;
	height:96px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:contain;
	margin-left:2px;
	margin-top:2px;
	text-align:center;
}
.index-lieux-boite-vignette-img{
	width:152px;
	height:152px;
}
.index-boite-vignette-titre{
	margin-top:5px;
	padding-top:5px;
	text-align:center;
	color:#1197CF;
	font-weight:700;
	line-height:1.2em;
	/*border-top:1px solid #eceff1;*/
}
.index-boite-vignette-titre:hover{
	color:#64c4ec;
	text-decoration:none;
}
.cercle20{
	display:inline-block;
	background-color:#fff;
  	border-radius:50%;
  	width:20px;
  	height:20px; 
}
.index-img-profil{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #ECEFF1;
	float:right;
	margin-left:5px;
}
.index-count-photo{
	text-align:center;
	margin-top:4%;
	font-size:0.9em;
}
.index-lieux-count-photo{
	text-align:center;
	margin-top:4%;
	font-size:1em;
}
.index-count-photo span{
	height:10px;
	display:inline-block;
	vertical-align:middle;
}
.index-count-photo-visite{
	text-align:left;
	margin-top:4%;
	font-size:0.9em;
	width:98%;
}


/* @liste vignettes ancienne*/

.listeVignette, .listeVignetteAnnonce, .listeVignetteGalerie{
	text-align:center;
	font-size:0.7em;
	padding:1%;
}
.listeVignette>li, .listeVignetteAnnonce>li, .listeVignetteGalerie>li{
	display:inline-block;
	width:90px;
	margin:5px;
	vertical-align:top;
}
.listeVignetteGalerie>li{
	width:74px;
	height:74px;
	margin:5px;
}
.listeVignetteAnnonce>li{
	width:130px;
	margin:10px;
}
.vignette{
	width:90px;
	height:90px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
.vignetteGalerie{
	width:74px;
	height:74px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
.vignetteGalerie:hover{
	opacity:0.6;
}

/* @listeForum */
.listeForum{
	padding:2%;
	font-size:0.9em;
}
.listeForum>li{
	line-height:1.3em;
}
.titreDiscussion{
	width:65%;
	padding-left:25px;
	display:inline-block;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.titreDiscussion{
		background:url(../images/puce-forum.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.titreDiscussion{
		background:url(../images/puce-forum@2x.png) no-repeat left center;
		background-size: 12px 11px;
	}

}
.nombreVueDiscussion{
	width:30%;
	text-align:right;
	display:inline-block;
	font-size:0.9em;
}

/* @FORUM ------------------------------------------------------------------------- */

.liensDansTitre, .liensDansTitreStatistique{
	display:inline-block;
	height:22px;
	font-size:0.9em;
	font-weight:700;
	padding-left:35px;
	float:right;
	margin-right:25px;
	padding-top:6px;
}
.liensDansTitreStatistique{
	font-weight:400;
}

.navSecondaire, .navSecondaireAdmin, .navSecondaireSansFilet{
	text-align:center;
	min-height:34px;
	border-bottom:1px solid #eceff1;
	padding-top:6px;
}
.navSecondaireSansFilet{
	border-bottom:0px;
}
.navSecondaireAdmin{
	border-top:1px solid #19bc9c;
}
.navSecondaire li, .navSecondaireAdmin li, .navSecondaireSansFilet li{
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}
.navSecondaire li>a, .navSecondaireAdmin li>a, .navSecondaireSansFilet li>a{
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;	
	color:#1197CF;
}
.enCours{
	color:#19bc9c;
}
.navSecondaire li>a.actif, .navSecondaireAdmin li>a.actif, .navSecondaireSansFilet li>a.actif, .navSecondaire li>a.enCours, .navSecondaireAdmin li>a.enCours, .navSecondaireSansFilet li>a.enCours{
	color:#19bc9c;
}
.navSecondaire li>a:hover, .navSecondaireAdmin li>a:hover, .navSecondaireSansFilet li>a:hover{
	color:#19bc9c;
}

.infoAjoutDiscussionForum{
	margin-top:1%;
	text-align:center;
	border-bottom:1px solid #19bc9c;
	padding-bottom:8px;
	line-height:1.2em;
}

.actionForum{
	clear:both;
	border-bottom:1px solid #19bc9c;
	text-align:center;
	padding-top:5px;
	height:35px;
	font-weight:700;
}
.forum-separation-action{
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../images/puceNavVerte.gif) no-repeat center center;
	vertical-align:middle;
}

.forum-interventions, .forum-interventions-active{
	display:inline-block;
	height:25px;
	background:url(../images/picto-interventions.png) no-repeat left center;
	color:#1197CF;
	padding-left:35px;
	vertical-align:middle;
	padding-top:5px;
}
.forum-interventions:hover, .forum-interventions-active{
	background:url(../images/picto-interventions-hover.png) no-repeat left center;
	color:#19bc9c;
}

.forum-discussions-moment, .forum-discussions-moment-active{
	display:inline-block;
	height:25px;
	background:url(../images/picto-discussions-moment.png) no-repeat left center;
	color:#1197CF;
	padding-left:35px;
	vertical-align:middle;
	padding-top:5px;
}
.forum-discussions-moment:hover, .forum-discussions-moment-active{
	background:url(../images/picto-discussions-moment-hover.png) no-repeat left center;
	color:#19bc9c;
}

.forum-discussions-suivies, .forum-discussions-suivies-active{
	display:inline-block;
	height:25px;
	background:url(../images/picto-sujets-suivis.png) no-repeat left center;
	color:#1197CF;
	padding-left:30px;
	vertical-align:middle;
	padding-top:5px;
}
.forum-discussions-suivies:hover, .forum-discussions-suivies-active{
	background:url(../images/picto-sujets-suivis-hover.png) no-repeat left center;
	color:#19bc9c;
}

.forum-discussion-suivie, .forum-discussion-suivie-active{
	display:inline-block;
	height:25px;
	color:#1197CF;
	padding-left:25px;
	vertical-align:middle;
	padding-top:5px;
}
.forum-discussion-suivie:hover, .forum-discussion-suivie-active{
	color:#19bc9c;
}
.forum-discussion-suivie-active:hover{
	color:#1197CF;
}

.forum-qui-aime-count{
	display:inline-block;
	width:20px;
	height:16px;
	vertical-align:bottom;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.separationLiNav{
		background:url(../images/puceNavVerte.gif) no-repeat center center;
	}
	.forum-discussion-suivie, .forum-discussion-suivie-active{
		background:url(../images/picto-suivi.png) no-repeat left top;
	}
	.forum-discussion-suivie:hover, .forum-discussion-suivie-active{
		background:url(../images/picto-suivi-hover.png) no-repeat left top;
	}
	.forum-discussion-suivie-active:hover{
		background:url(../images/picto-suivi.png) no-repeat left top;
	}
	.forum-repondre{
		background:url(../images/forum-derniere-reponse.png) no-repeat left top;	
	}
	.forum-derniere-reponse{
		background:url(../images/forum-repondre.png) no-repeat left top;
	}
	.forum-derniere-reponse:hover{
		background:url(../images/forum-repondre-hover.png) no-repeat left top;
	}
	.forum-repondre:hover{
		background:url(../images/forum-derniere-reponse-hover.png) no-repeat left top;
	}
	.forumInfoAjoutCitation{
		background:url(../images/illustration-citation.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .separationLiNav{
		background:url(../images/puceNavVerte@2x.gif) no-repeat center center;
		background-size: 5px 5px;
	}
	.forum-discussion-suivie, .forum-discussion-suivie-active{
		background:url(../images/picto-suivi@2x.png) no-repeat left top;
		background-size: 17px 23px;
	}
	.forum-discussion-suivie:hover, .forum-discussion-suivie-active{
		background:url(../images/picto-suivi-hover@2x.png) no-repeat left top;
		background-size: 17px 23px;
	}
	.forum-discussion-suivie-active:hover{
		background:url(../images/picto-suivi@2x.png) no-repeat left top;
		background-size: 17px 23px;
	}
	.forum-repondre{
		background:url(../images/forum-derniere-reponse@2x.png) no-repeat left top;
		background-size: 19px 19px;	
	}
	.forum-derniere-reponse{
		background:url(../images/forum-repondre@2x.png) no-repeat left top;
		background-size: 19px 19px;
	}
	.forum-derniere-reponse:hover{
		background:url(../images/forum-repondre-hover@2x.png) no-repeat left top;
		background-size: 19px 19px;
	}
	.forum-repondre:hover{
		background:url(../images/forum-derniere-reponse-hover@2x.png) no-repeat left top;
		background-size: 19px 19px;
	}
	.forumInfoAjoutCitation{
		background:url(../images/illustration-citation@2x.png) no-repeat left top;
		background-size: 50px 50px;
	}
}
.separationLiNav{
	display:block;
	width:14px;
	height:30px;
}

.forumInfoAjoutCitation{
	margin-top:1%;
	margin-left:24.5%;
	padding-left:70px;
	line-height:1.1em;
	width:60%;
	min-height:80px;
}
.forumInfoAjoutCitationBis{
	margin-top:1%;
	margin-left:32%;
	line-height:1.3em;
	width:65%;
}
.forumInfoAjoutCitation>blockquote{
	font-style:italic;
	margin-bottom:15px;
}
/*.forumInfoAjoutCitation>blockquote::before{
	content: "\"";
}
.forumInfoAjoutCitation>blockquote::after {
  content: "\"";
}*/
.sectionForum{
	padding:1%;
}
.sectionForum>ul>li{
	border-bottom:1px solid #1197CF;
	padding-bottom:10px;
}
.sectionForum>h2{
	color:#19bc9c;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:0;
	margin-bottom:1%;
}
.illustrationForum{
	width:50px;
	min-height:40px;
	display:inline-block;
	vertical-align:top;
	margin-top:1%;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.presentation, .forum-sujet-2{
		background:url(../images/picto-forum-presentation.png) no-repeat left top;
	}
	.discussion, .forum-sujet-3{
		background:url(../images/picto-forum-discussion.png) no-repeat left top;
	}
	.temoignages, .forum-sujet-4{
		background:url(../images/picto-forum-temoignages.png) no-repeat left top;
	}
	.revues, .forum-sujet-15{
		background:url(../images/picto-forum-revues-naturistes.png) no-repeat left top;
	}
	.handicap, .forum-sujet-16{
		background:url(../images/picto-forum-handicap-naturisme.png) no-repeat left top;
	}
	.rencontres-naturistes, .forum-sujet-17{
		background:url(../images/picto-forum-rencontres-naturistes.png) no-repeat left top;
	}
	.videos-rencontres, .forum-sujet-20{
		background:url(../images/picto-forum-video-etre-naturiste.png) no-repeat left top;
	}
	.videos-naturistes, .forum-sujet-25{
		background:url(../images/picto-forum-video-naturiste.png) no-repeat left top;
	}
	.agenda, .forum-sujet-18{
		background:url(../images/picto-forum-agenda-naturiste.png) no-repeat left top;
	}
	.anp, .forum-sujet-19{
		background:url(../images/picto-forum-anp.png) no-repeat left top;
	}
	.environnement, .forum-sujet-21{
		background:url(../images/picto-forum-environnement.png) no-repeat left top;
	}
	.ffn, .forum-sujet-22{
		background:url(../images/picto-forum-ffnaturisme.png) no-repeat left top;
	}
	.blogs, .forum-sujet-23{
		background:url(../images/picto-forum-blogs-naturistes.png) no-repeat left top;
	}
	.ajnf, .forum-sujet-24{
		background:url(../images/picto-forum-ajnf.png) no-repeat left top;
	}
	.association, .forum-sujet-28{
		background:url(../images/picto-forum-association.png) no-repeat left top;
	}
	.sans-maillot, .forum-sujet-29{
		background:url(../images/picto-forum-sans-maillot.png) no-repeat left top;
	}
	.randonue, .forum-sujet-6{
		background:url(../images/picto-forum-randonue.png) no-repeat left top;
	}
	.randonue-loi, .forum-sujet-7{
		background:url(../images/picto-forum-loi-randonue.png) no-repeat left top;
	}
	.centre-forum-naturiste, .forum-sujet-9{
		background:url(../images/picto-forum-centres-naturistes.png) no-repeat left top;
	}
	.plage-forum-naturiste, .forum-sujet-10{
		background:url(../images/picto-forum-plages-naturistes.png) no-repeat left top;
	}
	.sauna-forum-naturiste, .forum-sujet-11{
		background:url(../images/picto-forum-sauna-naturistes.png) no-repeat left top;
	}
	.avis-etre-naturiste, .forum-sujet-13{
		background:url(../images/picto-forum-avis-etre-naturiste.png) no-repeat left top;
	}
	.cafe-etre-naturiste, .forum-sujet-14{
		background:url(../images/picto-forum-cafe-etre-naturiste.png) no-repeat left top;
	}
	.sport-sante-nature, .forum-sujet-27{
		background:url(../images/picto-forum-sport-sante-nature.png) no-repeat left top;
	}
	.boite-a-idee, .forum-sujet-30{
		background:url(../images/picto-forum-boite-a-idee.png) no-repeat left top;
	}
	.post-it{
		background:url(../images/picto-forum-post-it.png) no-repeat left top;
	}
	.sujet-clos{
		background:url(../images/picto-forum-sujet-clos.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.presentation, .forum-sujet-2{
		background:url(../images/picto-forum-presentation@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.discussion, .forum-sujet-3{
		background:url(../images/picto-forum-discussion@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.temoignages, .forum-sujet-4{
		background:url(../images/picto-forum-temoignages@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.revues, .forum-sujet-15{
		background:url(../images/picto-forum-revues-naturistes@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.handicap, .forum-sujet-16{
		background:url(../images/picto-forum-handicap-naturisme@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.rencontres-naturistes, .forum-sujet-17{
		background:url(../images/picto-forum-rencontres-naturistes@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.videos-rencontres, .forum-sujet-20{
		background:url(../images/picto-forum-video-etre-naturiste@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.videos-naturistes, .forum-sujet-25{
		background:url(../images/picto-forum-video-naturiste@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.agenda, .forum-sujet-18{
		background:url(../images/picto-forum-agenda-naturiste@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.anp, .forum-sujet-19{
		background:url(../images/picto-forum-anp@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.environnement, .forum-sujet-21{
		background:url(../images/picto-forum-environnement@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.ffn, .forum-sujet-22{
		background:url(../images/picto-forum-ffnaturisme@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.blogs, .forum-sujet-23{
		background:url(../images/picto-forum-blogs-naturistes@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.ajnf, .forum-sujet-24{
		background:url(../images/picto-forum-ajnf@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.association, .forum-sujet-28{
		background:url(../images/picto-forum-association@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.sans-maillot, .forum-sujet-29{
		background:url(../images/picto-forum-sans-maillot@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.randonue, .forum-sujet-6{
		background:url(../images/picto-forum-randonue@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.randonue-loi, .forum-sujet-7{
		background:url(../images/picto-forum-loi-randonue@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.centre-forum-naturiste, .forum-sujet-9{
		background:url(../images/picto-forum-centres-naturistes@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.plage-forum-naturiste, .forum-sujet-10{
		background:url(../images/picto-forum-plages-naturistes@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.sauna-forum-naturiste, .forum-sujet-11{
		background:url(../images/picto-forum-sauna-naturistes@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.avis-etre-naturiste, .forum-sujet-13{
		background:url(../images/picto-forum-avis-etre-naturiste@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.cafe-etre-naturiste, .forum-sujet-14{
		background:url(../images/picto-forum-cafe-etre-naturiste@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.sport-sante-nature, .forum-sujet-27{
		background:url(../images/picto-forum-sport-sante-nature@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.boite-a-idee, .forum-sujet-28{
		background:url(../images/picto-boite-a-idee@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.post-it{
		background:url(../images/picto-forum-post-it@2x.png) no-repeat left top;
		background-size: 40px 40px;
	}
	.sujet-clos{
		background:url(../images/picto-forum-sujet-clos@2x.png) no-repeat left top;
		background-size: 40px 40px;
		
	}
}

.boiteCategorieForum{
	display:inline-block;
	font-size:0.9em;
	margin-top:1%;
	width:94%;
}
.boiteCategorieForum-ajout{
	display:inline-block;
	font-size:0.9em;
	margin-top:1%;
	width:96%;
}
.categorieForum{
	display:block;	
	width:auto;
	height:auto;
}
.categorieForum>div{
	text-align:center;
}
.categorieForum-intitule{	
	width:85%;
	float:left;
}
.categorieForum-intitule>h3, .categorieForum-intitule>div, .categorieForum-intitule>p{
	text-align:left;
}
.categorieForum-intitule>h3{
	color:#1197CF;
	font-weight:bold;
	font-size: 1.1em;
}
.categorieForum-intitule>div, .categorieForum-intitule>p{
	padding-top:5px;
	padding-right:5px;
	line-height:1.2em;
}
.sujets-messages{
	float:right;
	padding:0 6px;
}
.sujets-messages-nombre{
	margin-top:6px;
}
.separationPointillee{
	clear:both;
	height:18px;
	background:url(../images/separationPointillee.png) no-repeat left bottom;
}
.separationPointilleeAdmin{
	clear:both;
	height:10px;
	background:url(../images/separationPointillee.png) no-repeat left top;
}
.dernierMessageCategorieForum{
	padding-top:3px;
	display:block;
	line-height:1.2em;
	
}
.categorieForum:hover, .dernierMessageCategorieForum:hover{
	background-color:#ECEFF1 ;
}

.breadcrumb{
	border-bottom:1px solid #19bc9c;
	text-align:left;
	padding-top:10px;
	height:28px;
	padding-left:10px;
	font-size:0.9em;
}
.breadcrumb-liens{
	float:left;
}
.breadcrumb-ajout-discussion{
	float:right;
}
.rechercheAvancee{
	display:block;
	text-align:right;
	margin-right:90px;
}
.ajouter-discussion{
	display:block;
	height:28px;
	padding-left:28px;
	margin-right:10px;
	font-weight:700;
	color:#1197CF;
	padding-top:2px;
}
.ajouter-discussion:hover{
	color:#19bc9c;
	text-decoration:none;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.ajouter-discussion{
		background:url(../images/ajouter-ptt.png) no-repeat left top;
	}
	.ajouter-discussion:hover{
		background:url(../images/ajouter-ptt-hover.png) no-repeat left top;
	}
	.bouton-plus-photo{
		background:url(../images/ajouter-ptt.png) no-repeat left center;
	}
	.bouton-plus-photo:hover{
		background:url(../images/ajouter-ptt-hover.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.ajouter-discussion{
		background:url(../images/ajouter-ptt@2x.png) no-repeat left top;
		background-size: 20px 19px;
	}
	.ajouter-discussion:hover{
		background:url(../images/ajouter-ptt-hover@2x.png) no-repeat left top;
		background-size: 20px 19px;
	}
	.bouton-plus-photo{
		background:url(../images/ajouter-ptt@2x.png) no-repeat left center;
		background-size: 20px 19px;
	}
	.bouton-plus-photo:hover{
		background:url(../images/ajouter-ptt-hover@2x.png) no-repeat left center;
		background-size: 20px 19px;
	}
}
.boiteDiscussionForum{
	display:inline-block;
	font-size:0.9em;
	margin-top:1%;
	width:94%;
	line-height:1.4em;
}
.discussionForum-intitule{
	float:left;
	width:40%;
}
.discussionForum-intitule>a{
	display:block;
	cursor:pointer;
}
.discussionForum-intitule>a>h3{
	font-weight:700;
}
.discussionForum-intitule>a>div{
	font-size:0.8em;
}
.discussionForum-nbr-messages{
	float:left;
	width:30%;
	font-weight:700;
	text-align:center;
	padding-top:10px;
}
.discussionForum-reponse{
	float:left;
	width:30%;
}
.discussionForum-intitule:hover, .discussionForum-reponse:hover{
	background-color:#ECEFF1 ;
}

.boiteAdminForum{
	width:100%;
	margin-top:0;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #19bc9c;
}
.formRechercheForumAdmin{
	display:inline-block;
	width:70%;
}
.formSubmitForumDeplace{
	display:inline-block;
	width:20px;
	height:23px;
	background:url(../images/picto-admin-restaurer.png) no-repeat left top;
	border:none;
	cursor:pointer;
	margin-left:2%;
}
.formSubmitForumDeplace:hover{
	background:url(../images/picto-admin-restaurer-hover.png) no-repeat left top;
}
.selectForumAdmin{
	width:50%;
}

.actionAdminForum{
	display:inline-block;
	width:6%;
	text-align:center;
}
.forum-repondre, .forum-derniere-reponse{
	display:block;
	float:right;
	height:18px;
	padding-top:2px;
	padding-left:30px;
	font-size:0.8em;
	font-weight:700;
	margin-top:2%;
	margin-right:25px;	
}
.forum-repondre{
	margin-left:15px;	
}
.forum-derniere-reponse{
	float:left;	
	margin-left:10%;
	height:16px;
	padding-top:4px;
}
.forum-derniere-reponse:hover{
	color:#19BC9C;
}
.forum-repondre:hover{
	color:#19BC9C;
}
.forum-clos{
	display:block;
	float:left;
	height:18px;
	background:url(../images/picto-sujet-clos.png) no-repeat left top;
	padding-left:30px;
	font-size:0.8em;
	font-weight:700;
	margin-top:2%;
	padding-top:4px;	
}

.intercalaire{
	margin-top:10px;
}
.uneReponse{
	border-top:1px solid #1197CF;
	padding-top:5px;
	margin-top:2%
}
.uneReponse:first-child{
	margin-top:1%
}

/* @newF */

.forum-quiRepond{
	width:20%;
	float:left;
	font-size:0.9em;
}

.forum-quiRepond-pseudo-vignette{
	width:84%;
	float:left;
}
.forum-quiRepond-actions{
	width:25px;
	float:left;
}
.forum-quiRepond-pseudo{
	height:30px;
}

.forum-quiRepond-infos{
	clear:both;
	font-size:0.8em;
	line-height:1.6em;
	margin-top:7px;
}
.forum-quiRepond-vignette{
	width:90px;
	height:90px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
.forum-quirepond-contact{
	display:block;
	margin-top:7px;
}
.forum-quirepond-EnContact{
    width: 30px;
	margin-top:7px;
}
.forum-quirepond-modifier{
	display:block;
	margin-top:7px;
}
.forum-quirepond-mail{
	width:85%;
	cursor:pointer;
	padding-left:20px;
	overflow: hidden;
	text-overflow:ellipsis;
}
.forum-quirepond-localisation{
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.forum-quirepond-mail{
		background:url(../images/picto-adresse.png) no-repeat left 3px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .forum-quirepond-mail{
		background:url(../images/picto-adresse@2x.png) no-repeat left 3px;
		background-size: 17px 13px;
	}
}

.reponse{
	width:78%;
	min-height:220px;
	border-left:1px solid #19bc9c;
	float:left;
	font-size:0.9em;
	padding-left:5px;
}
.forum-reponse-message{
	margin-top:5px;
	line-height:1.25em;
	font-size:1.1em;
	color:#4b4b4b;
}
.forum-reponse-message img{
	max-width:600px;
}
.forum-reponse-message-suppression{
	margin-top:5px;
	line-height:1.25em;
	font-size:1.1em;
	color:#1197CF;
}
.forum-reponse-message>.forumTexteCitation, .forum-reponse-message>.forumDivCitation {
	font-size:1em;
}
.infoReponse{
	font-size:0.7em;
	text-align:right;
}
.forumTexteCitation{
	margin-left:10px;
	color:#1197CF;
}
.forumDivCitation{
	margin-left:10px;
	font-style:italic;
	padding:10px;
	background-color:#ECEFF1 ;
	margin-bottom:10px;
}
.forumDivCitation::before{
	content: "\" ";	
}
.forumDivCitation::after {
  content: "\" ";
}
.adminReponse{
	padding-top:5px;
	font-size:0.8em;
}
.adminReponse-actions{
	float:right;
	width:70%;
	text-align:right;
}
.adminReponse>span{
	display:inline-block;
	width:25%;
}
.adminReponse-actions-lien, .adminReponse-actions-lien-jaime{
	display:inline-block;
	width:10%;
	text-align:right;
}
.adminReponse-actions-lien-jaime{
	width:5%;
}

.popin-qui-aime{
	display:none;
	width:250px;
	height:450px;
	padding:10px;
	padding-right:3px;
	text-align:center;
	overflow:hidden;	
}
.popin-qui-aime-pseudo{
	float:left;
	padding-right:2px;
	padding-left:2px;
	padding-top:7px;
	font-size:0.9em;
}
.popin-qui-aime-pseudo-statut{
	float:right;
	width:18px;
	height:26px;
}
.popin-qui-aime-liste-boite{
	width:100%;
	min-height:410px;
	overflow:hidden;
}
.popin-qui-aime-liste{
	width:95%;
	min-height:410px;
	overflow:hidden;
}
.basPage{
	float:right;
	margin-top:2%;
	margin-right:2.5%;

}
.hautPage{
	clear:both;
	width:98.5%;
	text-align:right;
}

.forum-lien-video{
	margin-left:32%;
	height:54px;
	margin-top:10px;
}
.forum-ajout-lien, .forum-ajout-img, .forum-ajout-videoyoutube, .forum-ajout-videodailymotion{
	display:inline-block;
	width:44px;
	height:44px;
}
.forum-ajout-img{
	margin-left:10px;
}
.forum-ajout-videoyoutube{
	margin-left:10px;
	margin-right:10px;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.forum-ajout-lien{
		background:url(../images/picto-forum-lien.png) no-repeat left top;
	}
	.forum-ajout-lien:hover{
		background:url(../images/picto-forum-lien-hover.png) no-repeat left top;
	}
	.forum-ajout-img{
		background:url(../images/picto-forum-img.png) no-repeat left top;
	}
	.forum-ajout-img:hover{
		background:url(../images/picto-forum-img-hover.png) no-repeat left top;
	}
	.forum-ajout-videoyoutube{
		background:url(../images/picto-forum-youtube.png) no-repeat left top;
	}
	.forum-ajout-videoyoutube:hover{
		background:url(../images/picto-forum-youtube-hover.png) no-repeat left top;
	}
	.forum-ajout-videodailymotion{
		background:url(../images/picto-forum-dailymotion.png) no-repeat left top;
	}
	.forum-ajout-videodailymotion:hover{
		background:url(../images/picto-forum-dailymotion-hover.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .forum-ajout-lien{
		background:url(../images/picto-forum-lien@2x.png) no-repeat left top;
		background-size: 44px 44px;
	}
	.forum-ajout-lien:hover{
		background:url(../images/picto-forum-lien-hover@2x.png) no-repeat left top;
		background-size: 44px 44px;
	}
	.forum-ajout-img{
		background:url(../images/picto-forum-img@2x.png) no-repeat left top;
		background-size: 44px 44px;
	}
	.forum-ajout-img:hover{
		background:url(../images/picto-forum-img-hover@2x.png) no-repeat left top;
		background-size: 44px 44px;
	}
	.forum-ajout-videoyoutube{
		background:url(../images/picto-forum-youtube@2x.png) no-repeat left top;
		background-size: 44px 44px;
	}
	.forum-ajout-videoyoutube:hover{
		background:url(../images/picto-forum-youtube-hover@2x.png) no-repeat left top;
		background-size: 44px 44px;
	}
	.forum-ajout-videodailymotion{
		background:url(../images/picto-forum-dailymotion@2x.png) no-repeat left top;
		background-size: 44px 44px;
	}
	.forum-ajout-videodailymotion:hover{
		background:url(../images/picto-forum-dailymotion-hover@2x.png) no-repeat left top;
		background-size: 44px 44px;
	}
}

.placement-popin-forum{
	position:absolute;
	margin-top:-55px;
	margin-left:42px;
}
.placement-popin-forum-lien{
	position:absolute;
	margin-top:-294px;
	margin-left:-192px;
	z-index:8000;
}
.placement-popin-forum-img{
	position:absolute;
	margin-top:-219px;
	margin-left:-132px;
	z-index:8000;
}
.placement-popin-forum-videoYT{
	position:absolute;
	margin-top:-219px;
	margin-left:-73px;
	z-index:8000;
}
.placement-popin-forum-videoD{
	position:absolute;
	margin-top:-219px;
	margin-left:-13px;
	z-index:8000;
}
.placement-popin-mes-contacts{
	position:absolute;
	margin-top:-55px;
	margin-left:90px;
}
.placement-popin-contact{
	position:absolute;
	margin-top:-48px;
	margin-left:-520px;
}
.placement-popin-membre-liste{
	position:absolute;
	margin-top:-30px;
	margin-left:94px;
}
.placement-popin-album-contact{
	position:absolute;
	margin-top:-50px;
	margin-left:40px;
}
.placement-popin-profil{
	position:absolute;
	margin-top:-25px;
	margin-left:40px;
}
.placement-popin-admin{
	position:absolute;
	margin-top:-20px;
	margin-left:150px;
}
.placement-popin-admin-bloc-membre{
	position:absolute;
	margin-top:-48px;
	margin-left:35px;
}

.affichage-formulaire-contact{
	display:none;
}
.formulaire-contact{	
	position:absolute;
	background-color:#fff;
	width:450px;
	height:280px;
	z-index:5000;
	padding-left:50px;
	border-radius:5px;
	-webkit-box-shadow: 3px 3px 6px 1px #999999;
	box-shadow: 3px 3px 6px 1px #999999;
	font-size:0.9em;
}
.formulaire-contact-label{
	width:80%;
	height:30px;
	color:#1197CF;
	display:inline-block;
}
.formulaire-lien{	
	position:absolute;
	background-color:#fff;
	width:450px;
	height:225px;
	z-index:5000;
	padding-left:10px;
	border-radius:5px;
	text-align:left;
	border:solid 1px #CFD8DC;
}
.formulaire-video{	
	position:absolute;
	background-color:#fff;
	width:450px;
	height:150px;
	z-index:5000;
	padding-left:10px;
	border-radius:5px;
	text-align:left;
	border:solid 1px #CFD8DC;
}
.formulaire-lien-label{
	width:95%;
	height:20px;
	color:#1197CF;
	display:block;
	text-align:left;
	margin-top:20px;
	font-size:0.9em;
}
.formulaire-input-lien{
	width:85%;
	height:30px;
	border:1px solid #b0bec5;
	border-radius:5px;
	background-color:#ffffff;
	color:#666666;
	padding-left:5px;
	display:inline-block;
	margin-top:5px;
}
.formulaire-valid{
	display:inline-block;
	width:19px;
	height:25px;
	vertical-align:bottom;
	margin-left:5px;
}

.intro-contact{
	width:90%;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:30px;
	line-height:1.3em;
}
.fleche-bulle{
	width: 0;
	height: 0;
	position:absolute;
	margin-top:22px;
	margin-left:-20px;
	border-style: solid;
	border-width: 20px 20px 20px 0;
	border-color: transparent #1096cf transparent transparent;
}
.fleche-bulle-droite{
	width: 0;
	height: 0;
	position:absolute;
	margin-top:22px;
	margin-left:500px;
	border-style: solid;
	border-width: 20px 0px 20px 20px;
	border-color: transparent transparent transparent #1096cf;
	z-index:20;
}
.fleche-bulle-droite-lien{
	width: 0;
	height: 0;
	position:absolute;
	margin-top:225px;
	margin-left:461px;
	border-style: solid;
	border-width: 20px 0px 20px 20px;
	border-color: transparent transparent transparent #1096cf;
	z-index:20;
}
.fleche-bulle-forum-lien, .fleche-bulle-forum-img, .fleche-bulle-forum-videoYT, .fleche-bulle-forum-videoD{
	width: 0;
	height: 0;
	position:absolute;
	margin-top:227px;
	margin-left:193px;
	border-style: solid;
	border-width: 20px 20px 0 20px ;
	border-color: #1096cf transparent transparent transparent;
}
.fleche-bulle-forum-img{
	margin-top:152px;
	margin-left:193px;
}
.fleche-bulle-forum-videoYT{
	margin-top:151px;
	margin-left:193px;
}
.fleche-bulle-forum-videoD{
	margin-top:152px;
	margin-left:193px;
}

.affichage-popin{
	position:absolute;
	width:390px;
	height:200px;
	z-index:5000;
	padding-right:15px;
	border-radius:5px;
	-webkit-box-shadow: 3px 3px 6px 1px #999999;
	box-shadow: 3px 3px 6px 1px #999999;
	background-color:#fff;
}

.alerte-text{
	/*width:95%;*/
	height:auto;
	text-align:center;
	/*margin-left:20%;*/
	padding-top:80px;
	color:#1097cf;
	font-weight:700;
	font-size:1.2em;
}
.alerte-envoyer>.alerte-text{
	padding-top:80px;
}
.fermer-popin{
	float:right;
	padding-top:10px;
	font-weight:700;
	font-size:1.5em;
}
.formulaire-contact-submit{
	background-color:#1197CF;
	color:#fff;
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
	margin-left:24%;
	border:none;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.formulaire-contact-submit:hover{
	background-color:#19bc9c;
	color:#fff;
}
.popin-envoyer{
	background-color:#1197CF;
	color:#fff;
	width:80px;
	height:27px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
	margin-left:20px;
	border:none;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.popin-envoyer:hover{
	background-color:#19bc9c;
	color:#fff;
}
.popin-annuler{
	display:block;
	float:left;
	width:66px;
	height:19px;
	text-align:center;
	padding-top:6px;
	background-color:#fff;
	color:#1097cf;
	border:1px solid #1097cf;
	border-radius:5px;
	margin-top:2%;
	margin-left:46%;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), border 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), border 0.3s cubic-bezier(0, 0, 0, 0);
}
.popin-annuler:hover{
	color:#fff;
	border:1px solid #19bc9c;
	background-color:#19bc9c;
}
.formulaire-lien-button{
	background-color:#1197CF;
	color:#fff;
	/*font-weight:700;*/
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	float:right;
	margin-right:20px;
	margin-left:20px;
	border:1px solid #1097cf;
	opacity:1;
}
.formulaire-lien-button:hover{
	background-color:#19bc9c;
	border:1px solid #19bc9c;
	color:#fff;
}
.formulaire-lien-buttonOff{
	background-color:#1197CF;
	color:#fff;
	/*font-weight:700;*/
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	margin-top:2%;
	float:right;
	margin-right:20px;
	margin-left:20px;
	border:1px solid #1097cf;
	opacity:0.6;
	pointer-events: none;
}
.popin-lien-annuler{
	display:block;
	padding:5px 35px;
	float:right;
	background-color:#fff;
	color:#1097cf;
	border:1px solid #1097cf;
	border-radius:5px;
	/*font-weight:700;*/
	margin-top:2%;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), border 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), border 0.3s cubic-bezier(0, 0, 0, 0);
}
.popin-lien-annuler:hover{
	color:#fff;
	border:1px solid #19bc9c;
	background-color:#19bc9c;
}

/* @PROFIL ------------------------------------------------------------------------- */

.en-ligne{
	background:url(../images/anim-en-ligne.gif) no-repeat right 5px;
	padding-right:30px;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	padding-top:5px;
}
.couverture-profil{
	min-height:200px;
}
.couverture-profil-mon-compte{
	min-height:250px;
}
.actions-profil{
	width:80%;
	font-size:0.9em;
	height:30px;
	padding-top:5px;
	margin-left:150px;	
}
.boite-actions-profil-contact{
	float:left;
	margin-top:6px;
}
.boite-actions-profil-contact-demande{
	float:left;
	margin-top:5px;
	padding-top:5px;
}
.boite-actions-profil-tchat{
	float:left;
	height:18px;
	color:#1197CF;
	padding-left:25px;
	margin-top:6px;
	padding-top:4px;
}
.actions-profil-contact, .actions-profil-contact-demande-enCours, .actions-profil-contact-demande{
	display:block;
	height:20px;
	color:#1197CF;
	padding-left:25px;
	padding-right:25px;
	padding-top:5px;
}
.actions-profil-contact-demande-enCours, .actions-profil-contact-demande{
	padding-top:0px;
}
.actions-profil-contact-demande-enCours{	
	opacity:0.6;
}
.actions-profil-contact:hover{
	color:#64c4ec;
	text-decoration:none;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.amis-ko{
		background:url(../images/picto-ajouter-ami.png) no-repeat left top;
	}
	.amis-ok{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left top;
	}
	.contact-profil{
		background:url(../images/picto-contact.png) no-repeat left 5px;
	}
	.boite-actions-profil-tchat{
		background:url(../images/picto-notification-tchat.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .amis-ko{
		background:url(../images/picto-ajouter-ami@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.amis-ok{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.contact-profil{
		background:url(../images/picto-contact@2x.png) no-repeat left 5px;
		background-size: 18px 14px;
	}
	.boite-actions-profil-tchat{
		background:url(../images/picto-notification-tchat@2x.png) no-repeat left top;
		background-size: 18px 22px;
	}
}
.photo-couverture img, .photo-couverture-modif img, .photo-couverture-admin-modif img{
	width:100%;
}
.photo-couverture-modif{
	border:2px solid #ff7800;
}
.photo-couverture-admin-modif{
	height:324px;
	border:2px solid #ff7800;
}

.vignette-profil{
	position:relative;
	width:98px;
	height:98px;
	border:4px solid #fff;
	background-color:#ccc;
	margin-left:2%;
	margin-top:-100px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	box-sizing:border-box;
	z-index:500;
}

.info-role{
	height:20px;
}
.info-profil{
	clear:both;
	height:35px;
	padding-top:4px;
	margin-left:2%;
}
.statutProfil{
	width:30px;
	height:30px;
	background-position: left 5px;
}
.info-profil-age{
	height:27px;
	font-size:0.8em;
	padding-left:5px;
	padding-top:8px;
	font-weight:700;
}
.info-lieu-etplus{
	height:25px;
	font-size:0.8em;
	padding-left:35px;
	margin-left:2%;
	padding-top:8px;
}

.combien{
	float:right;
	margin-right:4px;
	font-size:0.8em;
	padding-top:8px;
}
.combien>a{
	display:inline-block;
}
.picto-nombre-annonce{
	padding-left:25px;
	padding-top:4px;
}
.picto-participation-forum{
	padding-left:25px;
	padding-top:4px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.picto-lieu{
		background:url(../images/picto-lieu.png) no-repeat left 2px; /* visu dans le profil d'un membre
		/*background:url(../images/picto-lieu.png) no-repeat 4px top;*/
	}
	.picto-appli{
		margin-top:3px;
		background:url(../images/picto-appli.png) no-repeat left top;
		background-size:18px 27px;
	}
	.picto-tchat-actif{
		background:url(../images/picto-notification-tchat-ok.png) no-repeat 1px 6px;
	}
	.picto-tchat-inactif{
		background:url(../images/picto-notification-tchat-ko.png) no-repeat 1px 6px;
	}
	.profil-picto-tchat-actif{
		background:url(../images/picto-notification-tchat-profil-ok.png) no-repeat 1px 4px;
	}
	.profil-picto-tchat-inactif{
		background:url(../images/picto-notification-tchat-profil-ko.png) no-repeat 1px 4px;
	}
	.picto-nombre-annonce{
		background:url(../images/picto-nombre-annonce.png) no-repeat left top;
	}
	.picto-participation-forum{
		background:url(../images/picto-participation-forum.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.picto-lieu{
		background:url(../images/picto-lieu@2x.png) no-repeat left 2px; /* visu dans le profil d'un membre
		/*background:url(../images/picto-lieu.png) no-repeat 4px top;*/
		background-size: 17px 23px;
	}
	.picto-appli{
		margin-top:3px;
		background:url(../images/picto-appli@2x.png) no-repeat left top;
		background-size:18px 27px;
	}
	.picto-tchat-actif{
		background:url(../images/picto-notification-tchat-ok@2x.png) no-repeat 1px 6px;
		background-size: 16px 20px;
	}
	.picto-tchat-inactif{
		background:url(../images/picto-notification-tchat-ko@2x.png) no-repeat 1px 6px;
		background-size: 16px 20px;
	}
	.profil-picto-tchat-actif{
		background:url(../images/picto-notification-tchat-profil-ok@2x.png) no-repeat 1px 4px;
		background-size: 18px 22px;
	}
	.profil-picto-tchat-inactif{
		background:url(../images/picto-notification-tchat-profil-ko@2x.png) no-repeat 1px 4px;
		background-size: 18px 22px;
	}
	.picto-nombre-annonce{
		background:url(../images/picto-nombre-annonce@2x.png) no-repeat left top;
		background-size: 17px 17px;
	}
	.picto-participation-forum{
		background:url(../images/picto-participation-forum.png) no-repeat left top;
		background-size: 19px 17px;
	}
}

.listeVignettesAside{
	text-align:left;
	padding-top:6%;
}

.listeVignettesAside>li>a{
	display:inline-block;
}
.quelques-mots{
	padding:6px 10px 10px 10px;
	min-height:179px;
	/*font-size:0.9em;*/
	line-height:1.2em;
}
.quelques-mots-profil{
	padding:15px;
	min-height:300px;
	font-size:0.95em;
	line-height:1.2em;
}
.voir-plus>a{
	display:block;
	height:28px;
	background:url(../images/fleche-voir-plus.png) no-repeat center 19px;
	text-align:center;
	color:#19bc9c;
	font-size:0.8em;
	font-weight:700;
}
.voir-plus>a:hover{
	color:#666666;
	background:url(../images/fleche-voir-plus-hover.png) no-repeat center 19px;
}
.activite{
	border-bottom:1px solid #1197CF;
	padding:1%;
	font-size:0.9em;
	line-height:1.2em;
}
.activite-depot{
	width:96%;
	float:left;
	margin-left:5px;
}
.activite-depot:hover{
	background-color:#ECEFF1 ;
}
.imgListe, .imgListeCover, .imgListeRappel, .imgListeStatistique{
	width:180px;
	height:128px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
	background-color:transparent;
}
.imgListeStatistique{
	float:left;
}
.imgListeCover{
	background-size:cover;
}
.imgListeRappel{
	width:140px;
	height:100px;
}
.imgListe-prive{
	width:180px;
	height:128px;
	background-color:transparent;
}
.contenuListe{
	float:left;
	width:70%;
	margin-left:10px;
}
.contenuListe>div>h3{
	font-weight:700;
	font-size:1.1em;
}
.contenuListe>p, .contenuListe>div>p, .contenuListe>a>p{
	padding-top:10px;
	text-align:justify;
	font-size:0.8em;
	width:100%;
	word-wrap:break-word;
	line-height:1.1em;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.gratuit{
		background:url(../images/bandeau-gratuit2.png) no-repeat top right;
	}
	.liste-divers-li{
		background:url(../images/puce-forum.png) no-repeat left 4px;
	}
	.boiteValidationMail{
		background:url(../images/page-validation-mail.png) no-repeat center 20px;
	}
	.boiteValidationModifMail{
		background:url(../images/page-validation-modif-mail.png) no-repeat center 20px;
	}
	.boiteValidationInscription{
		background:url(../images/page-validation-inscription-en-cours.png) no-repeat center 20px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .gratuit{
		background:url(../images/bandeau-gratuit2@2x.png) no-repeat top right;
		background-size: 143px 117px;
	}
	.liste-divers-li{
		background:url(../images/puce-forum@2x.png) no-repeat left 4px;
		background-size: 12px 11px;
	}
	.boiteValidationMail{
		background:url(../images/page-validation-mail@2x.png) no-repeat center 20px;
		background-size: 258px 153px;
	}
	.boiteValidationModifMail{
		background:url(../images/page-validation-modif-mail@2x.png) no-repeat center 20px;
		background-size: 177px 157px;
	}
	.boiteValidationInscription{
		background:url(../images/page-validation-inscription-en-cours@2x.png) no-repeat center 20px;
		background-size: 342px 124px;
	}
}
.paragraphe{
	line-height:1.3em;
}
.liste-divers{
	padding:2%;
	font-size:0.9em;
	line-height:1.3em;
}
.liste-divers-li{
	width:95%;
	padding-left:25px;
	display:inline-block;
	margin-top:1%;
}
.paragraphe-info{
	text-align:center;
	line-height:1.3em;
}
.mailPostier{
	min-height:160px;
	line-height:1.2em;
	padding-left:36%;
	padding-top:20px;
	padding-right:2%;
}
.boiteValidationMail{
	min-height:160px;
	line-height:1.2em;
	padding-top:200px;
}
.boiteValidationModifMail{
	min-height:160px;
	line-height:1.2em;
	padding-top:200px;
}
.boiteValidationInscription{
	min-height:160px;
	line-height:1.2em;
	padding-top:200px;
}
.boiteBienvenueInscription{
	min-height:160px;
	background:url(../images/page-connexion.png) no-repeat center 20px;
	line-height:1.2em;
	padding-top:270px;
}

.bienvenue-connexion{
	width:99%;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.bienvenue-connexion{
		background:url(../images/page-connexionok.png) no-repeat right 20px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .bienvenue-connexion{
		background:url(../images/page-connexionok@2x.png) no-repeat right 20px;
		background-size: 206px 325px;
	}

}
.form-connect{
	font-size:0.9em;
	padding-top:40px;
}
.mdpPerdu{
	display:inline-block;
	font-size:0.9em;
}
.accrocheConnexion{
	text-align:center;
	min-height:190px;
	margin-top:7%;
	font-size:0.8em;
	line-height:1.1em;
}
.boiteInscription{
	width:50%;
	margin-left:100px;
	margin-top:3%;
}
.formulaireLabelConnexion, .formulaireLabelConnexionErreur{
	width:100px;
	text-align:right;
	padding-right:10px;
	color:#1197CF;
	display:inline-block;
}
.formulaireInputPageConnexion{
    background-color: #ffffff;
    border: 1px solid #b0bec5;
    border-radius: 5px;
    color: #666666;
    display: inline-block;
    font-size: 0.8em;
    height: 25px;
    padding-left: 5px;
    width: 45%;
}
.formulaireSubmitPageConnexion, .formulaireSubmitPageConnexionInscription{
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    background-color: #1197cf;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin-top: 2%;
    padding: 10px 30px;
    text-align: center;
    transition: background-color 0.3s cubic-bezier(0, 0, 0, 0) 0s, color 0.3s cubic-bezier(0, 0, 0, 0) 0s;
}
.formulaireSubmitPageConnexion:hover{
	background-color:#19bc9c;
}
.formulaireSubmitPageConnexionInscription{
    background-color: #fff;
    color: #19bc9c;
    border: 1px solid #19bc9c;
	font-size:1.1em;
	padding: 10px 20px;
}
.formulaireSubmitPageConnexionInscription:hover{
	background-color:#19bc9c;
	color: #fff;
}

.formulaireRelance, .formulaireRendezvous{
	display:inline-block;
	background-color:#fff;
	color:#1197CF;
	border:1px solid #b0bec5;
	padding:8px 30px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
}
.formulaireRendezvous{
	display:block;
	width:70%;
}
.formulaireRelance:hover, .formulaireRendezvous:hover{
	background-color:#19bc9c;
	color:#fff;
	border:1px solid #19bc9c;
}
.paragraphe-ps{
	padding:2%;
	line-height:1.3em;
	font-size:0.9em;
}

.compte-supprime{
	min-height:190px;
	padding-top:220px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.compte-supprime{
		background:url(../images/page-compte-supprime.png) no-repeat top center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .compte-supprime{
		background:url(../images/page-compte-supprime@2x.png) no-repeat top center;
		background-size: 264px 185px;
	}
}

.code-promo{
	min-height:190px;
	padding-top:220px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.code-promo{
		background:url(../images/page-code-promo.png) no-repeat top center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .code-promo{
		background:url(../images/page-code-promo@2x.png) no-repeat top center;
		background-size: 300px 192px;
	}
}


.code-promo-ok{
	min-height:190px;
	padding-top:220px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.code-promo-ok{
		background:url(../images/page-code-promo-ok.png) no-repeat top center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .code-promo-ok{
		background:url(../images/page-code-promo-ok@2x.png) no-repeat top center;
		background-size: 300px 192px;
	}
}

.code-promo-ko{
	min-height:190px;
	padding-top:220px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.code-promo-ko{
		background:url(../images/page-code-promo-ko.png) no-repeat top center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .code-promo-ko{
		background:url(../images/page-code-promo-ko@2x.png) no-repeat top center;
		background-size: 300px 192px;
	}
}

.code-promo-banni{
	min-height:190px;
	padding-top:220px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.code-promo-banni{
		background:url(../images/page-code-promo-ko.png) no-repeat top center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .code-promo-banni{
		background:url(../images/page-code-promo-ko@2x.png) no-repeat top center;
		background-size: 300px 192px;
	}
}



/* @MEMBRES LISTE ------------------------------------------------------------------------- */

.un-membre{
	font-size:0.9em;
	margin-top:2%;
}
.membre-situation{
	height:15px;
	margin-top:10px;
	padding-left:25px;	
	background-position:left;
}
/* liste alerte */
.membre-ville{
	height:15px;
	margin-top:10px;
	background:url(../images/picto-lieu.png) no-repeat left top;
	background-size:contain;
	padding-left:25px;
}
.membre-credit{
	height:15px;
	margin-top:10px;
}
.membre-contact{
	display:block;
	height:12px;
	margin-top:10px;
	background-size:contain;
	padding-left:25px;
	padding-top:3px;
}
.membre-mail{
	height:15px;
	margin-top:10px;
	padding-left:25px;
}
.membre-amis{
	height:20px;
	padding-left:25px;
	padding-top:10px;
	background:url(../images/picto-ajouter-ami-ok.png) no-repeat left center;
}
.membre-amis-attente{
	height:20px;
	padding-left:25px;
	padding-top:10px;
	background:url(../images/picto-ajouter-ami-ok.png) no-repeat left center;
	opacity:0.6;
}
.membre-amis-demande{
	display:block;
	height:20px;
	padding-left:25px;
	padding-top:10px;
	background:url(../images/picto-ajouter-ami.png) no-repeat left center;
}
.membre-dates{
	text-align:right;
	line-height:1.5em;
	font-size:0.9em;
}
.membre-annonce, .membre-album, .membre-participation{
	display:inline-block;
	width:25px;
	height:15px;
	padding-left:22px;
	padding-top:10px;
	color:#1197CF;
	background:url(../images/picto-admin-annonce.png) no-repeat left bottom;
	font-size:0.9em;
}
.membre-album{
	background:url(../images/picto-admin-galerie.png) no-repeat left bottom;
}
.membre-participation{
	background:url(../images/picto-notification-forum.png) no-repeat left bottom;
}
.membre-annonce:hover{
	background:url(../images/picto-admin-annonce-actif.png) no-repeat left bottom;
	color:#19bc9c;
}
.membre-album:hover{
	background:url(../images/picto-admin-galerie-actif.png) no-repeat left bottom;
	color:#19bc9c;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.membre-contact{
		background:url(../images/picto-contact.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .membre-contact{
		background:url(../images/picto-contact@2x.png) no-repeat left top;
		background-size:18px 14px;
	}
}
.membre-actions{
	float:left;
	margin-left:2%;
	height:30px;
	padding-top:5px;	
}
.membre-actions>a{
	padding:0 20px 3px;
}
.membre-voir-profil{
	display:block;
	float:right;
	color:#1197CF;
	font-weight:700;
	padding-top:5px;
	padding-right:30px;
}
.membre-voir-profil:hover{
	color:#19bc9c;
}

.membre-liste-un-membre{
	width:96%;
	margin :0 auto;
	font-size:0.9em;
	margin-top:2%;
	color:#333;	
}
.membre-liste-bloc1{
	width:35%;
	float:left;
	margin-left:2%;
}
.membre-liste-bloc2{
	width:41%;
	float:left;
	margin-left:2%;
}
.membre-liste-pseudo{
	font-size:1.1em;
}
.membre-liste-derniere-visite{
	font-size:0.8em;
	height:15px;
	margin-top:10px;
}
.membre-liste-date-contact{
	font-size:0.8em;
	height:15px;
	margin-top:6px;
}
.membre-liste-situation{
	height:15px;
	margin-top:10px;
	padding-left:28px;	
	background-position:left;
}
.membre-liste-ville{
	height:15px;
	margin-top:10px;
	background:url(../images/picto-lieu@2x.png) no-repeat left top;
	background-size:contain;
	padding-left:28px;
}
.membre-liste-contacts{
	height:22px;
	padding-left:25px;
	padding-top:8px;
	color:#1197CF;
}
.membre-liste-annonces, .membre-liste-albums{
	display:block; 
	width:100%; 
	padding-left:25px;
	color:#1197CF;
	height:18px;
	padding-top:3px;
}
.membre-liste-albums{ 
	margin-top:5px;
	height:15px;
}
.membre-liste-annonces:hover, .membre-liste-albums:hover{
	text-decoration:none;
}
.membre-liste-infos-contact{
	margin-top:10px;
	height:35px;
	background-color:#ECEFF1;
}
.membre-liste-infos{
	float:left;
	margin-left:2%;
	height:30px;
	padding-top:5px;	
}
.membre-liste-connexion-appli-ok, .membre-liste-connexion-appli-ko, .membre-liste-connexion-tchat-ok, .membre-liste-connexion-tchat-ko{
	float:left;
	width:23px;
	height:26px;
	background:url(../images/picto-appli-ok@2x.png) no-repeat left center;
	background-size:14px 22px;
}
.membre-liste-connexion-appli-ko{
	background:url(../images/picto-appli-ko@2x.png) no-repeat left center;
	background-size:14px 22px;
}
.membre-liste-connexion-tchat-ok{
	width:30px;
	background:url(../images/picto-notification-tchat-ok@2x.png) no-repeat left center;
	background-size:19px 24px;
}
.membre-liste-connexion-tchat-ko{
	width:30px;
	background:url(../images/picto-notification-tchat-ko@2x.png) no-repeat left center;
	background-size:19px 24px;
}
.membre-liste-contacter-membre{
	display:block;
	float:left;
	width:25px;
	height:26px;
}
.membre-liste-voir-profil{
	display:block;
	float:right;
	color:#546e7a;
	font-weight:700;
	font-size:1.1em;
	padding-top:10px;
	height:25px;
	padding-right:35px;
}
.membre-liste-voir-profil:hover{
	color:#19bc9c;
}
.membre-liste-nombre-vue{
	display:block;
	float:right;
	padding-top:9px;
	height:26px;
	margin-right:5px;
}
.membre-liste-admin{
	padding-top:10px;
}
.membre-liste-en-contact{
	display:block; 
	width:100%; 
	padding-left:25px;
	height:20px;
	color:#1197CF;
	font-size:0.9em;
	padding-top:2px;
}
.membre-liste-contact-attente{
	display:block; 
	width:100%; 
	padding-left:25px;
	height:20px;
	color:#666666;
	font-size:0.9em;
	padding-top:2px;
	opacity:0.6;
}
.membre-liste-contact-demande{
	display:block; 
	width:100%; 
	padding-left:25px;
	height:20px;
	color:#1197CF;
	font-size:0.9em;
	padding-top:2px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.membre-liste-contact-demande{
		background:url(../images/picto-ajouter-ami.png) no-repeat left top;
	}
	.membre-liste-contact-attente{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left top;
	}
	.membre-liste-en-contact{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left top;
	}
	.membre-liste-contacts{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left center;
	}
	.membre-liste-annonces{
		background:url(../images/picto-admin-annonce.png) no-repeat left 4px;
	}
	.membre-liste-albums{ 
		background:url(../images/picto-admin-galerie.png) no-repeat left 4px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .membre-liste-contact-demande{
		background:url(../images/picto-ajouter-ami@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.membre-liste-contact-attente{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.membre-liste-en-contact{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.membre-liste-contacts{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left center;
		background-size: 18px 18px;
	}
	.membre-liste-annonces{
		background:url(../images/picto-admin-annonce@2x.png) no-repeat left 4px;
		background-size: 17px 17px;
	}
	.membre-liste-albums{ 
		background:url(../images/picto-admin-galerie@2x.png) no-repeat left 4px;
		background-size: 20px 15px;
	}
}

/* @COMPTE ------------------------------------------------------------------------- */

.visites, .visites-amis{
	display:block;
	float:right;
	width:92px;
	height:17px;
	margin-top:4px;
	/*background-color:rgba(255,255,255,0.8);*/
	color:#fff;
	text-align:right;
	font-size:0.9em;
	/*font-weight:700;*/
	padding-top:3px;
	/*text-decoration:blink;*/
	padding-right:3px;
}

.visites:hover, .visites-amis:hover{
	color:#ECEFF1;
}
.mon-compte-progressbar {
	height:15px;
}
.ui-datepicker .ui-widget-header {
    background: none repeat scroll 0 0 #1197CF;
}
.ui-slider .ui-widget-header{
	background-color:#e91e63;
}
.mon-compte-mail{
	height:18px;
	margin-left:2%;
	padding-top:5px;
	font-size:0.8em;
	background:url(../images/picto-adresse@2x.png) no-repeat left 3px;
	background-size:19px 15px;
	padding-left:35px;
}
.mon-compte-inscription, .profil-inscription{
	height:18px;
	margin-left:2%;
	padding-top:7px;
	font-size:0.8em;
	background:url(../images/picto-profil-inscription@2x.png) no-repeat left 3px;
	background-size:18px 20px;
	padding-left:35px;
	margin-top:3px;
}
.mon-compte-derniere-connexion, .profil-derniere-connexion{
	height:19px;
	margin-left:2%;
	padding-top:7px;
	font-size:0.8em;
	background:url(../images/picto-profil-derniere-connexion@2x.png) no-repeat left 3px;
	background-size:19px 19px;
	padding-left:35px;
	margin-top:3px;
}

.mon-compte-connexions{
	clear:both;
	padding-top:2%;
	margin-left:2%;
}
.mon-compte-connexions-credit-ok, .mon-compte-connexions-credit-alert, .mon-compte-connexions-credit-ko{
	float:left;
	width:63%;
	height:26px;
}
.mon-compte-connexion-vip{
	float:left;
	width:50px;
	height:26px;
}
.mon-compte-connexions-credit-alert{
	color:#ff8400;
	font-size:0.8em;
	padding-left:25px;
	padding-top:14px;
	height:12px;
}
.mon-compte-connexions-credit-ko{
	color:#ff0000;
	font-size:0.8em;
	padding-left:25px;
	padding-top:14px;
	height:12px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.formulaireSubmitRecherche{
		background:url(../images/loupe.png) no-repeat left bottom;
	}
	.mon-compte-connexions-credit-ok{
		background:url(../images/picto-credit-ok.png) no-repeat left bottom;
	}
	.mon-compte-connexion-vip{
		background:url(../images/vip.png) no-repeat left bottom;
	}
	.mon-compte-connexions-credit-alert{
		background:url(../images/picto-credit-alert.png) no-repeat left bottom;
	}
	.mon-compte-connexions-credit-ko{
		background:url(../images/picto-credit-ko.png) no-repeat left bottom;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.formulaireSubmitRecherche{
		background:url(../images/loupe@2x.png) no-repeat left bottom;
		background-size: 21px 21px;
	}
	.mon-compte-connexions-credit-ok{
		background:url(../images/picto-credit-ok@2x.png) no-repeat left bottom;
		background-size: 19px 20px;
	}
	.mon-compte-connexion-vip{
		background:url(../images/vip@2x.png) no-repeat left bottom;
		background-size: 28px 21px;
	}
	.mon-compte-connexions-credit-alert{
		background:url(../images/picto-credit-alert@2x.png) no-repeat left bottom;
		background-size: 19px 20px;
	}
	.mon-compte-connexions-credit-ko{
		background:url(../images/picto-credit-ko@2x.png) no-repeat left bottom;
		background-size: 19px 20px;
	}

}

.mon-compte-connexions-credit-alert:hover, .mon-compte-connexions-credit-ko:hover{
	color:#64c4ec;
	text-decoration:none;
}
.mon-comte-annonce, .mon-comte-ses-annonces{
	font-size:0.9em;
	display:block;
	/*height:50px;*/
	width:85%;
}
.mon-comte-ses-annonces{
	margin-top:4%;
	width:100%;
}
.mon-comte-ses-annonces:hover{
	background-color:#ECEFF1 ;
}

.son-comte-annonce-vignette{
	width:66px;
	height:44px;
	background:url(../images/img-generique-album-prive-vignette@2x.png) no-repeat center center;
	background-size:contain;
}
.son-comte-accroche-prive{
	width:70%;
	margin-left:2%;
	line-height:1.3em;
	padding-top:5px;
}
.son-comte-album-vignette{
	width:66px;
	height:44px;
	background:url(../images/img-generique-album-prive-vignette@2x.png) no-repeat center center;
	background-size:contain;
}

.pourhover{
	margin-top:4%;
}
.pourhover:hover{
	background-color:#ECEFF1 ;
}
.mon-comte-annonce-vignette{
	width:66px;
	height:44px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
}
.mon-comte-annonce-ajouter{
	width:66px;
	height:50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
}
.mon-comte-annonce-ajouter-texte{	
	width:70%;
	margin-left:2%;
	margin-top:18px;
	color:#1197CF;
	font-weight:700;
}
.mon-comte-annonce-titre-date{
	width:68%;
	margin-left:2%;
}
.mon-comte-ses-annonce-titre-date{
	width:70%;
	margin-left:2%;
}
.mon-comte-annonce-titre{
	height:32px;
	font-weight:700;
}
.mon-comte-annonce-date{
	font-size:0.75em;
	color:#1197CF;
}
.mon-comte-annonce-privee-titre{
	height:20px;
	font-weight:700;
}
.mon-comte-annonce-demande-privee{
	font-size:0.8em;
	height:22px;
	color:#1197CF;
	background:url(../images/picto-ajouter-ami.png) no-repeat left top;
	padding-left:20px;
	padding-top:3px;
}
.alert{
	/*margin-top:4%;*/
	padding:3px 4px;
	background-color:#e91e63;
	color:#fff;
	font-weight:700;
	margin-right:1%;
	font-size:0.8em;
}
.alert-album{
	position:absolute;
	padding:3px 4px;
	background-color:#e91e63;
	color:#fff;
	font-weight:700;
	font-size:0.8em;
	margin-top:62px;
	margin-left:-10px;
}

.vignette-profil-mon-compte, .vignette-profil-mon-compte-front-modif, .vignette-profil-mon-compte-modif{
	position:absolute;
	width:98px;
	height:98px;
	border:4px solid #fff;
	background-color:#ccc;
	margin-left:2%;
	margin-top:-70px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	box-sizing:border-box;
	z-index:500;
}
.vignette-profil-mon-compte-front-modif{
	border:4px solid #ff7800;
}
.vignette-profil-mon-compte-modif{
	border:2px solid #ff7800;
}

.actions-profil-mon-compte{
	width:80%;
	font-size:0.9em;
	height:30px;
	padding-top:10px;
	margin-left:130px;
}
.mon-compte-actions{
	display:block;	
	height:30px;
	float:left;
	padding-left:20px;
	padding-top:4px;	
}
.mon-comte-credit-ok{
	width:62%;
	background:url(../images/picto-credit-mon-compte-ok.png) no-repeat left 5px;
	color:#19bc9c;
}
.mon-comte-credit-ko, .mon-comte-credit-ko:hover{
	width:62%;
	background:url(../images/picto-credit-mon-compte-ko.png) no-repeat left 5px;
	color:#ff0000;
}
.mon-comte-credit-alert, .mon-comte-credit-alert:hover{
	width:62%;
	background:url(../images/picto-credit-mon-compte-alert.png) no-repeat left 5px;
	color:#ff7800;
}
/*.mon-comte-commande{
	background:url(../images/picto-admin-commande.png) no-repeat left top;
}*/
.mon-compte-messagerie{
	width:25%;
	color:#1197CF;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.mon-compte-messagerie{
		background:url(../images/picto-contact.png) no-repeat left top;
	}
	.membre-liste-contacter-membre{
		background:url(../images/picto-contact@2x.png) no-repeat left center;
		background-size:20px 15px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.mon-compte-messagerie{
		background:url(../images/picto-contact@2x.png) no-repeat left top;
		background-size: 18px 14px;
	}
	.membre-liste-contacter-membre{
		background:url(../images/picto-contact@2x.png) no-repeat left center;
		background-size:20px 15px;
	}
}
.mon-comte-credit-ko:hover, .mon-comte-credit-alert:hover, .mon-compte-messagerie:hover{
	color:#64c4ec;
	text-decoration:none;
}
.secondaire-vide{
	display:block;
	width:92%;
	height:233px;
	padding-top:20px;
	color:#1197CF;
	text-align:center;
	font-size:1.3em;
	line-height:1.4em;
	font-weight:700;
	padding-left:10px;
	padding-right:10px;
}
.secondaire-vide:hover{
	color:#64c4ec;
	text-decoration:none;
}
.annonce-vide{
	background:url(../images/annonces-vide@2x.png) no-repeat left top;
	background-size:contain;
}
.galerie-vide{
	background:url(../images/galerie-vide@2x.png) no-repeat center top;
	background-size:contain;
}
.boite-contact-profil-vide{
	margin-top:7%;
	border-top:1px solid #1197CF;
	border-bottom:1px solid #1197CF;
	height:24px;
	padding-top:5px;
	padding-left:10px;
	font-size:0.95em;
}

.principal-vide{
	display:block;
	width:100%;
	height:140px;
	padding-top:20px;
	color:#1197CF;
	text-align:center;
	font-size:1.3em;
	line-height:1.4em;
	font-weight:700;
}
.principal-vide:hover{
	color:#64c4ec;
	text-decoration:none;
}

.info-envoi-moderation{
	display:none;
	padding:0;
	margin:0;
	position:absolute;
	width:52.2%;
	height:150px;
	padding-top:175px;
	font-size:0.95em;
	text-align:center;
	line-height:1.2em;
	background:rgba(255,255,255,0.6) url(../images/check.png) no-repeat center 85px;
	background-size:80px 80px;
}
.info-envoi-moderation-image{
	display:none;
	position:absolute;	
	height:20px;
	color:#ff8800;
	text-align:left;
	margin-top:5px;
	font-weight:700;
	margin-left:15%;
}


/* @activités */
.mon-comte-vignette-ami{
	width:90px;
	height:90px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
.mon-comte-activite{
	width:85%;
	float:left;
	margin-left:5px;
}
.mon-comte-imgListe{
	width:140px;
	height:100px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
	background-color:transparent;
}
.mon-compte-activite-action{
	display:block;
	height:15px;
	color:#1197CF;
	font-size:0.9em;
	padding-left:30px;
}
.action-avis{
	background:url(../images/picto-avis.png) no-repeat left top;
	background-size:contain;
}
.action-aime{
	background:url(../images/picto-emoticone.png) no-repeat 4px top;
	background-size:contain;
}
.action-commentaire{
	background:url(../images/picto-commentaire-photo.png) no-repeat 4px top;
	background-size:contain;
}
.mon-compte-activite-action:hover{
	color:#666666;
}
.mon-compte-activite-album{
	display:block;
	width:130px;
	height:130px;
	margin-left:4px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:contain;
}
.mon-compte-activite-album:hover{
	opacity:0.6;
}

/* @annonces - @centres */

.pas-d-annonce{
	padding:25px;
	min-height:270px;
	text-align:center;
	font-weight:700;
	font-size:1.3em;
	line-height:1.3em;
	color:#1197CF;
	background:url(../images/pas-d-annonce-generique.png) no-repeat center 80px;
}
.pas-d-annonce:hover{
	text-decoration:none;
	color:#3daad7;
}
.pas-de-lieu{
	padding:25px;
	min-height:270px;
	text-align:center;
	font-weight:700;
	font-size:1.3em;
	line-height:1.3em;
	color:#1197CF;
	background:url(../images/cdg-lieu@2x.png) no-repeat center 40px;
	background-size:354px 280px;
}
.pas-de-lieu:hover{
	text-decoration:none;
	color:#3daad7;
}

.admin-mes-annonces{
	text-align:center;
	width:100%;
	/*margin-left:70%;*/
}
.admin-mes-annonces-gauche{
	width:50%; 
	text-align:left;
}
.admin-mes-annonces-droite{
	width:50%;
	text-align:right;
}

.lienCredit{
	color:#ff7800;
	font-weight:700;
}
.admin-mes-annonces-droite>a, .admin-mes-annonces-droite>span{
	width:15%;
	display:inline-block;
	text-align:center;
}
.admin-mes-annonces-liste>li:first-child{
	padding-top:4px;
	border-top:none;
}
.admin-mes-annonces-liste>li{
	padding-top:4px;
	border-top:solid 1px #ECEFF1;
}
.separation-annonce{
	clear:both;
	height:15px;
	background-color:#fff;
}
.separationPointilleeInverseeMiroir{
	clear:both;
	height:18px;
	background:url(../images/separationPointilleeInverseeMiroir.png) no-repeat right bottom;
}
.mes-annonce-liste{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}
.mes-annonce-liste:hover{
	background-color:#ECEFF1 ;
}
.date-mes-ses-annonces{
	float:right;
	color:#1197CF;
	font-size:0.7em;
}
.qui-a-visite{
	margin-top:2%;
	height:28px;
}
.qui-a-visite>a{
	display:block;
	width:95%;
	color: #546e7a;
	padding-top:5px;
	font-weight:bold;
}
.qui-a-visite>a:hover{
	color:#19bc9c;
}
.lieu-ma-reponse{
	text-align:right;
}
.lieu-ma-reponse-checkbox{
	margin-left:28.3%;
}
.lieu-ma-reponse-label{
	margin-left:5px;
}
.nombre-visite{
	background-color:#e91e63;
	color:#fff;
	padding:0px 2px 2px 2px;
}
.boiteFiltre{
	width:45%;
}
.formulaireSelectFiltre{
	width:75%;
	height:30px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
}
.formulaireSubmitFiltre{
	display:inline-block;
	width:39px;
	height:39px;
	border:none;
	cursor:pointer;
	margin-left:2%;
	text-indent:-9999px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.formulaireSubmitFiltre{
		background:url(../images/flecheSubmit-hover.png) no-repeat left top;
	}
	.formulaireSubmitFiltre:hover{
		background:url(../images/flecheSubmit.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .formulaireSubmitFiltre{
		background:url(../images/flecheSubmit-hover@2x.png) no-repeat left top;
		background-size: 39px 38px;
	}
	.formulaireSubmitFiltre:hover{
		background:url(../images/flecheSubmit@2x.png) no-repeat left top;
		background-size: 39px 38px;
	}
}

/* mes amis */

.mes-amis-tri{
	width:35%;
	float:left;
	font-size:0.9em;
	font-weight:700;
}
.mes-amis-tri:first-child{
	margin-left:4%;
}
.mes-amis-liste-enLigne{
	display:block;
	float:left;
	width:10%;
	padding-top:5px;
	font-size:0.9em;
}
.mes-amis-sauvegarde{
	display:block;
	float:right;
	width:5%;
	height:23px;
	background:url(../images/picto-sauvegarder.png) no-repeat left 5px;
}
.liste-amis{
	display:block;
	margin-left:2%;
	width:96%;
}
.liste-visiteurs{
	display:block;
	border-bottom:1px solid #1197CF;
	margin-left:2%;
	width:96%;
}
.membre-liste-connecte-mobile{
	display:none;
}
.info-visiteurs{
	width:80%;
}
.contact-amis{
	display:block;
	width:20px;
	height:20px;
	margin-left:0%;
	margin-top:10px;
}
.infos-amis{
	float:left;
	margin-left:6%;
	font-size:0.7em;
	line-height:1.8em;
	padding-top:7px;
}
.central-contact{
	width:13%; 
	float:left; 
	font-size:0.9em; 
	margin-left:4%; 
}
.annonces-contact, .albums-contact, .annonces-contact-lien, .albums-contact-lien{
	display:block; 
	width:100%; 
	padding-left:25px;
	height:15px;
	padding-top:10px;
	color:#1197CF;
	background:url(../images/picto-admin-annonce.png) no-repeat left bottom;
	font-size:0.9em;
}
.albums-contact, .albums-contact-lien{ 
	background:url(../images/picto-admin-galerie.png) no-repeat left 10px;
}
.annonces-contact-lien:hover{
	background:url(../images/picto-admin-annonce-actif.png) no-repeat left bottom;
	color:#19bc9c;
}
.albums-contact-lien:hover{
	background:url(../images/picto-admin-galerie-actif.png) no-repeat left 10px;
	color:#19bc9c;
}
.actions-contact{
	height:30px; 
	border-top:1px solid #6EC7FF; 
	border-bottom:1px solid #6EC7FF; 
	padding-top:3px;
}
.contacter-contact{
	display:block; 
	float:left; 
	padding-top:5px; 
	margin-left:2%;
}
.contacter-mes-contacts{
	display:block;
	height:25px;
	margin-top:5px;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.contact-img-generique{
		height:250px;
		background:url(../images/contacts-img-generique.png) no-repeat 50px center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .contact-img-generique{
		height:250px;
		background:url(../images/contacts-img-generique@2x.png) no-repeat 50px center;
		background-size: 230px 195px;
	}
}
.contact-img-generique>div{
	margin-left:320px;
	width:50%;
	text-align:center;
	color:#1197CF;
	font-size:1.1em;
	line-height:1.2em;
	padding-top:50px;
}
.lienContact-texte-generique{
	display:block;
	width:20%;
	margin:0 auto;
	background-color:#1197CF;
	color:#fff;
	padding:10px 25px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:20px;
	margin-left:59%;
}
.lienContact-texte-generique:hover{
	background-color:#19bc9c;
	color:#fff;
}


/* mes albums */
.mon-album{
	width:190px;
	font-size:0.9em;
	border-bottom:1px solid #19bc9c;
	float:left;
	margin-top:2%;
	margin-left:20px;
}
.mon-album>a{
	display:block;
	padding-left:25px;
	padding-right:25px;
	width:140px;
	height:250px;
}
.admin-mes-albums{
	text-align:center;
}
.admin-mes-albums>a{
	width:15%;
	display:inline-block;
}


/* ABONNEMENT PANIER ------------------------------------------------------------------------------------------------ */

.abonnement-intro{
	margin-top:30px;
	text-align:center;
	font-size:1.3em;
	min-height:240px;
}
.choix-abonnement, .moyen-paiement{
	float:left;
	width:48.2%;
	margin-left:10px;
}
.choix-abonnement>h3, .moyen-paiement>h3, .recapitulatif-abonnement>h3, .choix-abonnementH3{
	text-transform:uppercase;
}
.recapitulatif-abonnement{
	clear:both;
	width:98.2%;
	padding-top:4%;
	margin-left:10px;
}
.boite-choix{
	padding:2px;
	border:1px solid #1197CF;
	border-radius:8px;
	width:90%;
	min-height:61px;	
	font-weight:700;
	margin-top:4.3%;
	background-color:#fff;
}
.boite-choix-info{
	padding:2px;
	border:1px solid #1197CF;
	border-radius:8px;
	width:92.7%;
	min-height:61px;	
	font-weight:700;
	margin-top:4%;
	background-color:#fff;
}
.boite-choix>a{
	display:block;
	width:100%;
	border-radius:8px;
	min-height:61px;	
}
.boite-choix>a:hover, .boite-choix-actif{
	background-color:#ECEFF1 ;
}
.boite-choix>a>div{
	float:left;
}
.fond-duree{
	height:60px;
	width:60px;
	border-radius:30px;
	text-align:center;
	color:#fff;
	font-weight:700;
	margin-right:20px;
}
.passageAlaLigne>span{
	display:inline-block;
	vertical-align:middle;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.abonnement-intro{
		background:url(../images/abonnement-visuel@2x.png) no-repeat center 40px;
		background-size: 900px 183px;
	}
	.fou{
		background:url(../images/ver-fou.png) no-repeat center center;
	}
	.chevalier{
		background:url(../images/ver-chevalier.png) no-repeat center center;
	}
	.noble{
		background:url(../images/ver-noble.png) no-repeat center center;
	}
	.reine{
		background:url(../images/ver-reine.png) no-repeat center center;
	}
	.roi{
		background:url(../images/ver-roi.png) no-repeat center center;
	}
	.selection_abonnement{
		background:url(../images/fond-choix-abonnement.png) no-repeat left center;
	}
	.selection_abonnement:hover{
		background:url(../images/fond-choix-abonnement-hover.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .abonnement-intro{
		background:url(../images/abonnement-visuel@2x.png) no-repeat center 40px;
		background-size: 900px 183px;
	}
	.fou{
		background:url(../images/ver-fou@2x.png) no-repeat center center;
		background-size: 60px 60px;
	}
	.chevalier{
		background:url(../images/ver-chevalier@2x.png) no-repeat center center;
		background-size: 60px 60px;
	}
	.noble{
		background:url(../images/ver-noble@2x.png) no-repeat center center;
		background-size: 60px 60px;
	}
	.reine{
		background:url(../images/ver-reine@2x.png) no-repeat center center;
		background-size: 60px 60px;
	}
	.roi{
		background:url(../images/ver-roi@2x.png) no-repeat center center;
		background-size: 60px 60px;
	}
	.selection_abonnement{
		background:url(../images/fond-choix-abonnement@2x.png) no-repeat left center;
		background-size: 59px 58px;
	}
	.selection_abonnement:hover{
		background:url(../images/fond-choix-abonnement-hover@2x.png) no-repeat left center;
		background-size: 59px 58px;
	}
}
.tarif-abonnement, .accroche-abonnement, .choix-tarif-abonnement{
	color:#1197CF;
}
.tarif-abonnement{
	font-size:1.8em;
	padding-top:15px;
	width:60px;
	margin-right:20px;
}
.accroche-abonnement{
	font-size:1.1em;
	padding-top:18px;
	width:130px;
	margin-right:10px;
}
.choix-tarif-abonnement{
	text-align:center;
	width:90px;
	padding-top:10px;
}
.selection_abonnement{
	display:none;
	position:absolute;
	margin-left:388px;
	margin-top:-61px;
	height:61px;
	width:60px;
}
.boite-choix-paiement{
	padding:2px;
	border:1px solid #1197CF;
	border-radius:8px;
	width:90%;
	min-height:317px;
	margin-top:4%;
	background-color:#fff;
}
.paiement-1, .paiement-2, .paiement-3, .abonnement{
	display:none;
	font-size:0.9em;
	padding:2%;
	line-height:1.2em;
}
.sous-titre-paiement{
	color:#19bc9c;
	text-transform:uppercase;
	font-weight:700;
	font-size:0.9em;
}
.paragraphe-paiement{
	text-align:justify;
	width:95%;
	
	line-height:1.2em;
}
.cadenas{
	padding-left:50px;
	width:90%;
	line-height:1.1em;
}
.liAbonnementEntete{
	width:95%;
	min-height:30px;
	border-bottom:1px solid #19bc9c;
}
.liAbonnement{
	width:95%;
	min-height:30px;
	border-bottom:1px solid #ECEFF1;
}
.liAbonnementCellule1{
	display:inline-block;
	line-height:2em;
	width:75%;
}
.liAbonnementCellules{
	display:inline-block;
	line-height:2.5em;
	width:10%;
	text-align:center;
	font-weight:700;
	color:#1197CF;
}
.checkboxKo{
	width:10%;
	height:24px;
}
.checkboxOk{
	width:10%;
	height:24px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.checkboxKo{
		background:url(../images/checkboxKo.png) no-repeat center 5px;
	}
	.checkboxOk{
		background:url(../images/checkboxOk.png) no-repeat center 5px;
	}
	.cadenas{
		background:url(../images/paiement-securise.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.checkboxKo{
		background:url(../images/checkboxKo@2x.png) no-repeat center 5px;
		background-size: 22px 19px;
	}
	.checkboxOk{
		background:url(../images/checkboxOk@2x.png) no-repeat center 5px;
		background-size: 22px 19px;
	}
	.cadenas{
		background:url(../images/paiement-securise@2x.png) no-repeat left top;
		background-size: 39px 49px;
	}
}
.tableauPanier{
	width:96%;
	margin:0 auto;
	margin-top:2%;
	text-align:center;
	line-height:1.8em;
}
.tableauPanier th{
	font-weight:700;
}
.lignePanier>td{
	vertical-align:middle;
	padding-top:10px;
}

.ligneInfoAbonnement{
	width:96%;
	margin:15px auto 20px auto;
	min-height:25px;
	border-bottom:1px solid #1197CF;
}
.articlePanierImage{
	width:15%;
}
.articlePanier{
	width:45%;
	text-align:left;
}
.libelle-article-panier{
	color:#1197CF;
	font-weight:700;
}
.descriptif-article-panier{
	font-size:0.9em;
	line-height:1em;
}

.quantite{
	display:inline-block;
	padding:0px 8px;
	background-color:#fff;
	font-weight:700;
	min-width:10px;
}
.plusPanier, .moinsPanier{
	font-size:1.5em;
	margin-right:10px;
}
.moinsPanier{
	margin-left:10px;
	margin-right:0px;
}
.prixPanier{
	text-align:right;
	padding-right:10px;
}
.separationTableFilet{
	height:10px;
	border-bottom:1px solid #eceff1;
}
.recapPrixPanierCell1{
	width:70%;
}
.recapPrixPanier{
	text-align:right;
	padding-right:10px;
	font-size:1.2em;
	font-weight:700;
	padding-top:10px;
}
.infoCGVPanier{
	font-size:0.7em;
	margin-top:10px;
	margin-left:25px;
	line-height:1.1em;
}
.validerPanier{
	height:28px;
}
.infoSecuritePanier{
	width:140px;
	margin-left:auto;
	margin-right:auto;
	height:18px;
	font-size:0.8em;
	padding-left:20px;
	padding-top:12px;
}
.voirPanier{
	display:block;
	width:10px;
	height:19px;
	position:absolute;
	margin-left:250px;
	margin-top:-25px;
	color:#fff;
	padding-left:30px;
	padding-top:10px;
	font-size:0.9em;
	font-weight:700;
}
.voirPanier:hover{
	color:#fff;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.voirPanier{
   	 	background:url(../images/picto-panier-header.png) no-repeat left 2px;
  	}
  	.voirPanier:hover{
		background:url(../images/picto-panier-header-hover.png) no-repeat left 2px;
  	}
  	.infoSecuritePanier{
		background:url(../images/picto-pass.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.voirPanier{
		background:url(../images/picto-panier-header@2x.png) no-repeat left 2px;
    	background-size: 27px 27px;
  	}
  	.voirPanier:hover{
		background:url(../images/picto-panier-header@2x-hover.png) no-repeat left 2px;
		background-size: 27px 27px;
 	 }
  	.infoSecuritePanier{
		background:url(../images/picto-pass@2x.png) no-repeat left center;
		background-size: 14px 19px;
	}
}


/* @RECHERCHE CENTRE/ANNONCE ... ASIDE ------------------------------------------------------------------------- */

.bloc-recherche-carte{
	text-align:center;
	padding-top:20px;
	font-size:0.8em;
}
.carte{
	position:relative; 
	height:213px; 
	width:226px; 
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.carte{
		background:url(../images/carte-france.gif) 0 0 no-repeat;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.carte{
		background:url(../images/carte-france@2x.gif) 0 0 no-repeat;
		background-size: 226px 213px;
	}
}
.carte>a{
	position:absolute;
	width:8px; 
	height:8px;
	border-radius:4px;
	background-color:#1197CF;
}
.carte>a:hover{
	background-color:#19bc9c;
}
.legende-carte{
	margin-top:10px;
}
.rechercheH3, .rechercheH3Sanspadding, .rechercheH3-categorie{
	clear:both;
	color:#19bc9c;
	font-weight:700;
	text-transform:uppercase;
	font-size:0.9em;
	padding-top:15px;
	margin-left:5px;
}
.rechercheH3-categorie{
	padding-top:8px;
}
.rechercheH3Sanspadding{
	padding-top:0px;
}
.formRechercheCarte{
	width:100%;
	margin-top:0;
}
.formulaireInputRechercheCarte{
	width:90%;
	margin :0 auto;	
	display:block;
}
.formulaireSubmitRechercheCarte{
	width:100%;
	border:none;
	cursor:pointer;
	color:#546e7a;
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size:1em;
	font-weight:700;
	text-align:right;
	background-color:transparent;
	padding-right:40px;
	padding-top:3px;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.formulaireSubmitRechercheCarte:hover, .contact-annonceur:hover{
	color:#19bc9c;
}
.rechercheUl{
	width:99%;
	margin:0 auto;
	margin-top:10px;
}
.rechercheUl-lieu{
	width:85%;
	margin:0 auto;
	margin-top:10px;
}
.rechercheLi, .rechercheLiAnnonce, .rechercheLiCentre{
	width:53px;
	float:left;
	text-align:center;
	color:#ECEFF1 ;
}
.rechercheLiAnnonce{
	width:65px;
}
.rechercheLiCentre{
	width:33%;
}
.rechercheLi>a, .rechercheLiAnnonce>a, .rechercheLiCentre>a{
	display:block;
	/*height:90px;*/
	font-size:0.6em;
	color:#1197CF;
}
.rechercheLi>a:hover, .rechercheLiAnnonce>a:hover, .rechercheLiCentre>a:hover{
	color:#1197CF;
}
.picto-recherche{
	width:53px;
	height:53px;
	text-align:center;	
}
.picto-recherche-categorie{
	width:42px;
	height:55px;
	text-align:center;	
}
.picto-recherche-categorie-lieu{
	height:40px;
	padding-top:50px;
	text-align:center;	
}
.picto-recherche-padding{
	height:35px;
	padding-top:50px;
}
.picto-rechercheAnnonce{
	width:65px;
	/*height:65px;*/
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.annonce-amitie{
		background:url(../images/picto-annonce-amitie.gif) no-repeat top center;
	}
	.annonce-amitie:hover, .annonce-amitieActif{
		background:url(../images/picto-annonce-amitie-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-hetero{
		background:url(../images/picto-annonce-hetero.gif) no-repeat top center;
	}
	.annonce-hetero:hover, .annonce-heteroActif{
		background:url(../images/picto-annonce-hetero-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-homo{
		background:url(../images/picto-annonce-homo.gif) no-repeat top center;
	}
	.annonce-homo:hover, .annonce-homoActif{
		background:url(../images/picto-annonce-homo-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-couple{
		background:url(../images/picto-annonce-couple.gif) no-repeat top center;
	}
	.annonce-couple:hover, .annonce-coupleActif{
		background:url(../images/picto-annonce-couple-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-sorties{
		background:url(../images/picto-annonce-sorties.gif) no-repeat top center;
	}
	.annonce-sorties:hover, .annonce-sortiesActif{
		background:url(../images/picto-annonce-sorties-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-massages{
		background:url(../images/picto-annonce-massage.gif) no-repeat top center;
	}
	.annonce-massages:hover, .annonce-massagesActif{
		background:url(../images/picto-annonce-massage-actif.gif) no-repeat top center;
	}
	.annonce-massages-domicile{
		background:url(../images/picto-annonce-massage-domicile.gif) no-repeat top center;
	}
	.annonce-massages-domicile:hover, .annonce-massages-domicileActif{
		background:url(../images/picto-annonce-massage-domicile-actif.gif) no-repeat top center;
	}
	.annonce-location{
		background:url(../images/picto-annonce-location.gif) no-repeat top center;
	}
	.annonce-location:hover, .annonce-locationActif{
		background:url(../images/picto-annonce-location-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-vente{
		background:url(../images/picto-annonce-vente.gif) no-repeat top center;
	}
	.annonce-vente:hover, .annonce-venteActif{
		background:url(../images/picto-annonce-vente-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-colocation{
		background:url(../images/picto-annonce-colocation.gif) no-repeat top center;
	}
	.annonce-colocation:hover, .annonce-colocationActif{
		background:url(../images/picto-annonce-colocation-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-hebergement{
		background:url(../images/picto-annonce-hebergement.gif) no-repeat top center;
	}
	.annonce-hebergement:hover, .annonce-hebergementActif{
		background:url(../images/picto-annonce-hebergement-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-emploi{
		background:url(../images/picto-annonce-emploi.gif) no-repeat top center;
	}
	.annonce-emploi:hover, .annonce-emploiActif{
		background:url(../images/picto-annonce-emploi-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-covoiturage{
		background:url(../images/picto-annonce-covoiturage.gif) no-repeat top center;
	}
	.annonce-covoiturage:hover, .annonce-covoiturageActif{
		background:url(../images/picto-annonce-covoiturage-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-menage{
		background:url(../images/picto-annonce-menage.gif) no-repeat top center;
	}
	.annonce-menage:hover, .annonce-menageActif{
		background:url(../images/picto-annonce-menage-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-menage{
		background:url(../images/picto-annonce-menage.gif) no-repeat top center;
	}
	.annonce-menage:hover, .annonce-menageActif{
		background:url(../images/picto-annonce-menage-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-modele{
		background:url(../images/picto-annonce-modele.gif) no-repeat top center;
	}
	.annonce-modele:hover, .annonce-modeleActif{
		background:url(../images/picto-annonce-modele-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-photographe{
		background:url(../images/picto-annonce-photographe.gif) no-repeat top center;
	}
	.annonce-photographe:hover, .annonce-photographeActif{
		background:url(../images/picto-annonce-photographe-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	.annonce-divers{
		background:url(../images/picto-annonce-divers.gif) no-repeat top center;
	}
	.annonce-divers:hover, .annonce-diversActif{
		background:url(../images/picto-annonce-divers-actif.gif) no-repeat top center;
		color:#1197CF;
	}
	
	.centre{
		background:url(../images/picto-centre-camping-naturiste.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.centre:hover, .centreActif{
		background:url(../images/picto-centre-camping-naturiste-actif.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	.plage{
		background:url(../images/picto-plage-naturiste.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.plage:hover, .plageActif{
		background:url(../images/picto-plage-naturiste-actif.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	.sauna{
		background:url(../images/picto-sauna-hammam-naturiste.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.sauna:hover, .saunaActif{
		background:url(../images/picto-sauna-hammam-naturiste-actif.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	.salon{
		background:url(../images/picto-salons-massage-naturiste.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.salon:hover, .salonActif{
		background:url(../images/picto-salons-massage-naturiste-actif.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	
	.piscine{
		background:url(../images/picto-piscine-naturiste.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.piscine:hover, .piscineActif{
		background:url(../images/picto-piscine-naturiste-actif.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	.chambre{
		background:url(../images/picto-chambre-hote-naturiste.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.chambre:hover, .chambreActif{
		background:url(../images/picto-chambre-hote-naturiste-actif.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	
	.evaluation1{
		background:url(../images/picto-evaluation-1.png) no-repeat center center;
	}
	.evaluation1:hover, .evaluation1Actif{
		background:url(../images/picto-evaluation-1-actif.png) no-repeat center center;
	}	
	.evaluation2{
		background:url(../images/picto-evaluation-2.png) no-repeat center center;
	}
	.evaluation2:hover, .evaluation2Actif{
		background:url(../images/picto-evaluation-2-actif.png) no-repeat center center;
	}
	.evaluation3{
		background:url(../images/picto-evaluation-3.png) no-repeat center center;
	}
	.evaluation3:hover, .evaluation3Actif{
		background:url(../images/picto-evaluation-3-actif.png) no-repeat center center;
	}
	.evaluation4{
		background:url(../images/picto-evaluation-4.png) no-repeat center center;
	}
	.evaluation4:hover, .evaluation4Actif{
		background:url(../images/picto-evaluation-4-actif.png) no-repeat center center;
	}
	.evaluation5{
		background:url(../images/picto-evaluation-5.png) no-repeat center center;
	}
	.evaluation5:hover, .evaluation5Actif{
		background:url(../images/picto-evaluation-5-actif.png) no-repeat center center;
	}
	
	.equipement-piscine{
		background:url(../images/picto-equipement-piscine.png) no-repeat center center;
	}
	.equipement-piscine:hover, .equipement-piscineActif{
		background:url(../images/picto-equipement-piscine-actif.png) no-repeat center center;
	}
	.equipement-restaurant{
		background:url(../images/picto-equipement-restaurant.png) no-repeat center center;
	}
	.equipement-restaurant:hover, .equipement-restaurantActif{
		background:url(../images/picto-equipement-restaurant-actif.png) no-repeat center center;
	}
	.equipement-wifi{
		background:url(../images/picto-equipement-wifi.png) no-repeat center center;
	}
	.equipement-wifi:hover, .equipement-wifiActif{
		background:url(../images/picto-equipement-wifi-actif.png) no-repeat center center;
	}
	.equipement-club-enfant{
		background:url(../images/picto-equipement-club-enfant.png) no-repeat center center;
	}
	.equipement-club-enfant:hover, .equipement-club-enfantActif{
		background:url(../images/picto-equipement-club-enfant-actif.png) no-repeat center center;
	}
	.equipement-handicape{
		background:url(../images/picto-equipement-handicape.png) no-repeat center center;
	}
	.equipement-handicape:hover, .equipement-handicapeActif{
		background:url(../images/picto-equipement-handicape-actif.png) no-repeat center center;
	}
	.equipement-parking{
		background:url(../images/picto-equipement-parking.png) no-repeat center center;
	}
	.equipement-parking:hover, .equipement-parkingActif{
		background:url(../images/picto-equipement-parking-actif.png) no-repeat center center;
	}
	.equipement-animaux{
		background:url(../images/picto-equipement-animaux.png) no-repeat center center;
	}
	.equipement-animaux:hover, .equipement-animauxActif{
		background:url(../images/picto-equipement-animaux-actif.png) no-repeat center center;
	}
	.equipement-animation{
		background:url(../images/picto-equipement-animation.png) no-repeat center center;
	}
	.equipement-animation:hover, .equipement-animationActif{
		background:url(../images/picto-equipement-animation-actif.png) no-repeat center center;
	}
	.equipement-mini-golf{
		background:url(../images/picto-equipement-mini-golf.png) no-repeat center center;
	}
	.equipement-mini-golf:hover, .equipement-mini-golfActif{
		background:url(../images/picto-equipement-mini-golf-actif.png) no-repeat center center;
	}
	.equipement-tennis{
		background:url(../images/picto-equipement-tennis.png) no-repeat center center;
	}
	.equipement-tennis:hover, .equipement-tennisActif{
		background:url(../images/picto-equipement-tennis-actif.png) no-repeat center center;
	}
	.equipement-bar{
		background:url(../images/picto-equipement-bar.png) no-repeat center center;
	}
	.equipement-bar:hover, .equipement-barActif{
		background:url(../images/picto-equipement-bar-actif.png) no-repeat center center;
	}
	.equipement-superette{
		background:url(../images/picto-equipement-superette.png) no-repeat center center;
	}
	.equipement-superette:hover, .equipement-superetteActif{
		background:url(../images/picto-equipement-superette-actif.png) no-repeat center center;
	}
	.equipement-salle-de-sports{
		background:url(../images/picto-equipement-salle-de-sports.png) no-repeat center center;
	}
	.equipement-salle-de-sports:hover, .equipement-salle-de-sportsActif{
		background:url(../images/picto-equipement-salle-de-sports-actif.png) no-repeat center center;
	}
	.equipement-esthetique{
		background:url(../images/picto-equipement-esthetique.png) no-repeat center center;
	}
	.equipement-esthetique:hover, .equipement-esthetiqueActif{
		background:url(../images/picto-equipement-esthetique-actif.png) no-repeat center center;
	}
	.equipement-thalassotherapie{
		background:url(../images/picto-equipement-thalassotherapie.png) no-repeat center center;
	}
	.equipement-thalassotherapie:hover, .equipement-thalassotherapieActif{
		background:url(../images/picto-equipement-thalassotherapie-actif.png) no-repeat center center;
	}
	.equipement-mobil-home{
		background:url(../images/picto-equipement-mobil-home.png) no-repeat center center;
	}
	.equipement-mobil-home:hover, .equipement-mobil-homeActif{
		background:url(../images/picto-equipement-mobil-home-actif.png) no-repeat center center;
	}
	.equipement-camping{
		background:url(../images/picto-equipement-camping.png) no-repeat center center;
	}
	.equipement-camping:hover, .equipement-campingActif{
		background:url(../images/picto-equipement-camping-actif.png) no-repeat center center;
	}
	.equipement-chalet{
		background:url(../images/picto-equipement-chalet.png) no-repeat center center;
	}
	.equipement-chalet:hover, .equipement-chaletActif{
		background:url(../images/picto-equipement-chalet-actif.png) no-repeat center center;
	}
	.equipement-golf{
		background:url(../images/picto-equipement-golf.png) no-repeat center center;
	}
	.equipement-golf:hover, .equipement-golfActif{
		background:url(../images/picto-equipement-golf-actif.png) no-repeat center center;
	}
	.equipement-barbecue{
		background:url(../images/picto-equipement-barbecue.png) no-repeat center center;
	}
	.equipement-barbecue:hover, .equipement-barbecueActif{
		background:url(../images/picto-equipement-barbecue-actif.png) no-repeat center center;
	}
	.equipement-laverie{
		background:url(../images/picto-equipement-laverie.png) no-repeat center center;
	}
	.equipement-laverie:hover, .equipement-laverieActif{
		background:url(../images/picto-equipement-laverie-actif.png) no-repeat center center;
	}

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.annonce-amitie{
		background:url(../images/picto-annonce-amitie@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-amitie:hover, .annonce-amitieActif{
		background:url(../images/picto-annonce-amitie-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-hetero{
		background:url(../images/picto-annonce-hetero@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-hetero:hover, .annonce-heteroActif{
		background:url(../images/picto-annonce-hetero-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-homo{
		background:url(../images/picto-annonce-homo@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-homo:hover, .annonce-homoActif{
		background:url(../images/picto-annonce-homo-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-couple{
		background:url(../images/picto-annonce-couple@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-couple:hover, .annonce-coupleActif{
		background:url(../images/picto-annonce-couple-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-sorties{
		background:url(../images/picto-annonce-sorties@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-sorties:hover, .annonce-sortiesActif{
		background:url(../images/picto-annonce-sorties-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-massages{
		background:url(../images/picto-annonce-massage@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-massages:hover, .annonce-massagesActif{
		background:url(../images/picto-annonce-massage-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-massages-domicile{
		background:url(../images/picto-annonce-massage-domicile@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-massages-domicile:hover, .annonce-massages-domicileActif{
		background:url(../images/picto-annonce-massage-domicile-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-location{
		background:url(../images/picto-annonce-location@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-location:hover, .annonce-locationActif{
		background:url(../images/picto-annonce-location-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-vente{
		background:url(../images/picto-annonce-vente@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-vente:hover, .annonce-venteActif{
		background:url(../images/picto-annonce-vente-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-colocation{
		background:url(../images/picto-annonce-colocation@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-colocation:hover, .annonce-colocationActif{
		background:url(../images/picto-annonce-colocation-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-hebergement{
		background:url(../images/picto-annonce-hebergement@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-hebergement:hover, .annonce-hebergementActif{
		background:url(../images/picto-annonce-hebergement-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-emploi{
		background:url(../images/picto-annonce-emploi@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-emploi:hover, .annonce-emploiActif{
		background:url(../images/picto-annonce-emploi-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-covoiturage{
		background:url(../images/picto-annonce-covoiturage@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-covoiturage:hover, .annonce-covoiturageActif{
		background:url(../images/picto-annonce-covoiturage-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-menage{
		background:url(../images/picto-annonce-menage@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-menage:hover, .annonce-menageActif{
		background:url(../images/picto-annonce-menage-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-menage{
		background:url(../images/picto-annonce-menage@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-menage:hover, .annonce-menageActif{
		background:url(../images/picto-annonce-menage-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-modele{
		background:url(../images/picto-annonce-modele@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-modele:hover, .annonce-modeleActif{
		background:url(../images/picto-annonce-modele-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-photographe{
		background:url(../images/picto-annonce-photographe@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-photographe:hover, .annonce-photographeActif{
		background:url(../images/picto-annonce-photographe-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	.annonce-divers{
		background:url(../images/picto-annonce-divers@2x.png) no-repeat top center;
		background-size: 42px 42px;
	}
	.annonce-divers:hover, .annonce-diversActif{
		background:url(../images/picto-annonce-divers-actif@2x.png) no-repeat top center;
		background-size: 42px 42px;
		color:#1197CF;
	}
	
	.centre{
		background:url(../images/picto-centre-camping-naturiste@2x.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.centre:hover, .centreActif{
		background:url(../images/picto-centre-camping-naturiste-actif@2x.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	.plage{
		background:url(../images/picto-plage-naturiste@2x.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.plage:hover, .plageActif{
		background:url(../images/picto-plage-naturiste-actif@2x.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	.sauna{
		background:url(../images/picto-sauna-hammam-naturiste@2x.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.sauna:hover, .saunaActif{
		background:url(../images/picto-sauna-hammam-naturiste-actif@2x.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	.salon{
		background:url(../images/picto-salons-massage-naturiste@2x.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.salon:hover, .salonActif{
		background:url(../images/picto-salons-massage-naturiste-actif@2x.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	.piscine{
		background:url(../images/picto-piscine-naturiste@2x.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.piscine:hover, .piscineActif{
		background:url(../images/picto-piscine-naturiste-actif@2x.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	.chambre{
		background:url(../images/picto-chambre-hote-naturiste@2x.png) no-repeat top center;
		background-size: 47px 47px;
	}
	.chambre:hover, .chambreActif{
		background:url(../images/picto-chambre-hote-naturiste-actif@2x.png) no-repeat top center;
		background-size: 47px 47px;
		color:#1197CF;
	}
	
	.evaluation1{
		background:url(../images/picto-evaluation-1@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.evaluation1:hover, .evaluation1Actif{
		background:url(../images/picto-evaluation-1-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}	
	.evaluation2{
		background:url(../images/picto-evaluation-2@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.evaluation2:hover, .evaluation2Actif{
		background:url(../images/picto-evaluation-2-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.evaluation3{
		background:url(../images/picto-evaluation-3@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.evaluation3:hover, .evaluation3Actif{
		background:url(../images/picto-evaluation-3-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.evaluation4{
		background:url(../images/picto-evaluation-4@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.evaluation4:hover, .evaluation4Actif{
		background:url(../images/picto-evaluation-4-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.evaluation5{
		background:url(../images/picto-evaluation-5@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.evaluation5:hover, .evaluation5Actif{
		background:url(../images/picto-evaluation-5-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	
	.equipement-piscine{
		background:url(../images/picto-equipement-piscine@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-piscine:hover, .equipement-piscineActif{
		background:url(../images/picto-equipement-piscine-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-restaurant{
		background:url(../images/picto-equipement-restaurant@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-restaurant:hover, .equipement-restaurantActif{
		background:url(../images/picto-equipement-restaurant-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-wifi{
		background:url(../images/picto-equipement-wifi@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-wifi:hover, .equipement-wifiActif{
		background:url(../images/picto-equipement-wifi-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-club-enfant{
		background:url(../images/picto-equipement-club-enfant@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-club-enfant:hover, .equipement-club-enfantActif{
		background:url(../images/picto-equipement-club-enfant-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-handicape{
		background:url(../images/picto-equipement-handicape@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-handicape:hover, .equipement-handicapeActif{
		background:url(../images/picto-equipement-handicape-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-parking{
		background:url(../images/picto-equipement-parking@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-parking:hover, .equipement-parkingActif{
		background:url(../images/picto-equipement-parking-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-animaux{
		background:url(../images/picto-equipement-animaux@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-animaux:hover, .equipement-animauxActif{
		background:url(../images/picto-equipement-animaux-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-animation{
		background:url(../images/picto-equipement-animation@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-animation:hover, .equipement-animationActif{
		background:url(../images/picto-equipement-animation-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-mini-golf{
		background:url(../images/picto-equipement-mini-golf@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-mini-golf:hover, .equipement-mini-golfActif{
		background:url(../images/picto-equipement-mini-golf-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-tennis{
		background:url(../images/picto-equipement-tennis@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-tennis:hover, .equipement-tennisActif{
		background:url(../images/picto-equipement-tennis-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-bar{
		background:url(../images/picto-equipement-bar@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-bar:hover, .equipement-barActif{
		background:url(../images/picto-equipement-bar-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-superette{
		background:url(../images/picto-equipement-superette@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-superette:hover, .equipement-superetteActif{
		background:url(../images/picto-equipement-superette-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-salle-sports{
		background:url(../images/picto-equipement-salle-sports@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-salle-sports:hover, .equipement-salle-sportsActif{
		background:url(../images/picto-equipement-salle-sports-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-esthetique{
		background:url(../images/picto-equipement-esthetique@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-esthetique:hover, .equipement-esthetiqueActif{
		background:url(../images/picto-equipement-esthetique-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-thalassotherapie{
		background:url(../images/picto-equipement-thalassotherapie@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-thalassotherapie:hover, .equipement-thalassotherapieActif{
		background:url(../images/picto-equipement-thalassotherapie-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-mobil-home{
		background:url(../images/picto-equipement-mobil-home@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-mobil-home:hover, .equipement-mobil-homeActif{
		background:url(../images/picto-equipement-mobil-home-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-camping{
		background:url(../images/picto-equipement-camping@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-camping:hover, .equipement-campingActif{
		background:url(../images/picto-equipement-camping-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-chalet{
		background:url(../images/picto-equipement-chalet@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-chalet:hover, .equipement-chaletActif{
		background:url(../images/picto-equipement-chalet-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-golf{
		background:url(../images/picto-equipement-golf@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-golf:hover, .equipement-golfActif{
		background:url(../images/picto-equipement-golf-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-barbecue{
		background:url(../images/picto-equipement-barbecue@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-barbecue:hover, .equipement-barbecueActif{
		background:url(../images/picto-equipement-barbecue-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-laverie{
		background:url(../images/picto-equipement-laverie@2x.png) no-repeat center center;
		background-size:47px 47px;
	}
	.equipement-laverie:hover, .equipement-laverieActif{
		background:url(../images/picto-equipement-laverie-actif@2x.png) no-repeat center center;
		background-size:47px 47px;
	}

}

.recherche-responsive{
	display:none;
}


/* @CENTRE ------------------------------------------------------------------------- */

.titreListe{
	margin-top:4%;
	height:20px;
}
.VilleListe{
	margin-top:4%;
	color:#1197CF;
	height:25px;
}
.voteListe{
	margin-top:4%;
	height:25px;
}
.top-destinations{
	height:200px;
	background:url(../images/top-destination.png) no-repeat left bottom;
}
.top-destinations>ol{
	list-style-position:inside;
	list-style-type:decimal;
	padding-top:5%;
	margin-left:45%;
}
.top-destinations>ol>li{
	line-height:1.5em;
}

.boiteImgProfilAvis{
	width:65px;
	font-size:0.7em;
	text-align:center;
	line-height:1.1em;
}
.imgProfilAvis{
	width:62px;
	height:62px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
}
.pas-d-avis{
	padding:25px;
	min-height:200px;
	text-align:center;
	font-size:1.1em;
	line-height:1.1em;
	background:url(../images/premier-avis.png) no-repeat center 90px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.pas-d-avis{
		background:url(../images/premier-avis.png) no-repeat center 90px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.pas-d-avis{
		background:url(../images/premier-avis@2x.png) no-repeat center 90px;
		background-size: 404px 76px;
	}
}
.lieu-avis-liste{
	display:block;
	border-bottom:solid 1px #ECEFF1;
	padding-top:15px;
	padding-bottom:10px;
}
.lieu-avis-contenu{
	width:70%;
	float:left;
	margin-left:10px;
}
.lieu-affichage-avis-contenu{
	width:82%;
	float:left;
	margin-left:20px;
}
.lieu-affichage-avis-contenu-texte{
	float:left;
	width:84%;
}
.lieu-affichage-avis-contenu-coeur{
	float:right;
	text-align:right;
}
.lieu-affichage-avis-titre{
	font-size:0.9em;
	font-weight:700;
}
.lieu-avis-liste>a{
	display:block;
}
.lieu-avis-liste>a:hover{
	background-color:#ECEFF1 ;
}
.lieu-avis-categorie{
	float:left;
	width:25px;
	height:25px;
}
.centres-naturistes-camping-naturistes{
	background:url(../images/picto-centre-camping-naturiste@2x.png) no-repeat left 5px;
	background-size:20px 20px;
}
.plages-naturistes{
	background:url(../images/picto-plage-naturiste@2x.png) no-repeat left 5px;
	background-size:20px 20px;
}
.saunas-hammams-naturistes{
	background:url(../images/picto-sauna-hammam-naturiste@2x.png) no-repeat left 5px;
	background-size:20px 20px;
}
.salons-de-massages-naturistes{
	background:url(../images/picto-salons-massage-naturiste@2x.png) no-repeat left 5px;
	background-size:20px 20px;
}
.piscines-naturistes{
	background:url(../images/picto-piscine-naturiste@2x.png) no-repeat left 5px;
	background-size:20px 20px;
}
.chambres-d-hotes-naturistes{
	background:url(../images/picto-chambre-hote-naturiste@2x.png) no-repeat left 5px;
	background-size:20px 20px;
}

.lieu-avis-libelle{
	float:left;
	font-size:1.2em;
	width:60%;
}
.lieu-avis-localisation{
	float:left;
	font-size:0.7em;
	margin-left:25px;
	padding-top:5px;
}
.lieu-statistique-localisation{
	float:left;
	font-size:0.7em;
	margin-left:25px;
	padding-top:5px;
}
.lieu-avis-titre{
	margin-top:10px;
	font-size:0.9em;
	font-weight:700;
	padding-top:5px;
}
.lieu-avis-avis{
	font-size:0.9em;
	line-height:1.1em;
	padding-top:5px;
	padding-bottom:8px;
}
.lieu-liste-descriptif{
	font-size:0.9em;
	line-height:1.1em;
	padding-top:5px;
	padding-bottom:8px;
	margin-top:10px;
}
.lieu-affichage-depot-avis{
	float:right;
	margin-right:10px;
	padding-top:5px;
}
.lieu-nous-aimons{
	margin-left:5px;
	min-height:15px;
	padding-bottom:3px;
	background:url(../images/coeur-plein@2x.png) no-repeat left 3px;
	background-size:10px 10px;
	padding-left:15px;
	font-size:0.9em;
	margin-bottom:15px;
}
.lieu-nous-aimons:last-child{
	margin-bottom:0;
}
.commentaires{
	border-bottom:2px solid #ECEFF1;
	padding:1%;
	font-size:0.9em;
	line-height:1.2em;
}
.commentaires .contenuListe{
	width:87%;
}
.commentaires>a{
	display:block;
}.commentaires>a:hover{
	background-color:#ECEFF1 ;
}
.lieu-reponse{
	margin-left:110px;
}
.reponse-avis-separation{
	background:url(../images/separationPointillee.png) no-repeat left top;
	padding-top:20px;
}
.lieu-reponse-contenu{
}

.lieu-repondre{
	margin-top:2%;
	height:28px;
}
.lieu-repondre-ouvert{
	margin-top:2%;
	height:25px;
	width:95%;
	color: #546e7a;
	padding-top:8px;
	font-weight:bold;
	padding-right:28px;
}
.lieu-repondre>a{
	display:block;
	width:95%;
	color: #546e7a;
	padding-top:5px;
	font-weight:bold;
}
.lieu-repondre>a:hover{
	color:#19bc9c;
}

.lieux-ajout-photos{
	width:100%;
	min-height:200px;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.lieu-repondre{
		background:#ECEFF1 url(../images/fleche-repondre.png) no-repeat right center;
	}
	.lieu-repondre-ouvert{
		background:#ECEFF1 url(../images/fleche-repondre-ouverte.png) no-repeat right center;
	}
	.lieux-ajout-photos{
		background:url(../images/pas-d-album-generique.png) no-repeat center center;
	}

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.lieu-repondre{
		background:#ECEFF1 url(../images/fleche-repondre@2x.png) no-repeat right center;
		background-size: 20px 14px;
	}
	.lieu-repondre-ouvert{
		background:#ECEFF1 url(../images/fleche-repondre-ouverte@2x.png) no-repeat right center;
		background-size: 20px 14px;
	}
}

.liste-centre{
	padding:2% 0% 0% 0%;
	font-size:0.9em;
	line-height:1.2em;
}
.liste-centre h3{
	font-weight:700;
	font-size:1em;
}
.liste-centre .imgListe a{
	display:block;
	width:140px;
	height:100px;
}
.liste-centre .contenuListe>p{
	padding-top:2px;
	padding-bottom:8px;
}
.identite-avis{
	padding:20px 2% 0px 2%;
}
.lieu-form{
	font-size:0.9em;
	padding-bottom:10px;
	border-bottom:solid 1px #eceff1;
	display:none;
}
.lieu-avis-reponse-form{
	font-size:0.9em;
	padding-bottom:10px;
}
.avis-chargement{
	width:672px;
	height:365px;
	position:absolute;
	z-index:500;
	background:rgba(255,255,255,0.60) url(../images/chargement.gif) no-repeat center center;
}
.post-forum{
	width:970px;
	height:350px;
	position:absolute;
	z-index:500;
	background:rgba(255,255,255,0.60) url(../images/chargement.gif) no-repeat center 80px;
}
.post-messagerie{
	width:660px;
	height:115px;
	position:absolute;
	z-index:500;
	background:rgba(255,255,255,0.60) url(../images/chargement.gif) no-repeat center 5px;
	background-size:70px 38px;
}
.post-messagerie-light{
	width:406px;
	height:260px;
	position:absolute;
	z-index:500;
	background:rgba(255,255,255,0.60) url(../images/chargement.gif) no-repeat center 100px;
	background-size:70px 38px;
}
.post-messagerie-discussion{
	width:268px;
	min-height:520px;
	position:absolute;
	z-index:500;
	background-color:rgba(255,255,255,0.60);
}
.post-tchat{
	width:457px;
	height:170px;
	position:absolute;
	z-index:500;
	background:rgba(255,255,255,0.60) url(../images/chargement.gif) no-repeat center 25px;
	background-size:89px 48px;
}
.post-tchat-discussion{
	width:188px;
	min-height:460px;
	position:absolute;
	z-index:500;
	background-color:rgba(255,255,255,0.60);
}

.chargement-points, .chargement-points-secondaire, .chargement-points-page-entiere, .chargement-points-tchat, .chargement-points-index{
	width:480px;
	height:30px;
	position:absolute;
	z-index:500;
	background:url(../images/chargement_points.gif) no-repeat center right;
}
.chargement-points-secondaire{
	width:250px;
}
.chargement-points-index{
	width:190px;
	height:25px;
}
.chargement-points-page-entiere{
	width:680px;
}
.chargement-points-tchat{
	width:50px;
}
.chargement-points-contact{
	width:160px;
	height:20px;
	position:absolute;
	z-index:500;
	background:rgba(255,255,255,0.80) url(../images/chargement_points.gif) no-repeat center 5px;

}
.chargement-suivre-contact{
	width:200px;
	height:20px;
	position:absolute;
	z-index:500;
	margin-left:77px;
	display:none;
	background:#ECEFF1 url(../images/chargement_points.gif) no-repeat 5px;
}
.chargement-jaime{
	width:36px;
	height:20px;
	position:absolute;
	z-index:500;
	background:rgba(255,255,255,0.80) url(../images/chargement_points.gif) no-repeat center 5px;

}
.donner-avis{
	display:block;
	width:60%;
	height:30px;
	color:#fff;
	padding:5px 35px;
	padding-top:12px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:15px;
	font-size:1.2em;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.donner-avis:hover{
	background-color:#19bc9c;
	color:#fff;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.donner-avis{
		background:#546e7a url(../images/picto-depot-avis.png) no-repeat 12px center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.donner-avis{
		background:#546e7a url(../images/picto-depot-avis@2x.png) no-repeat 12px center;
		background-size: 22px 22px;
	}
}
.centre-tel{
	display:block;
	width:60%;
	height:30px;
	color:#fff;
	padding:5px 35px;
	padding-top:12px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:15px;
	font-size:1.2em;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.centre-tel:hover{
	background-color:#19bc9c;
	color:#fff;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.centre-tel{
		background:#546e7a url(../images/picto-tel.png) no-repeat 12px center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.centre-tel{
		background:#546e7a url(../images/picto-tel@2x.png) no-repeat 12px center;
		background-size: 22px 22px;
	}
}


.jaime{
	display:block;
	margin-top:8%;
	background:#1197CF url(../images/picto-jaime.png) no-repeat 5px center;
	line-height:2em;
	padding-left:35px;
}
.boiteCarteGoogle{
	padding:2%;
}
.googleMap{	 
	min-height:220px;
}
.identite{
	margin-left:4%;
	margin-top:2%;
	font-size:0.9em;
}
.identite>li{
	display:block;
	min-height:25px;
	padding:5px 5px 0 30px;
	margin-top:8px;
}
.identite>li:last-child{
	display:block;
	min-height:25px;
	padding:5px 5px 0 30px;
	margin-top:0px;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.identite-departement{
		background:url(../images/picto-departement.png) no-repeat left top;
	}
	.identite-ville{
		background:url(../images/picto-lieu.png) no-repeat 4px top;
	}
	.identite-adresse{
		background:url(../images/picto-adresse-lieu.png) no-repeat 3px 8px;
	}
	.identite-gps{
		background:url(../images/picto-gps.png) no-repeat 2px top;
	}
	.identite-telephone{
		background:url(../images/picto-telephone.png) no-repeat 4px top;
	}
	.identite-site-web{
		background:url(../images/picto-site-web.png) no-repeat 2px 3px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .identite-departement{
		background:url(../images/picto-departement@2x.png) no-repeat left top;
		background-size: 26px 26px;
	}
	.identite-ville{
		background:url(../images/picto-lieu@2x.png) no-repeat 4px top;
		background-size: 17px 23px;
	}
	.identite-adresse{
		background:url(../images/picto-adresse-lieu@2x.png) no-repeat 3px 8px;
		background-size: 23px 21px;
	}
	.identite-gps{
		background:url(../images/picto-gps@2x.png) no-repeat 2px top;
		background-size: 21px 21px;
	}
	.identite-telephone{
		background:url(../images/picto-telephone@2x.png) no-repeat 4px top;
		background-size: 18px 18px;
	}
	.identite-site-web{
		background:url(../images/picto-site-web@2x.png) no-repeat 2px 3px;
		background-size: 22px 19px;
	}
}

.avis-image-centre{
	float:left;
	width:35%;
	height:150px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size:cover;
}
.quelques-mots-avis{
	padding:10px 4px 4px 15px;
	min-height:125px;
	font-size:0.9em;
	line-height:1.2em;
	float:left;
	width:60%;
	text-align:justify;
}
.avis-repondre{
	display:block;
	height:18px;
	background:url(../images/picto-repondre.png) no-repeat left top;
	padding-left:30px;
	font-size:0.8em;
	font-weight:700;
	margin-left:80px;
	margin-top:1%;	
}

/* @ANNONCE ------------------------------------------------------------------------- */


.annonce-creation-bouton, .lieu-creation-bouton{
	display:block;
	width:44.5%;
	margin:0 auto;
	height:30px;
	color:#fff;
	padding:5px 35px 5px 35px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:4%;
	font-size:1.3em;
	padding-top:12px;
	padding-right:15px;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	position: relative;
}
.annonce-creation-bouton:hover, .lieu-creation-bouton:hover{
	background-color:#19bc9c;
	color:#fff;
}

.annonce-liste, .annonce-liste-privee{
	display:block;
	border-bottom:solid 1px #ECEFF1;
	padding-top:10px;
	padding-bottom:10px;
}
.annonce-liste:hover{
	background-color:#ECEFF1 ;
}
.annonce-privee-message{
	color:#333;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.2em;
}
.tel-annonceur{
	margin-top:10px;
	height:23px;
	background:url(../images/picto-telephone.png) no-repeat 60px center;
	color:#1197CF;
	font-weight:700;
	padding-left:90px;	
	font-size:1.1em;
}
.boite-contact-annonceur{
	margin-top:10px;
	height:24px;
	display:block;
	color:#1197CF;
	padding-top:5px;
	font-weight:700;
	padding-left:30px;
	width:110px;
	margin-left:auto;
	margin-right:auto;
}
.boite-contact-annonceur>a{
	color:#1197CF;
}
.plusInfo30>a:hover{
	color:#19bc9c;
}
.contact-annonceur{
	height:21px;	
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.boite-contact-annonceur{
		background:url(../images/picto-contact.png) no-repeat left center;
	}
	.contact-annonceur{
		background:url(../images/picto-contact.png) no-repeat 40% center;	
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .boite-contact-annonceur{
		background:url(../images/picto-contact@2x.png) no-repeat left center;
		background-size: 18px 14px;
	}
	.contact-annonceur{
		background:url(../images/picto-contact@2x.png) no-repeat 40% center;
		background-size: 18px 14px;	
	}
}
.listeAnnonceAside{
	display:block;
	height:50px;
	margin-top:15px;
	font-size:0.9em;
}
.imgListeAnnonceAside{
	width:66px;
	height:44px;
	float:left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
	background-color:#fff;
}
.texteListeAnnonceAside{
	width:70%;
	float:left;
	margin-left:10px;
}
.annonceH1{
	color:#19bc9c;
	margin-top:2%;
	margin-left:8%;
}

.test-label{
	display:inline-block;
	margin-left:-5px;
}
.resultat-recherche{
	border-bottom:solid 1px #eceff1;
	height:45px;
	color:#1197CF;
	font-size:1.4em;
	text-align:center;
	padding-top:15px;
	font-weight:700;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.resultat-recherche{
		background:url(../images/flecheSubmit-hover.png) no-repeat 10px center;
	}

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.resultat-recherche{
		background:url(../images/flecheSubmit-hover@2x.png) no-repeat 10px center;
		background-size: 39px 38px;
	}

}
.recherche-tri>li{
	display:inline-block;
	padding-left:35px;
	padding-top:7px;
	height:32px;
	width:15%;
	margin-right:10px;
	font-size:0.95em;
	font-weight:700;
}
.recherche-tri>li:first-child{
	width:27%;
}
.recherche-tri>li:last-child{
	width:25%;
}
.lienCaret{
	color:#e91e63;
	text-decoration:none;
}
.fa-caret-down::before, .fa-caret-up::before{
	font-size:16px;
}
.lienCaret:hover, .lienCaret-actif{
	color:#1197CF;
}
.recherche-criteres>li{
	display:inline-block;
	padding-left:35px;
	padding-top:13px;
	height:30px;
	margin-right:10px;
	font-size:0.8em;
	font-weight:700;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.recherche-categorie{	
		background:url(../images/picto-recherche-categorie.png) no-repeat left center;
	}
	.recherche-lieu{
		background:url(../images/picto-recherche-lieu.png) no-repeat left center;
	}
	.recherche-distance{
		background:url(../images/picto-recherche-distance.png) no-repeat left center;
	}
	.recherche-mot{
		background:url(../images/picto-recherche-mot.png) no-repeat left center;
	}
	.recherche-evaluation{
		background:url(../images/picto-recherche-evaluation.png) no-repeat left center;
	}
	.recherche-situation{
		background:url(../images/picto-recherche-situation.png) no-repeat left center;
	}
	.recherche-photo{
		background:url(../images/picto-recherche-photo.png) no-repeat left center;
	}
	.recherche-duree{
		background:url(../images/picto-recherche-duree.png) no-repeat left center;
	}
	.recherche-connexion{
		background:url(../images/picto-recherche-connexion.png) no-repeat left center;
	}
	.recherche-ajout{
		background:url(../images/picto-recherche-ajout.png) no-repeat left center;
	}
	.recherche-modification{
		background:url(../images/picto-recherche-modification.png) no-repeat left center;
	}
	.recherche-popularite{
		background:url(../images/picto-recherche-popularite.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.recherche-categorie{	
		background:url(../images/picto-recherche-categorie@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-lieu{
		background:url(../images/picto-recherche-lieu@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-distance{
		background:url(../images/picto-recherche-distance@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-mot{
		background:url(../images/picto-recherche-mot@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-evaluation{
		background:url(../images/picto-recherche-evaluation@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-situation{
		background:url(../images/picto-recherche-situation.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-photo{
		background:url(../images/picto-recherche-photo.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-duree{
		background:url(../images/picto-recherche-duree@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-connexion{
		background:url(../images/picto-recherche-connexion@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-ajout{
		background:url(../images/picto-recherche-ajout@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-modification{
		background:url(../images/picto-recherche-modification@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
	.recherche-popularite{
		background:url(../images/picto-recherche-popularite@2x.png) no-repeat left center;
		background-size: 27px 27px;
	}
}

.recherche-suppression-critere{
	display:inline-block;
	width:8px;
	height:8px;
	background:url(../images/picto-admin-supprimer-critere.png) no-repeat left center;
	background-size:contain;
}
.recherche-suppression-critere:hover{
	background:url(../images/picto-admin-supprimer-hover.png) no-repeat left center;
	background-size:contain;
}

.alerte-annonce-sans-image{
	text-align:center;
	width:100%;
	margin-top:30px;
	margin-bottom:20px;
}
.alerte-annonce, .alerte-messagerie{
	text-align:center;
	width:100%;
	height:240px;
	margin-top:30px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.alerte-annonce-text, .alerte-messagerie-text{
		min-height:270px;
		background:url(../images/messagerie-selectionner-discussion.png) no-repeat center 30px;
	}
	.fond_non_connecte{
		min-height:113px;
		background:url(../images/fond_non_connecte.png) no-repeat center bottom;
		padding-top:20px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .alerte-annonce-text, .alerte-messagerie-text{
		min-height:270px;
		background:url(../images/messagerie-selectionner-discussion@2x.png) no-repeat center 30px;
		background-size: 328px 239px;
	}
	.fond_non_connecte{
		min-height:113px;
		background:url(../images/fond_non_connecte@2x.png) no-repeat center bottom;
		background-size: 672px 133px;
		padding-top:20px;
	}

}
.fleche-discussion{
	display:none;
}
.annonce-boost-ok, .annonce-boost-ko, .annonce-en-validation, .annonce-non-trouvee, .annonce-pas-de-resultat{
	height:80px;
	padding-left:135px;
	font-size:1.2em;
	padding-top:60px;
	color:#1197CF;
	line-height:1.3em;
}
.annonce-boost-ko{
	height:100px;
	padding-top:40px;
}
.annonce-en-validation{
	margin-top:10%;
	min-height:200px;
	padding-top:40px;
	text-align:center;
	padding-left:0px;
	font-weight:700;
}
.annonce-non-trouvee{
	margin-top:10%;
	min-height:200px;
	padding-top:40px;
	text-align:center;
	padding-left:0px;
	font-weight:700;
}
.annonces-sans-resultat, .avis-sans-resultat, .lieux-sans-resultat{
	min-height:150px;
	padding-top:230px;
	text-align:center;
	line-height:1.2em;
}
.avis-sans-resultat{
	min-height:110px;
	padding-top:280px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.annonces-sans-resultat{
		background:url(../images/annonces-sans-resultat.png) no-repeat center 30px;
	}
	.lieux-sans-resultat{
		background:url(../images/lieux-sans-resultat.png) no-repeat center 30px;
	}
	.avis-sans-resultat{
		background:url(../images/pas-d-avis.png) no-repeat center 30px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.annonces-sans-resultat{
		background:url(../images/annonces-sans-resultat@2x.png) no-repeat center 30px;
		background-size: 168px 169px;
	}
	.lieux-sans-resultat{
		background:url(../images/lieux-sans-resultat@2x.png) no-repeat center 30px;
		background-size: 426px 181px;
	}
	.avis-sans-resultat{
		background:url(../images/pas-d-avis@2x.png) no-repeat center 30px;
		background-size: 195px 240px;
	}
}
.pas-de-visiteur{
	min-height:120px;
	padding-top:30px;
	text-align:center;	
	padding-left:0px;
	font-weight:700;
}
.annonce-retour-erreur{
	width:66%;
	height:56px;
	border:1px #FF0004 solid;
	border-radius:5px;
	color:#FF0004;
	padding-top:5px;
	margin-top:8px;
	font-weight:600;
	padding-left:75px;
	padding-right:5px;
	font-size:1.1em;
}
.annonce-annonceur-identite{
	font-size:0.8em;
	margin-top:5px;
}
.annonce-annonceur-identite img{
	height:20px;
}
.annonce-annonceur-localisation{
	height:15px;
	margin-top:10px;
	background:url(../images/picto-lieu@2x.png) no-repeat 2px top;
	background-size:contain;
	padding-left : 34px;
	font-size:0.8em;
	padding-top:2px;
}

/* GALERIE / ALBUM ------------------------------------------------------------------------- */

.boite-navSecondaireAlbum-gauche{
	width:75%;
	float:left;
}
.boite-navSecondaireAlbum-droite{
	width:25%;
	float:right;
}
/*.navSecondaireAlbum{
	text-align:left;
	height:24px;
	padding-top:6px;
	margin-top:14px;
}
.navSecondaireAlbum li, .filtresAlbum li{
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}
.navSecondaireAlbum li>a{
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8em;	
	color:#1197CF;
}*/

.albums-filtres-statut{
	float:left;
	width:20%;
	padding-left:30px;
}
.album-filtres{
	float:left;
	margin-left:35px;
	width:73%;
}
.formulaireSelect-albums-filtres{
	width:90%;
	height:29px;
	margin :0 auto;
	margin-top:4%;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-size:0.8em;
	display:block;
}
.album-filtres>li{
	display:inline-block;
	padding-left:35px;
	padding-top:11px;
	height:30px;
	width:33%;
	margin-right:10px;
	font-size:1em;
	font-weight:700;
}
.album-filtres>li:first-child{
	width:25%;
}
.album-filtres>li:last-child{
	width:20%;
}
/*.lienCaret{
	color:#e91e63;
	text-decoration:none;
}
.lienCaret:hover, .lienCaret-actif{
	color:#1197CF;
}
.recherche-criteres>li{
	display:inline-block;
	padding-left:35px;
	padding-top:11px;
	height:30px;
	margin-right:10px;
	font-size:0.9em;
	font-weight:700;
}
.filtresAlbum li>a{
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8em;	
	color:#1197CF;
}*/
.album-filtres-lien{
	color:#1197CF;
}
.album-filtres-lien:hover, .album-filtres-actif{
	color:#333333;
}

.album-creation-bouton{
	display:block;
	width:27%;
	height:30px;
	color:#fff;
	padding:12px 15px 5px 40px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.album-creation-bouton:hover{
	background-color:#19bc9c;
	color:#fff;
}

.boite-action-front{
	width:100%;
	margin-top:0;
	padding-top:1%;
	padding-bottom:20px;
	border-bottom:1px solid #eceff1;
}
.bouton-submit{
	display:block;
	height:25px;
	width:32%;
	color:#1197CF;
	font-weight:700;
	text-transform:uppercase;
	padding-right:50px;
	font-size:0.9em;
	padding-top:15px;
	margin:0 auto;
}
.bouton-submit:hover{
	color:#19bc9c;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.bouton-submit{
		background:url(../images/flecheSubmit-hover.png) no-repeat left top;
	}
	.bouton-submit:hover{	
		background:url(../images/flecheSubmit.png) no-repeat left top;	
	}
	.albums-filtres-statut{
		background:url(../images/picto-recherche-categorie.png) no-repeat left 8px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.bouton-submit{
		background:url(../images/flecheSubmit-hover@2x.png) no-repeat left top;
		background-size: 39px 38px;
	}
	.bouton-submit:hover{	
		background:url(../images/flecheSubmit@2x.png) no-repeat left top;
		background-size: 39px 38px;	
	}
	.albums-filtres-statut{
		background:url(../images/picto-recherche-categorie@2x.png) no-repeat left 8px;
		background-size: 27px 27px;
	}
}
.boite-albums{
	width:310px;
	height:310px;
	display:block;
	float:left;
	margin-top:2%;
}
.titre-boite-album{
	height:25px;
}
.albumH3{
	clear:both;
	color:#19bc9c;
	font-weight:700;
	text-transform:uppercase;
	font-size:0.9em;
	margin-left:5px;
}
.albumH3:hover{
	color:#1197CF;
}
.boite-album{
	width:100%;
	height:100%;
	border:1px solid #ccc;
	clear:both;
}
.boite-album-img{
	width:94%;
	height:94%;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:contain;
	margin-left:3%;
	margin-top:3%;
}
.boite-album-img:hover{
	opacity:0.6;
}

.liste-des-albums{
	width:98%;
	margin-left: auto;
	margin-right: auto;text-align:center;
}
.un-album{
	width:140px;
	height:255px;
	font-size:0.9em;
	margin-left:10px;
	margin-top:2%;
	display:inline-block;
	vertical-align:top;
}
.un-album>a{
	display:inline-block;
	vertical-align:top;
	width:140px;
	height:265px;
}
.un-album-qui{
	background-color:#fff;
}
.boite-album-liste{
	width:138px;
	height:138px;
	border:1px solid #ccc;
}
.boite-album-liste-img{
	width:130px;
	height:105px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:contain;
	margin-left:4px;
	margin-top:4px;
	text-align:center;
	color:#1197CF;
	font-size:1.8em;
	font-weight:700;
	padding-top:25px;
}
.boite-album-liste-img-prive-en-contact{
	width:130px;
	height:105px;
	background-size:contain;
	margin-left:4px;
	margin-top:4px;
	text-align:center;
	color:#1197CF;
	font-size:1.8em;
	font-weight:700;
	padding-top:25px;
}
.boite-album-liste-img:hover, .boite-album-liste-img-prive-en-contact:hover{
	opacity:0.6;
}
.boite-album-liste-img-prive{
	width:130px;
	height:105px;
	margin-left:4px;
	margin-top:4px;
	text-align:center;
	color:#1197CF;
	padding-top:55px;
}
.album-membre-contact-attente{
	height:20px;
	padding-left:10px;
	padding-top:10px;
	opacity:0.6;
}
.album-membre-contact-demande{
	display:block;
	height:20px;
	padding-left:20px;
	padding-top:10px;
}
.album-affichage-ajouter-album{
	display:block;
	width:35%;
	height:30px;
	color:#fff;
	padding:5px 35px;
	padding-top:12px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:10px;
	font-size:1.3em;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.album-affichage-ajouter-album:hover{
	background-color:#19bc9c;
	color:#fff;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	 .album-affichage-ajouter-album{
		background:#546e7a url(../images/picto-ajout-album.png) no-repeat 15px center;
	}
  	.boite-album-liste-img-prive{
		background:url(../images/img-generique-album-prive.png) no-repeat top center;
	}
	.album-membre-contact-attente{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left center;
	}
	.album-membre-contact-demande{
		background:url(../images/picto-ajouter-ami.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .album-affichage-ajouter-album{
		background:#546e7a url(../images/picto-ajout-album@2x.png) no-repeat 15px center;
		background-size: 22px 22px;
	}
  	.boite-album-liste-img-prive{
		background:url(../images/img-generique-album-prive@2x.png) no-repeat top center;
		background-size:135px 134px;
	}
	.album-membre-contact-attente{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left center;
		background-size:18px 18px;
	}
	.album-membre-contact-demande{
		background:url(../images/picto-ajouter-ami@2x.png) no-repeat left center;
		background-size:18px 18px;
	}
}
.petiteSeparationPointillee{
	clear:both;
	height:18px;
	background:url(../images/petite-separation.png) no-repeat center bottom;
}
.un-album-titre{
	margin-top:2px;
	text-align:center;
	color:#1197CF;
	font-weight:700;
	line-height:1.2em;
}
.un-album-titre:hover{
	color:#64c4ec;
	text-decoration:none;
}
.un-album-infos{
	margin-top:8px;
	font-size:0.8em;
	margin-left:2px;
	margin-right:2px;
	height:15px;
}
.un-album-infos-vues{
	width:30%;
	height:15px;
	float:left;
	text-align:left;
	padding-left:24px;
}
.un-album-infos-photos{
	width:30%;
	height:15px;
	float:right;
	text-align:right;
	padding-right:22px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.un-album-infos-vues{
		background:url(../images/picto-nbr-vues.png) no-repeat left top;
	}
	.un-album-infos-photos{
		background:url(../images/picto-nbr-photos.png) no-repeat right top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.un-album-infos-vues{
		background:url(../images/picto-nbr-vues@2x.png) no-repeat left top;
		background-size:19px 13px;
	}
	.un-album-infos-photos{
		background:url(../images/picto-nbr-photos@2x.png) no-repeat right top;
		background-size:17px 13px;
	}
}
.album-affichage-une-photo{
	margin-top:2%;
	width:220px;
	height:245px;
	font-size:0.9em;
	margin-left:10px;
	display:inline-block;
	vertical-align:top;
}
.album-affichage-boite-album-liste{
	width:218px;
	height:218px;
	border:1px solid #ccc;
}
.album-affichage-image-album{
	width:210px;
	height:210px;	
	margin-left:4px;
	margin-top:4px;
	text-align:center;
	color:#1197CF;
	font-size:1.8em;
	font-weight:700;
}
.album-affichage-image-album:hover{
	opacity:0.6;
}
.album-affichage-image-album a{
	display:block;
	width:210px;
	height:210px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:contain;
}

.album-une-photo{
	margin-top:2%;
	width:140px;
	height:180px;
	border-bottom:1px solid #eceff1;
	font-size:0.9em;
	float:left;
	margin-left:15px;
}

.album-qui-aime{
	text-align:center;
	padding-top:5px;
	
}
.album-qui-aime-count{
	display:inline-block;
	width:20px;
	height:16px;
	font-size:0.8em;
	vertical-align:bottom;
}
.album-qui-aime-jaime{
	display:inline-block;
	width:30px;
	height:25px;
	vertical-align:top;
}

.album-une-photo-jaime, .album-une-photo-jaimeOk, .album-une-photo-commentaire{
	display:inline-block;
	background:url(../images/picto-jaime-pasencore-forum.png) no-repeat left top;
	padding-left:25px;
	height:20px;
	margin-top:8px;
	padding-top:5px;
}
.album-une-photo-jaime:hover, .album-une-photo-jaimeOk{
	background:url(../images/picto-jaime-forum.png) no-repeat left top;
}
.album-une-photo-commentaire{
	margin-left:10px;
	background:url(../images/picto-commentaire-photo.png) no-repeat left 3px;
}
.image-album{
	width:130px;
	height:130px;	
	margin-left:4px;
	margin-top:4px;
	text-align:center;
	color:#1197CF;
	font-size:1.8em;
	font-weight:700;
}
.image-album:hover{
	opacity:0.6;
}
.image-album a{
	display:block;
	width:130px;
	height:130px;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:contain;
}

.album-une-photo-img a:hover{
	opacity:0.6;
}
.bandeau-bas{
	margin-top:4%;
	height:34px;
	border-top:1px solid #19bc9c;
	border-bottom:1px solid #19bc9c;
	padding-top:6px;
}

.album-alerte-first{
	width:30%;
	height:50px;	
	float:left;	
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.album-alerte-first{
		background:url(../images/picto-moins-18.png) no-repeat right center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.album-alerte-first{
		background:url(../images/picto-moins-18@2x.png) no-repeat right center;
		background-size: 46px 46px;
	}
}
.album-alerte{
	width:45%;
	float:left;
	margin-left:15px;
	line-height:1.4em;
	border:1px solid #546e7a;
	border-radius:5px;
	text-align:left;
	padding:6px 3px 6px 6px;
	color:#546e7a;
	font-size:0.9em;
}

.album-label-vide{
	width:30%;
	height:50px;
	float:left;	
}

.album-info-membre-partie1{
	width:20%;
}
.album-info-membre-partie{
	width:24%;
}
.album-info-membre-partie-der{
	width:26%;
}
.album-info-membre-situation{
	margin-top:10px;
	height:18px;
}
.album-info-membre-ville{
	margin-top:10px;	
	background:url(../images/picto-lieu@2x.png) no-repeat left top;
	background-size:contain;
	height:13px;
	padding-left:23px;
	padding-top:5px;	
}
.album-infos-prive-ok, .album-infos-prive-ko, .album-infos-count{
	background:url(../images/picto-prive-ok@2x.png) no-repeat left top;
	margin-top:10px;
	height:15px;
	padding-left:24px;
	padding-top:3px;
	background-size:contain;
}
.album-infos-prive-ko{
	background:url(../images/picto-prive-ko@2x.png) no-repeat left top;
	background-size:contain;
}
.album-infos-count{
	height:20px;
}
.album-info-membre-contacter{
	margin-top:10px;
	height:16px;
	padding-left:25px;
	padding-top:2px;
}
.album-info-membre-contact-ok{
	margin-top:10px;
	height:20px;
	padding-left:25px;
	padding-top:2px;
}
.album-info-membre-contact-ko{
	height:20px;
	padding-left:25px;
	padding-top:2px;
}
.album-info-membre-contact-attente{
	margin-top:10px;
	height:20px;
	padding-left:25px;
	padding-top:2px;
	opacity:0.6;
}
.album-info-membre-annonce{
	margin-top:10px;
	height:15px;
	padding-left:25px;
	padding-top:3px;
}
.album-info-membre-album{
	margin-top:10px;
	height:15px;
	padding-left:25px;
	padding-top:3px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.album-info-membre-contacter{
		background:url(../images/picto-contact.png) no-repeat left top;
	}
	.album-infos-count{
		height:20px;
		background:url(../images/picto-picture.png) no-repeat left 1px;
		background-size:16px 16px;
	}
	.album-info-membre-contact-ok{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left top;
	}
	.album-info-membre-contact-ko{
		background:url(../images/picto-ajouter-ami.png) no-repeat left top;
	}
	.album-info-membre-contact-attente{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left top;
	}
	.album-info-membre-annonce{
		background:url(../images/picto-admin-annonce.png) no-repeat left top;
	}
	.album-info-membre-album{
		background:url(../images/picto-admin-galerie.png) no-repeat left top;
	}
	.album-retour-selection{
		background:url(../images/picto-retour.png) no-repeat left center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .album-info-membre-contacter{
		background:url(../images/picto-contact@2x.png) no-repeat left top;
		background-size: 18px 14px;
	}
	.album-infos-count{
		height:20px;
		background:url(../images/picto-picture@2x.png) no-repeat left 1px;
		background-size:16px 16px;
	}
	.album-info-membre-contact-ok{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.album-info-membre-contact-ko{
		background:url(../images/picto-ajouter-ami@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.album-info-membre-contact-attente{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.album-info-membre-annonce{
		background:url(../images/picto-admin-annonce@2x.png) no-repeat left top;
		background-size: 17px 17px;
	}
	.album-info-membre-album{
		background:url(../images/picto-admin-galerie@2x.png) no-repeat left top;
		background-size: 20px 15px;
	}
	.album-retour-selection{
		background:url(../images/picto-retour@2x.png) no-repeat left center;
		background-size: 27px 22px;
	}
}

.pas-d-album{
	padding:25px;
	min-height:270px;
	text-align:center;
	font-weight:700;
	font-size:1.1em;
	line-height:1.3em;
	color:#1197CF;
	background:url(../images/pas-d-album-generique.png) no-repeat center 80px;
}
.pas-d-album:hover{
	text-decoration:none;
	color:#3daad7;
}


/* MESSAGERIE ------------------------------------------------------------------------- */

/* rajout page anciens-messages */
.ancien-message-supprimer{
	display:inline-block;
	width:16px;
	height:13px;
	background:url(../images/picto-admin-supprimer.png) no-repeat left top;
	vertical-align:top;
	margin-left:2px;
	margin-top:8px;
	cursor:pointer;
}
.messagerie-message-info, .messagerie-message-retour{
	display:block;
	width:50%;
	height:45px;
	background:url(../images/illustration-message-messagerie.png) no-repeat 60px center;
	padding-left:180px;
	padding-top:25px;
	border:solid 1px #1197CF;
	border-radius:15px;
	margin:0 auto;
	margin-bottom:20px;
	font-size:1.1em;
}
.messagerie-message-retour{
	background:url(../images/illustration-message-messagerie.png) no-repeat 50px center;
	padding-left:170px;
	width:55%;
	padding-top:10px;
	height:60px;
	line-height:1.4em;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.ancien-message-supprimer{
		background:url(../images/picto-admin-supprimer.png) no-repeat left top;
	}
	.messagerie-message-info{
		background:url(../images/illustration-message-messagerie.png) no-repeat 60px center;
	}
	.messagerie-message-retour{
		background:url(../images/illustration-message-messagerie.png) no-repeat 50px center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .ancien-message-supprimer{
		background:url(../images/picto-admin-supprimer@2x.png) no-repeat left top;
		background-size: 13px 13px;
	}
	.messagerie-message-info{
		background:url(../images/illustration-message-messagerie@2x.png) no-repeat 60px center;
		background-size: 80px 59px;
	}
	.messagerie-message-retour{
		background:url(../images/illustration-message-messagerie@2x.png) no-repeat 50px center;
		background-size: 80px 59px;
	}
}
.messagerie-message-info:hover, .messagerie-message-retour:hover{
	color: #64c4ec;
}
.ancienne-conversation{
	min-height:600px;
	max-height:600px;
	overflow:auto;
}

/* fin rajout */

.close-button, .menu-button, .menu-button-tchat-discussion, .close-button-tchat-discussion, .menu-button-tchat, .close-button-secondaire{
	display:none;
}

.aucune-discussion{
	text-align:center;
	padding-top:20px;
}
.lienContact{
	display:block;
	width:50%;
	margin:0 auto;
	background-color:#1197CF;
	color:#fff;
	font-weight:700;
	padding:5px 25px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:20px;
}
.lienContact:hover{
	background-color:#19bc9c;
	color:#fff;
}
.ajout-contact{
	display:block;
	font-size:0.9em;
	margin-top:8%;
	height:20px;
	background:url(../images/ajouter.png) no-repeat right top;
	background-size:contain;
}
.ajout-contact:hover{
	background:url(../images/ajouter-hover.png) no-repeat right top;
}
.connect-message{
	display:inline-block; 
	vertical-align:top;
	width:5px;
}
.connect-message{
	padding-top:5px;
	width:8px;
	padding-right:3px;
}
.alert-message{	
	display:inline-block; 
	vertical-align:top;
	width:20px;
	padding-top:2px; 
	padding-left:2px;
}
.conversation{
	min-height:300px;
	max-height:300px;
	overflow:auto;
}
.discussions{
	max-height:520px;
	overflow:auto;
	min-height:520px;
}
.listeDiscussionsIndex{
	max-height:1060px;
	overflow:auto;
	min-height:900px;
}
.voir-plus-messages>a{
	display:block;
	height:18px;
	background:url(../images/plus-message.png) no-repeat center top;
	text-align:center;
	color:#19bc9c;
	font-size:0.8em;
	font-weight:700;
	padding-top:10px;
}
.voir-plus-messages>a:hover{
	color:#666666;
	background:url(../images/plus-message-hover.png) no-repeat center top;
}
.conversation-filet{
	width:95%;
	margin:0 auto;
	border-top:1px solid #19bc9c;
	/*margin-top:5%;*/
}
.conversation-un-message{
	margin-left:2%;
	/*margin-top:2%;*/
	width:95%;
}
.conversation-date{
	text-align:center;
	width:30%;
	margin:0 auto;
	background-color:#fff;
	margin-top:-10px;
	font-size:0.9em;
	height:20px;
}
.conversation-un-message-img{
	width:30px;
	height:30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	border:1px solid #c0e5f5;
}
.conversation-un-message-une-reponse{
	width:90%;
	margin-left:15px;
}
.conversation-un-message-une-reponse>p{
	padding-top:10px;
	font-size:0.9em;
	line-height:1.2em;
}
.action-discussion, .action-discussion-lien{
	display:inline-block;
	height:15px;
	color:#1197CF;
	margin-top:20px;
	font-size:0.9em;
	padding-top:13px;
}
.tchat-action-discussion{
	display:inline-block;
	height:15px;
	color:#1197CF;
	font-size:0.9em;
	padding-top:13px;
}
.bannir-discussion{
	padding-left:20px;
	margin-left:10px;
	margin-right:15px;
}
.alerter-discussion{
	padding-left:25px;
	margin-right:15px;
}
.tchat-bannir-discussion{
	padding-left:20px;
}
.tchat-alerter-discussion{
	padding-left:25px;
}
.supprimer-discussion{
	float:right;
	padding-left:25px;
	margin-right:10px;
}
.action-discussion-lien:hover{
	color:#64c4ec;
	text-decoration:none;
}
.ami-discussion{
	text-align:right;
	padding-right:25px;
}
.ami-discussion-ok{
	text-align:right;
	padding-right:25px;
}
.ami-discussion-attente{
	text-align:right;
	padding-right:25px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.bannir-discussion{
		background:url(../images/picto-bannir.png) no-repeat left bottom;
	}
	.alerter-discussion{
		background:url(../images/picto-alerte-couleur.png) no-repeat left bottom;
	}
	.alerter-discussion:hover{
		background:url(../images/picto-alerte-hover.png) no-repeat left bottom;
	}
	.tchat-bannir-discussion{
		background:url(../images/picto-bannir.png) no-repeat left top;
	}
	.tchat-bannir-discussion:hover{
		background:url(../images/picto-bannir-hover.png) no-repeat left top;
	}
	.tchat-alerter-discussion{
		background:url(../images/picto-alerte-couleur.png) no-repeat left top;
	}
	.tchat-alerter-discussion:hover{
		background:url(../images/picto-alerte-hover.png) no-repeat left top;
	}
	.supprimer-discussion{
		background:url(../images/picto-admin-supprimer-photo.png) no-repeat left bottom;
	}
	.supprimer-discussion:hover{
		background:url(../images/picto-admin-supprimer-photo-inactif.png) no-repeat left bottom;
	}
	.ami-discussion{
		background:url(../images/picto-ajouter-ami.png) no-repeat left bottom;
		padding-left:25px;
	}
	.ami-discussion-ok{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left center;
		padding-left:25px;
	}
	.ami-discussion-attente{
		background:url(../images/picto-ajouter-ami-attente.png) no-repeat left center;
		padding-left:25px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .bannir-discussion{
		background:url(../images/picto-bannir@2x.png) no-repeat left bottom;
		background-size: 17px 17px;
	}
	.alerter-discussion{
		background:url(../images/picto-alerte-couleur@2x.png) no-repeat left bottom;
		background-size: 19px 17px;
	}
	.alerter-discussion:hover{
		background:url(../images/picto-alerte-hover@2x.png) no-repeat left bottom;
		background-size: 19px 17px;
	}
	.tchat-bannir-discussion{
		background:url(../images/picto-bannir@2x.png) no-repeat left top;
		background-size: 17px 17px;
	}
	.tchat-bannir-discussion:hover{
		background:url(../images/picto-bannir-hover@2x.png) no-repeat left top;
		background-size: 17px 17px;
	}
	.tchat-alerter-discussion{
		background:url(../images/picto-alerte-couleur@2x.png) no-repeat left top;
		background-size: 19px 17px;
	}
	.tchat-alerter-discussion:hover{
		background:url(../images/picto-alerte-hover@2x.png) no-repeat left top;
		background-size: 19px 17px;
	}
	.supprimer-discussion{
		background:url(../images/picto-admin-supprimer-photo@2x.png) no-repeat left bottom;
		background-size: 13px 13px;
	}
	.supprimer-discussion:hover{
		background:url(../images/picto-admin-supprimer-photo-inactif@2x.png) no-repeat left bottom;
		background-size: 13px 13px;
	}
	.ami-discussion{
		background:url(../images/picto-ajouter-ami@2x.png) no-repeat left bottom;
		background-size: 18px 18px;
		padding-left:25px;
	}
	.ami-discussion-ok{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left center;
		background-size: 18px 18px;
		padding-left:25px;
	}
	.ami-discussion-attente{
		background:url(../images/picto-ajouter-ami-attente@2x.png) no-repeat left center;
		background-size: 18px 18px;
		padding-left:25px;
	}
}

/* @emoticone */
.emoticones-facile{
	float:left;
	margin-left:15px;
	width:50%;
}
.emoticones-affichage{
	float:left;
	margin-left:15px;
	width:60%;
}
.picto-emoticone{
	display:block;
	float:right;
	/*margin-left:55%;*/
}
.emoticone, .emoticone-navigation{
	display:inline-block;
	padding:0 2px 0 2px;
	margin-top:4px;
}
.emovers-supplementaires{
	margin-left:10px;
}
.boite{
	width:84%;
	height:80px;
	min-height:80px;
	max-height:100px;
	overflow:hidden;
}
.boite_navigation{
	width:80%;
	height:36px;
	margin-top:15px;
	background-color:#eceff1;
	padding-left:5px;
}
.emovers-categorie-emovers, .emovers-categorie-emovers-actif{
	display:inline-block;
	width:28px;
	height:36px;
	background:url(../images/emovers/categories/categorie-emovers@2x.png) no-repeat left center;
	background-size: 24px 24px;
}
.emovers-categorie-emovers:hover, .emovers-categorie-emovers-actif{
	background:url(../images/emovers/categories/categorie-emovers-hover@2x.png) no-repeat left center;
	background-size: 24px 24px;
}
.emovers-categorie-evenements, .emovers-categorie-evenements-actif{
	display:inline-block;
	width:28px;
	height:36px;
	background:url(../images/emovers/categories/categorie-evenements@2x.png) no-repeat left center;
	background-size: 24px 24px;
}
.emovers-categorie-evenements:hover, .emovers-categorie-evenements-actif{
	background:url(../images/emovers/categories/categorie-evenements-hover@2x.png) no-repeat left center;
	background-size: 24px 24px;
}
.emovers-categorie-nature, .emovers-categorie-nature-actif{
	display:inline-block;
	width:28px;
	height:36px;
	background:url(../images/emovers/categories/categorie-nature@2x.png) no-repeat left center;
	background-size: 24px 24px;
}
.emovers-categorie-nature:hover, .emovers-categorie-nature-actif{
	background:url(../images/emovers/categories/categorie-nature-hover@2x.png) no-repeat left center;
	background-size: 24px 24px;
}
.emovers-categorie-objets, .emovers-categorie-objets-actif{
	display:inline-block;
	width:28px;
	height:36px;
	background:url(../images/emovers/categories/categorie-objets@2x.png) no-repeat left center;
	background-size: 24px 27px;
}
.emovers-categorie-objets:hover, .emovers-categorie-objets-actif{
	background:url(../images/emovers/categories/categorie-objets-hover@2x.png) no-repeat left center;
	background-size: 24px 27px;
}
.emovers-categorie-symboles, .emovers-categorie-symboles-actif{
	display:inline-block;
	width:28px;
	height:36px;
	background:url(../images/emovers/categories/categorie-symboles@2x.png) no-repeat left center;
	background-size: 24px 21px;
}
.emovers-categorie-symboles:hover, .emovers-categorie-symboles-actif{
	background:url(../images/emovers/categories/categorie-symboles-hover@2x.png) no-repeat left center;
	background-size: 24px 21px;
}


.formulaireSubmitMessage{
	display:block;
	float:right;
	background-color:#1197CF;
	color:#fff;
	width:30%;
	padding:5px;
	text-align:center;
	border-radius:5px;
	border:none;
	cursor:pointer;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	margin-right:4%;
	margin-left:2%;
}
.formulaireSubmitMessage:hover{
	background-color:#19bc9c;
}

.tchat-formulaireSubmitMessage{
	background-color:#1197CF;
	color:#fff;
	padding:5px 10px;
	text-align:center;
	border-radius:5px;
	border:none;
	cursor:pointer;
	margin-right:4.5%;
	margin-left:5px;
	margin-top:0%;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.tchat-formulaireSubmitMessage:hover{
	background-color:#19bc9c;
}
.information-tchat{
	margin-top:15px;
	font-size:0.9em;
	margin-left:25px;
}
.tchat-infos-qui{
	height:15px;
	font-size:0.7em;
	padding-top:5px;
}
/*.tchat-infos-qui img{
	height:19px;
}*/
.tchat-infos-ou{
	height:15px;
	margin-top:10px;
	font-size:0.7em;
	padding-left:33px;
	padding-top:5px;
}

.fancybox-skin {
	border-radius:5px;
	background: #ffffff none repeat scroll 0 0;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.tchat-infos-ou{
		background:url(../images/picto-notification-lieux.png) no-repeat left top;
	}
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../images/picto-fermer.png);
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .tchat-infos-ou{
		background:url(../images/picto-notification-lieux@2x.png) no-repeat left top;
		background-size: 20px 20px;
	}
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../images/picto-fermer@2x.png);
		background-size: 13px 13px;
	}

}
.messagerie-popin-bannir, .messagerie-popin-alerter, .messagerie-popin-supprimer{
	display:none;
	width:450px;
	height:200px;
	padding:10px;
	text-align:center;	
}

.messagerie-popin-bannir>div, .messagerie-popin-alerter>div, .messagerie-popin-supprimer>div{
	margin-top:25px;
	line-height:1.2em;
}
.messagerie-popin-annuler{
	display:inline-block;
	padding:5px 10px;
	background-color:#fff;
	color:#1097cf;
	border:1px solid #1097cf;
	border-radius:5px;
	margin-right:35px;
	margin-top:50px;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.messagerie-popin-annuler:hover{
	color:#fff;
	background-color:#1097cf;
}
.messagerie-popin-valider{
	display:inline-block;

	padding:5px 10px;
	background-color:#1097cf;
	color:#fff;
	border:1px solid #1097cf;
	border-radius:5px;
	margin-top:50px;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.messagerie-popin-valider:hover{
	color:#fff;
	background-color:#19bc9c;
	border:1px solid #19bc9c;
}

.messagerie-membre-supprime{
	text-align:center;
	width:100%;
	height:100px;
	margin-top:2%;
}
.messagerie-membre-supprime-text{
	padding-top:15px;
}
.fleche-discussion{
	width: 20px;
	height: 20px;
	position:absolute;
	margin-top:80px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.fleche-discussion{
		background:url(../images/flecheDiscussion.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .fleche-discussion{
		background:url(../images/flecheDiscussion@2x.png) no-repeat left top;
		background-size: 20px 20px;
	}
}

/* PAGES GENERALES ------------------------------------------------------------------------- */

article{
	padding:1%;
	line-height:1.2em;
}
article>h2{
	text-transform:uppercase;
	font-weight:bold;
	color:#19bc9c;
	margin-top:1%;
	margin-left:0;
}
article>h3{
	color:#1197cf;
	font-size:1em;
	margin-top:5px;
}
article>ul{
	padding:0% 1%;
	font-size:1em;
	margin-top:0;
}
article>ul>li{
	width:95%;
	padding-left:25px;
	display:inline-block;
	margin-top:1%;
	font-size:1em;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	article>ul>li{
		background:url(../images/puce-forum.png) no-repeat left 4px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 article>ul>li{
		background:url(../images/puce-forum@2x.png) no-repeat left 4px;
		background-size: 12px 11px;
	}
}
article>p{
	margin-top:5px;
	text-align:justify;
}

/* TCHAT ---------------------------------------------------------------------------------- */

.tchat-message-accueil{
	text-align:center;
	width:100%;
	height:105px;
	margin-top:2%;
}
.tchat-infos-membres{
	height:105px;
	margin-top:2%;
}
.tchat-texte-accueil{
	padding-top:10px;
	line-height:0.8em;
}
.central-tchat{
	width:34%; 
	float:left; 
	font-size:0.9em; 
	margin-left:1%; 
	margin-top:2%;
}
.left-tchat{
	width:29%;
	float:left;
}
.contact-demande, .albums-contact-lien-tchat, .annonces-contact-lien-tchat{
	display:block; 
	width:100%; 
	padding-left:25px;
	height:20px;
	color:#1197CF;
	font-size:0.9em;
	padding-top:2px;
}
.tchat-info-moderateur{
	font-size:0.7em;
	margin-top:5px;
	color:#ff0000;
}
.annonces-contact-lien-tchat, .albums-contact-lien-tchat{ 
	height:18px;
	padding-top:3px;
	font-size:1em;
}
.albums-contact-lien-tchat{ 
	margin-top:5px;
	height:15px;
}
.demande:hover, .albums-contact-lien-tchat:hover, .annonces-contact-lien-tchat:hover{
	color:#64c4ec;
	text-decoration:none;
}
.attente{
	opacity:0.5;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.demande{
		background:url(../images/picto-ajouter-ami.png) no-repeat left top;
	}
	.annonces-contact-lien-tchat, .albums-contact-lien-tchat{ 
		background:url(../images/picto-admin-annonce.png) no-repeat left 4px;
	}
	.albums-contact-lien-tchat{ 
		background:url(../images/picto-admin-galerie.png) no-repeat left 4px;
	}
	.attente{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left top;
	}
	.en-contact{
		background:url(../images/picto-ajouter-ami-ok.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .demande{
		background:url(../images/picto-ajouter-ami@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.annonces-contact-lien-tchat, .albums-contact-lien-tchat{ 
		background:url(../images/picto-admin-annonce@2x.png) no-repeat left 4px;
		background-size: 17px 17px;
	}
	.albums-contact-lien-tchat{ 
		background:url(../images/picto-admin-galerie@2x.png) no-repeat left 4px;
		background-size: 20px 15px;
	}
	.attente{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
	.en-contact{
		background:url(../images/picto-ajouter-ami-ok@2x.png) no-repeat left top;
		background-size: 18px 18px;
	}
}
.demarrer-tchat{
	display:block;
	float:left; 
	padding:5px 10px; 
	background-color:#1197CF; 
	color:#fff; 
	text-align:center; 
	border-radius:5px; 
	line-height:1.2em; 
	margin-top:1%;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.demarrer-tchat:hover{
	color:#fff;
	background-color:#19bc9c;
	text-decoration:none;
}
.tchat-boite{
	width:68%;
	float:left;
	margin-left:2%;
	border-right:1px solid #19bc9c;
}
.tchat-boite-titre{
	color:#1197CF;
	font-weight:700;
	width:98%;
	height:40px;
	background:url(../images/separationPointilleeInversee.png) no-repeat left bottom;
}
.conversation-tchat{
	margin-top:2%;
	height:200px;
	max-height:300px;
	overflow:auto;
}
.conversation-tchat-un-message{
	margin-left:2%;
	width:99%;
}
.conversation-tchat-un-message-une-reponse{
	width:90%;
	margin-left:5px;
}
.conversation-tchat-un-message-une-reponse>p{
	padding-top:10px;
	font-size:0.9em;
}

.tchat-contact-boite{
	width:28%;
	margin-left:1%;
	float:left;
}
.tchat-boite-liste{
	max-height:500px;
	overflow:hidden;
}
.tchat-liste-contact{
	margin-top:4%;
	font-size:0.8em;
}
.tchat-liste-contactLi, .tchat-liste-contactLi-actif{
	/*width:95%;*/
	height:26px;
	margin :0 auto;
	border-radius:20px;
	padding:3px;
}
.tchat-liste-contactLi:hover, .tchat-liste-contactLi-actif{
	background-color:#ECEFF1 ;
	cursor:pointer;
}
.tchat-change-conversation{
	display:block;
	float:left;
	width:80%;
}
.tchat-contact-statut{
	float:left;
	width:18px;
	height:26px;
}
.tchat-contact-pseudo{
	float:left;
	padding-right:2px;
	padding-left:2px;
	padding-top:7px;
	font-size:0.9em;
}
.tchat-contact-webcam{
	float:left;
	padding-right:2px;
	padding-left:2px;
	padding-top:4px;
}
.tchat-contact-alerte{
	float:left;
	width:10px;
	padding-top:7px;
}
.tchat-contact-supprimer{
	float:right;
	padding-top:6px;
}
.tchat-formulaireTextareaMessage{
	/*min-height:100px;*/
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size:0.9em;
	padding:5px;
	width:90%;
	margin-left:2%;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Formulaires "général" */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.form{
	font-size:0.9em;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.contactez-nous{
		background:url(../images/enveloppe.png) no-repeat 30px top;
		padding-left:80px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .contactez-nous{
		background:url(../images/enveloppe@2x.png) no-repeat 30px top;
		padding-left:80px;
		background-size: 107px 120px;
	}
}
.formulaireLigne{
	clear:both;
	margin-top:2%;
}
.formulaireLigne4{
	clear:both;
	margin-top:4%;
}
.formulaire-ligneInfo{
	font-size:0.8em;
	margin-top:2%;
	margin-left:33%;
}
.formulaireLabel, .formulaireLabelErreur, .formulaireLabelReponse, .formulaireLabelReponseErreur, .formulaireLabelVide, .formulaireLabelAjoutForum, .formulaireLabelAjoutForumErreur{
	width:30%;
	text-align:right;
	padding-right:10px;
	color:#1197CF;
	display:inline-block;
}

.formulaireLabelVide{
	width:29.3%;
}
.formulaireLabelReponse, .formulaireLabelReponseErreur{
	width:11%;	
}
.inscription-picto{
	display:block; 
	width:20px; 
	height:20px; 
	float:left; 
	margin-top:-3px;
}
.inscription-picto2{
	display:inline-block; 
	width:20px; 
	height:14px;  
	margin-top:-3px;
}

.femme-input{
	background:url(../images/femme.png) no-repeat 10px center;
	background-size:8%;
}
.homme-input{
	background:url(../images/homme.png) no-repeat 10px center;
	background-size:8%;
}

.inscription-boite-alerte{
	position:absolute; 
	font-size:0.7em; 
	margin-left:500px; 
	margin-top:-25px; 
	width:130px;
	height:25px;
	vertical-align:middle;
}
.inscription-boite-alerte-admin{
	margin-left:700px; 
	width:200px;
	height:30px;
}
.inscription-alerte-picto{
	display:inline-block;
	width:25px;
}
.inscription-alerte-texte{
	display:inline-block;
	width:130px;	
}
.ui-datepicker-append{
	margin-left:5px;
	font-size:0.8em;
}
span.ui-datepicker-year{
	display:none;
}
.top{
	vertical-align:top;
}
.formulaireLabelErreur, .formulaireLabelReponseErreur{
	color:#ff0000;
}
.haut{
	vertical-align:top;
}
.formulaireInput, .formulaireSelect, .formulaireSelectAnnonce, .formulaireSelect-FiltreRW, .formulaireInputDateNaissance, .formulaireInputDateNaissanceAdmin, .formulaireInputDateAnniv, .formulaireInputConnect{
	width:40%;
	height:25px;
	border:1px solid #b0bec5;
	border-radius:5px;
	background-color:#ffffff;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
}
.formulaireInputConnect{
	width:50%;
}
.formulaireInputCB{
	width:30%;
}
.formulaireInputCBDate{
	width:5%;
}
.formulaireInputDateNaissance{
	padding-left:30px;
	width:36.2%;
}
.formulaireInputDateNaissanceAdmin{
	padding-left:30px;
	width:37.4%;
}
.formulaireInputDateAnniv{
	margin-left:10px;
	padding-left:5px;
	width:70%;
}
.formulaireSelect{
	height:30px;
	width:41%;
}
.formulaireSelectAnnonce{
	height:30px;
	width:50%;
	margin-top:5px; 
	margin-left:20px;
}
.formulaireInputReponse{
	width:80%;
	height:25px;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
	border:none;
	background-color:#f7fcfe;
}
.formulaireTextarea, .formulaireTextareaReponse, .formulaireTextareaMessage, .formulaireTextareaMessage-modif, .formulaireTextareaAjoutForum{
	width:50%;
	height:150px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size:0.9em;
	padding:5px;
}
.formulaireTextareaPetit{
	height:50px;
	width:40%;
}
.formulaireTextareaReponse{
	font-size:1em;
	width:80%;
}
.formulaireTextareaMessage{
	width:92%;
	margin-left:2%;
	height:auto;
}
.formulaireTextareaMessage-modif{
	width:92%;
	margin-left:2%;
	border:1px solid #ff7800;
	height:auto;
}
.formulaireReponse{
	display:inline-block; 
	width:41%;
}

input[type="submit"]{
	font-family: 'Maven Pro', Arial, sans-serif;
}

.formulaireSubmit, .formulaireSubmitInscription, .formulaireSubmitAbonnement, .formulaireSubmit2, .formulaireSubmit2bis, .formulaireSubmitMonCompteModif, .formulaireSubmitAlbum, .formulaireSubmitAnnuler, .formulaireSubmitConnect, .formulaireSubmitProfil, .formulaireConnecter, .formulaireSubmitAnnulerForum, .formulaireSubmitAnnulerAvis, .formulaireSubmitIgnorerAvis{
	display:block;
	background-color:#1197CF;
	color:#fff;
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	border:none;
	cursor:pointer;
	margin-top:2%;
	margin-left:64%;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.formulaireSubmit{
	margin-left:67.4%;
}
.submit-valider-pass{
	margin-left:auto;
	margin-right:auto;
}
.formulaireSubmitValid, .formulaireSubmitValidForum{
	display:inline-block;
	background-color:#1197CF;
	font-family: 'Maven Pro', Arial, sans-serif;
	color:#fff;
	/*font-weight:700;*/
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
	margin-left:2%;
	border:1px solid #1197CF;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.formulaireSubmitValidForum{
	margin-top:0%;
}
.formulaireSubmitConnect{
	display:inline-block;
	margin-left:0;
	margin-right:0;
}
.formulaireSubmitInscription{
	display:inline-block;
	background-color:#fff;
	color:#19bc9c;
	border:1px solid #19bc9c;
	margin-left:0%;
	position: relative;
	z-index: 1;
}
.formulaireSubmit2bis, .formulaireSubmitAnnuler, .formulaireSubmitAnnulerForum, .formulaireSubmitAnnulerAvis, .formulaireSubmitIgnorerAvis{
	display:inline-block;
	background-color:#fff;
	color:#1197CF;
	border:1px solid #1197CF;
	margin-left:55%;
}
.formulaireConnecter{
	display:inline-block;
	background-color:#fff;
	color:#1197CF;
	padding:5px 15px;
	border:1px solid #1197CF;
	margin-left:0;
}
.formulaireConnecter:hover{
	background-color:#19bc9c;
	border:1px solid #19bc9c;
	color:#fff;
}
.formulaireSubmitAnnulerForum{
	margin-left:38px;
	margin-top:0%;
}
.formulaireSubmitAnnuler{
	margin-left:50%;
}
.formulaireSubmitAnnulerAvis{
	margin-left:50%;
}
.formulaireSubmitIgnorerAvis{
	margin-left:44.2%;
}
.formulaireSubmit2, .formulaireSubmitProfil{
	padding:6px 27px;
	margin-left:0%;
	letter-spacing:0.07em;
	display:inline-block;
	margin-top:1%;
}
.formulaireSubmitImage{
	width:12%;
	height: 20px;
	display:inline-block;
	background:url(../images/picto-admin-ok.png) no-repeat center center;
	border:none;
	cursor:pointer;
}
.formulaireSubmitImageSupprimer{
	width:12%;
	display:inline-block;
	background:url(../images/picto-admin-supprimer.png) no-repeat center center;
	border:none;
	cursor:pointer;
}


.formulaireSubmitMonCompte, .formulaireSubmitMonCompte-supprimerPresentation{
	display:block;
	float:left;
	background-color:#1197CF;
	color:#fff;
	height:25px;
	width:100px;
	text-align:center;
	border-radius:5px;
	border:none;
	cursor:pointer;
	margin-top:0;
	font-size:0.9em;
	margin-left:20px;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.formulaireSubmitMonCompte-supprimerPresentation{
	width:230px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:20px;
	margin-left:40.6%;
}

.formulaireSubmitMonCompteModif{
	margin-top:0;
	margin-left:56%;
}
.formulaireSubmitAlbum{
	margin-left:80%;
}
.formulaireSubmit:hover, .formulaireSubmitMonCompteModif:hover, .formulaireSubmitAlbum:hover, .formulaireSubmitInscription:hover, .formulaireSubmit2:hover, .formulaireSubmitConnexion:hover, .formulaireSubmitProfil:hover, .formulaireSubmitMonCompte:hover, .formulaireSubmitMonCompte-supprimerPresentation:hover{
	background-color:#19bc9c;
}
.formulaireSubmit2:hover, .formulaireSubmitInscription:hover, .formulaireSubmitConnexion:hover, .formulaireSubmitMonCompte:hover, .formulaireSubmitMonCompte-supprimerPresentation:hover{
	color:#fff;
}
.formulaireSubmitValid:hover, .formulaireSubmitValid:hover{
	color:#fff;
	background-color:#19bc9c;
	border:1px solid #19bc9c;
}
.formulaireSubmitAbonnement{
	display:block;
	width:50%;
	margin:0 auto;
	margin-top:4%;
}
.formulaireSubmit2bis:hover,.formulaireSubmitAnnuler:hover, .formulaireSubmitAnnulerForum:hover, .formulaireSubmitAnnulerAvis:hover{
	background-color:#19bc9c;
	color:#fff;
	border:1px solid #19bc9c;
}
.formulaireSubmitAbonnement:hover{
	background-color:#19bc9c;
	color:#fff;
}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #ECEFF1  inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #666;
}

.accroche404{
	text-align:center;
	font-size:1.1em;
	min-height:190px;
	background:url(../images/oups.png) no-repeat 5% bottom;
	margin-top:6%;
}
.filtresTchatInscription{
	margin-top:2%;
	text-align:center;
}
.filtresTchatInscription>div{
	display:inline-block;
	margin-left:0%;
}
.filtresSituationInscription{
	width:65%;
	display:inline-block;
}
.filtresSituationInscription>div{
	display:inline-block;
}
.inscriptionH3{
	clear:both;
	color:#19bc9c;
	font-weight:700;
	text-transform:uppercase;
	padding-top:25px;
	margin-left:10px;
}

.labelCurseur{
	display:block;
	font-size:0.8em;
	margin-left:3%;
	width:95%;
	line-height:1.4em;
}
.inputCurseur{
	margin-left:3%;
	background-color:transparent;
	border:0;
	font-weight:700;
	color:#1197CF;
	margin-top:2%;	
}
.inputCurseur[disabled]{
	border:none;
	background-color:transparent;
}
.curseur{
	margin-left:3%;
	width:85%;
	border-radius:10px;
	height:5px;
	background-color:#1197CF;
}
.boutonCurseur, .ui-slider-handle{
	background-color:#fff;
	border:1px solid #1197CF;
	border-radius:1.2em;
	cursor:pointer;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left:0;
}
input[type="checkbox"]{
	border:1px solid #1197CF;
	background-color:transparent;
}

.mon-compte-modif{
	display:inline-block;
	width:20%;
	height:20px;
	padding-left:25px;
	font-size:0.9em;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.mon-compte-modif{
		background:url(../images/picto-forum-modifier.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .mon-compte-modif{
		background:url(../images/picto-forum-modifier@2x.png) no-repeat left top;
		background-size: 19px 19px;
	}
}
.activations{
	width:90%;
	margin:0 auto;
}
.activations-label{
	width:55%;
	text-align:right;
	padding-right:10px;
	color:#1197CF;
	display:block;
	float:left;
	margin-top:5px;
}

/* pagination */

.paginationGenerale{
	width:48%;
	color:#1197CF;
	font-size:0.9em;
	margin-left:5px;
}

.on, .off{
	display:inline-block;
	padding:4px 4px;
	border:1px solid #1197CF;
	background-color:#1197CF;
	color:#fff;
	font-weight:700;
	text-align:center;
	margin-right:4px;		
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.on:first-child{
		background:#1197CF url(../images/page-precedente-pagination-hover.png) no-repeat center center;
		color:transparent;
	}
	.on:first-child:hover{
		background:url(../images/page-precedente-pagination.png) no-repeat center center;
		color:transparent;
	}
	.on:last-child{
		background:#1197CF url(../images/page-suivante-pagination-hover.png) no-repeat center center;
		color:transparent;
	}
	.on:last-child:hover{
		background:url(../images/page-suivante-pagination.png) no-repeat center center;
		color:transparent;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.on:first-child{
		background:#1197CF url(../images/page-precedente-pagination-hover@2x.png) no-repeat center center;
		background-size: 14px 14px;
		color:transparent;
	}
	.on:first-child:hover{
		background:url(../images/page-precedente-pagination@2x.png) no-repeat center center;
		background-size: 14px 14px;
		color:transparent;
	}
	.on:last-child{
		background:#1197CF url(../images/page-suivante-pagination-hover@2x.png) no-repeat center center;
		background-size: 14px 14px;
		color:transparent;
	}
	.on:last-child:hover{
		background:url(../images/page-suivante-pagination@2x.png) no-repeat center center;
		background-size: 14px 14px;
		color:transparent;
	}
}

.paginationGenerale>span{
	display:inline-block;
	padding:4px 4px;
	font-weight:700;
	text-align:center;
	margin-right:4px;
}
.on:hover, .off{
	background-color:#fff;
	color:#1197CF;	
}

.separationCondition{
	height:12px;
	border-bottom:none;
	background:url(../images/separationPointilleeInversee.png) no-repeat left top;
	margin-top:10px;
}
.cdg-illustration{
	width:240px;
	height:190px;
	float:left;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.cdg-participation{
		background:url(../images/cdg-participation.png) no-repeat center center;
	}
	.cdg-compte{
		background:url(../images/cdg-compte.png) no-repeat center center;
	}
	.cdg-album{
		background:url(../images/cdg-albums.png) no-repeat center center;
	}
	.cdg-annonces{
		background:url(../images/cdg-annonces.png) no-repeat center center;
	}
	.cdg-forum{
		background:url(../images/cdg-forum.png) no-repeat center center;
	}
	.cdg-messagerie{
		background:url(../images/cdg-messagerie.png) no-repeat center center;
	}
	.cdg-video{
		background:url(../images/cdg-video.png) no-repeat center center;
	}
	.cdg-perso{
		background:url(../images/cdg-perso.png) no-repeat center center;
	}
	.cdg-lieu{
		background:url(../images/cdg-lieu.png) no-repeat center center;
	}
	.cdg-avis{
		background:url(../images/cdg-avis.png) no-repeat center center;
	}
	.cdg-obligation{
		background:url(../images/cdg-obligation.png) no-repeat center center;
	}
	.ml-droits{
		background:url(../images/ml-droits.png) no-repeat center center;
	}
	.ml-societe{
		background:url(../images/ml-societe.png) no-repeat center center;
	}
	.cdg-li{
		display:block;
		background:url(../images/puce-forum.png) no-repeat left 5px;
		padding-left:20px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.cdg-participation{
		background:url(../images/cdg-participation@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-compte{
		background:url(../images/cdg-compte@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-album{
		background:url(../images/cdg-albums@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-annonces{
		background:url(../images/cdg-annonces@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-forum{
		background:url(../images/cdg-forum@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-messagerie{
		background:url(../images/cdg-messagerie@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-video{
		background:url(../images/cdg-video@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-lieu{
		background:url(../images/cdg-lieu@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-avis{
		background:url(../images/cdg-avis@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-perso{
		background:url(../images/cdg-perso@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-obligation{
		background:url(../images/cdg-obligation@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.ml-droits{
		background:url(../images/ml-droits@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.ml-societe{
		background:url(../images/ml-societe@2x.png) no-repeat center center;
		background-size: 240px 190px;
	}
	.cdg-li{
		display:block;
		background:url(../images/puce-forum@2x.png) no-repeat left 5px;
		padding-left:20px;
		background-size: 12px 11px;
	}
}
.cdg-p{
	width:72%;
	float:left;
	text-align:justify;
	margin-left:10px;
	margin-top:20px;
}
.cdg-p h3, .cdg-p-cent h3{
	font-size:1em;
}
.cdg-p-cent{
	text-align:justify;
	margin-top:20px;
}

/* @accordeon */

#accordion h3.ui-state-default{
	color:#333333;
	font-size:1.1em;
	border:none;
	border-top:#ECEFF1 2px solid;
}
#accordion h3.ui-state-default div{
	display: inline-block;
	font: normal normal normal 22px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: rotate3d(0,0,1,0deg);
	transform: rotate3d(0,0,1,0deg);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
#accordion h3.ui-state-default div:before {
  	content: "\f106";
}
#accordion h3.ui-state-active{
	color:#1197CF;
	font-size:1.1em;
	border:none;
	border-top:#ECEFF1 2px solid;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	#accordion h3.ui-state-default{
		background:url(../images/fleche-faq.png) no-repeat 5px center;
	}
	#accordion h3.ui-state-active{
		background:url(../images/fleche-faq-active.png) no-repeat 5px center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 #accordion h3.ui-state-default{
		background:url(../images/fleche-faq@2x.png) no-repeat 5px center;
		background-size: 17px 17px;
	}
	#accordion h3.ui-state-active{
		background:url(../images/fleche-faq-active@2x.png) no-repeat 5px center;
		background-size: 17px 17px;
	}
}
#accordion h3.ui-state-active div{
	display: inline-block;
	font: normal normal normal 22px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: rotate3d(0,0,1,360deg);
	transform: rotate3d(0,0,1,360deg);
}
#accordion h3.ui-state-active div:before {
  content: "\f107";
}
.accordeon-fleche{
	float:right;
	margin-right:5px;
}
#accordion span.ui-icon{
	background-image:none;
}
#accordion h3.ui-state-hover{
	background-color:#ECEFF1;
	border:none;
	border-top:#ECEFF1 2px solid;
}
:focus{
	outline:none;
}
#accordion div.ui-widget-content{
	border:none;
	color:#666666;
	font-size:0.9em;
}
.ui-widget-content a.lienBleu {
	color:#1197CF;
}
.ui-widget-content a.lienBleu:hover {
	color:#64c4ec;
}
.faq-filet{
	border-radius:0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* @Admin */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.sectionAdmin{
	background-color:#fff;
}

.navAdminInfo{
	text-align:center;
	height:34px;
	border-bottom:1px solid #19bc9c;
	padding-top:6px;
	font-weight:bold;
}

.navAdminInfo>a, .navAdminInfo>span{
	text-align:center;
	display:inline-block;
	vertical-align:middle;
}

/* navigation */
.navAdmin{
	max-width:960px;
	margin: 0 auto;
}
.navAdmin ul{
	margin-top:20px;
	padding:10px;
	text-align:center;
}
.navAdmin ul li{
	display:inline-block;
	margin-right:1%;
}
.boite-menu-admin, .boite-menu-admin-actif{
	display:block;
	height:62px;
	width:61px;
	vertical-align:baseline;
	opacity:0.5;
}
.avalider{
	position:absolute;
	width:57px;
	color:#fff;
	font-weight:700;
	margin-top:42px;
	text-align:right;
}
.picto-admin-annonces{	
	background:url(../images/admin-annonces.png) no-repeat left top;
}
.picto-admin-lieux{	
	background:url(../images/admin-lieux.png) no-repeat left top;
}
.picto-admin-albums{	
	background:url(../images/admin-albums.png) no-repeat left top;
}
.picto-admin-forum{	
	background:url(../images/admin-forum.png) no-repeat left top;
}
.picto-admin-profil{	
	background:url(../images/admin-profil.png) no-repeat left top;
}
.picto-admin-membres{	
	background:url(../images/admin-membres.png) no-repeat left top;
}
.picto-admin-alertes{	
	background:url(../images/admin-alertes.png) no-repeat left top;
}
.picto-admin-contenus{	
	background:url(../images/admin-contenus.png) no-repeat left top;
}
.picto-admin-abonnements{	
	background:url(../images/admin-abonnements.png) no-repeat left top;
}
.picto-admin-credit{	
	background:url(../images/admin-credit.png) no-repeat left top;
}
.picto-admin-newsletters{	
	background:url(../images/admin-newsletters.png) no-repeat left top;
}
.picto-admin-boutique{	
	background:url(../images/admin-boutique.png) no-repeat left top;
}
.picto-admin-appli{	
	background:url(../images/admin-appli.png) no-repeat left top;
}
.picto-admin-parametres{	
	background:url(../images/admin-parametres.png) no-repeat left top;
}
.picto-admin-code-promo{	
	background:url(../images/admin-code-promo.png) no-repeat left top;
}
.boite-menu-admin:hover, .boite-menu-admin-actif{
	opacity:1;
}
.admin-liste-options{
	float:left;
	width:55%;
}
.bandeau-info-admin{
	text-align:center;
	height:70px;
	border-bottom:1px solid #19bc9c;
	padding-top:6px;
	color:#19bc9c;
	font-weight:700;
	line-height:1.4em;
}
.bandeau-info-adminLi{
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	height:70px;
	width:25%;	
}
.bandeau-info-adminLi:first-child{
	width:14%;	
}
.bandeau-info-adminCA{
	width:45%;
}
.panier{
	padding-left:65px;
	background:url(../images/picto-admin-recap-commande.gif) no-repeat left top;
	/*width:25%;*/
	margin-right:10px;
}
.euro{
	padding-left:65px;
	background:url(../images/picto-admin-recap-total.gif) no-repeat left top;
	/*width:20%;*/
	margin-right:10px;
}
.euros{
	padding-left:65px;
	background:url(../images/picto-admin-recap-objectif.gif) no-repeat left top;
	/*width:29%;*/
	margin-left:10px;
}
.bandeau-info-adminIcone{
	width:20px;
	color:#1197CF;
}
.demandes-suppression{
	margin-top:2%;
	margin-left:15px;
	width:90%;
	line-height:1.6em;
	border-collapse:collapse;
	margin-bottom:2%;
}
.demandes-suppression th{
	color:#1197cf;
	border-bottom:1px solid #1197cf;
	font-weight:700;
	text-align:left;
	padding-left:15px;
	line-height:3em;
}
.demandes-suppression td{
	font-size :0.9em;
	padding-left:15px;
}
.adminH1{
	color:#19bc9c;
	margin-top:2%;
	text-transform:uppercase;
}
.selectBandeauAdmin{
	width:30%;
}
.bouton-ajouter{
	display:inline-block;
	height:25px;
	color:#1197CF;
	font-weight:700;
	text-transform:uppercase;
	background:url(../images/ajouter.png) no-repeat right top;
	padding-right:50px;
	font-size:0.9em;
	padding-top:15px;
}
.bouton-ajouter:hover{
	color:#19bc9c;
	background:url(../images/ajouter-hover.png) no-repeat right top;
}
.bouton-ordonner{
	display:inline-block;
	height:25px;
	color:#1197CF;
	font-weight:700;
	text-transform:uppercase;
	font-size:0.9em;
}
.bouton-ordonner:hover{
	color:#19bc9c;
}
.separationTable{
	height:12px;
	border-bottom:none;
	background:url(../images/separationPointilleeInversee.png) no-repeat left top;
}
.separationTableEmovers{
	height:24px;
	background:url(../images/separationPointilleeInversee.png) no-repeat left center;
}
.tableauAdmin{
	width:90%;
	margin-left:2%;
	margin-top:2%;
	text-align:center;
	line-height:1.8em;
}
.tableauAdmin-grand{
	width:100%;
	margin-top:4%;
	text-align:center;
	line-height:1.5em;
}
.tableauAdmin-abo{
	width:90%;
	margin:auto;
	margin-top:2%;
	text-align:center;
	line-height:2em;
}
.tableauAdmin-ligne-petite{
	line-height:0.8em;
}
.tableauAdmin-vignette{
	display:block; 
	width:28px; 
	margin-left:auto; 
	margin-right:auto;
}
.tableauAdmin-ligne-blanche{
	height:4px; 
	background-color:#fff;
}
.tableauAdmin-ligne-verte{
	height:2px; 
	background-color:#19bc9c;
}
.tableauAdmin th, .tableauAdmin-grand th, .tableauAdmin-abo th{
	font-weight:700;
}
.taille10{
	width:10%;
}
.taille15{
	width:15%;
}
.taille20{
	width:20%;
}
.taille40{
	width:40%;
}
.taille60{
	width:60%;
}
.taille70{
	width:70%;
}
.tableauAdmin td, .tableauAdmin-grand td, .tableauAdmin-abo td{
	border-right:1px solid #19bc9c;
}
.action{
	padding:0 5px;	
}
.tableauAdmin td.sans, .tableauAdmin-grand td.sans, .tableauAdmin-abo td.sans{
	border-right:1px solid #fff;
}
.formulaireLabelAsideAdmin, .formulaireLabelAsideAdminErreur{
	color:#19bc9c;
	font-weight:700;
	text-transform:uppercase;
	font-size:0.9em;
	padding-top:15px;
	margin-left:5px;
	display:block;
}
.formulaireLabelAsideAdminErreur{
	color:#FF0004;
}
.formulaireInputAsideAdmin{
	width:90%;
	height:25px;
	margin :0 auto;
	margin-top:4%;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:block;
}
.formulaireParcourirAsideAdmin{
	width:90%;
	height:25px;
	margin :0 auto;
	margin-top:4%;
	border:none;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:block;
}
.formulaireTextareaAside{
	width:90%;
	min-height:150px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size:0.8em;
	padding:5px;
	margin :0 auto;
	margin-top:4%;
	display:block;
}
.formulaireSelectAsideAdmin{
	width:92%;
	height:29px;
	margin :0 auto;
	margin-top:4%;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-size:0.8em;
	/*padding-left:5px;*/
	display:block;
}
.checkboxRecherche{
	margin-left:10px;
}

.formulaireLabelDateAnniv{
	width:15%;
	display:inline-block;
	margin-left:10px;
}
.lienAnniversaire{
	display:inline-block;
	width:60%;
	padding-top:20px;
	margin-left:10px;
}
.visuelAnniversaire{
	margin-top:6%;
	height:45px;
}
.checkboxRechercheAnniversaire{
	margin-left:70px;
	margin-top:30px;
}
.resultat-anniversaire{
	border-bottom:solid 1px #1197CF;
	height:40px;
	color:#1197CF;
	font-size:1.4em;
	padding-top:20px;
	font-weight:700;
	padding-left:90px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.visuelAnniversaire{
		background:url(../images/gateau.png) no-repeat 10px center;
	}
	.resultat-anniversaire{
		background:url(../images/gateau.png) no-repeat 30px center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.visuelAnniversaire{
		background:url(../images/gateau@2x.png) no-repeat 10px center;
		background-size:41px 43px;
	}
	.resultat-anniversaire{
		background:url(../images/gateau@2x.png) no-repeat 30px center;
		background-size:41px 43px;
	}

}
.plusInfo30Admin{
	margin-top:15%;
	height:28px;
}
.formulaireSubmitAsideAdmin{
	width:100%;
	border:none;
	cursor:pointer;
	font-family: 'Maven Pro', Arial, sans-serif;
	text-align:right;
	background-color:transparent;
	padding-right:40px;
	padding-top:3px;
	color:#546e7a;
	font-weight:700;
	font-size:1.1em;
}
.formulaireSubmitAsideAdmin:hover{
	color:#19bc9c;
}
.sansdiese{
	font-size:0.8em;
	text-transform:none;
	color:#666666;
}
.admin-annonce-formulaireInput{
	width:80%;
	height:25px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	padding-left:5px;
	display:inline-block;
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size:0.9em;
	margin-left:0;
}
.admin-annonce-titre{
	color:#1197CF;
	font-weight:700;
	font-size:1.4em;
}
.admin-annonce-formulaireTextarea, .admin-annonce-formulaireTextarea-modif{
	width:80%;
	min-height:150px;
	border:2px solid #1197CF;
	border-radius:5px;
	color:#666666;
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size:1em;
	padding:5px;
}
.admin-annonce-formulaireInput[disabled], textarea[disabled], select[disabled]{
	background-color:#fff;
	/*border:1px solid #ccc;*/
}
.admin-annonce-formulaireTextarea-modif, .admin-annonce-formulaireTextarea-modif[disabled]{
	border:2px solid #ff7800;
}
.admin-annonce-formulaireSelect{
	width:81%;
	height:27px;
	border:1px solid #b0bec5;
	border-radius:4px;
	color:#666666;
	padding-left:5px;
}

.bandeau-admin-info-annonce{
	height:60px;
	padding-top:10px;
	/*border-top:1px solid #19bc9c;*/
	border-bottom:1px solid #19bc9c;
	color:#19bc9c;
	font-weight:700;
}
.admin-menu-annonce{
	float:left;
	width:30%;
	margin-left:2%;	
}
.admin-menu-annonce-statut{
	float:left;
	width:23%;
}
.admin-categorie-annonce-label, .admin-categorie-annonce-label-first{
	width:35%;
	padding-top:20px;
	font-size:0.9em;
}
.admin-categorie-annonce{
	display:inline-block;
	width:58px;
	height:25px;
	font-weight:700;
	color:#19bc9c;
	text-align:right;
	padding-top:32px;
}
.admin-statut-annonce, .admin-statut-annonceActif{
	display:inline-block;
	width:20px;
	height:25px;
	text-align:center;
	padding-top:20px;
	margin-right:10px;
	opacity:0.3;
}
.admin-statut-annonceActif, .admin-statut-annonce:hover{
	opacity:1;
}
.admin-categorie-annonce:hover{
	color:#19bc9c;
}
.payante{
	background:url(../images/picto-admin-payante-hover.png) no-repeat left top;
}
.payante:hover, .payanteActif{
	background:url(../images/picto-admin-payante.png) no-repeat left top;
}
.gratuite{
	background:url(../images/picto-admin-gratuite-hover.png) no-repeat left top;
}
.gratuite:hover, .gratuiteActif{
	background:url(../images/picto-admin-gratuite.png) no-repeat left top;
}

.admin-lieux-statut-boite{
    float: left;
    width: 25%;
}
.admin-lieux-recherche{
    width: 74%;
    height: 50px;
    float: left;
    padding-top:8px;
}
.admin-lieux-statut-label{
	width:25%;
	padding-top:20px;
	font-size:0.9em;
	float:left;
}
.admin-lieux-statut, .admin-lieux-statutActif{
	display:inline-block;
	vertical-align:top;
	width:50px;
	height:25px;
	text-align:center;
	padding-top:20px;
	opacity:0.3;
}
.admin-lieux-statutActif, .admin-lieux-statut:hover{
	opacity:1;
}
.admin-lieux-statut-count{
	font-size:0.8em;
	color:#e91e63;
}
.admin-lieux-checkbox{
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.4em;
}
.admin-lieux-formulaireInput{
	width:80%;
	height:25px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	padding-left:5px;
	display:inline-block;
	font-family: 'Maven Pro', Arial, sans-serif;
	margin-left:0;
}
.admin-lieux-liste-options{
	float:left;
	width:90%;
}

.admin-lieux-formulaireTextarea, .admin-lieux-adresse-formulaireTextarea{
	width:79%;
	min-height:150px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size:1em;
	padding:5px;
}
.admin-lieux-adresse-formulaireTextarea{
	min-height:80px;
}
.admin-lieux-formulaireSelect{
	width:81%;
	height:27px;
	border:1px solid #b0bec5;
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size:1em;
	border-radius:4px;
	color:#666666;
	padding-left:5px;
}

.formulaireAdminRecherche{
	width:40%;
	height:50px;
	float:left;
	padding-top:8px;
}
.admin-une-annonce{
	margin-top:2%;
	border-top:2px solid #1197CF;
	border-bottom:2px solid #1197CF;
	padding:1%;
	/*background-color:#F7FCFE;*/
}
.admin-info-membre-action{
	border-bottom:1px solid #19bc9c;
	min-height:40px;
}
.admin-info-membre-action-pseudo{
	min-width:15%;
	padding-top:9px;
}
.admin-info-membre-action-connect{
	width:20px;
	padding-top:2px;
}
.admin-info-membre-action-contact, .admin-info-membre-action-contact-ko{
	width:29%;
	margin-left:3%;
	padding-top:7px;
	display:block;
	height:18px;
	padding-left:25px;
	cursor:pointer;
	color:#1197CF;
}
.admin-info-membre-action-contact-ko{
	color:#ff7800;
}
.info-membre-action-contact>a{
	display:block;
	height:18px;
	padding-left:25px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;    /* Opera < 10 */
	text-overflow: ellipsis;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.admin-info-membre-action-contact, .admin-info-membre-action-contact-ko{
		background:url(../images/picto-adresse.png) no-repeat left 10px;
	}
	.membre-mail{
		background:url(../images/picto-adresse.png) no-repeat left top;
	}
	.contact-amis{
		background:url(../images/picto-adresse.png) no-repeat left top;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	.admin-info-membre-action-contact, .admin-info-membre-action-contact-ko{
		background:url(../images/picto-adresse@2x.png) no-repeat left 10px;
		background-size: 17px 13px;
	}
	.membre-mail{
		background:url(../images/picto-adresse.png) no-repeat left top;
		background-size: 17px 13px;
	}
	.contact-amis{
		background:url(../images/picto-adresse@2x.png) no-repeat left top;
		background-size: 17px 13px;
	}
}
.admin-info-membre-action-actions{
	width:45%;
	text-align:right;
	margin-right:15px;
	float:right;
}
.admin-info-membre-action-actions>a{
	width:12%;
	display:inline-block;
}
.admin-info-membre-commentaire{
	margin-top:2%;
	border-bottom:1px solid #19bc9c;
	height:60px;
}
.admin-info-membre-commentaire-depot{
	width:60%;
	height:40px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-size:0.8em;
	padding:5px;
	float:left;
}
.admin-formulaireSubmit-commentaire-depot{
	background-color:#19bc9c;
	color:#fff;
	/*font-weight:700;*/
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	border:none;
	cursor:pointer;
	margin-top:2%;
	margin-left:8%;
	float:left;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}

.affichage-popin-admin{
	position:absolute; 
	display:none;
}
.fleche-bulle-admin{
	width: 0;
	height: 0;
	position:absolute;
	margin-top:0px;
	margin-left:173px;
	border-style: solid;
	border-width: 0px 20px 20px 20px;
	border-color: transparent transparent #1096cf transparent;
}
.popin-admin{
	margin-top:20px;
	margin-left:50px;
	position:absolute;
	width:170px;
	height:170px;
	z-index:5000;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	-webkit-box-shadow: 3px 3px 6px 1px #999999;
	box-shadow: 3px 3px 6px 1px #999999;
	background-color:#fff;
	text-align:left;
	padding-top:20px;
}
.popin-annuler-admin{
	display:block;
	padding:5px 10px;
	text-align:center;
	background-color:#fff;
	color:#1097cf;
	border:1px solid #1097cf;
	border-radius:5px;
	font-weight:700;
	margin-top:6%;
}

.admin-info-membre{
	margin-top:2%;
	font-size:0.9em;
}
.partieA{
	width:25%;
	float:left;
}
.partieB{
	width:25%;
	float:left;
}
.partieC{
	width:20%;
	float:left;
	font-size:0.9em;
}
.partieD{
	width:10%;
	float:left;
	font-size:0.9em;
}
.partieE{
	width:17%;
	float:left;
	font-size:0.9em;
	margin-left:2%;
}

.partieA-infos{
}
.partieA-infos-qui{
	float:left;
	margin-left:10px;
}
.partieA-infos-situation{
	font-weight:700;
	background-position:left center;
	padding-left:30px;
}
.partieA-infos-id{
	margin-top:10px;
	font-size:0.95em;
}
.partieA-infos-ou{
	height:15px;
	margin-top:10px;
	background:url(../images/picto-lieu.png) no-repeat left top;
	background-size:contain;
	padding-left : 15px;
	font-size:0.7em;
}
.partieA-infos-contacter{
	display:block;
	height:11px;
	margin-top:10px;
	padding-left : 17px;
	font-size:0.7em;
	padding-top:4px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.partieA-infos-contacter{
		background:url(../images/picto-contact.png) no-repeat left 3px;
		background-size:13px 10px;
	}
	.partieA-connexions-appli-ok{
		background:url(../images/picto-appli-ok.png) no-repeat left bottom;
	}
	.partieA-connexions-appli-ko{
		background:url(../images/picto-appli-ko.png) no-repeat left bottom;
	}
	.partieA-connexions-tchat-ok{
		background:url(../images/picto-notification-tchat-profil-ok.png) no-repeat left bottom;
	}
	.partieA-connexions-tchat-ko{
		background:url(../images/picto-notification-tchat-profil-ko.png) no-repeat left bottom;
	}
	.partieA-connexions-news>a{
		background:url(../images/picto-newsletter.png) no-repeat left bottom;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.partieA-infos-contacter{
		background:url(../images/picto-contact@2x.png) no-repeat left 3px;
		background-size:13px 10px;
	}
	.partieA-connexions-appli-ok{
		background:url(../images/picto-appli-ok@2x.png) no-repeat left bottom;
		background-size:16px 26px;
	}
	.partieA-connexions-appli-ko{
		background:url(../images/picto-appli-ko@2x.png) no-repeat left bottom;
		background-size:16px 26px;
	}
	.partieA-connexions-tchat-ok{
		background:url(../images/picto-notification-tchat-profil-ok@2x.png) no-repeat left bottom;
		background-size:18px 22px;
	}
	.partieA-connexions-tchat-ko{
		background:url(../images/picto-notification-tchat-profil-ko@2x.png) no-repeat left bottom;
		background-size:18px 22px;
	}
	.partieA-connexions-news>a{
		background:url(../images/picto-newsletter@2x.png) no-repeat left bottom;
		background-size:16px 16px;
	}
}
.partieA-connexions{
	clear:both;
	padding-top:2%;
}
.partieA-connexions-appli-ok, .partieA-connexions-appli-ko, .partieA-connexions-tchat-ok, .partieA-connexions-tchat-ko{
	float:left;
	width:25px;
	height:26px;
}
.partieA-connexions-news>a{
	display:block;
	float:left;
	height:14px;
	padding-left:30px;
	font-size:0.8em;
	padding-top:12px;
}

.partieB-dates{
	font-size:0.9em;
	line-height:1.8em;
}
.credit-ko{
	color:#FF0000;
}
.credit-ok{
	color:#19bc9c;
}
.credit-ko:hover, .credit-ok:hover{
	color:#64c4ec;
	text-decoration:none;
}
.vip{
	color:#1197CF;
}
.partieB-pro{
	margin-top:6%;
}
.lieux-actif, .lieux-attente, .lieux-supprimer{
	display:inline-block;
	width:18px;
	height:16px;
	padding-left:14px;
}
.lieux-actif{
	margin-left:15px;
	color:#19bc9c;
	background:url(../images/picto-lieux-actif.png) no-repeat left top;
}
.lieux-attente{
	color:#ff7800;
	background:url(../images/picto-lieux-attente.png) no-repeat left top;
}
.lieux-supprimer{
	color:#ff0000;
	background:url(../images/picto-lieux-suppr.png) no-repeat left top;
}

.partieC-amis, .partieC-vues, .partieC-participations, .partieC-newsletter, .partieC-newsletterKo, .partieD-envoye, .partieD-recu{
	height:20px;
	padding-left:25px;
	padding-top:10px;
}
.partieC-amis{	
	background:url(../images/picto-ajouter-ami-ok.png) no-repeat left center;	
}
.partieC-vues{
	background:url(../images/picto_vu.png) no-repeat left center;
}
.partieC-participations{
	background:url(../images/picto-notification-forum.png) no-repeat left center;
}
.partieC-newsletter{
	background:url(../images/picto-admin-newsletter-abo.png) no-repeat left center;
}
.partieC-newsletterKo{
	background:url(../images/picto-admin-newsletter-aboKo.png) no-repeat left center;
}

.partieD-envoye{
	background:url(../images/picto-mp-envoye.png) no-repeat left center;
}
.partieD-recu{
	background:url(../images/picto-mp-recu.png) no-repeat left center;
}
.partieD-alerte{
	font-size:0.9em;
}
.partieD-alerte-mp, .partieD-alerte-tchat, .partieE-annonce-actif, .partieE-annonce-attente, .partieE-annonce-supprimer, .partieE-galerie-actif, .partieE-galerie-attente, .partieE-galerie-supprimer, .partieE-commande-encours, .partieE-commande-attente, .partieE-commande-terminer{
	display:inline-block;
	width:25px;
	height:15px;
	padding-left:22px;
	padding-top:10px;
	color:#1197CF;
}
.partieD-alerte-mp{
	background:url(../images/picto-alerte.png) no-repeat left bottom;
}
.partieD-alerte-tchat{
	background:url(../images/picto-alerte-tchat.png) no-repeat left bottom;
}
.partieD-alerte-mp:hover, .partieD-alerte-tchat:hover{
	color:#666666;
}

.partieE-annonce-actif, .partieE-annonce-attente, .partieE-annonce-supprimer, .partieE-galerie-actif, .partieE-galerie-attente, .partieE-galerie-supprimer, .partieE-commande-encours, .partieE-commande-attente, .partieE-commande-terminer{
	height:15px;
	padding-left:24px;
	padding-top:15px;
}
.partieE-annonce-actif{
	color:#19bc9c;
	background:url(../images/picto-admin-annonce-actif.png) no-repeat left bottom;
}
.partieE-annonce-attente{
	color:#ff7800;
	background:url(../images/picto-admin-annonce-attente.png) no-repeat left bottom;
}
.partieE-annonce-supprimer{
	color:#ff0000;
	background:url(../images/picto-admin-annonce-suppr.png) no-repeat left bottom;
}
.partieE-galerie-actif{
	color:#19bc9c;
	background:url(../images/picto-admin-galerie-actif.png) no-repeat left bottom;
}
.partieE-galerie-attente{
	color:#ff7800;
	background:url(../images/picto-admin-galerie-attente.png) no-repeat left bottom;
}
.partieE-galerie-supprimer{
	color:#ff0000;
	background:url(../images/picto-admin-galerie-suppr.png) no-repeat left bottom;
}
.partieE-commande-encours{
	color:#19bc9c;
	background:url(../images/picto-admin-commande-encours.png) no-repeat left bottom;
}
.partieE-commande-attente{
	color:#ff7800;
	background:url(../images/picto-admin-commande-attente.png) no-repeat left bottom;
}
.partieE-commande-terminer{
	color:#ff0000;
	background:url(../images/picto-admin-commande-termine.png) no-repeat left bottom;
}

.admin-l-annonce{
	/*margin-top:1%;*/
	border-bottom:1px solid #19bc9c;
	border-top:1px solid #19bc9c;
	min-height:36px;
	background-color:#ECEFF1 ; 
	padding-top:10px;
}
.admin-l-annonce-actions{
	float:right;
	text-align:center;
	width:55%;
}
.admin-l-annonce-actions>span, .admin-l-annonce-actions>span.admin-l-annonce-modifier{
	width:9%;
	display:inline-block;
}
.admin-l-annonce-actions>span.admin-l-annonce-modifier{
	width:9%;
	display:inline-block;
	cursor:pointer;
}
.admin-l-annonce-actions>form{
	display:inline-block;
}
.div-raison-supprimer-membre{
	margin-top:15px;
	border-bottom:1px solid #19bc9c;
	height:36px;
}
.formulaireSelect-adminAnnonce{
	width:50%;
	height:25px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
}
.admin-l-annonce-infos{
	margin-top:10px;
	width:25%;
	float:left;
	font-size:0.8em;
	line-height:1.8em;
}
.admin-l-annonce-l-annonce{
	margin-top:10px;
	width:75%;
	float:left;
	font-size:0.8em;
}
.admin-l-annonce-l-annonce-nbrPhotos{
	margin-top:4%;
	width:20%;
	height:25px;
	font-weight:700;
	color:#19bc9c;
	background:url(../images/fleche-voir-plus.png) no-repeat center bottom;
}
.admin-l-annonce-l-annonce-photos{
	margin-top:2%;
	background-color:#C53537;
}
.admin-l-annonce-l-annonce-une-photo{
	width:180px;
	padding-top:10px;
	float:left;
}
.premiere-img, .premiere-img:hover, .validee, .validee:hover, .a-valider, .a-valider:hover{
	display:inline-block;
	width:140px;
	height:100px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
	background-color:#e9e9e9;
	border:1px solid #F7FCFE;
}
.premiere-img{
	border:1px solid #19bc9c;
}
.validee{
	opacity:0.5;
}
.admin-l-annonce-l-annonce-une-photo>input[checkbox]{
	display:inline-block;
}

.admin-checkbox-presentation{
	margin-left:150px; 
	margin-top:10px;
}
.admin-checkbox-annonce{
	margin-top:10px;
	margin-bottom:10px;
}
.admin-info-clic-modif-presentation{
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	font-style:italic;
}
.admin-info-clic-modif-annonce{
	clear:both;
	margin-top:10px;
	font-style:italic;
	height:10px;
}

/* dépot annonce photo */

.legende-depot-photo{
	font-size:1.2em;
	color:#e91e63;
}

.annonce-depot-photo{
	margin-left:31%;
}
.image_box {
    background-color:#fff;
	border:1px solid #b0bec5;
	border-radius:10px;
    float: left;
    height: 150px;
	overflow:hidden;
    margin: 10px 20px 20px 0;
    width: 160px;
}
.image_box .photo{
    height: 100px;
    margin: 10px 0 0 10px;
    width: 140px;
}

.image_box .button {
    overflow: hidden;
    width: 160px;
}
.photosup_button {
    height: 32px;
    margin: 12px 0 0 0px;
    overflow: hidden;
    width: 160px;
	text-align:center;
}
.image_box .button span {
	margin-top:10px;
    color:#1197CF;
	font-weight:700;	
}

.album_upload_button{
	display:block;
	width:318px;
	color:#fff;
	height:75px;
	padding-top:40px;
	text-align:left;
	padding-left:130px;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
	font-size:1.2em;
	overflow: hidden;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.album_upload_button{
		background:url(../images/bouton_ajout_photo_entier.png) no-repeat left top;
	}
	.image_box .photo{
		background:#1197CF url(../images/picto-depot-photo.png) no-repeat center center;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .album_upload_button{
		background:url(../images/bouton_ajout_photo_entier@2x.png) no-repeat left top;
		background-size: 318px 115px;
	}
	.image_box .photo{
		background:#1197CF url(../images/picto-depot-photo@2x.png) no-repeat center center;
		background-size: 83px 59px;
	}
}

.photosup_input_file_annonce {
    display: block;
    font-size: 150px; /* défini la hauteur du parcourir */
    height: 150px;
    margin-top: -140px;
    opacity: 0;
    width: 150px;
	cursor:pointer;
}
.photosup_input_file {
    display: block;
    font-size: 40px; /* défini la hauteur du parcourir */
    height: 120px;
    margin-top: -120px;
    opacity: 0;
    width: 320px;
	cursor:pointer;
}
.profil_input_file{
    display: block;
    height: 90px;
    opacity: 0;
    width: 90px;
	cursor:pointer;
}
.profil_input_file-hover:hover{
    display: block;
    height: 90px;
    width: 90px;
	opacity: 1;
	background:rgba(255,255,255,0.6) url(../images/picto-admin-modifier@2x.png) no-repeat center center;
	background-size:20px 20px;
	cursor:pointer;
}
.vignette-profil-mon-compte-supprimer{
	position:absolute;
	z-index:200;
	margin-top:3px;
	margin-left:72px;
}
.input_file_style_file{
	opacity:0.0;
	-moz-opacity:0.0;
	-khtml-opacity:0.0;
	filter:alpha(opacity=0);
	height:23px;
}
.input_file_style_new{
	margin-top:-23px;
}
.input_file_style_new img,.input_file_style_new input{
	vertical-align:middle;
}
.input_file_style_new input{
	border:1px solid #cccccc;
	height:16px;
	margin:1px;
	margin-right:2px;
	padding:1px;
}

.admin-album-img-appli{
	padding-top:8px;
	font-size:0.8em;
}

.bandeau-admin-ajout-centre{
	height:50px;
	padding-top:10px;
	border-bottom:1px solid #19bc9c;
	color:#19bc9c;
	font-weight:700;
	text-align:center;
}
.progress, .album-progress {
  width:70%;
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.box-album-ajout{
	width:50%;
	float:left;
}
.album-retour-erreur{
	float:left;
	width:35%;
	height:56px;
	border:1px #FF0004 solid;
	border-radius:5px;
	color:#FF0004;
	padding-top:5px;
	margin-left:10px;
	margin-top:8px;
	font-weight:600;
	padding-right:5px;
	font-size:1.1em;
}
.album-progress {
  width:99%;
  margin-top:20px;
}
.progress-bar {
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #19bc9c;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-bar-success {
  background-color: #19bc9c;
}
.boite-album-photo-ajout{
	width:65%;
}
.boite-album-ajout{
	width:114px;
	height:125px;
	margin-right:8px;
	margin-bottom:5px;
}
.boite-album-ajout-img{
	width:90px;
	height:90px;
	border:1px solid #ccc;
	background-color:#f7fcfe;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:contain;
	cursor:move;
}
.suppr-curseur{
	cursor:default;
}
.drag-and-drop{
	width:14px;
	height:14px;
	margin-left:5px;
	cursor:move;
}
.rotation{
	width:14px;
	height:14px;
	margin-top:2px;
	margin-left:5px;
	cursor:pointer;
}
.boite-album-ajout-img-suppr{
	display:block;
	margin-top:24px;
	margin-left:5px;
}
.marginPlus{
	margin-top:78px;
}

.supprimer-photo{
	display:block;
	width:16px;
	height:13px;
	float:left;
	margin-left:17px;
	margin-top:4px;
}
.blocErreurPhoto{
	width: 126px;
	height: 90px;
	padding:5px;  
	border:2px solid #ff0000;
	background-color:#fde1e1;
	text-align:center;
	color:#ff0000;
	font-size:0.8em;
}

.blocAjoutPhotosSupp{
	display:block;
	clear:both;
	width:90%;
	min-height:120px;
	font-size:1.1em;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
	.blocAjoutPhotosSupp{
		background:url(../images/images-supp2.png) no-repeat left bottom;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
	 .blocAjoutPhotosSupp{
		background:url(../images/images-supp2@2x.png) no-repeat left bottom;
		background-size: 540px 82px;
	}
}
.bouton-plus-photo{
	display:inline-block;
	height:25px;
	color:#1197CF;
	font-weight:700;
	padding-left:40px;
	padding-top:10px;
	font-size:1.1em;
	cursor:pointer;
}
.bouton-plus-photo:hover{
	color:#19bc9c;
}
.separation{
	height:1px;
	background-color:#19bc9c;
}
.separationFiltres{
	height:1px;
	background-color:#eceff1;
}

/* @boutique */

.boutique-content{
	width:70%;
	float:left;
}

.boutique-secondaire{
	margin-left:2%;
	width:28%;
	float:left;
}
.boutique-diaporama{
	max-width:672px;
	margin: 0;
	text-align:center;
}
.boutique-diaporama li{
	display:block;
	background-color:#1197CF;
	width:672px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
}
.boutique-diaporama li:hover{
	cursor:url(../images/pause.png), url(../images/pause.gif), url(../images/pause.cur), default;
}
.boutique-diaporama-accroche{
	position:absolute;
	margin-top:-32%;
	margin-left:50%;
	width:280px;
	color:#fff;
	text-align:left;
}
.boutique-diaporama-accroche-titre{
	font-size:1.2em;
	line-height:1.2em;
	text-transform:uppercase;
	font-weight:700;
}
.boutique-diaporama-accroche-texte{
	margin-top:10px;
	font-size:0.7em;
	line-height:1em;
	width:69%;
}
.boutique-diaporama-accroche-voir{
	width:100px;
	height:22px;
	border-radius:16px;
	background: #e91e63 url(../images/boutique-diaporama-fleche.png) no-repeat 4px center;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:10px;
	font-size:0.65em;
	margin-top:20px;
}
.boutique-diaporama .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
}
.boutique-diaporama .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 12px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
  	.boutique-diaporama .bx-wrapper .bx-prev {
		left: 10px;
		background: url(../images/newControlsSmall.png) no-repeat 0px 0px;
	}
	.boutique-diaporama .bx-wrapper .bx-next {
		right: 10px;
		background: url(../images/newControlsSmall.png) no-repeat -35px 0px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.boutique-diaporama .bx-wrapper .bx-prev {
		left: 10px;
		background: url(../images/newControls@2x.png) no-repeat 0px 0px;
		background-size:70px 70px;
	}
	.boutique-diaporama .bx-wrapper .bx-next {
		right: 10px;
		background: url(../images/newControls@2x.png) no-repeat -35px 0px;
		background-size:70px 70px;
	}
}
.boutique-diaporama .bx-wrapper .bx-prev:hover {
	background-position: 0 -35px;
}
.boutique-diaporama .bx-wrapper .bx-next:hover {
	background-position: -35px -35px;
}
.boutique-diaporama .bx-wrapper .bx-controls-direction a {
	margin-top: -35px;
	width: 35px;
	height: 35px;

}

.boutique-secondaire-panier{
	margin-top:15px;
	font-size:0.9em;
	margin-left:5px;
	width:97%;
}
.boutique-secondaire-panier tr{
	line-height:1.6em;
}
.boutique-secondaire-separation{
	height:1px;
	background-color:#ECEFF1;
}
.boutique-secondaire-margin{
	height:5px;
}
.boutique-liste-produits{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.boutique-liste-un-produit-boite{
    margin-top: 2%;
    width: 150px;
    height: 180px;
    border: 1px solid #eceff1;
    font-size: 0.9em;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
}
.boutique-liste-un-produit-img{
	display:block;
	width:150px;
	height:150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	cursor:url(../images/boutique-loupe-hover.png), auto;
}
.boutique-liste-un-produit-img:hover{
	opacity:0.6;	
}
.boutique-liste-un-produit-infos{
	margin-top:5px;
	margin-left:5px;
	width:140px;
}
.boutique-liste-un-produit-libelle{
	float:left;
	width:58%;
	font-size:0.7em;
	font-weight:700;
	text-align:left;
}
.boutique-liste-un-produit-prix{
	float:right;
	width:40%;
	font-size:1.1em;
	font-weight:700;
	color:#1197cf;
	text-align:right;
}
.boutique-affichage-img{
	display:block;
	float:left;
	width:315px;
	height:315px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
	cursor:url(../images/boutique-loupe.png), auto;
}
.boutique-affichage-infos{
	float:left;
	width:50%;
	margin-left:5px;
}
.boutique-affichage-un-produit-infos{
	margin-top:5px;
}
.boutique-affichage-un-produit-libelle{
	float:left;
	width:58%;
	font-weight:700;
	text-align:left;
}
.boutique-affichage-un-produit-prix{
	float:right;
	width:40%;
	font-size:2.2em;
	font-weight:700;
	color:#1197cf;
	text-align:right;
}
.boutique-affichage-un-produit-descriptif{
	font-size:0.7em;
	margin-top:15px;
	line-height:1.2em;
	letter-spacing:0.05em;
	color:#546E7A;
}
.boutique-affichage-un-produit-reference{
	font-size:0.7em;
	text-align:justify;
	margin-top:15px;
	color:#546E7A;
}
.boutique-affichage-choix{
	margin-top:15px;
	font-size:0.7em;
	color:#333333;
}
.boutique-affichage-choix-label{
	display:inline-block;
	width:50px;
	vertical-align:middle;
}
.boutique-affichage-choix-liste{
	display:inline-block;
	vertical-align:top;
}
.boutique-affichage-taille, .boutique-affichage-taille-actif{
	display:inline-block;
	width:25px;
	height:13px;
	padding-top:2px;
	border:1px solid #ECEFF1;
	text-align:center;
	border-radius:2px;
	margin-left:2px;
}
.boutique-affichage-taille:hover, .boutique-affichage-taille-actif{
	border:1px solid #19BC9C;
}
.boutique-affichage-couleur, .boutique-affichage-couleur-actif{
	display:inline-block;
	width:15px;
	height:15px;
	border:1px solid #ECEFF1;
	border-radius:2px;
	margin-left:2px;
}
.boutique-affichage-couleur:hover, .boutique-affichage-couleur-actif{
	border:1px solid #19BC9C;
}
.boutique-affichage-quantite{
	display:inline-block;
	vertical-align:top;
	width:75px;
	height:15px;
	border:1px solid #ECEFF1;
}
.boutique-affichage-quantite-plus, .boutique-affichage-quantite-moins, .boutique-affichage-quantite-moins-inactif, .boutique-affichage-quantite-moins-inactif{
	display:inline-block;
	width:24px;
	text-align:center;
	padding-top:2px;
}
.boutique-affichage-quantite-moins-inactif, .boutique-affichage-quantite-moins-inactif{
	color:#546E7A;
}
.boutique-affichage-quantite-quantite{
	display:inline-block;
	width:24px;
	text-align:center;
	font-weight:700;
}
.boutique-affichage-livraison{
	display:inline-block;
	vertical-align:middle;
	color:#546E7A;
}
.boutique-fa-circle-en-stock>i{
	font-size:0.8em;
	color:#19BC9C;
}
.boutique-fa-circle-en-reapro>i{
	font-size:0.8em;
	color:#ff8400;
}
.boutique-fa-circle-epuise>i{
	font-size:0.8em;
	color:#f34336;
}
.boutique-affichage-ajouter-panier{
	display:block;
	margin-top:15px;
	background-color:#1197CF;
	color:#fff;
	width:144px;
	height:26px;
	padding-top:8px;
	text-align:center;
	border-radius:5px;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0);
}
.boutique-affichage-ajouter-panier:hover{
	background-color:#19bc9c;
	color:#fff;
}

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


.admin-voir, .admin-voir-photos{
	background:url(../images/jumelles.png) no-repeat center top;
	display:inline-block;
	margin-top:7px;
	width:40px; 
	height:24px;
	margin-left:10px;
}
.admin-voir-photos{
	height:24px;
	background:url(../images/admin-photos.png) no-repeat center top;
}
.admin-voir:hover, .admin-voir-photos:hover{
	opacity:0.6;
}

.sousTitreAdmin{
	width:49%;
}
.sousTitreAdminTexte{
	width:94%;
	height:21px;
	background-color:#19bc9c;
	color:#fff;
	font-weight:700;
	padding-left:30px;
	padding-top:7px;
	text-transform:uppercase;
	font-size:0.9em;
}

/* @admin-newsletter */

.admin-newsletter-section{
	width:100%;
	height:21px;
	background-color:#19bc9c;
	color:#fff;
	font-weight:700;
	padding-left:10px;
	padding-top:7px;
	text-transform:uppercase;
	font-size:0.9em;
}

.admin-formulaireLabelNewsletter{
	width:12%;
	text-align:right;
	padding-right:10px;
	color:#1197CF;
	display:inline-block;
}
.admin-formulaireSubmitNewsletter{
	background-color:#1197CF;
	color:#fff;
	/*font-weight:700;*/
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	border:none;
	cursor:pointer;
	margin-top:2%;
	margin-left:6%;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.admin-formulaireSubmitNewsletter:hover{
	background-color:#19bc9c;
}
.admin-newsletter-listeAselectionner{
	margin-top:20px;
	height:450px;
	overflow:auto;
}

.admin-newsletter-unElement{
	width:95%;
	padding-top:15px;
}
.admin-newsletter-uneAnnonce{
	font-size:0.9em;
}
.admin-newsletter-uneAnnonce-titre{
	color:#1197CF;
	font-weight:700;
	font-size:1.1em;
}
.admin-newsletter-uneAnnonce-situation{
	margin-top:10px;
	font-size:0.9em;
}
.admin-newsletter-uneAnnonce-dates{
	margin-top:5px;
	font-size:0.9em;
}
.admin-newsletter-qui, .admin-newsletter-uneAnnonce-images{
	margin-top:10px;
}
.admin-newsletter-qui{
	font-size:0.9em;
}
.admin-newsletter-img-profil{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #ccc;
}
.admin-newsletter-uneAnnonce-descriptif{
	margin-top:15px;
	line-height:1.1em;
}
.admin-newsletter-uneAnnonce-images>div{
	display:inline-block;
	margin-top:15px;
}
.admin-newsletter-selection{
	display:block;
	width:5%;
	min-height:150px;
	background:url(../images/ajouter.png) no-repeat right center;
}
.admin-newsletter-selection:hover{
	background:url(../images/ajouter-hover.png) no-repeat right center;
}
.admin-newsletter-separation{
	height:1px;
	background-color:#19bc9c;
	margin-top:15px;	
}
.admin-newsletter-unMembre{
	margin-top:15px;
}
.admin-newsletter-unMembre-image{
	width:100px;
	float:left;
}
.admin-newsletter-unMembre-presentation{
	width:85%;
	float:left;
	margin-left:15px;
	line-height:1.1em;
}
.admin-newsletter-sousTitreSelection{
	font-weight:700;
	color:#19bc9c;
	margin-top:15px;
}
.admin-newsletter-uneSelection{
	width:80%;
	float:left;
	margin-left:15px;
	line-height:1.1em;
}
.admin-newsletter-uneSelection-image{
	width:150px;
	float:left;
}


.formulaireSubmit-newsletterValid, .formulaireSubmit-credit{
	background-color:#1197CF;
	color:#fff;
	/*font-weight:700;*/
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	border:none;
	cursor:pointer;
	margin-top:2%;
	margin-left:80%;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.formulaireSubmit-newsletterValid:hover{
	background-color:#19bc9c;
}

.formulaireSubmit-credit{
	margin-left:6%;
}
.formulaireInput-credit, .formulaireSelect-credit{
	width:20%;
	height:25px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
}

.emovers_input_file {
    display: block;
    height: 25px;
    margin-top: -25px;
    opacity: 0;
    width: 250px;
}
.emovers_upload_button{
	display:block;
	width:68%;
	background:#1197CF url(../images/ajouter-annonce.png) no-repeat left center;
	background-size:9%;
	color:#fff;
	font-weight:700;
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	margin-top:2%;
	font-size:1em;
	overflow: hidden;
}
.emovers-vignette{
	display:block;
	float:left;
	width:50px;
	height:40px;
	border:solid 1px #ccc;
	margin-right:15px;
	padding:5px;
	cursor:move;
	margin-top:15px;
}
.emovers-vignette:hover{
	background-color:rgba(0,0,0,0.1);
}

.bloc-membre-alerte{
	width:45%;
}
.grande-fleche{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 50px 10px;
	border-color: transparent transparent transparent #00dca1;
}
.separationPointilleeVerticale{
	width:10px;
	height:165px;
	background:url(../images/separationPointilleeVerticale.png) no-repeat center center;
}
.membre-alerte-annonce-album{
	display:inline-block;
	width:25px;
	height:15px;
	padding-left:24px;
	padding-top:15px;
}
.reponse-alerte{
	width:98%;
	border-left:1px solid #19bc9c;
	font-size:0.9em;
	margin-top:10px;
	padding-left:5px;
	padding-bottom:10px;
}
.reponse-alerte>p{
	margin-top:5px;
	line-height:1.2em;
}

.bon-commande{
	line-height:1.4em;
}
.bon-commande-bouton{
	background-color:#fff;
	color:#1197CF;
	font-weight:700;
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	border:1px solid #1197CF;
	cursor:pointer;
	margin-left:40%;
}
.bon-commande-bouton-imprimer, .bon-commande-bouton-imprimer-facture{
	background-color:#1197CF;
	color:#fff;
	/*font-weight:700;*/
	padding:5px 35px;
	text-align:center;
	border-radius:5px;
	border:1px solid #1197CF;
	cursor:pointer;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), border 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), border 0.3s cubic-bezier(0, 0, 0, 0);
}
.bon-commande-bouton-imprimer-facture{
	margin-left:75%;
}
.bon-commande-bouton:hover, .bon-commande-bouton-imprimer:hover, .bon-commande-bouton-imprimer-facture:hover{
	text-decoration:none;
	border:1px solid #19bc9c;
	background-color:#19bc9c;
	color:#fff;
}
.bon-commande-bouton-imprimer:hover, .bon-commande-bouton-imprimer-facture:hover{
	border:1px solid #19bc9c;
	background-color:#19bc9c;
	color:#fff;
}
.tableauFacture{
	width:96%;
	margin:0 auto;
	margin-top:2%;
	text-align:center;
	line-height:1.8em;
}
.tableauFacture th{
	font-weight:700;
	padding:0 3px;
}
.facture-acheteur{
	margin-left:59%;
	margin-top:2%;
	margin-bottom:2%;
}
.facture-vendeur{
	margin-top:15%;
	text-align:center;
	font-size:0.6em;
	display:none;
}

.ajoutCredit{
	margin-top:4%;
	padding:10px;
	background-color:#F7FCFE;
}
.formulaireSelectCredit{
	width:25%;
	height:25px;
	border:1px solid #b0bec5;
	border-radius:5px;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
}
.formulaireInputCredit, .formulaireInputCreditQuantite{
	width:10%;
	height:23px;
	border:1px solid #b0bec5;
	border-radius:12px;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
	margin-left:15px;
}
.formulaireInputCreditQuantite{
	width:5%;
	margin-left:0px;
}
.checkboxCredit input[type="checkbox"]{
	border:1px solid #1197CF;
}
.panier-vide{
	min-height:40px;
	background:url(../images/panier-vide.png) no-repeat center 20px;
	text-align:center;
	font-size:1.4em;
	padding-top:170px;
}
.profil-supprime{
	min-height:40px;
	background:url(../images/mail-suppression-membre.png) no-repeat center 40px;
	background-size:326px 228px;
	text-align:center;
	font-size:1.4em;
	padding-top:300px;
}
.commencer-achat, .nouvelle-recherche{
	display:block;
	background-color:#1197CF;
	color:#fff;
	font-weight:700;
	width:240px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	border-radius:5px;
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.nouvelle-recherche{
	width:280px;
}
.commencer-achat:hover, .nouvelle-recherche:hover{
	background-color:#19bc9c;
	color:#fff;
}


/* @avis - admin ------------------------------------------------- */

.admin-avis-statut{
    float: left;
    width: 18%;
}
.admin-avis-recherche{
	width:81%;
	height:50px;
	float:left;
	padding-top:8px;
}
.admin-avis-formulaire-label, .admin-avis-formulaire-labelErreur{
	display:inline-block;
	text-transform:uppercase;
	color:#1197CF;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	margin-right:2%;
}
.admin-avis-formulaire-label:last-child{
	margin-left:2%;
}
.admin-avis-formulaire-input{
	width:23%;
	height:25px;
	border:1px solid #b0bec5;
	border-radius:5px;
	background-color:#ffffff;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
}
.admin-avis-un{
	margin-top:2%;
	border-top:2px solid #1197CF;
	border-bottom:2px solid #1197CF;
	padding:1%;
}

/* @centre - admin ------------------------------------------------- */

.admin-centre-liste{
	float:left; 
	width:25px; 
	height:30px; 
}
.admin-centre-liste-pseudo{
	background:url(../images/picto-notification-profil@2x.png) no-repeat 2px center; 
	background-size: 20px 20px;
}
.admin-centre-liste-localisation{
	background:url(../images/picto-lieu@2x.png) no-repeat 2px center; 
	background-size: 15px 20px;
}
.admin-centre-liste-categorie{
	background:url(../images/picto-recherche-categorie@2x.png) no-repeat left center; 
	background-size: 20px 20px;
}
.admin-centre-liste-libelle{
	background:url(../images/picto-adresse-lieu@2x.png) no-repeat left center; 
	background-size: 20px 20px;
}
.admin-centre-liste-descriptif{
	background:url(../images/picto-adresse-lieu@2x.png) no-repeat left center; 
	background-size: 20px 20px;
}
.admin-centre-liste-adresse{
	background:url(../images/picto-adresse-lieu@2x.png) no-repeat left center; 
	background-size: 20px 20px;
}
.admin-centre-liste-argument{
	background:url(../images/coeur-plein@2x.png) no-repeat left center; 
	background-size: 20px 20px;
}
.admin-centre-liste-telephone{
	background:url(../images/picto-telephone@2x.png) no-repeat left center; 
	background-size: 20px 20px;
}
.admin-centre-liste-site{
	background:url(../images/picto-admin-site-web@2x.png) no-repeat left center; 
	background-size: 22px 20px;
}
.admin-centre-liste-facebook{
	background:url(../images/picto-admin-facebook@2x.png) no-repeat left center; 
	background-size: 22px 20px;
}
.admin-centre-liste-google-plus{
	background:url(../images/picto-admin-google-plus@2x.png) no-repeat left center; 
	background-size: 22px 20px;
}
.admin-centre-liste-twitter{
	background:url(../images/picto-admin-twitter@2x.png) no-repeat left center; 
	background-size: 22px 20px;
}
.admin-centre-liste-formulaire{
	float:left;
	width:95%;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Lightbox FB */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#bodyLightbox{
	height:auto;
	margin:0px;
}

.ligntbox-img{
	width:68%;
	background-color:#000;
	padding:15px;
	float:left;
}
.lightbox-info{
	width:25%;
	float:left;
	margin-left:1%;
	margin-right:1%;
}
.lightbox-ul{
	margin:0;
	padding:0;
	margin-top:2%;
}
.vignetteCommentaire{
	width:30px;
	height:30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
.lightbox-commentaire{
	width:80%;
}
.lightbox-formulaireInput{
	width:76%;
	min-height:25px;
	border:1px solid #ECEFF1 ;
	border-radius:4px;
	color:#666666;
	font-size:0.8em;
	padding-left:5px;
	display:inline-block;
}
.lightbox-formulaireSubmit{
	background-color:#1197CF;
	color:#fff;
	/*font-weight:700;*/
	padding:5px 5px;
	text-align:center;
	border-radius:5px;
	border:none;
	cursor:pointer;
	margin-top:2%;
	float:right;
	-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
	transition: background-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.lightbox-formulaireSubmit:hover{
	background-color:#19bc9c;
}

.image_box_couverture {
    background-color:#ccc;
	border:1px solid #1197CF;   
	overflow:hidden;
    width: 670px;
	height: 233px;
}
.image_box_couverture .photo_couverture{
    width: 670px;
	height: 233px;   
}
.image_box_couverture .button_couverture{
    overflow: hidden;
    width: 670px;
}
.photosup_button_couverture {
    height: 233px;
    overflow: hidden;
    width: 670px;
	text-align:center;
}
.image_box_couverture .button_couverture span {
    color:#1197CF;
	font-weight:700;	
}
.photosup_input_file_couverture {
    display: block;
    font-size: 1500px; /* défini la hauteur du parcourir */
    width: 670px;
	height: 233px;
    margin-top: -233px;
    opacity: 0;    
}

.image_box_vignette{
	position:absolute;
	width:90px;
	height:90px;
	border:4px solid #fff;
	background-color:#FBD0D1;
	margin-left:2%;
	margin-top:-70px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	box-sizing:border-box;
	overflow:hidden;
}
.photosup_button_vignette{
	height: 82px;
    overflow: hidden;
    width: 82px;
	text-align:center;
}
.photosup_input_file_vignette {
    display: block;
    font-size: 1500px; /* défini la hauteur du parcourir */
    width: 90px;
	height: 90px;
    margin-top:-90px;
    opacity: 0;    
}
.image_box_vignette .button_vignette span {
    color:#1197CF;
	font-weight:700;
	font-size:0.7em;	
}

.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 70px;
    height: 26px;
    padding: 3px;
    margin: 0 10px 10px 0;
    border-radius: 5px;
    cursor: pointer
}

.switch-input,
.switch-input-off {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.switch-label,
.switch-label-off {
    position: relative;
    display: block;
    height: inherit;
    font-size: 13px;
    text-transform: uppercase;
    background: #ccc;
    border-radius: inherit;
    font-weight: 700
}

.switch-input:checked~.switch-label,
.switch-label-off {
    background: #19bc9c
}

.switch-label-off:after,
.switch-label-off:before,
.switch-label:after,
.switch-label:before {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.switch-label:before {
    content: attr(data-off);
    right: 10px;
    color: #546e7a
}

.switch-label-off:before,
.switch-label:after {
    content: attr(data-on);
    left: 10px;
    color: #FFF
}

.switch-label:after {
    opacity: 0
}

.switch-label-off:after {
    content: attr(data-off);
    right: 10px;
    color: #546e7a;
    opacity: 0
}

.switch-input:checked~.switch-label:before {
    opacity: 0
}

.switch-input:checked~.switch-label:after {
    opacity: 1
}

.switch-input-off:checked~.switch-label-off {
    background: #ccc
}

.switch-input-off:checked~.switch-label-off:before {
    opacity: 0
}

.switch-input-off:checked~.switch-label-off:after {
    opacity: 1
}

.switch-handle,
.switch-handle-off {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    background: #FFF;
    border-radius: 5px
}

.switch-handle-off,
.switch-input:checked~.switch-handle {
    left: 48px
}

.switch-input-off:checked~.switch-handle {
    left: 4px
}

.switch-input:checked~.switch-handle-off {
    left: 48px
}

.switch-input-off:checked~.switch-handle-off {
    left: 4px
}

.switch-handle,
.switch-handle-off,
.switch-label,
.switch-label-off {
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    -moz-transition: All .3s ease;
    -o-transition: All .3s ease
}