/* CUSTOM PAR CHARLY & GANDHI */

/* HEADER */
html 			{ height: 100%;}
body 			{ min-height: 100%;margin: 0; padding: 0;position: relative;}
header 			{ background: URL(../images/linetop.jpg); background-position: center 20px;  background-repeat: no-repeat;} 
.logo			{ margin-top:25px;}
.backsite		{ margin-top: 5px;}
/*.header-content	{ position: absolute; z-index:100; width: 100%;} */
.img-header	 	{ position: relative; padding-top:140px; z-index:10;}

/* MARGIN */
.marginright	{ margin-right: 15px;}
.marginbottom	{ margin-bottom: 15px;}
.margintop		{ margin-top: 15px;}
.margintopbis	{ margin-top: 30px;}
 
/* COULEURS */
.violet			{ color:#ec008b;}
.violet	a		{ color:#ec008b;}
.bgviolet		{ background: #ec008b;}
.gris			{ color:#58585b;}
.bggris			{ background:#58585b;}
.fff			{ color: #FFF;}
.fff a			{ color: #FFF;}
.bggrisclair	{ background: #eee;}
.border 		{ border: 1px solid #eee;}

/* CONTENT */
/*.contenu		{ min-height: 400px;}*/

/* FOOTER */ 
.footerinside	{ padding: 30px 0 15px 0; }
footer			{ background-image: URL(../images/linebottom.jpg) !important ; background-color: #58585b; background-size: contain; background-repeat: no-repeat;position: absolute; bottom: 0;     width: 100%; }


@media screen and (max-width:720px) {
	header 		{ background-position: 0px 20px; background-size: 950px;}
}

/* STICKY FOOTER NO MATTER RESPONSIVE */
main 			{ min-height: 100%;/* equal to footer height */margin-bottom: -77px; }
main:after 		{content: ""; display: block;}
footer, 
main:after 		{ /* .push must be the same height as footer */	height: 77px; }
div#Tab 		{  margin-bottom: 75px;}