%PDF- %PDF-
Direktori : /home/alliance/domains/congress-eldw.eu/public_html/css/ |
Current File : /home/alliance/domains/congress-eldw.eu/public_html/css/style.css |
/* HTML5 Boilerplate html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px dotted #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* End of Reset CSS fonts.css from the YUI Library: developer.yahoo.com/yui/ */ body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */ select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } /* * HTML5 Boilerplate - minimal base styles */ body, select, input, textarea { color: #444; /* font-family: Georgia, serif; */ } h2,h3,h4,h5,h6 { font-weight: bold; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } a:hover { color: #036; } ul, ol { margin-left: 1.8em; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ .ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* By default the selection color is pink */ ::-moz-selection{ background: #f16529; color:#fff; text-shadow: none; } ::selection { background:#f16529; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #FF5E99; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } /* * Non-semantic helper classes */ /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Clearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } img { display: block; } .form_paiement img{ display:inline-block; } /* // ========================================== \\ || || || Your styles ! || || || \\ ========================================== // */ a:link, a:visited, a:hover, a:active { outline:none } html { overflow-y: scroll; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background-color: #404c4c; width: 100%; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 140%; color: #818181; } #body2 { background: url('../images/fond.png') repeat #e8e8e8; } .main { width: 1200px; margin: auto; } .flexcontent { display: flex; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } header { position: relative; width: 100%; margin: auto; } header #top { position: relative; background: #fff; padding-top: 10px; padding-bottom: 10px; } header .logo { width: 25%; } header .banniere { width: 75%; height: 218px; background: url('../images/frise.jpg') repeat-x; } h1 { color: #404c4c; font-family: 'Open Sans Condensed',sans-serif; font-size: 1.625em; text-transform: uppercase; line-height: 100%; text-shadow : 0 0 1px rgba(0,0,0,0.01); } #corps h1 a,#corps h1 a:hover{ text-decoration:none; } header nav { background-color: #404c4c; color:white; padding-left: 12px; padding-right: 12px; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .admin { background: #294082; } header nav ul { list-style-type: none outside none; overflow: auto; } header nav ul li { float: left; margin: 0; } header nav ul li a { display: block; font-family: 'Open Sans Condensed', sans-serif; padding: 20px 8px; line-height: 100%; color:#fff; text-decoration: none; text-transform:uppercase; font-size:16px; } header nav ul li a:hover,header nav ul li a.selected{ color:#509a4e; } header nav ul li a div { padding-top: 78px; padding-left: 10px; padding-right: 10px; } header .lines div { padding-top: 72px; } .admin { background: #294082; } .admin ul { list-style: none; overflow: auto; margin: 0; } .admin li div { cursor: default; } .admin li ul { width: 172px; position: absolute; list-style-type: none outside none; z-index: 999; padding-bottom: 10px; } .admin li .soussec { background: #294082; } .admin li ul li { float: none; margin: 0; padding: 0; } .admin li ul li a { font-family: 'Roboto', sans-serif; padding: 0 10px; margin: 0; font-size: 0.93333em; line-height: 120%; text-transform: none; text-align: left; margin-top: 3px; text-decoration: none; } .admin li ul li a:hover { text-decoration: underline; } #corps { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-bottom: 60px; } #corps a { color: #509a4e; text-decoration: none; } #corps a:hover { color: #404c4c; text-decoration: underline; } .erreur { margin: 10px; background: #f7d6d6; padding: 10px; border: 1px solid #eeb3b3; } #droite { width: 25%; -webkit-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; flex-shrink: 0; } .boutonsdroite { margin-top: 10px; margin-left: 0; list-style: none; } #corps .boutonsdroite li a { display: block; background-repeat: repeat; color: #fff; font-family: 'Open Sans Condensed', sans-serif; line-height: 100%; color:#fff; text-decoration: none; text-transform:uppercase; } #corps .boutonsdroite li a div { background: transparent; padding: 18px; } #corps .boutonsdroite li a:hover div { background: rgba(0,0,0,0.2); } #corps .boutonsdroite li a i { margin-right: 5px; } #corps .boutonsdroite li a:hover { color:#fff; text-decoration: none; } .boutonsdroite li.bouton1 a { background-image: url('../images/bt1.png'); background-color: #509a4e; } .boutonsdroite li.bouton2 a { background-image: url('../images/bt2.png'); background-color: #294082; } .boutonsdroite li.bouton3 a { background-image: url('../images/bt3.png'); background-color: #5f9ac4; } .boutonsdroite li.bouton4 a { background-image: url('../images/bt4.png'); background-color: #c5833c; } .boutonsdroite li.bouton5 a { background-image: url('../images/bt5.png'); background-color: #4fa499; } .boutonsdroite li.bouton6 a { background-image: url('../images/bt6.png'); background-color: #404c4c; } .boutonsdroite li.bouton8 a { background-image: url('../images/bt8.png'); background-color: #bc4c42; } .mt15 { margin-top: 15px; } .bloc img { border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bloc .fright { margin-top: 10px; margin-left: 10px; margin-bottom: 10px; } .bloc .fleft { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; } #gauche h3 { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 17px; line-height: 20px; } .page_themes{ margin-right:-10px; } .text_admin { width: 100%; background: #fff; padding: 60px; margin-top: 10px; } #gauche { width: 75%; padding-right: 10px; flex-grow: 1; } strong { font-weight: bold; } h2 { color: #404c4c; font-family: 'Open Sans Condensed',sans-serif; font-size: 1.625em; text-transform: uppercase; line-height: 100%; } .bloc { margin-bottom:10px; } .infobloc { background: #3e7acc; color: #fff; padding: 10px; } .erreurbloc { background: #EE0C33; color: #fff; padding: 10px; } #partager_mail { } .partager{ } .fleft { float: left; } .fright { float: right; } table .head { font-family: 'Open Sans Condensed', sans-serif; text-align: center; } .adminlist { list-style: none; margin: 0; margin-top: 10px; border: 1px solid #ddd; } .adminlist li { } .adminlist li div { background: transparent !important; padding: 10px; border-top: 1px solid #ddd; } .adminlist li:first-child div { border-top: 0; } .adminlist li ul { list-style: none; margin: 0; } .adminlist li ul li { margin: 0; padding: 3px; } .adminlist2 { list-style: none; margin: 0; } .adminlist2 li { margin-top: 5px; margin-right:5px; float:left; width:45%; } .adminlist2 li a, .adminlist2 li div { color: white !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; } .adminlist2 li ul { list-style: none; margin: 0; } .adminlist2 li ul li { margin: 0; padding: 3px; } .souscat2 { cursor: default; } .sousmenuadmin { list-style: none; margin: 0; overflow: auto; margin-top: 10px; margin-bottom: 10px; } .sousmenuadmin li { float: left; background: #c8e9ef; display: block; font-family: 'Open Sans Condensed',sans-serif; font-size: 17px; line-height: 22px; padding: 7px; text-align: center; margin-right: 10px; } .ui-datepicker { background-color: #fff; padding: 10px; display: none; border: 1px solid #B2B2B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ui-datepicker-calendar th, .ui-datepicker-calendar td { padding: 2px; margin: 2px; border: 1px dotted #dfdfdf; text-align: center; } .ui-datepicker-calendar th { background-color: #dfdfdf; } .ui-datepicker-calendar a { color: #000; text-decoration: none; cursor: pointer; } .ui-datepicker-prev { margin-right: 10px; } .ui-datepicker-current-day { background-color: #a8d5f6 !important; } .ui-datepicker-today { background-color: #c6f2ac; } .ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; } .cblocs_admin { overflow: auto; } .cblocs_admin a { display: block; float: left; margin: 10px; } #bloc_sort { list-style: none; margin: 0; } .bloc_place { display: block; border: 2px dashed #cecece; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 10px; height: 50px; } .bloc_admin { margin-top: 10px; } .bloc1_admin { cursor: move; position: relative; width: 100%; height: 33px; background: #bebebe; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } .bloc1_admin a { display: block; width: 29px; height: 29px; position: absolute; right: 0; } .bloc1_admin a i { font-size: 1.5333em; line-height: 100%; margin-top: 5px; } .bloc2_admin img { height: 73px; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bloc2_admin img.fleft { margin-right: 7px; } .bloc2_admin img.fright { margin-left: 7px; } .bloc2_admin { display: block; overflow: auto; background: #fff; color: #666666 !important; text-decoration: none !important; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; padding: 7px; } .bloc_admin:hover .bloc2_admin { background: #f0f0f0; } #calendrier { width: 938px; margin-left: 11px; margin-right: 11px; } #calendrier td { border: 1px solid #cecece; width: 133px; height: 100px; } #calendrier td div { padding: 4px; } #calendrier .numjour { text-align: right; color: #b5b5b5; } #calendrier .calendar_othermonth { background: #f8f8f8; } #calendrier .calendar_today { background: #f8ffe0; } #calendrier ul { list-style: none; margin: 0; } #calendrier li { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; margin-bottom: 3px; } #calendrier li a { display: block; text-decoration: none !important; color: #000 !important; font-size: 14px; line-height: 16px; padding: 2px 5px; } .cal_nav { display: block; padding-top: 2px; margin-left: 10px; margin-right: 10px; } #newsletter { position: absolute; margin-left: 313px; margin-top: 9px; } #nextevents { padding: 10px; background: #EFEFEF; margin-bottom: 10px; } #nextevents p img { display: inline; margin-right: 7px; vertical-align: middle; } #nextevents p { margin-bottom: 10px; } #nextevents ul { list-style: none; margin: 0; margin: 0; } .partager { padding: 5px; border: 1px solid #E6E6E6; margin-top: 5px; margin-bottom: 10px; min-height:25px; overflow: auto; } .partager .icons { float: right; font-family: Tahoma, Arial, Sans-serif; font-size: 0.866667em; line-height: 100%; margin-top: 3px; list-style: none; margin: 0; } .partager .icons li { float: left; margin-right: 10px; padding-top: 4px; } .partager .icons li:last-child { margin-right: 0; padding-top: 0; } .partager .icons li a { color: #666666 !important; } .partager .icons li a:hover { color: #125A9B !important; text-decoration: none !important; } .partager .icons i { margin-right: 3px; vertical-align: middle; } .archives { padding: 5px; border: 1px solid #E6E6E6; margin: 10px; margin-top: 15px; } .archive { list-style: none; margin-left: 0; margin-top: 15px; } .load { background: url('../images/load.gif') no-repeat; width: 32px; height: 32px; } .download { margin-top: 10px; margin-bottom: 10px; } .download img { display: inline; vertical-align: top; border: 0; } #filariane { margin-left: 10px; margin-right: 10px; margin-top: 10px; overflow: auto; } #filariane .link { background: #f4f4f4; display: block; padding: 6px; float: left; margin-right: 3px; color: #000; } #filariane .link2 { display: block; padding: 6px; float: left; margin-right: 3px; } #gauche #fileariane a.home{ background-color: #28586f; color:white; } #demande_devis label{ min-width:150px; display:inline-block; } .error { color: #B21820; } .flag{ margin-top:10px; margin-bottom:10px; clear:both; overflow:auto; } #corps .flag a{ float:left; margin-right:10px; background-color:#166CAF; padding:2px 6px; color:white; text-transform:uppercase; } #corps .flag a:hover{ text-decoration:none; } .flag a.selected{ font-weight:bold; } h3 { color: #505050; font-family: 'Roboto',sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; } .info_flag_bloc{ float:right; margin-right:39px; margin-top:5px; border: 0 } .adminlist .info_flag_bloc{ margin-top:-2px; padding-top:0; margin-right:0; padding-right:0; border: 0 } .info_flag{ float:left; border: 0; } .info_flag.valide{ color: white; float: left; margin-right: 4px; padding: 2px 6px; background-color: #20831b !important;; } .info_flag.invalide{ color: white; float: left; margin-right: 4px; padding: 2px 6px; background-color: #831b1b !important;; } /* actus sur l'accueil */ .actu_accueil h1 { font-size: 1.3125em; } #corps .actu_accueil a { color: #404c4c; } #corps .actu_accueil a:hover { color: #509a4e; } .actu_accueil .aff_date{ margin-top:3px; } .actu_accueil .aff_date img{ float:left; margin-right:5px; } .actu_accueil .actu_photo{ display:block; width: 28%; padding-right: 10px; margin-top:10px; } .actu_accueil .actu_texte{ width: 72%; text-align:justify; margin-top:10px; } #droite article{ padding:10px; background-color:#dae7ef; color:#061e29; margin-bottom:10px; } #droite .droite_social{ padding:0; background-color:transparent; overflow:auto; } #droite .droite_social a{ float:left; } #droite .droite_newsletter{ overflow:auto; } #droite .droite_newsletter a img { float:left; } #droite article a{ color:#485a79; } #droite .droite_news{ background-color:#efefef; } #corps .droite_news a{ color:#061e29; } #corps .droite_news a .orange { color:#ef4723; } #corps .droite_news a:hover{ text-decoration:none; } /* END actus sur l'accueil */ .top_accueil{ margin-top:10px; margin-right:-10px; } .top_accueil div{ float:left; margin-right:10px; height:190px; overflow:hidden; margin-bottom:10px; } #corps .top_accueil div .top_accueil_titre{ color:#282828; background: rgba(255, 255, 255, 0.7); font-weight:bold; height:24px; margin-top:-30px; display:bloc; float:left; padding:6px 10px 0 10px; font-size:15px; } #corps .top_accueil div .top_accueil_titre:hover{ text-decoration:none; } #corps .tiers .top_accueil_titre{ width:210px; } #corps .demi .top_accueil_titre{ width:330px; } #corps .dtiers .top_accueil_titre{ width:450px; } #corps .full .top_accueil_titre{ width:600px; } #corps .tiers{ width:200px; } #corps .demi{ width:300px; } #corps .dtiers{ width:400px; } #corps .full{ width:620px; } /* THEME */ .theme_image{ float:left; } .presentation_theme{ height:110px; width:710px; display:block; margin-top:-110px; color:white; overflow:auto; float:left; } .presentation_theme h2{ color:white; font-weight:44px; padding:50px 17px 0 17px; height:60px; } .presentation_theme_text{ clear:both; padding:10px 17px; margin-bottom:8px; color:white; min-height:60px; } .presentation_theme_text{ padding:10px 17px; margin-bottom:8px; } .theme_lien{ padding:11px 16px; float:left; margin-right:10px; margin-bottom:10px; font-size:19px; } #corps .theme_lien a{ color:white; } #corps .theme_lien a:hover{ text-decoration:none; } /* END THEME */ .une_section{ width:350px; margin-right:10px; margin-bottom:10px; color:white; float:left; } #corps .une_section .une_section_texte{ padding:8px 16px 0 16px; height:65px; } #corps .une_section a{ color:white; } #corps .une_section a:hover{ text-decoration:none; } .copyright{ font-size:12px; font-style:italic; } .gallery{ overflow:auto; } .gallery_bloc{ float:left; margin-right:10px; margin-bottom:10px; } .submit_search{ background: url('../images/search_zoom.png') no-repeat; width:16px; height:16px; border:0; margin-left:10px; margin-top:-2px; } .bloc ul{ list-style-position:inside; } .documents{ list-style-type:none; } .droite_news strong{ font-size:15px; } .lang_1{ width:48%; float:left; } .lang_2{ width:48%; float:left; margin-left:4%; } .droite_block{ padding:10px; } .page_event{ padding:20px; margin-top:15px; background-color:#eff3f5; } .page_date{ margin-top:10px; background-color:#668aa1; padding:5px 8px; color:white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; } #corps .page_date a{ color:white; } .fright .photo234 img{ float:right; } .fright .photo234 .photo3,.fright .photo234 .photo4{ margin-right:8px; } .lang{ text-align:right; color:white; } .lang a { color:#509a4e; text-decoration:none; } .lang a:hover { color:#7a8a89; text-decoration:none; } .lang .selected{ color:#7a8a89; } #droite .participer{ padding: 0; } #droite .participer img{ display:inline; } #google_translate_element{ width:100%; overflow: hidden; padding:10px; margin-bottom: 10px; } #google_translate_element select{ width:100%; } #google_translate_element img{ display:inline; } .keyword_search{ width:85%; } .bloc img{ max-width:100%; } .social_head{ float:right; overflow:auto; } .social_head a{ float:left; } header nav ul .social_head a { padding: 13px 5px 0; } #menumobile{ display:none; } .slicknav_menu{ display:none; } i.vert { color: #509a4e; } .logocongres { padding-top: 20px; } .logocongres img { margin: auto; } #corps img { max-width: 100%; } .actus_home_three { margin-left: -5px; margin-right: -5px; } .actus_home_three .actu_accueil { width: 33.33333%; padding-left: 5px; padding-right: 5px; background-clip: content-box; } footer { color: #fff; padding-top: 60px; padding-bottom: 60px; } footer .flexcontent { margin-left: -5px; margin-right: -5px; } footer .flexcontent nav { width: 25%; padding-left: 5px; padding-right: 5px; } footer .flexcontent nav ul li { margin-top: 10px; } footer h2 { font-size: 1.066667em; color: #fff; } #footer a { color: #fff; text-decoration: none; } #footer a:hover { color: #509a4e; text-decoration: none; } .form table { width: 100%; } .label { width: 150px; vertical-align: middle; padding: 5px; } td.top { vertical-align: top; } .field { vertical-align: middle; padding: 5px; } .field input { border: 1px solid #e8e8e8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; color: inherit; font-family: inherit; padding: 10px; width: 100%; -webkit-box-shadow: 2px 2px 10px 0 rgba(64,76,76,0.1); box-shadow: 2px 2px 10px 0 rgba(64,76,76,0.1); } .field input:focus { border: 1px solid #cacaca; } .field input.small { width: 186px; } .field input.radio { border: 0; background: transparent; padding: 0; width: auto; vertical-align: top; } .field textarea { border: 1px solid #e8e8e8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; padding: 10px; width: 100%; max-width: 100%; min-width: 100%; min-height: 150px; -webkit-box-shadow: 2px 2px 10px 0 rgba(64,76,76,0.1); box-shadow: 2px 2px 10px 0 rgba(64,76,76,0.1); } .field textarea:focus { border: 1px solid #cacaca; } .form_bouton { margin-left: 155px; } .bouton { display: inline-block; background: #509a4e; padding: 4px; color: #fff !important; min-width: 200px; text-decoration: none !important; text-align: center; padding: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; cursor: pointer; font-size: 1em; line-height: 100%; text-transform: uppercase; vertical-align: baseline; margin-right: 10px; border: 0; -webkit-box-shadow: 15px 15px 30px 0 rgba(64,76,76,0.2); box-shadow: 15px 15px 30px 0 rgba(64,76,76,0.2); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .bouton:hover { background: #404c4c; -webkit-box-shadow: 5px 5px 15px 0 rgba(64,76,76,0.4); box-shadow: 5px 5px 15px 0 rgba(64,76,76,0.4); } .bouton:active, .bouton.active { background: #0d2728; } .bouton.confirm { background: #ca1b1b; } .bouton.confirm:hover { background: #991414; } .bouton.w100 { width: 100%; margin-right: 0; } .bouton.nmw { min-width: auto; } .text_admin .bouton { margin-top: 10px; margin-bottom: 10px; } .blanc { background: #fff; } .fonce { background: #404c4c; color: #fff; } .bleu { background: #294082; color: #fff; } .fonce h1, .bleu h1 { color: #fff; } .fonce h2, .bleu h2 { color: #fff; } .padding { padding: 60px; } .padding2 { padding: 30px; } .mt10 { margin-top: 10px; } .pagination { margin-top: 10px; } .pagination .bouton { margin-right: 10px; margin-top: 0; } @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; border: 0; } a, a:visited { color: #444 !important; text-decoration: none; } a:after { content: ""; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } img { border: 0 !important; display: inline; } #printbutton { display: none; } } @media screen and (max-width: 1220px) { * { box-sizing: border-box; } header { width: auto; padding-top: 60px; } #activites { width: auto; } #corps { width: auto; padding-bottom: 0; padding-top: 0; flex-direction: row; } #gauche { width: 75%; margin-bottom: 10px; order: 1; } .logocongres { padding: 20px; } #droite { width: 25%; margin-bottom: 10px; order: 2; } footer { width: auto; } .etiquette{ height:auto; } .bloc_colonne img{ width:100%; } .droite_newsletter img{ width:auto; } .mobileshow { display: block; } #google_translate_element { margin-bottom: 0; padding-bottom: 0; } #google_translate_element img { max-width: auto; } .liste_pays{ padding-left:2%; padding-right:2%; margin-left:0; } .presentation_cate .droite_large { width: auto; } .top_accueil { display:none; } .corp_page{ width: 100%; margin:0 0; box-sizing:border-box; } .bloc{ max-width:100%; } .actu .photo1 { width: 180px; } #liste_actu_cat { margin: 10px; box-sizing: border-box; } .text { min-height: 0; } .secactu { width: 50%; padding: 5px; margin: 0; border: 0; } header nav { height: auto; } header nav ul { background: #27526c; height: auto; border-left: 5px solid #5898de; padding: 8px 0; } header nav ul li { float: none; margin: 0; } body header nav ul li a { height: auto; width: auto; background: transparent; text-align: left; } header nav ul li a div, header .lines div { padding: 7px 15px; } header #acc, header #cal, header #ami, header #act, header #off, header #bill, header #ann, header #tac { background: transparent; } #activites { padding: 0; } #activites li, .admin li { float: none; width: auto; margin: auto; } #activites li a, #activites li div, .admin li a, .admin li div { text-align: left; padding: 15px; cursor: pointer; } #activites li ul, .admin li ul { position: static; width: auto; } #activites li ul li a, .admin li ul li a { padding: 5px 15px; } #top { display: none; } #filariane { margin-left: 15px; margin-right: 15px; margin-top: 15px; } .presentation_cate { margin-left: 15px; margin-right: 15px; margin-top: 15px; } .actu { margin-left: 15px; margin-right: 15px; margin-top: 15px; line-height: 140%; } .bloc { line-height: 140%; } #gauche h3 { line-height: 140%; } .archives { margin: 15px; } .partager { display: none; } body .fb-comments { display: none; } .actu .photo_droite { width: 200px; overflow: hidden; } .actu .photo_droite img { width: 100%; } .actu .photo234 { margin: -3px; margin-top: 3px; overflow: hidden; } .actu .photo234 img { padding: 3px; width: 33.3333%; margin: 0; } .actu .photo234 .photo2, .actu .photo234 .photo2 { margin: 0; } #activites { display: none; } header nav { display: none; } .menubouton { width: 50px; height: 40px; } .menubouton .menuicon { width: 50%; height: 50%; } .menubouton .menuicon div { height: 20%; border-radius: 7px; } .menubouton .menuicon div.ligne { background: #fff; } .slicknav_menu{ display:block; } .bloc img { max-width: 100%; } .bloc .photo700 { max-width: 100%; } .bloc .photo698 { max-width: 100%; } .bloc .photo340 { max-width: 48%; } .bloc .photo220 { max-width: 31%; } .bloc .photo110 { max-width: 15%; } .section_presentation_cate .image { float: none; padding: 0; } .section_presentation_cate .image img { float: right; margin-left: 20px; max-width: 42%; } .label { display: block; } .field { display: block; } .field input { width: 100%; } .field textarea { width: 100%; min-width: 100%; max-width: 100%; } .form_bouton { margin: 0; } .form fieldset .form_bouton { margin: 0; } #homeban .presentation { width: 100%; } .main2 { width: 96%; margin-left:2%; margin-right:2%; margin-top:2%; } #homeban h1 { font-size: 2em; } #homeban h2 { font-size: 1.7em; } .bloc_colonne{ width:100%; } .pays .flag, #corps .pays .name { width: 100%; } .pays:nth-child(even){ margin: 0 0 20px 2%; width:48% } .pays:nth-child(odd){ margin: 0 2% 20px 0; width:48% } .main { width: 100%; padding-left:10px; padding-right:10px; } #homebanback { background-image:none; padding:2%; } #search_bar{ display:none; } .page_section .gauche { float: none; margin-right: 0; overflow: auto; width: 100%; } .page_section .droite { float: none; width: 100%; } .photo1 { border-radius: 5px 0 5px 5px; width: 100%; } #corps .bloc_pays .gauche img { max-width:100%; } .bloc_pays .gauche { width:25%; } .bloc_pays .droite { width:75%; box-sizing:border-box; padding-left:3%; float:left; margin-left:0; text-align: justify; } #corps .bloc_pays h3 a { font-size: 1.2em; } header{ display:none; } .profil_ins { padding: 20px; width: 100%; box-sizing:border-box; } .profil_ins h3 { font-size: 1.7em; } .ins_top { margin-top: 20px; border-radius: 5px; } .form_profil .label { border-radius: 5px 5px 0 0; color: #fff; float: none; padding: 12px 18px 0; width: 100%; box-sizing:border-box; } .form_profil .field input { border-radius: 0 0 5px 5px; color: #528ba4; height: 39px; padding: 3px 15px; width: 100%; box-sizing:border-box; } .form_profil .field { float: none; width: 100%; } .form_profil .check { float: none; width: 100%; box-sizing:border-box; border-radius: 0 0 5px 5px; height: auto; margin-left: 0; } .form_profil .bouton_form { background: #3c5a7b url("../images/button.png") repeat-x scroll 0 0; border: 0 none; border-radius: 5px; color: #fff; cursor: pointer !important; display: block; font-family: "amaranthbold",Arial; font-size: 1.28571em; line-height: 1.16667em; margin: auto; padding: 15px 18px; text-align: center; text-decoration: none !important; width: 100%; box-sizing:border-box; } .recaptchatable .recaptcha_r1_c1 { max-width: 100%; } .form_profil .label { height: auto; line-height: 1.5em; } .form_profil .check_full .questionlibre { width: 100%; box-sizing:border-box; margin-right:0; } .form_profil .field2 { float: none; width: 100%; box-sizing:border-box; background-color: #e1f2fa; border-radius: 0 0 5px 5px; margin-left:0; } .form_profil .field2 select{ width: 100%; } textarea.bloctexte { height: auto; margin-bottom: 20px; max-width: 100%; min-width: 100%; padding: 15px; box-sizing:border-box; width: 100%; } .home_edition{ padding:0 2%; } } @media screen and (max-width: 850px) { #gauche { width: 65%; } #droite { width: 35%; } .padding { padding: 30px; } .padding2 { padding: 15px; } footer { padding: 30px; } .actus_home_three .actu_accueil { width: 100%; display: flex; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .actus_home_three .actu_accueil .photo { width: 35%; overflow: hidden; position: relative; } #corps .actus_home_three .actu_accueil .photo img { height: 100%; width: 100%; object-fit: cover; } .actus_home_three .actu_accueil .padding2 { width: 65%; } } @media screen and (max-width: 600px) { #gauche { width: 100%; padding: 0; } #droite { width: 100%; } footer .flexcontent nav { width: 50%; margin-top: 10px; } .actu_accueil .flexcontent { display: block; } .actu_accueil .actu_photo { width: auto; } .actu_accueil .actu_photo img { float: left; width: 40%; margin-right: 10px; } .actu_accueil .actu_texte { width: auto; } } @media screen and (max-width: 400px) { footer .flexcontent nav { width: 100%; margin-top: 10px; } }