/*  SWYA  */

:root{
--color-main: #255d97;
--color-second: #d99d3e;	
--color-link: #0070bb;
}

/*reset*/
html{font-size: 90%}
body{font: 1rem/1.7rem 'Open Sans', Calibri, Verdana, Arial, sans-serif;}
a{outline-style: none; outline-width: medium; text-decoration:none; color: var(--color-link);}
a:hover{text-decoration:underline; color: var(--color-main);}
a.ext{background:url(../images/a_ext.png) right no-repeat; padding-right:12px}
.clear{clear:both}
.c{text-align: center;}
.r{text-align: right;}
hr{border:none; border-bottom: dashed 2px #ccc;}
.flexme{display: flex;}
.wrap{max-width:990px; margin:auto; padding:0 1rem;}

body{background:#f4f4f4; margin:0px}


/*header*/
header{background-color:#fff; padding:0.5rem 0;}
header a{color:#333;}
header a:hover{text-decoration: none;}
header .wrap{max-width:990px; margin:auto; padding:0 1rem; display: flex}
header .wrap .title{flex:1; align-self: center; padding:1rem 0;}
header .wrap .title .logo{font-family: 'Libre Baskerville', serif; font-size: 1.4rem; padding:0.5rem 0 0 0;}
header .wrap .title .date{margin: 0; padding: 0.25rem 0 0 0;}

/* mobile menu */
a.nav-mobile-link{color:#333; align-self: center; font-size: 1.2rem;}
a.nav-mobile-link:hover{text-decoration: none; color: var(--color-main);}
a.nav-mobile-link::before {content: ""; font-family: "Awesome"; padding-right: 5px;}

#menu-mobile.mm-menu{background-color: #444;} 
#menu-mobile.mm-menu a, #menu-mobile.mm-menu span{color: rgba(255, 255, 255, 0.8);}
#menu-mobile.mm-menu .mm-listview > li:not(.mm-divider)::after{border-color: rgba(0, 0, 0, 0.15);}
#menu-mobile.mm-menu li a:hover, .mm-navbar a:hover, #menu-mobile.mm-menu li.parent:hover > span, #menu-mobile.mm-menu li.parent:hover > a+a{background-color: var(--color-main);}
#menu-mobile.mm-menu li.parent a:hover{background-color: transparent;}
#menu-mobile.mm-menu li a:active, .mm-navbar a:active, #menu-mobile.mm-menu li.parent:active > span, #menu-mobile.mm-menu li.parent:active > a+a{background-color: rgba(0,0,0,0.5)}
#menu-mobile.mm-menu li.active a, #menu-mobile.mm-menu li.active span{border-left: 10px solid var(--color-main); background-color: rgba(255, 255, 255, 0.1);}
#menu-mobile.mm-menu .mm-listview, #menu-mobile.mm-menu .mm-listview > li .mm-arrow::after{border-color: rgba(255, 255, 255, 0.5)}
#menu-mobile.mm-menu .mm-listview > li .mm-next::after, #menu-mobile .mm-btn::after, #menu-mobile .mm-btn::before {border-color:#fff;}
#menu-mobile.mm-menu #mm-1 .mm-navbar a:hover{cursor: default; background:inherit;}


#header_web{height:218px; background:url(../images/header_bg.jpg) top center no-repeat #0d0f20; }
#header_web .wrap{height:220px; margin:auto; position: relative;}

#main{background:#fff; min-height:250px}
#main .wrap, #main2 .wrap{max-width:990px; margin:auto; padding:20px;}
#main2{position:relative; top:-100px}

.header-cover{display: inline-block; z-index: 2; position: absolute; top: -5px; left: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); background-color: #eee; padding: 5px; transform: rotate(-4deg);}

.content .pathway{margin-bottom:10px; font-weight:bold; color:#4A4A4A; display:none}
.content .pathway a{color:#0227B1; font-weight:bold}

a.pdf{background:url(../../source/images/ico_pdf.png) left no-repeat; padding:2px 0px 2px 25px}


.content .congres_image{position:absolute; top:100px; z-index:5; }
.content .congres_image img{position:relative; left:50px; width:320px; height:240px; transform:rotate(-4deg); }

.content .menu ul li ul  {position: absolute; left: -999em; margin-top:6px}
.content .menu ul li ul li{display:block; float:none; border:0px; height:auto; }
.content .menu ul li ul li a{position:relative; z-index:5; padding:5px; margin:0px; text-align:left; font-weight:normal; border-bottom: solid 1px #949494}
.content .menu ul li:hover ul{left: auto; min-height: 0;}

.content .menu ul li.info ul li a{background:url(rien.png) #393939; font:bold 10px/14px verdana}
.content .menu ul li.info ul li a:hover{background:url(rien.png) #dccdf6; color:#393939}

.content .intro{margin:15px 0px; color:#266CB2;}
.content .intro h2{margin-top:25px}
.content .intro p{font-weight:bold}


body.com_accueil h1{display: none;}

/*nav article*/
.nav-article-parents .menu{padding: 0}


/*accueil*/
.diapo #myGallery{height: 250px; width: 710px; margin-bottom: 0}
.thx {background-color: #255d97; color: #fff; font-weight: bold; margin: 1rem 0 2rem 0; padding: 1rem; border-radius: 5px; font-size: 1.3rem}
.thx a {color: #fff; text-decoration: underline;}


nav.nav-buttons.hp{}
nav.nav-buttons.hp ul{display: flex; flex: 1}
nav.nav-buttons.hp ul li{display:flex; flex:1;}
nav.nav-buttons.hp ul li:last-child a{margin-right: 0}
nav.nav-buttons.hp ul li a{flex:1; text-align: center; padding:0.5rem 1rem; transition:  all ease 500ms}
nav.nav-buttons.hp ul li a:hover{background: #255d97; color:#fff;}


/*blockquote*/
blockquote{background-color: #f1f1f1; padding: 0.5rem 1rem; border-radius: 5px}
blockquote + p.r{margin-bottom: 2rem}
blockquote + p.r::before {content: "\f007"; font-family: 'Awesome'; padding-right: 0.5rem; color: #666;}


/*lecturers*/
.lecturers article {clear: both; border-bottom:dashed 1px #ccc}
.lecturers article img {float: left;}
.lecturers article .content {margin-left: 160px;}
.lecturers article h3 {margin-top: 0; padding-top: 0px;}
.lecturers article#henry h3 {padding-top: 0;}
.lecturers article + article {margin-top: 30px;}


/*history*/
#accordion.history{}
#accordion.history >h3{padding:10px 10px 10px 30px; font-size: 14px; font-family: Trebuchet MS, sans-serif}
#accordion.history figure.c{margin: auto; text-align: center;}

#accordion.history h3.ui-state-active{background: #255D97; color:#fff;}
.ui-state-default .ui-icon, .ui-state-active .ui-icon {background-image: url(../../source/images/ui/ui-icons_ffffff_256x240.png)}
.item-page .ui-state-default, .item-page  .ui-widget-content .ui-state-default, .item-page  .ui-widget-header .ui-state-default{background: var(--color-main); color: #fff; border:solid 1px #000;}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover{opacity: 0.85}


/*proc*/
.content .cover{background-color: #E8E8E8; border: 1px solid #CDCDCD; float: left;  margin: 3px 10px 5px 0;  padding: 6px;}
.content .order{text-align:center; margin-bottom:30px}
.content .p2{display:inline; margin-left:10px}
.content .p3{margin-left:10px}
.content a.order{font-weight:bold; background-color:#255d97; padding:7px 12px; color:#fff; text-transform:uppercase; border-radius: 5px;}
.content a.order:hover{text-decoration:none; background-color:#259775;  box-shadow: 0px 0px 3px #259775;
transition: all 300ms ease;
}


/*ico32-font*/
h2.ico32-font{position: relative; padding-left: 40px}
h2.ico32-font::before{position: absolute; left: 0; font-family:Awesome; color: #333; font-size: 25px}
h2.ico32-font.ico-date::before{content: "\f073";}
h2.ico32-font.ico-place::before{content: "\f015";}
h2.ico32-font.ico-room::before{content: "\f236";}
h2.ico32-font.ico-travel::before{content: "\f072";}


/*facebook*/
.facebook{border: 1px solid #D5D5D5; padding: 10px; text-align: center; margin-bottom: 10px}
.facebook >a {display: inline-block; vertical-align: top; width: 130px}
.facebook >a img{width: 100%}
.facebook .fb-like.fb_iframe_widget{margin-top: 10px;}


/*register*/
.register{margin-bottom: 10px}
.register a{display: block; border-radius: 5px; position: relative; background-color: #2B4780; background-image: linear-gradient(to bottom, #2B4780 0%, #1C273C 100%); text-align: center; font:bold 16px/20px Arial; color: #fff; padding: 10px}
.register a:hover{text-decoration: none; background-image: linear-gradient(to bottom, #385c9b 0%, #253451 100%);}
.register a:active{top:2px;}
.register a:hover{opacity: 0.85}

#sponsors{border-top: solid 1px #d5dee5;}
#sponsors .wrap{display: flex; align-items: center; padding:1rem;}
#sponsors .wrap > figure{flex: 1; text-align: center;}
#sponsors .wrap > figure:hover{opacity: 0.8}

@media screen and (max-width: 850px){
	#sponsors .wrap{flex-direction: column;}
}


#footer{background-color:#333; text-align: right; color:#fff; padding:1rem;}
#footer .wrap{padding:1rem }

#footer .menu{padding:0.5rem 0; font-size: 0.9rem}
#footer ul {display: inline; }
#footer ul li {display: inline; padding:0 1rem}
#footer ul li a {color: #fff; text-decoration: none;}
#footer ul li a:hover {text-decoration:underline;}

#error-404{}
#error-404 .bandeau a{font: bold 24px/100px Arial; color: #333; text-decoration: none;}
#error-404 nav.menu, #error-404 nav.menu2, #error-404 .cover, #error-404 .home, #error-404 .breadcrumbs{display: none;}
#error-404 .page .wrap{padding: 15px;}