@charset "utf-8"; /* Template Name: Escarine-Hol Author: OS Templates Author URI: http://www.os-templates.com/ Licence: Free to use under our free template licence terms Licence URI: http://www.os-templates.com/template-terms File: Layout CSS */ @import url("layout/styles/fontawesome-4.4.0.min.css"); @import url("layout/styles/travel-font.css"); /* ************ cette bibliotheque mise ici directement au lieu d'être appelée *********** */ /* @import url("framework.css"); */ /* ---------------------------------- framework.css ------------------------------------------------------------ */ html{overflow-y:scroll; overflow-x:hidden;} html, body{margin:0; padding:0; font-size:14px; line-height:1.6em;} *, *::before, *::after{box-sizing:border-box;} .bold{font-weight:bold;} .center{ text-align: justify; } .right{text-align:right;} .uppercase{text-transform:uppercase;} .capitalise{text-transform:capitalize;} .hidden{display:none;} .nospace{margin:0; padding:0; list-style:none;} .inline *{display:inline-block;} .inline *:last-child{margin-right:0;} .pushright li{margin-right:20px;} .pushright li:last-child{margin-right:0;} .borderedbox{border:1px solid;} .overlay{position:relative; z-index:1;} .overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;} .bgded{ background-position: top center; background-repeat: no-repeat; background-size: cover 150px; } .circle{border-radius:50%; background-clip:padding-box;} .relative{position:relative;} .btn{display:inline-block;} .btn i{display:block; position:relative; width:130px; height:130px; line-height:130px; z-index:1;} .btn i, .btn i::after{border-radius:50%;}/* Makes the button round - remove if you want a square */ .btn .tr{font-size:54px;}/* Travel Icons */ .btn .fa{font-size:46px;}/* Font Awesome Icons */ .btn i::after{position:absolute; top:15px; right:15px; bottom:15px; left:15px; border:1px solid; content:""; z-index:-1;} .underline{position:relative;} .underline::after{display:block; width:60px; height:2px; margin-top:5px; content:"";} .underline.center::after{margin:5px auto;} .elements{} .elements .elementwrapper{display:inline-block; width:100%; max-width:320px;} .elements li article{} .elements li figure{} .elements li figure figcaption{ display: block; padding-bottom: 10px; } .elements li .elementinfo{padding:15px; border:solid; border-width:0 1px 1px 1px;} .elements li .elementinfo *{margin:0; padding:0;} .elements li .elementinfo .starrating{margin-bottom:10px;} .elements li .elementinfo .starrating li{display:inline-block;} .elements li .elementinfo .starrating li em{position:absolute; clip:rect(1px,1px,1px,1px);}/* Accessible display:none */ .elements li .elementinfo .heading{margin-bottom:10px;} .elements li .elementinfo .meta li{display:block; max-width:none;} .clear, .group{ display: block; margin-left: 2px; margin-right: 2px; } .clear::before, .clear::after, .group::before, .group::after{display:table; content:"";} .clear, .clear::after, .group, .group::after{clear:both;} a{ outline: none; text-decoration: none; color: rgba(11,59,213,1.00); } .fl_left, .imgl{float:left;} .fl_right, .imgr{float:right;} /* Fonts --------------------------------------------------------------------------------------------------------------- */ body, input, textarea, select{font-family:Verdana, Geneva, sans-serif;} h1, h2, h3, h4, h5, h6, .heading, .pages{ font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color: rgba(241,6,13,1.00); } .h4b{ margin-top: 20px; margin-bottom: 20px; padding-top: 2px; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; font-size: 1.2em; text-transform: none; font-weight:bold; color: #FFFFFF; width: 50%; background-color: #7F7B7B; display: block; } .h4c{ margin-top: 0px; margin-bottom: 20px; padding-top: 2px; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; font-size: 1.2em; font-weight:bold; color: #FFFFFF; //min-width: 300px; width: 100%; background-color: #7F7B7B; display: block; } /* Forms --------------------------------------------------------------------------------------------------------------- */ form, fieldset, legend{margin:0; padding:0; border:none;} legend{display:none;} label, input, textarea, select, button{display:block; resize:none; outline:none; color:inherit; font-size:inherit; font-family:inherit; vertical-align:middle;} label{margin-bottom:5px;} :required, :invalid{outline:none; box-shadow:none;} /* Generalise --------------------------------------------------------------------------------------------------------------- */ h1.heading{ margin-top: 0; margin-right: 0; margin-left: 0; color: #FFFFFF; font-size: 20px; line-height: normal; font-weight: normal; } h1.pages{ color: #fff; font-weight: bold; font-size: 25px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: rgba(158,200,111,1.00); padding-top: 0px; top: 0px; margin-bottom: 30px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h2.pages{ font-size: 19px; color: #2B320A; line-height: normal; font-weight: normal; text-align: justify; margin-bottom: 60px; } h3, h4, h5, h6, .heading, .pages{ margin-right: 0; margin-left: 0; color: #B7B6B6; font-size: 18px; line-height: normal; font-weight: normal; } h6.pages{ color: #fff; font-weight: bold; font-size: 25px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: rgba(158,200,111,1.00); padding-top: 0px; top: 0px; margin-bottom: 30px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } address{font-style:normal; font-weight:normal;} hr{display:block; width:100%; height:1px; border:solid; border-width:1px 0 0 0;} .font-xs{font-size:.8rem;} .font-x1{font-size:1.2rem;} .font-x2{font-size:1.8rem;} .font-x3{font-size:2.8rem;} .wrapper{ display: block; width: 100%; margin: 0; padding: 0; text-align: left; word-wrap: break-word; } /* The "hoc" class is a generic class used to centre a containing element horizontally It should be used in conjunction with a second class or ID */ .hoc{display:block; margin:0 auto;} /* HTML 5 Overrides --------------------------------------------------------------------------------------------------------------- */ address, article, aside, figcaption, figure, footer, header, main, nav, section{display:block; margin:0; padding:0;} /* Grid --------------------------------------------------------------------------------------------------------------- */ /* la taille d'un rectangle : */ .DW_un_cinquieme{width:19.19543%;} .DW_un_huitieme{width:11.62%;} .one_quarter{width:22.69938650306748%;} .one_third{width:31.28834355828221%;} .one_half, .two_quarter{width:48.46625766871166%;} .DW_one_half{width:50%;} .two_third{width:65.6441717791411%;} .three_quarter{width:74.23312883435584%;} .DW_4_cinquieme{width:70%;} /* facut un pic babeste */ /* ------------ NOU ---------- .one_quarter{width:22.69938650306748%;} .one_third{width:31.28834355828221%;} .one_half, .two_quarter{width:48.46625766871166%;} .DW_one_half{width:50%;} .two_third{width:65.6441717791411%;} .three_quarter{width:74.23312883435584%;} .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 3.06748466257669%; list-style:none;} .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;} ------------------------------- */ /* l'espace entre 2 rectangles : ex pour les huitiemes : taille x 8 + espace x 7 doit faire 100 */ .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .DW_4_cinquieme{display:inline-block; float:left; margin:0 0 0 3.06748466257669%; list-style:none;} .DW_un_huitieme{display:inline-block; float:left; margin:0 0 0 1.0057142%; list-style:none;} .DW_un_cinquieme{display:inline-block; float:left; margin:0 0 0 1.0057142%; list-style:none;} .DW_one_half {display:inline-block; float:left; margin:0 0 0 0; list-style:none;} .first{margin-left:0; clear:left;} /* écran tél. mob. petit paysage et autres écrans */ @media only screen and (min-device-width:481px) { .one_quarter{width:22.69938650306748%; min-width: 140px; max-width: 190px;} .DW_one_quarter{width:22.69938650306748%; min-width: 321px; max-width: 321px;} /* -----fait vite et pas fini, par besoins specifique PB------- */ .one_quarter_texte {min-width: 140px; max-width: 190px; text-align: justify; color: #FF0000; font-weight: normal; font-size: 1em;} .DW_un_huitieme{width:10.75%; min-width: 100px; max-width: 190px;} .DW_un_huitieme_texte { min-width: 100px; max-width: 190px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align: justify; font-weight: normal; font-size: 1.1em; } .DW-photo-responsive img { width:100%; min-width: 100px; max-width: 400px; height:auto; float:left;} } /* écran tél. mob. petit portret */ @media only screen and (max-device-width:480px) { .one_quarter{width:22.69938650306748%; min-width: 130px; max-width: 180px;} .one_quarter_texte {min-width: 130px; max-width: 180px; text-align: justify; color: #FF0000; font-weight: normal; font-size: 1em;} .DW_un_huitieme{width:10.75%; min-width: 130px; max-width: 180px;} .DW_un_huitieme_texte {min-width: 130px; max-width: 180px; text-align: justify; font-weight: normal; font-size: 0.9em;} .DW-photo-responsive img { width:100%; min-width: 100px; max-width: 400px; height:auto; float:left;} } /* Spacing --------------------------------------------------------------------------------------------------------------- */ .btmspace-10{margin-bottom:10px;} .btmspace-15{margin-bottom:15px;} .btmspace-30{margin-bottom:30px;} .btmspace-50{margin-bottom:50px;} .btmspace-80{margin-bottom:80px;} .topspace-5{margin-top:5px;} .inspace-5{padding:5px;} .inspace-10{padding:10px;} .inspace-15{padding:15px;} .inspace-30{padding:30px;} .inspace-50{padding:50px;} .inspace-80{padding:80px;} /* ---------------------------------- /framework.css ------------------------------------------------------------ */ /* Basic Preloader - Only used on homepage, but can be used on all pages --------------------------------------------------------------------------------------------------------------- Transparent noir affiché par dessus la page pendant le chargement : ENLEVE */ /* Rows --------------------------------------------------------------------------------------------------------------- */ .row0{border-bottom:1px solid;} .row1, .row1 a{} .row2, .row2 a{} /* utilisé pour des liens JB */ .row3, .row3 a{ color: #0C0808; } .row4, .row4 a{} .row5{} /* Top Bar --------------------------------------------------------------------------------------------------------------- */ #topbar{ padding-right: 10px; padding-left: 10px; font-size: 12px; } #topbar .fl_left{} #topbar .fl_left .inline > li i{margin:0 5px 0 0; line-height:normal;} #topbar .faico li{margin:0;} /* Header --------------------------------------------------------------------------------------------------------------- */ #header{ padding-top: 0px; padding-right: 0; padding-left: 0; padding-bottom: 0; } #header #logo{margin-top:10;} #header #logo h1{ margin: 0; padding-top: 3px; padding-right: 3px; padding-left: 3px; padding-bottom: 3px; font-size: 16px; text-transform: none; color: rgba(0,0,0,1.00); border-top: thin solid rgba(62,61,61,1.00); border-bottom: thin solid rgba(62,61,61,1.00); } /* Sub Pages --------------------------------------------------------------------------------------------------------------- */ #pagetitle{padding:80px 0 0 0;} #pagetitle *{margin:0; padding:0;} /* Page Intro --------------------------------------------------------------------------------------------------------------- */ #pageintro{ padding-top: 90px; padding-right: 0; padding-left: 0; padding-bottom: 170px; } #pageintro .introtxt{ display: block; max-width: 100%; background-color: rgba(98,99,96,0.41); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; } #pageintro .introtxt *{ margin-top: 5px; margin-right: 0; margin-left: 0; margin-bottom: 0; } #pageintro .introtxt .heading{ margin-bottom: 12em; padding-left: 10px; padding-top: 5px; padding-right: 0px; position: relative; padding-bottom: 5px; } #pageintro .introtxt p{ font-size: 16px; line-height: 1.4; margin-left: 3em; } /* Intro Blocks --------------------------------------------------------------------------------------------------------------- */ #introblocks{ position: relative; margin-right: auto; margin-left: auto; margin-bottom: 0; z-index: 1; } #introblocks ul{ color: rgba(47,67,1,1.00); } #introblocks ul li{text-align:center; border:1px solid;} #introblocks ul li:last-child{} #introblocks ul li *{margin:0; padding:0;} #introblocks ul li .btn{margin-bottom:28px;} #introblocks ul li article{ display: block; padding: 30px 0 15px 0; color: rgba(219,15,199,1.00); } #introblocks ul li .heading{ font-size: 1.2rem; text-transform: uppercase; text-align: center; } /* DW Intro Blocks 2 --------------------------------------------------------------------------***********************************************--------------- */ #DW_introblocks2{ position: relative; margin-top: 30px; margin-right: auto; margin-left: auto; margin-bottom: 0; z-index: 1; } #DW_introblocks2 ul{ color: rgba(47,67,1,1.00); } #DW_introblocks2 ul li{text-align:center; border:0px solid;} #DW_introblocks2 ul li:last-child{} #DW_introblocks2 ul li *{margin:0; padding:0;} #DW_introblocks2 ul li .btn{margin-bottom:0px;} #DW_introblocks2 ul li article{ display: block; padding: 0px 0 0px 0; color: rgba(219,15,199,1.00); } #DW_introblocks2 ul li .heading{ font-size: 1.2rem; text-transform: uppercase; text-align: center; } /* Holiday Types --------------------------------------------------------------------------------------------------------------- */ #holtypes{padding:100px 0 30px;}/* Bottom padding takes the "li" bottom margin into consideration */ #holtypes .heading{ margin-bottom: 80px; font-size: 1.2rem; } #holtypes .underline.center::after{margin:15px auto 0;} #holtypes ul{} #holtypes ul li{margin-bottom:50px; padding:25px 0 0 0; text-align:center;} #holtypes ul li *{margin:0; padding:0; line-height:1;} #holtypes ul li article{position:relative; padding:50px 25px 25px 25px; border:1px solid;} #holtypes ul li .btn i{position:absolute; top:0; left:50%; width:80px; height:80px; line-height:78px; margin:-40px 0 0 -40px;} #holtypes ul li .btn i::after{position:absolute; top:8px; right:8px; bottom:8px; left:8px;} #holtypes ul li .btn .tr{font-size:30px;}/* Travel Icons */ #holtypes ul li .btn .fa{font-size:26px;}/* Font Awesome Icons */ #holtypes ul li .heading{margin-bottom:15px; font-size:1.2rem; text-transform:uppercase;} #holtypes ul li p{line-height:1.4rem;} /* Content Area --------------------------------------------------------------------------------------------------------------- */ .container{ padding-top: 5px; padding-right: 0; padding-left: 0; padding-bottom: 60px; } /* Content */ .container .content{} ul#home.elements li figure figcaption{text-align:center; border:solid; border-width:0 1px 1px 1px;} #lastminute.elements li figure figcaption{border:solid; border-width:0 1px;} /* Comments */ #comments ul{margin:0 0 40px 0; padding:0; list-style:none;} #comments li{margin:0 0 10px 0; padding:15px;} #comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;} #comments address{font-weight:bold;} #comments time{font-size:smaller;} #comments .comcont{display:block; margin:0; padding:0;} #comments .comcont p{margin:10px 5px 10px 0; padding:0;} #comments form{display:block; width:100%;} #comments input, #comments textarea{width:100%; padding:10px; border:1px solid;} #comments textarea{overflow:auto;} #comments div{margin-bottom:15px;} #comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;} /* Sidebar */ .container .sidebar{} .sidebar .sdb_holder{margin-bottom:50px;} .sidebar .sdb_holder:last-child{margin-bottom:0;} /* Contact Information --------------------------------------------------------------------------------------------------------------- */ #contactinfo{padding:50px 0; text-align:center;} #contactinfo ul{} #contactinfo ul li{padding:25px 0 0 0;} #contactinfo ul li *{margin:0; padding:0; line-height:1.6;} #contactinfo ul li .infobox{display:block; position:relative; padding:35px 20px 25px 20px; border:1px solid;} #contactinfo ul li .infobox i{display:inline-block; position:absolute; top:0; left:50%; width:50px; height:50px; line-height:50px; margin:-25px 0 0 -25px; font-size:18px; z-index:1;} #contactinfo ul li .infobox i::after{position:absolute; top:5px; right:5px; bottom:5px; left:5px; border:1px solid; content:""; z-index:-1;} #contactinfo ul li .infobox .tr{}/* Travel Icons */ #contactinfo ul li .infobox .fa{font-size:18px;}/* Font Awesome Icons */ #contactinfo i, #contactinfo i::after{border-radius:50%;} /* Newsletter --------------------------------------------------------------------------------------------------------------- */ #newsletter{padding:25px 0;} #newsletter .heading{margin:5px 0 0 0; padding:0;} #newsletter .heading i{margin-right:8px;} #newsletter input, #newsletter button{height:38px; padding:10px 12px; border:none;} #newsletter button{font-weight:bold; text-transform:uppercase; cursor:pointer;} /* Footer --------------------------------------------------------------------------------------------------------------- */ #footer{ padding: 50px 0; width: 100%; color: #DBDDC7; text-align: justify; background-color: #474940; } #footer .title{margin:0 0 30px 0; padding:0 0 8px 0; border-bottom:1px solid; font-size:1.2rem;} #footer .linklist li{margin-bottom:10px;} #footer .linklist li:last-child{margin-bottom:0;} #footer .font-xs{margin:0;} /* Copyright --------------------------------------------------------------------------------------------------------------- */ #copyright{padding:20px 0;} #copyright *{margin:0; padding:0;} /* Transition Fade --------------------------------------------------------------------------------------------------------------- */ *, *::before, *::after{transition:all .3s ease-in-out;} /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* Navigation --------------------------------------------------------------------------------------------------------------- */ nav ul, nav ol{margin:0; padding:0; list-style:none;} #mainav, #breadcrumb, .sidebar nav{line-height:normal;} #mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;} /* Top Navigation */ #mainav{margin-top: 30px;} #mainav ul.clear{margin-top:3px;} #mainav ul{text-transform:uppercase;} #mainav ul ul{z-index:9999; position:absolute; width:180px; text-transform:none;} #mainav ul ul ul{left:180px; top:0;} #mainav li{display:inline-block; position:relative; margin:0 15px 0 0; padding:0;} #mainav li:last-child{margin-right:0;} #mainav li li{width:100%; margin:0;} #mainav li a{display:block; padding:0 0 32px 0;} #mainav li li a{border:solid; border-width:0 0 1px 0;} #mainav .drop{padding-left:15px;} #mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;} #mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";} #mainav .drop::after{top:5px; left:5px;} #mainav li li .drop::after{top:15px; left:5px;} #mainav ul ul{visibility:hidden; opacity:0;} #mainav ul li:hover > ul{visibility:visible; opacity:1;} #mainav form{display:none; margin:0; padding:0;} #mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;} #mainav form select{width:100%; padding:5px; border:1px solid;} #mainav form select option{margin:5px; padding:0; border:none;} /* Breadcrumb */ #breadcrumb{padding:0 0 30px 0;} #breadcrumb ul{margin:0; padding:0; list-style:none;} #breadcrumb li{display:inline-block; margin:0 3px 0 0; padding:0;} #breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:.8rem; text-transform:uppercase;} #breadcrumb li a::after{top:2px; right:0; content:"\f101";} #breadcrumb li:last-child a{margin:0; padding:0;} #breadcrumb li:last-child a::after{display:none;} /* Sidebar Navigation */ .sidebar nav{display:block; width:100%;} .sidebar nav li{margin:0 0 3px 0; padding:0;} .sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;} .sidebar nav a::after{top:9px; left:5px; content:"\f101";} .sidebar nav ul ul a{padding-left:35px;} .sidebar nav ul ul a::after{left:25px;} .sidebar nav ul ul ul a{padding-left:55px;} .sidebar nav ul ul ul a::after{left:45px;} /* Pagination */ .pagination{display:block; width:100%; text-align:center; clear:both;} .pagination li{display:inline-block; margin:0 2px 0 0;} .pagination li:last-child{margin-right:0;} .pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;} /* Back to Top */ #backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;} #backtotop i{display:block; width:100%; height:100%; line-height:inherit;} #backtotop.visible{visibility:visible; opacity:.5;} #backtotop:hover{opacity:1;} /* Tables --------------------------------------------------------------------------------------------------------------- */ table, th, td{ border-collapse: collapse; vertical-align: top; } table, th{table-layout:auto;} table{width:100%; margin-bottom:15px;} th, td{padding:5px 8px;} td{border-width:0 1px;} /* Gallery --------------------------------------------------------------------------------------------------------------- */ #gallery{display:block; width:100%; margin-bottom:50px;} #gallery figure figcaption{display:block; width:100%; clear:both;} #gallery li{margin-bottom:30px;} /* Font Awesome Social Icons --------------------------------------------------------------------------------------------------------------- */ .faico{margin:0; padding:0; list-style:none;} .faico li{display:inline-block; float:left; margin:0 2px 0 0; padding:0; line-height:normal;} .faico li:last-child{margin-right:0;} .faico a{display:inline-block; width:30px; height:30px; line-height:30px; font-size:14px; text-align:center;} .faico a{color:inherit; background-color:transparent;} .faicon-dribble:hover{color:#EA4C89;} .faicon-facebook:hover{color:#3B5998;} .faicon-google-plus:hover{color:#DB4A39;} .faicon-linkedin:hover{color:#0E76A8;} .faicon-pinterest:hover{color:#C8232C;} .faicon-rss:hover{color:#EE802F;} .faicon-twitter:hover{color:#00ACEE;} /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* Colours --------------------------------------------------------------------------------------------------------------- */ body{color: #000000;} /* utilisé pour des liens JB */ a{color: #474940;} a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */ a:focus,a:hover,a:active{ /*---------------- JB ---------------------*/ color: #AB050A; /* ajouter eventuellement text-decoration: underline */ } hr, .borderedbox{border-color: #D7D7D7;} label span{color:#FF0000; background-color:inherit;} input:focus, textarea:focus, *:required:focus{border-color:#cdd907;} .overlay{color:#FFFFFF; background-color:inherit;} .overlay::after{color:inherit; background-color:rgba(0,0,0,.3);} .imgoverlay::after{color:#FFFFFF; border-color:rgba(255,255,255,.3); background-color:rgba(0,0,0,.3);} .btn i{color:#FFFFFF; background-color:#cdd907;/* IE9 Fallback */ background:linear-gradient(to top right, #256D6A, #cdd907);} .btn i::after{border-color:rgba(255,255,255,.5);} .btn:hover i::after{background-color: #9BD90E;} .red{color:#F36174;} .elements li figure figcaption{color:#888888; background-color:#FFFFFF;} .elements li .elementinfo .starrating li *{color:inherit;} .elements li .elementinfo .starrating li .coloured{color:#FF7659;} /* Basic Preloader */ #preloader{color:#FFFFFF; background-color:rgba(0,0,0,.85);} /* Rows */ .row0{ color: #F5F5E3; background-color: rgba(0,0,0,.65); border-color: #333333; text-align: justify; width: 100%; } .row1{color:#FFFFFF; background-color:rgba(0,0,0,.6);} .row2, .row2 a{} .row3{ color: #373736; } .row4{color:#888888; background-color:#FFFFFF;} .row5{ color: #565641; background-color: rgba(234,235,232,1.00); } .DW-row6{color:#000000; background-color:rgba(0,0,0,0);} /* par DW */ .wrapper.coloured{color:#FFFFFF; background-color:#cdd907;} /* Header */ #header #logo a{ color: #a1a8ab; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } /* Page Intro */ #pageintro{ color: #FEFFFD; background-color: transparent; text-shadow: 0px 0px #22251E; } /* Intro Blocks */ #introblocks ul li{ color: #464646; background-color: rgba(255,255,255,1.00); border-color: #D7D7D7; } #introblocks ul li a{color: rgba(24,41,0,1.00);} #introblocks ul li:hover a{color: #A10408;} #introblocks ul li:hover .btn i{text-shadow:0 1px 0 #CCCCCC,0 2px 0 #333333,0 1px 0 #BBBBBB,0 4px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25)} #introblocks ul li:nth-child(1):hover .btn i::after{background-color:#F9CD36;}/* Yellow */ #introblocks ul li:nth-child(2):hover .btn i::after{background-color:#FF7659;}/* Orange */ #introblocks ul li:nth-child(3):hover .btn i::after{background-color:#9771BD;}/* Purple */ #introblocks ul li:nth-child(4):hover .btn i::after{background-color:#F36174;}/* Red */ /* Holiday Types */ #holtypes .underline::after{background-color:#D7D7D7;} #holtypes ul li article{color:inherit; background:#FFFFFF; border-color:#D7D7D7;} #holtypes ul li:hover .btn i::after{background-color:#cdd907;} /* Content Area */ .container .underline::after{background-color:#D7D7D7;} ul#home.elements li figure figcaption{border-color:#D7D7D7;} #lastminute.elements li figure figcaption{color:#888888; background-color:#F7F7F7;} #lastminute.elements li figure figcaption, #lastminute.elements li .elementinfo{border-color:#D7D7D7;} /* Contact Information */ #contactinfo ul li .infobox{color:#888888; background-color:#FFFFFF; border-color:#D7D7D7;} #contactinfo ul li .infobox i{color:#FFFFFF; background-color:#888888;/* IE9 Fallback */ background:linear-gradient(to top right, #4B4B4B, #9A9A9A);} #contactinfo ul li .infobox i::after{border-color:rgba(255,255,255,.6);} /* Newsletter*/ #newsletter{color:#FFFFFF; background-color:#cdd907;} #newsletter input{color:#212427; background-color:#FFFFFF;} #newsletter button{color:#FFFFFF; background-color:#256D6A;} /* Footer */ #footer .title{border-color:#D7D7D7;} /* Copyright */ #copyright a{color:inherit;} /* Navigation */ #mainav li a{color:inherit;} #mainav .active a, #mainav a:hover, #mainav li:hover > a{ color: #A50101; background-color: inherit; } #mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);} #mainav li li:hover > a, #mainav .active .active > a{ color: #FFFFFF; background-color: #A50101; } #mainav form select{color:#FFFFFF; background-color:#212427; border-color:rgba(136,136,136,.5);/* #888888 */} #breadcrumb a{color:#888888; background-color:inherit;} #breadcrumb li:last-child a{color:inherit;} .container .sidebar nav a{color:inherit; border-color:#D7D7D7;} .container .sidebar nav a:hover{color:#AAAAAA;} .pagination a, .pagination strong{border-color:#D7D7D7;} .pagination .current *{color:#FFFFFF; background-color:#cdd907;} #backtotop{color:#FFFFFF; background-color:#cdd907;} /* Tables + Comments */ table, th, td, #comments .avatar, #comments input, #comments textarea{} #comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#cdd907;} th{color:#FFFFFF; background-color:#373737;} tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FFFFFF;} tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;} table a, #comments a{background-color:inherit;} /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* Media Queries --------------------------------------------------------------------------------------------------------------- */ @-ms-viewport{width:device-width;} /* Max Wrapper Width - Laptop, Desktop etc. --------------------------------------------------------------------------------------------------------------- */ @media screen and (min-width:978px){ .hoc{max-width:1260px;} .DW-pub-336 { max-width: 336px; height: 280px; max-height: 280px; background-image: url(../images/revue-de-presse.jpg); background-repeat: no-repeat; background-position: 50% 0%; } .crop5-PU { width: 90px; height: 90px; overflow: hidden; } .crop5-PU img { width: 90px;} /* ajustables : .crop5 { width:100%; min-width: 160px; height:auto; } ne pas mettre plus de 160px, car ça déborde (un peu à droite sur tablette), comme cutie-droite .crop5 img { width:100%; min-width: 160px; height:auto;}*/ .crop5 { width: 140px; height: 100px; overflow: hidden; } .crop5 img { width: 140px;} .crop5mic { width: 110px;} .crop5mic img { width: 110px;} .DW-reseaux-sociaux-droite { /* PU ne marche pas */ } .DW-pages-texte-inclus{ margin-left: -20px; color: #FCFCFC; font-weight: bold; font-size: 1.2em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: rgba(174,211,133,1.00); width: 50%; padding-left: 3px; padding-right: 3px; margin-top: 20px; margin-bottom: 10px; } .DW-mots-boucle{ margin-bottom: 10px; margin-top: 10px; margin-left: 240px; } .DW-mots-boucle li{ margin-bottom: 10px; margin-top: 10px; } .DW-texte3b { color: #FCFCFC; font-weight: bold; font-size: 14px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: rgba(174,211,133,1.00); max-width: 50%; padding-left: 3px; padding-right: 3px; margin-top: 20px; margin-bottom: 10px; } .DW-texte4 { color: #011d01; font-style: normal; font-weight: normal; font-size: 15px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align: justify; max-width: 50%; } #introblocks ul li *{ /* pour les titres des images dans sommaire */ margin: 0; padding-top: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; } .DW-forumulaire-recherche{ margin-left: 80px; margin-top: 23px; float: left; color: #000000; } #DW-forumulaire-recherche2{ background: #F2F2F0 url("../images/loupe.gif") no-repeat 0px center; padding-left: 25px; width: 140px; } #DW-forumulaire-recherche2:focus { background: #fff url("../images/loupe.gif") no-repeat 0px center; } .cutie6 { text-align: justify; padding-left: 10px; margin-bottom: 20px; margin-top: 30px; width: 50%; font-size: 1.4em; font-weight: 400; } } /* Les autres --------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width:977px){ .DW-pub-336{ margin-bottom: 20px; } .crop5-PU { width: 90px; height: 90px; overflow: hidden; } .crop5-PU img { width: 90px;} .crop5 { width:100%; min-width: 120px; height:auto; } .crop5 img { width:100%; min-width: 120px; height:auto;} .crop5mic { width: 180px; height: 130px; overflow: hidden; } .crop5mic img { width: 180px;} .DW-reseaux-sociaux-droite { /* PU ne marche pas */ } .DW-pages-texte-inclus{ color: #FCFCFC; font-weight: bold; font-size: 1.2em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: rgba(174,211,133,1.00); max-width: 100%; padding-left: 3px; padding-right: 3px; margin-top: 20px; margin-bottom: 10px; } .DW-mots-boucle li{ margin-bottom: 10px; margin-top: 10px; } .DW-texte3b{ color: #FCFCFC; font-weight: bold; font-size: 14px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: rgba(174,211,133,1.00); max-width: 100%; padding-left: 3px; padding-right: 3px; margin-top: 20px; margin-bottom: 10px; } .DW-texte4{ color: #011d01; font-style: normal; font-weight: normal; font-size: 15px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align: justify; max-width: 100%; } .DW-forumulaire-recherche{ margin-top: 30px; float: left; color: #000000; margin-bottom: 30px; } #DW-forumulaire-recherche2{ background: #F2F2F0 url("../images/loupe.gif") no-repeat 0px center; padding-left: 25px; width: 260px; } #DW-forumulaire-recherche2:focus { background: #fff url("../images/loupe.gif") no-repeat 0px center; } } /* Smartphone + Tablet --------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width:900px){ .hoc{max-width:90%;} #topbar{} #header{} #mainav{} #mainav ul{display:none;} #mainav form{display:block;} #breadcrumb{} .container{} #comments input[type="reset"]{margin-top:10px;} .pagination li{display:inline-block; margin:0 5px 5px 0;} #footer{} #copyright{} #copyright p:first-of-type{margin-bottom:10px;} } /* tablette horizontalle */ @media screen and (min-width:751px){ .DW-pub-160 { min-width: 160px; } .DW-pub-centre { margin-top: 30px; margin-bottom: 30px; max-width: 50%; } .DW-pub-centre2 { margin-top: 60px; margin-bottom: 30px; max-width: 100%; } .DW-pub-droite { min-width:336px; /* taille de pub voulue, sans cette ligne la pub ne s'affiche pas sur les grans écrans */ margin-left: 100px; float: right; margin-bottom: 20px; } .DW-pub-droite2 { min-width: 336px; /* taille de pub voulue, sans cette ligne la pub ne s'affiche pas sur les grans écrans */ margin-left: 40px; float: right; margin-bottom: 20px; display: table; } .DW-pub-droite3 { min-width: 336px; /* taille de pub voulue, sans cette ligne la pub ne s'affiche pas sur les grans écrans */ max-width: 336px; float: right; margin-bottom: 5px; display: table; top: 0px; max-height: 280px; margin-left: 40px; } .cutie-droite300 { text-align: left; /* font-weight: normal; font-size: 0.9em; */ max-width: 300px; /* ne pas mettre plus de 160px, car ça déborde (un peu à droite sur tablette), pareil comme crop5 pour l'image*/ margin-left: 50px; } .DW-espace-vertical{ display: table; height: 90px; } .DW-afficher-si-grand-ecran{} .DW-afficher-si-petit-ecran{display: none;} .DW-image-news {} } @media screen and (max-width:750px){ .colonne-gauche{display: none;} .DW-revue-de-presse{display: none;} .DW-revue-de-presse-titre{display: none;} .DW-pub-160{display: none;} .DW-pub-centre{display: none;} .DW-pub-centre2{margin-bottom: 20px;} .DW-pub-droite{margin-bottom: 20px;} .DW-pub-droite2{ max-height: 100px; margin-bottom: 20px; } .DW-pub-droite3{ max-width: 100%; max-height: 100%; margin-bottom: 20px; } .cutie-droite300 { text-align: left; font-weight: normal; font-size: 0.9em; max-width: 300px; /* ne pas mettre plus de 160px, car ça déborde (un peu à droite sur tablette), pareil comme crop5 pour l'image*/ } .DW-espace-vertical{ display: table; height: 0px; } .DW-afficher-si-grand-ecran{display: none;} .DW-afficher-si-petit-ecran{} .imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;} .fl_left, .fl_right{display:block; float:none;} .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;} .DW_one_half{display:block; float:none; width:auto; margin:0 0 0 0; padding:0;} .DW_un_cinquieme{max-width: 400px; display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;} .DW_un_huitieme{display:block; float:none; width:auto; margin:0 0 10px 0; padding:0;} .elements .fl_left{float:left;} .elements .fl_right{float:right;} ul#home{text-align:center;} ul#home.elements li{margin:0 auto 30px;} #topbar{} #topbar *{ margin: 0; font-size: small; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #topbar .fl_left ul{ margin: 0 0 10px 0; line-height: normal; text-align: justify; } #topbar .fl_left ul li{display:inline-block; margin-right:20px;} #topbar .fl_left ul li:last-child{ margin-right: 0; font-size: 11px; } #topbar .faico li{float:none;} #header{ text-align: center; margin-top: 0px; } #header #logo{margin-bottom:15px;} #pageintro{padding-top:100px;} #pageintro .introtxt{max-width:none;} #pageintro .introtxt .heading{ font-size: 34px; } #introblocks ul li{display:inline-block; float:left; width:48.46625766871166%; margin:0 3.06748466257669% 15px 0;} #introblocks ul li:nth-child(even){margin-right:0; clear:right;} #DW_introblocks2 ul li{display:inline-block; float:left; width:24.233128%; margin:0 3.06748466257669% 15px 0;} #DW_introblocks2 ul li:nth-child(even){margin-right:0; clear:right;} .container{ padding-bottom: 40px;} #footer{ padding-bottom: 20px; width: 100%; color: #E5E9CD; background-color: #51524B; text-align: justify; } #newsletter input{display:block; width:100%; padding:10px 12px;} #newsletter form, #newsletter button{margin-bottom:0;} } @media screen and (max-width:450px){ #topbar .fl_left ul li{display:block; margin:5px 0 0 0;} #topbar .fl_left ul li:first-child{margin:0;} #introblocks ul li{display:block; float:none; width:100%; margin-right:0;} #DW_introblocks2 ul li{display:block; float:none; width:100%; margin-right:0;} /* ************************************************************** */ .DW-logo-site img { width: 290px;} } /* Other --------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width:650px){ .scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;} .scrollable table{margin:0; padding:0; white-space:nowrap;} .inline li{display:block; margin-bottom:10px;} .pushright li{margin-right:0;} .font-x2{font-size:1.4rem;} .font-x3{font-size:1.6rem;} } /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ .DW-pub-horizontale { margin-bottom: 15px; margin-top: 15px; } .DW-logo-site-dn1{ color: #A10408; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 3.7em; height: 57px; padding-top: 15px; padding-bottom: 30px; display: inline-block; } .DW-logo-site-dn2{ color: #000000; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 3.9em; height: 57px; padding-top: 15px; padding-bottom: 30px; display: inline-block; } .DW-logo-site-dn2b{ color: #013051; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 3.9em; height: 57px; padding-top: 15px; padding-bottom: 30px; display: inline-block; } .DW-logo-dn-gri{ color: #a1a8ab; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.3em; margin-bottom: 20px; } .DW-logo-dn-gri2{ color: #a1a8ab; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1em; } /* ----------------------------- style_medicinales.css ----------------------------------------------------------*/ .DW-article a{ color: rgba(55,100,2,1.00); } .DW-article a:focus,a:hover,a:active{ color: #8DD500; /* ajouter eventuellement text-decoration: underline */ } .DW-nocopy{ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ user-select: none; /* non-prefixed version, currently not supported by any browser */ } .DW-pied{ color: #E1E1E0; font-size: 1em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } .fb-like{ bottom: 3px; } .DW-mail{ margin-left: 20px; bottom: 5px; } .DW-reseaux-soc{ background-color: #DC2834; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; width: 100%; border: medium solid #1403E9; } .DW-menu-rubrique-titre1 { font-weight: bold; font-size: 14px; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-liste-lettre { color: #ff1493; font-weight: bold; font-size: 16px; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-liste-titre1 { color: #006400; font-weight: bold; font-size: 14px; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-liste-titre2 { color: #a9a9a9; font-weight: normal; font-size: 11px; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-mots1{font-weight:bold;font-size:13px;font-family:Helvetica, Geneva, Arial, Swiss, SunSans-Regular;text-decoration:none} .DW-description{color:#696969;font-weight:bold;font-size:15px;font-family:Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-nom-rubrique1{color:white;font-weight:bold;font-size:15px;font-family:Helvetica, Geneva, Arial, Swiss, SunSans-Regular;background-color:#c2baba} .DW-titre-article1{color:#b03573;font-weight:bold;font-size:15px;font-family:Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-titre-article2{color:#b82396;font-weight:bold;font-size:12px;font-family:Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-titre-article3{color:#696969;font-weight:normal;font-size:11px;font-family:Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-texte{color:#000;font-weight:normal;font-size:17px;font-family:Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-liens{color:#c71585;font-weight:bold;font-size:17px;font-family:Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-texte1{ color: #fff; font-weight: bold; font-size: 20px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: #008a00 } .DW-texte2{ color: #535353; font-weight: bold; font-size: 1.2em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; margin-bottom: 30px; text-align: justify; } .DW-texte1b{ color: #171717; font-weight: bold; font-size: 1.3em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; margin-bottom: 30px; } .DW-texte1c{ color: #848680; } .DW-texte1d{ color: #000000; font-weight: bold; font-size: 2.2em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; margin-bottom: 5px; line-height: 1; margin-top: 0px; } .DW-texte2b{ color: #535353; font-size: 1.1em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; margin-bottom: 30px; text-align: justify; } .DW-texte2d{ color: #000000; font-size: 1.7em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; margin-top: 20px; margin-bottom: 15px; margin-right: 15px; text-align: justify; line-height: normal; font-weight: normal; } .DW-texte3{ color: #000; font-weight: bold; font-size: 14px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } .DW-texte5{ color: #808080; font-weight: normal; font-size: 10px; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-texte6{ color: #696969; font-weight: bold; font-size: 15px; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-stiri-titre1{ color: #c0c0c0; font-weight: bold; font-size: 14px; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5 } .DW-mot-descriptif1{ color: black; font-weight: bold; font-size: 1.1em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif } .DW-mot-texte1 { color: black; font-weight: normal; font-size: 1em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align: justify; } .DW-minuscules{ text-transform: lowercase; font-weight: bold; } .cutie { margin-top: 5px; margin-bottom: 40px; display: table; } .cutie2 { background-color: #D6F795; text-align: center; padding-top: 1px; padding-bottom: 1px; } .cutie3 { border-radius: 700px / 400px; background-color: #F3FBE1; text-align: center; padding-top: 2px; padding-bottom: 1px; } .cutie4 { text-align: left; padding-left: 10px; margin-bottom: 20px; margin-top: -20px; } .cutie5 { text-align: left; padding-left: 10px; margin-bottom: 20px; margin-top: 30px; } .cutie6 { padding-left: 5px; margin-bottom: 5px; margin-top: 5px; width: 100%; font-size: 1em; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; } .cutie7 { text-align: left; margin-bottom: 20px; margin-top: 90px; background-color: #436E07; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .cutie8 { text-align: justify; margin-bottom: 20px; margin-top: 90px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #000000; font-weight: bold; font-size: 1em; } .cutie9 { text-align: left; padding-left: 10px; margin-bottom: 20px; margin-top: -20px; padding-right: 10px; } .cutie10 { text-align: right; padding-left: 10px; margin-bottom: 50px; margin-top: 30px; padding-right: 10px; background-color: #f5f5f5; border-top: thin solid rgba(192,192,192,3.00); border-bottom: thin solid rgba(192,192,192,1.00); } .cutie10b { text-align: left; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; padding-top: 0px; margin-top: 0px; margin-bottom: 5px; color: #000000; font-weight:bold; background-color: #DCDADA; border-top: thin solid rgba(192,192,192,1.00); } .cutie10c { margin-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; background-color: #F4F4F6; border-top: thin solid rgba(192,192,192,1.00); border-bottom: thin solid rgba(192,192,192,1.00); border-left: thin solid rgba(192,192,192,1.00); border-right: thin solid rgba(192,192,192,1.00); } .cutie11 { min-width: 336px; } .cutie-336 { max-width: 336px; } .cutie-droite { text-align: left; font-weight: normal; font-size: 0.9em; max-width: 160px; /* ne pas mettre plus de 160px, car ça déborde (un peu à droite sur tablette), pareil comme crop5 pour l'image*/ } .cutie-droite-centre { display: block; margin-left: auto; margin-right: auto; width: 220px; } .cutie-droite2 { text-align: left; font-weight: normal; font-size: 0.9em; max-width: 160px; /* ne pas mettre plus de 160px, car ça déborde (un peu à droite sur tablette), pareil comme crop5 pour l'image*/ margin-left: 50px; } .cutie-droite3 { display: block; margin-left: auto; margin-right: auto; width: 160px; /* ne pas mettre plus de 160px, car ça déborde (un peu à droite sur tablette), pareil comme crop5 pour l'image*/ } .DW-h1b{ font-size: 0.6em; color: #79846E; width: 100%; background-color: rgba(249,251,247,1.00); } .img-milieu-max{max-width: 100%;} #hierarchie{font-size:1em;clear:both;margin-bottom:2em} #hierarchie, #hierarchie a{color:#808080;font-size:12px} a.spip_in{ color: #045801; text-decoration: underline } a.spip_in a:focus,a:hover,a:active{ color: #A10408; } .crop1b { width: 180px; } .crop1b img { width: 180px;} .crop1b object { width: 180px } .crop120 { width: 120px; } .crop120 img { width: 120px;} .crop120 object { width: 120px } .crop160 { width: 160px; } .crop160 img { width: 160px;} .crop160 object { width: 160px } .crop180 { width: 180px; } .crop180 img { width: 180px;} .crop180 object { width: 180px } .crop200 { width: 200px; } .crop200 img { width: 220px;} .crop200 object { width: 200px } .crop220 { width: 220px; } .crop220 img { width: 200px;} .crop220 object { width: 220px } .crop270 { width: 270px; } .crop270 img { width: 270px;} .crop270 object { width: 270px } .crop300 { width: 300px; } .crop300 img { width: 300px;} .crop300 object { width: 300px } .crop350 { width: 350px; } .crop350 img { width: 350px;} .crop350 object { width: 350px } .crop-responsiv { width: 100%; height: 100%; object-fit: cover; object-position: center; } .crop-responsiv img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .crop-responsiv object { width: 100%;} /* ----------------------------------- style_ziarcom.css -------------------------------------------------------------- */ .spip_documents_right { color: black; font-weight: bold; font-size: 20px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; text-decoration: none; margin-bottom: 20px; margin-left: 30px } .spip_documents_left { color: black; font-weight: bold; font-size: 20px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; text-decoration: none; margin-right: 30px; margin-bottom: 20px } .spip_in { font-weight: normal; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; text-decoration: underline } .spip_out { font-weight: normal; font-size: 14px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; text-decoration: underline } .crop1 { width: 270px; height: 150px; overflow: hidden; } .crop1 img { width: 270px;} .crop1 object { width: 270px;} .crop2 { width: 160px; height: 100px; overflow: hidden; } .crop2 img { width: 160px;} .crop2 object { width: 160px;} .crop3 { width: 120px; height: 90px; overflow: hidden; } .crop3 img { width: 120px;} .crop3 object { width: 120px;} .crop4 { width: 270px } .crop4 img { width: 270px } .crop4 object { width: 270px } .crop5 { width: 100px; height: 100px; overflow: hidden; } .crop5 img { width: 100px;} .crop5 object { width: 100px;} .crop6 { width: 170px; height: 120px; overflow: hidden } .crop6 img { width: 170px } .crop6 object { width: 170px } .crop7 { width: 120px; height: 100px; overflow: hidden; } .crop7 img { width: 120px;} .crop7 object { width: 120px;} .crop8 { width: 200px height: 90px; overflow: hidden; } .crop8 img { width: 200px } .crop8 object { width: 200px } .crop9 { width: 100px; height: 60px; overflow: hidden; } .crop9 img { width: 100px;} .crop9 object { width: 100px;} .DW-video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .DW-video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } .DW-video-responsive2 { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .DW-video-responsive2 iframe { left:0; top:0; height:100%; width:100%; position:absolute; } .DW-pub-horizontale { text-align: left; max-width: 510px; } .DW-data { color: #000; font-weight: normal; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-cadru { color: #789; font-weight: normal; font-size: 11px; margin-top: 20px; padding: 20px; border: solid 1px #c0c0c0; height: 20px } .DW-din-ziare-titre { color: #000; font-weight: normal; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-din-ziare-titreMaj { color: #000; font-weight: normal; font-size: 8px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-din-ziare-texte1 { color: #383133; font-weight: bold; font-size: 9px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-din-ziare-texte2 { color: #fff; font-weight: bold; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; border: #000 } .DW-din-ziare-texte2b { color: #fff; font-weight: bold; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #a9a9a9; margin: 0px; padding-right: 5px; padding-left: 5px; border: #000 } .DW-din-ziare-foto { color: #fff; font-weight: bold; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-image: url(imagini/fond1.gif); } .DW-entete-texte1 { color: white; font-weight: bold; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-entete-texte2 { font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-entete-texte-mobil { color: #8b0000; font-size: 2.5em; font-family: Tahoma, Helvetica, Geneva, "Times New Roman", Swiss, SunSans-Regular; text-decoration: underline } .DW-entete-texte-tableta { color: #8b0000; font-size: 1em; font-family: Tahoma, Helvetica, Geneva, "Times New Roman", Swiss, SunSans-Regular; text-decoration: underline } .DW-article-texte1 { color: #ab0400; font-weight: bold; font-size: 16px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; text-decoration: none } .DW-article-texte1 a {text-decoration:underline;} .DW-article-texte1b { color: black; font-weight: bold; font-size: 16px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-article-texte1c { color: black; font-weight: bold; font-size: 23px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-article-texte1d { color: black; font-weight: normal; font-size: 16px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-article-texte2 { color: black; font-weight: normal; font-size: 19px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-article-texte2 a {text-decoration:underline;} .DW-article-texte2b { color: black; font-weight: bold; font-size: 20px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-article-texte3 { color: #000; font-weight: bold; font-size: 18px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-article-texte4 { color: black; font-weight: normal; font-size: 15px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-article-texte4b { color: black; font-weight: normal; font-size: 17px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-article-texte4c { color: white; font-weight: normal; font-size: 17px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #c0c0c0; padding-right: 5px; padding-left: 5px; } .DW-article-texte5 { color: #808080; font-weight: normal; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-lista { color: black; font-weight: bold; font-size: 18px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; width: 10px } .DW-cadre1 { font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding: 15px; border: solid 1px #c0c0c0 } .DW-decalage-articles { padding: 20px } .DW-article-menu { color: #4169e1; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; margin: 0px; padding: 2px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #767682 #d3d3d3 #767682 #e0e2e3 } .DW-chenar { color: #000; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding: 30px } .DW-chenar2 { font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; /*--- gri : #f5f5f5 ---*/ margin-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; display: table; width: 100%; } .DW-chenar2b { font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-bottom: 20px; padding-top: 20px; padding-right: 18px; padding-left: 18px; padding-bottom: 0px; display: table; width: 100%; } .DW-chenar3 { font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding-top: 12px; padding-right: 15px; padding-left: 12px; padding-bottom: 15px; display: table; } .DW-chenar3b { font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding-top: 12px; padding-right: 0px; padding-left: 0px; padding-bottom: 15px; display: table; } .DW-chenar4 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; padding-top: 7px; padding-right: 15px; padding-left: 25px; padding-bottom: 7px; display: table; font-size: 1.0em; background-color: rgba(245,245,245,1.00); } .DW-chenar5 { font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding-top: 3px; padding-bottom: 3px; display: table; font-size: 1.1em; background-color: rgba(245,245,245,1.00); padding-left: 25px; padding-right: 15px; width: 100%; margin-bottom: 10px; border-left: thin solid rgba(177,177,177,1.00); } .DW-chenar5b { font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding-top: 0px; padding-bottom: 0px; display: table; font-size: 1.1em; background-color: rgba(245,245,245,1.00); padding-left: 15px; padding-right: 15px; width: 100%; margin-bottom: 10px; } .DW-chenar6 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; padding-top: 7px; padding-right: 25px; padding-bottom: 20px; display: table; font-size: 1.0em; } .DW-chenar7 { font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding-top: 2px; padding-right: 15px; padding-left: 0px; padding-bottom: 15px; display: table; } .DW-chenar-droite { margin-bottom: 30px; } /*------------------------------------------------ .DW-chenar2 { font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin: 0px; padding: 0px; border-top: 1px solid #d3d3d3; border-right: #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: #d3d3d3 } .DW-chenar { color: #000; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding: 30px } -----------------------------------------*/ .DW-chenar-entete { color: whitesmoke; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; padding-top: 0px; padding-right: 3px; padding-left: 3px; padding-bottom: 0px; display: table; font-size: 0.9em; background-color: #A50101; width: 100%; } .DW-index-selectie-ziare { color: #000; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #e8ebec; margin: 0px; padding: 5px 4px 5px 8px } .DW-index-chenar { color: #000; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin: 0px; padding: 0px 2px; background-image: url("imagini/ban-ZIAR-COM-336x280-gri.gif"); } .DW-index-chenar2 { color: #000; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; margin: 0px; padding: 0px 8px } .DW-index-rubrici-stiri { color: #000; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #dcdcdc; margin: 0px; padding-top: 5px; border-top: 1px solid #a9a9a9; border-right: #000; border-bottom: #a9a9a9; border-left: #000 } .DW-pub-texte1 { color: #200000; font-weight: normal; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-article-principal { color: #696969; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin: 0px 9px 0px 0px; padding: 8px; border: solid 1px #e0e2e3; width: auto; height: 193px } .DW-sommaire-article-principal-2 { color: #8b0000; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; border: #f5f5f5 } .DW-sommaire-rubrique-titre { font-weight: bolder; font-size: 16px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #dcdcdc; margin: 0px; padding: 2px; border-bottom: 1px solid #696969; width: auto } .DW-sommaire-texte1 { color: #8b0000; font-weight: bolder; font-size: 16px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #e8ebec; border: solid 1px #789; width: 100% } .DW-sommaire-texte1b { color: #ab0400; font-weight: bold; font-size: 14px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte1c { color: #ab0400; font-weight: bold; font-size: 14px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; border-top: #789; border-right: #789; border-bottom: 1px solid #789; border-left: #789; width: 100% } .DW-sommaire-texte1d { color: #ab0400; font-weight: bold; font-size: 15px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; width: 100% } .DW-sommaire-texte1e { color: #000000; font-weight: bold; font-size: 9px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte1f { color: #000000; font-weight: bold; font-size: 25px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte1g { color: #696969; font-weight: bolder; font-size: 16px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #e8ebec; border: solid 1px #789; width: 100% } .DW-sommaire-texte1h { color: #000000; font-weight: bold; font-size: 20px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte1h-r { color: #ab0400; font-weight: bold; font-size: 20px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte1i { color: #000000; font-weight: bold; font-size: 14px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-bottom: 5px } .DW-sommaire-texte2 { color: #000000; font-weight: bold; font-size: 15px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; text-decoration: none } .DW-sommaire-texte2b { color: #210202; font-weight: bold; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte2c { color: black; font-weight: bold; font-size: 16px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; text-decoration: none } .DW-sommaire-texte2d { color: #000000; font-weight: bolder; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; border-style: solid; border-width: 1px 5px 1px 5px; border-color: #fff } .DW-sommaire-texte2e { color: #000000; font-weight: bold; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; border-top: solid #fff; border-right: 10px solid #fff; border-bottom: solid #fff; border-left: 10px solid #fff } .DW-sommaire-texte3 { color: #5e5e5e; font-weight: normal; font-size: 13px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte3b { color: #030000; font-weight: normal; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte3c { color: #000000; font-weight: normal; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte3d { color: black; font-weight: normal; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; border-right: none #f5f5f5 } .DW-sommaire-texte3e { color: #000000; font-weight: normal; font-size: 13px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte4 { color: #5e5e5e; font-weight: normal; font-size: 12px } .DW-sommaire-texte4b { color: #8b0000; font-weight: bold; font-size: 11px } .DW-sommaire-texte4c0 { color: #8b0000; font-weight: bold; font-size: 11px; background-color: #fbfbfb; float: right; padding-bottom: 2px; padding-left: 5px; border-top: 1px dotted #c0c0c0; border-right: none #f5f5f5; border-bottom: none #dcdcdc; border-left: 1px dotted #c0c0c0; width: 100% } .DW-sommaire-texte4c1 { color: #fbfbfb; font-weight: bold; font-size: 11px; background-color: #8b0000; float: right; padding-bottom: 2px; padding-left: 5px; border-top: 1px dotted #c0c0c0; border-right: none #f5f5f5; border-bottom: none #dcdcdc; border-left: 1px dotted #c0c0c0; width: 100% } .DW-sommaire-texte4c1a { color: #fbfbfb; font-weight: bold; font-size: 11px; background-color: #8b0000; float: right; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; border-top: 1px dotted #c0c0c0; border-right: none #f5f5f5; border-bottom: none #dcdcdc; border-left: 1px dotted #c0c0c0 } .DW-sommaire-texte4c { color: #8b0000; font-weight: bold; font-size: 14px; background-color: #fbfbfb; float: right; padding-bottom: 2px; padding-left: 5px; border-top: 1px dotted #c0c0c0; border-right: none #f5f5f5; border-bottom: none #dcdcdc; border-left: 1px dotted #c0c0c0; width: 100% } .DW-sommaire-texte4d { color: #8693a0; font-weight: normal; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-left: 15px; border-bottom: 1pt solid #d5dce3 } .DW-sommaire-texte4e { color: #760000; font-weight: normal; font-size: 11px; margin-left: 130px } .DW-sommaire-texte4f { color: #760000; font-weight: bolder; font-size: 12px } .DW-sommaire-texte4g { color: #8b0000; font-weight: bold; font-size: 11px; background-color: #dcdcdc; width: 100% } .DW-sommaire-texte5 { color: #ab0400; font-weight: normal; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte6 { color: #333; font-weight: bold; font-size: 13px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-texte7 { color: black; font-weight: bold; font-size: 13px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #fbfbfb; float: right; padding-bottom: 7px; padding-left: 5px; border-top: 1px dotted #c0c0c0; border-right: none #f5f5f5; border-bottom: none #dcdcdc; border-left: 1px dotted #c0c0c0; width: 100% } .DW-sommaire-texte7b { color: #850101; font-weight: bold; font-size: 13px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: white; background-color: #fbfbfb; float: right; padding-bottom: 5px; padding-left: 5px; border-top: none dotted #c0c0c0; border-right: none #f5f5f5; border-bottom: none #dcdcdc; border-left: 1px dotted #c0c0c0; width: 100% } .DW-sommaire-texte-pub { color: #5d0000; font-weight: normal; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-sommaire-date { color: #767682; font-weight: normal; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-recherche-1 { color: green; font-weight: normal; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; border: #a9a9a9 } .DW-recherche-2 { color: #fff; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #8e8e8e; margin-top: 1px; padding-top: 2px; padding-left: 2px; border-top: 2px solid #3a3a3a; border-right: 0px #ab0400; border-bottom: 0px #ab0400; border-left: 0px #ab0400; height: 21px } .DW-rubrique-hierarchie { color: #55555e; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; margin: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; width: 100% } .DW-rubrique-ziare { color: #4d4d55; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #E3E1E1; padding: 10px; text-align: left; } .DW-rubrique-pub300 { color: #4d4d55; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding: 5px; width: 300px } .DW-rubrique-articles-recents { color: #696969; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-top: 15px; padding: 8px; border: solid 0px #e0e2e3 } .DW-rubrique-articole { color: #708090; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin: 0px; padding: 2px; border-width: 0px; border-color: #b22222 #b22222 #191970 #b22222 } .DW-rubrique-titre { color: #708090; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; margin: 0px; padding: 2px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #b22222 #b22222 #191970 #b22222 } .DW-rubrique-titre1 { color: black; font-weight: bold; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-titre2 { color: black; font-weight: bold; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-titre3 { color: black; font-style: normal; font-weight: normal; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-texte1 { color: #000; font-weight: normal; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding-left: 40px } .DW-rubrique-texte1b { color: #000; font-weight: bold; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular;} .DW-rubrique-texte2 { color: #484848; font-weight: normal; font-size: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular;} .DW-rubrique-texte2b { color: #484848; font-weight: normal; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-texte2c { color: #424242; font-weight: normal; font-size: 13px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-texte3 { color: #484848; font-weight: normal; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-texte4 { color: #000; font-weight: normal; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-date { color: #767682; font-weight: normal; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-date-recent { color: white; font-weight: bold; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #1e90ff; margin-right: 5px; padding-right: 1px; padding-left: 3px } .DW-rubrique-couleur { color: #ab0400; font-weight: bold; font-size: 15px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular;} .DW-rubrique-couleur1 { color: #000; font-weight: lighter; font-size: 14px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-couleur2 { color: #292929; font-weight: bold; font-size: 14px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-couleur3 { color: #292929; font-weight: bold; font-size: 17px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-rubrique-couleur4 { color: #292929; font-weight: bold; font-size: 14px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; padding: 5px } .DW-menu { color: #4169e1; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; margin: 0px; padding: 2px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #767682 #d3d3d3 #767682 #e0e2e3 } .DW-centru { color: #4d4d55; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; margin: 0px; padding: 0px; border: solid; width: 770px } .DW-menu-titlu-1b { font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #fff; margin: 0px; padding: 0px 10px; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #868686 #2b2b2b #2b2b2b #2b2b2b } .DW-menu-regiuni { color: #4d4d55; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; margin: 0px; padding: 0px; border: solid 1px #000 } .DW-menu-rubrique { color: #ab0400; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin: 0px; padding: 2px } .DW-menu-mot { color: #4d4d55; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; margin: 0px; padding: 0px; border: solid 0px } .DW-menu-rubrique-texte1 { color: #4d4d55; font-weight: bolder; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; padding: 1px} .DW-menu-rubrique-texte1b { color: #4d4d55; font-weight: bold; font-size: 13px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-menu-rubrique-texte2 { color: #4d4d55; font-weight: bold; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-menu-rubrique-texte2b { color: #777783; font-weight: bold; font-size: 9px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-menu-rubrique-texte2c { color: #ab0400; font-weight: bold; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular} .DW-menu-rubrique-texte3 { color: #4d4d55; font-weight: bold; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-left: 15px } .DW-menu-mot-texte1 { color: #4d4d55; font-weight: bold; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; border-color: #b2b2b2 #b2b2b2 #a2a2b2 #b2b2b2 } .DW-menu-mot-texte2 { color: #767682; font-weight: bold; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-menu-situri-top { color: #191970; font-weight: bold; font-size: 11px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-logos-ziare { color: #696969; font-weight: bold; font-size: 12px; line-height: 23px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-top: 10px; margin-right: 7px; margin-left: 0px; padding: 1px; border: #2b0100; position: relative; height: 23px } .DW-logos-ziare-texte { color: #000; font-weight: bold; font-size: 12px; line-height: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-top: 7px; margin-left: 7px; padding: 1px; border: solid 1px #dcdcdc; position: relative; height: 12px } .DW-logos-ziare2 { color: #696969; font-weight: normal; font-size: 14px; line-height: 23px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #f5f5f5; margin-top: 10px; margin-bottom: 7px; margin-left: 10px; padding: 1px; border: #2b0100; position: relative; height: 23px } .DW-ziare1anc { color: #000; font-weight: bold; font-size: 12px; line-height: 12px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-top: 7px; margin-left: 7px; padding: 1px; border: solid 1px #dcdcdc; position: relative; height: 12px } .DW-ziare1 { color: #000; font-weight: bold; font-size: 12px; line-height: 22px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-top: 7px; margin-left: 7px; padding: 1px; border: solid 1px #dcdcdc; position: relative; height: 12px } .DW-ziare2 { color: #c0c0c0; font-weight: normal; font-size: 12px; line-height: 22px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-top: 7px; margin-left: 7px; padding: 1px; border: solid 1px #dcdcdc; position: relative; height: 12px } .DW-ziare2b { color: #696969; font-weight: normal; font-size: 12px; line-height: 22px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; margin-top: 7px; margin-left: 7px; padding: 1px; border: solid 1px #dcdcdc; position: relative; height: 12px } .DW-ziare3 { color: #789; font-weight: normal; font-size: 10px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular } .DW-stiri1 { color: #8b0000; font-weight: bold; font-size: 11px; line-height: 22px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #fff; margin-top: 7px; margin-left: 7px; padding: 1px; border: solid 1px #dcdcdc; position: relative; height: 12px } .DW-stiri2 { color: #4e4e4e; font-weight: bold; font-size: 14px; line-height: 22px; font-family: Tahoma, Helvetica, Geneva, Arial, Swiss, SunSans-Regular; background-color: #d6d6d6; margin-top: 7px; margin-bottom: 7px; padding: 1px; border: solid 1px #dcdcdc; position: relative; height: 12px } .DW_ziare_top { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align: justify; font-weight: normal; font-size: 1.1em; } .DW_ziare_top_index { text-align: justify; font-weight: normal; font-size: 1.1em; } /* ----------------------------------- /style_ziarcom.css -------------------------------------------------------------- */