/* Theme Name: Referencement Positionnement Theme URI: http://www.referencementpositionnement.fr/ Description: Customized theme created for Referencement Positionnement site Version: 1 Author: ant Author URI: http://www.referencementpositionnement.fr/ Tags: blue, custom header, fixed width, three columns, widgets colors: #e46f00 - orange ; #32485d - dark blue */ body {margin: 0px; padding: 0px; background: url(images/bg_home.jpg) repeat-x left top; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4F4F4F; line-height: 18px;} html {behavior: url(wp-content/themes/referencement/js/hover.htc); overflow-x: hidden; overflow-y: auto;} body.home {margin: 0px; padding: 0px; background: #F3F5F7 url(images/bg_home.jpg) repeat-x left top; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4F4F4F; line-height: 18px;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CLEARFIX /*--------------------------------------------------------------------------------------------------------------------------*/ div:after, ul:after, ol:after, .cfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;} * html div, * html dl, * html ul, * html ol, * html .cfix {height: 1%} div, ul, ol, .cfix {display: inline-block} div, ul, ol, .cfix {display: block} /*-----*/ #incarca{position: absolute; left: -2500px; visibility:hidden; height:0px;text-align: center;} @font-face { font-family: 'TimelessRegular'; src: url('font/timeless.eot'); src: local('Timeless Regular'), local('Timeless-Normal'), url('font/timeless.woff') format('woff'), url('font/timeless.ttf') format('truetype'), url('font/timeless.svg#Timeless-Normal') format('svg'); } /*--------------------------------------------------------------------------------------------------------------------------*/ /* RESETARE TAGURI /*--------------------------------------------------------------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6, ul,dl,dt,dd,ol,li, p,hr,blockquote,pre,addres, form,fieldset,legend,input,label,textarea,selects {margin: 0px; padding: 0px; outline: none; border: none; font-style: normal; font-weight: normal; background-color: transparent; list-style: none; font-family: Arial, Helvetica, sans-serif; color: #4F4F4F; font-size: 12px; line-height: 18px} /*-----*/ a {color: #990000; border-bottom: 1px dashed #990000; text-decoration: none; font-weight: normal; outline: none;} a:hover {color: #F60; border-color: #F60} a img {border: none} p, h2,h3,h4,h5,h6, p.h3 {padding: 2px 0px 2px 0px} h1,h2,h3,h4,h5,h6, p.h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif} em {font-style: italic;} strong {font-weight: bold} .alignleft {float: left; clear: none; padding: 2px 5px 5px 0px} .alignright {float: right; clear: none; padding: 2px 0px 5px 5px} .aligncenter {text-align:center;} div#simulare-sus {position: absolute; /*top: 647px; top: 395px;*/ top: 300px; width: 100%; background:#F3F5F7; border-top:1px solid #dde1ea } div#simulare-jos {position: absolute; top: 0px; width: 100%; } /*--------------------------------------------------------------------------------------------------------------------------*/ /* HEADER /*--------------------------------------------------------------------------------------------------------------------------*/ div#header {margin: 30px auto 0 auto; width: 1000px; /*height: 494px;*/ height: 550px; background: url(images/bg-header.png) no-repeat left bottom; position:relative} /*div#header address {position: relative; float: left; clear: none; margin: 0px 0px 0px -35px; width: 365px; height: 101px; background: url(images/date-contact.png) no-repeat left top; text-indent: -1000px;} */ div#header address {position: absolute; float: left; clear: none; margin: 0px 0px 0px -35px; width: 343px; height: 94px; background: url(images/date-contact.jpg) no-repeat left top; text-indent: -1000px;} /*div#header address {position: absolute; float: left; clear: none; margin: 0px 0px 0px -35px; width: 343px; height: 94px; background: url(images/date-contact-xmas.png) no-repeat left top; text-indent: -1000px;}*/ * html div#header address {behavior: url(wp-content/themes/referencement/js/iepngfix.htc)} #utilitar {clear: none; width: 500px; height: 20px; padding: 11px 0px; color:#fff; font-size:14px; position:absolute; left:0px;} #utilitar img {vertical-align:middle;} #utilitar a img {padding:0; margin:0; text-decoration:none; float:none;} #utilitar a {padding:0; margin:0; text-decoration:none; color:#fff; border-color:#fff} #utilitar a:hover {padding:0; margin:0;text-decoration:none} /* #utilitar a img {vertical-align:middle; padding:0; margin:0; background:none; border:none;} #utilitar a {background-position: left top; background-repeat: no-repeat; color: #FFF!important; border-color:#fff} #utilitar li#m-u-free a {padding-left: 27px; background-image: url(images/meniu-utilitar-ico-free.gif)} #utilitar li#m-u-forum a {padding-left: 23px; background-image: url(images/meniu-utilitar-ico-forum.gif);} #utilitar li#m-u-help a {padding-left: 19px; background-image: url(images/meniu-utilitar-ico-help.gif);} #utilitar li a:hover {background-position: left -17px;} div#header div#h1 {position: relative; clear: both; top: -35px; margin: 0px auto -8px auto; width: 315px; height: 47px; overflow: hidden;} div#header div#h1 a {display: block; width: 315px; height: 47px; overflow: hidden; background: url(images/logo-referencement.gif) no-repeat left top; text-indent: -1000px} */ /*--------------------------------------------------------------------------------------------------------------------------*/ /* HEADER int /*--------------------------------------------------------------------------------------------------------------------------*/ div#header_interior {margin: 15px auto 20px auto; width: 1000px; position:relative; } div#header_interior address {position: absolute; float: left; clear: none; margin: 0px 0px 0px -35px; width: 343px; height: 94px; background: url(images/date-contact.jpg) no-repeat left top; text-indent: -1000px;} * html div#header_interior address {behavior: url(wp-content/themes/referencement/js/iepngfix.htc)} div#header_interior ul#utilitar {float: right; clear: none; width: auto; height: auto; padding: 11px 0px; display:none} div#header_interior ul#utilitar li {float: left; clear: none; width: auto;} div#header_interior ul#utilitar li a {margin: 0px 0px 0px 25px; background-position: left top; background-repeat: no-repeat; color: #FFF; border: none} div#header_interior ul#utilitar li#m-u-free a {padding-left: 27px; background-image: url(images/meniu-utilitar-ico-free.gif)} div#header_interior ul#utilitar li#m-u-forum a {padding-left: 23px; background-image: url(images/meniu-utilitar-ico-forum.gif);} div#header_interior ul#utilitar li#m-u-help a {padding-left: 19px; background-image: url(images/meniu-utilitar-ico-help.gif);} div#header_interior ul#utilitar li a:hover {background-position: left -17px;} /* div#header_interior div#h1 {position: relative; clear: both; top: -35px; margin: 0px auto -8px auto; width: 398px; height: 59px; overflow: hidden;} div#header_interior div#h1 a {display: block; width: 398px; height: 59px; overflow: hidden; background: url(images/logo.gif) no-repeat left top; text-indent: -1000px} */ #hright{float:left;width:290px; margin:0 0 0 35px; } #hright .h3{font-size:16px; font-weight:bold} #hright hr{border-top:1px solid #ccc; margin:10px 0} #hright .samuel{background:url(video/samuel-cocoviloi.png) no-repeat top left; padding-left:110px; height:100px} #hleft{width:320px; float:left; } #hmid{float:left; width:310px; text-align:center;} #hmid a.title{color:#e46f00!important; border-bottom:none!important; font-size:14px!important} #hmid a{border-bottom:none!important} #hmid .text{text-align:justify;} .demande-invitation{margin-top:5px; text-align:center} .demande-invitation a{border-bottom:none} #hmid .text img{border:1px solid #F96; padding:0!important; margin-right:5px} #hmid .demande-invitation a{border-bottom:none!important} div#h1 {margin: 0px auto 20px auto; float:right; text-align:center; width:340px } #player{border-bottom:none!important} /*#h1 a{border:2px solid #E7EBEF}*/ div.services_header{margin-bottom:5px; } div.services_header p{color:#32475c;} div.services_header .title,div#h1 div.portofolio_header .title{font-size:14px; font-weight:bold; line-height:normal; padding-bottom:0px; padding-top:0px } div.portofolio_header { } div.portofolio_header p a{ border:none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* MENIU /*--------------------------------------------------------------------------------------------------------------------------*/ .mainheader{position:relative} #meniuTop {margin:0 auto; width: 1000px; overflow: hidden; padding-top:0px;} #meniuTop .alignright{color:#fff; margin-top:5px; } #meniuTop .alignright .telefon{display:block; float:left; padding:3px 5px; background-color:#E46F00; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px} #meniuTop .alignright a.facebook{color:#fff; display:block; float:left; background:url(images/facebook.png) no-repeat; padding-left:20px; margin-top:5px; margin-left:10px; border-bottom:none;} #meniuTop li {float: left; clear: none; display: inline; margin: 0px 1px; } #meniuTop li a {float:left; padding:3px 5px; color:#fff; margin:8px 10px 0 10px; border:none} #meniuTop li:hover, body.page-id-601 ul#meniuTop li.page-item-601, body.page-id-109 ul#meniuTop li.page-item-109, body.page-id-97 ul#meniuTop li.page-item-97, body.page-id-3 ul#meniuTop li.page-item-3{/*background: url(images/bg-meniu-hover-stg.png) no-repeat left top*/} #meniuTop li a:hover, body.page-id-601 ul#meniuTop li.page-item-601 a, body.page-id-109 ul#meniuTop li.page-item-109 a, body.page-id-97 ul#meniuTop li.page-item-97 a, body.page-id-3 ul#meniuTop li.page-item-3 a {background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;/*background: url(images/bg-meniu-hover-dr.png) no-repeat right top; color: #fff;*/} /* body.home ul#meniuTop li#m-referencement{width: auto; border: none; color: #000; background: url(images/bg-meniu-hover-stg.png) no-repeat left top; } body.home ul#meniuTop li#m-referencement a{background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} */ body.home #meniuTop li#m-referencement a{background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #logonew{float:none; display:block; border:0; margin:0 0 20px 0; padding:0; height:47px; width:304px; top:87px; left:0px; z-index:50; text-indent:-3999px; background:url(images/logo-referencement.gif) no-repeat;} #facebook{float:none; display:block; position:absolute; border:0; margin:0; padding:0; height:auto; top:95px; right:90px; z-index:50} div#header ul#meniu {margin:0 auto; width: 690px; height: 47px; overflow: hidden; padding-top:10px;} div#header ul#meniu li {float: left; clear: none; display: inline; margin: 0px 1px; height: 47px} /*div#header ul#meniu li a {float: left; width: auto; height: 17px; padding: 15px 22px; border: none; color: #000}*/ div#header ul#meniu li a {float:left; padding:3px 5px; color:#000; margin:15px 10px 0 10px; border:none} div#header ul#meniu li:hover, body.page-id-601 div#header ul#meniu li.page-item-601, body.page-id-109 div#header ul#meniu li.page-item-109, body.page-id-97 div#header ul#meniu li.page-item-97, body.page-id-3 div#header ul#meniu li.page-item-3{/*background: url(images/bg-meniu-hover-stg.png) no-repeat left top*/} div#header ul#meniu li a:hover, body.page-id-601 div#header ul#meniu li.page-item-601 a, body.page-id-109 div#header ul#meniu li.page-item-109 a, body.page-id-97 div#header ul#meniu li.page-item-97 a, body.page-id-3 div#header ul#meniu li.page-item-3 a {background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;/*background: url(images/bg-meniu-hover-dr.png) no-repeat right top; color: #fff;*/} body.home div#header ul#meniu li#m-referencement{width: auto; border: none; color: #000; background: url(images/bg-meniu-hover-stg.png) no-repeat left top; } body.home div#header ul#meniu li#m-referencement a{background: url(images/bg-meniu-hover-dr.png) no-repeat right top; color: #fff; margin:0; padding:15px 22px; height:17px; border:none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* ARTICOLE FEATURED /*--------------------------------------------------------------------------------------------------------------------------*/ div#header div#articole-featured {height: 140px; overflow: hidden; padding: 20px 20px 0px 20px} div#header div#articole-featured div {margin: 0px 0px 15px 0px;} div#header div#articole-featured div img {float: left; clear: none; margin: -7px 0px; width: 146px; height: 151px} * html div#header div#articole-featured div img {behavior: url(wp-content/themes/referencement/js/iepngfix.htc);} div#header div#articole-featured div p.titlu-articol {margin: 0px 0px 17px 20px; width: 650px; height: 31px; line-height: 30px; overflow: hidden; padding: 8px 0px 4px 0px; font-family: 'TimelessRegular'; font-size: 27px} div#header div#articole-featured div p.titlu-articol a {padding-bottom: 4px; color: #fff; border-color: #647383} div#header div#articole-featured div p.titlu-articol a:hover {border-color: #fff} div#header div#articole-featured div p {margin-left: 20px; height: 50px; overflow: hidden; color: #fff} div#header div#articole-featured div.cu-thumb p.titlu-articol {margin-left: 0px; width: 510px;} /*problema ie8 - margin-top dublat la titlu*/ div#header div#articole-featured div.cu-thumb p.titlu-articol {margin-top /*\**/: -12px\9; } /*-----*/ div#header div#articole-featured div.cu-thumb p {margin-left: 0px;} div#header div#articole-featured ul {float: right; clear: none; margin: 0px 0px 0px 25px; width: 255px;} div#header div#articole-featured ul li {margin: 0px; height: 47px; overflow: hidden;} * html div#header div#articole-featured ul li {behavior: url(wp-content/themes/referencement/js/iepngfix.htc);} div#header div#articole-featured ul li:hover, div#header div#articole-featured ul li.hover {background: url(images/articole-featured-hover.png) no-repeat right top} div#header div#articole-featured ul li:hover p.titlu a, div#header div#articole-featured ul li.hover p.titlu a {color: #fff} div#header div#articole-featured ul li p {width: 255px; height: 18px; overflow: hidden;} div#header div#articole-featured ul li p.titlu {padding-bottom: 4px} div#header div#articole-featured ul li p.titlu a {padding-bottom: 4px; color: #D2D6DB; border-color: #8A94A0} div#header div#articole-featured ul li p.data {font-size: 10px; color: #98A1AB} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FRAGMENTE /*--------------------------------------------------------------------------------------------------------------------------*/ ul#meniu-fragmente {margin: 0px auto 0px auto; width: 1000px; height: 95px; padding: 0px 0px 0px 0px;} ul#meniu-fragmente li {float: left; clear: none; margin: 0px; width: 320px; height: 95px;} ul#meniu-fragmente li.hl p.titlu{background-color:#E46F00; color:#fff; margin-left:70px} ul#meniu-fragmente li.hl p.titlu a{color:#fff; text-decoration:none; border:none} ul#meniu-fragmente li p {color: #525252; line-height: 16px;} ul#meniu-fragmente li p.text1 {margin-left:75px} ul#meniu-fragmente li p.text2 {margin-left:100px} ul#meniu-fragmente li p.text3 {margin-left:60px} ul#meniu-fragmente li p.img {float: left; clear: none; display: inline; padding: 0px 20px 0px 0px; width: auto; height: 85px;} ul#meniu-fragmente li p.img a {border: none} ul#meniu-fragmente li p.titlu {margin: 0px 0px 5px 0px; padding-bottom: 3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px;} ul#meniu-fragmente li p.titlu a {padding-bottom: 3px; color: #105886; border-color: #CCDCE5} ul#meniu-fragmente li:hover p.img {opacity: 0.8; filter: alpha(opacity=80)} ul#meniu-fragmente li:hover p.titlu a {border-color: #105886} /*ul#meniu-fragmente li#m-f-formation {width: 320px!important; margin: 0px 40px 0px 40px;} ul#meniu-fragmente li#m-f-conseil,ul#meniu-fragmente li#m-f-forum{width:320px!important}*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTINUT /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut {margin: 0px auto; width: 1000px; height: auto; padding: 20px 0px 35px 0px; } div#container-continut div#continut {position: relative; top: 0; margin-bottom: 0; float: left; clear: none; margin-left:300px; min-height:1500px } /*.full{width:auto!important; background:none!important}*/ div#container-continut div#continut h1 {margin: 35px 0px 20px 0px; font-size: 18px; color: #383F4A; text-transform: uppercase; line-height: 25px} div#container-continut div#continut p {margin: 5px 0px 5px 0px;} div#container-continut div#continut div#zona-text-home {margin: 35px 0px 0px 0px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* ARTICOL /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#continut div.articol {position: relative; margin: 10px 0px 25px 0px; width: 700px; height: auto; padding: 0px 0px 25px 0; background:#ffffff; border:1px solid #e3e3e3; border-radius:8px; -moz-border-radius:8px; /*url(images/bg-articol-jos.gif) no-repeat left bottom*/} #container-continut #continut .articol h1{width:auto!important; padding-left:15px} div#container-continut div#continut div.articol h1.titlu, div#container-continut div#continut div.articol h2.titlu {margin: 0px; width: 600px; height: auto; padding: 15px 20px 7px 80px; font-size: 15px; color: #383F4A; /*background: url(images/bg-articol-sus.gif) no-repeat left top;*/ text-transform: uppercase; line-height: 32px;} div#container-continut div#continut div.articol h1.titlu{font-size:28px} div#container-continut div#continut div.articol h1.pagina, div#container-continut div#continut div.articol h2.pagina {width: 600px; padding: 15px 20px 7px 20px;} div#container-continut div#continut div.articol h1.titlu a, div#container-continut div#continut div.articol h2.titlu a {padding-bottom: 4px; border-color: #D7D9DB; color: #383F4A} div#container-continut div#continut div.articol h2.titlu a:hover, div#container-continut div#continut div.articol h1.titlu a:hover {border-color: #383F4A} div#container-continut div#continut div.articol p.data {position: absolute; left: 20px; top: 0px; margin: 0px; width: 38px; height: 39px; overflow: hidden; padding: 7px 3px; background: url(images/bg-articol-data.gif) no-repeat left top; text-align: center; color: #FFF; letter-spacing: -1px; font-size: 11px; line-height: 13px; text-transform: lowercase} div#container-continut div#continut div.articol p.categorie {margin: 0px 0px 20px 80px; padding: 0px; color: #ADBBC9; font-size: 11px} div#container-continut div#continut div.articol p.categorie a {border-color: #D7D9DB; color: #ADBBC9} div#container-continut div#continut div.articol p.categorie a:hover {border-color: #ADBBC9} div#container-continut div#continut div.articol p, div#container-continut div#continut div.articol div, div#container-continut div#continut div.articol ol, div#container-continut div#continut div.articol ul {padding: 3px 25px;} div#container-continut div#continut div.articol ol, div#container-continut div#continut div.articol ul {list-style: disc} div#container-continut div#continut div.articol ol li, div#container-continut div#continut div.articol ul li {margin: 0px 0px 0px 25px; list-style: disc; padding: 3px 5px; border-bottom: 1px dashed #D7D9DB} div#container-continut div#continut div.articol ol li p, div#container-continut div#continut div.articol ul li p {padding: 3px 0px} div#container-continut div#continut div.articol ol li p.f-left, div#container-continut div#continut div.articol ul li p.f-left {padding: 2px 15px 2px 0px} div#container-continut div#continut div.articol ol li h2, div#container-continut div#continut div.articol ul li h2, div#container-continut div#continut div.articol ol li h3, div#container-continut div#continut div.articol ul li h3, div#container-continut div#continut div.articol ol li h4, div#container-continut div#continut div.articol ul li h4 {margin: 10px 0px 10px 0px; padding: 3px 0px} div#container-continut div#continut div.articol h2, div#container-continut div#continut div.articol h3, div#container-continut div#continut div.articol h4,h2.home {margin: 10px 25px 5px 25px; font-size: 15px; color: #869AAE; text-transform: uppercase} div#container-continut div#continut div.articol h3 {font-size: 14px} div#container-continut div#continut div.articol h4 {font-size: 12px} h3.home{display:inline; font-weight:bold} div#container-continut div#continut div.articol p.comment {margin: 15px 0px 0px 0px; color: #ACBAC9; font-size: 11px} div#container-continut div#continut div.articol p.comment a {padding: 2px 0px 2px 30px; background: url(images/ico-comment.png) no-repeat left center; border: none; color: #ACBAC9} div#container-continut div#continut div.articol p.comment a:hover {color: #E46F00} div#container-continut div#continut div.articol hr {background: #F4F4F5; border: none; height: 1px} /* formular */ div#container-continut div#continut div.articol form {margin: 10px 25px; width: 437px;} div#container-continut div#continut div.articol form fieldset {padding: 5px 0px;} div#container-continut div#continut div.articol form fieldset label {float: left; clear: none; width: 115px; padding: 3px 10px 3px 0px; font-style: italic; text-align: right} div#container-continut div#continut div.articol form fieldset label.big {float: left; clear: none; width: 325px; padding: 3px 10px 3px 0px; font-style: italic; text-align: right} div#container-continut div#continut div.articol form fieldset input.radio {float: left; clear: none; width:60px; padding: 3px 10px; background: #F3F5F7; border: 1px inset #DDE2E9} div#container-continut div#continut div.articol form fieldset input, div#container-continut div#continut div.articol form fieldset textarea {float: left; clear: none; width: 280px; padding: 3px 10px; background: #F3F5F7; border: 1px inset #DDE2E9} div#container-continut div#continut div.articol textarea {float: left; clear: none; width: 280px; padding: 3px 10px; background: #F3F5F7; border: 1px inset #DDE2E9} div#container-continut div#continut div.articol form fieldset select {float: left; clear: none; width: 280px; padding: 3px 10px; background: #F3F5F7; border: 1px inset #DDE2E9} div#container-continut div#continut div.articol form fieldset.submit {text-align: right} div#container-continut div#continut div.articol form fieldset.submit input {float: none; margin: 0px 0px 0px auto; width: 95px; height: 32px; padding: 0px; text-align: left; text-indent: -1000px; border: none; background: url(images/buton-envoyer.gif) no-repeat left top; cursor: pointer} div#container-continut div#continut div.articol form fieldset.submit input:hover {background-position: left bottom} div#container-continut div#continut div.articol p.mesaj {margin: 10px 25px; padding: 15px; border-radius:5px; font-weight:bold; text-shadow:1px 1px 1px #444; color: #FFF; box-shadow:3px 3px 3px rgba(50,50,50,0.5) background: #FF9900; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E46F00', endColorstr='#FF9900'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#E46F00), to(#FF9900)); /* for webkit browsers */ background: -moz-linear-gradient(top, #E46F00, #FF9900); /* for firefox 3.6+ */ } /* ANNUAIRE */ div#container-continut div#continut div.articol ul#categorii-annuaire {margin-bottom: 10px; text-align: center} div#container-continut div#continut div.articol ul#categorii-annuaire li {display: inline; margin: 0px 2px; padding: 2px 0px; border: none; list-style: none; font-size: 11px} div#container-continut div#continut div.articol ul#categorii-annuaire li a {padding: 2px 3px; background: #E46F00; color: #fff; border: none} div#container-continut div#continut div.articol ul#categorii-annuaire li a:hover {background: #FF9900} /*--------------------------------------------------------------------------------------------------------------------------*/ /* ARTICOL CLASE GENERALE /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#continut div.articol img.thumb {position: relative; margin: -10px 0px} div#container-continut div#continut div.articol .alignleft {float: left; clear: none; padding: 2px 2px 2px 2px} div#container-continut div#continut div.articol .alignright {float: right; clear: none; padding: 2px 25px 2px 2px} div#container-continut div#continut div.articol .aligncenter, div#container-continut div#continut div.articol div.center {display: block; margin: 0px auto; text-align: center} div#container-continut div#continut div.articol p.f-left {float: left; clear: none; padding: 2px 15px 2px 25px} div#container-continut div#continut div.articol ul.inline, div#container-continut div#continut div.articol ol.inline {text-align: center} div#container-continut div#continut div.articol ul.inline li, div#container-continut div#continut div.articol ol.inline li {display: inline; margin: 0px 3px; border: none} div#container-continut div#continut div.articol ul.no-bullet, div#container-continut div#continut div.articol ol.no-bullet {list-style: none} div#container-continut div#continut div.articol ul.no-bullet li, div#container-continut div#continut div.articol ol.no-bullet li {list-style: none; margin: 0px} div#container-continut div#continut div.articol p a.img {border: none} div#container-continut div#continut div.articol p a img {/*border: 3px solid #EAEBEC*/} div#container-continut div#continut div.articol p a:hover img {/*border-color: #D7D9DB*/} div#container-continut div#continut div.articol p.code {background: #F4F4F5; border: 1px solid #EAEBEC; padding: 10px; margin: 5px 25px; color: #ACB7C4; font-size: 11px} div#container-continut div#continut div.articol p code {font-style: italic; color: #ACB7C4; font-size: 11px} div#container-continut div#continut div.articol p.sign {margin: 5px 0px; font-style: italic; color: #ACB7C4; text-align: right} /*-----*/ /*-----*/ div#container-continut div#continut div.mesaj {position: relative; margin: 35px 0px 0px 0px; width: 501px; height: auto; padding: 0px 0px 15px 0px; background: url(images/bg-articol-jos.gif) no-repeat left bottom} div#container-continut div#continut div.mesaj h2 {width: 461px; height: auto; padding: 15px 20px 7px 20px; font-size: 15px; color: #F60; background: url(images/bg-articol-sus.gif) no-repeat left top;} div#container-continut div#continut div.mesaj p {padding: 0px 20px} .trei{float:left; background-color:#fff; border:1px solid #e3e3e3; border-radius:10px; -moz-border-radius:10px; padding:10px;margin-right:10px; margin-bottom:10px} .trei h2{color:#e57a10; font-weight:bold; text-decoration:underline; font-size:12px;} .lasttrei{margin-right:0px} .servicefooter{margin:10px; clear:both} .servicecontact{background-color:#e36f00; border:2px solid #ffff; border-radius:10px; padding:10px; color:#fff; font-size:14px; text-align:center; background:url(images/servicecontact.gif) repeat-x} .servicecontact strong,.servicecontact span{ margin:0 0 0 50px} .servicecontact span.email{background:url(images/iconemail.png) no-repeat; padding-left:20px} .servicecontact span.tel{background:url(images/icontel.png) no-repeat; padding-left:20px} .servicecontact span.formular{background:url(images/iconform.png) no-repeat; padding-left:20px} p.hl{background-color:#32485d; color:#fff; padding:5px; position:relative;} .hlguy{ padding-right:65px!important} p.hl .refguy{position: absolute; top:-20px; right:5px} .contactlink{border-bottom:0px; color:#E57A10; padding:0; font-size:12px; font-weight:bold} .servicesgoogle img{border:3px solid #E57A10} .arrow{background:url(images/bluearrow.png) no-repeat center left; padding-left:20px; font-size:14px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FORMULAR SEARCH /*--------------------------------------------------------------------------------------------------------------------------*/ form#f-search {margin: 2px 0px 8px auto; } #f-search .submit input{border:1px outset #4f4f4f; background-color:#4f4f4f; color:#fff; cursor:pointer} form#f-search fieldset.input input, form#f-search fieldset.input input {width: 262px; height: 17px; padding: 4px 5px 3px 5px; color: #fff; text-align: right; background:#A2AEBB; border:1px solid #5D6A7A; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px} form#f-search fieldset.submit, form#f-search fieldset.submit {margin: 3px 0px 0px auto; text-align: right; background: none; border: none;font-size: 11px} /*-----*/ /*completare ona*/ div.h-sidebar {margin: 0px 0px 7px auto; overflow: hidden; background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align: center; padding:5px 10px 5px 10px; font-size:16px; display:block; } /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLOANA UTILITARA DR /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-utilitara {float: left; clear: none; width: 272px; margin-right:25px; position:absolute; } /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLOANA UTILITARA DR - formular /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-utilitara div#h-contact {position: relative; margin: 0px 0px 0px -7px; width: 174px; height: 33px; padding: 13px 50px 10px 55px; background: url(images/coloana-utilitara-bg-formular-contact-sus.png) no-repeat left top; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px} /*div#container-continut div#coloana-utilitara form {position: relative; margin: 0px 0px 0px -7px; width: 234px; height: auto; padding: 0px 20px 10px 25px; background: url(images/coloana-utilitara-bg-formular-contact-jos.png) no-repeat left bottom; } div#container-continut div#coloana-utilitara form fieldset {width: 217px; height: 38px; overflow: hidden; padding: 3px 10px 10px 10px; background: url(images/coloana-utilitara-bg-fieldset-formular-contact.gif) no-repeat left top;} div#container-continut div#coloana-utilitara form fieldset.textarea {width: 217px; height: 70px; overflow: hidden; padding: 3px 10px 10px 10px; background: url(images/coloana-utilitara-bg-fieldset-formular-contact.gif) no-repeat left bottom; margin-bottom:4px;} div#container-continut div#coloana-utilitara form fieldset label {float: left; clear: none; color: #AAB3BE} div#container-continut div#coloana-utilitara form fieldset input {float: right; clear: none; text-align: left; color: #C2C9D1; border:inset 1px #aaa; margin:-1px -5px 0 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px} div#container-continut div#coloana-utilitara form fieldset textarea {float: right; text-align: left; color: #C2C9D1; border:inset 1px #aaa; margin:-1px -5px 0 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:155px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-nom {width: 170px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-tel {width: 150px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-heure {width: 25px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-url {width: 170px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-email {width: 170px} div#container-continut div#coloana-utilitara form fieldset input#f-i-rappeller-message {width: 175px} div#container-continut div#coloana-utilitara form fieldset.submit {width: 234px; padding: 0px; background: none} div#container-continut div#coloana-utilitara form fieldset.submit input {margin: 0px 0px 0px auto; width: 95px; height: 32px; padding: 0px; text-align: left; text-indent: -1000px; cursor: pointer; background: url(images/coloana-utilitara-buton-envoyer.gif) no-repeat left top} div#container-continut div#coloana-utilitara form fieldset.submit input:hover {background-position: left bottom}*/ /*completare ona*/ div#container-continut div#coloana-utilitara div#h-posts {margin: 7px 0px 7px auto; overflow: hidden; background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align: center; padding:5px 10px 5px 10px; font-size:16px;} div#container-continut div#coloana-utilitara ul {margin: 0px 0px 15px auto; height: auto; text-align:right;} div#container-continut div#coloana-utilitara ul li { background: url(images/coloana-meniuri-linie.png) no-repeat right bottom;} div#container-continut div#coloana-utilitara ul li a {display: block; margin: 0px; padding: 2px 0px; color: #45556B; border: none;} div#container-continut div#coloana-utilitara ul li a:hover {background: url(images/coloana-meniuri-hover.png) no-repeat right top} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLOANA UTILITARA DR - illustrations /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-utilitara div#referencement-illustrations {margin: 25px 0px} div#container-continut div#coloana-utilitara div#referencement-illustrations:hover p.img {opacity: 0.8; filter: alpha(opacity=80)} div#container-continut div#coloana-utilitara div#referencement-illustrations p.img {float: left; clear: none} div#container-continut div#coloana-utilitara div#referencement-illustrations p.img a {border: none} div#container-continut div#coloana-utilitara div#referencement-illustrations h3, div#container-continut div#coloana-utilitara div#referencement-illustrations p.h3 {font-size: 15px; color: #383F4A; line-height: 24px} div#container-continut div#coloana-utilitara div#referencement-illustrations h3 a, div#container-continut div#coloana-utilitara div#referencement-illustrations p.h3 a {padding-bottom: 3px; color: #383F4A; border-color: #B7CEDB} div#container-continut div#coloana-utilitara div#referencement-illustrations h3 a:hover, div#container-continut div#coloana-utilitara div#referencement-illustrations p.h3 a:hover {border-color: #383F4A} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLOANA UTILITARA DR - annuaire /*--------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#coloana-utilitara div#annuaire {position: relative; margin: 25px 0px 0px -25px; width: 257px; height: 80px; padding: 7px 10px 40px 30px; background: url(images/bg-annuaire.jpg) no-repeat left top} div#container-continut div#coloana-utilitara div#annuaire h3, div#container-continut div#coloana-utilitara div#annuaire p.h3 {margin: 0px auto 7px auto; color: #fff; font-size: 15px; text-align: center;} div#container-continut div#coloana-utilitara div#annuaire h3 a, div#container-continut div#coloana-utilitara div#annuaire p.h3 a {color: #fff; border-color: #7F8991} div#container-continut div#coloana-utilitara div#annuaire h3 a:hover, div#container-continut div#coloana-utilitara div#annuaire p.h3 a:hover {border-color: #fff} div#container-continut div#coloana-utilitara div#annuaire p {margin: 0px 0px 0px 100px; font-size: 11px; color: #A8AFB5; line-height: 15px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FOOTER /*--------------------------------------------------------------------------------------------------------------------------*/ div#footer {width: 100%; padding: 25px 0px 30px 0px; background: #5C6A7A; border-top:1px solid #333} div#footer div {margin: 0px auto; width: 1000px;} div#footer div ul {margin: 0px 0px 0px auto; text-align: right} div#footer div ul li {display: inline; margin: 0px 0px 0px 10px} div#footer div ul li a {color: #fff; border: none} div#footer div ul li a:hover {border-bottom: 1px dashed #fff} div#footer div ul.secundar {margin: 7px 0px 0px auto; letter-spacing: -0.5px} div#footer div ul.secundar li a {color: #A9B0B9} div#footer div ul.secundar li a:hover {border-color: #A9B0B9} div#footer div p {float: right; clear: none; margin: 15px 0px 0px 0px; height: 25px; padding: 0px 0px 0px 10px; line-height: 25px; background:#546171; color: #D6D9DD} div#footer div p a{color:#fff; border-bottom:1px dashed #fff} div#footer div p strong {padding: 5px 10px 5px 0px; background: url(images/bg-copyright-dr.gif) no-repeat right 0px; color: #D6D9DD} ul.navigation {margin: 25px 0px 0px 0px} ul.navigation li a {font-weight: bold; color: #105886} ul.navigation li.l {float: left; clear: none} ul.navigation li.r {float: right; clear: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COMENTARII /*--------------------------------------------------------------------------------------------------------------------------*/ p.titlu-comentarii {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; padding: 25px 0px 10px 0px;} form#formular-comentarii {margin: 15px 0px; width: 100%;} form#formular-comentarii fieldset {padding: 5px 0px; text-align: right} form#formular-comentarii fieldset label {display: block; margin: 3px 0px 2px 0px; font-style: italic; color: #A1AAB3; text-align: left} form#formular-comentarii fieldset input {width: 481px; height: 17px; padding: 2px 10px; background: #DCDFE3; border: 1px solid #fff} form#formular-comentarii fieldset input#submit {margin: 15px 0px 15px auto; width: 125px; height: 25px; background: #E46F00; border: 1px solid #fff; color: #fff} form#formular-comentarii fieldset textarea {width: 481px; height: 95px; padding: 2px 10px; background: #DCDFE3; border: 1px solid #fff} ol#lista-comentarii {margin: 25px 0px;} ol#lista-comentarii li {padding: 10px 7px; border-bottom: 1px dashed #B7CEDB} ol#lista-comentarii li:hover {background: #fff} /*--------------------------------------------------------------------------------------------------------------------------*/ /* ONA /*--------------------------------------------------------------------------------------------------------------------------*/ .clear{clear:both;} #sidebar{/*width:490px;*/ width:162px; float:right; /*min-height:1310px;*/} div#simulare-sus_interior {position: absolute; top: 150px;/* top: 559px;*/ width: 100%; background:#F3F5F7; border-top:1px solid #dde1ea; /*url(images/bg_simulare-sus.gif) repeat-x left top*/ } /* ANNUAIRE */ div#container-continut div#continut div.articol ul#jsddm {margin:0 0 10px 10px; padding:0;} div#container-continut div#continut div.articol ul#jsddm li {float:left; margin: 0px 2px; padding: 2px 0px; border: none; list-style: none; font-size: 11px} div#container-continut div#continut div.articol ul#jsddm li a {padding: 2px 3px; background: #E46F00; color: #fff; border: none} div#container-continut div#continut div.articol ul#jsddm li a:hover {background: #FF9900} div#container-continut div#continut div.articol ul#jsddm li ul {position: absolute; visibility: hidden; list-style:none; z-index:50; margin:0; padding:0;} div#container-continut div#continut div.articol ul#jsddm li ul li{display: block; margin:0; padding:0; float:none;} div#container-continut div#continut div.articol ul#jsddm li ul li a{width: auto; margin:0; padding:3px 15px 3px 15px; background: #E46F00; color: #fff;} div#container-continut div#continut div.articol ul#jsddm li ul li a{background: #FF9900} /*end menu oana*/ .thumbsweb{ float:left; padding:10px 10px 0 0!important; position:relative; width:200px} *html .thumbsweb{ padding-right:5px;} .thumbsweb ul{ list-style-type:none; padding:0px!important; margin:0px!important;} div#container-continut div#continut div.articol .thumbsweb ul li{list-style:none!important; padding:0!important; margin:0!important;} .thumbsweb ul li.webtitle{ font-size:11px; color:#367199; line-height:12px; padding-bottom:2px; font-weight:bold; height:23px; list-style: none;} .thumbsweb ul li.categ{ padding-bottom:4px; list-style: none;} .thumbsweb ul li.categ a{ font-size:11px; color:#fff; background:#ccc; padding-left:2px; padding-right:2px; text-decoration:none; } .thumbsweb ul li.catega:hover{ background:#666;} .thumbsweb ul li.url{ overflow:hidden; list-style: none; display:block; width:auto} *html .thumbsweb ul li.url{ display:none; list-style: none;} .thumbsweb ul li.url a{ font-size:11px; color:#999; text-decoration:none;} .thumbsweb ul li.url a:hover{ color:#FF6600;} .thumbsweb img{ border:1px solid #ddd;} .thumbsweb .details{position:absolute; z-index:=1; display:none; background-color:#fff; padding:10px; font-size:12px; line-height:18px; z-index:150; width:300px; border:2px solid #ddd; /*border-bottom:4px solid #999;*/ -webkit-border-radius:4px; -moz-border-radius:4px; color:#666;} .thumbsweb a,.thumbsweb li{border:none!important} /*--------------------------------------------------------------------------------------------------------------------------*/ /* MENIU int /*--------------------------------------------------------------------------------------------------------------------------*/ div#header_interior ul#meniu {margin: 5px auto 0 auto; width: 690px; height: 47px; overflow: hidden; } div#header_interior ul#meniu li {float: left; clear: none; display: inline; margin: 0px 1px; height: 47px} /*div#header ul#meniu li a {float: left; width: auto; height: 17px; padding: 15px 22px; border: none; color: #000}*/ div#header_interior ul#meniu li a {float:left; padding:3px 5px; color:#000; margin:15px 10px 0 10px; border:none} div#header_interior ul#meniu li:hover, body.page-id-601 div#header_interior ul#meniu li.page-item-601, body.page-id-109 div#header_interior ul#meniu li.page-item-109, body.page-id-97 div#header_interior ul#meniu li.page-item-97, body.page-id-3 div#header_interior ul#meniu li.page-item-3{/*background: url(images/bg-meniu-hover-stg.png) no-repeat left top*/} div#header_interior ul#meniu li a:hover, body.page-id-601 div#header_interior ul#meniu li.page-item-601 a, body.page-id-109 div#header_interior ul#meniu li.page-item-109 a, body.page-id-97 div#header_interior ul#meniu li.page-item-97 a, body.page-id-3 div#header_interior ul#meniu li.page-item-3 a {background:#e46f00; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;/*background: url(images/bg-meniu-hover-dr.png) no-repeat right top; color: #fff;*/} body.home div#header_interior ul#meniu li#m-referencement{width: auto; border: none; color: #000; background: url(images/bg-meniu-hover-stg.png) no-repeat left top; } body.home div#header_interior ul#meniu li#m-referencement a{background: url(images/bg-meniu-hover-dr.png) no-repeat right top; color: #fff; margin:0; padding:15px 22px; height:17px; border:none} #event{width:1000px; margin:36px auto 0 auto; z-index:200; position:absolute} #event .eleft{margin-left:105px; float:left} #event .eright{margin-left:700px; margin-top:-10px; display:block} .oe{display:block; text-align:center} .oeimg{text-align:center; display:block} small{font-size:11px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* portfolio /*----------------------------------------------------------------------------------------------------------------------------*/ div#container-continut div#continut div.articol div.portopage p, div#container-continut div#continut div.articol div.portopage div, div#container-continut div#continut div.articol div.portopage h2, div#container-continut div#continut div.articol div.portopage img { margin:0; padding:0;} div#container-continut div#continut div.articol div.portopage div.post_portfolio{ margin-top:5px; padding:20px; } div#container-continut div#continut div.articol div.portopage div.post_portfolio h2{ font-size:27px; color:#51534a; letter-spacing:-1px; line-height:26px;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .cell{ width:686px; padding:12px; background:#fff; border:1px solid #e0ded6;} div#container-continut div#continut div.articol div.portopage div.post_portfolio img{ float:left; margin-right:12px;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .txt{ float:right; width:389px; color:#7c7c7c;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .title{ font-size:18px; color:#fff; letter-spacing:-1px; padding:3px; background:#9ebd2e; display:block; padding-left:8px;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .motsinfo{ font-size:12px; margin-top:7px;} div#container-continut div#continut div.articol div.portopage div.post_portfolio .mots{ border-bottom:1px dashed #bbb; font-size:11px; height:14px; padding-top:4px;} .mots .position{ float:right;} .mots .cle{ float:left; font-weight:bold;} .url { padding-top:9px;} .url a{ float:right; font-weight:bold; text-decoration:none; font-size:11px;} #xmas{position:absolute; background:url(images/xmas-header.png) no-repeat; width:1121px; height:202px; top:177px; left:-91px } #voirprof {float:left; width:30px; border:none; margin-top:85px; position:absolute; z-index:100; right:-30px} #voirprof a.rollover { display:block; width:26px; height:94px; background:url(images/voir-le-profil.PNG) left top no-repeat; border:none;} #voirprof a.rollover:hover {background-image:none; border:none; } #voirover{display:none; background-color:#E67A13; z-index:100; color:#fff} #voirprof a.rollover:hover #voirover{display:block; background-image:none; padding:10px; width:100px} #phone { /*background: url("images/phone.png") no-repeat scroll 0 0 transparent;*/ clear: both; color: #d38600; font-size: 14px; height: 28px; margin:0 auto; padding-left: 35px; padding-top: 2px; vertical-align: middle; width: 200px; line-height:28px; } .banners{text-align:center;} .banners a{text-decoration:none; border:none;} .banners a:hover{text-decoration:none; border:none;} .banners a img{text-decoration:none; border:none;} #code { background:#5c6a7a; border:1px solid #4a5562; margin-bottom:10px;} #code .padd{ padding:10px;} #code textarea { /*color: #C2C9D1;*/color: #5c6a7a; border:inset 1px #aaa; margin:-1px -5px 0 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; background:#e8e6e3} #code h3 {font-size: 15px; color: #ffffff; text-transform:uppercase;} #code a {color:#FFFFFF; background:#e46f00; text-decoration:none; padding:4px 10px 4px 10px; border:none;} #code a:hover{background:#ff9900; text-decoration:none; border:none;} .facebook_header{text-align:center; } .facebook_header img{padding-top:18px; border:none; !important} .facebook_header a img{text-decoration:none; border:none; !important} .facebook_header a{margin:0; border:none} .header_invite{width: 100%; background:#fff2e6; border:1px solid #e4bf9c; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .header_invite .inviteimg{border:1px solid #aaa; margin-top:8px; margin-right:8px; padding:0} .header_invite p{padding:15px 10px 0 0;} .header_invite .title_invite{color:#e67a13; font-weight:bold;} .fbleft{text-align:center; margin-top:15px;} .fbleft a{border:none; text-decoration:none;} .fbleft a:hover{border:none; text-decoration:none;} .invitationPage{ text-align:left;} .invitationPage .leftInvit{float:left; width:125px;} .invitationPage .rightInvit{float:right; width:420px; } .invitationPage img{padding:0; margin:0; float:none;} .invitationPage p{padding:0; margin:0;} .titleInvitation{ background:#5d6a7a; color:#FFFFFF; padding:5px 0 5px 10px;} .rightInvit tr{} .rightInvit td.hour{width:50px; vertical-align:top} div#container-continut div#continut #questionaire{background:#073779; color:#fff} div#container-continut div#continut #questionaire h1,div#container-continut div#continut #questionaire h2{color:#ffba00; font-weight:bold; width:auto; padding:0} #questionaireref label{color:#fff} div#container-continut div#continut #questionaire p, div#container-continut div#continut #questionaire li{color:#fff} #qtable{font-size:14px; color:#444} #qtable thead tr th{background:#a8b9d0} #qtable thead tr th, #qtable tbody tr td{padding:10px 15px} #qtable tbody tr.impar td{background:#e7ebf2} #qtable tbody tr.par td{background:#f6f8fa} #qtable tbody tr td.radio{text-align:center; position:relative} #qtable td.no{color:#ffba00} div#container-continut div#continut div.articol form fieldset label.error{background-color:#c00; color:#fff; width:auto; display:inline; margin-left:5px} div#container-continut div#continut div.articol form #qtable label.error{position:absolute; right:-170px;background-color:#c00; color:#fff; width:auto; z-index:600} .hide { display: none; } .show { display: block; } .row{margin-bottom:20px} .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .split2 > li{width:50%; float:left} .cntSeparator { font-size: 54px; margin: 25px 0px 0px 0px; color: #000; } .counterdesc { margin: 7px 3px; } .counterdesc li { font-family: Arial; width: 125px; margin-right: 0; font-size: 13px; font-weight: bold; color: #888888; display:block; float:left; text-align:center; } .counterdesc li:first-child{width:100px} .color{color:#d87114} .landing{background:#fff; border-radius:5px; padding:20px 15px; border:1px solid #e3e3e3; color:#000} .landing h3{font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:20px} .landing h2{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:23px; margin-botom:10px} .landing h2 span{color:#d87114} .landing h2 em{font-style:normal; position:relative} .landing h2 em:after{ position:absolute; content:url(images/strike.png); top:-3px; left:0; } .landing #counter{ margin:20px 0 5px 0px; } .landing p{color:#888} .noborder{border:none!important} .landing .avion{text-align:left; padding-left:125px; background:url(images/avion.png) no-repeat; margin-bottom:20px; height:73px}