%PDF- %PDF-
Direktori : /home/alliance/domains/sedl.alnetis.fr/public_html/css/ |
Current File : /home/alliance/domains/sedl.alnetis.fr/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 solid #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; */ } h1,h2,h3,h4,h5,h6 { font-weight: bold; } h3{ color: #505050; font-family: 'Open Sans Condensed'; font-size:1.25em; font-weight: normal; line-height:1.5em; } 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; } #insc_form label,#insc_form input[type=button],#insc_form input[type=submit], button { cursor: auto; } 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: -ms-flexbox; display: -webkit-flex; display: 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; font-weight: normal; line-height: 100%; } #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; } header #search_bar{ padding-top: 10px; } header #search_bar .form{ width: 100%; } header #search_bar .form .selectBox { -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; } .searchright { width: 25%; margin-left: 10px; } header .submit_search{ background-color:white; border:0; margin-left:0; line-height: 100%; padding: 10px; color: #599e53; cursor: pointer; } header .keyword_search{ width:150px; background-color:white; border:0; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; line-height: 100%; padding: 10px; } .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; } #droite.section { width: 35%; } .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.bouton7 a { background-image: url('../images/bt7.png'); background-color: #bc4c42; } .boutonsdroite li.bouton8 a { background-image: url('../images/bt8.png'); background-color: #bc4c42; } div.bouton7{ background-image: url('../images/bt7.png'); background-color: #bc4c42; color:white; text-align:center; padding:15px; } .mt15 { margin-top: 15px; } .bloc p { margin-top: 10px; } .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; } .text { margin-top: 10px; min-height: 50px; } .text_admin { width: 100%; background: #fff; padding: 60px; margin-top: 10px; } #corps .surtitre { margin-top: 0; margin-bottom: 10px; } .mention12star { margin-bottom: 12px; vertical-align: middle; color: #014689; } .mention12star img { display: inline; vertical-align: middle; margin-right: 7px; } .liste_pays{ margin:-5px; margin-top: 5px; } #corps .pays{ display: block; padding: 5px; width: 20%; background: #fff; text-align:center; text-transform:uppercase; background-clip: content-box; text-decoration: none; color: #0d2728; } #corps .pays:hover{ background: #509a4e; background-clip: content-box; color: #fff; text-decoration: none; } #corps .pays img{ max-width: 80%; margin:auto; margin-bottom: 10px; } #corps .pays .nom { font-family: 'Open Sans Condensed',sans-serif; font-size: 1.066667em; line-height: 100%; } .liste_editions{ margin:-5px; margin-top: 5px; } #corps .edition{ display: block; padding: 5px; width: 50%; background: #fff; background-clip: content-box; text-decoration: none; color: #0d2728; } #corps .edition:hover{ background: #509a4e; background-clip: content-box; color: #fff; text-decoration: none; } #corps .edition h3 { color: #509a4e; text-transform:uppercase; line-height: 100%; margin-bottom: 10px; } #corps .edition:hover h3 { color: #fff; } #gauche { width: 75%; padding-right: 10px; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; } #gauche.section { width: 65%; } #gauche p { margin-top: 10px; } strong { font-weight: bold; } h2 { color: #404c4c; font-family: 'Open Sans Condensed',sans-serif; font-weight: normal; font-size: 1.4em; text-transform: uppercase; line-height: 100%; } .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; } .bloc { margin-bottom:10px; } .infobloc { background: #3e7acc; color: #fff; padding: 10px; } .erreurbloc { background: #EE0C33; color: #fff; padding: 10px; } #partager_mail { } .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: 940px; height: 29px; background: url('../images/bloc1.png') no-repeat 0 0; } .div_admin .invalide .bloc1_admin { cursor: move; position: relative; width: 940px; height: 29px; background: url('../images/bloc1_admin.png') no-repeat 0 0; } .div_admin .invalide:hover .bloc1_admin { background: url('../images/bloc1_admin.png') no-repeat 0 -29px; } .div_admin .semiinvalide .bloc1_admin { cursor: move; position: relative; width: 940px; height: 29px; background: url('../images/bloc1_semiinvalide.png') no-repeat 0 0; } .div_admin .semiinvalide:hover .bloc1_admin { background: url('../images/bloc1_semiinvalide.png') no-repeat 0 -29px; } .bloc1_admin a { display: block; width: 29px; height: 29px; position: absolute; right: 0; } .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: #e6e6e6; } .bloc_admin:hover .bloc1_admin { background: url('../images/bloc1.png') no-repeat 0 -29px; } #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: 0.875em; line-height: 1.1428571428571428571428571428571em; 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-top: 30px; padding-bottom: 30px; background-color:white; } .partager .icons { float: right; } .partager .icons div { float: left; margin-left: 10px; } .partager .icons div a { color: #666666 !important; text-decoration: none !important; } .partager .icons div a:hover { color: #125A9B !important; text-decoration: none !important; } .partager .icons img { display: inline; 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; } #gmap { margin-top: 10px; width: 100%; height: 250px; } #demande_devis label{ min-width:150px; display:inline-block; } .error { color: #B21820; } .choix_profil{ padding:10px; background-color:#dfdfdf; width:100%; text-align:center; font-family: 'Open Sans Condensed'; text-transform: uppercase; line-height: 100%; color:#505050; margin-top: 10px; } .profil_ins{ width:50%; color:white; cursor:pointer; } .profil_ins .hover{ position: relative; background: transparent; height: 100%; } .profil_ins:hover .hover{ background: rgba(0,0,0,0.2); } .profil_ins h3{ font-family: 'Open Sans Condensed'; text-align:center; color:white; font-weight:normal; text-transform: uppercase; font-size:1.4em; margin-bottom:15px; } .ins_top{ font-family: 'Open Sans Condensed'; text-align:center; color:white; font-weight:normal; text-transform: uppercase; margin-top:10px; } #form_profil_1 .ins_top,.bg_profil_1{ background-image: url('../images/bt1.png'); background-color: #509a4e; background-repeat: repeat; } #form_profil_3 .ins_top,.bg_profil_3{ background-image: url('../images/bt2.png'); background-color: #294082; background-repeat: repeat; } #form_profil_2 .ins_top,.bg_profil_2{ background-image: url('../images/bt5.png'); background-color: #4fa499; background-repeat: repeat; } .form_profil h3{ padding-top:18px; } .form_profil .ligne{ margin-top: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form_profil .label{ width: 200px; padding-right: 10px; } .form_profil .label_full{ width: 100%; } .form_profil .check_full{ font-size:0.8666667em; padding-left:10px; vertical-align: middle; } .form_profil .check_full input{ vertical-align: middle; margin-right: 5px; } .form_profil .check{ font-size:0.8666667em; vertical-align: middle; } .form_profil .check input{ vertical-align: middle; } .form_profil tr{ margin-bottom:9px; } .form_profil .etoile{ color:#ff0000; } .form_profil .label p{ display:inline; } .form_profil .title { clear:both; } .form_profil .field { vertical-align: middle; padding:0; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; } .form_profil .form_bouton { margin-left: 0; clear:both; padding-top: 35px; } .form_profil .bouton_form { display: block; width: 320px; padding: 15px 18px; background: #0E99D3 url('../images/button.png') repeat-x; -webkit-border-radius: 8px; border-radius: 8px; text-decoration: none !important; font-family: 'Open Sans Condensed', Arial; font-size: 1.125em; line-height: 1.1666666666666666666666666666667em; color: #fff; text-align: center; -webkit-box-shadow: 1px 1px 0px 3px #0E99D3; box-shadow: 1px 1px 0px 3px #0E99D3; border: 0; margin: auto; cursor: pointer !important; } .form_profil .bouton_form:hover { background-color: #cdebf7 !important; color: #0E99D3; } .form_profil .bouton:hover { background-image: none; } #corps .bouton_dotted{ color:#505050; border:3px dashed #505050; padding:10px; -webkit-border-radius: 8px; border-radius: 8px; height:20px; margin-top:20px; margin-bottom:10px; display:block; text-decoration:none; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; font-size: 1.25em; text-align:center; background-color:#cccccc; } .bouton_admin { width: 100%; margin: -5px; margin-top: 20px; margin-bottom: 20px; } .bouton_admin div { width: 25%; padding: 5px; } #corps .bouton_admin a { width: 100%; display: block; padding: 15px; font-family: 'Open Sans Condensed', Arial; font-size: 1.125em; line-height:100%; text-align: center; margin: 0; } .nonvalide { background-color: #e8b8b8 !important; color: #000 !important; } .ariane{ width: 100%; background: #fff; margin-top: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-align-items: center; align-items: center; padding:10px; } .ariane img{ max-height: 31px; } .ariane a { } .ariane .pays_lib{ text-transform:uppercase; display:block; margin-left:10px; } .ariane .section_lib{ display:block; margin-left:10px; } .ariane .section_lib:before{ content: "›"; margin-right:10px; } .ariane .sup_section_lib{ display:block; margin-left:10px; background: transparent; }.ariane .sup_section_lib:before{ content: "›"; margin-right:10px; } #corps .ariane .sup_section_lib a{ } .page_pays h2{ line-height: 100%; color: white; padding:10px; margin-top:10px; } .bloc_pays{ margin-top: 10px; } .bloc_pays p{ margin-top: 0 !important; } #corps .bloc_pays h3 { font-size: 1.4em; text-transform: uppercase; } #corps .bloc_pays h3 a{ text-decoration:none; } .bloc_pays .gauche{ display: block; width: 30%; min-height: 150px; position: relative; overflow: hidden; background-color:white; } #corps .bloc_pays .gauche img{ position: absolute; width: 100%; height: 100%; object-fit: contain; padding-top:10px; padding-bottom:10px; padding-left:10px; } .bloc_pays .droite{ width: 70%; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; text-align:justify; } .page_section{ clear:both; overflow:auto; } .page_section .gauche{ width:530px; float:left; margin-right:10px; margin-left:10px; overflow:auto; } .page_section2{ margin-top:20px; } .page_section2 .gauche{ margin-right:0; margin-left:0; padding-top:30px; } .page_section p { text-align: justify; } .page_section .droite{ width:400px; float:left; overflow:auto; margin-right:10px; } .page_section h1{ font-size:2.3125em; line-height: 1.0810810810810810810810810810811em; color:#505050; position:static; cursor:auto; } .page_section h1 img{ vertical-align: middle; display: inline; } .page_section h3{ font-size:1.3125em; color:#014689; margin-top: 15px; } .photo1 { max-width: 100%; } .miniatures { overflow: auto; margin: -5px; margin-top: 5px; } .miniatures a { display: block; width: 33.333333%; padding: 5px; } .imagessection { padding: 10px; } .page_section .questions { margin-top: 10px; margin-bottom: 15px; } .droite .minimargin1 { margin-right: 3px; } .droite .minimargin3 { margin-left: 3px; } .activite{ margin-top: 10px; background: #fff; } .activite h3{ padding:0px; margin-top: 0; margin-bottom: 5px; } #corps .activite h3 a{ } #corps .activite h3 a:hover{ text-decoration:none; } .lieu { display: inline-block; padding-right:10px; } .lieu img{ display: inline-block; padding-right:10px; } .home_edition h2{ background-color:#0e99d3; color:white; padding:12px 16px; margin-bottom:10px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 1.875em; line-height: 1.1em; } .home_edition .actual{ color:#0e99d3; font-family: 'Open Sans Condensed'; } .titrecol { margin-bottom: 10px; } .bloc_colonne { width:310px; margin-bottom:10px; padding:10px; box-sizing:border-box; } .etiquette{ display: inline-block; padding: 10px; color:#fff; } .etiquette h3{ color:#fff; text-transform: uppercase; line-height: 100%; } .bloc_colonne h3{ clear:both; color:#505050; font-size:1.4375em; line-height: 1.0869565217391304347826086956522em; padding-top: 5px; padding-bottom: 5px; font-family: 'Roboto'; text-decoration:none; } #corps .bloc_colonne h3 a{ clear:both; color:#505050; padding-top: 5px; padding-bottom: 5px; font-family: 'Roboto'; text-decoration:none; } .bloc_colonne .acts { margin:10px; padding-left:22px; font-family: 'Roboto'; font-size:0.9375em; } #corps .bloc_colonne .acts a{ text-decoration:none; } .col_profil_1 .acts, .acti_profil_1 { border-left:5px solid #509a4e; } .col_profil_3 .acts, .acti_profil_3{ border-left:5px solid #294082; } .col_profil_2 .acts, .acti_profil_2{ border-left:5px solid #4fa499; } #corps .acti_profil_1 a, .acti_profil_1 i { color: #509a4e; } #corps .acti_profil_1 a:hover { color: #404c4c; } #corps .acti_profil_3 a, .acti_profil_3 i { color: #294082; } #corps .acti_profil_3 a:hover { color: #404c4c; } #corps .acti_profil_2 a, .acti_profil_2 i { color: #4fa499; } #corps .acti_profil_2 a:hover { color: #404c4c; } .col_profil_1 .etiquette{ background-color:#509a4e; } .col_profil_3 .etiquette{ background-color:#294082; } .col_profil_2 .etiquette{ background-color:#4fa499; } .col_profil_1 h3{ border-top:5px solid #509a4e; } .col_profil_3 h3{ border-top:5px solid #294082; } .col_profil_2 h3{ border-top:5px solid #4fa499; } .liste_act .etat_0{ border-left: 5px solid #e05252; } .liste_act .etat_2{ border-left: 5px solid #d5dbf3; } .info_bas { clear:both; margin-top:10px; overflow:auto; font-size:1.125em; } .info_bas div{ float:left; padding:7px 10px; } #pageinfos { overflow: auto; margin-top: 10px; margin-bottom: 10px; } .info_bas .titre{ color:white; font-family: 'Open Sans Condensed'; } .legendes span { padding: 5px; color: #fff; } .questionlibre { width: 400px; } .titreacti { font-size: 1.6875em; } .affsuite { color: #125A9B; text-decoration: none; cursor: pointer; } .affsuite:hover { text-decoration: underline; } .mjs-nestedSortable-error { background: #fbe3e4; border-color: transparent; } ol { margin: 0; padding: 0; padding-left: 30px; } ol.sortable, ol.sortable ol { margin: 0 0 0 25px; padding: 0; list-style-type: none; } ol.sortable { margin: 4em 0; } .sortable li { margin: 5px 0 0 0; padding: 0; } .sortable li div { border: 1px solid #d4d4d4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-color: #D4D4D4 #D4D4D4 #BCBCBC; padding: 6px; margin: 0; cursor: move; background: #f6f6f6; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); } #tree_sortable .placeholder { border: 1px dashed #4183C4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #stats_admin td,th{ width:25%; padding:3px 5px; } #stats_admin,#stats_admin th,#stats_admin td{ border:1px solid gray; } .eye{ float:right; } .eye img{ margin-top:-4px; } .pays_name{ text-transform:uppercase; } #old_edition{ margin-top:10px; background-color:#59b485; padding: 10px; color:#d7ece1; } #old_edition a{ color:white; font-weight:bold; text-decoration:none; } .old_edition .etiquette{ background-color: #CEECF7; } .old_edition h3 { border-top: 5px solid #CEECF7; } #infos_edition { margin-top: 10px; } #infos_edition select{ font-size:0.8666667em; } .stats .etiquette{ background-color: #baffd4; } .stats h3 { border-top: 5px solid #baffd4; height:0px; } #contact_bloc{ font-size:0.875em; float: right; } #contact_bloc a{ color:black; text-decoration:none; padding:5px; display:block; } #corps .pays .pays_37{ font-size: 0.75em; line-height:1em; padding-top: 4px; } #corps .pays .pays_44{ font-size: 0.875em; } .formatinsc { margin-top: 5px; font-size: 0.8666667em; } #google_translate_element{ width:100%; overflow: hidden; margin-top: 10px; } #google_translate_element select{ width:100%; } #google_translate_element img{ display:inline; } #chartdiv { width : 100%; height : 500px; } .page_carte{ padding:0 10px; } .page_carte h1{ position:static; } #mapdiv{ margin-top:20px; border-radius:10px; } #corps .tag{ background-color: #e9e9e9; border-radius: 8px; color: black; display: inline-block; font-family: "Open Sans Condensed"; margin-left: 4px; margin-right: 2px; margin-top: 4px; padding: 10px 13px; text-transform: uppercase; } .page_activite .gauche { width: 65%; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; } .page_activite .droite { width: 35%; } #menumobile{ display:none; } .slicknav_menu{ display:none; } i.vert { color: #509a4e; } .logocongres { padding-top: 20px; } .logocongres img { margin: auto; } #corps img { max-width: 100%; } .hint { background-color:#333; border-radius: 3px; color: white; display: none; margin-bottom: 2px; margin-top: 4px; min-height: 15px; padding: 10px 15px; position: absolute; z-index: 10; } .hint { background-color:#999; border-radius: 3px; color: white; display: none; margin-bottom: 2px; margin-top: -25px; margin-left: 150px; min-height: 15px; padding: 5px 15px; position: absolute; z-index: 10; max-width:450px; } .hint2 { background-color: #999; border-radius: 8px; color: white; display: none; margin-bottom: 2px; margin-left: 3px; margin-top: -40px; max-width: 450px; min-height: 15px; padding: 10px 15px; position: absolute; z-index: 10; } .zone_produit .hint.tooltip_description { margin-top: -120px; } 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; } .tablepourcent .label { width: 10%; } .tablepourcent .field { width: 40%; } .field input, .field select { 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[type="checkbox"], .field input[type="radio"] { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; color: inherit; font-family: inherit; padding: 0; width: auto; -webkit-box-shadow: 0; box-shadow: 0; vertical-align: middle; margin-right: 10px; } .field input:focus, .field select: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; } .tablepourcent .form_bouton { margin-left: 10%; } #corps a.cartedroite { display: block; margin-top: 10px; color: #0f282b; line-height: 100%; text-decoration: none; } #corps a.cartedroite .txt { background: #fff; padding: 10px; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; } #corps a.cartedroite:hover .txt { background: #509a4e; color: #fff; } #droite .text { text-align: center; } #droite .text h2 { font-size: inherit; } #droite .previouseditions { background: #cccccc; padding: 10px; } #droite .previouseditions h2 { font-size: inherit; line-height: 100%; margin-bottom: 10px; } .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; } .vertback { background: #509a4e; color: #fff; } .fonce { background: #404c4c; color: #fff; } .bleu { background: #294082; color: #fff; } .fonce h1, .bleu h1, .vertback h1 { color: #fff; } .fonce h2, .bleu h2, .vertback 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; } .themeedition strong { color: #0d2728; } .w100 { width: 100%; } .forumform .flexcontent { align-items: center; } .forumform .flexcontent label { padding-right: 20px; } .forumform .champexpand { flex-grow : 2; } .forumform input[type="text"], .forumform textarea { width: 100%; min-width: 100%; max-width: 100%; border: 2px solid #cccccc; padding: 15px; outline: none; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 140%; color: #818181; overflow: hidden; resize: none; -webkit-border-radius: 3px; border-radius: 3px; } .forumform input[type="text"]:focus, .forumform textarea:focus { border: 2px solid #a5a5a5; } .forumform .postchargement { font-size: 1.73333em; line-height: 100%; margin-left: 5px; margin-right: 15px; } .forumform .attachments i { color: #85c7f3; font-size: 1.73333em; line-height: 100%; cursor: pointer; margin-left: 5px; } .forumform .attachments i:hover { color: #294082; } .forumform .attachments i.active { color: #294082; } .forumposthead { justify-content: space-between; align-items: center; flex-wrap: nowrap; } .forumpostheadinfos { flex-wrap: nowrap; } .forumpostflag { height: 40px; margin-right: 15px; } .forumpostinfosuser { text-transform: uppercase; font-family: 'Open Sans Condensed',sans-serif; font-size: 1.0666667em; } .forumpostinfosdate a { color: #818181; } .forumpostalert i { color: #509a4e; font-size: 1.73333em; line-height: 100%; cursor: pointer; margin-left: 5px; } .forumpostmessage { overflow: auto; color: #0d2728; } .forumpostmessage img { width: 240px; max-height: 130px; object-fit: cover; float: left; margin-right: 20px; margin-bottom: 10px; } .forumposttitre { font-size: 1.0666667em; color: #294082; margin-bottom: 5px; } #corps .forumlink a { display: inline-block; padding: 5px; font-size: 0.933333em; line-height: 100%; background: #509a4e; color: #fff; border: 2px solid #509a4e; -webkit-border-radius: 3px; border-radius: 3px; margin-top: 5px; margin-bottom: 10px; } #corps .forumlink a:hover { background: transparent; color: #509a4e; text-decoration: none; } #corps .forumlink a i { margin-right: 3px; } .forumcomments { border-top: 1px solid #e4e4e4; } .listecomments { margin: 0; list-style: none; margin-bottom: 10px; overflow: auto; } .listecomments .listeresponses { margin-left: 42px; margin-bottom: 0; } .forumcomments .comments { margin-bottom: 10px; flex-wrap: nowrap; } .forumcomments .commentcontent { flex-grow: 2; } .forumcomments .forumcommentflag { height: 35px; margin-right: 10px; } .forumcomments .commentcontent .comment { display: inline-block; background: #f0f0f0; padding: 10px; -webkit-border-radius: 3px; border-radius: 3px; color: #0d2728; } .forumcomments .commentcontent .comment .commentuser { text-transform: uppercase; font-family: 'Open Sans Condensed',sans-serif; font-size: 1.0666667em; } .forumcomments .commentcontent .actions { margin-top: 5px; } #corps .forumaction { margin-right: 10px; cursor: pointer; } #corps .forumaction:hover { text-decoration: none; } #corps .forumcomments .forumrespondto a { margin-left: 10px; cursor: pointer; } #corps .forumcomments .forumrespondto a:hover { text-decoration: none; } .partnerform h2 { display: inline-block; background: #294082; line-height: 100%; color: #fff; padding: 4px; box-decoration-break: clone; margin-top: 30px; } .partnerform h1 { font-size: 2em; } .partnerform h3 { margin-top: 20px; } .partnerform .ligne { margin-top: 10px; } .partnerform .field { padding: 0; margin-top: 5px; } .partnerform p { margin-top: 10px; } .partnerform ol li { margin-top: 10px; } .partnerform .limitres { text-align: right; opacity: 0.6; } .etoile { color: #EE0C33; } .infolabel { display: inline-block; font-size: 0.8em; line-height: 100%; background: #dbdbdb; padding: 3px; border-radius: 3px; } .partnerform.responseview .field { border: 2px solid #dbdbdb; padding: 20px; } .partnerform.responseview .photos img { margin-right: 10px; max-width: 100%; } /* * CSS3 Media queries */ @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; } .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%; } .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 { 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%; } #corps .pays { width: 33.3333333%; } } @media screen and (max-width: 600px) { #gauche { width: 100%; padding: 0; } #droite { width: 100%; } #droite.section { 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; } .page_activite .droite { width: 100%; } .forumpostmessage img { width: 100%; float: none; margin-bottom: 10px; } } @media screen and (max-width: 400px) { footer .flexcontent nav { width: 100%; margin-top: 10px; } .bloc_pays .gauche { width: 100%; height: 20bh; } #corps .pays { width: 50%; } #corps .edition{ width: 100%; } }