@charset "utf-8";
/* CSS Document */

html{font-size:100%}html,body{width:100%;height:100%;}body{margin:0;padding:0;line-height:normal;font-family: 'Roboto Condensed', sans-serif;color:#383838;}h1,h2,h3,h4,h5,h6{margin:1em 0 .5em;line-height:1.2;font-style:normal;font-family: 'Roboto Condensed', sans-serif;}h1{font-size:1.75em;color:#05B6BB;}h2{font-size:1.5em; color: #05B6BB;}h3{font-size:1.25em}h4{font-size:1em}ol,ul{margin:.75em 0 .75em 32px;padding:0}p{margin:1em 0}address{margin:.75em 0;font-style:normal}a{text-decoration:none;color:#1776ac;cursor:pointer;}a img{border:none}em{font-style:italic} fieldset,form{margin:0;padding:0;border:none}button,input,select{vertical-align:middle}.clear{clear:both}

img{
	max-width: 100%;
}

p{
	color: #014f68;
	font-family:Arial, Helvetica, sans-serif;
}

input, textarea, select, button{
    font-family:Arial, Helvetica, sans-serif;
}

input[type="submit"], button{
	cursor: pointer;
	font-family: 'Roboto Condensed';
}


.overall{
    max-width: 1200px;
	margin: auto;
	position: relative;
}
.overall_pad{
    max-width: 1200px;
	padding: 0 12px;
	margin: auto;
	position: relative;
}

.col_1_3{
	float: left;
	width: 33.3333%;
}
.padding{
	padding: 12px;
}


/* BLOC SITE */

#bloc_site{
	padding: 0 0 0 282px;
	background: url(../images/bg_menu.jpg) repeat;
}



/* HEADER */

header#haut{
	width: 282px;
	float: left;
	margin: 0 0 0 -282px;
}
header#haut a#logo{
	margin: auto;
	padding: 35px 0;
	display: block;
	text-align: center;
	color: #05516A;
	font-size: 1.125em;
	line-height: 1em;
	font-weight: 700;
	font-style: italic;
}
header#haut a#logo img{
	display: block;
	margin: auto auto 10px auto;
}
header#haut a#logo span.nutri{
	font-size: 1.500em;
}
#picto_menu::before{
	content: "";
    max-width: 35px;
    height: 4px;
    display: block;
    margin-bottom: 4px;
    border-radius: 1px;
    background: #47443f;
	transition: all 300ms;
}
#picto_menu::after{
	content: "";
    max-width: 35px;
    height: 4px;
    display: block;
    margin-bottom: 4px;
    border-radius: 1px;
    background: #47443f;
	transition: all 300ms;
}
#picto_menu span{
    width: 24px;
    height: 4px;
    display: block;
    margin-bottom: 4px;
    border-radius: 1px;
    background: #47443f;
	transition: all 300ms;
}
#picto_menu {
	position: absolute;
	top: 50%;
	left: 20px;
	margin: -10px 0 0 0;
}
#btn_menu{
	position: relative;
	color: #47443f;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.125em !important;
	line-height: 1em;
	padding: 24px 20px 24px 60px;
	cursor: pointer;
	display: none;
	margin: auto;
	background: #FFF;
}
#deroulant{
	display: block;
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0 28px;
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	position: relative;
	z-index: 10;
	text-align: center;
	border-top: 1px solid #E6E6E6;
}
#deroulant>li{
	margin: 0;
	display: block;
	text-align: center;
	position: relative;
}
#deroulant>li a{
	color: #666;
	display: block;
	padding: 8px;
	font-size: 1.063em;
	line-height: 1.125em;
	position: relative;
	transition: all 300ms;
	z-index: 10000;
}
#deroulant>li:hover>a{
	color: #FFF;
	background: #05516A;
}
#deroulant>li.deux_lignes a {
	height: 50px;
	padding: 15px 21px 0 21px;
}
#deroulant>li>ul{
	position: absolute;
	background: #05516A;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	z-index: 10000;
	display: none;
	top: 0;
	right: -100%;
}
#deroulant>li>ul>li a{
	color: #FFF;
}
#deroulant>li>ul>li:hover a{
	background: #1776ac;
}
#deroulant>li:hover>ul{
	display: block;
}

.btn_m{
	display: block;
	margin: 24px;
	text-align: center;
}
.btn_m img{
	display: block;
	width: 100%;
}
.btn_m span{
	display: block;
	padding: 12px;
	background: #BEBEBE;
	color: #FFF;
	text-transform: uppercase;
	transition: all .2s;
}
.btn_m:hover span{
	background: #05516A;
	color: #FFF;
}


/* CORPS */

#corps{
	float: left;
	width: 100%;
}

#dieteticien{
	background: #05B6BB;
	color: #FFF;
}
#dieteticien img{
	float: left;
}
#dieteticien h1{
	color: #FFF;
	font-size: 3.375em;
	line-height: 0.913em;
	font-weight: 300;
	margin: 0;
}
#dieteticien h1 span{
	display: block;
	font-weight: 400;
	font-size: 1.296em;
	line-height: 0.913em;
	text-transform: uppercase;
}
#dieteticien h2{
	color: rgba(255,255,255,0.7);
	font-size: 1.875em;
	line-height: 1em;
	font-weight: 300;
	margin: 12px 0 16px 0;
}
#dieteticien section{
	max-width: 55%;
	float: left;
	padding: 30px 36px;
	background: url(../images/bg_diet.png) no-repeat center left;
}
#dieteticien section p{
	display: inline-block;
	color: #FFF;
	font-size: 1em;
	line-height: 1.125em;
	margin: 14px 32px 0 0;
}
#dieteticien section p:nth-of-type(2){
	padding: 0 0 0 16px;
	border-left: 1px solid #FFFFFF;
}
#dieteticien section p strong{
	font-weight: 700;
}
#btn_contact{
	float: left;
	width: 58px;
	height: 52px;
	background: rgba(0,0,0,0.1);
	position: relative;
	border-radius: 4px;
	margin: 16px 16px 0 0;
}
#btn_contact::before{
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -20px;
	background: url(../images/sprite.png) no-repeat 0 0;
}


#bloc_galerie{
	background: rgba(255,255,255,0.15);
	float: left;
	width: 50%;
	min-height: 50px;
}
#bloc_galerie > div{
	box-sizing: border-box;
	padding: 20px;
}
#bloc_galerie a, #bloc_galerie span{
	float: left;
	width: 100%;
	overflow: hidden;
}
#bloc_galerie a img, #bloc_galerie span img{
	/*max-width: none;
	width: auto !important;*/
}

#bloc_actus{
	background: rgba(255,255,255,0.3);
	float: left;
	width: 50%;
}


.marges_img{
	width: 50%;
	height: auto;
	display: block;
}


/* SLIDER */

.carousel_auto{
	padding: 0;
	display: block;
	width: 100%;
	clear: both;
}
.carousel_auto .item{
	margin: 0 46px;
	position: relative;
	transition: all 400ms;
	color: #918a7a;
	overflow: hidden;
}
.carousel_auto .item span{
	display: block;
	overflow: hidden;
}
.carousel_auto .item:hover{
}
.carousel_auto .item img{
	display: block;
    width: auto !important;
	float: left !important;
	margin: 4px 20px 0 0;
}
.carousel_auto .item div{
	padding: 10px 16px 0 16px;
}
.carousel_auto .item div a::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.carousel_auto .item div a {
	color: #918a7a;
	line-height: 1.375em;
}
.carousel_auto .item div a strong {
	display: block;
	color: #FFF;
	font-size: 1.375em;
	font-weight: 700;
	transition: all 400ms;
	margin-bottom: 12px;
}
.carousel_auto .item div p{
	margin: 6px 0;
	font-size: 0.875em;
	color: #FFF;
}
.carousel_auto .item div p em{
	display: block;
}

.carousel_auto .owl-dots {
	display: none !important;
}

.carousel_auto .owl-prev{
	position: absolute;
	overflow: hidden;
	text-indent: -500px;
	left: 0;
	top: 50%;
	margin-top: -25px;
	width: 46px;
	height: 50px;
	background: rgba(0,0,0,0.1);
	transition: all 300ms;
}
.carousel_auto .owl-prev:hover{
	background: rgba(0,0,0,0.3);
}
.carousel_auto .owl-prev::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -10px;
	content: "";
	background: url(../images/sprite.png) no-repeat -55px 0;
	width: 18px;
	height: 20px;
}
.carousel_auto .owl-next{
	position: absolute;
	overflow: hidden;
	text-indent: -500px;
	right: 0;
	top: 50%;
	margin-top: -25px;
	width: 46px;
	height: 50px;
	background: rgba(0,0,0,0.1);
	transition: all 300ms;
}
.carousel_auto .owl-next:hover{
	background: rgba(0,0,0,0.3);
}
.carousel_auto .owl-next::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -10px;
	content: "";
	background: url(../images/sprite.png) no-repeat -88px 0;
	width: 18px;
	height: 20px;
}


/* CONTENU HOME */

#contenu_home{
	padding: 46px 472px 46px 46px;
	background: #FFF;
}
#contenu_home h1{
	margin-top: 10px;
	font-size: 2.5em;
}


#col_droite{
	float: right;
	width: 380px;
	margin: 0 -426px 0 0;
}

#col_droite .bloc{
	margin-bottom: 26px;
	text-align: center;
	border: 1px solid #EAEAEA;
	position: relative;
}
#col_droite .bloc p{
	margin: 0;
	padding: 12px;
	background: #F3A51D;
	color: #FFF;
	margin-top: 10px;
	text-transform: uppercase;
}
#col_droite .bloc a{
	display: block;
	font-size: 2.125em;
	color: #F3A51D;
	padding: 10px;
}
#col_droite .bloc a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#col_droite .bloc img{
	display: block;
	margin: auto;
}

#col_droite .bloc.recettes{
	margin-bottom: 26px;
	text-align: center;
	border: 1px solid #EAEAEA;
}
#col_droite .bloc.recettes p{
	margin: 0;
	padding: 12px;
	background: #05516A;
	color: #FFF;
	margin-top: 10px;
	text-transform: uppercase;
}
#col_droite .bloc.recettes a{
	display: block;
	font-size: 2.125em;
	color: #05516A;
	padding: 10px;
}

#edito{
	font-size: 14px;
	width: 100%;
	float: left;
	color: #014f68;
	font-family: Arial, helvetica, sans-serif;
}
#edito p{
	font-family: Arial, helvetica, sans-serif;
	text-align: justify;
	font-size:14px;
	line-height: 1.375em;
}
#edito h2, #edito h3, #edito h4, #edito h5, #edito h6{
	font-family: Arial, helvetica, sans-serif;
	font-weight: 400;
}


/* ARIANE */

#breadcrumb{
	background: #F0F0F0;
	color: #999999;
	max-width: 1080px;
	margin: auto;
	border-bottom: 1px solid #E5E5E5;
}
#breadcrumb ul{
	padding: 0 12px;
	margin: 0 auto;
	list-style: none;
	font-size: 0.813em;
	font-weight: 500;
}
#breadcrumb ul li{
	display: inline-block;
}
#breadcrumb ul li a{
	display: block;
	color: #999999;
	padding: 8px 12px;
	background: url(../images/puce_ariane.png) no-repeat center left;
}
#breadcrumb ul li:hover a{
	color: #1776AC;
}
#breadcrumb ul li:first-of-type a{
	background: none;
	padding-left: 0;
}
#breadcrumb ul li:last-child a{
	color: #1776AC;
}


/* FOOTER */

footer#bas{
	background: #B3B3B3;
	padding: 26px;
}
footer#bas p{
	margin: 0;
	color: #DDD;
	font-size: 0.913em;
	float:left;
		
}
footer#bas a{
	color: #FFF;
}
footer#bas a:hover{
	color: #014f68;
}
#mentions{
	float: left;
	width: 302px;
}


/* ACTUALITES */

#actus{
	margin: 0 -12px;
}
.item_actu{
	float: left;
	width: 50%;
	font-size: 0.913em;
	color: #666;
}
#actus .item_actu:nth-of-type(2n+1){
	clear: both;
}
.item_actu .margin{
	margin: 12px;
	position: relative;
}
.item_actu a{
	display: block;
}
.item_actu a::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.item_actu img{
	float: left;
	margin: 0 20px 6px 0;
}
.item_actu strong{
	font-size: 1.25em;
	font-weight: 400;
}
.item_actu span{
	color: #f37521;
	font-size: 0.875em;
	display: block;
	margin-bottom: 12px;
}
.btn{
	padding: 6px 16px;
	margin: 14px 0 0 0;
	background: #F39D20;
	color: #FFF;
	display: inline-block;
	border-radius: 16px;
	transition: all .2s;
	border: none;
	cursor: pointer;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item_actu:hover .btn, .btn:hover{
	background: #05b6bb;
}

#pagination{
	padding-top: 20px;
}

#contenu_page{
	padding:30px;
	background: #FFF;	
}
#contenu_page h1{
	margin-top: 0;
	font-size: 2.5em;
}

#page{
	color: #014f68;
	max-width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
}
#page p, #page ul{
	color: #014f68;
	line-height: 1.5em;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#page strong{
	font-weight: bold;
}
#page a, a{
	color: #f16523;
}
#page a:hover, a:hover{
	color: #004167;
}
#page .btn{
	margin-top: 12px;
}
#page table, #edito table, #page table tbody, #edito table tbody{
	width: 100%;
	max-width: 100%;
	display: block;
}

#page img, #edito img{
	height: auto !important;
}

#img_actu{
	float: left;
	max-width: 40%;
	margin: 0 20px 10px 0;
}

#video{
	clear: both;
	padding: 26px 0;
}
#video iframe{
	height: 600px;
}

#commentaires{
	padding: 20px;
	margin: 40px 0 0 0;
	border: 1px solid #CCC;
	background: #F5F5F5;
}
#commentaires h2{
	margin: -20px -20px 0 -20px;
	font-weight: 500;
	font-size: 1.75em;
	background: #05b6bb;
	color: #FFF;
	padding: 16px 20px;
}

#commentaires h3{
	font-weight: 500;
	font-size: 1.25em;
	margin-bottom: 20px;
	color: #1776ac;
}
#commentaires input[type="text"], #commentaires input[type="password"], #commentaires textarea{
	border: 1px solid #CCC;
	background: #FFF;
	padding: 8px;
	width: 80%;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 4px 0;
}
#commentaires table{
	width: 100%;
}
#commentaires table tr td{
	padding: 4px;
}
.marge_top{
	margin-top: 4px !important;
}

.nom_com{
	color: #1776ac !important;
	font-weight: 500 !important;
	margin-bottom: 0;
}
.date_com{
	margin-top: 0;
	font-size: 0.875em;
	color: #ec6807 !important;
}
.commentaire{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 12px 20px;
	margin: 0 -20px -1px -20px;
	font-size: 1.063em;
}
#commentaires .commentaire:nth-of-type(odd){
	background: #F0F0F0;
}
#commentaires .commentaire:nth-of-type(even){
	background: #F9F9F9;
}

.txt_com{
	font-size: 0.875em;
}


form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="number"], form textarea{
	border: 1px solid #CCC;
	background: #FFF;
	padding: 8px;
	width: 100%;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 4px 0;
}
form table{
	width: 100%;
	font-size: 14px;
}




/* RESPONSIVE */
@media screen and (max-width:1480px) {
	.marges_img {
		width: 30%;
	}
}
@media screen and (max-width:1280px) {
	#dieteticien>img{
		width: 35%;
	}
	#dieteticien section{
		width: 65%;
		padding: 20px;
		max-width: none !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 0.75em;
	}
	.item_actu{
		width: 100%;
	}
}
@media screen and (max-width:1080px) {
	#contenu_home{
		padding: 20px;
	}
	#col_droite{
		float: none;
		width: 100%;
		margin: 0;
		padding: 30px 0 0 0;
		clear: both;
	}
	#video iframe{
		height: 400px;
	}
	#bloc_galerie, #bloc_actus {
		margin: 0;
		width: 100%;
	}

}

@media screen and (max-width:980px) {
	body{
		overflow-x: hidden;
	}
	#page table tr td, #edito table tr td{
		display: inline-block;
		max-width: 100%;
	}
}
@media screen and (max-width:780px) {
	#bloc_site{
		padding: 0;
	}
	header#haut {
		margin: 0;
		width: 100%;
	}
	header#haut a#logo {
		text-align: left;
		padding: 20px;
	}
	header#haut a#logo span{
		display: block;
		padding: 20px 0 0 0;
	}
	header#haut a#logo img{
		width: 103px;
		float: left;
		margin: 0 20px 0 0;
	}	
	#btn_menu{
		font-size: 1em;
		text-transform: uppercase;
		display: block;
	}
	#btn_menu.actif #picto_menu span{
		background: #FFF;
	}
	#btn_menu.actif #picto_menu::after{
		transform: rotate(45deg) !important;
		margin-top: -16px;
	}
	#btn_menu.actif #picto_menu::before{
		transform: rotate(-45deg) !important;
		margin-top: 8px;
	}
	ul#deroulant { position:relative; z-index:1000; display:none; background:#FFF; width: auto !important; overflow: auto; margin: 0 0 20px 0; border-top: 1px solid #EAEAEA; padding: 0; }
    ul#deroulant li { float:none; width:100%; border: none; border-bottom: 1px solid #EAEAEA; }
    ul#deroulant li a { text-align: center; margin: 0;  padding: 10px !important; height: auto !important; }
	ul#deroulant li a br { display: none;}
	ul#deroulant li a::before { left: 50%; }
	ul#deroulant.actif { display:block; }
	#deroulant>li{
		float: left;
		border-left: 1px solid #b7b7b7;
	}
	#btn_menu{
		margin-top: 20px;
	}
	#menu_plus{
		display: none;
	}
	#menu_plus.actif{
		display: block;
	}
	#deroulant>li>ul{
		position: relative;
		right: auto;
		top: auto;
		display: block;
		background: #EAEAEA;
		font-size: 0.875em;
		border-top: 4px solid #FFF;
	}
	#deroulant>li>ul>li a{
		color: #666;
		padding: 6px !important;
		border: 4px solid #FFF;
		border-top: 0;
	}
	#deroulant>li>ul>li{
		border: none;
	}
	#deroulant>li>ul>li:hover a{
		color: #FFF;
	}	
	#img_actu{
		max-width: 50%;
	}
	iframe{
		max-width: 100% !important;
		width: auto !important;
	}
}
@media screen and (max-width:640px) {
	#video iframe{
		height: 280px;
	}
	#commentaires table, form table{
		width: 100%;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#commentaires table tr td, form table tr td{
		padding: 4px;
		display: block;
		width: 100%;
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#commentaires input[type="text"], #commentaires input[type="password"] #commentaires textarea{
		width: 100%;
	}
}
@media screen and (max-width:480px) {
	#dieteticien>img{
		width: 100%;
	}
	#dieteticien section{
		width: 100%;
	}
	.carousel_auto .item img{
		display: block;
		width: auto !important;
		float: none !important;
		margin: auto auto 12px auto !important;
	}
	.carousel_auto .item div{
		padding: 16px;
		text-align: center !important;
	}
	.carousel_auto {
		padding: 0;
	}
	#bloc_actus{
		min-height: 0;
	}
	.carousel_auto .item {
		margin: 26px 46px 16px 46px;
	}
	#bloc_galerie a img{
		width: 100%;
	}
	.item_actu img{
		width: 32%;
		margin: 0 16px 10px 0;
	}
	.item_actu{
		padding-top:10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #EAEAEA;
	}
	.item_actu .btn{
		float: right;
	}	
	#img_actu{
		max-width: 100%;
		margin: 12px 0 24px 0;
	}
	#contenu_page{
		padding:16px;
	}
	#page table tr td img, #edito table tr td img{
		width: 100%;
		max-width: 240px;
	}
}



/* REDIM IMAGES HD */
@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) {
}