/* LÉGENDE DE COULEUR */ /* couleur 1 (rose) = #CB0839 */ /* couleur 2 (noir)= #000000 */ /* couleur 3 (gris) = #8A8370 */ body { font-family:Calibri, Helvetica, sans-serif; font-size:14px; min-width:320px; background:url(../image/bg.jpg) center botton-no-repeat;} /*editor*/ html.jPanelMenu body.section- div.jPanelMenu-panel div#one-column-right div#full-container div#container.clearfix div#center.center div#center-wrapper div#ancre.section-wrapper div.colonnePrinc div#page--propos.page div.content div.template div#zone-1.zone div.zone-content .block-text div.block-content p img.imgContenu{ width:20%; margin:2%; } .adresse{ background:url(../image/iconeLocalisation.png) left center no-repeat;padding-left:50px; min-height:45px; display:block; font-family: 'Desyrel',Arial,sans-serif; font-size:1.5em;} .telephone{background:url(../image/iconeTelephone.png) left center no-repeat;padding-left:50px;min-height:45px; display:block; font-size:2em; font-family: 'Desyrel',Arial,sans-serif; line-height: 1em;} .courriel{background:url(../image/iconeCourriel.png) left center no-repeat;padding-left:50px; min-height:45px; display:block; color:#575855; font-family: 'Desyrel',Arial,sans-serif; font-size:2em;} /*zopim*/ #chat{position:absolute; top:0px; left:0px;} /* POLICES DE CARACTÈRE*/ @font-face { font-family: 'Desyrel'; src: url('../fonts/desyrel-webfont.eot'); src: local('☺'), url('../fonts/desyrel-webfont.woff') format('woff'), url('../fonts/desyrel-webfont.ttf') format('truetype'), url('../fonts/desyrel-webfont.svg') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'Conro'; src: url('../fonts/conro1-webfont.eot'); src: local('☺'), url('../fonts/conro1-webfont.woff') format('woff'), url('../fonts/conro1-webfont.ttf') format('truetype'), url('../fonts/conro1-webfont.svg') format('svg'); font-weight: normal; font-style: normal;} #full-container {background:url(../image/bg.jpg) center top no-repeat fixed #1d4401; width:100%;} /* GÉNÉRAL */ a { color:#70170B; text-decoration:none; } .active{ font-weight:normal;} a:hover { text-decoration: none; } button::-moz-focus-inner { border: 0; padding: 0; } p{ font-size:14px; font-family:Calibri,Helvetica,sans-serif; color:#575855;} #center .page h1.page-title { display:none; } #center .page h2 { font-size:1.1em; font-weight:normal; color:#425738; font-family:Conro; padding:0px;} #center .page h3 { font-size:16px; padding:10px 0 5px 0; font-weight:normal; } #center .page h4 { font-size:16px; padding:10px 0 5px 0; font-weight:normal; color:#72A752;} #center h1.page-title{ display:none; } #container ul {list-style-type:inherit; overflow:hidden;} #container .block-content ul li{ line-height:30px; background:url(../image/puceC.png) no-repeat left center; list-style:none; min-height:30px; line-height:1.5em; color:#575855; border-bottom:1px solid #405536; padding:5px 0px 5px 30px;} /*iframe*/ #center .page .content {background:rgba(255,255,255,0.8); -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; margin:20px 0px;} #center .page .block {background:none; box-shadow:none; padding:2%;} #center .page .block .block-content iframe { width:98%;border:3px solid #425838;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #block-infosheader iframe table.uiGrid _51mz{ margin:Auto; } #center-wrapper { max-width:1500px; width:95%; margin:auto;} #right .block-title, #left .block-title { background-color:transparent; } #center .page .block-samage-1{border:none;} /* //////////NAVIGATION ///////////// */ #header-bar .main-nav li.parent-active > a, #header-bar .main-nav li.active a span { color:white; font-weight:normal; text-align:center; } #header-bar .main-nav .nav-level-main .nav-level-sub a:hover, #header-bar .main-nav li:hover > a { color:white;} #full-footer { background-color:#303030; } /* /////////////// BANNER ////////////// */ #header #banner > .slides > ol { height:auto; } #header #banner .image img { height:auto; width:100%;} #header #banner .image-content { right:0; width:auto; color:white; bottom:0px; z-index:10; color:inherit; background:url(../image/bgSlide.png); color:white; padding-top:30px; height:117px;} #header #banner .image-content .title { margin-left:200px; font-size:2em; color:#EDF2DC; background:url(../image/iconeChaison.png) left center no-repeat; padding-left: 65px; min-height:57px; font-family:'Desyrel', Arial, sans-serif; margin-bottom:20px; display:block; text-transform:none; width:95%; max-width:1500px; margin:auto;} #header #banner .image-content .title span {display:table-cell; vertical-align:middle; } #header #banner .image-content .description {margin-left:200px; font-weight:bold; letter-spacing:1px; margin-bottom:0; font-size:1.2em; width:95%; max-width:1500px; margin:auto; padding-left:57px;} #header #banner .image-content .description p{ color:#EDF2DC; } #header #banner .image-content .link { display:none; } #header #banner .overlay { position:absolute; width:100%; bottom:0; left:0; height:139px; z-index:3;} #header #banner .prev, #header #banner .next { top:140px; text-indent:-9999px; display:none;} #header #banner .prev a, #header #banner .next a{ display:block; width:29px; height:49px; display:none; } #header #banner .pagination { text-align:left; z-index:10;width:95%; max-width:1500px; margin:auto; position:relative; z-index:100; display:none;} .page-1 #header #banner .pagination { text-align:left; z-index:10;width:95%; max-width:1500px; margin:auto;position:relative; z-index:100; display:block;} #full-header #header #banner .pagination li { background:none; float: left;text-indent:inherit; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; width:24%; overflow:hidden;margin:0% 0.5%;} #full-header #header #banner .pagination li.current { background:#EDF2DC; margin-top:-50px; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); } #header #banner .pagination li.current {background:#CB0839;} #full-header #header #banner .pagination li:nth-child(1) a{ background:url(../image/bgZone1.jpg) repeat;} #full-header #header #banner .pagination li:nth-child(2) a{ background:url(../image/bgZone2.jpg) repeat;} #full-header #header #banner .pagination li:nth-child(3) a{ background:url(../image/bgZone3.jpg) repeat;} #full-header #header #banner .pagination li:nth-child(4) a{ background:url(../image/bgZone4.jpg) repeat;} #full-header #header #banner .pagination li a { margin:5%; display: block; width:90%; background:none; text-decoration:none; position:relative; height:380px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} #header #banner .pagination li.current a { } #header #banner .pagination li a p{ font-size:1em; display:block; color:white; text-align:center; padding:0% 2%;} #header #banner .pagination li a p a{ display: block; background:url(../image/bg.jpg); text-decoration:none; padding:15%; position:relative; border:15px solid white; height:400px;} #header #banner .pagination li a h2{margin:5% auto; height:39px;display:Table; padding:15px 0px 5px 0px;color:white;font-family:'Desyrel', Arial, sans-serif; text-align:center;-webkit-border-radius: 10px; display:table; } #header #banner .pagination li a h2 span{padding-left:0px; font-size:1.9em; display:block; height:31px; line-height:31px; display:table-cell; vertical-align:middle; text-align:center;} #header #banner .pagination li a img{ display:block; width:100%; height:auto; } .pagination li { display:inline-block; margin:0px; } #header #banner .image-content .link {background-color:none; color:black; } /* ////////////// BLOCKS INDIVIDUELS //////////////// * /* BLOCK INDIVIDUEL INFOSHEADER*/ #block-infosheader { width: 100%; float:left; color:white; position:relative; font-family:'Desyrel',Arial, sans-serif; font-size:34px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 1); height:85px;} #block-infosheader span { font-size:36px; line-height:40px; text-align:right; } #block-infosheader span a { color:white;} #block-infosheader span.number { font-size:80px; text-align:right;} #block-infosheader table {float:right;} #block-infosheader p{ font-size:30px; text-align:right;} #block-infosheader p span{ } #block-infosheader .block-content {float:right; width:100%;} #block-infosheader iframe {bordeR:inherit; } #block-infosheader .td2 {position:absolute; top:0px; right:71px;} #block-infosheader a.btnFacebook{ background:url(../image/iconeFacebookHover.png) right top no-repeat; width:67px; height:63px; position:absolute; top:10px; right:5px; text-indent:-5000px; display:block; float:right;} #block-infosheader a:hover.btnFacebook{ background:url(../image/iconeFacebook.png) right top no-repeat; /*background:url(../image/iconeFacebookOver.png) top right no-repeat;*/} #block-infosheader a{ text-indent:-5000px;} #block-infosheader .block-header{ display:none;} /* BLOCK INDIVIDUEL - SERVICES*/ #center .page #service {width:48%; margin:1%; float:left; margin-bottom:20px;} #center .page #service img{width:40%; float:left; margin:0% 2% 0% 0%;} #center .page #service ul{ overflow:hidden;} #center .page #service ul li{ background:none;display:inline-block; clear:both; padding-left:0px ;font-size:16px; font-family:'Desyrel', Arial, sans-serif; } #center .page #service ul li ul{ background:none; font-size:12px; color:#424242; font-family:Calibri,Helvetica,sans-serif; margin-top:10px;} #center .page #service ul li ul li{ background:url(../image/puce.png) top left no-repeat; padding-left:30px; display:inline-block; clear:both;font-size:12px; color:#424242; line-height:1.5em; padding-bottom:5px; float:left;} /* BLOCK INDIVIDUEL LISTEDIAPO (4 SECTIONS) */ #block-listediapo{ display:block; position:absolute; top:180px; right:20px; z-index:1000; color:white; font-family:'Desyrel', Arial, sans-serif; font-size:20px; width:auto;} #block-listediapo .block-header{ display:none;} #block-listediapo img{ max-height:400px; width:auto;} #block-listediapo li{ list-style:none; clear:both; display:table; margin-bottom:8px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; width:auto;} #block-listediapo li a{ display:table-cell; vertical-align:middle;} #block-listediapo li:nth-child(1) span:hover{} #block-listediapo li span:hover{ color:black;} #block-listediapo li span{ display:table-cell; vertical-align:middle; font-size:26px; text-transform:uppercase;} #block-listediapo li span a{ text-decoration:none; text-transform:uppercase; color:white; text-align:left; margin-left:10px; display:block; display:block;} #block-listediapo li:nth-child(1){background:url(../image/bgdiapo1.png) right top ;height:46px; margin-bottom:15px; display:table} #block-listediapo li:nth-child(1) span{ padding-left:120px; color:white;} #block-listediapo li:nth-child(2){background:url(../image/bgdiapo2.png) right top ;height:46px; margin-bottom:15px;} #block-listediapo li:nth-child(2) span{ padding-left:100px;} #block-listediapo li:nth-child(3){background:url(../image/bgdiapo3.png) right top; height:46px; margin-bottom:15px; width:310px;} #block-listediapo li:nth-child(3) span{ padding-left:130px;} #block-listediapo li:nth-child(4){ background:url(../image/bgdiapo4.png) right top ; height:46px; margin-bottom:15px;} #block-listediapo li a{ font-size:1.5em;} #block-listediapo li:hover{background:#321B13; } #block-listediapo li { float:right; padding:0% 0% 0% 2%;} #block-listediapo li:nth-child(1) a{ background:url(../image/icone1.png) right center no-repeat; padding-right:55px; height:46px; text-align:center; color:white; text-decoration:none; display:table-cell; vertical-align:middle;} #block-listediapo li:nth-child(2) a{ background:url(../image/icone2.png) right center no-repeat; padding-right:55px; height:46px; text-align:center;color:white;} #block-listediapo li:nth-child(3) a{ background:url(../image/icone3.png) right center no-repeat; padding-right:55px; height:46px; text-align:center;color:white; width:auto;} #block-listediapo li:nth-child(4) a{ background:url(../image/icone4.png) right center no-repeat; padding-right:55px; height:46px; text-align:center;color:white;} /*tbale*/ #center .page .block .block-content table tbody td { border-bottom: 1px solid #70170B; color:#575855;} /* FORMULAIRE * */ #center .block-form .field-wrapper .input_text, #center .block-form .field-wrapper select, #center .block-form .field-wrapper textarea{ background-color:#929292; border: 1px solid #DCDCDC; padding: 2%;width: 96%; -webkit-border-top-left-radius: 5px; -webkit-border-radius: 5px;-moz-border-radiust: 5px;-moz-border-radius: 5px;border-radius: 5px;border-radius: 5px; color:white;} /* ////////////////////// LAYOUT/////////////////////// */ /*PAGE D'ACCUEIL GABARIT*/ .colonne1{ width:48%; margin:0% 1%; float:left; } .colonne2{ width:23%; margin:0% 1%; float:left; } .colonne3{ width:23%; margin:0% 1%; float:left; } .colonnePrinc { width:100%; float:left;} .gabPages{ width:100%; float:left;} #body-wrapper { width:auto; } .input_text, textarea { paddingg:5px 5px; } textarea { height:65px; } .notitre .block-header {display:none;} .block-header { position:relative; margin-bottom:18px; min-height:57px; background:url(../image/puceTitle.png) left center no-repeat; padding-left:70px; color:#70170b;} .block-header .block-title { padding-right:0px; font-size:2em; } .block-header .comments {position:absolute; right:0; top:0; display:none;} button span, a.is-button span, #center .page button span, #center .page .block-subfooter a.more span{ display:block; padding:5px 7px; } button.big span, a.is-button.big span { font-size:15px; line-height:15px; padding:8px 10px; } .social-nav li { float: left; } .like-box p { font-size:11px; line-height:1.28; margin-left:5px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; } #header, #container, #footer, #absolute-footer { margin:0 auto; max-width:none;} #header-bar { padding:8px 20px; width:auto; position:relative; } #header #banner-wrapper { height:100%; border:1px solid #808080; border-color:rgba(0,0,0, 0.4); border-bottom:none; border-top:none; min-height:inherit;} /*Logo service de consultation professionnelle*/ #logoSCP{ display:none;} /* ///////////// HEADER ///////////////// */ #header #client-infos { display:none; padding:5px 10px; } #header #client-infos #logo { float:left; margin-right:12px; } #header #client-infos #logo img { max-height:120px; } #header #client-infos #block-address { float:left; padding-top:5px;} #header{ position:relative; float:left; width:100%;} #full-header-bar { height:137px; z-index:100; position:relative; top:0; width:100%; float:left; } #full-header-bar .wrapper-middle, #header-bar, #left-panel-content, #header-bar .main-nav, #header-bar .main-nav * { height:100%; } #full-header-bar .wrapper-top { display:none; } #full-header-bar .wrapper-middle { width:100%; margin:0 auto; position:relative; background-color:transparent; padding-left:0px;} #full-header-bar .wrapper-bottom { height:100%; width:100%; position:absolute; z-index:-1; left:0; top:0; } #full-header { position:relative; } #header-bar { padding:0; } #full-header-bar .wrapper-bottom { background:url(../image/bgHeader.jpg) no-repeat #331C14;} #header-bar #client-infos { float:left; z-index:2; width:25%; position:absolute; margin-left:0px; background:none; box-shadow:none; padding:0px; margin-right:0px;} #header-bar #client-infos #logo{ width:100%;} #header-bar #client-infos #logo .image{ width:100%;} #header-bar #client-infos #logo img { max-height:400px; max-width:none; width:100%;} #page-1 #header-bar #client-infos #logo img { max-height:inherit; max-height:400px; width:auto} #header-bar #client-infos #block-address {display:none; padding-top:10px; border-top:1px solid #cccccc; color:#808080; } #header-bar #client-infos #block-address strong, #header #client-infos #block-address strong{ color:black; } #header-bar #client-infos #block-address .phone, #header #client-infos #block-address .phone{ white-space:nowrap; padding-left:30px; color:#00A8FF; margin-top:10px; line-height:31px; font-size:16pt; background:transparent url('../image/phone_icon.png') scroll no-repeat 0 0; } #header-bar #social-buttons { position:absolute; top:70px; right:-195px; color:white; } #header-bar .plus-one-box { float:left; } #header-bar .like-box { float:left; margin-top:-1px; } #header-bar .like-box .fb-like { vertical-align: middle; display:inline; } #header-bar .like-box p { display:none; } #header-bar #block-socials { float:right; margin-right:-195px; margin-top:12px; } #header-bar .main-nav { text-align:left; font-weight:normal; font-size:10.5pt; text-transform:uppercase; width:75%;; float:right; height:40px; paddding:10px 0px;} #header-bar .main-nav .block-header, #header-bar .main-nav .block-footer { display: none; } #header-bar .main-nav ul {line-height:40px; width:100%; float:right; } #header-bar .main-nav li { float:left; position:relative; width:16.66%; } #header-bar .main-nav li.active a {color:#e0a643`; background:url(../image/borderBottomMwnu.png) center bottom no-repeat; } #header-bar .main-nav li a{ display:table; width:100%; letter-spacing:0px;} #header-bar .main-nav li a span{ display:table-cell; vertical-align:middle; font-size:1.5em; line-height:1em; text-align:center; font-family:'Desyrel', Arial, sans-serif; text-transform:none;} #header-bar .main-nav li a:hover{ background:none;} #header-bar .main-nav li a:hover{ color:#e0a643; background:url(../image/borderBottomMwnu.png) center bottom no-repeat;} #header-bar .main-nav .active a { font-weight:normal; } #header-bar .main-nav a, #header-bar .left-panel-toggle { text-decoration:none; display:block; padding:0; color:#C9C9C9; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #header-bar .left-panel-toggle { } #header-bar .main-nav a span { text-align:right; border-right:0px; background:url(../image/separator.png) center right no-repeat; } #header-bar .main-nav .nav-level-main .nav-level-sub a { color:white; line-height:inherit; height:auto; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; transition: background-color 0.3s linear; padding-left:10px; display:table-cell; vertical-align:middle;} #header-bar .main-nav li:last-child a span { border-right:none; } #header-bar .main-nav .nav-level-main .nav-level-sub li { float:none; display:block;background:#FAA11E; display:table;} #header-bar .main-nav .nav-level-main .nav-level-sub li:hover { background:#E46504;} #header-bar .main-nav ul li ul{ width:250px; background:#FAA11E; position:absolute;} #header-bar .main-nav li ul li{ float:none; display:block; padding:0px; text-align:left; width:100%; } #header-bar .main-nav .nav-level-main .nav-level-sub a span { border-right:none; text-align:left;} #header-bar .main-nav .nav-level-main .nav-level-sub li.active a { border-bottom:none; } #header-bar .main-nav .nav-level-main .nav-level-sub li.parent-active ul li.active { background:#C81D29; } #header-bar .left-panel-toggle { display:none; float:left; position:relative; color:white; } #header-bar .left-panel-toggle i,#header-bar .left-panel-toggle i:before, #header-bar .left-panel-toggle i:after { content:"\00a0"; width:5px; height:5px; display:inline-block; background-color:none; } #header-bar .left-panel-toggle i { margin:0; position:absolute; top:15px; left:0; display:none;} #header-bar .left-panel-toggle i:after { position:absolute; top:24px; left:0px; } #header-bar .left-panel-toggle i:before { position:absolute; top:12px; left:0; } /* NAVIGATION */ #jPanelMenu-menu { background:#2F1810; padding-top:10px; padding-bottom:10px; } #jPanelMenu-menu, #jPanelMenu-menu a { color:white; } #jPanelMenu-menu #social-buttons { display:none; } #jPanelMenu-menu .block-header{ display:none; } #jPanelMenu-menu #block-socials { clear:both; margin-bottom:10px; float:none; } #jPanelMenu-menu #block-socials ul { padding-left:10px; } #jPanelMenu-menu li {background:#415637;} #jPanelMenu-menu li ul li{ background:#E46604;} #jPanelMenu-menu .main-nav a { text-transform:inherit; color:white; border-bottom:1px solid #6D1916; text-decoration:none; padding:15px; display:block; font-size:1.2em; height:auto; line-height:1; font-family:'Desyrel'; border-top:none;} #jPanelMenu-menu .main-nav li.active { background:#70170B;} #jPanelMenu-menu .main-nav li:hover{ background:#DFA542; } #jPanelMenu-menu .main-nav .nav-level-sub { display:block; } #jPanelMenu-menu .main-nav .nav-level-sub a { padding:10px 10px 10px 30px; text-transform:none; } #jPanelMenu-menu .main-nav li:hover a{ color:white; } #jPanelMenu-menu .main-nav .nav-level-sub .nav-level-sub a { padding-left:40px; } /*ALBUMS PHOTO*/ #center .page .block-list-photo li{WIDTH:21%; MARGIN:2%; PADDING:0%;} #center .page .block-list-photo li img{width:100%;} #center .block-list-photo .image img{max-height:inherit;} #center .page .block .list > ol > li {border-top:none;border-bottom:none;} #no-column #center { width:auto; float:none; } #center { width:100%; padding-bottom:100px; padding-top:0px; margin-top:50px;} #center .block-navigation { box-shadow:0 1px 1px rgba(0,0,0,0.5); } #center .page .colonne1 img { width:47%; float:left; margin:2% 2% 2% 0%; height:auto; border:8px solid #425738; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);} #center .page .contact img { width:20%; float:left; margin:0% 2% 2% 0%; height:auto; border:8px solid #8A8370; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);} #center .page img { width:47%; float:left; margin:2% 2% 2% 0%; height:auto; border:8px solid #8A8370; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);} #center .page .accrostiche img { width:95%; float:left; margin:2.5%; border:none; height:auto; max-width:397px; background:white; } #center .page .block-title{ font-size:36px; color:#44463D; margin-bottom:0; font-weight:normal; font-family:'Desyrel'; padding-left:0px; } #right .block-title, #left .block-title { font-size:36px; color:#44463D; margin-bottom:0; font-weight:normal; font-family:'Desyrel';padding-left:40px; } #center .page .block-title, #right .block-title{color:#44463D;} #center .page .block-title, #right .block-title, #left .block-title{background:url(../image/borderBottom.png) bottom left no-repeat; padding-bottom:5px; color:#70170b; display:table; text-align:left; font-size:2em; text-transform:inherit;} #center .page .block-sam .block-subheader, #center .page .block-sam .block-subcontent, #center .page .block-sam .block-subfooter{ margin-bottom:20px; padding-left:0px;} /* BLOCK FIL D'ACTUALITÉ FACEBOOK */ #center .page .block-samage-1.block-subfooter .view a { color:#70170B;} #center .page .block-samage-1{border:none;} html.jPanelMenu body.section- div.jPanelMenu-panel div#one-column-right div#body-wrapper div#full-container div#container.clearfix div#center.center div#center-wrapper div#ancre.section-wrapper div#page-index.page div.content div.template div#zone-3.zone div.zone-content .block-list-news div.block-content div.list ol li div.block-subheader div.title a { color:#425738; font-family:Conro; font-size:1.2em; } #center .page .block-sam.block-event .title a{ color:#425738; } #center .page .bienvenue .block-title { line-height:1em;font-size:30px; padding:0px 0px 0px 40px; color:#44463D; margin-bottom:0; font-weight:normal; background:url(../image/iconeChaison.png) scroll no-repeat left bottom; font-family:'Desyrel'; min-height:44px; display:block; text-align:left;} #center .page .block-sam .block-header { margin-top:0px; } #center .page .resume{ color:#575855; font-size:1em; min-height:23px; line-height:1.2em;} #center .page .shares,#center .page .block-sam.block-facebook .block-subfooter .view a{ color:#575855; font-size:12px; min-height:23px; line-height:23px;} .block-list-news div.block-content div.list ol li div.block-subheader{ float:left; clear:both; width:100%;} #center .page .block-footer{display:none;} #center .page .block-sam.block-list-news .thumbnail img{ border:3px solid #425738; padding:0px; margin:0px; width:98%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #center .page .block-sam.block-list-photo.block-facebook.has-title .block-header .icon, #center .page .block-sam.block-event.block-facebook.has-title .block-header .icon, #center .page .block-sam.block-calendarage-1.block-header .icon{ background:url(../image/iconeFacebookHover.png) left center no-repeat; width:51px; height:54px;} #center .page .block-sam.block-list-news .block-subheader .title, #center .page .block-sam.block-event .block-subheader .title{ font-size:1em; font-family:'Conro';} .block-list-news div.block-header{ background:none; padding-left:0px;} #center .page .block-list-news .block-title { margin-top:75px; background:url(../image/facebookIcone.png) scroll no-repeat left bottom; font-family:'Desyrel'; height:63px; padding-left:60px; display:table;} #center .page .block-list-news .block-title span{ color:#70170B; background:url(../image/borderBottom.png) left bottom no-repeat; font-size:28px; text-transform:normal; display:table-cell; vertical-align:middle;} #center .page .block-sam .block-subheader .time { background:#425738; position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-family:'Conro'; left:0px; margin-left:0px; border-top:none; font-size:1.1em; padding-top:2px;} #center .page .block-sam.block-list-news li{ background:none; padding:0px; margin:0px; border:none;} #center .page .block-list-items .category-title:hover{background-color:#70170B;} #center .page ol li div.block-subcontent div.field-wrapper.text{ display:none;} #center .page .block-list-items .category-title{ cursor:pointer; background:url(../image/btnPlus.png) center right no-repeat #425838; color:white; display:block;font-family:'Desyrel'; font-size:20px; overflow:hidden; font-size:1.8em; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; margin:15px 0px;} #center .page h1{ background:#425838; color:white; padding:0px; display:block;font-family:'Desyrel'; font-size:20px; overflow:hidden; font-size:1.8em; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; margin:15px 0px;} #center .page .block-list-items .category-title:hover{background-color:#70170B;} #center .page .block-sam.block-list-photo .block-header .block-title, #center .page .block-sam.block-calendar .block-header .block-title, #center .page .block-sam.block-event .block-header .block-title{ border-left:none;} #center .page h1, #center .page .block-list-items .category-title span{ padding-left:10px;} #center .page .block-sam .block-content .list > ol > li{ background:none; } #center .page .block-sam.block-facebook { border-left: medium none; } #center .page .block-sam.block-facebook.has-title .block-header .icon{ display:none; } #center .page .block-sam.block-list-photo .block-header .block-title, #center .page .block-sam.block-calendar .block-header .block-title, #center .page .block-sam.block-event .block-header .block-title{ color:#733224; margin-left:50px;} #center .page .block-sam.block-list-photoage-1.block-header, #center .page .block-sam.block-list-news .list li.starred { background-color:none;} #center .page .block-sam.block-list-photo.block-facebook .block-header, #center .page .block-sam.block-list-news .list li.starred{ background-color:none;} #center .page .block-sam.block-list-photo .block-content .list > ol > li { width:18%; margin:1%; } #center .page .block-sam.block-list-photo .block-content .list > ol > li:nth-child(5n+1) { clear:both; } #center .page .block-sam.block-list-photo .block-content .list .image{ max-height:150px; overflow:hidden;} #center .page .block-sam.block-list-photo .block-content .list img{ width:100%; height:auto; border:none; padding:0px; max-height:none;} #center .page .block-sam.block-list-photo .block-content .list li a { color:#425738; font-family:Conro; font-size:1em;} /* BLOC-LIS-ITEMS */ #center .page .block-list-items .text{color:#8A8370; display:block;font-family:'Desyrel'; font-size:18px;text-transform:uppercase; overflow:hidden; padding-left:30px; border-bottom:1px solid #CE1443; border-left:3px solid #CE1443;} #center .block-list-items .list .category{ width:100%; clear:both; float:left;} #center .block-list-items .list .category-title{ width:100%; clear:both; float:left;} #center .page .block-list-items ol{ width:100%; float:left;} #center .page .block-list-items ol li{ width:100%; float:left;} #center .page .block-list-items ol li:nth-child(2n+1){clear:both;float:left;} #center .page .block-list-items .textarea img{ width:30%; float:left; border:1px solid #CE1443;} #center .page .block-list-items .block-subfooter{ display:none; }*/ /*DOCUMENTS*/ #center .page .docsCenter img{ width:32px; height:32px; border:0px; margin-right:10px; padding:0px; background:none; } #center .page .docsCenter .size{ color: #6C6C6C; } #center .page .block-list-docs .list .block-subfooter{border:none; display:table; border-bottom:1px solid #F0A620; width:100%;} #center .page .block-list-docs .list .block-subfooter a{display:table; vertical-align:middle; line-height:32px; background:none; text-decoration:none;} #center .page .docsCenter .title{color:#BE1A25; font-family: 'Desyrel'; font-size: 20px;} #center .page .docsCenter .time{display:none;} .page-1 .content{ width:100%; float:left;} /* ///////////////////// FOOTER /////////////////////////// */ #topFooter{ background:url(../image/topFooter.png);position:absolute; top:-45px; left:147px; width:111px; height:46px;} #full-footer {background:url(../image/bgFooter.jpg) ; -moz-box-shadow: 0 0 15px 0px #000;-webkit-box-shadow: 0 0 15px 0px#000;box-shadow: 0 0 15px 0px #000; } #footer { -moz-box-shadow: -5px 0px 10px #000;} #footer .center .image { width:230px; height:220px; } .logoFooter{ width:25%; float:left; position:relative;} #block-footer_content{ text-align:center;} .logoFooter img{width:80%; max-height:392px; position:absolute;margin-top:-85px;} #footer .field-wrapper { float:none; } #footer .input_text, #footer textarea { color:white; width:100%; border:1px solid #212121; background-color:#141414; box-shadow:0 2px 2px 2px #000000 inset, 0 0 0 #000000; } #footer .block-simple-contact button { position:relative; float: right; margin-top:10px; border:1px solid #00A8FF; } #footer .block-simple-contact .block-footer { display:none; } #footer .col-right, #footer .col-left { position:relative; float: right; width:35%; min-height:inherit;} #footer .col-left { float:left; } #footer .block-header{ text-align:left; background:none; padding-left:0px; } #footer .center .image-content .block-title, #footer .col-right .block-title, #footer .col-left .block-title{text-align:center; background:url(../image/borderBottomB.png) center bottom no-repeat; font-family:'Desyrel', Arial, sans-serif; font-size:2.5em; padding-left:0px;} #footer .center .image-content{margin-left:0px;} #footer .col-right, #footer .col-left{background:none;} #block-footer_content img{ width:100%; max-width:604px; height:auto;} #footer .col-right .block-content, #footer .col-left .block-content { padding:0 10px; } #footer .center { width:36%; padding:18px 2% 10px 2%; float: left; margin-left:25%;} #footer .main-nav { font-size: 10pt; } #footer .main-nav .block-header { display:none; } #footer .main-nav .nav-level-main { background-color:#242424; border-bottom:1px solid #808080; } #footer .main-nav li { float:left; } #footer .main-nav a { text-decoration:none; } #footer .main-nav span { text-decoration: none; display:table-cell; padding:0 5px; height:39px; min-width:100px; vertical-align:middle; text-align: center; color:white; text-shadow:1px 1px 1px #000000; border-right:1px solid #808080; } #footer .main-nav li.active > a span, #footer .main-nav li.parent-active > a span{ background-color:#898989; } #footer .center .content { overflow-y:hidden; padding-left:0px; padding-right:0px;} #one-column-left #footer .center .content { padding-left:10px; } #footer .center .image { float:left; overflow:hidden; } #footer .center .image * { width:100%; height:100%; margin:0; padding:0; } #footer .center .image .block-header, #footer .center .image .block-footer { display:none; } #footer .center .image img { max-width: 100%; min-height:100%; } #footer .center .image iframe { width:100%; height:100%; } #footer .center .image-content {} #footer .center .image-content ul li{ width:50%; float:left; display:table; background:url(../image/puce.png) left center no-repeat; margin-bottom:15px; height:20px;line-height:20px; color:#EDF2DC; text-align:left; font-size:1.5em; font-family:Conro; list-style-type:none;} #footer .center .image-content ul li span{ display:table-cell; text-align:left;vertical-align:middle; font-size:18px; padding-left:75px; text-align:left ; font-family:'Desyrel', Arial, sans-serif; color:white;} #footer .center .image-content ul li a{color:white; padding-left:15px;} #footer .center .image-content .col1{ width:33.33%; float:left;} #footer .center .image-content .col2{ width:33.33%; float:left;} #footer .center .image-content .col3{ width:33.33%; float:left;} #footer .center .image-content ul li span{ display:table-cell; vertical-align:middle; font-family:'Desyrel', Arial, sans-serif; font-size:18px; padding-left:40px; text-align:left ; font-family:'Desyrel', Arial, sans-serif; color:white;} #one-column-left #footer .center .image-content { margin-right:250px; } #footer .center .image-content h4 { margin:10px 0 0 0; color:white; font-weight: bold; } #footer .center .image-content p { margin:4px 0 25px; } /* FOOTER block-contact ********************** */ #footer #block-contact{ font-family:'Desyrel', Arial, sans-serif; text-align:center; font-size:16px; color:white; float:right; padding-right:5%;} #footer #block-contact p{ line-height:1em;font-family:'Desyrel', Arial, sans-serif; color:white; text-align:left;} #footer #block-contact .no{ font-size:20px; font-family:'Desyrel', Arial, sans-serif; color:#CB0839;} #footer #block-contact a{ font-family:'Desyrel', Arial, sans-serif; text-align:center; font-size:18px; color:white;} #footer #block-contact a:hover{ color:#8A8370; text-decoration:none;} .nom{ display:block; font-family:'Desyrel', Arial, sans-serif; color:white; font-size:30px;background: #d72330; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q3MjMzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDE5MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d72330 1%, #bd1924 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d72330), color-stop(100%,#bd1924)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d72330 1%,#bd1924 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d72330 1%,#bd1924 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d72330 1%,#bd1924 100%); /* IE10+ */ background: linear-gradient(to bottom, #d72330 1%,#bd1924 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72330', endColorstr='#bd1924',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border-radius: 10px; padding:1%;} .contact a{font-size:26px; font-family:'Desyrel'; color:#CB0839;} #copyBox{ border-top:1px solid white; float:left; padding:5px 0px; color:white; text-transform:uppercase; font-size:12px; width:100%; text-align:center; background:#c41b21; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#010000,endColorstr=#010000);} #copyBox a{ color:white; background:url(../image/logoEckinox.png) bottom left no-repeat; text-indent:-5000px; height:26px; width:78px; display:inline-block; line-height:26px;} #copyBox a:hover{ background:url(../image/logoEckinox.png) top left no-repeat; } #copyBox span{ color:white; padding-right:5px; text-indent:-5000px; display:none;} #copyBar{ border-top:1px solid white; position:relative;} #copyBar .block-title { display:none; line-height:2em;} #colLogoEckinox{ width:40%; float:right; height:70px; text-align:right; line-height:70px; font-size:11px; display:block; margin-right:10px;} #colLogoEckinox span{ display:inline-block; line-height:70px; vertical-align:top; margin-right:5px; color:white; font-size:12px;} a.logoEckinox{ width:78px; height:26px; display:inline-block; background:url(../image/logoEckinox.png) bottom left; bottom left no-repeat; vertical-align:middle; vertical-align:middle; text-indent:-5000px; margin-right:1%;} #colLogoEckinox a.logoEckinox:hover{ background-position:top left;} #full-absolute-footer { padding:10px 0; border-top:14px solid #010101; background:#010101 url('../../Sam/image/absolute_footer_bg.jpg') scroll repeat-x 0 0; } #absolute-footer { font-size:8pt; color:white; } #absolute-footer .center { width:72%; float: left; } #one-column-left #absolute-footer .center { width:72%; } #absolute-footer .col-right { float: right; width:26%; } #absolute-footer .col-left { float: left; width:26%; } #absolute-footer a { color:white; text-decoration: none; } #absolute-footer h4 { margin:10px 0 0 0; color:white; font-weight: bold; } #absolute-footer p { margin:4px 0; } #absolute-footer hr { border:none; border-top:1px solid #b3b3b3;} #absolute-footer iframe { margin:auto; } #absolute-footer #block-signature { padding:0 10px; } #absolute-footer #block-signature .block-title { display:none; } #absolute-footer #block-signature img { float:left; margin-right:10px; } #absolute-footer #block-signature a { color:#a1dd00; text-transform: uppercase;} /** Blank Layout **/ #blank-layout #full-container { background-color:transparent; } #blank-layout #container { border:none; width:auto; } #blank-layout #center { background:transparent none; border:none; padding:0; width:auto; float:none; } #blank-layout #center-wrapper { background:transparent none; border:none; padding:0; } #blank-layout #center .page { background:transparent none; } #blank-layout #center .page .block { background:transparent none; border:none; box-shadow:none; } /** Facebook Layout **/#center .page .block .block-content table #facebook-layout #header-bar .main-nav { display:block !important; } #facebook-layout #header #client-infos { display:block !important; } #facebook-layout #header a.admin { float:right; margin-top:15px; } #facebook-layout #center { float:none; width:auto; } #facebook-layout #footer .center, #facebook-layout #footer .col-left, #facebook-layout #footer .col-right { width:auto; float:none; clear:both; } #facebook-layout #absolute-footer { padding:0 10px; } .hidden-xlg, .visible-lg, .visible-sm, .visible-md, .visible-xsm { display:none; } @media screen and (max-width:1260px) { /* BANNER */ #header #banner .image img { width:1350px;} #footer .center .image-content ul li{ width:100%; } } @media screen and (max-width:960px) { /* HEADER */ #header-bar #client-infos #logo img { max-height:inherit; } .page-1 #block-listediapo li{ display:none;} #header #banner .image-content .title { display:block;} #header #banner .image-content .description {display:block;} #full-header-bar{ height:inherit; clear:both;} #logoSCP{ height:100px; } #block-infosheader { width:55%; font-size:22px; } #full-header #header #banner .pagination li a { height:315px;} /* BANNER*/ #logoSCP { width:55%; margin-top:50px; } #header-bar #client-infos{ width:30%; } #logoSCP, #block-infosheader{ margin-left:45%; } #header-bar #client-infos #logo img {width:100%; } #full-header-bar .wrapper-middle { width:100%; } #header-bar .main-nav { display:none; } #header-bar #social-buttons { float:right; position:static; margin:18px 0 0 0; } #header-bar #client-infos { } #header-bar .left-panel-toggle { display:block; float:right; width:68%; margin-right:2%; text-align:center; font-family:'Desyrel'; font-size:20px; text-transform:uppercase; position:inherit; } #header-bar .left-panel-toggle span{ display:block; text-align:center; font-family:'Desyrel'; font-size:24px; text-transform:uppercase; padding:11px 0px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; background:url(../image/borderBottomB.png) center bottom no-repeat #425738; height:30px; line-height:30px; margin-bottom:10px; } #header-bar .left-panel-toggle span:hover{background:url(../image/borderBottomB.png) center bottom no-repeat #E1A744;} #right .block-list-photo li, #left .block-list-photo li { margin:0 0 5px 0; float:none; width:auto; } .visible-lg { display:none; } .visible-md { display:block; } .hidden-md { display:none; } /* BLOCK INDIVIDUEL - LISTEDIAPO*/ .page-1 #block-listediapo{ display:none; } #center .page .colonne1 img{ width: 20%;} /* LAYOUT - COLONNES ACCUEIL */ .colonne1{ width:98%; } .colonne2{ width:48%; } .colonne3{ width:48%; } /* BLOCK INDIVIDUEL - SERVICES */ #center .page #service img {width:90%; margin:4% 1%; float:left;} /* FOOTER */ #copyBox{ text-align:center;} } @media screen and (max-width: 720px) { /*modele*/ #header-bar #block-socials, #header #banner .prev, #header #banner .next { display:block; } #block-infosheader {width:100%; margin-left:0px;} #full-header #header #banner .pagination li a { height:340px;} /* HEADER */ #block-infosheader { font-size:28px; } #right, #left { display:none; } #center { float:left; } #footer .center .content {} #footer .center, #footer .col-left, #footer .col-right { width:auto; float:none; clear:both; } #footer .input_text, #footer textarea { font-size:1.4em; padding-top:7px; padding-bottom:7px; } #absolute-footer { padding:0 10px; } #absolute-footer .center, #absolute-footer .col-right { width:48%; } /* BANNER */ #header #banner .image img { width:900px; } #header-bar #block-socials, #header #banner .prev, #header #banner .next { display:block; } /*#header #banner .image img { height:250px; width:704px; }*/ #header #banner { display:block; } #header-bar #client-infos { display:block; } #header #banner{ display:block; } #full-header #header #banner .pagination li{ width:49%; } #full-header #header #banner .pagination li.current { margin-top:0px; } #header #banner {position:inherit;} #header #banner .image-content{ display:none; } .page-1 #block-listediapo{ display:none; } /*ALBUMS PHOTOS FACEBOOK*/ #center .page .block-sam.block-list-photo .block-content .list > ol > li { width:31%; margin:1%; } #center .page .block-sam.block-list-photo .block-content .list > ol > li:nth-child(3n+1) { clear:both; } #center .page .block-sam.block-list-photo .block-content .list > ol > li:nth-child(5n+1) { clear:NONE; } #center .page .block-sam.block-list-photo .block-content .list .image{ max-height:150px; overflow:hidden;} /* BLOCK INDIVIDUEL - LISTEDIAPO*/ .page-1 #block-listediapo li{ display:none; } #header #banner .pagination li {margin-top:0px;} /* BLOCK-INDIVIDUEL - SERVICES */ #center .page #service {width:98%; margin:1%; float:left;} #center .page #service img { width: 40%;} /* FOOTER */ #footer .center .image-content { margin-left:0; } .logoFooter{ display:none; } #footer .center{ margin-left:0px; } #full-footer {height:auto;} } @media screen and (max-width: 480px) { #block-listediapo{ display:none;} /* GÉNÉRAL */ #center { margin-top:0px;} #center img { width:90%; margin-left:5%;} #center .page img{ width:80%; clear:both; margin-left:0%;} #center .page h1 { clear:both;} #center .page img{width:94%;} #header-bar .left-panel-toggle {float:left;} /* HEADER */ #header-bar .left-panel-toggle { width:100%;} html.jPanelMenu body.section- div.jPanelMenu-panel div#one-column-right div#body-wrapper div#full-header-bar.layout-header div.wrapper-middle div#header-bar div#client-infos div#logo.block div.image a img{ width:80%; float:left; height:auto; max-height:inherit; max-width:inherit;} #header-bar .left-panel-toggle{ width:96%; margin-left:2%;} #header-bar #client-infos { width:100%; position:inherit;} #block-infosheader table td.td1{ width:100%; float:left;} #center .page .block-sam .block-header {margin-top:0px;} #center .page .colonne3 .block-header{margin-top:0px;} #center .page h2{clear:both; } #center .page .block .block-content table thead th, #center .page .block .block-content table tbody td { font-size:1em !important; padding-left:0px; padding-right:0px; } /*BANNER*/ #header #banner .image img { width:100%; } .page-1 #header #banner .pagination { display:none;} /* LAYOUT */ #center{padding-bottom:0px;} #center .page .colonne1 img{ width:96%; margin-bottom:5px; margin-right:0px; } .colonne2{ width:100%; } .colonne3{ width:100%; } .colonnePrinc { width:100%; } /*ALBUMS PHOTOS FACEBOOK*/ #center .page .block-sam.block-list-photo .block-content .list > ol > li { width:48%; margin:1%; } #center .page .block-sam.block-list-photo .block-content .list > ol > li:nth-child(2n+1) { clear:both; } #center .page .block-sam.block-list-photo .block-content .list > ol > li:nth-child(3n+1) { clear:none; } #center .page .block-sam.block-list-photo .block-content .list > ol > li:nth-child(5n+1) { clear:NONE; } #center .page .block-sam.block-list-photo .block-content .list .image{ max-height:100px; overflow:hidden;} /* BLOCK LIST ITEM */ #center .page .block-list-items ol li{ width:96%; float:left; } #center .page .block-list-items .textarea img{ width:100%; float:left; } /* BLOCK INDIVIDUEL - SERVICES */ #center .page #service {width:98%; margin:1%; float:left;} #center .page #service img { width: 96%;} #center .page #service ul { width: 96%;} /* FOOTER */ #topFooter{ display:none;} #footer .center .image { margin-bottom:10px; } #footer .center .image, #footer .center .image-content { float:none; width:auto; } #absolute-footer #block-signature img { float:none; display:block; margin-bottom:10px; } .logoFooter{ display:none; } #footer .center{ margin-left:0px; } #footer .center .image-content ul li{ width:auto; float:left; clear:both;} #copyBox{ text-align:center;} #footer .center .image-content .col1 { width:50%; } #footer .center .image-content .col2 { width:50%; } #footer .center .image-content .col3 { width:50%; } #footer .center .image-content .col4 { width:50%; } #block-footer_content img { width:80%; } #footer #block-contact { width:95%; } .infohidden{ display:none; } /* IMG */ #center .page .contact img { width:96%; float:left; } }