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


/* 
** widgets du haut 
*/
#nav_widgets .nav_widgets_option {
	position: relative;
}
#nav_widgets .nav_widgets_option .overlay-picto {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	font-size: 12px;
}


/* 
** teaser intro 
*/
#block_intro {
	font-size: 24px;
}
#block_intro,
.rubrique-3 #conteneur_inner,
.rubrique-4 #conteneur_inner,
.rubrique-10 #conteneur_inner {
	/*background-image: url(../media/design/fond-detoure-left.jpg), url(../media/design/fond-detoure-right.jpg);*/
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
}
.rubrique-3 #conteneur_inner,
.rubrique-4 #conteneur_inner,
.rubrique-10 #conteneur_inner {
	background-size: 25%, 25%;
}

#block_intro article:first-child {
	padding: 0 30px;
}
#block_intro .categories {
	text-align: center;
}
#block_intro .categories h2 {
	text-align: center;
}
#block_intro .categories > div {
	display: inline-block;
	width: 20%;
	height: auto;
	padding: 10px 20px;
	margin: 0.5em auto;
	text-align: center;
}
#block_intro .categories > div img {
	max-width: 175px;
	width: 100%;
	height: auto;
}

/* 
** teaser more avec les 3 autres sites 
*/
#block_more .teaser_other_site {
	width:33.3333%;
	text-align: center;
	padding: 30px 30px;
	vertical-align: bottom;
}
#block_more > div * {
	color: #FFF;
	font-size: 20px;
	font-weight: 300;
}
#block_more > div img {
	width: 100%;
}

/* 
** teaser mosaic 
*/
#block-teaser-1 {
	position: relative;
	padding: 50px 0;
	width: 100%;
	height: 770px;
}
#block-teaser-1 section > div {
	position: absolute;
	margin: 0.5%;
	overflow: hidden;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#block-teaser-1 section > div.mosaic-1 { /* video big */
	width: 49%;
	height: 428px;
	top: 0;
	left: 0;
}
#block-teaser-1 section > div.mosaic-2 { /* newsletter */
	width: 24%;
	height: 214px;
	top: 0;
	left: 50%;
}
.site-1 #block-teaser-1 section > div.mosaic-2 { background-image: url(../media/design/labo/fonds-teaser-mosaic-news.png); }
.site-2 #block-teaser-1 section > div.mosaic-2 { background-image: url(../media/design/sushi/fonds-teaser-mosaic-news.png); }
.site-3 #block-teaser-1 section > div.mosaic-2 { background-image: url(../media/design/oriental/fonds-teaser-mosaic-news.png); }
.site-4 #block-teaser-1 section > div.mosaic-2 { background-image: url(../media/design/molecul/fonds-teaser-mosaic-news.png); }

#block-teaser-1 section > div.mosaic-3 { /* faq */
	width: 24%;
	height: 214px;
	top: 0;
	right: 0;
}
.site-1 #block-teaser-1 section > div.mosaic-3 { background-image: url(../media/design/labo/fonds-teaser-mosaic-faq.png); }
.site-2 #block-teaser-1 section > div.mosaic-3 { background-image: url(../media/design/sushi/fonds-teaser-mosaic-faq.png); }
.site-3 #block-teaser-1 section > div.mosaic-3 { background-image: url(../media/design/oriental/fonds-teaser-mosaic-faq.png); }
.site-4 #block-teaser-1 section > div.mosaic-3 { background-image: url(../media/design/molecul/fonds-teaser-mosaic-faq.png); }

#block-teaser-1 section > div.mosaic-4 { /* recette 1 */
	width: 24%;
	height: 214px;
	top: 438px;
	left: 0;
}
#block-teaser-1 section > div.mosaic-5 { /* bon cadeau */
	width: 24%;
	height: 214px;
	top: 438px;
	left: 25%;
}
.site-1 #block-teaser-1 section > div.mosaic-5 { background-image: url(../media/design/labo/fonds-teaser-mosaic-gift.png); }
.site-2 #block-teaser-1 section > div.mosaic-5 { background-image: url(../media/design/sushi/fonds-teaser-mosaic-gift.png); }
.site-3 #block-teaser-1 section > div.mosaic-5 { background-image: url(../media/design/oriental/fonds-teaser-mosaic-gift.png); }
.site-4 #block-teaser-1 section > div.mosaic-5 { background-image: url(../media/design/molecul/fonds-teaser-mosaic-gift.png); }

#block-teaser-1 section > div.mosaic-6 { /* recette 2 big */
	width: 49%;
	height: 428px;
	top: 225px;
	right: 0;
}

#block-teaser-1 section > div h2 {
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	font-size: 22px;
	font-weight: 900;
	padding-right: 40px;
	background-image: url(../media/design/picto-puce-more.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
#block-teaser-1 section > div > div {
	padding: 20px;
	text-align: left;
	font-size: 22px;
	font-weight: 300;
	font-style:italic;
	color: #fff;
}
#block-teaser-1 section > div > div .newsletter-email {
	width: 100%;
	margin-top: 1em;
}

/*
** teaser facebook
*/
#block_fbwall {
	background-image: url(../media/design/fond-fb.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
.facebook-wall {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
.profile-info{
	overflow:hidden;
}
.time-ago{
	color:#999;
}
 
.profile-message{
	margin:1em 0;
}
 
.post-link{
	text-decoration:none;
}
.post-content{
	background: #f6f7f9; border: 1px solid #d3dae8; overflow:hidden;
}
.post-content img{
	max-width:100%;
}
.post-status{
	margin:.5em; font-weight:bold;
}
.post-info{
    width:70%; float:left; margin:.5em;
}
.post-info-name{
    font-weight:bold;
}
.post-info-description{
    color:#999;
}


/* 
** teaser plaquette 
*/
#block-teaser-2 {
	/*
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	*/
}
#block-teaser-2 * {
	color: #FFF;
}


/* 
** serp et fihce produit 
*/
.remplissage-alert {
	display: inline-block;
	font-size: 12px;
	font-weight: 900;
	font-style: italic;
	letter-spacing: 0.1px;
	padding: 2px 10px;
	border-radius: 10px;
}


/* 
** pictos de la page offir un bon cadeau 
*/
.categorie-bon-cadeau-ouvert {
	display: inline-block;
	position: relative;
	width: 175px;
	height: 210px;
	text-align: center;
	vertical-align: middle;
	margin: 30px;
	background-image: url(../media/design/picto-cat-cadeau-3h.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	font-size: 30px;
	font-weight: 900;
}
.categorie-bon-cadeau-ouvert:hover {
	background-image: url(../media/design/picto-cat-cadeau-3h-o.png);
}
.categorie-bon-cadeau-ouvert-2h {
	background-image: url(../media/design/picto-cat-cadeau-2h.png);
}
.categorie-bon-cadeau-ouvert-2h:hover {
	background-image: url(../media/design/picto-cat-cadeau-2h-o.png);
}

/* 
** recettes serp et fiche 
*/
.recette_element {
	padding: 30px 0;
}
.recette_element .block_vignette {
	width: 30%;
	padding: 1%;
	margin: 0 1%;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}
.recette_element .block_infos {
	display: inline-block;
	width: 65%;
	padding: 0;
}
.recette_element h2 {
	margin-top: 0;
}

/* 
** faq serp
*/
.faq_eleùment h3 {
	text-transform: none;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 40px;
	cursor: pointer;
}
.hstripe-style-1 .faq_eleùment h3 {
	background-image: url(../media/design/picto-puce-more-g.png);
}
.hstripe-style-7 .faq_eleùment h3 {
	background-image: url(../media/design/picto-puce-more.png);
}
.faq_eleùment_reponse {
	display: none;
}


/* 
** footer 3 
*/
#footer_3 .footer_sites > div {
	position: relative;
	margin-left: 20px;
	margin-top: 10px;
	width: 128px;
	height: 128px;
}
#footer_3 .footer_sites > div img {
	position: absolute;
	width: 60px;
	height: 60px;
}
#footer_3 .footer_sites > div img.logo-labo {
	top: 2px;
	left: 2px;
}
#footer_3 .footer_sites > div img.logo-sushi {
	top: 2px;
	right: 2px;
}
#footer_3 .footer_sites > div img.logo-oriental {
	bottom: 2px;
	left: 2px;
}
#footer_3 .footer_sites > div img.logo-molecul {
	bottom: 2px;
	right: 2px;
}
#footer_3 .footer_securite > p {
	text-align: center;
}

/* 
** BO 
*/

.canceled {
	background-color: #ddd;
}

.schedule_passed,
.session_schedule_passed > td:first-child {
	background-color:#666;
	color: #fff;
}
.loading_null,
.session_loading_null > td:first-child {
	background-color:#F00;
	color: #fff;
}
.loading_underflow,
.session_loading_underflow > td:first-child {
	background-color:#F90;
	color: #fff;
}
.loading_overflow,
.session_loading_overflow > td:first-child {
	background-color:#CF0;
	color: #fff;
}
.loading_nominal,
.session_loading_nominal > td:first-child {
	background-color: #0C0;
	color: #fff;
}

/* 
** feuille de presence 
*/

.feuille-presence-session tr {
	margin: 1px;
}
.feuille-presence-session td {
    padding: 1em;
    text-align: left;
    vertical-align: top;
}
.feuille-presence-session td:nth-child(1),
.feuille-presence-session td:nth-child(3) {
		font-style: italic;
		font-size: 14px;
}
.feuille-presence-session td:nth-child(3) {
    border-left: solid 3px #CF2027;
}
.feuille-presence-session td:nth-child(2),
.feuille-presence-session td:nth-child(4) {
		font-size: 16px;
    font-weight: bold;
}

.feuille-presence-participants {
	font-size: 22px;
}
.feuille-presence-participants tr.ligne_impaire {
	background-color: #eeeeee;
}
.feuille-presence-participants tr.cancelled {
	background-color: #CCC;
}
.feuille-presence-participants tr.cancelled td {
	background-image: url(../api/design/fond_crossed_out.png);
	background-repeat: repeat-x;	
	background-position: center center;
	background-size: auto 100%;
}

/* 
** calendrier des sessions 
*/
#calendar {
	max-width: 900px;
	margin: 0 auto;
}
.fc-day-grid-event .fc-content {
	white-space: normal;
}
a.fc-day-grid-event, a.fc-day-grid-event:visited {
	color: #ffffff !important;
}
.fc-scroller {
	height : auto !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}
#calendar tr:hover {
  background-color: transparent;
}
.legend {
	margin: 0 auto;
}
.legend td {
	border: none !important;
}