/* ============================================================================================================== */
/* UNIVERSEL */
/* ============================================================================================================== */
html,body {
height:100%;
margin: 0;
padding: 0;
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
/* font-family : Times New Roman, Times, serif;  */
background-color:#fff; /* header */
font-size: 18px;
line-height: 1.4;
color: #000;
}

/* BACKGROUND DU SITE */
.background {
/* background-image:url(""); */
/* background-repeat:repeat; */
background-color:#F4F3F0;
}
/* FIN BACKGROUND DU SITE */

.theme-bg-color {
background-color: #7CB532;
color: #fff;
}

.theme-color {
color: #7CB532;
}

textarea { 
font-family: inherit; /* AVOID DEFAULT FORMAT */
font-size: 14px;
padding : 8px;
color: #424249;
max-width: 100%; /* empeche de casser le design en largeur */
}

/* MATERIALS */
.material-icons {
padding-top: 3px;
vertical-align: middle;
font-size: 20px;
}

/* PAGINATION */
.pagination-chevron {
margin: 3px; font-size:30px; background-color: #fff; cursor:pointer; color: #212136; border-radius: 3px; border:1px solid #E0E0E0;
	
}
.pagination-texte {
margin: 3px; font-size:25px; background-color: #fff; cursor:pointer; color: #212136; border-radius: 3px; border:1px solid #E0E0E0;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 7px;
padding-right: 7px;
line-height: 1;
display: inline-block;
vertical-align: middle;
}
/* FIN PAGINATION */



h1 {
font-size: 46px;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-size: 26px;
}

.no-underline {
text-decoration: none;
}
.no-underline:active{text-decoration: none;}
.no-underline:visited{text-decoration: none;}
.no-underline:hover{text-decoration: none;}




/* COULEUR DES LIENS */
.lien-blanc {color: #FFF;}
.lien-blanc:hover {text-decoration :underline!important;}
.lien-blanc:visited {text-decoration : none!important;}
.lien-blanc:active {text-decoration :none!important;}

.lien-noir {color: #000;}
.lien-noir:hover {text-decoration :underline!important;}
.lien-noir:visited {text-decoration : none!important;}
.lien-noir:active {text-decoration :none!important;}



.avatarlogin {
text-decoration : none !important;
 color :#FFA41C;
 font-size: 17px;
 text-transform: uppercase; 
}
.avatarlogin:a {text-decoration : none !important;}
.avatarlogin:hover {text-decoration :none !important;}
.avatarlogin:visited {text-decoration : none!important;}
.avatarlogin:active {text-decoration :none!important;}

.avatarloginicon {
text-decoration : none !important;
 color :#c4c4c4;
}
.avatarlogued {
text-decoration : none !important;
color: #fff;
font-weight:bold;
}
.avatarlogued:a {text-decoration : none !important;}
.avatarlogued:hover {text-decoration :none !important;}
.avatarlogued:visited {text-decoration : none!important;}
.avatarlogued:active {text-decoration :none!important;}



.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-left:auto; margin-right: auto;
	text-align:center;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
 
	position: absolute;
		text-align:center;
	margin-left:auto; margin-right: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* ============================================================================================================== */
/* TEMPLATE */
/* ============================================================================================================== */
.bouton-template {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:6px;
font-size: 12px;
border: 0px;
background-color: #FCD535;
color: #181A20;
text-decoration:none;
font-weight:bold;
font-family: inherit; /* fix font du browser par defaut */
cursor: pointer;
}
.bouton-template-vide {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:6px;
font-size: 12px;
border: 0px;
background-color: transparent;
color: #181A20;
border: 1px solid #FCD535;
text-decoration:none;
font-weight:bold;
font-family: inherit; /* fix font du browser par defaut */
}
/* ============================================================================================================== */
/* FIN TEMPLATE */
/* ============================================================================================================== */


/* ============================================================================================================== */
/* FIN UNIVERSEL */
/* ============================================================================================================== */

















/* ============================================================================================================== */
/* MENUS */
/* ============================================================================================================== */
.menu-header-inscription {
color: #000;
font-weight:bold;
font-size:12px;
text-decoration: none;

}
.menu-header-inscription:active {text-decoration: none;}
.menu-header-inscriptiona:visited {text-decoration: none;}
.menu-header-inscription:hover {text-decoration: none;}


/* ============================================================================================================== */
/* FIN MENUS */
/* ============================================================================================================== */
.ariane-a {
color:#696969; font-size: 12px;
}
.ariane-a a:active {text-decoration: underline;} 
.ariane-a a:visited {text-decoration: underline;} 
.ariane-a a:hover {text-decoration: none;}



 /* SHARE BUTTON */
.fa {
  padding: 10px;
  font-size: 20px; /* font doit toujours est proportionnel a width */
 width: 20px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
    border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}
 /* FIN SHARE BUTTON */

/* bullet taille /*/
li::before {
font-size:12px;      /* Adjust this value so that it appears what size you want. */
}


img {
/* max-width: 100%;  */ /* FIX le listing article de la home sur mobile  */
/* height: auto;	*/ /* idem mais non testé  */
}


.search-container {
  float: right;

}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none; 

}

.search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.search-container button:hover {
  background: #ccc;
}

@media screen and (max-width: 600px) {
 .search-container {
    float: none;
  }
.topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;  
  }
}


/* ============================================ */ 
/* =================== HEADER ================= */ 
/* ============================================ */ 
.header-texte-logo {
/* font-family: 'Raleway'; */
/*font-size: 2em; */
padding-left: 3px;
       font-size: 17px;
	display:inline; 
	vertical-align: middle;
 
margin: 0;
 
font-weight: 900;
text-transform: uppercase;
letter-spacing: -0.055em;

color: #000;
text-decoration: none;
}
.header-texte-logo:active {text-decoration: none;} 
.header-texte-logo:visited {text-decoration: none;}
.header-texte-logo:hover {text-decoration: none;}
/* ============================================ */ 
/* ================ FIN HEADER ================ */ 
/* ============================================ */ 



/* ============================================ */ 
/* =================== BLOC ================= */ 
/* ============================================ */ 
.bloc-1-background {
background-color: #000 !important;
-moz-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.bloc-1-texte-lien {
/* text-transform: uppercase; */ 
 
text-transform: uppercase; 
font-weight:bold;
font-size:24px;
color: #fff;
padding-right: 10px;
padding-left: 10px;
text-decoration: none;
}
.bloc-1-texte-lien:hover {text-decoration : underline !important;}
.bloc-1-texte-lien:visited, .menu-lien-texte:active {text-decoration : underline !important;}


/* ============================================ */ 
/* =================== BLOC ================= */ 
/* ============================================ */ 







/* HOME */ 
/* ARTICLE LISTING */ 
.home-article-listing {
font-size: 16px;
 
color: #ec008c;
text-decoration : none !important;
 
}
.home-article-listing:a {text-decoration : none !important;}
.home-article-listing:hover {text-decoration :underline!important;}
.home-article-listing:visited {text-decoration : none!important;}
.home-article-listing:active {text-decoration :none!important;}

.home-article-resume {
font-size: 14px;
 
text-decoration : none !important;
 
}

.home-article-listing-categorie {

font-size: 12px;
 
text-decoration : none !important;
}
.home-article-listing-categorie:a {
color: #FD5700;
	text-decoration : none !important;}
.home-article-listing-categorie a:hover {
	color: #FD5700;
	text-decoration :underline!important;}
.home-article-listing-categorie a:visited {
	color: #FD5700;
	text-decoration : none!important;}
.home-article-listing-categorie a:active {
	color: #FD5700;
	text-decoration :none!important;}
	
.home-article-listing-date {
font-weight: bold;
font-size: 12px;
 
color:#e00034;
}

.separateur {
	    background-color: #d1d5db;
 display: inline;
    min-width: 1px;
    width: 1px;
    height: 23px;
}
 
	
 

/* FIN ARTICLE LISTING */ 
/* FIN HOME*/



/* === INCLUDES === */
/* HEADER */
 .recherche {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #F5F5F5;
background: #F5F5F5; 
color: #71767C;
border: 1px solid #F5F5F5;
font-size : 15px;
 }
.risitas {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #F5F5F5; 
color: #71767C;	
padding: 10px;
}
/* FIN HEADER */


/* FOOTER */
.bal-affichage-listing-footer-lien {
font-size: 16px;

color: #ec008c;
text-decoration : none !important;
 
}
.bal-affichage-listing-footer-lien:a {text-decoration : none !important;}
.bal-affichage-listing-footer-lien:hover {text-decoration :underline!important;}
.bal-affichage-listing-footer-lien:visited {text-decoration : none!important;}
.bal-affichage-listing-footer-lien:active {text-decoration :none!important;}
/* FIN FOOTER */

	

/* === FIN INCLUDES === */


/* === PAGES === */
/* HOME */
.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
 
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.lien {
padding-top: 40px;
font-size: 16px;
color: #80C124;
}
.lien:a {text-decoration : none !important;}
.lien:hover {text-decoration :none!important;}
.lien:visited {text-decoration : none!important;}
.lien:active {text-decoration :none!important;}


.article-titre {
 vertical-align: top;
font-size: 22px;
color: #508900;
text-decoration : none !important;
}
.article-titre :a {text-decoration : none !important;}
.article-titre :hover {text-decoration :none!important;}
.article-titre :visited {text-decoration : none!important;}
.article-titre :active {text-decoration :none!important;}

.article-rubrique {
-moz-border-radius-top: 4px;
-webkit-border-radius-top: 4px;
border-radius-top: 4px;
background-color: #80C124;
text-align:center; 
font-size: 30px; 
vertical-align: middle; 
color: #fff;
width: 100%;
text-shadow: 1px 1px 1px #305200; 
}
 
#article-rubrique-vert {
background-color: #80C124;
}
#article-rubrique-rose {
background-color: #DC247D;
}
#article-rubrique-bleu {
background-color: #009EE0;
}


.article-recette {
background-color: #FFF;
}
.article-recette-lien {
padding-top: 40px;
font-size: 16px;
color: #80C124;
}
.article-recette-lien:a {text-decoration : none !important;}
.article-recette-lien:hover {text-decoration :none!important;}
.article-recette-lien:visited {text-decoration : none!important;}
.article-recette-lien:active {text-decoration :none!important;}

.article-recette-img {
width: 100%;
height: auto;  
}

 


/* FIN HOME */

/* ARTICLE */
.article-texte {
text-transform: none;
 
/* font-size: 20px; */
font-weight: 700;
/* line-height: 30px; */
font-size: 18px;
    line-height: 28px;
}
/* FIN ARTICLE */

/* === FIN PAGES === */



/* contours */
.contour-rose {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #DA00A9;
}
/* fin contours */

/* modules */
.img-avatar-votant-circle {
        border-radius: 50%;
		width : 50px;
		height : 50px;
		border: 1px solid #CACACA;
		margin: 5px;
    }
/* fin modules */

/* INFINITE SCROLL */
.loadmore{
display:none;
background:url('./img/loadcomment.gif') no-repeat;
width:220px;
height:20px;
margin:0 auto;
}


.img-avatar-votant-circle {
        border-radius: 50%;
		width : 50px;
		height : 50px;
		border: 1px solid #CACACA;
		margin: 5px;
    }

  
.texte {
 
font-size: 12px;
}
 



 
/* BOUTONS */
.bouton-degrade-vert {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
 
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.bouton-degrade-vert:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}
.bouton-degrade-vert:active {
	position:relative;
	top:1px;
}

.bouton-degrade-orange {
box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
 
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.bouton-degrade-orange:hover {
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.bouton-degrade-orange:active {
	position:relative;
	top:1px;
}



.bouton-vert {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:6px;
font-size: 15px;
border: 0px;
display: inline;
background-color: #6EC72D;
color: #fff;
text-decoration:none;
width: 100%;
}

.bouton-jaune {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:6px;
font-size: 12px;
border: 0px;
background-color: #FCD535;
color: #181A20;
text-decoration:none;
font-weight:bold;
}

.bouton-jaune-vide {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:6px;
font-size: 12px;
border: 0px;
background-color: transparent;
color: #181A20;
border: 1px solid #FCD535;
text-decoration:none;
font-weight:bold;
}

/* FIN BOUTONS */ 
 
/* HEADER */


.header-login-text {
 
 font-weight: 300; 
 font-size: 24px;
color: #8E8E8E;
text-shadow:  1px 2px 0 rgba(255,255,255,1); 
vertical-align: middle;
}
.header-login-lien {
 
font-size: 16px;
font-weight: 300; /* regular : 400, light 300, extralight 200 a mettre dans header */
color: #000;
vertical-align: middle;
text-decoration : none;
padding-right: 5px;
}
.header-login-lien:hover {text-decoration : underline !important;}
.header-login-lien:visited, header-login-lien:active {text-decoration : none;}
 


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .header-login-input {
 
 text-align: center;
 text-transform : uppercase;
   -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

	font-size: 20px;
	color: #CCC;
	 width: 95px;
border: 1px solid #8C8C8C;
vertical-align: middle;
padding:6px;
	}

.header-login-input-submit {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
 	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ee1eb5;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
border: 0px;
display: inline-block;
/*width : 30px;  largeur du block */
background-color: #DA00A9;
 
font-weight: 300; /* regular : 400, light 300, extralight 200 a mettre dans header */
font-size: 20px;
color: #fff;
text-decoration:none;
}
	
.header-login-bouton-inscription {
-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
box-shadow:inset 0px 1px 0px 0px #caefab;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
background-color:#77d42a;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #268a16;
	
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;

border: 0px;
display: inline;
background-color: #6EC72D;
 
font-weight: 400; /* regular : 400, light 300, extralight 200 a mettre dans header */
font-size: 20px;
color: #fff;
text-decoration:none;
/* text-shadow: 1px 1px 1px #2C6601; */
}
.header-login-bouton-inscription:hover, header-login-bouton-inscription:visited, header-login-bouton-inscription:active {text-decoration :none;} 


.header-inscription-texte {
 
font-size: 12px;
color: #000;
text-decoration:none;
}
.header-inscription-texte a {text-decoration : underline;}
.header-inscription-texte a:hover {text-decoration : none;}
.header-inscription-texte a:visited {text-decoration :none;}
.header-inscription-texte a:active {text-decoration :none;} 


/* FIN HEADER */
 

/* MASTER MENU */
.menu {	 
background-color:#35373B; 
padding : 5px;
text-align:center !important;
border-bottom: 1px solid #FFF;
}
.menu-webdings {
color: #da00a9;
font-size:20px;
}

/* FIN MASTER MENU */

.login-box-container {
/*background:#F4F4F4; */
border-radius: 4px;
padding-top: 13px;
padding-bottom: 13px; 
}

/* LOGIN BOX */
.loginbox {	 
background-color:#28465E; 
color: #FFF;
height: 40px;
text-align:right;
padding : 5px;
}
 
 
/* ============================================================================== */
/* ==================================== MODULES =================================== */
/* ============================================================================== */
.module-confirmation-email {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #F9CBC8;
background-color: #FFECEC;
margin: 5px;
padding: 15px;
text-align: center;
}
.module-confirmation-email-lien {
 
font-size: 12px;
color: #555555;
}
.module-confirmation-email-lien a {text-decoration : underline;}
.module-confirmation-email-lien a:hover {text-decoration :underline;}
.module-confirmation-email-lien a:visited {text-decoration : underline;}
.module-confirmation-email-lien a:active {text-decoration : underline;}



/* ============================================================================== */
/* ==================================== FIN MODULES =================================== */
/* ============================================================================== */



/* ============================================================================== */
/* ==================================== PAGES =================================== */
/* ============================================================================== */

/* ========================================================== */ 
/* inscription */
/* ========================================================== */ 
.bouton-rose {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
 	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ee1eb5;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
border: 0px;
display: inline-block;
/*width : 30px;  largeur du block */
background-color: #DA00A9;

 
font-weight: 300; /* regular : 400, light 300, extralight 200 a mettre dans header */
font-size: 20px;
color: #fff;
text-decoration:none;
}



.bouton-vert {
-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
box-shadow:inset 0px 1px 0px 0px #caefab;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
background-color:#77d42a;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #268a16;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
border: 0px;
display: inline-block;
/*width : 30px;  largeur du block */
background-color: #DA00A9;
 
font-weight: 300; /* regular : 400, light 300, extralight 200 a mettre dans header */
font-size: 20px;
color: #fff;
text-decoration:none;
}






/* ========================================================== */ 
/* fin inscription */
/* ========================================================== */ 

/* ========================================================== */ 
/* home */
/* ========================================================== */ 
.votezpourlaprochainemissfesse-photo {
background-color: #EDEDED;
-moz-border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
text-align: center;
 }
 .votezpourlaprochainemissfesse-photo:hover {
background-color: #FFBB02;
 }
 .popote {
background-color: #FFF !important;
padding-top : 5px;
padding-bottom : 5px;
border: 1px solid #ECECEC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.votezpourlaprochainemissfesse-lien, votezpourlaprochainemissfesse-lien:active, votezpourlaprochainemissfesse-lien:visited, votezpourlaprochainemissfesse-lien:hover {
text-decoration: none;
 }


.image{position:relative; padding: 0; margin:0;

 
}
.png-over{
position:absolute;
top:0;
left:0;
height:150px;
width: 150px;
 -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
 }

 	.rounder {
   -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
 
 }

 

.fichebulleinfo {
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	
	
		   -moz-border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
		   -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
	
	
	background-color: #D1D1D1;

 
 padding-top : 10px;   
padding-bottom : 10px;   
text-decoration:none;
width: 100%;
text-align: center;


 
font-size: 12px;
font-weight: bold;
color: #8D8D8D;

line-height: 0;
margin:0;
 
	}
	
		.fichebulleinfo a {text-decoration : none;}
.fichebulleinfo a:hover {text-decoration :none;}
.fichebulleinfo a:visited {text-decoration :none;}
.fichebulleinfo a:active {text-decoration :none;}

.lienbulleinfo {text-decoration : none;}
	.lienbulleinfo a {text-decoration : none;}
.lienbulleinfo a:hover {text-decoration :none;}
.lienbulleinfo a:visited {text-decoration :none;}
.lienbulleinfo a:active {text-decoration :none;}
	
	
hr.rose {
height: 1px;
text-align: center;
border: 0;
color: black;
/* background-color: #FFF;  */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(218, 0, 169, 1), rgba(0, 0, 0, 0));
/* padding : 0px;
margin: 0px;  */
}
/* ========================================================== */ 
/* fin home */
/* ========================================================== */ 
 
 
/* ========================================================== */ 
/* MEMBRE */
/* ========================================================== */ 

 .avatar-forum-list {
  width: 40px;
  height: 40px;
}
 .avatar-forum-list-texte {
font-size: 20px;  /* 50% de moins que le cercle */
}

 .avatar-forum-post {
  width: 50px;
  height: 50px;
}
 .avatar-forum-post-texte {
font-size: 25px;  /* 50% de moins que le cercle  cercle 60px = 30px| cercle 50px = 25px*/
}
 

.avatarcircle p {
  color: white;
  font-weight: bold;
  text-align: center;
line-height: 0;
}

 .avatarcircle {
  border-radius: 50%;
  background-color: green;
  display: inline-block;
  align-items: center;
  justify-content: center;
}
 
/* ========================================================== */ 
/* FIN MEMBRE */
/* ========================================================== */ 


/* ========================================================== */ 
/* fiche perso */
/* ========================================================== */ 
a.darken {
   /*  display: inline-block; */
    background: black;
    padding: 0;
    position:relative;
	     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

a.darken img {
    display: block;

 
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

a.darken:hover img {
    opacity: 0.7;           
}
a.darken span{    display:none; position:absolute;top:5px;color:#000;left:10px}
a.darken:hover span{
display: block;
text-align:center;
font-size:18px;
font-weight: bold;


color:#fff;
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}
.darko {
text-align: center;
padding-top: 200px;
 
 margin-left: auto;
    margin-right: auto;
	padding-left : 200px;
}


.fiche-image {
   -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
 
	}
	
	
	.fiche-bulle {
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

	background-color: #fff;
	border: 1px solid #EAEAEA;
	padding-top : 10px;
		padding-bottom : 10px;
display:inline-block;
text-decoration:none;
	width: 100%;
	text-align: center;
}
	
.fiche-bulle-info {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
background-color: #fff;
border: 1px solid #EAEAEA;
padding-top : 10px;
padding-bottom : 10px;
display:inline-block;
text-decoration:none;
width: 100%;
text-align: center;
}
	
.fiche-bulle-2 {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;

-moz-border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;

-moz-border-top-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
		
background-color: #D1D1D1;
border: 1px solid #D1D1D1;
padding-top : 10px;
padding-bottom : 10px;
display:inline-block;
text-decoration:none;
width: 100%;
text-align: center;

 
}


.ficheperso-hr {
width : 90%;
border-bottom: 1px solid darkgrey;
margin-left: auto;
margin-right: auto;
}

 
	.fiche-social {
 
 font-size:11px;
 color: #4D4D4A;
 

	}
	
	.myButtonVoter {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
 
	font-size:28px;
	font-weight:bold;

	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	width: 100%;
	padding-top : 10px;
		padding-bottom : 10px;
	text-align: center;
}
.myButtonVoter:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButtonVoter:active {
	position:relative;
	top:1px;
}


.myButtonPartager {
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ee1eb5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
 
	font-size:28px;
	font-weight:bold;
	padding-top : 10px;
		padding-bottom : 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	text-align:center;
	width : 100%;
}
.myButtonPartager:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
	background-color:#ef027d;
}
.myButtonPartager:active {
	position:relative;
	top:1px;
}

.edition-membre-lien {
 
font-size: 14px;
color: #000;
text-decoration:underline;
}
.edition-membre-lien a {text-decoration:underline;}
.edition-membre-lien a:hover {text-decoration:underline;}
.edition-membre-lien a:visited {text-decoration:underline;}
.edition-membre-lien a:active {text-decoration:underline;} 



/* ========================================================== */ 
/* fin fiche perso /* 
 /* ========================================================== */ 
 

/* PAGE : CONNEXION */
.page-connexion-contour {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #DA00A9;
padding: auto;
height: 400px; /* desktop/mobile */
margin: 5px !important;  /* pourrait etre inséré dans le row de base */
}

.page-connexion-lien-pass-oublie {
 
font-size: 12px;
color: #000;
text-decoration : underline;
}
.page-connexion-lien-pass-oublie a {text-decoration : underline;}
.page-connexion-lien-pass-oublie a:hover {text-decoration :underline;}
.page-connexion-lien-pass-oublie a:visited {text-decoration : underline;}
.page-connexion-lien-pass-oublie a:active {text-decoration : underline;}



/* ============================================================================== */
/* =============================== FIN  PAGES =================================== */
/* ============================================================================== */

/* MODULE INSCRIPTION */
.div-table{
display:table;         
width:auto;         
border-spacing:5px;/*cellspacing:poor IE support for  this*/
margin-left: auto;
margin-right: auto;
}
.div-table-row{
display:table-row;
width:auto;
clear:both;
}

.div-table-col{
float:left;/*fix for  buggy browsers*/
display:table-column;         
/* width:200px;         */
padding-left: 5px;

}

.div-table-col-1{
float:left;/*fix for  buggy browsers*/
display:table-column;                  
height: 33px;
width:40px !important;
}

.input-inscription {
border : 1px solid #000;
background-color: #E5E9EC;
height: 30px;
width: 180px;
font-style : italic;
padding-left : 8px;
}
 
select {
border : 1px solid #000;
background-color: #EDEDED;
height: 30px;
}
.material-icons-inscription {
color: #fff;
padding-top: 3px;
vertical-align: middle;
}


/* FIN MODULE INSCRIPTION

 


/* FOOTER */
.footer-lien-1 {
 
font-size: 12px;
color: #FFF;
text-decoration:none;
 
}
.footer-lien-1 a {text-decoration : none;}
.footer-lien-1 a:hover {text-decoration :underline !important;}
.footer-lien-1 a:visited {text-decoration :none;}
.footer-lien-1 a:active {text-decoration :none;}
 

 
.footer-lien-2 {
 
font-size: 18px;
color: #3A6486;
text-decoration:none;
text-align:center;
}
 
 .footer-copyright {
 
font-size: 12px;
color: #fff;
text-align:center;
}





.footer {
background-color: #202020;
}



    .row {
        width : 100%;    margin : 0px auto;

    }
    .row > div { 
	    float : left;
        margin : 0 0.5%;
		
    }
    .w-1 { width : 7.3%; }
    .w-2 { width : 15.6%; }
    .w-3 { width : 24%; }
    .w-4 { width : 32.3%; }
    .w-5 { width : 40.6%; }
    .w-6 { width : 49%; }
    .w-7 { width : 57.3%; }
    .w-8 { width : 65.6%; }
    .w-9 { width : 74%; }
    .w-10 { width : 82.3%; }
    .w-11 { width : 90.6%; }
    .w-12 { width : 99%; }


.clear {
	clear : both ;
padding-top: 2px;
margin : 0;
	}



@media only screen and (min-width:500px) and (max-width:980px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 20px;
}
    .row {
        width : 100%;
    }
    .row > div { 
        margin : 0 0.5%;
    }
    .w-1 { width : 7.3%; height:0px !important;  padding:0px !important;}  /*FIX saut de ligne sur mobile */
    .w-2 { width : 15.6%; }
    .w-3 { width : 24%; }
    .w-4 { width : 32.3%; }
    .w-5 { width : 40.6%; }
    .w-6 { width : 49%; }
    .w-7 { width : 57.3%; }
    .w-8 { width : 65.6%; }
    .w-9 { width : 74%; }
    .w-10 { width : 82.3%; }
    .w-11 { width : 90.6%; }
    .w-12 { width : 99%; }
}
@media only screen and (max-width:500px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 20px;
}
    .row {
        width : 100%;
    }
    .row > div { 
        margin : 0 1%;
    }
    .w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10, .w-11, .w-12 { 
        width : 98%; 
        float : none;
    }
	.w-1 { height:0px !important;  padding:0px !important;}  /*FIX saut de ligne sur mobile */
    
textarea { 
 
font-size: 17px;
 
}


.page-connexion-contour {
height: auto;
}

}