/* Website CSS : custom.css -------------------------------------------------------------- */ html { font-size:100.01%; } body { -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none; width:100%; background:#101010; font-size:100%; color: #5d5a52; font-family: 'Open Sans', sans-serif; line-height:1.5em; } header { position:relative; background:#fff; z-index:21; } .topBar { border-bottom:1px solid #e6e6e6; border-top:3px solid #f79006; } .topBar img { font-size:9px; color:#fff; font-weight:normal; text-decoration:none; } .contentFull { background:#fff; padding:3em 0; } #contentContainer { float:left; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { position:relative; } .row-fluid [class*="span"], [class*="span"] {min-height:1px;} /* typographie -------------------------------------------------- */ h1, h2, h3, h4 { font-family:'artionet_thin', sans-serif; font-weight:400; color:#202020; background:url(../Images/titleLine.png) no-repeat left bottom; padding-bottom:0.4em; margin-bottom:0.3em; line-height:1.125em; } h1 { font-size:3em; margin-bottom:0.5em; } h2 { font-size:2.25em; } a { color: #f79006; text-decoration: none; } a:hover, a:focus { color: #f79006; text-decoration: underline; } .home h2, .sidebar h2 { font-size:3em; } blockquote { margin: 2em 2em 2em 0; padding:10px 0 0 30px; color: #666; border:none; font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; font-style: italic; background:url(../Images/quote.png) no-repeat left top; } blockquote p { font-size: inherit; } .HighlightedTerm { background:#eee; padding: 0 3px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#202020;} /* Icônes top -------------------------------------------------- */ header ul.list_s_icon { list-style-type:none; padding:0; margin:0; } header ul.list_s_icon.right { float:right; } header ul.list_s_icon li { display:inline-block; float:left; margin:0 5px; } a.s_icon { display:block; height:32px; width:32px; } a.s_icon span { text-indent:-9999px; line-height:0; font-size:0; color:#fff; } a.s_icon:hover span,a.s_icon:hover { color:#fff;} /* Logo -------------------------------------------------- */ span.logo { width:153px; float:left; margin:13px 0 9px 53px; position:relative; z-index:2001; height:62px; display:block; } span.logo a { display:block; height:62px; width:153px; position:relative; } span.logo a span { text-indent:-9999px; line-height:0; font-size:0; color:#fff; } span.logo a img { position:absolute; left:0; top:0; font-size:8px; color:#fff; text-decoration:none; } span.logo a:hover { text-decoration:none; } span.logo a:hover img { opacity:0.9; } /* Nav -------------------------------------------------- */ .openNav { float:right; margin:50px 0 0; position:relative; display:none; font-family: 'artionet_thin', sans-serif; font-size:1em; color:#202020; padding:6px 12px 5px 42px; } .no-svg .openNav span, .openNav span { position:absolute; left:16px; top:8px; display:block; width:20px; height:16px; background:url(../Images/sprite.png) no-repeat -172px -32px; } .svg .openNav span { background-image:url(../Images/sprite.svg); } .openNav:hover { text-decoration:none; color:#202020; } .fixed .openNav { margin-top:6px; } nav { z-index:2000; position:absolute; right:5px; bottom:0; margin-top:50px; width:100%; } nav ul { list-style-type:none; margin:0; padding:0; float:right; } nav .jshack.sublevel0 ul { float:left; margin:40px 60px 5px 0; width:230px; } nav .jshack.sublevel0 ul li { float:none; border-bottom:1px solid #e1ddce; } nav .jshack.sublevel0 ul li a { padding:14px 0 12px; color:#5d5a4e; display:block; height:auto; line-height:normal; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; font-weight:400; } nav .jshack.sublevel0 ul li a:hover { color:#202020; } nav ul li { float:left; } nav ul li a { display:block; height:26px; padding:8px 12px 0; font-family: 'Open Sans', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.15em; font-size:.825em; color:#202020; position:relative; } nav ul li a span, .no-svg nav ul li a span { width:12px; height:5px; background:url(../Images/sprite.png) no-repeat -160px -37px; position:absolute; bottom:0; left:50%; margin-left:-6px; display:none; } .svg nav ul li a span { background-image:url(../Images/sprite.svg); } nav ul li a:hover span, nav ul li.hoverNavigation a span { display:block; } nav ul li.hoverNavigation a, nav ul li a:hover, nav ul li.selected a:hover { color:#000; background:#f5f2e9; text-decoration:none; } nav ul li li a, nav ul li.selected li a { font-family: 'artionet_thin', sans-serif; text-transform:none; letter-spacing:normal; font-size:1.125em; font-weight:400; height:auto; padding:0; } nav ul li li a:hover { color:#f79006; } nav ul li.selected a { color:#f79006; } nav .sublevel0 { background: #f5f2e9; display: none; position: absolute; left:0; top:34px; z-index:2000; } nav .subMenuBox { width:230px; padding:30px 20px 20px; margin-right:60px; background:#f79006; text-align:center; color:#fff; float:left; font-family: 'artionet_thin', sans-serif; font-size:1.333em; line-height:1.25em; font-weight:400; min-height:220px; } nav .subMenuBox img { margin-bottom:30px; } #navContainer { height:84px; } #navContainer .inner { z-index:2000; width:100%; } #navContainer.fixed .inner { position:fixed; top:0; left:0; background:#fff; -moz-box-shadow:1px 1px 1.5px rgba(0,0,0,0.15); -webkit-box-shadow:1px 1px 1.5px rgba(0,0,0,0.15); -o-box-shadow:1px 1px 1.5px rgba(0,0,0,0.15); box-shadow:1px 1px 1.5px rgba(0,0,0,0.15); } .smallLogo { display:none; height:23px; width:182px; margin:12px 0 8px 10px; position:relative; z-index:2001; } .smallLogo span { text-indent:-9999px; line-height:0; font-size:0; color:#fff; } .fixed .smallLogo { display:block; } .fixed .smallLogo img { position:absolute; left:0; top:0;color:#fff;font-size:8px} .fixed nav { margin-top:13px; } .fixed span.logo { display:none; } .fixed .sublevel0 { -moz-box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.15); -o-box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 1.5px rgba(0, 0, 0, 0.15); } .smallLogo:hover img { opacity:0.7; } .iosfix { height: 101%; overflow: hidden; } @media (min-width:768px){ .special-link { position: relative} .special-link::after { content:''; display: block; width:100%; height: 85px; position: absolute; bottom: 0; right:0;background: linear-gradient(128deg, #f68f07, #740eb8)} .special-link a { color:#fff; z-index: 1 } .special-link a:hover { color:#fff; z-index: 1; text-decoration:underline; background: none} } /* Comportement petite résolution // page slide -------------------------------------------------- */ #pageslide .subMenuBox, nav ul li a span { display:none; } #pageslide { background: rgb(32,32,32); background: -moz-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(32,32,32,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(32,32,32,1) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#000000', GradientType=0 ); width: 180px; position:absolute; top:0; left:0; height:100%; padding:42px 10px 10px; box-shadow:inset 3px 0 3px #000; } #pageslide nav { position:static; } #pageslide nav ul li { border-bottom: 1px solid #515151; width:100%; } #pageslide nav ul li.level0 { border-bottom:none; } #pageslide nav ul li a { color: #F5F2E9; display:block; padding:8px 5px 6px; height:auto; font-weight:700; } #pageslide nav ul li li a { padding-left:18px; font-size:1em; color:#CCC; font-weight:400; } #pageslide nav ul li li a:hover { color:#fff; border-color:#fff; } #pageslide nav ul li a:hover { background:none; } #pageslide nav ul li a:hover span, #pageslide nav ul li.hoverNavigation a span { display:none; } #pageslide nav .sublevel0 { display:block; background:none; position:static; opacity:1 !important; -moz-opacity:1 !important; -webkit-opacity:1 !important; filter:'alpha(opacity=100)' !important; } #pageslide nav .jshack.sublevel0 ul { float:none; margin:0; width:100%; } #pageslide nav ul { float:none; } #pageslide nav ul li .sublevel0 { margin-bottom:10px; } #pageslide nav ul li.closed .sublevel0 { display:none; } /* Subnavigation -------------------------------------------------- */ .subnavigation { margin:30px 10px 30px 0; text-align:right; } .subnavigation ul, .subnavigation li { list-style:none; margin:5px 0; line-height:1.1em; } .subnavigation li a { display:inline-block; font-size: .875em; font-weight:700; color:#202020; padding:6px 0 5px 12px; border-bottom:3px solid #fff; } .subnavigation li li a { font-size: .875em; padding:6px 0 5px 12px; border-bottom:2px solid #fff; font-weight:400; } .subnavigation li.selected a { border-color:#f79e27; color:#F79006; text-decoration:none; } .subnavigation li.selected li a { border-color:#fff; color:#202020; text-decoration:none; } .subnavigation li.selected li a:hover { border-color:#F5F2E9; color:#111; text-decoration:none; } .subnavigation li.selected:hover a { border-color:#f79e27; color:#F79006; text-decoration:none; } .subnavigation li.selected:hover li:hover a { border-color:#F5F2E9; color:#111; text-decoration:none; } .subnavigation li.selected li.selected a, .subnavigation li.selected:hover li.selected a { border-color:#f79e27; color:#202020; text-decoration:none; } .subnavigation li.selected li.selected li a, .subnavigation li.selected:hover li.selected li a { border-color:#fff; color:#999; text-decoration:none; font-size: .75em; } .subnavigation li.selected li.selected li.selected a, .subnavigation li.selected:hover li.selected li.selected a { border-color:#f79e27; color:#f79e27; text-decoration:none; } .subnavigation li.selected:hover li a { border-color:#fff; color:#202020; text-decoration:none; } .subnavigation li:hover a { border-color:#F5F2E9; color:#111; text-decoration:none; } /* Slideshow -------------------------------------------------- */ .tp-bannertimer { display:none; } .fullwidthbanner { max-height:500px; background:#fff; } .tp-rightarrow.default { background:url(../Images/sprite.png) no-repeat -192px -32px #f79006; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; border-radius:2px; } .tp-leftarrow.default { background:url(../Images/sprite.png) no-repeat -232px -32px #f79006; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; border-radius:2px; } .tp-rightarrow.default:hover, .tp-leftarrow.default:hover { background-color:#E28100; } .tp-rightarrow.default:active { background-color:#202020; background-position:-192px -31px; } .tp-leftarrow.default:active { background-color:#202020; background-position:-232px -31px; } .fullwidthbanner ul li { list-style-type:none; visibility:hidden; } .tp-caption.slidelink { left:0 !important;} .tp-caption.tp-caption.big_artio_title_light.big_artio_title_dark { color:#2d302f;} /* Slider Services -------------------------------------------------- */ #sliderServices { background:#f79006; } #sliderServices ul { margin:0; } #sliderServices a { width:170px; height:170px; background:#fff; display:block; color:#f79006; text-align:center; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; border-radius:2px; position:relative; width:auto; } #sliderServices a:hover { text-decoration:none;} #sliderServices li.item { text-align:center; list-style:none outside none; padding:30px 0; cursor:url(../Images/move.png) 8 8, move; margin:0 15px; } #sliderServices a span.icoPanel, #sliderServices a img { margin-top:35px; } #sliderServices a span { display:block; width:90%; position:absolute; left:0; top:130px; font-family:'Open Sans', sans-serif; font-weight:400; line-height:1.2em; text-transform:uppercase; letter-spacing:0.1em; font-size:0.7222em; padding:0 5%; } @media(min-width:1220px) and (max-width:1379px) { #sliderServices .item a { height:150px; } #sliderServices .item a span { top:115px; } #sliderServices .item a .icoPanel { top:20px; } } #sliderClients { background:#f1f1f1; } #sliderClients ul { margin:0; } #sliderClients li.item { height:100px; display:block; color:#f79006; text-align:center; margin:0 15px; padding:20px 0; list-style:none outside none; cursor:url(../Images/move.png) 8 8, move; } #sliderClients li.item span { text-indent:-9999px; line-height:0; font-size:0; color:#f1f1f1; } #sliderClients h2 { text-align:center; background:none; color:#202020; font-size:0.7777em; padding:2em 0 0; margin:0; text-transform:uppercase; letter-spacing:0.1em; font-family:'Open Sans', sans-serif; } #sliderClients h2 a { color:#999; position:relative; background:none; width:auto; height:auto; } #sliderClients h2 a:hover { color:#202020; text-decoration:none; } /* Accroches -------------------------------------------------- */ .accroche { text-align:center; border-left:1px solid #d9d3c3; padding:0 100px; margin-top:3em; } .accroche h2 { background-position:center bottom; text-align:center; } /* Small List Blog home -------------------------------------------------- */ .smallListBlog p.item { border-bottom:1px solid #d9d3c3; padding:1em 0; } .smallListBlog p.item a { position:relative; color:#202020; padding-left:72px; display:block; font-size:1.125em; } .smallListBlog p.item a:hover { color:#f79006; text-decoration:none; } .smallListBlog p.item a span { position:absolute; left:0; top:1px; font-family:'artionet_thin', sans-serif; color:#787878; } .smallListBlog p.item a:hover span { color:#787878; } /* Small List Blog internes -------------------------------------------------- */ .int .smallListBlog p.item { border-bottom:1px solid #d9d3c3; padding:1em 0; margin:0; } .int .smallListBlog p.item a { position:relative; color:#5D5A52; padding-left:0; display:block; font-size:1em; } .int .smallListBlog p.item a:hover { color:#f79006; text-decoration:none; } .int .smallListBlog p.item a span { display:none; } /* Références détails -------------------------------------------------- */ .boxSidebar .BlocPicturesGallery .thumbnails li { margin-left:0; margin-bottom:0; border:none;} .boxSidebar .BlocPicturesGallery .thumbnails li img { width:100%;} .refDetails .EZ_TopColumnRef .BlocImage { position:relative; overflow:hidden;} .refDetails .EZ_TopColumnRef .BlocImage span.copyLink {position: absolute;right: 0;bottom: 11px;display: block;background: url(/Htdocs/Images/copyLinkBg.png) no-repeat 0 0;width: 24px;height: 350px;} .refDetails .EZ_TopColumnRef .BlocImage span.copyLink { background: url("/Htdocs/Images/copyLinkBg.png") no-repeat scroll 0 bottom #FFFFFF; bottom: 10px; height:100%; } .refDetails .EZ_TopColumnRef .BlocImage span.copyLink.withDesc { bottom:35px;}*/ /* Call us! -------------------------------------------------- */ .callUs { background:#2b2b2b; color:#F4F1E7; padding:2.1em 0 1.8em; } .callUs h2 { background:none; padding:0; margin:0; font-size:1.6666em; color:#F4F1E7; float:left; } .callUs p { font-family:'artionet_thin', sans-serif; font-size:1.6666em; } .callUs p a { color:#F4F1E7; /*margin-left:0.75em;padding-left:36px;*/ } .no-svg .callUs p a.phoneCall, .callUs p a.phoneCall, .no-svg .callUs p span.phoneCall, .callUs p span.phoneCall { padding-left:36px; padding-bottom:2px; background:url(../Images/sprite.png) no-repeat -542px 0; } .callUs p a i { font-family:'Open Sans', sans-serif; font-weight:700; font-size:1.2em; font-style:normal; color:#EDE6D2; } .callUs p a span { font-family:'Open Sans', sans-serif; font-size:0.9em; background:none; } .svg .callUs p a.phoneCall, .svg .callUs p span.phoneCall { background-image:url(../Images/sprite.svg); } /* Footer -------------------------------------------------- */ footer { font-size:0.875em; color:#f4f1e7; line-height:1.55em; background:#202020; padding-top:2em; } footer h2, .home footer h2, footer h2.default-title { background:none; color:#f4f1e7; font-size:1.7142em; } footer a, footer .part a { color:#f4f1e7; text-decoration:none; display:block; } footer .BlocLinks .box li { background:none; padding:0; margin:0.5em 0; } footer .BlocLinks .box ul.socialFooterLinks li:first-child { margin-top:-8px; } footer .BlocLinks .box li a:hover { color:#f79006; } footer .BlocLinks .box .socialFooterLinks li { margin-bottom:-11px; } footer .BlocLinks .box ul.socialFooterLinks li a img { opacity:0.7; } footer .socialFooterLinks a { position:relative; line-height:33px; } footer .socialFooterLinks .s_icon, .no-svg footer .socialFooterLinks .s_icon { height:32px; width:32px; text-indent: 100%; white-space: nowrap; overflow: hidden; position:absolute; left:0; top:0; opacity:0.5; } footer .BlocLinks .box ul.socialFooterLinks li a:hover img { opacity:0.9; } footer .newsletter .field label { text-indent: 100%; white-space: nowrap; overflow: hidden; line-height:0; margin:0; } footer .newsletter .field input { font-family:'Open Sans', sans-serif; background-color: #000; color:#f4f1e7; font-weight:400 !important; font-size:14px !important; border: 2px solid #d2cfc6; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } footer .newsletter .button { background:#f4f1e7; color:#202020; border: 2px solid #f4f1e7; padding:0 18px; } footer .newsletter .button:hover { background:#202020; color:#f4f1e7; } footer .newsletter .error {text-align: center;padding: 2px 5px;border: 2px solid #f11111;width: 209px;margin-bottom: 9px;background: #d30f0f;} footer .contact, footer .contact h2 { text-align:right; } footer .contact a.faxLink:hover { color:#F4F1E7;} footer .contact .chIco, .no-svg footer .contact .chIco { display:block; width:20px; height:24px; background:url(../Images/sprite.png) no-repeat -300px -72px; float:right; margin-left:5px; } .svg footer .contact .chIco { background-image:url(../Images/sprite.svg); } footer .contact a:hover { color:#f79006; } footer .impressum { background:#101010; color:#66635e; padding:2em 0 1em; margin:4em 0 0; } footer .impressum a { display:block; color:#101010; } footer .impressum a:hover { color:#101010; } footer .impressum a span { text-indent: -9999px; line-height:0; font-size:0; color:#101010; } footer .impressum a.artioLink { padding-right:20px; border-right: 1px solid #66635e; width:79px; height:37px; float:left; margin-right:19px; } footer .impressum a.ic2Link { width:30px; height:30px; margin-top:5px; float:left; } footer .impressum a img { opacity:0.9; } footer .impressum a:hover img { opacity:1; } /* Breadcrumb -------------------------------------------------- */ .breadcrumb { padding: 15px 0 14px; margin:0; background-color: #f79006; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; font-size:0.8888em; color:#f7f5ef; } .breadcrumb a { color:#f7f5ef; margin:0 3px; } /* Sidebar -------------------------------------------------- */ .sidebar { padding-left:28px; padding-top: 0.4em; font-size: 0.875em; line-height:1.5em; margin-bottom:2em; } .sidebar .boxSidebar, .int.intFull .boxSidebar { margin-bottom:2em; } .sidebar .button, .int.intFull .boxSidebar .button { font-size:0.875em; } .sidebar .default-title { margin-top:0; } .sidebar input { width:90%; } .boxSidebar ul { list-style-type:none; margin:0; padding:0; font-size:0.875em; } .boxSidebar ul li { padding:0.5em 0; border-bottom:1px solid #d9d3c3; } .boxSidebar ul li a { display:block; color:#202020; } .boxSidebar ul li a:hover, .boxSidebar ul.catNavRight li.selected a { color:#f79006; text-decoration:none; } .int.intFull .boxSidebar h1 { font-size:1.5em; padding-bottom:1em; } /* Facebook like box -------------------------------------------------- */ .facebook.boxSidebar * { width: 100% !important; } /* Search -------------------------------------------------- */ .boxSidebar .search label { text-indent:-9999px; line-height:0; font-size:0; } /* Flux de tweets -------------------------------------------------- */ .int .tweets p.item { border-bottom:1px solid #d9d3c3; padding:1em 0; margin:0; } .int .tweets p.item a { position:relative; color:#5D5A52; padding-left:0; display:block; font-size:1em; } .int .tweets p.item a:hover { color:#f79006; text-decoration:none; } .twitter-follow-button { padding:1em 0; } .modLIst h1.pageTitle { display:none; } /* Blog -------------------------------------------------- */ .listing.listingBlog .item { margin-bottom:3.3333em; } .listing.listingBlog .item p { position:relative;} .listing.listingBlog h2 { background:none; font-size:1.666em; padding-bottom:0; margin-top:1em; } .listing.listingBlog h2 a { color:#202020; text-decoration:none; } .listing.listingBlog h2 a:hover, .listing.listingBlog h2 a:focus, .listing.listingBlog h2 a:active { color:#f79006; text-decoration:none; } .listing p.info { font-size:0.7777em; } .listing p.info a { color:#f79006; } .listing p.info a:hover { color:#f79006; text-decoration:underline; } .listing img { margin-bottom:1em; } .listing p a { color:#5d5a52; } .listing p a.more { color:#f5f2e9; margin-top:3px; } .listing p a.more:hover, .listing p a.more:active { color:#f5f2e9; } .listing p a:hover, .listing p a:active, .listing p a:focus { color:#5d5a52; text-decoration:none; } .blogTags p { line-height:2.3em; } .blogTags p a { border:2px solid #d7d7d7; padding: 1px 9px; font-size: 0.875em; margin: 0 3px 3px 0; color:#555; -moz-transition:all ease-in-out 0.1s; -webkit-transition:all ease-in-out 0.1s; -o-transition:all ease-in-out 0.1s; transition:all ease-in-out 0.1s; display:inline-block; line-height:1.4em; } .blogTags p a:hover { border-color:#f79006; background:#f79006; color:#f4f1e8; text-decoration:none; } /* Recherche */ .result .listing .item { border-top:1px solid #e1e1e1;} .result .listing .item h2 a { display:block;} .result .listing .item h2 a:hover { color:#F79006;} /* Loading -------------------------------------------------- */ .int .contentFull .loadingList p { font-family:'artionet_thin', sans-serif; font-size:1.5em; color:#f79006; } .loadingList img { width:46px; height:46px; margin-right:15px; } /* Commentaires -------------------------------------------------- */ .comments .comments-list { clear: both; margin-top: 10px; } .comments .comments-list .item { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E0E0E0; padding: 15px 15px 15px 80px; position: relative; margin-bottom: 20px; } .comments .comments-list .item .media { background: none repeat scroll 0 0 #FFFFFF; height: 50px; left: 15px; overflow: hidden; position: absolute; top: 15px; width: 50px; } .comments .comments-form .item .img { height: 50px; overflow: hidden; width: 50px; } .comments .comments-list .item h3 { font-size: 17px; line-height: 1.25; margin: 0; color:#444; } .comments .comments-list .item strong { color: #555555; display: block; font-size: 13px; font-weight: normal; padding: 2px 0; } .comments .comments-list .item p { line-height: 1.2; margin: 0; padding: 0; text-align: justify; } .comments .comments-list .empty { padding: 15px; } .comments .comments-list .fb-item .icon { display: none; } .comments .comments-list .anonymous img { background: url("/Htdocs/Images/lib/comment.png") no-repeat scroll 100% 0 #FFFFFF; height: 50px; width: 50px; } .AddCommentLink { text-decoration: underline; } .comments .commentEditor { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BBBBBB; float: right; margin: 10px 0 5px; padding: 5px 10px 0; position: absolute; right: 5px; top: 5px; } .comments .commentEditor a { color: #777777; display: block; font-size: 12px; height: 14px; line-height: 1; margin-bottom: 5px; padding: 2px 0 0 20px; position: relative; } .comments .commentEditor a span { background: url("/Htdocs/Images/lib/comment.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 16px; left: 0; position: absolute; top: 0; width: 16px; } .comments .commentEditor a:hover { color: #000000; } .comments .commentEditor a.disable span { background-position: -56px -66px; } .comments .commentEditor a.delete span { background-position: -56px -82px; } .comments .commentEditor a.enable span { background-position: -56px -50px; } .comments-form { margin-left: -30px; } .comments-form label { display: none; } .comments-form input { display: block; } .comments-form .captcha span { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E0E0E0; border-radius: 4px 4px 4px 4px; display: block; margin: 10px 0; padding: 10px; text-align: center; } .comments-form .captcha img { width: 100%; } .comments .comments-list .item h3 span { color: #999999; } .comments-form .fbprofil-box { height: 70px; } .comments-form .fbprofil-box .fbprofil-img { float: left; margin: 0 1em 0 0; } .comments-form .fbprofil-box b { display: block; } .comments-form .profil { float: left; margin: 0 0 30px 30px; width: 450px; } .comments-form .message { float: left; margin: 0 0 30px 30px; width: 450px; } .comments-form .captcha-img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DFDFDF; border-radius: 4px 4px 4px 4px; margin: 1px auto 15px; padding: 5px; } /* Calendrier -------------------------------------------------- */ #blogCalendar { height:273px; background:#f79006 url('../Images/CalendarLoading.gif') no-repeat 50% 50%; color:#f4f1e8; border:2px solid #F79006; } #blogCalendar .ui-widget-header { border:none;} #blogCalendar .ui-datepicker-header { height:42px;} #blogCalendar .ui-corner-all { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} #blogCalendar a { color:#f4f1e8; display:block; } #blogCalendar .ui-blog-datepicker-header { font-size:12px; text-transform:uppercase; letter-spacing:0.1em; text-align:center; padding:10px 10px 5px; } #blogCalendar .ui-blog-datepicker-header a, .no-svg #blogCalendar .ui-blog-datepicker-header a { width:22px; height:22px; text-indent:-9999; font-size:0; line-height:0; float:left; cursor:pointer; background:url(../Images/sprite.png) no-repeat -320px 0; } .svg #blogCalendar .ui-blog-datepicker-header a { background-image:url(../Images/sprite.svg); } #blogCalendar .ui-blog-datepicker-header a:hover { opacity:0.7; } #blogCalendar .ui-blog-datepicker-header a.ui-blog-datepicker-next { float:right; background-position:-342px 0; } #blogCalendar .ui-blog-datepicker-header .ui-blog-datepicker-title { line-height:27px; } #blogCalendar table { width:100%; border-spacing:0; line-height:1.5em; } #blogCalendar table th { background:#e28100; font-size:11px; padding:3px 0 2px; text-transform:uppercase; letter-spacing:0.1em; text-align:center; } #blogCalendar table td { padding: 0; text-align:center; font-size:11px; } #blogCalendar table td a, #blogCalendar table td span { display:block; padding:6px 0; border:2px solid #f79006; } #blogCalendar table td.active a { background:#eee7d2; border-color:#eee7d2; color:#202020; } #blogCalendar table td.active a:hover { color:#fff; } #blogCalendar table td a:hover, #blogCalendar table td.active a:hover { background:#e28100; border-color:#e28100; text-decoration:none; } #blogCalendar table td.ui-blog-datepicker-other-month span { color:#f9b75e; } #blogCalendar table td.ui-blog-datepicker-current-day span { border:2px solid #eee7d2; } #blogCalendar.hasDatepicker { height:auto; background-image:none; } #blogCalendar .ui-datepicker-header, #blogCalendar .ui-datepicker-calendar { visibility:hidden; } #blogCalendar .ui-blog-datepicker-header, #blogCalendar .ui-blog-datepicker-calendar { visibility:visible; } /* Listing classique -------------------------------------------------- */ .hideTitle, .IC2Editor.int.intFull #IC_CategoryList h1.pageTitle, .IC2Editor.int.intFull #IC_CategoryEmpty h1.pageTitle { display:none !important; } .listing .item { margin:1em 0 5.5em; clear:both; } .listing .item .info { font-size:0.7777em; } .listing .item h2 { background:none } .listing .item img { float:left; margin-right:20px; } /* Listing team -------------------------------------------------- */ .span12.listing3col { margin:0 !important; width:100%; } .listing3col .item { float:left; margin:2em 2.12766% 2em 0; position:relative; width:31.623931623931625%; *width:31.570740134569924% } .listing3col .item.last { margin-right:0; } .clear { clear: both; } .listing3col .item a { color:#202020; } .listing3col .item a:hover { text-decoration:none; } .listing3col .item a span.date { font-family:'Open Sans', sans-serif; font-size:0.58333em; } .listing3col .item h2 { padding-bottom:0.7em; margin-bottom:0.4em; font-size:1.5em; } .listing3col.listingTeam .item h2 a, .no-svg .listing3col.listingTeam .item h2 a { text-indent:-9999px; font-size:0; line-height:0; display:block; width:32px; height:32px; background:url(../Images/sprite.png) no-repeat -364px 0; } .svg .listing3col.listingTeam .item h2 a { background-image:url(../Images/sprite.svg); } .listing3col .item p { font-size:0.875em; } .imgTeam { position:relative; width:299px; height:149px; cursor:pointer; overflow:hidden; } .imgTeam img { position:absolute; bottom:0; right:0; } .imgTeam img.teamHover { right:-91px; } .item.empty .imgTeam { color:#f5f2e9; text-align:center; } #refList .imgTeam { width:auto; } .item.empty .imgTeam a .itemTitle, .no-svg .item.empty .imgTeam a .itemTitle { font-family:'artionet_thin', sans-serif; display:block; font-size:2.281457em; background:url(../Images/LighttitleLine.png) no-repeat center bottom; padding:0 0 0.8em; margin-bottom:0.3em; } .svg .item.empty .imgTeam a .itemTitle { background-image:url(../Images/LighttitleLine.svg); } .item.empty .imgTeam a { color:#f5f2e9; display:block; padding:20px 10px; background:#f79006; font-size:0.8888em; line-height:1.5em; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s; } .item.empty .imgTeam a:hover { text-decoration:none; background:#e58504; color:#fff; } /* Références -------------------------------------------------- */ /* Small List */ .smallListReal .realList .item { width: 218px; margin:0 20px 20px 0; float: left; overflow: hidden; position: relative; } .smallListReal .realList .item.last { margin-right:0; } .smallListReal .realList .item a { display:block; position:relative; } .smallListReal .realList .item a img { position:relative; z-index:2; } .smallListReal .realList .item a div { position:absolute; left:0; width:100%; top:0; height:100%; z-index:1; background:#f79006; text-align:center; } .smallListReal .realList .item a div h2 { padding:30px 10px 10px; color:#f5f2e9; display:block; font-family:'artionet_thin', sans-serif; background:url(../Images/LighttitleLine.png) no-repeat center bottom; font-size:1.5em; } .listingRef { position:relative !important; } .listingRef .item img { position:relative; z-index:2; } .listingRef .item { width: 23.404255319148934%; margin:0 0 10px; float: left; overflow: hidden; position: relative; } .listingRef .item.large, .listingRef .variable-sizes .item.large, .listingRef .variable-sizes .item.large.width2.height2 { width: 48.93617021276595%; /*z-index: 100; */} .listingRef .item p, .item h2 a { color:#202020; } .listingRef .item p .light { color:#a1a1a1; } .item h2 a:hover { text-decoration:none; } .listingRef .item a { display:block; position:relative; } .listingRef .item a div { position:absolute; left:0; width:100%; top:0; height:100%; z-index:1; background:#f79006; text-align:center; } .listingRef .item a div h2 { padding:20px; color:#f5f2e9; display:block; font-family:'artionet_thin', sans-serif; background:url(../Images/LighttitleLine.png) no-repeat center bottom; padding:0 0 0.8em; font-size:1.5em; } .listingRef .item a div h2 { padding-top:20px; } .listingRef .item.large a div h2 { padding-top:100px; } .refDetail.int .contentFull p.info { font-size:0.7777em; color:#5d5a52; margin-bottom:0; } /* Filtres -------------------------------------------------- */ .itemFilter { width:100%; position:relative; height:50px; } a.itemFilterBtn { padding:5px 76px 4px 18px; background:#f79006; color:#f3f1ea; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; font-size:14px; } a.itemFilterBtn:hover { text-decoration:none; background:#e58504; color:#fff; } a.itemFilterBtn span { display:block; position:absolute; top:0; right:0; width:21px; height:100%; border-left:1px solid #fff; background:url(../Images/sprite.png) no-repeat -313px -26px #f79006; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } a.itemFilterBtn:hover span { background-color:#f79006; } a.itemFilterBtn:focus { text-decoration:none; border:none; outline:none; } #itemFilters { position:absolute; top:29px; left:0; z-index:200; list-style-type:none; margin:0; padding:0; background:#f79006; font-size:14px; border-top:none; display:none; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #itemFilters li a { padding:12px 86px 10px 12px; display:block; color:#f3f1ea; } #itemFilters li a:hover { background:#e58504; color:#fff; text-decoration:none; } .itemSort { display:block; width:23px; height:23px; text-indent:-9999px; line-height:0; font-size:0; position:relative; float:right; margin:0 20px 0 0; } .itemSort span { display:block; position:absolute; background:#f79006; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s; } .itemSortList span { width:23px; height:5px; } .itemSortIsotope span { width:10px; height:10px; } .itemSort:hover span { background:#e58504; } .itemSort .sort1 { top:0; left:0; } .itemSortList .sort2 { top:9px; left:0; } .itemSortList .sort3 { top:18px; left:0; } .itemSortIsotope .sort2 { top:0; left:13px; } .itemSortIsotope .sort3 { top:13px; left:0; } .itemSortIsotope .sort4 { top:13px; left:13px; } .listingPartenaires .item { width: 299px; } .listingPartenaires .imgContainer { border:2px solid #f8f0e9; text-align:center; padding:30px 0; } /* Newsletter sub */ .BlocForms.newsletterSubscription { text-align:center; } .BlocForms.newsletterSubscription .invisible { display:block; line-height:1; font-size:1px; } .BlocForms.newsletterSubscription .field input[type='text'] { width:194px; margin:0 auto 20px; } /* Pagination -------------------------------------------------- */ .pagination-centered { clear:both; margin-bottom:2.5em; } .pagination-centered { text-align:center; clear:both; margin-bottom:2.5em; } .pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pagination { clear:both;} .pagination ul>li>a { float: left; font-family:'artionet_thin', sans-serif; color:#5e5e5e; font-size:1.125em; padding: 4px 10px 8px; margin:0 12px; line-height: 20px; text-decoration: none; background-color: #FFF; border-bottom:2px solid #fff; border-top:none; border-right:none; border-left-width: 0; } .pagination ul>li:first-child>a { border-left-width: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; border-bottom:2px solid #f79006; } .pagination ul>li:last-child>a { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; border-bottom:2px solid #f79006; } .pagination ul>li.prevLink a, .pagination ul>li.nextLink a { padding-left:0; padding-right:0; } .pagination ul>li:first-child span.visible-desktop, .pagination ul>li:last-child span.visible-desktop { display:inline !important; } .pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span, .pagination ul>li.selected>a, .pagination ul>li>a.selected { background-color:#fff; border-bottom:2px solid #f79006; color:#202020; } /* Styles de titre -------------------------------------------------- */ .default-title { font-family:'artionet_thin', Sans-serif; font-style:normal; text-decoration:none; text-align:left; background:url(../Images/titleLine.png) no-repeat left bottom; border:0; text-transform:none; padding:0 0 0.5em; color: #202020; font-size:2.25em; font-weight: 400; line-height: 1.125em; margin:0 0 0.5em 0; } .default-subtitle, .int .contentFull p.wysiwyg-h1 { font-family:'Open Sans', Sans-serif; font-style:normal; text-decoration:none; text-align:left; background:none; border:0; text-transform:none; padding:0; color: #202020; font-size: 1.125em; font-weight: 700; line-height: 1.4444em; margin:10px 0 0; } .default-subtitle { margin-bottom:1em; } .int .contentFull p.wysiwyg-h2 {font-family:'Open Sans', Sans-serif; font-style:normal; text-decoration:none; text-align:left; background:none; border:0; text-transform:none; padding:0; color: #f79006; font-size: 0.875em; text-transform:uppercase; font-weight: 700; line-height: 1.4444em; margin:10px 0 0; } /* Buttons -------------------------------------------------- */ .button, button, .btn, .wysiwyg-button a { font-family:'Open Sans', sans-serif; display: inline-block; padding:3px 18px; text-decoration:none; background:#f79006; color:#f5f2e9; font-weight:400; text-shadow:none; margin:0; border:none; -moz-transition:background-color 0.05s ease; -webkit-transition:background-color 0.05s ease; transition:background-color 0.05s ease; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .button.share { background:#f1f1f1; color:#646464; margin:0 auto; width:120px; float:none; } .button.share:hover { background:#d7d7d7; color:#646464; } .tools { text-align:center; clear:both; } .tools .toolsNav, .tools .addthis_toolbox { width:100%; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:1.5em 0 1.4em; margin-bottom:2em;} .tools .addthis_toolbox { text-align:left; } .tools.refTools, .tools.refTools .addthis_toolbox { border-bottom:none; margin-bottom:0; } .tools .toolsNav .prev { float: left; width:120px; } .tools .toolsNav .next { float: right; width:120px; } .tools .toolsNav br { display:none; } .tools .addthis_default_style .addthis_button_facebook_like.at300b, .tools .addthis_default_style .addthis_button_tweet.at300b { width:110px; } .tools .addthis_default_style .addthis_button_google_plusone.at300b { width:87px; } .tools .addthis_default_style .addthis_button_linkedin_counter.at300b { width:120px; } .tools .addthis_default_style .addthis_button_pinterest_pinit.at300b { width:50px; } .share > i { background-position: -395px 0; } button:hover, .button:hover, .btn:hover, .wysiwyg-button a:hover { background:#E28100; color:#f5f2e9; text-decoration:none; } .button:active, button:active, .btn:active, .wysiwyg-button a:active { padding:4px 18px 2px; background:#202020; color:#f5f2e9; } .button:focus, button:focus, .btn:focus, .wysiwyg-button a:focus { outline:none !important; } /* Input & other forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #FFF; border:2px solid #D7D7D7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family:'Open Sans', sans-serif; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #f79006; outline: 0; outline: thin dotted \9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; } /* Sitemap */ #sitemap, #sitemap ul { list-style:none;margin:0;padding:0; } #sitemap ul li ul { list-style-type:circle; list-style-position:inside;} #sitemap li { position:relative;margin:0;padding:0 0 0 20px;} #sitemap li.sitemap0 { margin-bottom:0.5em;} #sitemap li a { color: #202020;font-family: 'Open Sans',sans-serif; font-size: 0.825em;font-weight: 700;height: 26px;letter-spacing: 0.15em;text-transform: uppercase;} #sitemap li li a { font-family:'Open Sans', sans-serif; text-transform:none; font-weight:400; height:auto; letter-spacing:normal; color:#F79006;} #sitemap li a.anchor { display:block;width:12px;height:12px;background:#F79006;font-size:0;line-height:0;text-indent:-9999px;text-align:left;cursor:pointer;padding:0;margin:0;position:absolute;top:6px;left:3px; -moz-border-radius:50%; -webkit-border-radius:50%;-o-border-radius:50%; border-radius:50%;} #sitemap .hideSubLevels .anchor { } #sitemap .hideSubLevels ul { display:none; } /* Corrections IC2 -------------------------------------------------- */ .IC2Editor .x-form-item label.x-form-item-label, .IC2Editor .x-form-cb-label { margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 19px; } .IC2Editor .x-form-cb-label { display:inline; } .IC2Editor .x-form-text, .IC2Editor textarea.x-form-field { padding:2px 6px 0 6px; transition:none; box-shadow:none; border-radius:0; border-color:#ddd; border-width:1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; margin:0; } #siteTree .btnPin { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:13px; } .x-form-check-wrap { overflow:hidden; } .x-toolbar .x-btn button { background:none; } .x-toolbar .x-btn button:hover, button.x-btn-text { background:none; color:#202020; } .x-toolbar .x-btn button:active { background:none; } .x-toolbar .x-btn button:focus { background:none; } .IC2Editor .x-form-text:focus, .IC2Editor textarea.x-form-field:focus { border-color:#75b9f0 !important; } .surveyLink { position:fixed; bottom:0; left:0; z-index:999; } .imagemasked { display: none;} .IC2Editor .imagemasked {display: block;position: relative;} .IC2Editor .imagemasked .box {height: 140px;overflow: hidden;} .IC2Editor .imagemasked .box img {border-bottom: 0 none;border-top: 0 none;margin: -40% 0 0;padding: 0;} .IC2Editor .imagemasked .box span {background: url("/Htdocs/Images/imgmasked.png") repeat scroll 0 0 rgba(0, 0, 0, 0); display: block;height: 140px;left: 0;margin: 0;padding: 0; position: absolute;top: 0; width: 100%;} .IC2EditableImage .IC2EditableImageButton { z-index:2;} .ext-trigger-noedit { cursor:pointer; } .IC2Editor .tools .toolsNav, .IC2Editor .tools .addthis_toolbox { border:none;} /* Lien sondage */ .backtotopinstance { position: fixed;right: 20px;bottom: 20px;background: #F79006; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;border-radius: 50%; width:65px; height:65px; text-align:center; padding:20px; color: #F5F2E9; font-size:13px; line-height:18px; z-index:999; -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg); } .backtotopinstance:hover { color:#F5F2E9; background:#F79006; text-decoration:none;} .no-svg .int .backtotopinstance, .int .backtotopinstance { position: fixed;right: 20px;bottom: 20px;background:url('https://d29jmvrmxk3e7u.cloudfront.net/Htdocs/Images/staticImages/backToTop_1.png') no-repeat transparent; -moz-border-radius:0; -webkit-border-radius: 0; -o-border-radius: 0;border-radius: 0; opacity:0.7; width:50px; height:50px; text-align:center; padding:0; font-size:0; text-indent:-9999px; line-height:0; z-index:999; -moz-transform:none; -webkit-transform:none; -o-transform:none; } .svg .int .backtotopinstance {background:url('https://d29jmvrmxk3e7u.cloudfront.net/Htdocs/Images/staticImages/backToTop_1.svg') no-repeat transparent;} .int .backtotopinstance:hover { opacity:1;} /*Page chiffrescles */ .IC2Nav-9718 .boxChiffreCles { position:relative; } .IC2Nav-9718 .boxChiffreCles .itemHidden { opacity:0; filter:alpha(opacity=0); } .IC2Nav-9718 .boxChiffreCles .clear { clear:both; } .IC2Nav-9718 .boxChiffreCles .item { font-weight:bold; width:350px; position:absolute; } .IC2Nav-9718 .boxChiffreCles .item * { cursor:pointer; position:absolute; width:350px; border:black solid 1px; } .IC2Nav-9718 .boxChiffreCles .item0 { left:250px; } .IC2Nav-9718 .boxChiffreCles .item1 { left:50px; } .IC2Nav-9718 .boxChiffreCles .item2 { left:150px; } .IC2Nav-9718 .boxChiffreCles .item3 { left:450px; } .IC2Nav-9718 .boxChiffreCles .item4 { left:340px; } .IC2Nav-9718 .boxChiffreCles .item5 { left:10px; } .IC2Nav-9718 .boxChiffreCles .item6 { left:150px; } .IC2Nav-9718 .boxChiffreCles .item7 { left:210px; } .callUs { padding:2.1em 0 1.8em; } .BlocPicturesGallery .row-fluid li{ position:relative;} .BlocPicturesGallery .IC2EditableImage .IC2EditableImageButton{ top:6px;} .listing .item{ position:relative;} .listing .item .IC2EditableImage .IC2EditableImageButton{ top:66px;} .home .default-subtitle{ font-size:18px; margin-bottom:1em;} /* Live chat */ #chattab a { z-index:999; position:fixed; border-radius:0px 0px 3px 3px; -webkit-border-radius:0px 0px 3px 3px; -moz-border-radius:0px 0px 3px 3px; -ms-border-radius:0px 0px 3px 3px; font-size:14px; left:0; top:55%; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-transform-origin:top left; -moz-transform-origin:top left; -o-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; } #chattab #chattab_online { background-color:#76b30c; color:white; border:solid 1px #64970a; border-top:0px } #chattab #chattab_online >span { display:block; padding:4px 14px } #chattab #chattab_online:hover { text-decoration:none; background-color:#7fbc1c } #chattab #chattab_offline { background-color:#ccc; color:#111; border:solid 1px #999; border-top:0px } #chattab #chattab_offline >span { display:block; padding:4px 14px } #chattab #chattab_offline:hover { text-decoration:none; background-color:#ddd } .BlocForms .radiolist .NumberColumn-1 span label{display:inline-block;} .BlocForms .radiolist .NumberColumn-1 span input{margin-top:0;} .BlocForms .radiolist .NumberColumn-1 span{padding-right:10px;} .BlocForms .radiolist .NumberColumn1 span{position:relative;float:left;width:100%;} .BlocForms .radiolist .NumberColumn1 span input{position:absolute;} .BlocForms .radiolist .NumberColumn2 span{position:relative;float:left;width:50%;} .BlocForms .radiolist .NumberColumn2 span input{position:absolute;} .BlocForms .radiolist .NumberColumn3 span{position:relative;float:left;width:33%;} .BlocForms .radiolist .NumberColumn3 span input{position:absolute;} #chattab1{position:fixed;bottom:20px;right:20px;width:90px;z-index:10;transition:all 1s;} #chattab1 img{width:100% !important;} .btnBackTop #chattab1{bottom:90px;} @media (min-width: 1200px) { .realList li a, .realList li a img { max-width:270px; } /* Nav -------------------------------------------------- */ nav .jshack.sublevel0 ul { margin:40px 80px 5px 0; width:330px; } nav .subMenuBox { width:230px; padding:30px 20px 20px; margin-right:60px } .subnavigation li a { font-size: 1em; } /* Calendrier -------------------------------------------------- */ #blogCalendar table td span, #blogCalendar table td a { padding:8px 0; } /* Listing 3 col -------------------------------------------------- */ .imgTeam { width:370px; height:183px; } .listingPartenaires .item { width: 370px; } .item.empty .imgTeam { height:183px; } .item.empty .imgTeam a { padding:40px 10px; } .callUs p a { margin-left:2em; } .realList li a div span { padding: 61px 10px 16px; } /* SmallList -------------------------------------------------- */ .smallListReal .realList .item { width: 269px; margin:0 30px 30px 0; } .smallListReal .realList .item a div h2 { padding-top:35px; } .listingRef .item { width: 270px; height:156px; margin-bottom:20px; } .listingRef .item.large, .listingRef .variable-sizes .item.large, .listingRef .variable-sizes .item.large.width2.height2 { width: 570px; height:330px; } .item.empty .imgTeam a { padding: 35px 10px 22px; } .listingRef .item a div h2 { padding-top:35px; } .listingRef .item.large a div h2 { padding-top:140px; } } @media (max-width: 979px) { /* Call us! -------------------------------------------------- */ .callUs { text-align:center; padding: 1.5em 0 1.2em; } .callUs h2 { text-align:center; float:none; margin-bottom:0.75em; } .callUs p.pull-right { float:none; display:inline; } .callUs p a { color:#F4F1E7; margin-left:0; display:block; margin-top:0.5em; } .callUs p a i { font-family:'Open Sans', sans-serif; font-weight:700; font-size:1.2em; font-style:normal; color:#EDE6D2; } .callUs p a span { font-family:'Open Sans', sans-serif; font-size:0.9em; background:none; } .callUs p { background:url(../Images/sprite.png) no-repeat -542px 0; } /* SmallList -------------------------------------------------- */ .smallListReal .realList .item { width: 310px; margin:0 0 20px; } .smallListReal .realList .item a div h2 { padding-top:55px; } .callUs p a.phoneCall { display:inline; } /* Nav -------------------------------------------------- */ nav .jshack.sublevel0 ul { margin:18px 22px 5px 0; width:200px; } nav .jshack.sublevel0 ul li a { font-size:1em; color:#424036; } nav .subMenuBox { width:200px; padding:30px 20px 20px; margin-right:30px } /* Calendrier -------------------------------------------------- */ #blogCalendar .ui-blog-datepicker-header { font-size:11px; padding:5px 5px 5px; } #blogCalendar table td span, #blogCalendar table td a { padding:3px 0; } /* Addthis partage -------------------------------------------------- */ .tools .addthis_default_style { text-align:left; } .tools .addthis_default_style a.at300b { display:block; width:100%; margin:10px 0; float:none; } } @media (max-width: 979px) and (min-width: 768px) { body { font-size:82.5%; } nav ul li a { letter-spacing:0.05em; font-size:.7777em; padding:8px 8px 0; } .subnavigation li a { font-size: 0.7777em; color:#202020; padding:4px 0 3px 6px; } .sidebar { font-size:0.7777em; } .accroche { padding:0 20px; } .row-fluid .span5.offset1.smallListBlog { width: 48.61878453038674%; margin-left:0; } .realList li a, .realList li a img { max-width:310px; } .imgTeam { width:230px; height:115px; } footer .newsletter .field input { width:150px; } .listingPartenaires .item { width: 230px; } .item.empty .imgTeam a .itemTitle { font-size:2em; } .item.empty .imgTeam a { padding:20px 5px; font-size:0.6666em; } .listingRef .item a div h2 { padding-top:15px; font-size:1em; } .listingRef .item.large a div h2 { padding-top:75px; } } @media only screen and (max-width: 767px) { body { padding:0; } #nav, .subnavigation { display: none; } #navContainer.fixed .inner { position:static; } .openNav { display: block; } header ul.list_s_icon li { display:inline-block; float:left; margin:0 2px; } .breadcrumb .container { padding:0 1em; } .sidebar { padding-left: 0; } .contentFull, .int .contentFull { padding:0 1em; } .accroche { text-align:center; border-left:none; border-top:1px solid #d9d3c3; margin:3em 0; padding:2em 1em 0; } .smallListReal, .smallListBlog { margin:2em 0 3em; } .realList li { width:100%; } .realList li a, .realList li a img { width:100%; max-width:100%; } footer .container { padding:0 1em; } footer .contact, footer .contact h2 { text-align: left; } footer .contact .chIco { float:left; margin:0 5px 0 0; } footer .newsletter .field input { width:230px; } .callUs p a.phoneCall { display:inline; } .tools { margin:0 0 2em; } .tools .toolsNav .prev { float: none; width:100px; } .tools .toolsNav .next { float: none; width:100px; } .tools .toolsNav .back { margin-top:4px; } .tools .toolsNav br { display:block; } /* Subnavigation -------------------------------------------------- */ .subnavigation { margin:10px 0 30px 0; text-align:left; background:#F5F2E9; } .subnavigation ul, .subnavigation li { list-style:none; margin:5px 0; line-height:1.1em; } .subnavigation li a { display:block; font-size: 0.8888em; color:#807c6f; padding:8px 12px 6px; } .subnavigation li.selected a, .subnavigation li:hover a { background:#dbd6c6; color:#202020; text-decoration:none; } .listing3col .item, .listing3col .item img { width:100%; } /* Listing team -------------------------------------------------- */ .listing3col.listingTeam .item, .listingPartenaires .item { float:none; margin: 0 0 2em; clear:both; min-height:183px; } .listing3col.listingTeam .item h2, .listing3col.listingTeam .item p { margin-left:400px; } .imgTeam { position:relative; width:370px; height:183px; cursor:pointer; overflow:hidden; float:left; } .item.empty .imgTeam { width:100%; } .item.empty .imgTeam a { padding:40px 10px; } .listing3col .item .imgTeam img.teamHover { width:auto; } .listingPartenaires .item { width:100%; } .listingPartenaires .item .imgContainer { width:290px; float:left; } .listingPartenaires .item h2, .listingPartenaires .item p { margin-left:310px; } .listing3col .item h2 a { float:none; } .listing .item img { float:none; margin-right:0; width:100%; } /* Listing team -------------------------------------------------- */ .listing3col.listingTeam .item { float:none; margin: 0 0 2em; clear:both; min-height:149px; text-align:center; } .listing3col.listingTeam .item h2, .listing3col.listingTeam .item p { margin-left:0; background-position:center bottom; } .imgTeam { width:289px; height:143px; float:none; margin:0 auto; } .item.empty .imgTeam a { padding:30px 10px; } .listing3col.listingTeam .item h2 a { margin:0 auto; } /* SmallList -------------------------------------------------- */ .smallListReal .realList .item, .smallListReal .realList .item img, #refList .imgTeam { width: 100%; } .smallListReal .realList .item a div h2 { padding:15px 0 20px 20px; text-align:left; background-position:20px bottom; } .listingRef .item, .listingRef .item img, .listingRef .item.large, .variable-sizes .listingRef .item.large, .variable-sizes .listingRef .item.large.width2.height2 { width: 100%; } .listingRef .item a div h2, .listingRef .item.large a div h2 { padding-top:150px; } .realList .item a { position:relative; } .realList .item a div { position:absolute; top:0; left:0; } /* Calendrier -------------------------------------------------- */ #blogCalendar .ui-blog-datepicker-header { font-size:12px; padding:10px 10px 5px; } #blogCalendar table th { font-size:12px; padding:4px 0 3px; } #blogCalendar table td { font-size:12px; } #blogCalendar table td span, #blogCalendar table td a { padding:12px 0; } /* Loading -------------------------------------------------- */ .int .contentFull .loadingList p { text-align:center; margin-bottom:2em; } .loadingList img { display: block; margin: 0 auto 12px; } .BlocImageText img { width:100%; } .part.BlocPicturesGallery li { text-align:center; } .formError { margin-left: -168px; margin-top:-2px; } /* Search */ .result .advanced .formitem { width:100%; float:none;} .boxSidebar .BlocPicturesGallery .thumbnails li img { width:auto; max-width:100%;} /* chiffres cles */ .IC2Nav-9718 .boxChiffreCles .item * { width:300px; } .IC2Nav-9718 .boxChiffreCles .item { width:300px; } } @media (max-width: 480px) { body { font-size:100%; } h1 { font-size:2.25em; margin-bottom:0.5em; } h2 { font-size:1.875em; } #navContainer.fixed { position:static; background:#fff; border-bottom:none; border-top:none; } .fixed nav { margin-top:50px; } .fixed span.logo, span.logo { width:153px; float:left; margin:13px 0 9px 15px; } .fixed span.logo a span.logo a, .no-svg .fixed span.logo a { background-image:url(../Images/sprite.png); background-repeat: no-repeat; display:block; height:62px; width:153px; text-indent:-9999px; line-height:0; font-size:0; } .fixed span.logo a, .svg span.logo a { background:url(../Images/sprite.svg) no-repeat 0 -32px; } .svg .fixed span.logo a:hover, .svg span.logo a:hover { background-position:0 -94px; } header ul.list_s_icon li { margin:0; } footer .impressum { text-align:center; } footer .impressum .pull-right { float:none; width: 150px; margin: 20px auto 10px; display: block; } .listingPartenaires .item { width:100%; float:none; margin: 0 0 2em; clear:both; min-height:149px; text-align:center; } .listingPartenaires .item .imgContainer { width:290px; float:none; margin:0 auto; } .listingPartenaires .item h2, .listingPartenaires .item p { margin-left:0; background-position:center bottom; } .listingRef .item a div h2, .listingRef .item.large a div h2 { padding-top:50px; } .pagination ul>li>a, .pagination ul>li>span { font-size:1em; padding: 4px 8px 8px; margin:0 8px; } .pagination ul>li:first-child>a, .pagination ul>li:first-child>span, .pagination ul>li:last-child>a, .pagination ul>li:last-child>span { border:none; } .BlocForms .field input[type='text'], .BlocForms .field textarea { width:280px; } .BlocForms .field select { width:294px; } .BlocForms .formitem .label { display:block; } .BlocForms .formfooter { padding-left:0; } .backtotopinstance { right:-5px;bottom: -5px;} /* chiffres cles */ .IC2Nav-9718 .boxChiffreCles .item * { width:300px; } .IC2Nav-9718 .boxChiffreCles .item { width:100%; margin-left:auto; margin-right:auto; float:none; left:0; } }