/* Reset
----------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;font-size: 100%;font-weight: inherit;font-style: normal;vertical-align: baseline;background: transparent;border: 0;outline: 0;}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
a img { border: 0; }
:focus { outline: 0; }
a:hover, a:active { outline: none; }
a, a:visited {text-decoration:none;color:inherit}
*{margin:0;padding:0;}


/* Structure
----------------------------------------------- */
html {overflow-x: hidden}
body {background: #F7F7F7;color: #273238;font-family: 'Cabin', sans-serif;}

#global {margin: 0 auto;margin-top: 55px;padding: 30px 10px;max-width: 1200px;min-height: 800px;overflow-y:hidden;display: -webkit-box;display: -ms-flexbox;display: flex;}
#col_gauche {width: 65%;}
#col_droite{width: 35%;padding-left: 30px;overflow: hidden;}

/* Fluid Typography
----------------------------------------------- */
html {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(14px + 6 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 22px;
  }
}

h1, .article-title, .article-title-2 {
	font-size: 1.5em;
  	line-height: 1.2;
  	font-weight: 300;
  	font-family: 'Cabin', sans-serif;
}

#suggestions {
	font-size: 1.1em;
  	line-height: 1;
  	font-weight: 700;
  	font-family: 'Cabin', sans-serif;
}

.suggestion p {
	font-size: 1em;
  	line-height: 1.2;
  	font-weight: 700;
}

.article-p-2 {
	font-size: 0.95em;
  	line-height: 1.6;
}

.button {
	font-size: 1.6em;
}

label {
	font-size: 0.9em;
}

p {
	font-size: 0.8em;
}

h2 {font-size: 1.3em;margin: 1em 0 0.5em 0;color: #000;border-left: 5px solid #53C8B4;padding-left: 7px;line-height: 1em;}
/* h3 {font-size: 15px;margin: 60px 0 0 0;color: #000;text-transform: uppercase;} */
h3 {font-size: 1.2em;margin: 0.5em 0 0.5em 1em;color: #000;padding-left: 7px;line-height: 1.2em;}

/* Buttons
----------------------------------------------- */
.button {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	border: 1px solid #000;
	color: #000;
	padding:20px 18px;
	text-decoration:none;
	background: none;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	white-space: nowrap;
	text-align: center;
	margin-bottom: 10px;
   	margin-top: 10px;
}

.button:hover {
	background-color:#DD6D60;
	color: white;
	border: 1px solid #DD6D60;
}

.button.green {
	background-color:#DD6D60;
	color: white;
	border: 1px solid white
}

.button.green:hover {
	background-color: #ea353b;
}

/* Header
----------------------------------------------- */
#header-img {height: 255px;}
#header-img-in {position: relative;width:100%;height: 100%;margin: 0 auto;}
#header-menu {
	background: white;
	border-bottom: 1px solid #ddd;
	position: absolute;
	width: 100%;
}
#header-menu.fixed {position: fixed;top: 0;left: 0; right: 0;z-index: 9997;}
#header-menu-in {
	max-width: 1200px;
	height: 60px;
	margin: 0 auto;
}
.line-photos {height: 85px;width: 100%;}
#line-1 { background: url(/images/line-1.jpg);  background-size: 1000px 85px; background-repeat: repeat-x;}
#line-2 { background: url(/images/line-2.jpg);  background-size: 1000px 85px; background-repeat: repeat-x;}
#line-3 { background: url(/images/line-3.jpg);  background-size: 1000px 85px; background-repeat: repeat-x;}

#a-funtof-img {display: block;position: absolute; width: 245px;height: 90px;left: 50%;margin-left: -160px;top: 85px;background: url(/images/logo-490x180.png);  background-size: 245px 90px; }

.fb-like-header {
	position: absolute !important;
    left: 50%;
    top: 65%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 63px;
}

ul#menu {
	width: 100%;
	height: 60px;
	padding: 0 10px;
	box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
ul#menu li {display:inline-block;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
ul#menu li.animated {display: none;}
ul#menu li.animated.show {display: block;}
ul#menu li:not(.animated) {border-bottom:2px solid #fff;height: 58px;line-height: 60px;width: auto;text-transform: uppercase;font-size:11px;letter-spacing: 2px;}
ul#menu li:not(.animated):hover {line-height: 70px;color: #000;border-color: #000;}
ul#menu li.fb-like-menu {
	width: 64px;
}
ul#menu li.fb-like-menu > div {
	top: 20px;
}
ul#menu li#nav-10 img, ul#menu-v2 img {width: 16px;height: 16px;display: inline;vertical-align: -4px;}
ul#menu li a {margin: 0;display: block;width: 100%;height: 100%;}
ul#menu li a #logo {width: 110px;height: 60px;background: url(../images/funtof-logo-120.png);background-size: 105px 60px;background-repeat: no-repeat}

.fb-like-menu {display:none;float: left; top: 19px;margin-left: -35px} 


/* Article flux
----------------------------------------------- */
#title-tag {padding-bottom: 15px; font-size: 16px;letter-spacing: 1px;font-weight: bold;text-transform: uppercase}
.article {background: #fff;margin: 0 0 40px 0px;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;width: 100%;padding: 10px;overflow: hidden;border-bottom: 5px solid black;box-shadow: 0px 0px 2px #ccc;-moz-box-shadow: 0px 0px 2px #ccc;-webkit-box-shadow: 0px 0px 2px #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.article-img {width: 100%;overflow: hidden;}
.article img {width: 100%;height: auto;vertical-align: middle;transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out;-moz-transition: -moz-transform 1.5s ease-in-out, opacity 1.5s ease-in-out; -webkit-transition: -webkit-transform 1.5s ease-in-out, opacity 1.5s ease-in-out }
.article .article-img img:hover {transform: scale(1.05);opacity: 0.8}
.article-text {overflow:hidden;width: 92%; padding: 20px 0 10px 0;}
.article-title a, .suggestion p a, #footer a, .error-back  a {   transition-duration: 0.4s;  transition-property: color;}
.article-title a:hover, .suggestion p a:hover, #footer a:hover, .error-back a:hover {color: #4AB29F}
.article-p, .article-p-2 {border-top: none;position: relative; background: #fff;}
.article-p-2 img {margin-top: 0px}
.article-p p {color: grey}

.article-nav {
	padding: 6px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.article-nav a {
	margin-bottom: 0;
}

.container-img-art {width: 100%;overflow:hidden;position: relative;}
.container-buttons-img {opacity: 0;width: 200px;height: 30px;position: absolute; left: 10px; top: 10px;z-index: 10}
.fb_edge_widget_with_comment span{overflow:visible !important; width:450px !important; margin-right:-375px;}
.fb-like span {overflow:visible !important; margin-right:-400px;display: none} 

/* Sidebar
----------------------------------------------- */
#suggestions {margin-bottom: 20px;border-bottom : 1px solid #ddd;overflow:hidden;}
#suggestions-icon {float:right;height: 40px;width: 20px;background: url(../images/suggestions-icon.png);background-size: 20px 29px; background-repeat: no-repeat}
.suggestion {margin-bottom: 20px;position: relative;border-radius: 3px;font-size: 16px;overflow: hidden}
.blue {background: url(../images/blue.png);position: absolute; z-index: 2; top: 0; left: 0; right: 0;height: 7px;}
.suggestion-img {overflow: hidden;}
.suggestion img {vertical-align: middle;width: 100%;height: auto;transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out;-moz-transition: -moz-transform 1.5s ease-in-out, opacity 1.5s ease-in-out; -webkit-transition: -webkit-transform 1.5s ease-in-out, opacity 1.5s ease-in-out }
.suggestion img:hover {transform: scale(1.10);opacity: 0.8}
.suggestion p {background: #fff;border: 1px solid #ddd;border-top: none;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;padding: 10px 5% }

/* Footer
----------------------------------------------- */
#footer {background: #1B1B1B;padding-bottom: 20px;}
#footer-in {color: #ddd;max-width: 1200px;margin: 0 auto;padding: 30px 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

#footer-left {max-width: 320px;padding-top: 30px}
#funtof-footer-appareil {width: 51px; height: 66px;background: url(/images/funtof-footer-appareil.png);background-size: 51px 66px;display: inline-block;float: left;margin-top: -12px;margin-right: 10px}
#funtof-footer {width: 128px; height: 31px;}
#funtof-fr {margin-left: 10px;width: 20px; height: 31px;}
#funtof-com {margin-left: 10px;width: 20px; height: 31px;}

#footer-right {max-width: 320px;padding-top: 30px;}
#footer-links {text-align:right;font-size: 12px;}
#footer-copyright {text-align:right;margin-top: 10px;font-size: 12px;}

/* Contact
----------------------------------------------- */
#contact {margin-top: 30px}
#contact input[type="text"], #contact textarea {  box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;margin: 10px 0 20px 0;border: none;background: #EAEAEA;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px }
#contact input[type="text"] {min-width: 250px;padding: 10px}
#contact textarea {width: 100%;padding: 10px;resize: none;}
#contact label {display:block;}


/*Barre de partage
----------------------------------------------- */
#sharebar-container {
	height: 47px;
	position:relative;
	z-index: 999;
}
#sharebar {
	overflow:hidden;
	padding:5px 0 4px 0;
	background: #fff;
	z-index: 999;
	width: 100%;
}
#sharebar.fixed {
	position: fixed;
	top: 61px;
}
#sharebar-center {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#nbsharesfb {
	padding:3px 6px 4px 6px;
	border:2px solid #525E84;
	color: #525E84;
	font-weight: bold;
	font-size: 16px;
	margin-right: 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display: none;
}
#fbcontent{
	width: 65px;
	overflow: hidden;
	margin-top: 10px;
}
iframe {max-width : 100%;}

#share1 {background:url('../images/fbs@2X.png') #5e86b5  no-repeat;-webkit-background-size: 70px 30px;-moz-background-size: 70px 30px;background-size:70px 30px;}
#share1:hover {background:url('../images/fbs@2X.png') #3B5998  no-repeat;webkit-background-size: 30px 30px;-moz-background-size: 70px 30px;background-size: 70px 30px;}
#share2 {background:url('../images/twitterh@2X.png') #76b6e4 no-repeat;-webkit-background-size: 70px 30px;-moz-background-size: 70px 30px;background-size: 70px 30px;}
#share2:hover {background:url('../images/twitterh@2X.png') #5B91B7 no-repeat;webkit-background-size: 70px 30px;-moz-background-size: 70px 30px;background-size: 70px 30px;}
#share3 {t;background:url('../images/gplush@2X.png') #DF4B38  no-repeat;-webkit-background-size: 70px 30px;-moz-background-size: 70px 30px;background-size: 70px 30px;}
#share3:hover {background:url('../images/gplush@2X.png') #C13E30  no-repeat;webkit-background-size: 70px 30px;-moz-background-size: 70px 30px;background-size: 70px 30px;}
#share4 {background:url('../images/contacth@2X.png')  #92B776 no-repeat;-webkit-background-size: 70px 30px;-moz-background-size: 70px 30px;background-size: 70px 30px;}
#share4:hover {background:url('../images/contacth@2X.png') #7B9B63  no-repeat;webkit-background-size: 70px 30px;-moz-background-size: 70px 30px;background-size: 70px 30px;}

#share1, #share2, #share3, #share4 {
	width:70px;height:30px;
	margin-right: 5px;
	background-position: center center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#share1:hover, #share2:hover, #share3:hover,#share4:hover {
	background-position: center center;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}

/*404
----------------------------------------------- */
.error-404 {width: 50%; margin-left: 25%}
.error-back {font-size: 20px;text-align: center;padding-top: 20px}



/*Responsive
----------------------------------------------- */
#menu-resp {
	display:none;
	background: #F74850;
	position: fixed;
	top: 20px;
	left: 20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	z-index: 9999;
	width: 20px;
	height: 20px;
	padding: 6px 10px 10px 10px
}

.bar {
	height: 2px;
	width: 20px;
	background: #fff;
	margin-top: 5px;
	-webkit-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
}

.bar_1 {
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}

.bar_2 {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
}

.bar_3 {
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}

.bar_1.close {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.bar_2.close {
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
}

.bar_3.close {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

#menu-full {
	padding-top: 60px;
	overflow-y:auto;
	overflow-x:hidden;
	display: none;
	position: fixed;
	background: #F74850;
	color: white;
	left: 0;
	top: 0;
	bottom: 0;
	width: 220px;
	z-index: 9998;
}

#menu-full-filler {
	position: fixed;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	display: none;
	background: #191D20;
	opacity: 0.6;
	z-index: 9997;
}

#menu-full-header {
	padding: 20px 30px;
	overflow: hidden;
}

#funtof-menu-v2 {
	height: 15px;
	width: auto;
}

#menu-v2 {min-height: 380px;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;}
#menu-v2 li {padding: 10px 30px}
#menu-v2 li:last-child {padding-top: 30px}

@media only screen and (max-width: 960px) {
	#header-img {
	    background: #eee;
	    border-bottom: 1px solid #ddd;
	    height: 75px;
	}
	#line-1, #line-2, #line-3 {
		display: none;
	}
	#a-funtof-img {
	top: 36px;
	margin-left: 0;
	width: 136px;
    height: 50px;
    background-size: 136px 50px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
	}
	.fb-like-header {
	    top: 58%;
	    left: 87%;
	}

	#header-menu {display: none;}
	#global {margin-top: 0;}

	#eye,#smile {opacity: 0}

	#menu-resp {display: block;}
}

@media only screen and (max-width: 768px) {
	/*.article-nav {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}*/

	.button {
		font-size: 1.15em;
	}

	#share1, #share2, #share3, #share4 {
	    width: 20px;
	}
}

@media only screen and (max-width: 480px) {
	#global, #footer-in {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	#col_gauche {width: 100%;}
	#col_droite {width: 100%;padding-left: 0;}

	#footer-copyright, #footer-links {text-align:left;}
} 

/*#menu-resp {display:none;background: #191D20;padding:0;overflow: hidden ;position: fixed;top: 20px;left: 20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow: 0px 0px 2px #888787;-moz-box-shadow: 0px 0px 2px #888787;-webkit-box-shadow: 0px 0px 2px #888787;z-index: 9998 }
.menu-icon {cursor:pointer;float: left;overflow:hidden;width: 20px;padding: 6px 10px 10px 10px}
.bar,.bar-w {height: 2px;background: #fff;margin-top: 5px}
#button-menu {float:right;margin-top: 18px;background: #53C8B4;color: white;border: none;margin-right: 0;padding: 5px 10px}

#menu-full {overflow-y:auto;overflow-x:hidden;display: none;position: fixed; background: #191D20;color: white;left: 0;top: 0; bottom: 0;width: 220px; z-index: 9999}
#menu-full-filler {position: fixed;left: 0;bottom: 0;top: 0; right: 0;display: none; background: #191D20;opacity: 0.3;z-index: 9998}
#menu-full-header {padding: 30px 20px;overflow: hidden;width: 180px;}
#menu-full-header .menu-icon {float: right;padding-top: 0}
#funtof-menu-v2 {float:left;width: 64px; height: 15px;margin-top: 6px;}
#menu-v2 {min-height: 380px;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;}
#menu-v2 li {width: 180px;padding: 10px 20px}
#menu-v2 li:last-child {padding-top: 30px}

@media only screen and (min-width: 1279px) {
#header-menu-in, #global, #globalindex,#footer-in {width: 1200px;}
#global, #globalindex {padding-top: 20px}
#col_gauche {width: 800px;}
#col_droite, #col_droite-in {width: 370px}

.article-img {height: 360px}
.suggestion-img {height: 200px}
.suggestion img {min-height: 200px;}

#sharebar {width:780px;}
.article-p, .article-p-2 {border-top: none;position: relative; background: #fff;font-size: 130%;
    line-height: 160%;}
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
#header-menu-in, #global, #globalindex,#footer-in {width: 728px;}
#header-img {background-size: 630px 189px;}
#header-img-in {height: 170px;background-size: 728px 189px;}
#line-3 {display: none}
#global, #globalindex {padding-top: 20px}
#col_gauche {width: 460px;}
#col_droite {width: 240px}

#a-funtof-img {width: 180px;height: 66px;left: 50%;margin-left: -115px;top: 57px;background-size: 180px 66px;}
.fb-like-header {left: 50%;margin-left: -28px;top: -65px;} 

.article-title, .article-title-2 {font-size: 28px;line-height: 28px;font-weight: 700}
.article-title-little {font-size: 22px;}
.article-img {height: 230px}
.article img {min-height: none;}
.suggestion-img {height: 130px}
.suggestion img {min-height: 130px;}

#sharebar {width:440px;}
#share1,#share2, #share3, #share4 {width: 40px}
#button-prev,#button-next {font-size: 27px;padding: 10px;margin-right: 0}

#footer-left {width: 100%;padding-top: 30px;}
#footer-right {width: 100%;float:left;overflow: hidden;}
#footer-links {margin-top: 20px;text-align: left}
#footer-copyright {margin-top: 10px;text-align: left}
.article-p, .article-p-2 {border-top: none;position: relative; background: #fff;font-size: 130%;
    line-height: 160%;}
}



@media only screen and (min-width: 568px) and (max-width: 767px) {
#global, #globalindex, #footer-in {width: 548px;}
#global, #globalindex {padding-top: 20px}
#col_gauche {width: 350px}
#col_droite {width: 185px;}
#header-img {background:#eee;border-bottom: 1px solid #ddd}
#header-img-in {width: 100%;height: 75px;background: url(/images/funtof-logo-min.png);  background-size: 157px 50px;background-repeat: no-repeat;background-position: center center}
#line-2,#line-3 {display: none}
#menu-resp {display:block;}
#header-menu {display: none;}

#a-funtof-img {width: 180px;height: 66px;left: 50%;margin-left: -90px;top: 7px;background-size: 180px 66px;}
.fb-like-header {left: 75%;top: -57px;} 

h2 {font-size: 15px;line-height: 15px}

.article {margin-bottom: 20px;padding: 6px;}
.article-title, .article-title-2 {font-size: 20px;line-height: 20px;font-weight: 700}
.article-title-little {font-size: 20px;}
.article-img {height: 220px;}
.article img {min-height: none;}
.suggestion-img {height: 100px;}
.suggestion img {min-height: 100px;}


#sharebar {left: 0; right: 0; width: auto}
#share1,#share2, #share3, #share4 {width: 20px}
#button-prev,#button-next {font-size: 18px;padding: 10px;margin-right: 0}
#button-next {margin-right: 0}

#footer {padding-bottom: 50px}
#footer-left {width: 100%;padding-top: 30px;}
#footer-right {width: 100%;float:left;overflow: hidden;}
#footer-links {margin-top: 20px;text-align: left}
#footer-copyright {margin-top: 10px;text-align: left}
}

@media only screen and (min-width: 480px) and (max-width: 567px) {
#global, #globalindex, #footer-in {width: 440px;}
#global, #globalindex {padding-top: 10px}
#col_gauche {width: 435px}
#col_droite {width: 100%;}
#header-img {background:#eee;border-bottom: 1px solid #ddd}
#header-img-in {width: 100%;height: 75px;background: url(/images/funtof-logo-min.png);  background-size: 157px 50px;background-repeat: no-repeat;background-position: center center}
#line-2,#line-3 {display:none}
#menu-resp {display:block;}
#header-menu {display: none;}

#a-funtof-img {width: 180px;height: 66px;left: 50%;margin-left: -90px;top: 7px;background-size: 180px 66px;}
.fb-like-header {left: 75%;top: -57px;} 

h2 {font-size: 15px;line-height: 15px}

.article {margin-bottom: 20px;padding: 6px;}
.article-img, .suggestion-img {height: 200px;}
.article-title-little {font-size: 18px;}
.article-title, .article-title-2 {font-size: 20px;line-height: 20px;font-weight: 700}
.article-img {height: 220px}
.article img {min-height: none;}

#sharebar {left: 0; right: 0; width: auto}
#sharebar-center {margin: 0 auto;}
#share1,#share2, #share3, #share4 {width: 40px}
#button-next {margin-right: 0}

#footer {padding-bottom: 50px}
#footer-left {width: 100%;padding-top: 30px;}
#footer-right {width: 100%;float:left;overflow: hidden;}
#footer-links {margin-top: 20px;text-align: left}
#footer-copyright {margin-top: 10px;text-align: left}

}

@media only screen and (max-width: 479px) {
#global, #header-menu-in, #globalindex {width: 336px;}
#global, #globalindex {padding-top: 10px}
#col_gauche {width: 330px}
#col_droite {width: 100%;}
#footer-in {width: 300px}
#header-img {background:#eee;border-bottom: 1px solid #ddd}
#header-img-in {width: 100%;height: 75px;background: url(/images/funtof-logo-min.png);  background-size: 127px 40px;background-repeat: no-repeat;background-position: center center}
#line-2,#line-3 {display:none}
#menu-resp {display:block;}
#header-menu {display: none;}

h2 {font-size: 15px;line-height: 15px;margin: 5px 0 5px 0;}

#sharebar-container {width: 330px;}
#sharebar {left: 0; right: 0;top: 0; width: auto}
#sharebar-center {margin: 0 auto;overflow: hidden}
#share1,#share2, #share3, #share4 {width: 30px}
#nbsharesfb span {display: none}

#a-funtof-img {width: 180px;height: 66px;left: 50%;margin-left: -90px;top: 7px;background-size: 180px 66px;}
.fb-like-header {  left: 50%;margin-left: 0;top: -33px;}


.article {margin-bottom: 20px;padding: 2px;}
.article-img {height: 150px}
.article img {min-height: none;}
.article-title-little {font-size: 18px;}
.article-title, .article-title-2 {font-size: 20px;line-height: 20px;font-weight: 700}
#button-prev,#button-next {font-size: 18px;padding: 10px;margin-right: 0}

#footer {padding-bottom: 50px}
#footer-left {width: 100%;padding-top: 40px;}
#footer-right {width: 100%;float:left;overflow: hidden;}
#footer-links {margin-top: 10px;text-align: left}
#footer-copyright {margin-top: 0px;text-align: left}
}


@media only screen and (device-width: 375px) and (orientation : portrait) {
#global, #globalindex, #footer-in {width: 355px;}
#global, #globalindex {padding-top: 10px}
#col_gauche {width: 353px}
#col_droite {width: 100%;}
#header-img {background:#eee;border-bottom: 1px solid #ddd}
#header-img-in {width: 100%;height: 75px;background: url(/images/funtof-logo-min.png);  background-size: 157px 50px;background-repeat: no-repeat;background-position: center center}
#line-2,#line-3 {display:none}
#menu-resp {display:block;}
#header-menu {display: none;}

h2 {font-size: 15px;line-height: 15px;margin: 5px 0 5px 0;}

#a-funtof-img {width: 180px;height: 66px;left: 50%;margin-left: -90px;top: 7px;background-size: 180px 66px;}
.fb-like-header {left: 75%;top: -57px;}
 
.article {margin-bottom: 20px;padding: 2px;}
.article-img, .suggestion-img {height: 200px;}
.suggestion-img img {min-height: 200px}
.article-title-little {font-size: 16px;}
.article-title, .article-title-2 {font-size: 20px;line-height: 20px;font-weight: 700}
.article-img {height: 220px} 
.article img {min-height: none;}

#sharebar-container,#sharebar {width: 300px;}
#sharebar {left: 0; right: 0; width: auto}
#share1,#share2, #share3, #share4 {width: 40px}
#button-next {margin-right: 0}

#footer {padding-bottom: 50px}
#footer-left {width: 100%;padding-top: 30px;}
#footer-right {width: 100%;float:left;overflow: hidden;}
#footer-links {margin-top: 20px;text-align: left}
#footer-copyright {margin-top: 10px;text-align: left}
}
*/