/* CSS Document */ body {font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size:16px; margin:0; border:0; padding:0; background:none; background-color:#FFFFFF;} img{border:0; margin:0;} table{border:0;margin:0; padding:0;} a, a:active, a:visited{color:#042c72;} a:hover{color:#d1281f;} span.astyle{color:#042c72; text-decoration:underline; cursor:pointer} th, td{vertical-align:top; padding:0;} table{border-collapse:collapse; border-spacing: 0; } h1 {font-weight:600; font-size:28px; line-height:120%; padding:10px 10px 5px 0px; margin:10px 0px 35px 0px; color:#d68d06; text-align:center;} h2 {font-size:28px; line-height:26px; color:#000000; padding:30px 0px 5px 0px; margin:0px; text-align:left;} h3 {serif; font-size:24px; line-height:24px; color:#444444; padding:20px 0px 0px 0px; margin:0px;} h4 {font-size:16px; line-height:20px; color:#000000; padding:15px 0px 5px 0px; margin:0px;} fieldset{margin-top:30px; -moz-border-radius: 8px 8px 8px 8px;} div.ok{background: url(../img/graphism/success.png) no-repeat; min-height:16px; font-size:14px; color: #4FC519; padding:1px 0px 0px 20px; margin-left:12px;} div.warning{background: url(../img/graphism/cross.png) no-repeat; min-height:16px; font-size:14px; color: #FF0000; padding:1px 0px 0px 20px; margin-left:12px;} div.info, p.info{background: url(../img/graphism/info.gif) no-repeat; min-height:16px; font-size:14px; color:#0000FF; padding:1px 0px 0px 20px; margin-left:12px;} .bold{font-weight:bold;} .vtop{vertical-align:top;} .left{float:left; margin: 0 10px 10px 0;} .picture_left{float:left; border-right: 10px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; width: 250px; max-width:50%;} .right, .picture_right{float:right;} .clear{clear:both;} .aleft{text-align:left;} .aright{text-align:right;} .center{text-align:center;} /* BODY */ /* #sb-site{width:1200px; padding:0px; border:0px;} */ #sb-site{padding:0px; border:0px; width:100%; background:none; background-color:#FFFFFF;} /* BODY */ #window{margin:0px auto 0px auto; width:100%; background:#FFFFFF; padding:0px; border:0px; box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);} /* HEADER */ #header{max-width:1200px; margin: 0 auto 0 auto; box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);} #header div{width:100%; padding-top:15.9%; background:url(../img/header.png) no-repeat; background-size: contain; width:100%; height:1px; cursor:pointer;} a.homelink{display:none;} #bartop{width:100%; position:relative; height:147px; padding:0; position:fixed; top:0; z-index:1000; background-color: rgba(255, 182, 40, 0.80); background-color: rgba(248, 184, 58, 0.88); } #bartop .inner{max-width:1200px; margin: 0px auto 0px auto;} #bartop .logoImg {float:left; width:14%; /* display:inline-block; */ padding:10px 0px 15px 0px;} #bartop .logoImg img{height:120px; padding-left:30px; padding-top:5px;} #bartop .logoImgMobile {height:60px; padding:0px 20px 0 0; float:left; position:relative; top:-5px;} #bartop .headerName{float:left; width:50%; height:85px; color:#FFFFFF; padding:12px 0 0 0; font-weight:bold; font-size:20px;} #bartop .twitterLink{float:left; padding:12px 0 12px 80px; font-size:20px; color:#FFFFFF; } #bartop #search{float:right; padding:10px 20px 0 0; margin:0;} #bartop #search .submit{width:120px; background:#999999;} #bartop .headerMenu{float:right; width:84%;} .sb-toggle-left, .sb-toggle-right{display:none; cursor:pointer;} a.login{float:right; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:8px 5px 0px 5px; margin-right:10px; font-size:14px;} a.login:hover{text-decoration:underline;} #precontainer{height:470px; clear:both; width:100%; max-width:none; background:none; background-image:url("../img/27/header_event.jpg"); /* event */ background-repeat: no-repeat; background-size: 100% auto; background-position: center; position: relative;} #precontainer.bg2{background-image:url("../img/27/header_symposium.jpg");} /* home */ #precontainer.bg3{background-image:url("../img/27/header_social.jpg");} /* social */ #precontainer.bg4{background-image:url("../img/27/header_register.jpg");} /* submit */ #precontainer.bg5{background-image:url("../img/27/header_info.jpg");} /* general info */ #precontainer.bg6{background-image:url("../img/27/header_news.jpg");} /* news */ #precontainer2 .home_centerBox{min-width:450px; width: 30%; margin:auto auto; background:#E5E5E5; text-align:center; padding-bottom:20px;} #precontainer2 .home_centerBox h3{padding-left:10px; padding-right:10px;} #precontainer2 .home_centerBox p{padding:30px; font-size:18px; text-align:center; margin:0;} #precontainer2 .home_centerBox img{max-width:50%; padding-bottom:15px;} .precontainerBottom{position: absolute; bottom: 0; width:100%;} .pcContent{min-width:450px; width: 30%; margin:auto auto; background-color: rgba(255, 255, 255, 0.8); z-index:1000;} .pcContent h1 {margin:0; padding:20px;} .pcContent2{min-width:450px; width: 30%; margin:auto auto; background:#E5E5E5; text-align:center; padding-bottom:20px;} .pcContent2 img{max-width:45%; padding-bottom:10px;} #container{display:block; overflow:auto; margin: 0 auto 0 auto; clear:both; width:100%; max-width:none; background:none; box-shadow:none;} /* The sticky class is added to the header with JS when it reaches its scroll position */ #bartop.sticky { position: fixed; top: 0; width: 100%; } /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ #bartop.sticky + #container { padding-top: 48px; } /* MENU */ #menu {margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; text-align:center; display:block; max-width:100%; } #menu li {float: left; position: relative; margin-right:3px; vertical-align:middle;} #menu li a{color: #FFFFFF; text-decoration: none; display: block; padding: 10px 30px 2px 0px; font-size:24px; cursor:pointer; vertical-align:bottom; font-weight:700; height:38px;} #menu li:last-child a{padding-right: 0px;} #menu li ul {margin: 0; padding: 0px; position: absolute; width:300px; left: -999em; background-color:#FFFFFF; list-style-type: none; z-index:2; box-shadow: rgb(238 238 238) 0px 3px 5px 0px;} #menu li li {width:inherit; border: 0; padding: 0; background-color:#FFFFFF; text-align:left;} #menu li li a {color: #222222; padding: 8px 0 8px 10px; border:0; font-size:20px; cursor:pointer; border-radius:0; height:auto; display:block; background-color:#FFFFFF;} #menu li li a.list{padding: 1px 0 1px 10px; border:0; background: url(../img/dn_arrow_v.png) no-repeat 240px 5px; cursor:default;} #menu li li:last-child a {border-bottom:0px;} #menu li:hover a, #menu li a.open {color:#757272; cursor:default;} #menu li:hover li a{color:#033082; color: #222222; cursor:pointer;} #menu li:hover ul {left:-6px;} #menu li:hover li ul {left: -999em; } #menu li li:hover a{background-color:#EDEDED;} #menu li li ul {padding: 3px 0px 3px 0px; width: 180px; left:-999em; top:-5px;} #menu li li:hover ul {left: 250px; } #menu li li li span{background: url(../img/dn_arrow_v.png) no-repeat 170px 5px;} #menu li li:hover li ul {left: -999em; } #menu li li li:hover ul {left: 180px; } #menu li li li:hover li ul {left: -999em; } #menu li li li li:hover ul {left: 180px; } .sb-slidebar ul{ list-style-type:none; padding:10px 3px 0px 3px; margin:0px; text-align:left; border-bottom:1px solid #4d483e;} .sb-slidebar ul a{text-decoration:none; display:block; color:#000000; cursor:pointer;} .sb-slidebar ul a.open, .sb-slidebar ul a:hover{color:#e2980d;} .sb-slidebar ul li{margin:0px; font-weight:bold; display:block; padding:7px 3px 6px 3px; font-size:18px; border-top:1px solid #4d483e;} .sb-slidebar ul ul{padding:0px; margin:0px; border:0;} .sb-slidebar ul li li{font-weight:normal; padding:4px 2px 0px 7px; font-size:16px; text-indent:-12px; margin-left:12px; border:0;} .sb-slidebar ul li.pad8{padding:4px 2px 5px 7px; } #sidebar{width:1px;} #sidebar div{width:1px; height:600px;} #box_right{float:right; margin-top:30px; width:20%; padding-right:10px;} #box_right div.btitle{text-align:center; /* background:#A3A3A3; color:#FFFFFF; */ padding:4px; font-size:18px;} #box_right ul.blist{padding-left:20px; margin-top:0px; padding-top: 10px; padding-right: 4px; padding-bottom: 6px; margin-bottom:30px; list-style:circle; font-size:14px; /* border:1px solid #A3A3A3; border-top:0px; */} #box_right ul.blist li{margin-bottom:6px; line-height:120%;} #box_right ul.blist li a{text-decoration:none;} #box_right ul.blist li span{color:#666666; font-size:14px;} #box_right ul.blist li a:hover{text-decoration:underline;} #box_right div.ntitle{text-align:center; background:#A3A3A3; color:#FFFFFF; padding:4px;} #box_right div.ncontainer{margin-top:0px; padding-bottom: 10px; border:1px solid #A3A3A3; border-top:0px; font-size:14px;} #box_right div.ntxt{padding:10px 6px;} #box_right .textinput{padding:3px; margin:3px; width:90%; font-size:15px; border:1px solid #777777; display:block;} #box_right .clabel{padding-left:5px; width:50px;} #box_right .codeinput{padding:3px; margin:3px; width:50px; font-size:15px; border:1px solid #777777; text-align:center;} #box_right .nsubmit{background:#A3A3A3; padding:4px 10px; margin:4px; color:#FFFFFF; border:0; font-size:15px; cursor:pointer;} .newsdate{color:#777777; } .newsList div{padding:15px 0;} .newsList div:nth-child(even){background-color:#EDEDED;} #search{margin:auto auto; text-align:center; margin-bottom:30px;} #search input[type=text]{padding:7px 3px; margin:3px 0px 0px 0px; width:174px; font-size:14px; font-family:Verdana, Geneva, sans-serif;} #search input[type=submit]{background:#e2980d; width:182px; padding:7px 0px; color:#FFFFFF; border:0; font-size:14px; cursor:pointer; font-weight:bold; text-align:center;} #searchside{text-align:center; margin:0px 0px;} #searchside input[type=text]{padding:3px; margin:3px 0px 0px 0px; width:200px; font-size:18px; border:1px solid #777777; font-family:Verdana, Geneva, sans-serif;} #searchside input[type=submit]{background:#e2980d; padding:6px 15px; margin:3px 20px; color:#FFFFFF; border:0; font-size:16px; cursor:pointer; font-weight:bold;} /* MAIN TEXT */ /* #main {text-align:left; padding:10px 0px 0px 0px; width:1010px; float:left; background:#FFFFFF; min-height:590px;} */ #main {text-align:left; padding:10px 0px 60px 0px; min-height:600px; background:none; width:100%; border:0; margin:auto auto; float:none;} /*#main p, #main h1, #main h2, #main h3, #main h4, #main table{margin-left:30px; margin-right:30px;} */ #main p{line-height:130%; margin:18px 10px 12px 0px; font-size:16px; clear:both;} #main ul{line-height:130%; list-style:square; margin:0px 10px;} #main ol{line-height:130%; margin:0px 10px;} #main ol.alpha{list-style-type:lower-alpha;} #main li{padding:3px 0px;} #main img {margin:5px auto; max-width:100%; height:auto;} #main .image_float_right{float:right; margin:0px 20px 8px 20px; border:1px solid #FFFFFF; max-width:40%; max-height:400px; box-shadow: 5px 6px 0px 0px rgba(202, 64, 52, 1.0);} #main .image_float_left {float:left; margin:0px 20px 20px 0px; border:1px solid #FFFFFF; max-width:40%; max-height:400px; box-shadow: 5px 6px 0px 0px rgba(202, 64, 52, 1.0);} #main .no_frame {border-radius:0px; box-shadow:none; padding:0; margin:0;} #main p.img_row{text-align:center;} #main p.img_row img{display:inline-block; max-width:330px; height:auto; padding:10px;} #main sup{font-size:10px;} #main p.paragraph_grey{padding:30px; background:#E5E5E5;} #main table.hotels{width:97%} #main .bg_color1, #main td.bg_color1{background:#e2980d;} #main .bg_color2{background:#d6d6d6;} #main .bg_color3, #menu .bg_color3{background:#efc9d8;} #main .bg_color1 a, #main .bg_color2 a, #main .bg_color3 a, #main .bg_color4 a{color:#000000;} #main .bg_color4{background:#FAC8BF;} #main table{margin:10px 0px; border-collapse: separate; border-spacing: 4px; } #main table td{padding:3px 7px; vertical-align:top;} #main table td.bg_color1, #main table td.bg_color1 a{color:#FFFFFF;} #main table.sponsors{margin:30px auto 10px auto;} #main table.sponsors td{vertical-align:middle;} #main table.table_glance{width:100%; margin-top:20px;} #main table.table_glance td{text-align:center; vertical-align:middle; padding:8px 3px;} /*#main table.table_glance td.bg_color2{font-size:12px;}*/ #main table.table_fees td{vertical-align:middle; padding:8px 15px;} #main .timezone td{text-align:center;} #main div.center{text-align:center; clear:both;} /* #main iframe{width:95%; max-width:800px; height:500px; border:0; margin:15px 0px 50px 0px;} */ #main iframe{width:95%; margin:15px 0px 20px 20px; border:0;} #main iframe.iframe_map{max-width:500px; height:400px; border:0; margin:0px 10px 0px 10px; float:right; box-shadow: 1px 1px 5px 3px rgba(11, 61, 160, 0.6);} #main iframe.program{height:1000px;} textarea {border:1px solid #AAAAAA;} input[type=text], input[type=password], select {border:1px solid #AAAAAA;} a.logout_link{font-size:14px; color:#FFFFFF; background-color:#08368C; font-weight:bold; padding:7px 20px; border-radius:4px; margin:2px 5px; border:1px solid #999999; float:right; text-decoration:none;} a.logout_link:hover{color:#FFFFFF; text-decoration:underline;} #main div.formSection{background-color:#E5E5E5; padding:10px 0px 10px 0px;} #main div.form{font-family: Arial, Helvetica, sans-serif; margin:10px auto; width:700px; background:#E5E5E5;} #main div.form #loginform{width:430px; margin: auto auto;} #main div.form p{margin: 10px 10px 10px 10px;} #main div.form img {border:0;} #main div.form img.info{border-radius:0px; box-shadow:none; padding:0; margin:0; padding:0px 3px; position:relative; top:2px;} #main div.form .title{margin:0px auto 6px auto; /* border-radius:8px 8px 0px 0px; */ text-align:center; /*background:#08368C;*/ padding:8px 8px 6px 8px; color:#FFFFFF; font-weight:bold; font-size:18px; /* border-radius:8px 8px 0px 0px; */ text-align:left; /*background:#08368C;*/ padding:20px 10px 0px 10px; color:#000000; font-weight:bold; font-size:24px;} #main #newaccountform .innertitle{border-radius:0px;} #main #loginform .switchform{border-top:1px solid #AAAAAA;} #main div.form label{width:150px; display: inline-block; padding:6px 3px 6px 10px; float: left; clear: left; } #main div.form label.coi_login{width:100%; display:block; padding:16px 3px 6px 10px; float: left; clear: left; font-weight:bold;} #main div.form .coi_container{padding:10px; } #main div.form .login_coi{height:80px; } #main div.form input.textinput {width:250px; float: left;} #main div.form select {width:200px; float: left;} #main div.form .submit, #main div.form .switchform{padding:10px; text-align:center; clear:both;} #main #loginform .switchform{border-top:1px solid #AAAAAA;} #main div.form .switchtop{border-bottom:1px solid #AAAAAA;} #main div.form .inputsubmit{padding:6px 10px; text-align:center; font-size:14px; background:#e2980d; padding:15px 30px; font-size:20px; color:#FFFFFF; margin-bottom:15px;} #main div.form .inputsubmit:hover{background:#003c56; cursor:pointer;} #main div.form .warning, #main div.form .ok {margin:2px 8px 4px 8px; clear:both;} #main div.form .retrive{font-size:12px; text-align:center; padding-bottom:10px;} #main div.form table.budget{margin:0px; width:100%; font-size:13px;} #main div.form table.budget input.amount{width:50px; text-align:right;} #main div.form table.budget input.readonly{ background-color:#AAAAAA;} #main div.form table.budget td.total{border-top:1px solid #AAAAAA; border-radius:0; padding-top:3px;} #main div.abstract{width:700px;} #main div.abstract label{width:656px; display:block; float:none; clear:both; font-weight:bold; margin:20px 10px 0px 10px; padding:5px 5px 5px 2px; /*background:#EF917C; background:#7996C4; border-radius: 4px 4px 0px 0px;*/ color:#FFFFFF; color:#e2980d; font-size:20px;} #main div.abstract textarea {margin:0px 10px 0px 10px; width:672px; height:60px;} #main div.abstract textarea.long {height:300px;} #main div.abstract .form_container{width:654px; background:#FFFFFF; padding:10px; margin:0px 10px 15px 10px; /* border-radius: 0px 0px 4px 4px;*/ border:1px solid #AAAAAA; background:#F4F2F2;} #main div.abstract .attached{border-top:0px;} #main div.abstract table{margin:0px 5px 3px 5px;} #main div.form table th{vertical-align:middle; padding:2px 5px; font-size:12px;} #main div.form table td{vertical-align:middle; padding:2px;} #main div.form table td.vtop{vertical-align:top;} #main div.form table td.bold{font-size:12px;} #main div.form table.topic td.bold{font-size:inherit;} #main div.abstract table input[type=text]{width:102px;} #main div.abstract table input[type=text].affiliation{width:190px;} #main div.abstract table tr:nth-child(even){background:#d8d8d8;} #main div.abstract table.plain tr:nth-child(even){background:#F4F2F2;} #main div.abstract table.plain td{vertical-align:top;} #main div.abstract table select{width:60px;} #main div.abstract button{margin:5px 10px;} #main div.abstract select {width:auto; float:none;} #main div.abstract .keywords span{display:block;} #main div.abstract .keywords input[type=text]{width:208px; margin:2px 0px;} #main div.abstract .files label{width:100px; font-weight:normal; display: inline-block; padding:3px 0px 0px 0px; margin:0px; float: left; clear: left; background:none; border:0;} #main div.abstract .files input[type=text]{width:200px; float: left;} #main div.abstract .upload .see_file{width:60px;} #main div.abstract .upload input[type=file]{width:200px;} #main div.abstract .upload input[type=submit]{width:80px;} #main div.abstract .upload span.error{color:#FF0000; background:url(../img/cross.png) no-repeat; padding-left:20px;} #main div.abstract .upload span.success{color:#49C91B; background:url(../img/success.png) no-repeat; padding-left:20px;} #main div.register{width:600px;} #main div.register label.head{width:556px; display:block; float:none; clear:both; font-weight:bold; margin:20px 10px 0px 10px; padding:5px 5px 5px 2px; color:#e2980d; font-size:18px;} #main div.register textarea{margin:0px 10px 0px 10px; width:572px; height:80px;} #main div.register textarea.long{height:120px;} #main div.register .form_container{width:554px; background:#FFFFFF; padding:10px; margin:0px 10px 15px 10px; border-radius: 0px 0px 4px 4px; border:1px solid #AAAAAA; background:#F4F2F2;} #main div.register .form_container label{width:180px; display: inline-block; padding:4px 3px 4px 5px; float: left; clear: left; position:relative; top:-3px;} #main div.register .form_container input[type=radio], #main div.register .form_container input[type=checkbox]{ -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */ transform: scale(1.2); } #main div.register .form_container .label_long{width:140px;} #main div.register .form_container .textinput {width:250px; float: left;} #main div.register .form_container textarea.textinput {margin:0px 0px 3px 0px;} #main div.register .form_container select {width:255px; float: left;} #main div.register .form_container span {float: left;} #main div.register .form_container span em {text-indent:-25px; padding-left:25px; display:inline-block; font-style:normal;} #main div.register .form_container .legendtop{padding:0px 0px 10px 0px;} #main div.register .form_container .intro{padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #AAAAAA;} #main div.register .pop{clear:both; clear:both; padding:6px 0px 0px 0px;} #main div.register .pop div.bt{padding:5px 0px 0px 10px; border-top:1px solid #AAAAAA;} #main div.register .pop label{width:auto; margin-left:10px;} #main div.register .pop select{width:auto; margin-top:3px;} #main div.register .pop textarea{width:402px; height:60px; margin-left:15px;} #main div.fees{width:550px;} #main div.fees table{width:95%; border-spacing:inherit;} #main div.fees table td{padding:3px;} #main div.fees .paylink{text-align:center;} #main div.fees .vat{font-size:11px;} #main div.fees .support{border-bottom: 1px dotted #333333; margin-bottom:4px; border-radius:0px;} #main div.fees .refund{border-top: 1px dotted #333333; margin-top:4px; border-radius:0px;} #main div.fees .total{border-top: 1px solid #333333; margin-top:4px; border-radius:0px;} #main div.fees .totaldouble{border-bottom: 3px double #000000;} /* Subrillance des recherches */ .hilt0{color:#000000;background-color:#33CCFF;} .hilt1{color:#000000;background-color:#FFFF33;} .hilt2{color:#000000;background-color:#99FF00;} .hilt3{color:#000000;background-color:#FF9933;} .hilt4{color:#000000;background-color:#CC99FF;} .hilt5{color:#000000;background-color:#CC9966;} .hilt6{color:#000000;background-color:#FF3300;} .hilt7{color:#000000;background-color:#CCCCCC;} #main .search_results a{text-decoration:underline;} #main .search_results a:hover{text-decoration:none;} #main .search_results p{font-size:14px; margin:15px 0px;} #main h1, #main h2, #main h3, #main h4, #main p, #main ul, #main ol, #main table, .search_results, div.warning{max-width:900px; margin-left:auto; margin-right:auto;} /* Sortable tables */ #main table.sortable thead th{cursor: pointer; padding:4px; background:#b5e0bc; } #main table.sortable thead th.sorttable_nosort{cursor: auto;} #main table.sortable tbody tr:nth-child(even) {background:#eeeeee;} #main table.sortable tbody tr:hover {background:#ECFFEC;} #main table.plist{max-width:1200px;} #main table.plist th span{font-size:10px; display:inline;} #main table.plist td {font-size:14px; padding:2px;} #main table.plist td.coauthors span{font-size:12px; display:block;} .warning_start_box {margin: 20px auto 20px auto; max-width:800px; padding:12px; border:2px solid #F26A00; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.6); } .warning_start_session{font-size:14px; background: url(../img/notification_warning.png) no-repeat; margin:5px; padding-left:40px; min-height:40px; vertical-align:middle;} .warning_start_session img{float:right; padding:5px 0px 8px 5px;} .warning_start_session li{font-size:14px;} /* popup Cookie */ .popup-overlay{ z-index: 1200; display:none; position:fixed; left:0; right:0; top:0; height:100%; width:100%; text-align:center; background: rgba(0, 0, 0, 0.2) } .popup-overlay .popup{ background-color:#FFFFFF; margin:0px; padding:3%; position: absolute; top: 50%; left: 50%; width:60%; text-align:left; transform: translate(-50%, -50%); border:10px solid #e2980d; } a.close, a.submit{ display:inline-block; color:white; background-color:#e2980d; padding: 15px 30px; cursor:pointer; } /* FOOTER */ #footer{clear:both;} #footer a{color:#FFFFFF; text-decoration:underline;} #footer a:hover{text-decoration:none;} #copyright{text-align:center; font-stretch:expanded; color:#FFFFFF; padding:20px; font-size:16px; background:#e2980d;} } /* ABSTRACT POP-UP */ .abstract .authors{padding-bottom:10px;} .abstract .authors span{display:block;} .blockHomeLeft {float:left; min-width:180px; width:25%; margin:50px 0 0 100px; display:inline-block; font-size:16px;} .blockHomeRight {float:right; min-width:180px; width:25%; margin:50px 100px 0 0 ; display:inline-block;font-size:16px;} .blockHomeLeft img, .blockHomeRight img {max-width: 100%;} .blockHomeRight a.picture_left {width: 45%; max-width:200px;} .blockHomeLeft img, .blockHomeRight img.logo {width: 100%;} .mobileOnly{display:none;} .contact_home{background:#EEEEEE; margin-top:50px; padding:10px 70px 30px 70px;} .newsBox{width:370px; max-width:100%; height:350px; display:inline-block; margin:10px 20px 30px 0; background-image:url('../img/news-shade.png'); background-repeat:repeat-x; background-color:#F4F4F4; border-bottom: 12px solid #F4F4F4; overflow-y:hidden; position: relative; padding-bottom:0; margin-bottom:0; border-bottom:12px solid #FFFFFF;} .newsBox h4{background:#e2980d; padding:15px; margin:0;} .newsBox h4 a{text-decoration:none; color:#FFFFFF;} .newsBox div{padding:5px 0 5px 10px; font-size:12px;} .newsBox div.footer{position: absolute; bottom: 0; left: 0; background:#f7c671; display:block; width:100%; padding:10px 0; margin:0; text-align:center; font-size:14px;} #main .newsBox p{padding:5px 12px 0px 12px; font-size:14px; margin:0;} .newsLine{margin-top:50px; padding:10px 100px 30px 100px;} .confirmation{width:600px; max-width:80%; font-size:20px; color:#000000; padding:15px 25px; margin:auto; margin-bottom:25px; margin-top:25px; background:#E5E5E5; border:2px solid #FFFFFF; /*box-shadow: 10px 14px 0px 0px rgba(202, 64, 52, 1.0); */} .lmchanges{max-width:700px; font-size:14px; border:2px solid #08368C; padding:8px; margin:20px auto 20px auto; border-radius:8px; box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4); background:#F5F5F5;} /* Mobile browsers only */ @media (max-width: 1650px) { /* #bartop .logoImg{padding-left: 25px;} */ #menu li a {padding-right: 20px; } } @media (max-width: 1500px) { #bartop{height:130px;} /*#bartop .logoImg img{width:200px;}*/ #bartop .headerName{height:73px;} #bartop .logoImg img{height:100px; padding-left: 20px;} #menu {padding-top: 2px ;} #menu li a {font-size:20px; height:31px;} #menu li ul{width:250px;} #menu li li a{font-size:16px; padding: 6px 0 6px 8px;} .hideMobile1500{display:none;} .blockHomeLeft {margin-left:50px;} .blockHomeRight {margin-right:50px;} .newsLine{padding:10px 50px 30px 50px;} #precontainer{height:420px;} h1{font-size:28px;} } @media (max-width: 1350px) { #bartop .headerName{letter-spacing:-1px;} #menu li a {letter-spacing:-1px;} #bartop #search .submit {width:80px;} } @media (max-width: 1200px) { #bartop{height:115px;} /*#bartop .logoImg img{width:170px;}*/ #bartop .headerName{font-size:16px; letter-spacing:0; height:65px; width:37%;} #bartop .logoImg img{height:85px; padding-left:15px;} #bartop .twitterLink{font-size:16px;} #menu li a {padding-right: 10px; font-size:16px;letter-spacing:0; height:24px;} #menu li li a{font-size:14px; padding: 6px 0 6px 8px; font-weight:normal;} .blockHomeLeft {margin-left:15px; width:24%; } .blockHomeRight {margin-right:15px; width:24%; } #precontainer{height:400px;} h1{font-size:24px;} #search input[type="text"]{font-size:12px;} #search input[type="submit"]{font-size:12px;} } @media (max-width: 1000px) { .menu2hide{display:none;} .hideMobile{display:none;} .mobileOnly{display:block;} .headerName{display:none;} #bartop .headerMenu{float:left; width:20%;} #bartop .logoImg{width:200px; padding:0px 10px;} #precontainer{height:250px;} .blockHomeLeft {float:none; width:auto; margin:20px; min-width:auto; } .blockHomeRight{float:none; width:auto; margin:20px; min-width:auto;} .contact_home {width:auto; margin:0px; padding:20px;} .newsLine{padding:10px 30px 30px 30px;} #search, #box_right{display:none;} #bartop{height:50px; padding:7px 1px;} .sb-toggle-right{display:inline; background:url(../img/smenu.png) no-repeat 17px 19px; height:22px; line-height:100%; padding:15px 20px 0px 40px; color:#FFFFFF; font-size:24px; vertical-align:middle; float:right;} a.login{padding:2px 5px 0px 0px; } #bartop .logoImg {float:right; } #bartop.sticky + #container { padding-top: 36px; } #window{width:100%; margin:0px auto 0px auto;} #menu{display:none;} #container{background:#FFFFFF; } #main{width:100%; clear:both; border-right:0;} #main p{line-height:120%} #main h1, #main h2, #main h3 {line-height:110%} #main ul{padding:0px 5px 0px 15px; line-height:110%} h1{padding-top:8px; padding-bottom:5px;} h2{padding-top:12px; padding-bottom:2px; font-size:22px;} h3{padding-top:12px; padding-bottom:2px; font-size:20px; line-height:100%} #main iframe{height:500px; margin:10px auto;} #main iframe.iframe_map{max-width:90%; height:400px; border:0; margin:auto auto; float:none; box-shadow: 1px 1px 5px 3px rgba(11, 61, 160, 0.6);} #main table{max-width:100%;} #main img{max-width:94%; height:auto; margin-right:3px;} #main img.picture_left{max-width:50%; height:auto; margin-right:3px;} #footer{border-radius:0px;} a.homelink{width:110px; height:80px; margin:3px;} #main p, #main h1, #main h2, #main h3, #main table{padding-left:4px; padding-right:4px;} } @media (max-width: 768px) { a.homelink{width:90px; height:67px; margin:0px;} h1 {font-size:22px;} #main iframe{height:400px;} #precontainer{height:200px;} .pcContent h1 {font-size:18px; padding:10px; } #bartop .logoImg{width:170px; padding:0px 10px;} #bartop{height:44px; padding:5px 1px;} h2{font-size:18px; line-height:120%;} .blockHomeLeft {width:auto; margin:10px;} .blockHomeRight {width:auto; margin:10px;} .contact_home {width:auto; margin:0; padding:10px;} #main table {max-width:100%; overflow-x:scroll;} #main table.table_fees td { padding: 8px ;} #main table.table_fees tr td:first-child{width:60%;} #main p.paragraph_grey{padding:20px; line-height:120%;} .confirmation{width:80%; padding:10px 15px; margin:15px auto 40px auto; } #bartop .logoImgMobile {height:50px; padding:1px 15px 0 0;} .sb-toggle-right{padding-top:12px; background: url(../img/smenu.png) no-repeat 16px 14px; padding-right:10px; font-size:20px;} .popup-overlay .popup{width:70%;} .popup-overlay .popup p, .popup-overlay .popup ol{font-size: 14px;} #main div.form{width:auto; } #main div.form #loginform{width:100%; margin: auto auto;} } @media (max-width: 540px) { #main div.register{width:95%;} #main div.register label.head{width:auto;} #main div.register .form_container{width:auto;} #main div.register .form_container input.textinput{float:none;} #main div.register .form_container select {display:block;} #main div.register textarea {width:93%;} #main div.form table.budget input.amount{width:40px;} #main .image_float_right{max-width:50%;} #main .image_float_left {max-width:50%;} #main table.table_fees td { padding: 6px;} #main p.paragraph_grey{padding:10px 5px;} #main .table_glance td{font-stretch:-1px;} .popup-overlay .popup p, .popup-overlay .popup ol{font-size: 12px;} .popup-overlay .popup ol{margin-left: -20px;} } @media (max-width: 480px) { /* #header{height:42px; background-size:480px 42px;} */ .pcContent, .pcContent2{width: 100%; min-width:auto; margin:0; padding:0;} .newsLine{padding:10px 10px 30px 10px;} #precontainer{height:170px;} #bartop .logoImg{width:150px; padding:0px 10px;} #bartop{/*height:40px;*/ padding:5px 1px;} .pcContent h1 {font-size:17px; line-height:120%; padding:4px;} .pcContent2 p{padding:3px;} a.homelink{width:70px; height:42px; margin:0px;} h1 {font-size:22px;} #main iframe{height:400px;} #main div.login{/*width:100%;*/} #main div.login label{width:80px;} #main div.login input.textinput {width:180px;} } @media (max-width: 320px) { /* #header{height:28px; background-size:320px 28px;} */ a.homelink{width:50px; height:28px; margin:0px;} h1 {font-size:22px;} #main iframe{height:400px;} #main div.login{width:300px;} #main div.login label{width:80px;} #main div.login input.textinput {width:180px;} } .box_gallery{float:left; width:250px; height:210px; text-align:center; padding:7px; margin: 8px; font-size:12px; background:#E8E8E8; border:1px solid #333333; -moz-border-radius: 8px 8px 8px 8px;} .box_gallery img{border:3px solid #FFFFFF; margin:3px; } .formulaire_contact{ background-color:#FFF6ED; border:1px solid #2323ac; color: #2323ac; padding:6px; margin-top:15px; -moz-border-radius: 10px 10px 10px 10px; line-height:normal; } .input{ background:#072B75; color:#FFFFFF; font-weight:bold; border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF; border-right:1px solid #2323ac; border-bottom:1px solid #2323ac; padding: 4px 15px 4px 15px; margin: 4px; -moz-border-radius: 6px 6px 6px 6px; } .input:hover{ background:#7A7A7A; } /************************************************************ No JS, help me! *************************************************************/ a.no-js{text-decoration:none;} .no-js { position:absolute; top:150px; left:210px; width:20px; height:20px; } .no-js * { cursor:help; font-family:Verdana,Arial,Helvetica,sans-serif; } .no-js img{border:0px;} .no-js .content { display:none; width:240px; border:solid 1px #FF0000; background:#ffedcd; position:absolute; top:0; left:20px; text-align:left; padding:4px 6px 4px 4px; z-index:999; text-decoration:none; color:#000000; } .no-js .content .title { display:block; font-weight:bold; font-size:12px; margin:0 0 6px; } .no-js .content p { font-size:10px; margin:8px 0 0; } a.no-js:hover .content { display:block; } /* Divers */ .tablepay{margin-left:40px; border:1px solid #333333;} .tablepay td{padding:1px 3px 1px 3px;} .paylink{border:2px solid #FF9933; padding:10px 30px 10px 30px; color:#FF9933; margin:20px; -moz-border-radius: 6px 6px 6px 6px; text-decoration:none;} .paylink:hover{color:#FF0000; text-decoration:underline;}