/* Theme Name: TEMA EMBALLAGE Theme URI: http://www.temaemballage.com Author: Cyrille Lecointe Web Print Designs Author URI: http://www.web-print-designs.com/ Description: Thème responsive TEMA EMBALLAGE. */ html {margin: 0; padding: 0;} body {margin:0;padding:0;color:#333;font-size:13px;font-family:"Lato", "Helvetica Neue", Arial, sans-serif;} .grid{ padding:10px 0 !important} .glow {background-image:url(images/glow.png);background-position:50% 1px; background-repeat:no-repeat;} .spanhilight {padding:3px 5px!important; margin: 3px 5px 2px 0!important; border:1px solid #009fe3;background-color:#fff!important;color:#666!important;font-size:12px;font-weight:bold;display:inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; text-transform:uppercase} img {border:0;margin:0;max-width:100%;} a, a:link {color:#666;text-decoration:none;font-weight:bold;outline:none;} a:hover {color:#031633; font-weight:normal; text-decoration:none;} h1 { margin: 10px 0;font-family: "Lato", "Helvetica Neue", Arial, sans-serif;color:#031633; font-size:24px;text-align:left;font-weight:300 !important;} h2 { margin: 0 0; font-family: "Lato", "Helvetica Neue", Arial, sans-serif;color:#031633; font-size:22px; text-align:left; font-style:normal !important;font-weight:normal !important;} h3 { margin: 2px 0 10px 0;padding: 0 0 0 20px;font-family: "Lato", "Helvetica Neue", Arial, sans-serif;color:#031633; font-size:20px;text-align:left;font-weight:300;background-image: url(images/h3.png); background-repeat: no-repeat; background-position:0 3px;} h4 { margin: 10px 0;padding:0 0 0 45px;font-family: "Lato", "Helvetica Neue", Arial, sans-serif;color:#031633;font-size:24px;text-align:left;font-weight:300 !important;line-height:40px;background-image: url(images/h1.png); background-repeat: no-repeat; background-position:0 0;text-shadow: 0px 0px 2px rgba(255,255,255,0.6);} h5 { margin: 5px 0;font-family: "Lato", "Helvetica Neue", Arial, sans-serif;color:#031633;font-size:16px; text-align:left; font-weight:300; } h6 { margin: 5px 0;font-family: "Lato", "Helvetica Neue", Arial, sans-serif;color:#031633;font-size:14px;text-align:left; font-weight:300; } pre {display:block;float:left;width:100%;height:26px;position:relative;clear:both;margin: 0 !important;padding:0 !important;font-size:5px;background: url(images/bg-break.png) repeat-x;} .spanblue {color:#02a8e3 !important; font-weight:500 !important} blockquote{margin:1em auto ;padding:.5em 1em .5em 0;quotes:"\201C""\201D";font-size: 22px;font-style:italic;font-weight:300;color: #009fe3; display:inline-block} blockquote:before{color: #009fe3;content:open-quote;font-size:3em;line-height:.1em;margin-right:.1em;vertical-align:-0.2em;font-family:"Times New Roman", serif;text-shadow: 0 1px 1px #909090;} blockquote:after{color: #009fe3;content:close-quote;font-size:3em;line-height:.1em;margin-left:0;vertical-align:-0.5em;font-family:"Times New Roman", serif;text-shadow: 0 1px 1px #909090;} blockquote :first-child{display:inline;} blockquote :last-child{margin-bottom:0;} .viewmore {display:block;width:100%;float:left; position:relative;padding:3px 0 3px 28px !important; margin:5px 0 6px 0;color:#000000;font-family:"Lato", "Helvetica Neue", Arial, sans-serif;font-weight: normal !important; font-style: normal !important;font-size: 16px;text-align:left;text-transform:uppercase; background-color:transparent; background-image: url(images/bg-mylink.png); background-repeat: no-repeat; background-position: 0 0;transition: all 0.4s;-moz-transition:all 0.4s;-webkit-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition:all 0.4s;} .viewmore:hover {background-position: 0 -24px;color:#cb0000 !important;} .viewmore a {color:#000 !important; font-weight: normal !important;transition: all 0.4s;-moz-transition:all 0.4s;-webkit-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition:all 0.4s;} .viewmore a:hover {color:#cb0000 !important;font-weight: normal !important;} .clear {clear:both;} img.centered {display: block; width:100%; height:auto;max-width: 100% !important;margin:5px auto;} img.alignnone {display: inline;max-width: 100% !important;margin:5px auto;} img.alignright {display: inline;margin: 5px 0 5px 5px;} img.alignleft {display: inline;margin: 5px 5px 5px 0;} .aligncenter {display: block;width:100%; height:auto;margin:5px auto} .alignright {float: right;margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 5px 0;} .wp-caption {text-align: center; background:#CECECE;padding: 4px 0 5px 0px;margin: 5px 5px;} .wp-caption img {margin: 0 0 5px 0;padding: 0;border: 0;} .wp-caption p.wp-caption-text {margin: 0;padding: 0;font-size: 11px; font-weight: normal; line-height: 12px;} /* HEADER */ .logo { animation: animationFrames-inlogo ease 1s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: animationFrames-inlogo ease 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: animationFrames-inlogo ease 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: animationFrames-inlogo ease 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: animationFrames-inlogo ease 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/ margin: 0; } .slot-logo:hover { animation: animationFrames-tada linear 1s; animation-iteration-count: 1; -webkit-animation: animationFrames-tada linear 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames-tada linear 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: animationFrames-tada linear 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: animationFrames-tada linear 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .container-bandeau-header {} .bandeau-header {position:relative;width:100%; min-height:15px; background-color:#9ef93c; } .txt-bandeau-header {font-size:13px; text-align:left; display:block; float:left;color:#fff; font-weight:300} .header {width:100%; display:block;margin:0;padding:0;position:relative;background-color:#031633;-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;z-index:999;} .slider-container {background-color:#031633;margin:0;padding:0;background-image: url(images/shadow-header.png); background-position: top center; background-repeat:no-repeat;background-size:100% 30px;} .slider {display:block;margin:0 auto;} .txt-intro {background-color: #bdb2a8; padding-bottom:10px; color:#000; font-weight:300; font-size:15px; text-align:justify;background-image: url(images/shadow-header.png); background-position: top center; background-repeat:no-repeat;background-size:100% 20px; } .txt-intro h2 {color:#000 !important;font-size:22px; font-weight:400 !important; letter-spacing:2px;} .shadow-txt-header {width:100%; height:30px;display:block;margin:0;padding:0;background-image: url(images/shadow-header.png); background-position: top center; background-repeat:no-repeat;background-size:100% 30px;} /* SLIDER */ .slider-index {} .txt-slider {width:360px;padding:0 0 0 35px;float:left;color:#009fe3;font-size:18px;font-weight:300;line-height:18px;text-align:left; letter-spacing:1px;background-image: url(images/txt-slider.png); background-repeat: no-repeat;background-position:top left;} .txt-slider a:hover {color:#fff;} a.rsLink {left:0;bottom:0;position:absolute;width:100%;height:100%;display:block; z-index: 20; background: none;-webkit-backface-visibility: hidden;outline: none;padding: 0;margin: 0;text-indent: 0;white-space: nowrap;overflow: hidden;} .shadow-top {display:block;height:15px;width:100%;margin:-15px 0 0 0;background-image: url(images/shadow-top.png); background-repeat: no-repeat; background-position:top center; background-size:100% 15px;} .shadow-bottom {display:block;height:15px;width:100%;margin:0;background-image: url(images/shadow-bottom.png); background-repeat: no-repeat; background-position:top center; background-size:100% 15px;} /* SOCIAL TOP */ .blocsocial {float:right;margin:0; width:54px;padding:0;} .facebook a {width:22px; height:22px;display:block;float:left; margin:10px 0 0 0; background-image: url(images/icone-facebook.png); background-repeat:no-repeat; background-position: top left; transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;} .facebook a:hover {margin:5px 0 0 0;} .twitter a {width:22px; height:22px;display:block;float:right; margin:10px 0 0 10px; background-image: url(images/icone-twitter.png); background-repeat:no-repeat; background-position: top left; transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;} .twitter a:hover {margin:5px 0 0 10px;} /* SEARCH */ #search {width:100%;padding:0 ;margin:0;display:block;position:relative; background:transparent} #searchbar{ width:100%; display:block;font-size:12px; color:#000;} #search form { margin: 0; padding: 0;} #search fieldset { margin: 0; padding: 0; border: none;} #search p {margin: 0;} #s {display:block;float:left;border:none;margin:10px 0 0 0;font-size:13px;color:#444;background-image: url(images/search.png);background-position: 0 0; background-repeat:no-repeat;background-color:#f2f2f2 !important;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;} /* MENU */ .slot-menu {border-right:1px dotted rgba(0,0,0,0.1)} #catmenucontainer{display:block;padding:0; margin: 0;font-family: "Lato", "Helvetica Neue", Arial, sans-serif;font-size: 16px;font-weight:300;text-transform:uppercase;clear:left; } #catmenu li a, #catmenu li a:link, #catmenu li a:visited {color:#f6f6f6; font-family: 'Lato', sans-serif;font-weight:300 !important;transition: all 0.4s;-moz-transition:all 0.4s;-webkit-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition:all 0.4s;} #catmenu li a:hover, #catmenu li a:active {color:#fff; text-shadow: 0px 0px 1px rgba(255,255,255,0.9);} #catmenu{margin: 0px auto;padding: 0;overflow:hidden;font-weight:normal !important;} #catmenu ul {float: right;list-style: none;margin: 0;padding: 0;font-weight:normal !important;} #catmenu li {float: left;list-style: none;margin: 0; padding: 0;font-weight:normal !important;} #catmenu li.current_page_item a {} #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {width: 220px;height:30px;margin: 0;padding: 0 0 0 5px;float: none;color:#fff;font-family: "Lato", "Helvetica Neue", Arial, sans-serif;font-size: 12px;font-weight:300;text-transform:uppercase;line-height:30px;background-color:transparent; background-image:none; text-indent:0;border-left:none transparent;border-right:none;border-bottom:none;text-shadow:none;transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out} #catmenu li li a:hover, #catmenu li li a:active {color: #000;padding: 0 0 0 5px;text-indent:0;background-color:#bdb2a8;border-left:none transparent;border-right:none;border-bottom:none;text-shadow:none;} #catmenu li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 225px;margin: -10px 0 0 0;padding: 15px 5px 5px 5px;background-image:url(images/sub-menu.png); background-position:top left; background-repeat:no-repeat;opacity:0; transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out} #catmenu li ul a {width: 140px;opacity:1.0} #catmenu li ul ul {width: 245px;margin: -35px 0 0 225px !important;padding:5px 5px 5px 15px;background-image:url(images/sub-menu2.png);transition: all 0.8s;-moz-transition:all 0.8s;-webkit-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition:all 0.8s} #catmenu li li li a, #catmenu li li li a:link, #catmenu li li li a:visited {width:240px; padding:0 0 0 5px !important} #catmenu li:hover ul ul, #catmenu li:hover ul ul ul, #catmenu li.sfhover1 ul ul, #catmenu li.sfhover1 ul ul ul {left: -999em; opacity:0;margin: -35px 0 0 200px;} #catmenu li:hover ul, #catmenu li li:hover ul, #catmenu li li li:hover ul, #catmenu li.sfhover ul, #catmenu li li.sfhover1 ul, #catmenu li li li.sfhover1 ul {left: auto;opacity:0.9;margin:0;} #catmenu li:hover, #catmenu li.sfhover1 { position: static; } /* HOME */ #home {margin:0;padding:0 0 20px 0; font-family: 'Lato', arial, sans-serif;color:#444;font-size:13px;} #home .bloc-home a {display:block; margin:0; padding:0; position:relative;transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; } #home .bloc-home a img {zoom:1;margin:-10px 0 0px 0;padding:0 0 0 0;transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; } .telindex {line-height:30px;height:30px;font-size:18px; font-weight:400 !important; background-image:url(images/tel.png);background-repeat:no-repeat;background-position:0 3px;padding: 0 0 0 30px;margin:0 0 0 25px;display:block; } .faxindex {line-height:30px;height:30px;font-size:18px; font-weight:400 !important; background-image:url(images/fax.png);background-repeat:no-repeat;background-position:0 3px;padding: 0 0 0 30px;margin:0 0 0 25px;display:block;} #home .bloc-home a:hover img{ animation: animationFrames-bloc-bounce linear 0.8s; animation-iteration-count: 1; -webkit-animation: animationFrames-bloc-bounce linear 0.8s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames-bloc-bounce linear 0.8s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: animationFrames-bloc-bounce linear 0.8s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: animationFrames-bloc-bounce linear 0.8s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } #home .bloc-home a h1 {margin:0; padding: 0;font-family: 'Lato', arial, sans-serif;color:#031633 !important;font-weight:400 !important;text-align:center !important; background-image:none; letter-spacing:0px; text-transform:uppercase;transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; } #home .bloc-home a:hover h1 {} #home .bloc-home p {margin:0; padding: 0;font-family: 'Lato', arial, sans-serif;color:#333;font-size:13px;font-weight:300;text-align:justify;} #actu .title-actu {display:block;float:left; margin:10px 0 15px 0;font-family: 'Lato', arial, sans-serif;color:#fff;font-weight:300 !important;text-align:left; letter-spacing:1px; font-size:24px; text-transform:uppercase;background-color:#031633; background-image: url(images/icone-news.png);background-position: 5px 5px; background-repeat:no-repeat; background-size:30px 30px;} #actu .slot-actu img {max-width:100%;display:block;position:relative;} #actu .title-slot-actu a {display:block;float:left;padding:5px 0;margin:0 !important;position:relative;font-family: 'Lato', arial, sans-serif;color:#031633 !important;font-weight:400 !important;text-align:left; font-size:14px; text-transform:uppercase;background-color:transparent;border-bottom:1px solid #031633;transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; } #actu .title-slot-actu a:hover {border-bottom:none;text-shadow: 1px 1px 2px rgba(0,0,0,0.6); } #actu .slot-actu p {display:block;float:left;margin:0;padding:5px 0;color:#444;font-size:13px;text-align:left;line-height:15px;font-weight:300 !important;} .readmore a {display:block;float:left;padding:5px;color:#000; text-transform:uppercase; font-size:12px;font-weight:300 !important;text-shadow:0 1px 0 rgba(0,0,0,0.5); background-color:#bdb2a8 !important;background-image: url(images/shadow-button.png);background-position: 0 0; background-repeat:repeat-x; background-size:40px 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), rgba(0,0,0,0.4) 0px 0px 3px; -moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4), rgba(0,0,0,0.4) 0px 0px 3px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4), rgba(0,0,0,0.4) 0px 0px 3px;border:solid 1px rgba(0,0,0,0.3);transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .readmore a:hover {background-color:#031633 !important;color:#fff !important;} /* Main Content*/ #content {display:inline;height:100%;padding:0;margin:0;z-index:0;} #contentfullwide {display:inline;height:100%;padding:0;margin:0;overflow:hidden;} .bloc-half { padding:6px;margin:20px 0 0 0;border:8px solid rgba(0,0,0,0.1); position:relative;color:#444;text-align:left;background: rgba(255,255,255,0.5);-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;} .bloc-half:hover { animation: animationFrames-bloc-bounce linear 0.8s; animation-iteration-count: 1; -webkit-animation: animationFrames-bloc-bounce linear 0.8s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames-bloc-bounce linear 0.8s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: animationFrames-bloc-bounce linear 0.8s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: animationFrames-bloc-bounce linear 0.8s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; border:8px solid #009fe3; position:relative; transform-origin: 50% 50%; } .bloc-half:hover ul {font-weight:bold;} .bloc-half:hover h2 {font-weight:500 !important; } .bloc-half h2 {padding:5px 0 8px 45px;margin:0 0 8px 0;color:#009fe3;text-align:left; text-transform:uppercase; font-size:26px; font-weight:300 !important; letter-spacing:1px;background-color:transparent;border-bottom:1px solid #009fe3; transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;} .bloc-half ul {padding:0 0 0 10px;margin:0;} .bloc-half ul li {padding:0 0 0 5px;margin:0;line-height:22px;} .bloc-third {padding:6px;margin:20px 0 0 0;border:8px solid rgba(0,0,0,0.1); position:relative;color:#444;text-align:left;background: rgba(255,255,255,0.5);-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;} .bloc-third:hover { animation: animationFrames-bloc-bounce linear 0.8s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: animationFrames-bloc-bounce linear 0.8s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames-bloc-bounce linear 0.8s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: animationFrames-bloc-bounce linear 0.8s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: animationFrames-bloc-bounce linear 0.8s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; border:8px solid #009fe3; position:relative; } .bloc-third:hover ul {font-weight:bold;} .bloc-third:hover h2 {font-weight:500 !important;} .bloc-third h2 {padding:5px 0 8px 45px;margin:0 0 8px 0; color:#009fe3;text-align:left; text-transform:uppercase; font-size:26px; font-weight:300 !important; letter-spacing:1px;border-bottom:1px solid #009fe3;} .bloc-third ul {padding:0 0 0 5px;margin:0;} .bloc-third ul li {padding:0 0 0 5px;margin:0;line-height:22px;} .postimg{display: block;max-width: 100%;margin: 0 auto 10px auto;transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;} .postimg:hover {-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;} img.post {max-width: 100% !important;} .post {position:relative;height:100%;padding:0;margin: 0 0 15px 0;z-index:1 !important;color:#222;border-top:4px solid #031633;} .postfullwide {position:relative;height:100%;padding:0;margin: 0 0 15px 0;color:#222; } .post-bottom {display:block;float:left;width:100%;min-height:20px;padding-top:10px;padding-bottom:10px;margin-top:10px;} .sociallink-postbottom {display:block;flaot:left;border-bottom:1px solid #eee} .facebooklike {width:33%; display:block; float:left; margin:0;padding: 10px;} .postinfobottom{display:block; float:right; font-size:0.85em;padding: 0 1%;height:15px;text-align:right;} #content h2 {font-size:24px; text-transform:uppercase;padding:5px 0;} #content h2 a {font-weight:300; color:#333 !important;} #content h2 a:hover {color:#000 !important;} .dateblock { width:60%; line-height:40px; display:block; margin:0;float:right;color:#000; font-family: 'Lato', arial, sans-serif;font-size: 12px;font-weight:400 !important; text-transform:uppercase; text-align:right;} .title-post {margin:0;padding:0;display:block;} .title-post h2 {position:relative;margin: 0;padding: 5px 0 0 0;color:#031633;font-family: 'Lato', arial, sans-serif;font-size: 28px;font-weight:300 !important; letter-spacing:1px; text-align:left;} .title-post h2 a, .title-post h2 a:link, .title-post h2 a:visited {color:#031633;padding:0; font-weight:300 !important; text-transform:uppercase;transition: all 0.4s;-moz-transition:all 0.4s;-webkit-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition:all 0.4s; } .title-post h2 a:hover {color: #000;} .title-section {display:block;float:left;padding:10px; margin:5px 0 15px 0;min-height:20px;position:relative; color:#fff;font-family: 'Lato', arial, sans-serif;font-size: 18px;font-weight:300 !important; letter-spacing:2px; text-transform:uppercase;background-color:#009fe3;background-image:url(images/glow.png);background-position:50% 1px; background-repeat:no-repeat; background-size:80% 100%;} .title-page {margin: 0;padding: 0; background-color:#bdb2a8;width:100%;font-weight:300;background-image: url(images/shadow-header.png); background-position: top center; background-repeat:no-repeat;background-size:100% 20px;} .title-page h2 {margin: 0; font-weight:300 !important; padding: 0; line-height:60px;font-family: 'Lato', arial, sans-serif;text-transform:uppercase; letter-spacing:2px;font-size: 28px;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);color:#000;position:relative;} .title-page h2 a, .title-page h2 a:link, .title-page h2 a:visited {color:#fff;padding:0;font-weight:300 !important;-moz-transition:all 0.4s,-moz-transform 0.4s;-webkit-transition:all 0.4s, -webkit-transform 0.4s;-o-transition:all 0.4s, -o-transform 0.4s;transition:all 0.4s, transform 0.4s;} .title-page h2 a:hover {color: #000;} .icone-contact {background-image:url(images/footer-email.png);background-position:0 14px; background-repeat:no-repeat; padding-left:40px !important} .icone-news {background-image: url("images/icone-news.png");background-position:0 14px; background-repeat:no-repeat; padding-left:40px !important} .icone-tarifs {background-image: url("images/icone-tarifs.png");background-position:0 17px; background-repeat:no-repeat; padding-left:40px !important} .singleinfo {text-transform:uppercase;padding:5px 5px;} .categ{ padding:5px 0 5px 5px;color:#000;font-size:10px;} .categ a:link,.categ a:visited{color:#000;} .categ a:hover{color:#cb0000;} .entry {margin:0 0;color:#000;display:block} img.entry {max-width: 100% !important; width:0 !important;} .entry a, .entry a:link, .entry a:visited{color:#666;font-weight:bold;background-color: transparent;} .entry a:hover {color:#031633;font-weight:bold;background-color: transparent;text-decoration: none;} .entry ul, .entry ol{ margin: .4em 0 1em; line-height: 150%;} .entry ul li, .entry ol li{ list-style-position:outside; margin-left: 1.6em;} .entry p {margin:0;padding:0;text-align:left; color:#444;line-height:18px;font-size:14px;font-family:"Lato", sans-serif;} .postfoot {background:url(images/stripe.png);border:1px solid #eee;padding:10px 10px;margin-top:10px;} .postfoot a{color:#000;} #author-avatar img{background:#ffffff;border:1px solid #ddd; padding:5px; margin-right:10px;float:left;} .contact-devis { background-image: url("images/degrade-contact.png");background-position:0 0; background-repeat:repeat-y;background-size:100%; display:block;float:left;margin:15px 0 0 0;padding:10px; color:#031633;font-size:16px;font-weight:500; } /* SIDEBAR */ .rightcol {display:block; float:right;padding:0 !important} .sidetitl{ list-style-type:none; padding: 0; margin : 0;} h3.sidetitl{ margin: 0;padding:10px;list-style-type:none;color:#fff;font-family: "Lato", "Helvetica Neue", Arial, sans-serif;font-size: 18px;font-weight:400;text-transform:uppercase;background-color:#031633;background-image:url(images/glow.png);background-position:50% 1px; background-repeat:no-repeat;background-size: 300px 30px;} .sidebar{display:block;position:relative;margin:-5px 0 15px 0 !important;padding:0;z-index:10;font-size:13px; } .sidebar ul{margin: 0; padding: 0 ;} .sidebar li{list-style-type: none;margin: 0;padding: 0;} .sidebox{display:block;padding:0;margin:0 0 20px 0;position:relative;z-index:10;font-size:13px;} .sidebox img {max-width:100%;} .sidebox a {transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .sidebox a:hover {} .sidebox ul {list-style-type:none;margin:0;padding:0;} .sidebox li{list-style-type:none;margin:0;padding:0;} .sidebox ul ul, .sidebox ul ul ul, .sidebox ul ul ul ul {list-style-type: none;margin: 0;padding: 0;background-repeat:no-repeat;} .sidebox ul li {height:100%;line-height:18px;clear:left;margin:0;list-style-type: none;} .sidebox ul li a:link {padding:5px 0 10px 0; color:#444;display:block;font-family: "Lato", "Helvetica Neue", Arial, sans-serif;font-size: 14px;font-weight:400;background-image:url(images//hr-footer.png);background-position:bottom center; background-repeat:repeat-x;} .sidebox ul li a:visited {color:#444;} .sidebox ul li a:hover {color: #000;} .sidebox p {padding: 7px 10px;margin:0;} .sidebox table{width:100%;text-align:center;color:#fff;} /* --- FOOTER --- */ #footer-container {width:100%; padding:30px 0 10px 0;background-color:#031633;background-image: url(images/shadow-header.png); background-position: top center; background-repeat:no-repeat;background-size:100% 30px; } .footer {padding:12px 0 12px 0; height:20px;margin:12px auto 0 auto; display:block; float:left; color:#fff;font-size:10px !important;font-weight:300;text-align:center;letter-spacing:2px;background-image:url(images/head.png); background-repeat:no-repeat;background-position:top center;background-size:100% 1px;} .footer a:link , #footer a:visited{color:#f6f6f6 !important; font-weight:300} .footer a:hover {color:#fff; text-decoration:none} .bottom-bloc {margin-top:10px;} .bottom-bloc ul {list-style-type: none;margin:0;padding:0;font-size:13px;font-weight:300; } .bottom-bloc h3 {color:#bdb2a8; font-weight:300 ;text-transform:uppercase;background-image:url(images/h3-footer.png);background-repeat:no-repeat;background-position:0 0;} .bottom-bloc select {display:block; margin:0 auto; width:100%;} .bottom-bloc li{list-style-type: none;margin: 0; padding: 0;} .bottom-bloc ul ul, .bottom-bloc ul ul ul, .bottom-bloc ul ul ul ul {list-style-type: none;margin: 0;padding: 0;background-repeat:no-repeat;} .bottom-bloc ul li {height:100%; clear:left;margin:0; list-style-type: none;font-size:13px;} .bottom-bloc ul li a:link {color:#f6f6f6; font-weight:300 !important;text-decoration: none;padding: 6px 0 6px 20px;background-image:url(images/bullet-footer.png);background-repeat:no-repeat;background-position:0 6px;display:block; text-transform:uppercase;-moz-transition:all 0.4s,-moz-transform 0.4s;-webkit-transition:all 0.4s, -webkit-transform 0.4s;-o-transition:all 0.4s, -o-transform 0.4s;transition:all 0.4s, transform 0.4s;} .bottom-bloc ul li a:visited {color:#fff;} .bottom-bloc ul li a:hover {color: #fff;padding: 6px 0 6px 25px;background-position:5px 6px} .footer-tel {padding: 8px 0 8px 40px !important; background-image:url(images/footer-tel.png); background-repeat:no-repeat;background-position:8px 5px;} .footer-adresse {padding: 8px 0 8px 40px !important; background-image:url(images/footer-adresse.png); background-repeat:no-repeat;background-position:5px 6px;} .footer-email {padding: 8px 0 8px 40px !important;background-image:url(images/footer-email.png); background-repeat:no-repeat;background-position:0 5px;} /* The Navigation */ #navigation{ position:relative;z-index:0; margin:0 0 10px 0;padding:5px;height:27px;} /* NAVIGATION WP-PAGENAVI */ .wp-pagenavi{ font-size:12px;font-weight: bold;font-family:Verdana, Arial, sans-serif; text-align: center !important; min-width:28px !important;height:28px !important;line-height:26px;display: block;float: left;margin-right: 4px;margin-bottom:15px; color:#fff; text-transform:uppercase; font-size:12px;text-shadow:0 1px 0 rgba(0,0,0,0.5); -webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px; transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { background-color:#bdb2a8;font-weight: bold;padding: 0 !important; min-width:28px;height:28px;line-height:26px;display: block;float: left;margin-right: 4px; color:#fff; text-transform:uppercase; font-size:12px;text-shadow:0 1px 0 rgba(0,0,0,0.5); -webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px; transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; } .wp-pagenavi a:hover { background-color:#031633;font-weight: bold; } .wp-pagenavi span.pages {display:none;} .wp-pagenavi span.current { background-color:#000;padding: 0 !important; min-width:28px;height:28px;line-height:26px;display: block;float: left;margin-right: 4px; color:#fff; text-transform:uppercase; font-size:12px;text-shadow:0 1px 0 rgba(0,0,0,0.5); -webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px; transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; } .wp-pagenavi span.extend { background-color:#bdb2a8;padding: 0 !important; min-width:28px;height:28px;line-height:26px;display: block;float: left;margin-right: 4px; color:#fff; text-transform:uppercase; font-size:12px;text-shadow:0 1px 0 rgba(0,0,0,0.5); -webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px; transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; } .p404 {background:url(images/404.png) center no-repeat;min-height:550px;margin:0;padding:0} .warninglarge {display:block; width:98%;position:relative; float:left; margin:5px 0 10px 0;padding: 5px 1%;color:#fff;font-size:0.85em; text-align:left;background-color:#ba0000; background-position: top left; background-repeat:repeat-x; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} /* FORMULAIRE CONTACT */ .wpcf7-form {display:block;float:left;} .civilite {height:30px !important} .wpcf7-form p {height:70px;display:block;} .label-form {font-weight:bold; text-transform:uppercase;} .wpcf7-text {border:1px solid rgba(0,0,0,0.5);padding:5px;margin:3px 0;color:#444;font-size:13px;background-color:rgba(255,255,255,0.4);-webkit-box-shadow:inset 1px 1px 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 1px 1px 3px 2px rgba(0, 0, 0, 0.3); box-shadow:inset 0.5px 0.5px 2px 0px rgba(0, 0, 0, 0.3);-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px;} .wpcf7-select {border:1px solid rgba(0,0,0,0.5);padding:3px;margin:3px 0;color:#444; font-size:13px;line-height:28px; height:28px;background-color:rgba(255,255,255,0.8);-webkit-border-radius: 2px !important;-moz-border-radius: 2px !important; border-radius: 2px !important;} .wpcf7 textarea {border:1px solid rgba(0,0,0,0.5); padding:5px;background-color:rgba(255,255,255,0.8);color: #444;font-family: 'Lato', arial, sans-serif; font-weight:300 !important; -webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px;} .wpcf7-submit {padding:8px;margin:10px 0;color:#000; text-transform:uppercase; font-size:13px;font-weight:300;text-shadow:0 1px 0 rgba(0,0,0,0.7);letter-spacing:1px;background-color:#bdb2a8;background-image: url(images/shadow-button.png);background-position: 0 0; background-repeat:repeat-x; background-size:40px 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), rgba(0,0,0,0.4) 0px 0px 3px; -moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4), rgba(0,0,0,0.4) 0px 0px 3px; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4), rgba(0,0,0,0.4) 0px 0px 3px;border:solid 1px rgba(0,0,0,0.3);transition: all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;} .wpcf7-submit:hover {cursor:pointer; background-color:#031633;color:#fff;} .wpcf7-not-valid-tip {color:#ba0000;} div.wpcf7-response-output {} div.wpcf7-mail-sent-ok {background-color:#39c353; color:#fff; font-size:13px; boder:none;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;padding:10px !important; margin:0 !important; border:none !important;} div.wpcf7-validation-errors {background-color:#ba0000; color:#fff; font-size:13px; boder:none;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;padding:10px !important; margin:0 !important;border:none !important;} .wpcf7-captchac {border:1px solid rgba(0,0,0,0.5);padding:1px 3px 1px 1px;margin:3px 10px 3px 0;float:left;color:#444;font-size:13px;background-color:rgba(255,255,255,0.4);-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px;} .wpcf7-captchar {border:1px solid rgba(0,0,0,0.5);padding:5px;margin:3px 0;float:left;color:#444;font-size:13px;background-color:rgba(255,255,255,0.4);-webkit-box-shadow:inset 1px 1px 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 1px 1px 3px 2px rgba(0, 0, 0, 0.3); box-shadow:inset 0.5px 0.5px 2px 0px rgba(0, 0, 0, 0.3);-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px;} /* VIDEOS */ img.alignleftvideo {padding: 0; margin: 5px; border:2px solid #ffffff;display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: #666 0px 0px 4px;-moz-box-shadow: #666 0px 0px 4px; box-shadow: #666 0px 0px 4px;} .videogall-thumb { } .videogall-thumb p { text-align:center} .video-dailymotion-thumb {border:1px solid #666;position: relative; margin-bottom:5px;padding-bottom: 50%;padding-top: 30px; height: 0; overflow: hidden;} .video-dailymotion-thumb iframe,.video-dailymotion object,.video-dailymotion embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .video-youtube {position: relative; margin-bottom:10px;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .video-youtube iframe,.video-youtube object,.video-youtube embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .video-vimeo {position: relative; margin-bottom:10px;padding-bottom: 52%;padding-top: 30px; height: 0; overflow: hidden;} .video-vimeo iframe,.video-vimeo object,.video-vimeo embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .video-dailymotion {position: relative; margin-bottom:10px;padding-bottom: 52%;padding-top: 30px; height: 0; overflow: hidden;} .video-dailymotion iframe,.video-dailymotion object,.video-dailymotion embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*---------------------------------------------- --FACEBOOK LIKEBOX ----------------------------------------------- */ #fb-root {display: none;} /* To fill the container and nothing else */ .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; padding:0 !important} .fb-likebox-container {display:block;float:left;width:100%;}