body#layout #subscription_box {display:none;}
body#layout #searchform {display:none;}
body#layout #slider-wrapper {display:none;}
body#layout #slider-bg{display:none;}
body#layout .menu-secondary-container{display:none}
/*----------------------------------------------------
{--------} Generic {--------}
----------------------------------------------------*/
html{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxrotIbnfzycouQkz-tRx7IspNlOR2UtX-UkwkFuOzIVTfoTSdW7D505Ch331vmcYjJGRT1lyFK_p8ohjxrzOGKEaONZKvtYVr6uPtQk2HP-qF_tPjtMIxHu8yqjtj9L7PzZMRyI4-KGk/s0/gp-background.png');
}
body{
font-weight:normal;
font-family: 'Trebuchet Ms', Arial,Helvetica,sans-serif;
font-size:12px;
color:#02192c;
margin:0;
padding:0;
line-height:135%;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlFEUgB4N8_xDJ55RLq3fnEuN3QbI5MbaNlxgUAO4ow-mL4yRqO6E4meljqT90JmQ_ZhS4Z7HDwdK7CD_EIJheHnBdEJRXgGabYjLnSwU9Lrb6R5w1GVLqJ5mP8OvoAGps8F4zu1uM-aw/s1600/background-renovex.png") repeat-x scroll center 0 #FFF;
}
#body-bg{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWWAi2bajRVJU3eyK3qQOAuG8C7ftFXn8z7zTX7WRnCYtb3poX_HY7iUB3d0wBgc9cHfHnIqhnFDn_C4wgUkVf9267GIs6Rv5g9F9mtCbfmgXgysHNXZXZaS4GVUlez9aIUozDDRqOBik/s1600/gp-background-top.jpg.jpg) repeat-x;
}
ul {
list-style:none;
}
h2,h3,h4,h5,h6{
line-height:100%;
}
li a {
border:none;
outline:none;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:13px;
}
a {
border:none;
outline:none;
color:#000;
text-decoration:none;
font-weight:bold;
font-size:13px;
}
a:hover {
color:#1c70ff;
border:none;
text-decoration:none;
}
img{
border:none;
outline:none;
}
a:focus {
outline:none;
}
p {
margin:3px 0 12px 0;
line-height:20px;
text-align:justify;
}
code, pre {
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #F4F4F4;
display: block;
padding: 10px;
}
/*----------------------------------------------------
{--------} Layout structure {--------}
----------------------------------------------------*/
#caca{
background:#f3f3f3 url('images/g-bg1.jpg') repeat-x top center;
height:109px;
width:100%;
position:absolute;
z-index:0;
}
#wrapper {
margin:0 auto;
position: relative;
z-index: 1;
width:960px;
}
#header {
height: 200px;
margin-bottom:0px;
padding: 0;
position: relative;
z-index: 0;
}
#content {
margin: 0px 0 0 0;
padding: 0px;
position: relative;
z-index: 1;
}
#content-bottom{
background:url('images/kk-content-bottom.png') no-repeat;
width:960px;
height:10px;
}
#contentLeft {
float: left;
margin: 0;
padding:0;
width: 675px;
}
#contentLeft a{
text-decoration:none;
}
#content_bg{
background:#f5f5f5;
border:1px soldi #fff;
float:left;
}
#content_brd{
border:1px solid #e0dfdf;
float:left;
padding:1px;
}
#footer-back {
background-color: #204A84;
margin: 25px 0 0;
position: relative;
width: 100%;
z-index: 2;
}
#scroll-top {
height: 28px;
position: absolute;
right: 0;
top: -16px;
width: 27px;
}
#scroll-top a {
background: url("images/b-top-btn.png") no-repeat;
display: block;
height: 28px;
text-indent: -10000px;
width: 27px;
}
#scroll-top a:hover{
background-position:0 -28px;
}
#footer {
color: #D7CCB0;
font: 10px Arial;
margin: 0 auto;
padding: 50px 0 35px;
position: relative;
width: 960px;overflow:hidden;
}
#footer a{
text-decoration:none;
}
#footer a:hover{
text-decoration:none;
}
.footer-width {
font-size: 11px;
margin: 0 auto;
position: relative;
text-align: center;
width: 960px;
}
.footer-width a{
color:#02192c;
}
.footer-width a:hover{
color:#87e7f4;
}
#bottom {
margin: 0px auto;
width: 1000px;
}
.botwid{
float: left;
width: 200px;
padding-bottom: 30px;
font-size: 11px;
margin: 0px 10px 0px 20px;
color: #002A30;
list-style: none;
}
.botwid h2{
padding: 10px 0px 10px 5px;
color: #fff;
font: 24px Arial,Tahoma, Georgia, sans-serif;
font-weight: normal;
}
.botwid ul {
list-style-type: none;
margin :0;
padding: 0px 5px 5px 0px ;
}
.botwid li{
list-style-type: none;
margin: 0 ;
padding: 0;
border-bottom: 1px solid #025179;
text-decoration: none;
padding: 5px 0px 0px 0px;
display:block;
}
.botwid ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.botwid ul li {
height:100%;
line-height:18px;
clear: left;
list-style-type: none;
color:#fff;
}
.botwid ul li a:link, .botwid ul li a:visited {
color:#fff;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
.botwid ul li a:hover{
color:#87E7F4;
}
#logoTag {
float: left;
height: 60px;
margin: 35px 0 0;
}
#logoTag #logo {
background:url(images/bk_logo_left.png) no-repeat;
float:left;
}
#logoTag #logoImg {
background: none repeat scroll 0 0 transparent;
float: left;
padding:0;
}
#logoTag #logoImg a{
float:left;
}
#logoTag #logoImg img {
border:none;
}
#header h1{
font-family:Arial;
font-size: 50px;
color:#62666b;
line-height:100%;
text-align:center;
font-weight:normal;
}
#header h1 a:link, #header h1 a:visited{
color:#62666b;
}
.descriptionwrapper h2{
color: #94989e;
float: left;
font:12px Arial,Georgia,Tahoma;
margin:0;
padding: 10px 0 0 0;
}
#top-bar {
height:32px;
padding:0;
width:980px;
}
#footerLinks {
position:absolute;
top:12px;
right:0;
}
.ad-header {
float:right;
margin:0;
}
/*----------------------------------------------------
{--------} Top menu {--------}
----------------------------------------------------*/
#topMenu {
position: absolute;
right: 0;
top: 30px;
}
#topLinks {
float: left;
margin:0;
}
#topLinks ul li {
display: block;
float: left;
font-family: 'Trebuchet Ms', Georgia,Helvetica,sans-serif;
font-size: 44px;
padding: 0 7px;
}
#topLinks ul li a {
color: #8e8f8f;
float: left;
line-height: 27px;
padding: 0 10px;
margin:0 2px;
text-shadow: 1px 1px #FFFFFF;
text-transform:uppercase;
}
#topLinks ul li .menu_bg{
display:block;
height:27px;
}
#topLinks ul li .menu_bg:hover{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiUyCO7QadAsBJRJTwh_UaH-tTZ4rXwqwP_7J3jAM-SY1I3FWaz_aEK0_uV6AdUO20lE1MiqBrR7B1SXDFx0N8CFNiHGDti3GVa443AChZoag1M-8TWHXvKNnuGRTapOe-swB1Klgh01w/s0/gp-menu-hover-left.png') no-repeat left;
}
#topLinks ul li .menu_bg_corner {
height: 27px;
margin: 0 -14px 0 0;
}
#topLinks ul li .menu_bg_corner:hover{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ8h1yLQtl77rQOTqSVmNKDOVC1CluhNdHLz_66kfHfN3ziN5zoRd5Q43OtVoMWYa9qmZ11rR2GXh8n7QxX8uSXWC6Vlvn8O49MPrMzrYK2g4ZaXOoDAC2x-XtxwKkqjyJqdwYVTAtHMw/s0/gp-menu-hover-right.png') no-repeat right;
}
#topLinks ul li #home{
background:#053460;
text-shadow:none;
color:#fff;
}
#topLinks ul li a:hover {
color:#292e32;text-shadow:1px 1px #eeeeee;
}
#topLinks .current_page_item a {
background:#063584;
text-shadow:none;color:#fff;border-radius:18px 18px 18px 18px;}
#topLinks .current_page_item {}
#categories {
bottom: 9px;
left: 0;
position: absolute;
}
#categories ul{
margin:0;
padding:0;
}
#categories ul li{
float:left;
}
#categories ul li a {
color: #131313;
float: left;
font: 12px Arial,Tahoma,sans-serif;
margin: 14px 22px 14px 0;
text-transform: capitalize;
}
#categories ul li a:hover{}
#socialLinks {
background:url("images/c-socials-bg.png") no-repeat scroll 0 0 transparent;
float:right;
height:151px;
margin:0;
padding:26px 0 0 8px;
position:fixed;
right:0;
text-align:right;
top:40%;
width:50px;
}
#socialLinks a {
display:block;
float:left;
padding-right:10px;
border:none;
}
#socialLinks a img {
border:medium none;
margin:0 0 10px;
}
#subscription_box {
bottom: 26px;
height: 27px;
position: absolute;
right: 193px;
z-index: 9;
}
/*----------------------------------------------------
{--------} Content Left {--------}
----------------------------------------------------*/
#crumbs {
color: #FFFFFF;
font: italic 11px Arial;
margin: 0 0 30px;
padding: 17px 0;
width: 100%;
}
#crumbs a{
color: #FFFFFF;
}
.searchQuery, #archive-title {
color: #000;
padding: 10px;
margin:20px 0 0 0;
}
.searchQuery strong, #archive-title strong {
font-size:14px;
color:#000;
}
.alignleft {
float:left;
margin:5px 15px 5px 0;
}
.alignright {
float:right;
margin:5px 0 5px 15px;
}
#contentLeft .postBox {
color: #333333;
float: left;
font-family: 'Trebuchet Ms',Arial,Helvetica,sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
position: relative;
width: 626px;
}
#contentLeft .postBox ul, ol {
margin: 15px 0;
padding: 0 0 0 40px;
}
#contentLeft .title .postBox h1{
font-size:35px;
line-height:38px;
margin:0;
font-style:normal;
}
#contentLeft .postBox h1 a{
font-size:21px;
line-height:35px;
width: 656px ;
padding:7px;
}
#contentLeft .postBox-home {
color: #000000;
float: right;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0 0 0 20px;
padding: 0px 10px 0px 0px;
position: relative;
width: 489px;
z-index: 1;
}
.postbox-line {
float: left;
margin: 0px;
position: relative;
background-color:#ffffff;
width:670px;
}
.postboxShadow{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOb-hysfLvGwDxKJqfk41pb6BNQJcbAcPIadMkHhUQ91nLyy-DCTLzLC_AQCsMwlv2TLGtCa0LUjQdIP5ccYSoXHmx5z_0wXTCO0dOCIAO18XKCnAeuo_SWwsZ-RUOcHXuqxRRbNpjUak/s0/gp-postbox-shadow.png') no-repeat center bottom;
width:675px;
height:8px;
position:absolute;
bottom:-8px;
left:0;
}
#contentLeft .postbox-line:hover .post-date{
background-position:0 118px;
}
#contentLeft .postbox-line:hover .read-more a{
background-position:0 -28px;
}
.postPage {
color: #000;
padding:15px 15px 15px 0;
}
#contentLeft .postDate {
background:url(images/date_icon.png);
background-repeat: no-repeat;
width: 63px; height: 76px;
position: absolute; top: 10px; left: -63px;
text-align: center;
color: #414040;
padding: 13px 0 0 7px;
}
.posting{
float:left;
}
.entry {
margin:0px 0px 0px 0px;
padding: 0px ;
width:670px
}
.entry img{
max-width:670px;
padding:0px;
}
.entry a:link,
.entry a:visited {
color:#00ABCC;
}
.entry a:hover {
color:#00ABCC;
}
.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:5px 0px 5px 0px;
padding:5px 0px;
line-height:180%;
width:100%
}
#contentLeft .postBox .date{
float:left;
width:47px;
height:50px;
text-align:center;
padding-right:25px;
}
#contentLeft .postBox .date .month{
color:#ccc;
font-size:10px;
text-transform:uppercase;
padding-bottom:5px;
}
#contentLeft .postBox .date .day {
font-size:20px;
color:#fff;
font-weight:bold;
line-height:130%;
}
#contentLeft .title h1 {
border: medium none;
color: #3a4046;
float: left;
font: 30px/32px Arial,Tahoma,Verdana;
margin:0;
position: relative;
text-shadow: 1px 1px #EDE5D1;
}
#contentLeft h1 a {
padding:0;
font:21px/22px Georgia, Arial,Tahoma,Verdana;
color: #00000;
margin:0 0 5px 0;
float:left;
text-shadow:1px 1px #ede5d1;
text-decoration:none;
border:none;
width:500px;
}
#contentLeft .postBox h1 a:hover{
color:#282828;
}
.postBox .insidemeta{
border-bottom:1px solid #e9ebec;
border-top:1px solid #e9ebec;
width: 656px ;
padding:7px;
margin:0 0 15px 0;
position:relative;
}
.metadata {
color: #BDBDBD;
float: left;
font: 12px/18px 'Trebuchet Ms',Arial,Georgia,Tahoma;
margin: 0;
padding: 4px 0 4px 4px;
position: absolute;
right: 0;
top: 0;
}
.metadata div{
float:left;
}
.metadata span{
font-style:normal;
font-weight:bold;
color:#bdbdbd;
}
.metadata #comments#comments{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWmOO2BPJy2-ihAJoVn0F_wmzO4WQ0SYIVYMJ2WNWHoqvDkdAi5rNDlA1zYg9gkUcNV3gOsDQ68ICVk7xdwdWFSLeFeF5oFaWkgUDmD6pF1S5hZfFk6CFlGmdTbazcOjOH1ihIb87amuI/s0/gp-comments-icon.png') no-repeat 0 2px;
padding:0 0 0 18px;
margin:0 10px 0 0;
text-align:right;
}
.metadata #views{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAuEW109ATghGCmmMCLUDR6OpfXDmZ14Ve5HEGDtXxuEPN86tCIU8Yq8_O9el68BVSMR6mHvTgXAdauGkKL51XE9pXPallDHUNOLWjRxEbkP87Q9qoMisYJ-7ZVIjSSM9xg43C8n4mHeo/s0/gp-views-icon.png') no-repeat 0 2px;
padding:0 0 0 22px;
text-align:right;
}
.metadata a { text-decoration:none!important;color:#087DB9;}
.metabox {}
.meta-arrow {
height:4px;
left:19px;
position:absolute;
top:-4px;
width:7px;
}
#contentLeft .postBox a.more-link {
display:block;
width:90px;
height:24px;
text-align:center;
clear:both;
border:none;
line-height:22px;
margin-top:10px;
}
#contentLeft .social p {
margin:0 0 10px 0;
}
#contentLeft .social a {
border:none;
}
.even-post { float: right; margin-right: 20px;}
.odd-post {clear: both; }
/*----------------------------------------------------
{--------} Sidebar {--------}
----------------------------------------------------*/
#sidebar-wrapper {
float: right;
margin: 0px;
position: relative;
width: 280px;
background: #fff;
border-radius: 5px;
padding: 2px;
}
.sidebar h2 {
font: bold 14px/1.4em Arial,Tahoma,Helvetica,FreeSans,sans-serif;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwiSyZnbeLXs2033jcihB41ZK6Km505tXIpDZ0qLsd4PwdbwF5OK7g7EqECECQzJVhEeTjVDCrgO3Yf7CyWA_fHvv-DgXlX_vEMLcgv-TJLMd0lM0EiI8-c6kK63hisgCI9CP7VMi6K-w/s1600/renovex-titre.png') no-repeat scroll right bottom transparent;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #302D2D;
margin: 4px 0px 0px;
padding-bottom: 10px;
}
.sidebar .widget {
width:100%;
padding:0px;
list-style:none;
}
.image_diapo {
width: 960px;
padding:0px;
margin:0;
}
.sidebar .widget-content {
padding:0px;
margin:0;
}
.sidebar ul {
list-style-type: none;
margin: 0 0 0 0px ;
padding: 0;
}
.sidebar li {
}
.sidebar li a:link, .sidebar li a:visited {
}
.sidebar li a:hover {
color: #000;
}
.sidebar img {
padding:5px;
}
#BlogArchive1_ArchiveMenu {
border:1px solid #ddd;
background:#eee;
color:#555;
text-decoration: none;
margin-top:5px;
padding:10px;
width:200px;
}
#Followers1-wrapper {
background:#eee none repeat scroll 0 0;
border:1px solid #ddd;
color:#fff;width:200px;
}
.profile-link {
display:none;
}
.squarebanner {
margin:20px 0px 10px 20px;
width:270px;
float:left;
}
.squarebanner ul{
list-style-type:none;
margin: 0px auto;
padding: 0px 5px 0px 0px;
overflow:hidden;
width:270px;
}
.squarebanner ul li{
list-style-type:none;
margin: 10px 10px 0px 0px;
float:left;
display:inline;
background:#eee;
}
.squarebanner ul li.rbanner{
margin-right:0px;
}
.ads1 {
margin: 0;
position: absolute;
right: 30px;
top: 45px;
}
#pagenav {
font-weight: bold;
text-transform: uppercase;
margin-left: 18px;
padding-bottom: 20px;
}
.twitter{
padding:17px;
}
#follow_btn {
width:281px;
height:36px;
background:url('images/a-followme.png') no-repeat;
}
#follow_btn a{
text-indent:-10000px;
display:block;
width:281px;
height:36px;
}
#follow_btn a:hover{
background:url('images/a-followme-hover.png');
width:281px;
height:36px;
}
#tweets-bg {
background: url("images/b-tweets-icon.png") no-repeat;
height: 48px;
left: 35px;
position: absolute;
top: 20px;
width: 80px;
}
#tweet-icon {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBx7gDMtnKRvdY7q1j0K_n0oWVujM5qNjk0_RtjuOgdQn91sNmkYQCs6-iB7RoOTC2AW7p2nEYDTpYRDHf2X8h49MHn-BDXmx2mY9EbyVQTIhM-J0bOI5NPvw8_ipr3SU4h_xrAFHwwGY/s0/gp-twitter-icon.png") no-repeat scroll 0 0 transparent;
height: 33px;
left: 47%;
position: absolute;
top: -20px;
width: 46px;
}
#twitter-follow{
position:absolute;
width:152px;
right:0;
top:30px;
}
.banner-large {
background:#FFFFFF;
border: 1px solid #E9EBEC;
color: #2E343A;
font: italic 22px/28px 'Trebuchet Ms',Arial,Tahoma,sans-serif;
margin: 60px 0 30px 0;
padding: 15px 10px 15px 5px;
position: relative;
border-radius:16px 16px 16px 16px;
}
.banner-large img{
max-width:930px;
}
.popular {
position: relative;
margin: 0;
}
.popular p{
color:#5d5d5d;
font:12px/16px Arial;
text-align:left;
margin:0;
padding:0;
}
.popular li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.popular li a:hover {color: #eb4800 !important;}
.popular li {
position:relative;
list-style-type: none;
margin: 15px 0;
vertical-align: middle;
border:none!important;
}
#sidebar .sidebar-widg .popular li h2 {
background: none repeat scroll 0 0 transparent;
margin: 0 0 5px;
padding: 0;
width: 170px;
border:none;
}
#sidebar .sidebar-widg .popular li h2 a{
background:none;
font:italic 14px Georgia;
color:#fff;
}
/* FORMS
-------------------------------------------------*/
/*----------------------------------------------------
{--------} Comments {--------}
----------------------------------------------------*/
#commentsbox {
width: 630px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTW9HLxegRcIHdy6iy4pW0H_uxR190cX33og2XS-v_KeiQWAQF7UyBL3SGbqmeSmmawxau02eG2Gjudu23ZQhOuFaUUzg37D4-_5ai-GcMZms8rP7m6LTpYRf8aFLN9WadRh9zYBt0Q9Y/s1600/carreaux-bleu.jpg');
border: 1px solid #E9EBEC;
float: left;
margin: 0 0 25px;
padding:23px;
position: relative;
border-radius:16px 16px 16px 16px;
}
h3#comments {
font-size: 14px;
color: #6A4F34;
font-weight: bold;
margin-top: 10px;
padding: 15px 0;
text-transform:uppercase;
}
ol.commentlist {
clear: both;
overflow: hidden;
list-style: none;
margin: 0;
}
ol.commentlist li {
line-height: 18px;
background: #fff;
margin: 5px 0 20px 0px;
padding: 10px 0px;
border-bottom:1px solid #eee;
}
.authordata{
position:relative;
}
.avatar img{
float:left;
margin:0px 20px 0px 0px;
background:#fafafa;
padding:5px 5px;
border:1px solid #ddd;
}
.avatmeta{
padding:0px 0px;
}
.avatmeta span{
display:block;
font-weight:bold;
}
span.fn{
font-size:16px;
color:#333;
}
span.comment-meta{
text-transform:uppercase;
font-size:10px;
}
span.reply-container{
position:absolute;
top:0px;
right:0px;
background:#694E33;
color:#fff;
padding:0px 10px;
}
span.reply-container a:link{
color:#fff;
}
.comment-content{
margin-left:0px;
}
ol.commentlist li p {
line-height: 22px;
margin-top: 5px;
color: #666;
font-size: 12px;
}
ol.commentlist li ul.children {
list-style: none;
text-indent: 0;
margin: 1em 0 0;
}
.comment-nav {
height: 20px;
padding: 5px;
}
.comment-nav a:link,.comment-nav a:visited {
color: #E73540;
}
.avatar-image-container {
float:right;
background:#fff;
border:1px solid #ccc;
margin:0px 0px 10px 0px;
padding:5px;
height:32px;
width:32px;
}
.avatar-image-container img {
background:url(https://www.opendrive.com/files/6532718_pabxK/avatar.png) no- repeat;
height:32px;
width:32px;
}
#respond {
margin: 10px 0;
padding: 0;
}
#respond h3 {
font-size: 14px;
font-weight: bold;
color: #444;
padding: 5px 0 0;
}
#commentform {
padding: 10px 0;
}
#commentform a {
color: #E1512A;
}
#commentform p {
color: #999;
margin: 5px 0;
}
#respond label {
display: block;
color: #999;
padding: 5px 0;
}
#respond input {
background: #fff;
border: 1px solid #ddd;
color: #02070F;
margin: 0 10px 10px 0;
padding: 5px;
}
#commentform input {
width: 50%;
}
#respond input#commentSubmit {
width: 100px;
background: #545454;
border: 1px solid #333;
color: #fff;
cursor: pointer;
margin: 10px 0;
padding: 3px 5px;
}
textarea#comment {
background: #fff;
border: 1px solid #ddd;
width: 70%;
color: #02070F;
margin: 10px 0 0;
padding: 5px;
}
ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn {
color: #333;
}
ol.commentlist li ,#respond label small {
font-size: 10px;
}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {
margin: 0 0 0 50px;
}
/* CLEARING
---------------------------------------------------*/
.clearfix:after {
content: ".";
display:block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {
clear: both;
}
.noclear {
clear: none;
}
.post-thumbnail {
float: left;
margin:0;
position: relative;
}
.post-image-prelaoder {
background:#fff;
border:1px solid #e7e7e7;
float: left;
height: 135px;
margin-left: 10px;
padding: 2px !important;
width: 135px;
box-shadow:3px 3px 3px #E9EBEC;
border-radius:6px;
}
#contentLeft .postbox-line .post-date {
font: 20px 'Trebuchet Ms',Arial,Verdana;
height: 108px;
left: -110px;
position: absolute;
text-align: center;
top: 20px;
width: 92px;
z-index: 10;
color:#fff;
text-transform:uppercase;
padding:10px 0 0 0;
}
#contentLeft .postbox-line .post-date span{
font-size:42px;
line-height:36px;
}
#contentLeft .postbox-line .post-date a {
background: url("images/l-postcomm-baloon.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
display: block;
height: 39px;
padding: 5px 0 0;
text-decoration: none;
width: 37px;
}
#contentLeft .postbox-line .post-date a:hover{
background-position:0 -44px;
}
#contentLeft .postbox-line .read-more {
bottom: -32px;
color: #00253C;
display: block;
font: bold 11px Arial,Verdana,Georgia;
margin: 0;
z-index:9;
float:right;
}
#contentLeft .postbox-line .read-more a{
display: block;
width: 156px;
height: 28px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0naK9Ohlzr-HhYPTVKO1QTEgYzm6j2I7DUiWQwUY0fv9UNW2t3ZonB0qA0Y3gERTogRPcRVtEuW1G82KmGgaEW1xq0709zMkhtWR3uLlGWRqSKrCxxcG9msbAS5UwI5RGegUC3GirHsU/s1600/afficher-la-suite.png') no-repeat scroll 0px 0px transparent;
text-indent: -10000px;
}
#contentLeft .postbox-line .read-more a:hover{
background-position:0 -28px;
}
.eee {
float:left;
margin:5px 0 10px;
position:relative;
}
.big-comm {
background:url("images/bt-post-comm.png") no-repeat 0 0;
float:right;
height:39px;
margin:0;
padding:3px 5px 0 0;
text-align:center;
width:46px;
}
.big-comm a {
color:#4C4C4C;
display:block;
font:20px Tahoma,Arial,Helvetica,sans-serif;
text-align:center;
text-decoration:none;
text-shadow:1px 1px #FFFFFF;
}
.big-comm a:hover{
text-decoration:none;
color:#404040;
}
#top-cont {
background: url("images/d-top-cont-bg.png") no-repeat scroll 1px 0 transparent;
height: 450px;
padding: 8px 20px;
position: relative;
width: 930px;
z-index: 9;
}
/* SLIDESHOW
---------------------------------------------------*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
#slideshow {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
height: 427px;
padding: 12px 0;
position: relative;
width: 365px;
border-right:1px solid #e7e7e7;
}
#slidewrap{position:absolute;}
#slider { border-color: #47639E;
border-radius: 5px 5px 5px 5px;
border-bottom: 30px solid #47639E ;
box-shadow: 0 0 3px #fff;
height: 312px;
margin: 1px 0px 1px 0px;
position: relative;
width: 948px;
}
#slider images{ position:absolute; top:0px; left:0px; display:none;}
.slider-post p{
margin:0;
color:#333333;
line-height:18px;
}
.featured-post{
background: none !important;
width:365px;
}
#slider-top{
background:url('images/e-slider-top.png') no-repeat;
width:622px;
height:14px;
float:left;
}
.slider-image {
background: url("images/d-slider-image-frame.gif") no-repeat scroll 0 0 transparent;
float: left;
height: 189px;
padding: 13px;
position: relative;
width: 330px;
}
.slider-body{
float:left;
width:622px;
position:absolute;
}
#slider-bottom{
background:url('images/e-slider-bottom.png') no-repeat;
width:622px;
height:14px;
float:left;
}
#slider-post-bg {
background: url("images/e-slider-post-bg.gif") repeat scroll 0 0 transparent;
height: 326px;
position: absolute;
right: 0;
top: 22px;
width: 344px;
}
.slider-post {
color: #FFFFFF;
float: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 10px 5px;
width: 342px;
z-index: 99;
}
.slider-post h2 {
margin:0 0 15px 0
}
.slider-post h2 a{
margin:0 0 15px 0;
color:#333333;
}
#contentLeft #slideshow #slider .featured-post .slider-post h2 a{
color:#5b9cbc;
font-family: Arial,Georgia, Tahoma;
font-size: 16px; font-weight:bold;
text-transform: uppercase;
text-decoration:none;
}
.slider-post-meta {background:none repeat scroll 0 0 #113D64;color:#fff;font-size:11px;margin:5px 0 15px;padding:5px;line-height:1.2em}
.slider-post-meta a {color:#BDE9FB;font-style:normal}
.slider-post-meta a:hover {color:#F9D7A4}
#comments_nr #with{
color:#fff;
font:11px Georgia;
font-weight:normal;
font-style:italic;
text-transform:capitalize;
}
#comments_nr {
color: #fff;
float: left;
font-size: 12px;
margin: 23px 0 0 15px;
padding: 0;
text-shadow:1px 1px #1c0702;
text-transform: uppercase;
font-weight:bold;
}
#comments_nr_post {
float: left;
margin: 6px 0 0 25px;
padding:0 0 0 20px;
background:url('images/e-post-comm-icon.png') no-repeat left center;
}
#comments_nr_post a{
color: #333333;
font-size: 11px;
text-transform: uppercase;
text-decoration:none;
}
#slider-nav {
bottom: 3px;
margin: 3px 0 14px;
padding: 12px 20px 12px 20px;
position: absolute;
right: 0;
z-index: 9;
}
#slider-nav a {
background:url("images/g-slider-nav.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:12px;
margin-left:2px;
text-indent:-9999px;
width:12px;
}
div#slider-nav a.activeSlide {background: url(images/g-slider-nav-active.png) no-repeat;}
.slider-arrow {
position:absolute;
top: 0;
z-index:999;
}
span#prev, span#next{display:block;height:19px;position:absolute;text-indent:-9999px;top:100px;width:63px;}
span#prev {
background:url(images/slider_prev.png) no-repeat scroll 0 0 transparent;
height:76px;
left:-63px;
width:63px;
}
span#next {
background:url(images/slider_next.png) no-repeat scroll 0 0 transparent;
height:76px;
left:945px;
width:63px;
}
.socials_btn{
clear:both;
}
/*----------------------------------------------------
{--------} Page Navigation {--------}
----------------------------------------------------*/
.wp-pagenavi a:hover {
color: #ffffff;
}
.cocomment{
border:1px solid #e3e3e3;
padding:7px;
position:relative;
background:#fff;
}
/* mouseover state */
.download_now:hover {
background-position:0 -44px ;
}
/* clicked state */
.download_now:focus {
background-position:0 -88px;
}
/* tooltip styling */
.tooltip {
display:none;
}
/* a .label element inside tooltip */
.tooltip .label {
color:yellow;
width:35px;
}
.tooltip a {
color:#ad4;
font-size:11px;
font-weight:bold;
}
/*
* jQuery Nivo Slider v2.4
* https://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The Nivo Slider styles */
.nivoSlider { position:relative;}
.nivoSlider images { position:absolute; top:0px; left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%;}
.nivo-box { display:block; position:absolute; z-index:5;}
.nivo-directionNav{display:none!important}
.nivo-html-caption { display:none;}
.nivo-caption{ position:absolute; right:20px; text-align:center; top:130px; width:192px; z-index:60;}
.nivo-caption p{margin:0}
.nivo-caption .title{font-style:italic}
.nivo-controlNav { bottom: -23px; display: block; height: 15px; left: 204px; position: absolute; text-align: center; width: 192px; z-index: 51; opacity: 0.6;}
.nivo-controlNav a{ background:transparent url(https://project.dimpost.com/image-slider/images/button.png) no-repeat center center; display:inline-block; height:14px; width:14px; text-indent:-9999px; cursor:pointer;}
.nivo-controlNav .active{ background:transparent url(https://project.dimpost.com/image-slider/images/button_active.png); }
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
clear:both;
}
.related-posts-thumbs{
width:275px;
height:120px;
padding:3px;
background:#fce5da;
}
#related-posts {
border-bottom: 1px solid #DDDDDD;
margin: 0 0 20px;
padding: 0 0 20px;
}
#related-posts h3{
font-size:20px;
margin:0 0 10px 0;
color:#333333;
}
#related-posts ul{
margin:0;
padding:0;
}
#related-posts ul li{
margin:2px 0;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-a5jqyCZUM8yVNHql0CE6SD1vf3-_FhcWqBhcR-BUy6RqNcMmAD95yFTRkXV24ws4g0lw9Kg4ZPUx6v1qm6yhjEttwobI7j3b00x8HJ8vTCpJi5d1CpbsLS6bjDYfW4DmYdx7_UFKCS8/s0/gp-related-li.png') no-repeat left center;
padding:5px 0 5px 15px;
}
#related-posts ul li a {
color: #333333;
text-decoration: none;
}
#social-search {
background: url("images/ds-ss-panel.png") no-repeat;
height: 87px;
position: absolute;
right: 10px;
width: 205px;
top:-1px;
z-index:0;
}
.social-search-white{
background: url("images/ds-ss-panel-white.png") no-repeat!important;
}
#sliderContainer{
margin: 0 auto;
width: 300px;
}
#social-search-container{
position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#social-search-container img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}
#openCloseWrap a {
display: block;
font-size: 12px;
font-weight: bold;
height: 22px;
margin: 0;
position: absolute;
right: 22px;
text-indent: -10000px;
top: 59px;
width: 26px;
}
/*
* jQuery Nivo Slider v2.6
* https://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
text-align:center;
font:italic 18px/32px Georgia;
color:#fff;
font-weight:bold;
}
.nivo-caption p h3{
font-size:21px;
font-style:italic;
color:#f23a66;
font-weight:bold;
line-height:30px;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
right:50%;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/
/* -- NUMBER PAGE NAVIGATION -- */
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px;}
#random-posts li{list-style-type:none;}
/* --face -- */
.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ2XzHVXJ_fcjNOnuRYvZQnTPPacZKgCzhKbw1bffrB8Mh37eect5vknqY8Rb_J7Onj_wUn6oaNGN4GEjU1UAezULLhTKCrGA58JHzLkDhyphenhyphenfdAczW9dwrD4wFS1g2Mo63KMOSUd8GaR4c/s1600/logo-facebook-renovex.png) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 0px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.diaporama-post {
width: 720px;
}
/*----------------------------------------------------
{--------} publier article {--------}
----------------------------------------------------*/
.imgpost{
width:0px;
height:0px;
}
.imgpost img{
width:0px;
height:0px;
}
.img-top{
width:670px;
}
.img-top img{
width:100%;
}
.devis{
width:670px;
background-color:#E0ECF8;
}
.devis ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
.style-pos{
color: #333333;
font-family: 'Trebuchet Ms', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 25px;
text-align: justify;
margin: 0px;
padding: 8px;
font-weight:bold;
}
.devis2{
width:666px;
background-color:#E0ECF8;
color: #000;
font-family: 'Trebuchet Ms', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 25px;
text-align: justify;
margin: 0px;
padding: 2px;
font-weight:bold;
}
.devis3{
width:666px;
color: #000;
font-family: 'Trebuchet Ms', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 25px;
text-align: justify;
margin: 0px;
padding: 2px;
font-weight:bold;
}
.motsc{
width:666px;
color: #000;
font-family: 'Trebuchet Ms', Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
text-align: justify;
margin: 0px;
padding: 2px;
font-weight:bold;
}
.khat{
border-top:2px solid #748bad ;
border-bottom:2px solid #748bad;
padding:3px;
}
.sendmsg{
width:width: 100%;;
}
#errordiv{
background-color:#000;
}
.post-body img {
width: 151px;
height: 110px;
border: 3px solid rgba(156, 156, 156, 0.63);
box-shadow: 1px 1px 1px #E9EBEC;
}
.post-body {
float: left;
position: relative;
margin: 0px;
padding: 4px;
width: 663px;
}
.post-title a{
border: medium none;
outline: medium none;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 19px;
padding-left: 5px
}
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;font-family: none;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
#Label1 li , #Label2 li , #Label3 li{
color: #6F6F6F;
text-decoration: none;
padding: 2px 5px 2px 15px;
display: block;
list-style-type: none;
line-height: 16px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSzaibDbMMUFfy5vSgwWAd7XYnTZw0ubjqRQe4QWrhGVV41P9dpZyelgDrqD5KRTdwAmpTIFWYk2AC0I58cWc9hsALcVbYyPX_VeMP62iNxN2UqXWQh2ZjgbUG8vx5gurxWhpYbYsnkM/s0/gp-sidebar-li.png') no-repeat scroll left center transparent;
}
#Label1 li a:link , #Label2 li a:link , #Label3 li a:link {
color: #000;
text-decoration: none;}
#Label1 li a:visited , #Label2 li a:visited, #Label3 li a:visited {
color: #000;
text-decoration: none;}
.main2{width:100%}
.htmlehmane{padding-bottom:10px;}
/* MISE EN FORME GENERALE 2018 Mobile*/
.post-title {
font-size: 0px;
margin: 0px;
text-align: left;
text-transform: uppercase;
color: #333;
font-weight: 300;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSLQVbno-Ph3-FU6eDM4NHFWJgGlO8G4gHd9S47LlyD1e3f7umWFOIs1OKrm3y8kP48hbiG7wKZS9_xH2GEBnA87jNftdIgmYUNdIXR_XduJu303tWT2lPlrnXeUvBSKtl7-naCRE3aOE/s1600/renovex-titre.png) no-repeat scroll 0px 0px #FFF;
padding: 7px 0px;
}
header{display:none;}
.write-devis{display:none;}
#jquery-gallery{display:none;}
/*=====================================
= O. Responsive Mobile2018 max-width: 996px
=====================================*/
@media only screen and (max-width: 996px) {
#jquery-gallery{display:none;}
#footer-back{display:none;}
#sidebar-wrapper {display:none;}
.image-profil{display:none;}
body{
background:#fff}
.logomob {display:none;}
#header div{display:none;}
#HTML2{display:none;}
#header {display:none;}
#header {height:0%}
#slider-bg{display:none;}
.menu-secondary-container{display:none;}
.menus .menu-secondary {display:none;}
#contentLeft {
float: initial;
margin: 0;
padding: 0;
width: 100%;
}
.postbox-line {
float: initial;
margin: 0px;
position: relative;
background-color: #ffffff;
width: 100%;
}
.post-date {
display:none;
}
.post-body {
float: initial;
position: relative;
margin: 0px;
padding: 0%;
width: 100%;
}
.post-body img {
width: 100%;
border: 2px solid rgb(65, 98, 144);
box-shadow: none;
height: 100%;
}
.pazzo{ text-align: justify;
padding: 10px;
float: left;}
#wrapper {
margin:0 auto;
position: relative;
z-index: 1;
width:96%;
}
#content-bottom{
background:url('images/kk-content-bottom.png') no-repeat;
width:100%;
height:10px;
}
#footer {
color: #D7CCB0;
font: 10px Arial;
margin: 0 auto;
position: relative;
width: 100%;
overflow:hidden;
}
.footer-width {
font-size: 11px;
margin: 0 auto;
position: relative;
text-align: center;
width: 90%;
border-top: 1px solid #416290;
}
.alignleft {
float: left;
margin: 5px 2px 2px 0;
}
.alignright {
float: right;
margin: 5px 0 2px 2px;
}
.postBox .insidemeta {
border-bottom: 1px solid #e9ebec;
border-top: 1px solid #e9ebec;
width: 90%;
padding: 7px;
margin: 0 0 15px 0;
position: relative;
}
.entry {
margin: 0px 0px 0px 0px;
padding: 0px;
width: 100%;
}
.entry img {
max-width: 100%;
padding: 0px;
}
.img-top {
width: 100%;
}
.motsc {
display:none;
}
#commentsbox {
display:none;
}
#contentLeft .postBox {
width: 100%;
}
#contentLeft .title h1 {
border: medium none;
color: #3a4046;
float: initial;
font: 30px/32px Arial,Tahoma,Verdana;
margin: 0;
position: relative;
text-shadow: 1px 1px #EDE5D1;
}
#contentLeft .postBox h1 a {
font-size: 21px;
line-height: 35px;
width: 100%;
padding: 1px;
text-align: center;
}
.postBox .title h1{padding: 0px;}
.post-title {
margin: 7px;
text-align: left;
text-transform: uppercase;
color: #333;
font-weight: 600;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwWmvRviH9ne7W46okiIUqGut_xJBSQF_GZggCB7xLaTg3duor-tx8P-ENa-sq0PXiCszpJzdIR_3glWrDsccmQIo5-xbmpzHQlZJgkKTw6r5t56nEWYCbJ3qqAODsn4WbPBu-LLSSTSRR/s1600/titleh1.png) no-repeat scroll 0px 0px;
padding: 3px 0px;
text-align: justify;
}
.post-title a {
border: medium none;
outline: medium none;
color: #000;
text-decoration: none;
font-weight: 600;
font-size: 13px;
padding-left: 28px;
line-height: 1.4em;
}
.post-title-body {
background: #eaedf2;
margin: 2px;
padding: 3px;
border-radius: 7px;
}
#contentLeft .postbox-line .write-devis{
display: block;
float: left;
padding: 4px;
border: 1px solid #fff;
border-radius: 3px;
background: #eaedf2;
}
#contentLeft .postbox-line .read-more a{
display: block;
width: 100%;
height: 100%;
background: #eaedf2;
text-indent: 1px;
}
.read-more {
display: block;
float: right;
padding: 4px;
border: 1px solid #fff;
border-radius: 3px;
background: #eaedf2;
}
/* MISE EN FORME GENERALE 2018 Mobile*/
#sidebar-wrapper {
float: initial;
margin: 0px;
position: relative;
width: 100%;
background: #fff;
border-radius: 5px;
padding: 2px;
}
/* AFFICHAGE SUR PETIT ECRAN */*
header{display:block;}
header{background:#FFF; Width:100%; border-top:3px solid #9cafba;}
div.title{ width:100%;}
div.titleM{ width: 100%;
text-align: left;
border-top: 3px solid #9cafba;
padding: 1px;
position: relative;
background: #ffffff;
border-bottom: 3px solid #9cafba;
height: 29px;}
div.title h1{color:#3a5b8b; padding-left:30px;font-family: 'Titillium Web', sans-serif; text-align:center; margin-top: 5px;}
div.navigation{ width:100%; background:#BBB; display:none;}
div.navigation nav{ width:100%; background:#3a5b8b; }
div.navigation nav ul{ list-style:none;}
div.navigation nav ul li{height:30px;line-height:30px;}
div.navigation nav ul li a{text-decoration:none;background:#3a5b8b; color:#fff; padding-left:15px;
font-family: 'Titillium Web', sans-serif;
display:block;
}
div.navigation nav ul li a:hover{
background:#fff;
color:#3a5b8b;
}
.fa{padding-right:10px;}
.box-shadow-menu {
position: relative;
display:block;
}
.box-shadow-menu:before {
margin-left: 15px;
content: "";
position: absolute;
left: 0;
top: 25px;
width: 40px;
height: 4px;
background: #1a3e76;
box-shadow: 0 6px 0 0 #1a3e76, 0 12px 0 0 #1a3e76, 0 -6px 0 0 #1a3e76;
}
}
@media only screen and (min-width:1200px) {
header{background:#FFF; Width:100%; border-top:5px solid #3a5b8b; height:50px;}
div.title{ width:30%; float:left;position:relative;}
div.title h1{color:#3a5b8b;
background:#FFF;
padding-left:30px;
font-family: 'Titillium Web', sans-serif; text-align:center;line-height:50px;}
div.navigation{
width:70%;
background:#FFF;
display:inline-block;
position:relative;
}
div.navigation nav{ position: relative;
float: right;}
div.navigation nav ul{ list-style:none;position:relative;}
div.navigation nav ul li{height:auto; float:left;line-height: 50px;}
div.navigation nav ul li a{text-decoration:none;background:#FFF; color:#333; padding-left:15px;
font-family: 'Titillium Web', sans-serif;
display:block; width:100%;
}
div.navigation nav ul li a:hover{
background:#fff;
color:#3a5b8b;
}
.fa{padding-right:10px;}
.box-shadow-menu {
position:relative;
}
.box-shadow-menu:before {
display:none;
margin-left: 15px;
content: "";
position: absolute;
left: 0;
top: 18px;
width: 25px;
height: 3px;
background: #2b7063;
box-shadow: 0 0.38em 0 0 #2b7063, 0 0.75em 0 0 #2b7063;
}
}
@media screen and (max-width:1200px) and (min-width: 997px)
{
header{background:#FFF; Width:100%; border-top:5px solid #3a5b8b; height:100px; border-bottom:1px solid #CCC;}
div.title{ width:100%; float:left;position:relative;}
div.title h1{color:#3a5b8b;
background:#FFF;
padding-left:30px;
font-family: 'Titillium Web', sans-serif; text-align:center;line-height:50px;}
div.navigation{
width:70%;
background:#FFF;
display:inline-block;
position:relative;
}
div.navigation nav{ position: relative;
float: right;}
div.navigation nav ul{ list-style:none;position:relative;}
div.navigation nav ul li{height:auto; float:left;line-height: 50px;}
div.navigation nav ul li a{text-decoration:none;background:#FFF; color:#333; padding-left:15px;
font-family: 'Titillium Web', sans-serif;
display:block; width:100%;
}
div.navigation nav ul li a:hover{
background:#fff;
color:#3a5b8b;
}
.fa{padding-right:10px;}
.box-shadow-menu {
position:relative;
}
.box-shadow-menu:before {
display:none;
margin-left: 15px;
content: "";
position: absolute;
left: 0;
top: 18px;
width: 25px;
height: 3px;
background: #2b7063;
box-shadow: 0 0.38em 0 0 #2b7063, 0 0.75em 0 0 #2b7063;
}
}
-->
Pour plus amples informations,une demande d'intervention , un devis ou tout autre renseignement , n'hésitez pas à nous contacté.
Nous vous accompagnons dans vos projets, demandez un devis gratuit.
