%PDF- %PDF-
Direktori : /home/alliance/domains/congress-intercultural.eu/public_html/css/ |
Current File : /home/alliance/domains/congress-intercultural.eu/public_html/css/style.css |
@font-face { font-family: 'amaranthbold'; src: url('../fonts/amaranth-bold-webfont.eot'); src: url('../fonts/amaranth-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/amaranth-bold-webfont.woff') format('woff'), url('../fonts/amaranth-bold-webfont.ttf') format('truetype'), url('../fonts/amaranth-bold-webfont.svg#amaranthbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'amaranthregular'; src: url('../fonts/amaranth-regular-webfont.eot'); src: url('../fonts/amaranth-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/amaranth-regular-webfont.woff') format('woff'), url('../fonts/amaranth-regular-webfont.ttf') format('truetype'), url('../fonts/amaranth-regular-webfont.svg#amaranthregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open'; src: url('../fonts/OpenSans-CondLight-webfont.eot'); src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-condlight-webfont.woff') format('woff'), url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'), url('../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open'; src: url('../fonts/opensans-condbold-webfont.eot'); src: url('../fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-condbold-webfont.woff') format('woff'), url('../fonts/opensans-condbold-webfont.ttf') format('truetype'), url('../fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'roboto'; src: url('../fonts/roboto-regular-webfont.eot'); src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } /* 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{ font-family: 'open'; font-size:1.6666666666666666666666666666667em; font-weight: bold; line-height:1.2em; } 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: #446287; color:#fff; text-shadow: none; } ::selection { background:#446287; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #446287; } 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 } body { background-color: #ebebeb; width: 100%; font-family: 'roboto', sans-serif; font-size: 15px; line-height: 1.5em; color: #818181; } input, textarea { font-family: 'roboto', sans-serif; } #body2 { width: 100%; min-height: 720px; } .main { width: 960px; margin: auto; } .main2 { width: 960px; margin: auto; } .main_front{ width: 1400px; margin: auto; } header { position: relative; } .top_image{ background-color:#5b7aa0; } #global_wrapper{ width:1520px; max-width:100%; margin:auto; padding: 0 4em; box-sizing:border-box; } .wrapper{ display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; margin: 0 auto; max-width: 100%; opacity: 1; } .header_wrapper{ height:265px; } .wrapper .zone_texte{ flex: 0 0 300px; width:300px; background-color:#5b7aa0; padding:50px 40px; box-sizing:border-box; color:white; text-transform:uppercase; } .wrapper .zone_texte p{ font-size:1.4666666666666666666666666666667em; font-weight:normal; font-family: open; } .corp_wrapper { display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; margin: 0 auto; max-width: 100%; opacity: 1; } .corp_wrapper #droite{ flex: 0 0 300px; width:300px; } .wrapper .zone_image{ width:100%; background-image:url("../images/people.jpg"); background-size:100%; background-position:center 55%; } header #top { min-height:63px; background-color:#113457; padding-left:10px; padding-right:10px; } #menu .right{ float:right; color:#74899e; } #menu .right a{ color:#74899e; } #menu .right a:hover{ color:white; } header #topmain { width: 960px; margin: auto; height: 182px; position: relative; background: url('../images/fond2.png') no-repeat; background-size:cover; } header #top #logo { position: absolute; top: 18px; margin-left: 10px; left:30px; } header #top #coelogos { position: absolute; top: 38px; left:10px; } header #infos { margin-top: 5px; margin-bottom: 5px; text-align: right; } header #infos a { color: #0D60A2; } header #toplinks { position: absolute; list-style: none; right: 0; margin-top: 5px; color: #fff; font-size: 12px; line-height: 17px; } header #toplinks li { float: left; padding-left: 10px; padding-right: 10px; } header #toplinks li.borderleft { border-left: 1px solid #fff; } header #toplinks li a { text-decoration: none; color: white; } header #toplinks li a:hover { color: #cbe7f2; } header #toplinks img{ display: inline; margin-right: 5px; } header #menu{ } #search_bar{ background-color:#17232d; height:37px; padding-top:10px; min-height:27px; color:#fff; } #search_form{ height:63px; } .submit_search{ width:27px; height:23px; line-height:63px; background-color:#113457; border:0; margin-left:0; font-size: 1.06667em; color: #74899e; padding:0; } .keyword_search{ background-image:none; width:80px; border:0; background-color:#113457; border:0; line-height:28px; height:28px; overflow: hidden; padding: 0 8px; color: #74899e; font-family: "open",sans-serif; font-size: 1.06667em; font-weight: bold; text-transform:uppercase; } .keyword_search:hover{ background-color:#1d4064; border-radius:4px; } .admin { background-color:#17232d; } header nav ul { list-style-type: none outside none; overflow: hidden; } header nav ul li { float: left; margin-left: 10px; } header nav ul li a { display: block; font-family: 'open', sans-serif; font-size: 1.06666666667em; line-height: 22px; text-align: center; /*height: 114px;*/ color:white; text-decoration: none; overflow: auto; margin-right:10px; font-weight:bold; text-transform:uppercase; line-height:63px; } header nav ul li a.une_lang { display: inline; font-family: 'open', sans-serif; font-size: 1.06666666667em; line-height: 22px; text-align: center; /*height: 114px;*/ color:white; text-decoration: none; overflow: auto; padding-right:5px; margin-right:0; font-weight:bold; text-transform:uppercase; line-height:63px; } header nav ul li a:hover { color: #5d9ea2; } header nav ul li a div{ padding-left: 10px; padding-right: 10px; padding-top: 6px; padding-bottom: 6px; } header nav ul li a .secure { margin-right: 25px; } header nav ul li a .lock { position: absolute; right: 9px; width: 16px; height: 20px; background: url('../images/secure.png') no-repeat 0 0; padding: 0; top: 7px; } header nav ul li a:hover .lock { background: url('../images/secure.png') no-repeat 0 -20px; } header nav ul li a img { display: inline; } header .lines div { padding-top: 72px; } header #acc { background: url('../images/acc.png') no-repeat; } header #cal { background: url('../images/cal.png') no-repeat; } header #ami { background: url('../images/ami.png') no-repeat; } header #act { background: url('../images/act.png') no-repeat; } header #off { background: url('../images/off.png') no-repeat; } header #bill { background: url('../images/bill.png') no-repeat; } header #ann { background: url('../images/ann.png') no-repeat; } header #tac { background: url('../images/tac.png') no-repeat; } #activites { width: 960px; margin: auto; background: #efefef; padding: 3px 0; } #activites ul, .admin ul { list-style: none; overflow: auto; margin: 0; } #activites li , .admin li { width: 172px; float: left; margin: 10px 10px; } #activites li a, #activites li div, .admin li a, .admin li div { display: block; padding: 7px; background-color: #ffffff; text-align: center; font-family: 'amaranthbold', sans-serif; font-size: 17px; line-height: 22px; color: #000; text-decoration: none; } .soussec { background-color: #ffffff; border-bottom: 3px solid #396C9C; } #activites li a:hover, .admin li a:hover { color: #3e3e3e; } #activites li div, .admin li div { cursor: default; } #activites li ul, .admin li ul { width: 172px; position: absolute; list-style-type: none outside none; z-index: 999; padding-bottom: 10px; } #activites li ul li, .admin li ul li { float: none; margin: 0; padding: 0; } #activites li ul li a, .admin li ul li a { font-family: 'amaranthregular', sans-serif; font-size: 14px; line-height: 17px; color: #000; padding: 0 10px; margin: 0; text-align: left; text-decoration: none; } #activites li ul li a:hover, .admin li ul li a:hover { text-decoration: underline; } #homeban { background-color: #b1cde1; color: #e0f2fa; } #homebanback { background: url('../images/banner.png') no-repeat center bottom; min-height: 220px; padding-top: 20px; padding-bottom: 30px; } #homeban h1 { font-family: 'amaranthbold', sans-serif; font-weight: normal; font-size: 47px; line-height: 52px; color: #fff; text-shadow: 1px 1px 0px #3c5a7b; } #homeban h2 { font-family: 'amaranthregular', sans-serif; font-weight: normal; font-size: 29px; line-height: 35px; color: #fff; margin-top: -5px; margin-bottom: 20px; text-shadow: 1px 1px 0px #3c5a7b; } #homeban .presentation { width: 615px; text-shadow: 1px 1px 0px #3c5a7b; } #homeban .presentation p { margin-bottom: 5px; } #homeban a { color: #f1cfca; text-decoration: none; } #homeban a:hover { text-decoration: underline; } #corps { overflow: auto; position: relative; } #corps a { color: #bc4634; text-decoration: none; } #corps a:hover { text-decoration: underline; } .erreur { margin: 10px; background: #f7d6d6; padding: 10px; border: 1px solid #eeb3b3; } #droite { width: 300px; color: #000; flex: 0 0 300px; } #droite #section { padding: 10px; position: relative; margin-bottom: 10px; } #droite #section h3 { font-weight: normal; font-family: 'amaranthbold', sans-serif; } #droite #section ul { list-style: none; margin-left: 10px; } #droite #section li a { color: #000 !important; } #droite #infos { background: #efefef; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 1px; position: relative; } #droite #infos h3 { background: #125a9b; top: 10px; color: #fff; padding: 7px; font-weight: normal; margin-top: 10px; line-height: 16px; } #droite #infos p { margin-top: 10px; } #droite #offres div { background: #efefef; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 5px; position: relative; } #droite #offres div h3 { font-family: 'amaranthbold', sans-serif; color: #125a9b; font-weight: normal; font-size: 17px; line-height: 20px; line-height: 16px; } #droite #offres div .remise { background: #125a9b; color: #fff; padding: 7px; margin-top: 7px; line-height: 16px; } .mt15 { margin-top: 15px; } .bloc p { margin-top: 10px; } .bloc img { } .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 { } .surtitre { margin-bottom: 10px; color: #e0f2fa; } .page_section .surtitre { border-bottom: 1px solid #3C5A7B; color: #3C5A7B; padding-bottom: 10px; } .mention12star { margin-bottom: 12px; vertical-align: middle; color: #014689; } .mention12star img { display: inline; vertical-align: middle; margin-right: 7px; } .mb0 { margin-bottom: 0 !important; } .mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } footer { padding-top: 20px; padding-bottom: 20px; text-align:center; font-family:"roboto"; color: #848484; } footer p { font-size: 1em; } #footer a { color: #848484; text-decoration: none; } #footer a :hover{ text-decoration: underline; } #gauche { width: 100%; background-color:white; padding:3em; box-sizing:border-box; } #gauche.home { margin-left: 0; } #gauche p { margin-top: 10px; } strong { font-family: 'amaranthbold', sans-serif; font-weight: normal; } .actu { border-top: 6px solid; margin-top: 10px; margin-left: 10px; margin-right: 10px; overflow: auto; } .actu .photo1 { float: left; margin-right: 10px; margin-bottom: 10px; overflow: auto; } .actu .photo_droite { float: right; margin-left: 10px; margin-bottom: 10px; overflow: auto; } .actu .photo234 { margin-top: 10px; overflow: auto; } .actu .photo234 img { float: left; } .actu .photo234 .photo2 { margin-right: 10px; } .actu .photo234 .photo3 { margin-right: 10px; } h2 { font-family: 'open', sans-serif; font-weight: normal; font-size: 2.53333em; line-height: 1.1em; color:#5b7aa0; text-transform:uppercase; font-weight:bold; } h2.subtitle{ background-color: rgba(255, 255, 255, 0.2); color:white; font-size: 1.53333em; padding:5px; display:inline-block; text-align:right; float:right; margin-right:35px; } .block_titre{ background-color:#5B7AA0; padding-bottom:20px; overflow:auto; margin-bottom:40px; padding-left:35px; } .block_titre2{ background-color:#5B7AA0; padding-bottom:0; overflow:auto; margin-bottom:40px; } .actu h2 { padding-top: 7px; } .actu .calendar { margin-top: -3px !important; margin-bottom: 17px; font-family: Georgia, serif; font-style: italic; } .actu h2 a, .actu .calendar a { color: #666666 !important; text-decoration: none !important; } .actu h2 a:hover, .actu .calendar a:hover { text-decoration: underline !important; } .actu .calendar img { vertical-align: bottom; display: inline; margin-right: 7px; } .secactu { float: left; margin-top: 10px; margin-left: 10px; margin-right: 10px; width: 335px; border-left: 5px solid; } .secactu div { padding: 5px; color: #000; text-transform: uppercase; } .secactu ul { list-style: disc inside; padding-top: 7px; margin-left: 7px; } .secactu a { color: #666666 !important; text-decoration: none !important; } .secactu a:hover { text-decoration: underline !important; } .bloc { overflow: auto; } .infobloc { background: #fff; color: #3C5A7B; padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; } .erreurbloc { background: #BB4634; color: #fff; padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; } #partager_mail { } .form_contact{ } .form table { width: 100%; } .label { width: 120px; vertical-align: middle; padding: 5px; } td.top { vertical-align: top; } .field { vertical-align: middle; padding: 5px; } .field input { border: 1px solid #b2b2b2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #efefef; padding: 3px; width: 100%; } .field input.small { width: 186px; } .field input.radio { border: 0; background: transparent; padding: 0; width: auto; vertical-align: top; } .field textarea { border: 1px solid #b2b2b2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #efefef; padding: 3px; width: 100%; max-width: 100; min-width: 100; min-height: 150px; } .field select { width: 380px !important; max-width: 380px; min-width: 380px; padding: 3px; } .form_bouton { margin-left: 135px; } .bouton { background: #1a83c9; background: -moz-linear-gradient(top, #1a83c9 1%, #135d9f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #1a83c9), color-stop(100%, #135d9f)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a83c9', endColorstr='#135d9f', GradientType=0); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .75); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .75); box-shadow: 0 1px 0 rgba(0, 0, 0, .75); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 2px solid #135d9f; padding: 4px; color: #fff !important; min-width: 200px; text-decoration: none !important; display: block; text-align: center; font-family: 'amaranthbold', sans-serif; font-weight: normal; font-size: 17px; line-height: 24px; margin-top: 5px; } .bouton:hover { background: #1a83c9; background: -moz-linear-gradient(top, #135d9f 1%, #1a83c9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #135d9f), color-stop(100%, #1a83c9)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#135d9f', endColorstr='#1a83c9', GradientType=0); } .bouton:active { background: #135d9f; } a.bouton { width: 200px; min-width: 200px; } .bouton.confirm { background: #ca1b1b; background: -moz-linear-gradient(top, #ca1b1b 1%, #a03113 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ca1b1b), color-stop(100%, #a03113)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca1b1b', endColorstr='#a03113', GradientType=0); border: 2px solid #a03113; } .fleft { float: left; } .fright { float: right; } table .head { font-family: 'amaranthbold', sans-serif; text-align: center; } .adminlist { list-style: none; margin: 0; } .adminlist li { margin-top: 10px; } .adminlist li a, .adminlist li div { color: #fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; } .adminlist li div { background: #528ba4; } .adminlist li ul { list-style: none; margin: 0; } .adminlist 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: 'amaranthbold',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-top: 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; } .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 { cursor: move; position: relative; height: 29px; background: url('../images/move_bloc.png') no-repeat top center #396C9C; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .bloc1_admin a { display: block; width: 29px; height: 29px; position: absolute; background: url('../images/suppr_bloc.png'); 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; padding: 7px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .bloc_admin:hover .bloc2_admin { background: #f6f6f6; } .bloc_admin:hover .bloc1_admin { background: url('../images/move_bloc.png') no-repeat top center #528BA4; } #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; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 20px; margin-bottom: 20px; height: 26px; } .partager .icons { float: right; font-family: Tahoma, Arial, Sans-serif; font-size: 11px; line-height: 14px; margin-right: 5px; margin-top: 5px; } .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-top: 10px; margin-bottom: 30px; overflow: auto; } #filariane i{ float: left; line-height:23px; padding: 6px; } #filariane .link_home { background: #f4f4f4; display: block; padding:0 6px; float: left; margin-right: 3px; color: #000; } #filariane .link { background: #f4f4f4; display: block; padding: 6px 8px; float: left; margin-right: 3px; margin-bottom: 10px; color: #000; } #filariane a{ text-decoration:none; } #filariane a:hover{ text-decoration:underline; } #filariane .link2 { display: block; padding: 6px 8px; float: left; margin-right: 3px; } #gmap { margin-top: 10px; width: 380px; height: 250px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #gmap2{ margin-top: 10px; width: 940px; height: 614px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #gmap3{ width: 700px; height: 500px; } .siteNotice{ max-width:500px; max-height:380px; } .page_section .siteNotice h1{ color:#282828; padding:0; font-size:18px; } /* * CSS3 Media queries */ .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; } @media screen and (max-width: 985px) { } @media screen and (max-width: 500px) { } @media all and (orientation:portrait) { } @media all and (orientation:landscape) { } @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; } } #demande_devis label{ min-width:150px; display:inline-block; } .error { color: #B21820; } .pays{ float:left; margin: 0 10px 20px 10px; } .pays .flag{ display: block; padding-top:12px; width:140px; height:60px; text-align:center; font-family: 'amaranthregular'; font-size:20px; color:black; background: url('../images/b_pays.png') repeat-x #72b6c6; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } #corps .pays .name{ text-align:center; color:white; font-size:13px; text-decoration:none; background: url('../images/b_blue2.png') repeat-x #396c9c; display:block; width:140px; padding-top:6px; height:28px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; } #corps .pays:hover .name{ background: url('../images/b_blue1.png') repeat-x #396C9C; } #corps .pays img{ margin:auto; } .inscription { min-height: 700px; margin-bottom: 20px; } .choix_profil{ padding:13px; background-color:#E0F2FA; text-align:center; font-family: 'amaranthregular'; font-size:22px; line-height: 26px; color:#3C5A7B; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; margin-top: 10px; } .profil_ins{ width:900px; padding:20px; float:left; color: #fff; cursor:pointer; } .profil_ins.profil_1{ background: url('../images/b_blue1.png') repeat-x #396C9C; } .profil_ins.profil_2{ background: url('../images/b_blue1.png') repeat-x #396C9C; } .profil_ins.profil_3{ background: url('../images/b_red1.png') repeat-x #BB4634; } .profil_ins h3{ font-family: 'amaranthbold'; text-align:center; color: #fff; font-weight:normal; font-size:26px; margin-bottom:15px; } .ins_top{ font-family: 'amaranthregular'; font-weight:normal; font-size:20px; padding-top:20px; padding-bottom:20px; padding-left:24px; padding-right:24px; color: #fff !important; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } #form_profil_1 .ins_top,#form_profil_1 .label,#form_profil_1 .label_full,.bg_profil_1{ background-color:#17232d; } #form_profil_3 .ins_top,#form_profil_3 .label,#form_profil_3 .label_full,.bg_profil_3{ background-color: #d0482a; } #form_profil_2 .ins_top,#form_profil_2 .label,#form_profil_2 .label_full,.bg_profil_2{ background: url('../images/b_blue1.png') repeat-x #396c9c; } .form_profil h3{ padding-top:20px; color: #E0F2FA; margin-bottom: 10px; } .form_profil .ligne{ margin-bottom:9px; clear:both; overflow: auto; } .form_profil .ligne2{ clear:both; overflow: auto; } .form_profil .label{ width:274px; padding:12px 18px 0; height:33px; font-size:18px; color: #fff; overflow: hidden; float:left; font-family: 'amaranthregular', sans-serif; font-weight: normal; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .form_profil .label_full{ padding:12px 18px 12px; font-size:18px; color: #fff; font-family: 'amaranthregular', sans-serif; font-weight: normal; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 5px 0 0; } .form_profil .check_full{ font-family: 'amaranthregular', sans-serif; font-size:13px; color:#3C5A7B; } .form_profil .check_full input{ vertical-align: middle; margin-right: 10px; } .form_profil .check{ background-color: #E1F2FA; width: 600px; height: 21px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; padding: 12px 15px; color: #528BA4; margin-left: 310px; } .form_profil .check input{ vertical-align: middle; margin-left: 5px; } .form_profil tr{ margin-bottom:9px; } .form_profil .etoile{ color:#ff0000; } .form_profil .label p{ display:inline; } .form_profil .field{ float:left; } .form_profil .field input { border: 0; background: url("../images/b_field.png") repeat-x scroll 0 0 #E1F2FA; width: 600px; height: 39px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; padding: 3px 15px; color: #528BA4; } .form_profil .field_full input { border: 0; background: url("../images/b_field.png") repeat-x scroll 0 0 #E1F2FA; width: 910px; height: 39px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 3px 15px; color: #528BA4; } .form_profil .title { clear:both; } #form_profil_1 .field input,#form_profil_1 .field_full input ,#corps .border_profil_1{ border-color:#65d89a; } #form_profil_3 .field input,#form_profil_3 .field_full input ,#corps .border_profil_3{ border-color:#f7f387; } #form_profil_2 .field input,#form_profil_2 .field_full input ,#corps .border_profil_2{ border-color:#a0c1e0; } .form_profil .field { vertical-align: middle; padding:0; } .form_profil .field2 { background-color: #E1F2FA; width: 600px; height: 34px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; padding: 11px 15px 0; color: #528BA4; margin-left: 310px; } .form_profil .form_bouton { margin-left: 0; clear:both; padding-top: 25px; padding-bottom: 10px; } .form_profil .bouton_form { display: block; width: 520px; padding: 15px 18px; background: #3C5A7B url('../images/button.png') repeat-x; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none !important; font-family: 'amaranthbold', Arial; font-size: 18px; line-height: 21px; color: #fff; text-align: center; border: 0; margin: auto; cursor: pointer !important; } .form_profil .bouton_form:hover { background-color: #396B9A !important; color: #fff; } .form_profil .bouton:hover { background-image: none; } #corps .bouton_dotted{ color:#fff; padding:10px; -webkit-border-radius: 5px; border-radius: 5px; margin-top:20px; margin-bottom:10px; display:block; text-decoration:none; font-family: 'amaranthregular', sans-serif; font-weight: normal; font-size: 18px; line-height: 25px; text-align:center; background: url("../images/b_blue1.png") repeat-x scroll 0 0 #396C9C; } #corps .bouton_dotted:hover { color:#fff; text-decoration:none; background: url("../images/b_red1.png") repeat-x scroll 0 0 #bb4634; } .bouton_admin { width: 100%; margin-top: 10px; overflow: auto; } .bouton_admin a { display: block; float: left; width: 175px; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; margin-right: 20px; background: url("../images/b_red1.png") repeat-x scroll 0 0 #bb4634; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none !important; font-size: 14px; line-height: 20px; color: #fff !important; margin-bottom: 20px; text-align: center; } .bouton_admin a:hover { background: url("../images/b_menu.png") repeat-x scroll 0 0 #396C9C; } a.nonvalide { background: url("../images/b_header.png") repeat-x scroll 0 0 #98CAE0; } .ariane{ overflow:auto; margin-bottom: 10px; } .ariane img{ float:left; } .ariane span{ float:left; } .ariane .pays_lib{ background-color:#e0f2fa; text-transform:uppercase; display:block; font-family: 'amaranthbold'; color:#3c5a7b; padding:7px 13px; margin-left:4px; margin-top:6px; margin-right:2px; -webkit-border-radius: 5px; border-radius: 5px; } .ariane .section_lib{ display:block; font-family: 'amaranthregular'; font-size:18px; color: #e0f2fa; padding:7px 13px; margin-left:4px; margin-top:6px; margin-right:2px; -webkit-border-radius: 5px; border-radius: 5px; } .ariane .sup_section_lib{ display:block; font-family: 'amaranthregular'; font-size:18px; color: #e0f2fa; padding:7px 13px; margin-left:4px; margin-top:6px; margin-right:2px; -webkit-border-radius: 5px; border-radius: 5px; } #corps .ariane .sup_section_lib a{ text-decoration:none; color: #fff; } .bloctexte { padding: 0 15px 15px; margin-bottom: 20px; } .page_section .bloctexte_bas{ -webkit-border-radius: 5px ; border-radius: 5px; } .bloctexte2 { padding: 15px 15px 0px 15px; background-color: #e0f2fa; color: #3c5a7b; -webkit-border-radius: 0px 0px 5px 5px ; border-radius: 0px 0px 5px 5px; margin-bottom: 20px; } textarea.bloctexte { padding: 15px; width: 910px; min-width: 910px; max-width: 910px; height: 153px; background: url("../images/b_field.png") repeat-x #E1F2FA; color: #3c5a7b; -webkit-border-radius: 0px 0px 5px 5px ; border-radius: 0px 0px 5px 5px; margin-bottom: 20px; border: 0; } .admin_corps { padding: 15px; background-color: #ffffff; color: #3c5a7b; -webkit-border-radius: 0px 0px 5px 5px ; border-radius: 0px 0px 5px 5px; margin-bottom: 20px; } .page_pays h2{ padding: 15px; color: #fff; font-family: 'amaranthbold'; font-size: 20px; line-height: 25px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .bloc_pays{ padding-bottom:15px; overflow:auto; } .bloc_pays .gauche{ float:left; } .bloc_pays p{ margin-top: 0 !important; } #corps .bloc_pays h3 a{ font-family: 'amaranthbold'; font-size: 20px; line-height: 25px; color:#bc4634; text-decoration:none; } #corps .bloc_pays h3 a:hover{ color:#3c5a7b; text-decoration:none; } #corps .bloc_pays .gauche img{ -webkit-border-radius: 5px; border-radius: 5px; } .bloc_pays .droite{ text-align: justify; margin-left: 230px; } .bloc_pays .droite h3{ text-align: left; } .page_section{ clear:both; overflow:auto; } .page_section .gauche{ width:540px; float:left; margin-right:20px; overflow:auto; } .page_section p { text-align: justify; } .page_section .droite{ width:380px; float:left; overflow:auto; } .page_section h1{ padding: 15px; color: #fff; font-family: 'amaranthbold'; font-size: 25px; line-height: 30px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; font-weight: normal; } .page_section h1 img{ vertical-align: middle; display: inline; } .page_section .etiquette { width: 230px; float: right; padding: 10px; color: #fff; font-family: 'amaranthbold'; font-size: 16px; line-height: 22px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; text-align: center; } .acttitre { padding: 15px; color: #fff; font-family: 'amaranthbold'; font-size: 20px; line-height: 25px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .acttitre a { color: #fff !important; } .photo1 { width: 380px; height: 260px; -webkit-border-radius: 5px 0px 5px 5px ; border-radius: 5px 0px 5px 5px; } .miniatures { overflow: auto; margin-top: 10px; } .miniatures img { display: block; float: left; width: 120px; height: 90px; -webkit-border-radius: 5px; border-radius: 5px; } .imagessection { -webkit-border-radius: 8px 0px 8px 8px; border-radius: 8px 0px 8px 8px; } .page_section .questions { margin-top: 10px; margin-bottom: 15px; } .droite .minimargin1 { margin-right: 10px; } .droite .minimargin3 { margin-left: 10px; } .activite{ overflow:auto; padding-bottom: 15px; } .activite h3{ padding:0px; margin-top: 0; font-size: 18px; line-height: 23px; } #corps .activite h3 a{ text-decoration:none; } #corps .activite h3 a:hover{ color: #3c5a7b; text-decoration:none; } .lieu { float:left; padding-right:10px; } .lieu img{ float:left; padding-right:10px; display:block; } .home_edition h2{ background-color:#0e99d3; color:white; padding:12px 16px; margin-bottom:10px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 30px; line-height: 33px; } .home_edition .actual{ color:#0e99d3; font-family: 'amaranthbold'; } .titrecol { padding: 15px; background-color:#5e7283; color: #fff; font-family: 'amaranthbold'; font-size: 20px; line-height: 25px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .textcol { padding: 15px; background-color: #e0f2fa; color: #3c5a7b; -webkit-border-radius: 0px 0px 5px 5px ; border-radius: 0px 0px 5px 5px; margin-bottom: 20px; } .bloc_colonne { margin-bottom:10px; } .bloc_colonne h3 { padding: 15px; background: url('../images/b_blue1.png') repeat-x #396c9c; color: #fff; font-family: 'amaranthbold'; font-size: 20px; line-height: 25px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .bloc_colonne h3 a { color: #fff !important; } .bloc_colonne .acts { } .col_profil_1 h3{ background-color:#17232D; background-image:none; } .col_profil_2 h3{ background-color:#d0482a; background-image:none; } .col_profil_3 h3{ background-color:#D0482A; background-image:none; } .liste_act .etat_0{ background-color:#8b4545 !important; } .liste_act .etat_2{ background-color:#81a651 !important; } .info_bas { clear:both; margin-top:10px; overflow:auto; font-size:14px; color: #e0f2fa; } .info_bas .value { float:left; padding: 10px 10px; } .info_bas .value a { color: #e0f2fa !important; } #pageinfos { padding: 10px; overflow: auto; background-color: #c3dbe5; color: #1c3550; } .info_bas .titre{ float:left; padding:7px 10px; font-size:18px; line-height:24px; background-color: #e0f2fa; color:#3c5a7b; font-family: 'amaranthbold'; -webkit-border-radius: 5px; border-radius: 5px; } .legendes span { padding: 5px; color: #000; -webkit-border-radius: 8px; border-radius: 8px; } .questionlibre { width: 400px; } .titreacti { font-size: 27px; } .affsuite { color: #BC4634; 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; } #corps .pays .pays_37{ font-size: 12px; line-height:12px; padding-top: 4px; } #corps .pays .pays_44{ font-size: 14px; } #corps .inscription_btn{ color:white; background-color:#d0482a; padding: 8px 12px; border-radius: 6px; text-decoration:none; } .sous_cat{ margin-left:20px; } .block_droite{ font-size:1.0666666666666666666666666666667em; } .block_droite a{ height:65px; line-height:65px; text-decoration:none; text-transform:uppercase; padding-left:20px; vertical-align:middle; font-family:open; font-weight:bold; } #droite a{ color:white; } #droite i { font-size:1.7333333333333333333333333333333em; vertical-align:middle; padding-right:16px; width: 33px; } #droite .droite_link i { width: 10px; padding-right:8px; } .droite_video{ background-color:#113457; } .droite_theme{ background-image:url("../images/bg_col_droite.png"); } .droite_theme a{ display:block; } .droite_guidelines{ background-color:#5b7aa0; } .droite_principes{ background-color:#65aaab; } .droite_link{ padding-left:20px; padding-top:25px; padding-bottom:30px; background-color:#d8d8d8; color:black; } #droite .droite_link a{ color:black; } #droite .droite_link a i{ color:#818181; padding-right:8px; font-size:1em; } .droite_bas{ text-align:center; padding-top:36px; } .droite_link h3,.droite_bas h3{ text-transform:uppercase; font-family:open; font-weight:bold; font-size:1.0666666666666666666666666666667em; padding-bottom:6px; } .droite_bas h4{ color:#818181; font-weight:bold; font-family:roboto; } .droite_bas p{ color:#818181; font-family:roboto; } .droite_bas img{ margin:auto; margin-top:26px; } #topadmin{ height:182px; } #topadmin #logo{ float:left; } #topadmin #topmain{ padding-left:20px; padding-right:20px; } h1{ text-transform :uppercase; font-family:"open"; font-size:2.5333333333333333333333333333333em; text-align:right; padding:55px 50px 35px 0; color:white; background-color:#5B7AA0; line-height:1.1em; } .info_flag_bloc{ float:right; margin-right:39px; } .adminlist .info_flag_bloc{ margin-top:-2px; padding-top:0; margin-right:0; padding-right:0; background-color:transparent; } .info_flag{ float:left; } .info_flag.valide{ color: white; float: left; margin-right: 4px; padding: 2px 6px; background-color: #20831b; } .info_flag.invalide{ color: white; float: left; margin-right: 4px; padding: 2px 6px; background-color: #831b1b; } .theme_header_main{ min-height:200px; text-align:right; padding:140px 0 0 0; color:white; box-sizing:border-box; margin-bottom:40px; } .theme_header_main h1,.theme_header h1{ padding:0; background-color:transparent; text-transform :uppercase; font-family:"open"; font-size:2.5333333333333333333333333333333em; line-height:1.1em; padding:0 50px 40px 0; } .theme_header h1{ padding-top:40px; padding-bottom:20px; line-height:1.1em; } .theme_header{ text-align:right; padding:15px 0 0 0; color:white; box-sizing:border-box; margin-bottom:40px; } .theme_header h2{ text-transform :uppercase; padding:0 50px 15px 0; font-family:"open"; font-size:1.8em; color:white; } .theme .description{ display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; margin: 0 auto; max-width: 100%; opacity: 1; width:100%; } .theme .texte{ text-align:justify; } .theme .description .image_droite{ flex: 0 0 30%; width:30%; max-width:30%; padding:0 40px; box-sizing:border-box; color:white; text-transform:uppercase; } .theme .description .image_droite img{ width:100%; max-width:100%; } .theme h2{ } .un_sub_theme i{ padding-right:8px; } .un_sub_theme{ padding-bottom:5px; } .un_sub_theme a{ text-decoration:none; color:#818181; } .un_sub_theme a:hover{ text-decoration:underline; } .liste_initiative .une_ini{ border-left:3px solid; padding-left:20px; margin-bottom:20px; } .liste_initiative a,.initiative a{ text-decoration:none; } .liste_initiative a:hover,.initiative a:hover{ text-decoration:underline; } .initiative .lien{ margin-top:20px; } .initiative .lien i{ padding-right:8px; font-size:1.5em; vertical-align:-3px; } .large_search_form{ background-color: rgba(0, 0, 0, 0.35); padding:16px 15px; text-align: left; } .large_search_form form{ } .large_search_form select,.large_search_form input{ padding-left:10px; border:0; border-radius:2px; line-height:41px; height:41px; color:#818181; font-family:"roboto"; } .large_search_form select,.large_search_form input{ width:25%; box-sizing:border-box; } .large_search_form select{ margin-right:12px; } .large_search_form button{ border:0; background-color:transparent; color:white; font-size:1.9333333333333333333333333333333em; line-height:41px; vertical-align:middle; } .filtre{ background-color:#5B7AA0; display:inline-block; color:white; padding:5px 10px; } .results{ background-color:#5B7AA0; display:inline-block; color:white; padding:5px 10px; font-size:1.8em; text-transform:uppercase; font-family:open; font-weight:bold; margin-top:30px; margin-bottom:30px; } .bloc a{ color: #656565; } .btn_dowload{ margin-top:20px; margin-bottom:10px; background-color:#65aaab; padding:19px 23px; color:white; display:inline-block; font-family:"open"; font-weight:bold; text-transform:uppercase; font-size:1.0666666666666666666666666666667em; } .btn_dowload i{ padding-right:10px; font-size:1.625em; vertical-align:bottom; } .text .bloc p{ text-align:justify; } .initiative .texte p{ text-align:justify; } .slicknav_menu { display:none; } @media screen and (max-width: 980px) { #global_wrapper{ padding: 0 0; } /* #menu is the original menu */ .js #top { display:none; } .slicknav_menu .menu_search{ display:none; } .js .slicknav_menu { display:block; } .corp_wrapper #droite{ display:none; } .header_wrapper{ height:auto; } .header_wrapper .zone_image{ display:none; } .header_wrapper .zone_texte{ width:100%; flex:1; box-sizing:border-box; padding:20px; } #gauche { padding: 1em; } h1 { padding: 25px 20px 15px 0; } h2.subtitle { margin-right: 15px; } .block_titre { margin-bottom: 20px; padding-bottom: 10px; padding-left: 15px; } .theme_header_main { margin-bottom: 20px; min-height: auto; padding: 20px 0 0; } .large_search_form{ display:none; } .theme_header_main h1, .theme_header h1 { font-size: 1.5em; line-height: 1.1em; padding: 0 15px 20px 0; } .theme .description .image_droite{ display:none; } h3 { font-size: 1.3em; } }