/** Généralités & Reset **/

*,html,body {margin:0; padding:0;}
html,body {min-width:533px;}

body {overflow-y:scroll; background:black; font-size:18px; font-family: 'Open Sans'; font-weight:300; line-height:30px; color:#36404c;}
body.no-scroll {overflow-y:hidden;}

main.root {background:white; display:block;}
main.root {min-height:500px;}
main.root > div:first-child {margin-top:0 !important;}

#before-footer {clear:both; height:83px; background:white;}

a img {border:0;}
a {outline: none;}
:focus{-moz-outline-style: none;}
.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.overlay {position:fixed; z-index:9999; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,.5);}

	
/* Couleurs standard */
.color-green {color:#46bd79;}
.color-blue {color:#374A61;}
.color-red {color:#D40019;}

/** Arrières plan de couleur **/
.blue-bg {background-color:#374a61; color:white;}
.green-bg {background-color:#46bd79; color:white;}

/** Mises en pages des textes sur fond blanc **/
.wysiwyg {color:#36404c; font-size:15px; line-height:30px; font-weight:300;}
.wysiwyg strong {font-weight:600;}
.wysiwyg h2 {font-size:24px; line-height:30px; font-weight:600; padding-bottom:31px;}
.wysiwyg h3 {font-size:18px; line-height:30px; font-weight:600; padding-bottom:5px;}
.wysiwyg h4 {font-size:18px; line-height:30px; font-weight:300; padding-bottom:5px;}
.wysiwyg h2 em,
.wysiwyg h3 em,
.wysiwyg h4 em {font-style:normal; font-weight:300;}
.wysiwyg ul {list-style:disc outside; padding-left:65px; margin-left:0; padding-bottom:5px; overflow: hidden;} /* le overflow permet d'afficher correctement une liste positionnée à droite d'un élément flottant à gauche */
.wysiwyg ol {list-style-position:outside; padding-left:20px; margin-left:0; padding-bottom:5px; overflow: hidden;} 
.wysiwyg a {color:#46bd79; text-decoration:none; font-weight:600;}
.wysiwyg .actions a:hover,
.wysiwyg a:hover {color:#27a75e;}
.wysiwyg .wp-caption {max-width:100%; height:auto !important; margin:16px 0; font-size:0; line-height:16px;}
.wysiwyg .wp-caption .wp-caption-text {font-size:12px;}
.wysiwyg .wp-caption img {max-width:100%; height:auto;}
.wysiwyg ul img,
.wysiwyg ol img,
.wysiwyg p img {max-width:100%; height:auto;}
.wysiwyg .alignright {float:right; margin-left:36px; margin-bottom:9px;}
.wysiwyg .alignleft {float:left; margin-right:36px; margin-bottom:9px;}
.wysiwyg .aligncenter {display:block; margin-left:auto; margin-right:auto;}
.wysiwyg pre {font-family:'Roboto Slab'; font-size:48px; line-height:60px; font-weight:400;}
.wysiwyg table {width:100%; font-size:15px; line-height:30px; font-weight:300;}
.wysiwyg.w50 iframe {max-width:393px; height:212px;}

a.anchor {position:absolute; margin-top:-150px;}


/** Mises en pages des textes sur fond vert **/
.green-bg .wysiwyg {color:white;}
.green-bg .wysiwyg p a {color:white;}
.green-bg .wysiwyg p a:hover {color:white;}
.green-bg .wysiwyg pre {color:#36404c;}

/** Mises en pages des textes sur fond bleu **/
.blue-bg .wysiwyg {color:white;}
.blue-bg .wysiwyg p a {color:white;}
.blue-bg .wysiwyg p a:hover {color:white;}



/** Boutons OsiriX **/
.osirix-button {display:inline-block; font-family:'Roboto Slab'; font-size:18px; line-height:30px; font-weight:400 !important; text-decoration:none; padding:6px 35px; cursor:pointer; margin:10px 0;}
.osirix-button.color-white {color:white !important; border:2px solid white;}
.osirix-button.color-green {color:#46bd79 !important; border:2px solid #46bd79;}
.osirix-button.color-green:hover {color:#27a75e !important; border:2px solid #27a75e;}
.osirix-button.color-blue {color:#374a61 !important; border:2px solid #374a61;}
.osirix-button.color-black {color:black !important; border:2px solid black;}
.osirix-button.bgcolor-white {background:white;}
.osirix-button.bgcolor-green {background:#46bd79;}
.osirix-button.bgcolor-green:hover {background:#27a75e;}
.osirix-button.bgcolor-blue {background:#374A61;}
.osirix-button.bgcolor-orange, .osirix-button.bgcolor-yellow {background:#f8c33b; border:2px solid #f8c33b;}


/** Shortcode "liste d'images d'une autre page" **/
.shortcode_pictures_from_list_of_people .list {font-size:0;}
.shortcode_pictures_from_list_of_people .list img {display:inline-block; vertical-align:middle; box-sizing:border-box; padding-right:5%;}
.shortcode_pictures_from_list_of_people .list img:last-child {padding-right:0;}
.shortcode_pictures_from_list_of_people .actions {text-align:right; font-size:18px;}


/** Shortcode BUBBLE **/
.osirix-bubble {display:inline-block; color:#36404c; font-family:'Roboto Slab'; font-size:15px; line-height:30px; font-weight:400; white-space:nowrap;}
.osirix-bubble .bubble {display:inline-block; color:white; font-size:18px; padding:6px 20px;}
.osirix-bubble .bubble.blue {background:#374a61;}
.osirix-bubble .bubble.green {background:#46bd79;}
.osirix-bubble .bubble.left {margin-left:15px;}
.osirix-bubble .bubble.right {margin-right:15px;}
.osirix-bubble .bubble.withtail:before {content:' '; font-size:0; display:inline-block; width:15px; height:12px; background:url(../img/bubble-tail.png) no-repeat top left; background-size:100% 100%; position:absolute; margin-top:35px; margin-left:-12px;}


/** Shortcode knowledge base **/
.shortcode_knowledge_base h2 {margin-bottom:6px;}
.shortcode_knowledge_base ul {padding-bottom:31px;}
.shortcode_knowledge_base .sub {padding-bottom:31px;}


/** Layout "Gallery" **/
.osirix_gallery {font-size:0; text-align:justify;}
.osirix_gallery:after {content: ''; display: inline-block; width: 100%;}
.osirix_gallery a {display:inline-block; text-decoration:none;}
.osirix_gallery a img {display:block;}


/* Layout DICOM dataset */
.dicom-line .left {padding-left:181px; margin-bottom:20px;}
.dicom-line .right {padding-left:205px; margin-bottom:20px;} /* including left gutter of 24px */
.dicom-line .thumbnail {display:block; position:absolute; margin-left:-181px; margin-top:5px; width:150px; min-height:150px; background:#F0F0F0;}
.dicom-line .thumbnail img {display:block; width:100%; height:auto;}


/** Lightbox **/
@media screen and (min-width: 960px) { /* desktop only */
	.tos-close, .tos-next, .tos-prev {opacity:.7 !important;}
	.tos-close:hover, .tos-next:hover, .tos-prev:hover {opacity:1 !important;}
}
.tos-wrapper.tos-fixed {background:rgba(0,0,0,.75) !important;}
.tos-next span, .tos-prev span {width:20px; height:20px; margin:-9px;}
.tos-close span:after, .tos-close span:before {width:9px; height:9px; margin-top:-6px;}
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-caption .tos-slide {padding-bottom:18px !important;}


/** Formulaires **/
input[type=submit], input[type=button] {-webkit-appearance:none;}
form.osirix-form .fieldset {margin-bottom:31px;}
form.osirix-form .fieldset label {display:block; font-size:15px; line-height:15px; font-weight:600; margin-bottom:7px;}
form.osirix-form .prettyCHECKBOX label {margin-left:10px; padding-top:2px;}
form.osirix-form .fieldset input,
form.osirix-form .fieldset select,
form.osirix-form .fieldset textarea {display:block; width:100%; box-sizing:border-box; padding:5px 10px; border:2px solid #36404c; font-size:18px; font-family: 'Open Sans'; font-weight:300; line-height:30px; color:#36404c;}
form.osirix-form .fieldset select {-webkit-appearance: none; -moz-appearance:none; background:white url(../img/select-arrow.png) right 16px no-repeat;}
form.osirix-form .fieldset textarea {height:190px;}
.blue-bg form.osirix-form .fieldset input,
.blue-bg form.osirix-form .fieldset select,
.blue-bg form.osirix-form .fieldset textarea {border:2px solid white;}
form.osirix-form .actions input {border:none; background:#46bd79; color:white; padding:6px 30px; font-size:18px; font-family: 'Roboto Slab'; font-weight:400; line-height:30px; cursor:pointer;}
form.osirix-form .actions input:hover {background:#27a75e;}
form.osirix-form .actions input:hover:disabled {background:#46bd79;}
form.osirix-form .actions input:disabled {opacity:.5; cursor:default;}
form.osirix-form .return-message {display:none; color:white; padding:5px 15px; font-weight:600;}
form.osirix-form .return-message.success {background:#46bd79;}
form.osirix-form .return-message.fail {background:#D40019;}
#contact-form {max-width:450px;}


/** Formulaires pour télécharger OsiriX Lite **/
form.lite-form {display:none;}
form.lite-form .fieldset {width:50%;}
form.lite-form .fieldset.large {width:100%;}
a.switch-lite-form {min-width:160px; text-align:center; margin-right:30px;}
form.lite-form .actions input:hover,
form.lite-form .actions input:hover:disabled,
form.lite-form .actions input {background:#f8c33b; border:2px solid #f8c33b; color:#36404c;}
form.lite-form .error-icon {display:none;}
form.lite-form .fieldset {position:relative;}
form.lite-form .error .error-icon {position:absolute; bottom:5px; right:8px; display:inline-block;}
form.lite-form .other {margin-top:15px;}


/** Menu en top-bar **/
#top-bar {position:fixed; min-width:533px; z-index:8000; top:0; left:0; right:0; height:50px; box-sizing:border-box; }
#top-bar a.logo {display:inline-block;}
#top-bar a.logo img {display:inline-block; vertical-align:middle;}
#top-bar .mobile {display:none;}
#top-bar .main-wrapper {position:relative;}
#top-bar nav {display:inline-block; -webkit-font-smoothing:subpixel-antialiased;}
#top-bar nav span.column-title {display:inline-block; text-transform:uppercase; font-size:15px; line-height:30px; font-weight:600; margin-left:60px;}
#top-bar nav span.column-title.active {color:#46bd79;}
#top-bar nav .sub-menu {position:absolute; z-index:0; top:0; box-sizing:border-box; width:230px; padding:50px 0 0 0; max-height:50px; opacity:.1; transition:all 0.1s ease-in; overflow:hidden; list-style:none; background:rgba(0,0,0,0);}
#top-bar nav .sub-menu.hover {max-height:350px; opacity:1;}
#top-bar nav .sub-menu ul {list-style:none; padding:20px 30px; margin:0 6px 6px 0; border-top:1px solid #FBFBFB; background:#374A61; box-shadow:1px 3px 6px rgba(0,0,0,.5); font-size:15px; line-height:30px;}
#top-bar nav .sub-menu ul a {color:white; text-decoration:none;}
#top-bar nav .sub-menu ul a:hover {color:#27a75e;}
#top-bar nav .sub-menu ul a.active {color:#46bd79;}
#top-bar nav .sub-menu ul a.active:hover {cursor:default; color:#46bd79;}
#top-bar nav a.desktop.link {position:relative; z-index:1; display:inline-block; color:#46bd79; text-decoration:none; font-size:15px; line-height:30px; font-weight:600; padding:10px 0 9px 0; margin-top:1px; margin-left:60px; min-width:105px; -webkit-font-smoothing:antialiased;}
#top-bar nav a.desktop.link:hover {color:#27a75e;}
#top-bar nav a.desktop.button {position:absolute; top:8px; right:20px; display:inline-block; text-decoration:none; font-family: 'Roboto Slab'; font-weight:400; font-size:15px; line-height:30px; color:#43576e; background:#f8c33b; padding:2px 13px;}

#top-bar nav .sub-menu.lang-selector {width:auto; padding-right:15px;}
#top-bar nav span.column-title.lang-selector {margin-left:15px; color:#46bd79;}
#top-bar nav a.lang_sel_sel {display:none;}


/** Fil d'ariane **/
#breadcrumb {position:absolute; z-index:20; left:0; width:100%; color:white; font-size:12px; padding-top:21px;}
#breadcrumb span a {color:white; text-decoration:none;}
#breadcrumb span a:hover {text-decoration:underline;}
#breadcrumb span.sep {display:inline-block; margin:0 4px;}


/** Liste de personnes (ambassadeurs, partenaires, ...) **/
ul.list-of-people {list-style:none;}
ul.list-of-people li .left img {width:100%; height:auto;}
ul.list-of-people .wysiwyg .content p {margin-top:31px;}
ul.list-of-people .wysiwyg.withoutShortDescription .content p {margin-top:0;}
ul.list-of-people .wysiwyg .more,
ul.list-of-people .wysiwyg .less {text-decoration:underline; cursor:pointer;}
ul.list-of-people .wysiwyg.reduced .content {display:none;}
ul.list-of-people .wysiwyg .more {display:none;}
ul.list-of-people .wysiwyg.reduced .less {display:none;}
ul.list-of-people .wysiwyg.reduced .more {display:inline-block;}
ul.list-of-people li > div {margin-top:62px;}
ul.list-of-people li.item0 > div {margin-top:0;}
ul.list-of-people.two-columns li.item1 > div {margin-top:0;}
ul.list-of-people ul.quotes {list-style:none; padding-left:0;}
ul.list-of-people ul.quotes li {margin-top:15px;}
ul.list-of-people ul.quotes li blockquote {font-family:'Roboto Slab'; font-size:18px; font-weight:500;}
ul.list-of-people ul.quotes li .author {font-family:'Roboto Slab'; font-size:15px; font-weight:500; text-align:right;}


/** Spécifique à la page FAQ **/
.faq .target-bloc {background:#46bd79; padding:20px; color:white;}
.faq .target-bloc a {color:white;}
/*.faq .direct-link {display:none;}*/

/** Home du blog **/
/** ou LAYOUT "blog article excert" qui permet de pousser un article du blog n'importe où sur le site **/
.blog-item a {display:block; text-decoration:none; color:#36404c;}
.blog-item h2 {margin-bottom:5px;}
.blog-item time {font-family:'Roboto Slab'; font-weight:400; text-transform:uppercase;}
.blog-item .author {font-family:'Roboto Slab'; font-weight:400;}
.blog-item .excerpt {text-align:justify;}
.blog-item .more {font-weight:bold;}
.blog-item a:hover h2 {text-decoration:none; color:#46bd79;}
.blog-item a:hover .more {text-decoration:none; color:#46bd79;}
.blog-item .post-thumbnail img {width:auto; height:auto; max-width:100%; max-height:500px; margin-left:20px;}

.blog-item .excerpt {margin-top:16px;}
.blog-article-excerpt h2 {margin-bottom:16px;}

.load-more-articles {text-align:center;}



/** Un article du blog **/
article.single h2 {margin-bottom:5px;}
article.single time {font-family:'Roboto Slab'; font-weight:400; text-transform:uppercase;}
.blog-pagination hr {border:none; background:none; box-shadow:none; border-top:1px solid #36404c; width:80%; margin:62px auto;}
.blog-pagination .next {text-align:right;}
article.single aside {margin-top:31px;}


article.single .author .photo {float:left; width:100px; height:100px; overflow:hidden; border-radius:50px; margin-top:8px;}
article.single .author .photo img {width:100%; height:auto;}
article.single .author .description {margin-left:116px; font-weight:400; font-family:'Roboto Slab';}
article.single .author .description.withoutPhoto {margin-left:0;}
article.single .author .description strong.name {display:block; color:#46bd79;}
article.single .author .description a {font-weight:400;}

article.single .social {text-align:right; font-weight:400; font-family:'Roboto Slab';}
article.single .social .wrapper {float:right; text-align:left;}
article.single .social ul {list-style:none; padding-left:0; font-size:0; margin-top:6px;}
article.single .social ul li {display:inline;}
article.single .social ul li a {display:inline-block; margin-left:30px;}
article.single .social ul li:first-child a {margin-left:0;}
article.single .social ul li a img {width:40px; height:40px;}
article.single .social ul li a .on {display:none;}
article.single .social ul li a:hover .off {display:none;}
article.single .social ul li a:hover .on {display:inline-block;}


/** caroussel **/
.slider {position:relative; z-index:10; overflow:auto;}
.slider ul {list-style:none;}
.slider ul li {float:left;}
.slider ul li a {display:block; color:white; text-decoration:none;}
.slider ul li h1 {font-size:36px; font-weight:600;}
.slider ul li p.subtitle {font-size:24px; line-height:30px; font-weight:600;}
.slider ol.dots {position:absolute; bottom:38px; text-align:center; left:0; right:0; list-style:none;}
.slider ol.dots li {display:inline-block; font-size:0; width:18px; height:18px; border-radius:9px; background:white; margin-right:22px; cursor:pointer;}
.slider ol.dots li:last-child {margin-right:0;}
.slider ol.dots li.active {background:#46bd79; cursor:default;}
header.root .slider {height:500px; background:black;}
header.root .slider ul li {background:no-repeat top center; background-size: auto 100%; height:500px; text-align:center; color:white;}
main.root .slider {padding-bottom:25px; background:white;}
main.root .blue-bg .slider {background:#374a61;}
main.root .green-bg .slider {background:#46bd79;}
main.root .slider ul:after {content:' '; display:inline-block; height:1px; clear:left;}
main.root .slider ul li .photo {float:left; width:168px; height:168px; overflow:hidden; border-radius:84px; margin-top:8px; margin-left:50px;}
main.root .slider ul li .photo img {width:100%; height:auto;}
main.root .slider ul li blockquote {font-family:'Roboto Slab'; font-size:24px; line-height:36px; font-weight:200; margin-left:295px;}
main.root .slider ul li .author {font-family:'Roboto Slab'; font-size:18px; font-weight:200; text-align:right;margin-top:30px;}
main.root .slider ul li > a {display:block; text-decoration:none; color:white;}
main.root .slider ol.dots {bottom:0;}
main.root .slider ol.dots li {background:#36404c;}
main.root .slider ol.dots li.active {background:#36404c; opacity:.5;}
main.root .blue-bg .slider ol.dots li,
main.root .blue-bg .slider ol.dots li.active,
main.root .green-bg .slider ol.dots li,
main.root .green-bg .slider ol.dots li.active {background:white;}


/** Entête : bannière **/
header.root {padding-top:50px;}
header.root .banner {background:black no-repeat center top; background-size: auto 100%; height:190px; color:white; box-sizing:border-box; padding-top:9px;}
header.root .banner h1 {font-size:36px; font-weight:600;}


/** Pied de page **/
footer.root {border-top:10px solid #46bd79;}
footer.root nav .column-title,
footer.root nav a {color:white; text-decoration:none; font-size:18px; line-height:30px; font-weight:600;}
footer.root nav a:hover {color:#27a75e;}
footer.root nav ul {list-style:none;}
footer.root nav ul li a {font-weight:300; font-size:15px;}
footer.root .copyright {max-width:684px; margin-left:auto; margin-right:auto; padding-bottom:62px !important; border-top:1px solid #738191; text-align:center; color:#46bd79; font-size:12px; line-height:20px;}
footer.root .copyright a {color:#46bd79; text-decoration:none;}
footer.root .copyright a:hover {color:#27a75e;}
footer.root .copyright .mobile {display:none;}


/** Pop-up modale pour la splash screen **/
.modal {display:none; position:fixed; z-index:9999; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.7); overflow-y:auto;}
.modal > .table {display:table; position:absolute; top:0; left:0; width:100%; height:100%;}
.modal > .table > .cell {display:table-cell; text-align:center; vertical-align:middle; max-width:100%;}
.modal > .table > .cell .wrapper {display:inline-block; position:relative; background:white; border-radius:5px; cursor:default;}
.modal > .table > .cell .wrapper .close {position:absolute; right:20px; top:20px; cursor:pointer;}
.modal > .table > .cell .wrapper .content {margin:40px 30px 25px 30px; color:#1a2931; text-align:left; max-width:100%;}
.modal > .table > .cell .wrapper .content label > a {color:#1a2931; text-decoration:underline;}
.modal > .table > .cell .wrapper .content label > a:hover {color:black;}