/*
Theme Name: IDB - Institut des Biothérapies
Theme URI: http://www.institut-biotherapies.fr/
Description: Thème des sites IDB, AGT, GENETHON, I-STEM
Author: Bookmark
Version: 1.0
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
}
table { 
	border-collapse:collapse;
}
table td { 
}
table td { 
	vertical-align:top;
}
body {
	line-height:1em;
}
h1, h2, h3, h4, h5, h6 {
	clear:both;
	font-weight:normal;
	line-height:1em;
}
ol, ul {
	list-style:none;
	padding-left:0;
}
blockquote {
	quotes:none;
}
blockquote:before, blockquote:after {
	content:'';
	content:none;
}
del {
	text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
a img {
	border:none;
}


/* Utils
-------------------------------------------------------------- */

.alignleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.alignright {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

#content hr {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #ddd;
	border-width:0 0 1px 0;
}

.clear { clear:both; }

.clear {
	display:block;
	visibility:hidden;
}

.wp-caption {
	margin-left:-5px;
	margin-right:-5px;
	text-align:center;
}

.wp-caption img {
	display:block;
	margin:auto;
}
.wp-caption .wp-caption-text {
	margin:0;
	margin-left:5px;
	margin-right:5px;
	padding:5px 10px;
	background:#90bdd0;
	text-align:left;
}

/* Fonts
-------------------------------------------------------------- */

*, 
body, 
html {
	font-family:Arial, Verdana, sans-serif;
}
body,
input,
textarea {
	color:#222222;
	font-size:12px;
	line-height:16px;
}
strong { 
	color:#000; 
	font-weight:bold; 
}
a {
	color:#0299ff;
	text-decoration:none;
}
a:hover, 
a:active { 
	color:#00618b; 
	text-decoration:underline; 
}
li {
	margin-top:5px;
	margin-bottom:5px;
	list-style-type:none;
	/*list-style-type:disc;
	list-style-position:inside;
	list-style-image:url('images/li-bullet.gif');*/
	background-image:url('images/li-bullet.gif');
	background-repeat:no-repeat;
	background-position:0 0.45em;
	padding-left:10px;
}
ul { margin-left:2px; margin-bottom:10px; }
ul ul { margin-left:15px; }


/* Structure
-------------------------------------------------------------- */

body {
	background:#f1f1f1;
	background-image:url('images/body-background.gif');
	background-repeat:repeat;
	background-position:top center;
}

#wrapper {
	width:968px;
	margin:0 auto;
	padding:0 0 30px 0;
	background-color:#fff;
	background-image:url('images/wrapper-background-bottom.gif');
	background-repeat:no-repeat;
	background-position:bottom center;
}

#header, #main {
	padding:10px 40px 10px 50px;
	position:relative;
	background-color:#fff;
	background-image:url('images/wrapper-background.gif');
	background-repeat:repeat-y;
	background-position:top center;
}

#footer {
	width:968px;
	margin:0 auto;
	padding:10px 0;
	position:relative;
}

/* Nav top
-------------------------------------------------------------- */
#nav-top {
	height: 35px;
	width: 100%;
	background: #4d4d4d bottom repeat-x url('images/nav-top-bg.png') ;
	border-bottom: #2b2b2b;
}

#nav-top-wrapper {
	width: 962px;
	margin: 0 auto;
	background: url('images/nav-top-item-border.png') left no-repeat;
}

#nav-top ul {
	padding: 0;
	margin: 0;
	width: 100%;
	background: url('images/nav-top-item-border.png') right no-repeat;
	display: block;
	height: 35px;
}

#nav-top ul li {
	background: url('images/nav-top-item-border.png') left no-repeat;
	padding: 0;
	margin: 0;
	height:35px;
	list-style: none;
	float:right;
	
}
#nav-top ul li#nav-top-first-item {
	float:left;
	background: url('images/nav-top-item-border.png') right no-repeat;
}
#nav-top ul li#nav-top-second-item {
	float:left;
	background: url('images/nav-top-item-border.png') right no-repeat;
}

#nav-top ul li a {
	display: block;
	height:35px;
	margin: 0 0 0 2px;
}

#nav-top ul li#nav-top-first-item a, #nav-top ul li#nav-top-last-item a {
	margin: 0 2px;
}

#nav-top ul li#nav-top-second-item a {
	margin: 0 2px 0 0;
}

#nav-top ul li#nav-top-last-item a {
	margin: 0 2px;
}

#nav-top ul li a:hover {
	background: url('images/nav-top-item-border-hover.png') repeat-x;
}

#nav-top ul li a span {
	display: block;
	height:35px;	
	text-indent: -9999px;
}

/* nav top */

#nav-top ul li a span#nav-top-1 {
	width: 110px;
	padding: 0 20px;
	background: url('images/afm-telethon-fr.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-2 {
	width: 101px;
	padding: 0 20px;
	background: url('images/idb-fr.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-3 {
	width: 119px;
	padding: 0 20px;
	background: url('images/agt-fr.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-4 {
	width: 94px;
	padding: 0 20px;
	background: url('images/genethon-fr.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-5 {
	width: 70px;
	padding: 0 20px;
	background: url('images/im-fr.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-6 {
	width: 56px;
	padding: 0 20px;
	background: url('images/istem-fr.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-1-en {
	width: 110px;
	padding: 0 20px;
	background: url('images/afm-telethon-en.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-2-en {
	width: 101px;
	padding: 0 20px;
	background: url('images/idb-en.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-3-en {
	width: 119px;
	padding: 0 20px;
	background: url('images/agt-en.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-4-en {
	width: 94px;
	padding: 0 20px;
	background: url('images/genethon-en.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-5-en {
	width: 70px;
	padding: 0 20px;
	background: url('images/im-en.png') center center no-repeat;
}

#nav-top ul li a span#nav-top-6-en {
	width: 56px;
	padding: 0 20px;
	background: url('images/istem-en.png') center center no-repeat;
}

/* Header
-------------------------------------------------------------- */

/* #site-title */

#site-title {
	float:left;
	font-size:1.8em;
	line-height:36px;
	margin:0 0 18px 0;
}
#site-title a {
	color:#214387;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.2em;
	/* image override */
	display:block;
	width:170px;
	height:100px;
	text-indent:-9999px;
	background-image:url('images/logo.gif');
	background-repeat:repeat;
	background-position:0px 0px;
}

/* #access */

#access {
	width:670px;
	float:right;
	text-align:right;
	margin-right:8px;
}

/* #search */

#search {
	padding:0;
	margin-top:10px;
	margin-bottom:15px;
	border:1px #e5e5e5 solid;
	width:auto;
	float:right;
	clear:both;
}

#search fieldset {
	padding:0;
	margin:0;
}

#search input#s {
	width:200px;
	border:none;
}

#search input.submit {
	width:20px;
	height:20px;
	border:none;
	border-style:none;
	text-indent:-9999px;
	background:transparent;
	background-image:url('images/search-icon.gif');
	background-repeat:no-repeat;
	background-position:center center;
}

/* #lang_sel_list */

#header #lang_sel_list {
	float:right;
	padding:0;
	margin:0;
	margin-bottom:15px;
	height:auto;
	width:auto;
}

#header #lang_sel_list ul{
	border:none;
}
#header #lang_sel_list ul li {
	background-image:none;
	padding-left:0;
	border:none;
	display:inline;
	float:none;
	width:auto;
	padding:0;
}

#header #lang_sel_list ul li a {
	display:inline;
	border:none;
	padding:5px 5px 5px 10px;
	color:#00618B;
	text-decoration:none;
}

#header #lang_sel_list ul li a:hover {
	text-decoration:underline !important;
}

#header #lang_sel_list ul li a.lang_sel_sel {
	display:none;
}

/* .menu */

#menu-categories, #menu-categories-en {
	margin-left: 0;
}

#menu-categories li.current-menu-item, #menu-categories-en li.current-menu-item {
	background-image: url('images/li-current.gif');
}

#menu-categories li.current-menu-item a, #menu-categories-en li.current-menu-item a {
	color: #00618B;
}

#access .menu { /*position:absolute; right:40px; top:70px;*/
	float:right;
	clear:both; }
#access .menu ul { 
	clear:both;
	background-image:none; 
	padding-left:0; 
}
#access .menu li {
	background-image:none;
	padding-left:0;
	display:inline;
	margin:0;
}

#access .menu li a {
	padding:2px 20px;
	border:1px #7dacb9 solid;
	border-width:0 1px 0 0;
}

#access .menu li.current_page_item a {
	color:#00618b;
}

#access .menu ul ul {
	display:none;
}

/* Container
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-size:2em;
	font-weight:normal;
	color:#00618b;
	margin-bottom:10px;
}
h2 { font-size:1.6em; }
h3 { font-size:1.4em; font-weight:bold; }
h4 { font-size:1.2em; font-weight:bold; }
p { margin-bottom:10px; }


/* Pagenav
-------------------------------------------------------------- */

#content {
	width:670px;
	float:right;
	position:relative;
}
#content .entry-title {
	/*width:670px;
	float:right;
	position:relative;*/
	margin-bottom:20px;
}
#content .entry-thumbnail {
	margin-bottom:20px;
}
#container #content .entry-content,
#container #content .left-column,
#container #content .right-column {
	margin-bottom:10px;
}
#container #content .left-column {
	clear:both;
}
#container #content strong { color:#000; }
#container #content h2,
#container #content h3,
#container #content h4,
#container #content h5,
#container #content h6 { /*margin-top:15px;*/ font-weight:bold; font-size:1.1em; }

/* #container.twocolumns
-------------------------------------------------------------- */

#container { padding-bottom:50px; }
#container.homepage { padding-bottom:0px; }

/* #container.twocolumns
-------------------------------------------------------------- */

#container.twocolumns .left-column {
	width:325px;
	float:left;
}
#container.twocolumns .right-column {
	width:325px;
	float:right;
}

/* #container.sidecolumns
-------------------------------------------------------------- */

#container.sidecolumns .entry-content {
	width:420px;
	float:left;
}
#container.sidecolumns .right-column {
	color:#000;
	float:right;
	width:200px;
	padding:10px 10px 240px 10px;
	background-color:#7fb0c5;
	background-image:url('images/sidebar.png');
	background-repeat:no-repeat;
	background-position:bottom center;
}
#container.sidecolumns #content .right-column h2,
#container.sidecolumns #content .right-column h3,
#container.sidecolumns #content .right-column h4,
#container.sidecolumns #content .right-column h5,
#container.sidecolumns #content .right-column h6 { color:#fff; margin-top:0; }

#container.sidecolumns #content .right-column h2 { font-size:1.6em; }
#container.sidecolumns #content .right-column h3 { font-size:1.4em; }
#container.sidecolumns #content .right-column h4 { font-size:1.2em; }
#container.sidecolumns #content .right-column a { color:#000; text-decoration:underline; }
#container.sidecolumns #content .right-column strong { color:#000; }
#container.sidecolumns #content .right-column li { background-image:url('images/li-bullet2.gif'); }

/* #container.productlist
-------------------------------------------------------------- */

#container.productlist .product-progress .label {
	/*font-size:1.6em;
	padding:10px 10px;*/
}

/* #container.blog
-------------------------------------------------------------- */

#container.blog .post {
	margin-bottom:10px;
	padding-top:10px;
}
#container.blog .post .entry-summary {
	border:1px solid #ddd;
	border-width:0 0 1px 0;
	padding-bottom:10px;
}

#container.blog .post h2.entry-title {
	margin-bottom:5px;
}

#container.blog .post .entry-meta {
	font-size:0.9em;
	color:#888;
	margin-bottom:5px;
}

#container.blog a.feed {
	position:absolute;
	top:0; right:0;
	display:block;
	width:16px;
	height:16px;
	background-image:url('images/rss.png');
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
}

/* #container.search
-------------------------------------------------------------- */

#container.search .page,
#container.search .post {
	border:1px solid #ddd;
	border-width:0 0 1px 0;
	padding-bottom:10px;
	margin-bottom:20px;
}

/* Pagenav
-------------------------------------------------------------- */

#pagenav {
	width:170px;
	float:left;
	position:relative;
}
#pagenav li.current_page_item,
#pagenav li.current-cat {
	background-image:url('images/li-current.gif');
}
#pagenav li.current_page_item a,
#pagenav li.current-cat a {
	color:#00618b;
}
#pagenav li.current_page_item ul a,
#pagenav li.current-cat ul a {
	color:#0299ff;
}
#pagenav .root-page {
	color:#00618b;
	font-weight:bold;
}


/* #container.homepage
-------------------------------------------------------------- */

#container.homepage #site-description {
	width:270px;
	height:300px;
	text-indent:-9999px;
	float:left;
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-bottom:30px;
}
#container.homepage #postpush a.showall,
#container.homepage #prodpush a.showall {
	color:#000;
	padding-left:12px;
	font-weight:normal;
	background-image:url('images/li-bullet.gif');
	background-repeat:no-repeat;
	background-position:2px 5px;
}

/* slidpush */

#container.homepage #slidpush {
	width:595px;
	height:300px;
	float:left;
	margin-right:-50px;
	padding-right:0px;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
}
#container.homepage #slidpush .slides {
	width:9999px;
}
#container.homepage #slidpush .slide {
	width:600px;
	height:300px;
	float:left;
	margin:0 0 0 1px;
	padding:0;
	display:block;
	position:relative;
}
#container.homepage #slidpush .slide a { 
	color:#000;
}
#container.homepage #slidpush .slide .label {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:2;
	padding:15px 80px 15px 20px;
	font-size:1.5em;
	line-height:1em;
	color:#000;
	background-image:url('images/slider-bg.png');
	background-repeat:repeat;
	background-position:0px 0px;
}
#container.homepage #slidpush .slide img {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#container.homepage #slidpush .slider-button-prev,
#container.homepage #slidpush .slider-button-next {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:3;
	padding:18px 8px;
	display:block;
	cursor:pointer;
}
#container.homepage #slidpush .slider-button-prev { right:40px; padding-left:24px; }
#container.homepage #slidpush .slider-button-next { right:0px; padding-right:24px; }
#container.homepage #slidpush .slider-button-prev .icon,
#container.homepage #slidpush .slider-button-next .icon {
	width:8px;
	height:8px;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	background-image:url('images/slider-arrows.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#container.homepage #slidpush .slider-button-prev:hover .icon { background-position:0px -8px; }
#container.homepage #slidpush .slider-button-next .icon { background-position:-8px 0px; }
#container.homepage #slidpush .slider-button-next:hover .icon { background-position:-8px -8px; }

/* postpush */

#container.homepage #postpush {
	width:250px;
	float:left;
	clear:both;
	margin-right:25px;
}
#container.homepage #postpush li {
	margin-bottom:10px;
}
#container.homepage #postpush li a {
	display:block;
}
#container.homepage #postpush li .post-date {
	color:#0299ff;
	font-size:0.9em;
}
#container.homepage #postpush li .post-name {
	color:#000;
	font-weight:bold;
	display:block;
	/*margin-left:10px;*/
}

/* prodpush */

#container.homepage #prodpush {
	width:320px;
	float:left;
	margin-right:25px;
}
#container.homepage .product-progress-header {
	font-size:0.8em;
}

/* pagepush */

#container.homepage #pagepush {
	width:250px;
	float:left;
	overflow:hidden;
}
#container.homepage #pagepush h2 {
	margin-top:10px;
	margin-bottom:10px;
}
#container.homepage #pagepush a {
	color:#000;
}


/* Products
-------------------------------------------------------------- */

#container.products .product-progress .label {
	font-size:1.2em;
	padding-top:10px;
	padding-bottom:10px;
}


/* .product-progress
-------------------------------------------------------------- */

.product-progress-header {
	position:relative;
	margin-bottom:10px;
	border:1px solid #03b6f2;
	border-width:0 1px 0 0;
}
.product-progress-header .phase {
	display:block;
	position:absolute;
	top:0; left:0;
	padding:2px 0 2px 5px;
	border:1px solid #03b6f2;
	border-width:0 0 0 1px;
}
.product-progress-header .phase.phase-1 { left:0%; }
.product-progress-header .phase.phase-2 { left:33%; }
.product-progress-header .phase.phase-3 { left:66%; }


.product-progress {
	position:relative;
	background:#d4e8f1;
	margin-bottom:10px;
}
.product-progress .progess {
	z-index:1;
	position:absolute;
	height:100%;
	top:0px; left:0px;
	background:#bddce9;
	background-image:url('images/productphase-progess.gif');
	background-repeat:repeat;
	background-position:0px 0px;
}
.product-progress .label {
	color:#000;
	position:relative;
	z-index:3;
	display:block;
	width:100%;
	font-weight:bold;
	padding:4px 10px;
	padding-left:10px;
	/* gif does not exist… */
	/*background-image:url('images/bullet-white.gif');*/
	background-repeat:no-repeat;
	background-position:10px center;
}

.product-progress .phase {
	z-index:2;
	position:absolute;
	top:0; left:0;
	z-index:2;
	height:100%;
	border:1px solid #fff;
	border-width:0 1px 0 0;
}
.product-progress .phase.phase-1 { display:none; }
.product-progress .phase.phase-2 { left:33%; }
.product-progress .phase.phase-3 { left:66%; }


/* Form
-------------------------------------------------------------- */

form textarea,
form input[type='text'] {
	width:100%;
}


/* Footer
-------------------------------------------------------------- */

#footer {
}

#colophon {
	float:left;
	text-align:right;
	padding:0 20px;
}

#right-logo {
	float:right;
	margin-right:20px;
	margin-bottom: 20px;
}

#colophon ul.menu li {
	display:inline;
	margin-left:15px;
	margin-right:15px;
	background-image:none;
	padding-left:0;
}


/* Footer
-------------------------------------------------------------- */

#nav-above,
#nav-below {
	padding:5px 10px;
	background-color:#f8f8f8;
}
#nav-above {
	margin-bottom:10px;
	border:1px solid #ddd;
	border-width:0 0 1px 0;
}
#nav-below {
	margin-top:-10px;
}
#nav-above a,
#nav-below a {
	color:#00618B;
}
#nav-above .nav-next,
#nav-below .nav-next {
	float:left;
}
#nav-above .nav-previous,
#nav-below .nav-previous {
	float:right;
}

.doyoulikecookies {
    padding: 10px 17px;
    max-width: 340px;
    text-align: left;
    z-index: 99999;
    position: fixed;
    bottom: 30px;
    left: 30px;
    font-size: 14px;
    color: #3A3A3A;
    background-color: #f2f2f8;
    box-shadow: 0 0 0 14px rgba(0,0,0,.3);
}
.doyoulikecookies_readmore {
    color: inherit;
    display: inline-block;
}
.doyoulikecookies_accept {
    margin: 10px auto;
    padding: 3px 17px;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    border-radius: 5px;
    background-color: #3A3A3A;
}