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, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;font-family: 'Source Sans Pro', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}
.border_radius_top{-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;}
.border_radius_bottom{-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;}
.border_radius_all{-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important;}
.mobile_only{display: none}

.active_link{ background: #3d4950;}

/*************************/
 /*TABS 
/*************************/
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #fff; -webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important; }
.tab li{}
.tab a { font-size: 14px; padding: 8px;  line-height: 2em; display: block; outline: none; text-decoration: none;color: #333;-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important; font-size: 13pt;
border: solid 1px #d2d2d2; margin-bottom: 3px;}
.tab a:hover { background: #f2952b;color: #fff }
.tab.active {color: #fff; margin:0;}
.tab a.active { background: #f2952b;border: solid 1px #f2952b;color: #fff;-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important;}
.tab-container .panel-container { background: #fff; padding-top: 40px; -webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important;}

.tabbleu a.active,.tabbleu a:hover { background: #446e82 !important;border: solid 1px #446e82;color: #fff;-webkit-border-radius: 4px 4px 4px 4px !important;
border-radius: 4px 4px 4px 4px !important;}
.tabbleu a{color:#446e82}

/*************************/

body{ background: url('images/bg.jpg') repeat-x #ececec}
h1{font-size: 16pt; font-weight: 600}
h2{color:#4c778c; font-size: 24pt; font-weight: 300}
h3{color:#fff; font-size: 14pt;padding: 20px; margin-top: 20px;}
.h3title{ height: 60px; padding: 0; padding-left: 15px; line-height: 60px;}
.h3title img{ height: 30px; float: left; margin-top: 15px; margin-right: 15px;}
h4{font-size: 14pt;margin-top: 20px;}
h5{font-size: 14pt;height: 45px; line-height: 45px; text-align: center; color: #fff; margin: 0}
h6{font-size: 12pt; height: 36px; color: #fff; line-height: 36px }
h6 img{height: 20px; float: left; margin-top: 8px; margin-right: 8px;margin-left: 8px;}
h7{font-size: 14pt; line-height: 36px; font-weight:200; float: left}
h8{ float: left; display: blockb; font-size: 12pt; color: #fff; line-height: 24px; padding: 10px; margin-top: 5px; float: left;width: 740px; clear: both;}
#all{ width: 1200px; overflow: hidden; margin: 0 auto;}
#header{ width: 100%; height: 190px; overflow: hidden; }
#menu_top{ width: 100%;overflow: visible;  margin-bottom: 20px;}
#col_left{ width:800px; float: left;}
#col_right{ width:380px; float: right;}

.simple_link{color: #446e82;}

.infobulle{position: absolute; height: 30px; background: red; width: 200px; bottom: -20px}

.ligne_listing_rech{ display: block;padding: 10px; color: #777; font-weight: 600; text-decoration: none; line-height: 15px; overflow: hidden; font-size: 11pt; border-bottom: 1px solid #d8d8d8; background: #fff;}
.ligne_listing_rech:hover{background: #f4f4f4;}
.ligne_listing_rech span{font-size: 10pt; font-weight: 300}
.ligne_listing_rech img{ height: 18px; float: left}
.ligne_listing_rech .content_ligne_listing{ float: left; margin-left: 10px; width: 287px;}

.top_titre{ height: 60px; line-height: 60px; padding-left: 24px; width: 100%; background: #446e82; color: #fff; font-size: 20pt; font-weight: 300 }
.top_titre span{ float: right; margin-right: 20px; font-size: 12pt; text-align: right;font-weight: 300 }
.blue_content{ overflow: hidden; padding: 20px; width: 100%,; background: #d3dce0; position: relative;}
.white_content{ overflow: visible; padding: 20px; width: 100%,; background: #fff; position: relative}
.main_img{ text-align: center;}
.main_txt{ float: right; width: 340px; margin-left: 20px;}
.txt_pres_main{ margin-top: 10px; color:#4c778c; font-size:14pt}
.bloc_btn_index{ position: absolute; bottom:20px; right: 20px}
.btn_main{ background: #fff; display: block;width: 340px; height: 50px; line-height: 50px; text-decoration: none; padding-left: 10px; color: #9ea7b3; font-weight: bold; font-size: 13pt; margin-top: 5px;}
.btn_main img{height: 20px; float: left;margin-top: 15px; margin-right: 15px;}

#bloc_connection{ float: right; margin-top: 15px; width: 290px}
.div_input_connection{ width: 290px; height: 45px; overflow: hidden;background: #efefef;border: 1px solid #cfcfcf}
.div_input_connection img{ float: left; height: 17px; margin-top: 14px;margin-left: 12px;}
.input_connection{ width: 245px; height: 43px; float: right; border: none; padding-left: 10px; font-style: italic; color: #b9b9b9; font-size: 12pt }
.mdp_oublie{ text-align: right; margin-top: 2px;}
.mdp_oublie a{ font-size: 0.82em; text-decoration: none;color: #446e82;font-style: italic;}
.mdp_oublie a:hover{ text-decoration: underline}
.btn_vert{display: block;background: #96b86a; text-shadow: 1px 1px 0 #7c9857;color:#fff !important; text-align: center}
.btn_vert:hover{background: #7c9857}
.btn_connection{ width: 140px; height: 35px; line-height: 35px; text-decoration: none; float: left; margin-top: 5px; border: none; font-size: 12pt; cursor: pointer;font-family: 'Source Sans Pro', sans-serif;}
.btn_admin{ width: 140px; height: 35px; line-height: 35px; text-decoration: none; float: right; margin-right: 15px; margin-top: 5px; border: none; font-size: 12pt; cursor: pointer;font-family: 'Source Sans Pro', sans-serif; margin-top: 18px;}
.btn_bleu{display: block;background: #446e82 !important; text-shadow: 1px 1px 0 #345463;color:#fff; text-align: center;font-family: 'Source Sans Pro', sans-serif; border: none; cursor: pointer;-webkit-appearance: none;}
.btn_bleu:hover{background: #345463}
.btn_rouge{display: block;background: #de5f5f; text-shadow: 1px 1px 0 #c74444;color:#fff; text-align: center;font-family: 'Source Sans Pro', sans-serif; border: none; cursor: pointer;-webkit-appearance: none;}
.btn_rouge:hover{background: #c74444}
.btn_jaune{display: block;background: #f3c13b; text-shadow: 1px 1px 0 #d0a532;color:#fff; text-align: center}
.btn_jaune:hover{background: #e9b322}
.infos_bonjour{color: #608ca1; margin-bottom: 40px; margin-top:20px;}
.infos_last_co{color: #999; font-size:10pt; text-align: right; font-style: italic;margin-bottom: 25px;}
#fav_btn_div{position: relative; width: 140px; height: 35px; float: left}
#notif_fav{position: absolute; right: -3px; top: 0px; background: #fff;color: #777; padding: 5px;-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.40);-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.40);box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.40); font-size: 10pt}

.slider_menu{ position: relative;}
#main_nav{ height: 68px;background: #608ca1;}

#main_nav li a{ display: block; float: left; line-height: 68px; height: 68px; text-decoration: none; color: #fff; font-size:11pt; text-align: left; border-right: 1px solid #fff; cursor: pointer; position: relative}
#main_nav li a img{ height: 34px; margin-top: 17px; float: left; margin-right: 5px;}
#main_nav li a:hover,#main_nav li .active_a{background: #3d4950}
.home_link{-webkit-border-radius: 4px 0px 0px 4px !important;
border-radius: 4px 0px 0px 4px !important;}


.home_link{padding-left: 15px; padding-right: 10px;}

#expand_menu,#expand_menu_chirurgie,#expand_menu_forum,#expand_menu_atelier { background: #fff;-moz-box-shadow: 0px 2px 0px 0px #dedede;-webkit-box-shadow: 0px 2px 0px 0px #dedede;-o-box-shadow: 0px 2px 0px 0px #dedede;box-shadow: 0px 2px 0px 0px #dedede;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dedede, Direction=180, Strength=0); padding: 20px 0px 20px 10px; display: none; height: 186px; position: relative}


.info_bloc{ z-index: 1337;  text-align: center; position: absolute;z-index: 9999999; top: 50px; display: none; color:#333; font-size:12pt;left: 5px}
.info_bloc_c{background: rgba(255,255,255,0.88); padding: 10px; margin-top: -2px;-moz-box-shadow: 0px 0px 3px 0px #656565;
-webkit-box-shadow: 0px 0px 3px 0px #656565;
-o-box-shadow: 0px 0px 3px 0px #656565;
box-shadow: 0px 0px 3px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=3); height: 88px; width: 200px }



.pres_col_right{ margin-top: 20px; margin-bottom: 20px; color: #446e82; line-height: 20px}
.bloc_prochain_congres{ height: 240px; width: 100%; overflow: hidden; background: red;}
.titre_prochain{ height: 60px; color: #fff; line-height: 60px; font-size: 19pt; font-weight: 300; padding-left: 20px}
.btn_prochain{ width: 270px; float: right; margin-right: 20px; margin-top: 110px}

.ligne_listing{ display: block;padding: 10px; color: #777; font-weight: 600; text-decoration: none; line-height: 25px; overflow: hidden; border-bottom: 1px solid #d8d8d8}
 .ligne_listing a{color: #777;}
.ligne_listing:hover{background: #f4f4f4;}
.ligne_listing span{font-size: 11pt; font-weight: 300}
.ligne_listing img{ height: 24px; float: left}
.ligne_listing .content_ligne_listing{ float: left; margin-left: 20px; width: 676px;}

#video{ height: 428px; width: 760px; background: black; margin-top: 20px;}
.contenu_indisponible{padding: 20px; background: #d3dce0; color: #446e82;line-height: 25px}
#under_vid{ overflow: hidden}
#under_vid_left{float: left;overflow: hidden; width: 360px; line-height: 20px}
#under_vid_left img{height: 40px; float: left; margin-right: 20px;}
.ligne_under_vid{ clear: both; margin-top: 20px; color: #777;line-height: 30px;}
#under_vid_right{float: right;overflow: hidden; width: 380px;}
.btn_fav{height: 50px; text-align: left; line-height: 50px; overflow:visible;text-shadow:none; cursor: pointer; margin-top: 20px}
.btn_fav img{height: 24px; margin-top: 13px; float: left; margin-left: 13px; margin-right: 13px}
.btn_pdf{ display: block; width: 100%; height: 50px; text-align: left; line-height: 50px; font-size: 12pt; color: #fff; overflow:hidden; text-decoration: none; margin-top: 10px;}
.btn_pdf img{height: 24px; margin-top: 13px; float: left; margin-left: 13px; margin-right: 13px}
.back_link{ float: left;}

#search_container{ overflow: hidden; position: relative; margin-bottom: 10px;}
#loupe_search{ position: absolute; height: 30px; top: 20px; left: 10px;}
#loading_search{ position: absolute; height: 30px; top: 25px; right: 15px; display: none}
#loupe_search img{ height: 100%;}
#query{ width: 100%; height: 50px; border: none; margin-top: 10px; padding-left: 50px; font-size: 14pt; color: #9ea7b3; padding-right: 40px;}
.pres_search{color: #446e82; }

/************ FORM ABSTRACT *************/

.pres_abs{ color: #446e82; font-size: 13pt; overflow: hidden; margin-bottom: 20px; clear: both}
.pres_abs_ins{ color: #446e82; font-size: 13pt !important; overflow: hidden; line-height: 21px; margin-bottom: 20px;}
.tref{ width: 200px; float: left; height: 50px; border: none; margin-top: 5px; padding-left: 5px; font-size: 14pt; color: #9ea7b3; padding-right: 5px;}
.sbmref{ height: 50px; line-height: 50px; border: none; float: left; font-size: 14pt;margin-top: 5px; padding-left: 20px; padding-right: 20px; margin-left: 10px; font-size: 13pt; cursor: pointer; font-weight: 300}
.ligne_f3{ float:left; overflow: hidden; width:100%; clear:both; color: #777; border-bottom: 1px solid #F1F1F1;padding-top: 20px;padding-bottom: 20px;}
.ligne_f3 label{ float:left; overflow: hidden; width:100%; clear:both; text-align:left;font-size:14pt; font-weight: 600; padding-bottom: 10px; }
.ligne_f3 input{ height: 40px; padding-left: 5px;color: #666; border: 1px solid #cfcfcf;font-size:13pt; width: 100%}
.ligne_f3 select{ height: 40px; padding-left: 5px;color: #666; border: 1px solid #cfcfcf;font-size:13pt; width: 100%;cursor:pointer}
.ligne_f3 textarea{ height: 200px; padding: 10px; width: 100%; border:1px solid #cfcfcf ; background:#fff; font-family: 'Source Sans Pro', sans-serif;font-size:13pt; color: #666}
.infosl3{padding-bottom: 10px;}
.infosl4{padding-bottom: 10px; padding-top: 20px;color: #777 }
.infosl4bis{padding-bottom: 10px; padding-top: 20px;color: #777; font-weight: bold }
.char_count{font-size: 10.5pt; font-style: italic; margin-top: 5px;}

.ligne_f4{ float:left; overflow: hidden; width:30%;  padding-bottom:0px; margin-right: 5%;}
.ligne_f4 input{ height: 40px; padding-left: 5px;color: #666; border: 1px solid #cfcfcf;font-size:13pt; width: 100%}

.sbm_form{color:#fff !important; width: 200px !important; float: right; border: none !important; cursor: pointer}

#res_abs{font-weight: bold; font-size: 14pt}
/*/////////////////////////////////////////////////////*/

.error{width: 100%; padding: 20px; background: #f5d2d2; color: #ca3b3b; line-height: 22px; margin-bottom: 20px;}
.ok{width: 100%; padding: 20px; background: #d8eea8; color: #62821c; line-height: 22px; margin-bottom: 20px;}

.infos_gris{font-size: 14pt; color: #666; float: left; width: 100%;}

.btn_submit_abs{ height: 60px; line-height: 60px; text-decoration: none; font-size: 16pt; margin-top: 0; margin-bottom: 20px;}

/*/////////////////////////////////////////////////////*/

.reminder{ width: 100%; overflow: hidden}
.reminder_icon{ height: 60px; float: left;}
.reminder_icon img{ height: 60px;}
.reminder_texte{ float: left; margin-left: 20px; font-size: 12pt; line-height: 22px;}

.remove_fav{float: right;}

#footer{ width: 100%; float: left;clear: both; overflow: hidden;color: #446e82; border-top:1px solid #d3dce0; padding-top: 10px; padding-bottom: 20px; margin-top: 20px;}
#footer a{text-decoration: none;color: #446e82;}
#footer a:hover{text-decoration: underline}
/*/////////////////////////////////////////////////////*/
/*///////////////////ADMIN      //////////////////////*/
/*/////////////////////////////////////////////////////*/

.ligne_admin{overflow: hidden; padding-left: 5px; border-bottom: 1px solid #F1F1F1; color: #666; line-height: 71px; height: 71px;}
.ligne_admin input{ height: 40px; padding-left: 5px;color: #666; border: 1px solid #cfcfcf;font-size:13pt; width: 300px; float: right; margin-top: 15px; margin-right: 15px;}
.ligne_admin:hover{ background: #F1F1F1;}
.ligne_admin b{ font-weight: bold}

.ligne_admin_noheight{overflow: hidden; padding-left: 5px; border-bottom: 1px solid #F1F1F1; color: #666; padding-top: 10px; padding-bottom: 10px; line-height: 22px}
.ligne_admin_noheight input{ height: 40px; padding-left: 5px;color: #666; border: 1px solid #cfcfcf;font-size:13pt; width: 300px; float: right; margin-top: 15px; margin-right: 15px;}
.pub_box{ height: 20px !important; width: 20px !important;}
.ligne_admin_noheight:hover{ background: #F1F1F1;}
.ligne_admin_noheight b{ font-weight: bold}
.ligne_admin_noheight a{ color: #3286c0}


.h1_admin{margin-bottom:10px;color:#f2952b}
.admin_nom_user{margin-bottom:10px;color:#f2952b; font-size: 25pt;}
.admin_left_col{ float: left; width: 49%;  overflow: hidden;color: #666;}
.admin_right_col{ float: right; width: 49%; overflow: hidden;color: #666;}
.normal_size{ font-size: 14pt;}
.infos_admin{ color: #666; font-style: italic;}
.sp_admin_input{color:#f2952b; font-size: 25pt;}


#liste_chap a{display: block; float: left; width: 100%; clear: both;padding: 10px; color: #777; font-weight: 600; text-decoration: none; line-height: 25px; overflow: hidden; border-bottom: 1px solid #d8d8d8}
#liste_chap a:hover{background: #f4f4f4;}
/*/////////////////////////////////////////////////////*/
/*///////////////////ACCORDEON      //////////////////////*/
/*/////////////////////////////////////////////////////*/





.accordion-header {
	
	cursor: pointer;
	
}





.accordion-content {
	display: none;
	
	
}

     #menu {
		display:none;
	}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; cursor:pointer}
  #sortable li { margin: 0 5px 5px 5px; padding: 5px;  }
  html>body #sortable li {line-height: 1.2em; }
  .ui-state-highlight { height: 30px; line-height: 1.2em; }

/********************** RESPONSIVE ***********************/

@media screen and (max-width: 40em) {
    .tab{ display: inline}
    .tab a{width: 100%;}
    #captcha_txt{ width: 100% !important; margin-top: 5px;}
    #captcha_code{ width: 100% !important;}
    .mobile_hide{display: none}
    .mobile_only{display: block}
    body{width: 100%; background: #ececec}
    #header_mobile{width:100%; overflow: hidden;margin-bottom: 0px; text-align: center; background: #fff}
    #header_mobile img{width:90%;}
    #all{width: 95%;}
    #col_left,#col_right,.blue_content{ width: 100%;}
    .blue_content{ margin-bottom: 10px}
    .bloc_prochain_congres{background-size: cover !important; margin-bottom: 10px;}
   .main_img{ height: 150px; overflow: hidden;}
    .main_img,.main_img img{ width: 100%; float: right}
    .btn_main{ width: 100%;}
    .main_txt,.txt_pres_main,.blue_content{width: 100%; float: left}
    .main_txt{padding: 0px;margin: 0; margin-top: 10px; float: right; margin-bottom: 10px;}
    .bloc_btn_index{width: 100%; overflow: hidden; position: relative;bottom: auto; right: auto;float: left; margin-top: 10px;}
    
    .ligne_listing{width: 100%;}
   
    .ligne_listing img{width: 5%; float: left}
    .ligne_listing .content_ligne_listing{width: 93%; float: left; margin: 0; margin-left: 2%}
    .white_content{ margin-bottom: 20px;}
    
    #mobile_video{ display: block; width: 100%; background: #000; color: #fff; text-align: center; overflow: hidden; height: 180px; margin-top: 20px; margin-bottom: 20px; text-decoration: none; font-size:16pt; line-height: 22px; padding-top: 32px;}
    #mobile_video img{ height: 100px;}
    h8{ width: 100%;}
    #btn_add_fav, #btn_pdf{ width: 100%;}
    #under_vid_right{ width: 100%}
    
	
	.slicknav_menu {
		display:block;
	}
    
    .btn_mobile{ width: 49%; float: left; height: 50px; line-height: 50px; font-size: 15pt; margin-bottom: 10px; margin-top: 10px}
    #res_connection_mobile{display: none; width: 100%; float: left; clear: both; background: #fff; padding: 10px; margin-bottom: 10px;}
    .div_input_connection{ width: 100%;}
    .input_connection{ width: 90%;}
    #co_mobile{width: 100%; float: left; height: 50px; line-height: 50px; font-size: 15pt; margin-bottom: 0px; margin-top: 10px;-webkit-appearance: none;}
    .infos_bonjour{ margin-bottom: 20px;}
}