/* Styles ======================================================================================= */ /* ADD */ img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } blockquote { margin: 5px; /*background:url(../img/openquote1.gif) 0 0 no-repeat;*/ text-indent: 0px; } blockquote span { padding-right:20px; display: block; /*background:url(../img/closequote1.gif) bottom right no-repeat;*/ padding-right:20px; } dt { font-weight:bold; } textarea, input { outline: none; } /* Table =========================================== */ table { padding-left:3px; width:98%; border:3px solid #f1f1f1; font-size:11px; border-collapse:separate; } table th, table td { padding:15px; text-align:center; border-right:3px solid #fff; border-top:3px solid #fff; } table th { color:#fff; font-weight:bold; line-height:1.6em; background:#0084c5; vertical-align:middle; } table td { font-weight:bold; vertical-align:middle; } table td.td-alignleft { text-align: left; font-weight:normal; } .even { background:#fff; } .odd { background:#eee; } .publications .pub-th-1 { width:182px; text-align:left; padding-left:28px; } .publications .pub-th-2 { width:194px; text-align:left; padding-left:28px; } .publications .pub-th-3 { width:127px; text-align:center; } .publications .pub-td-1 { padding-left:28px; padding-top:15px; vertical-align:top; } .publications .pub-td-2 { padding-top:17px; vertical-align:top; } .publications .pub-td-3 { padding-top:15px; vertical-align:middle; } .publications .pub-td-1 a { display:block; min-height:20px; background:url(../img/icones/icn-pdf.png) no-repeat left top; padding:2px 0 0 26px; } .publications ul { margin-bottom:0px !important; } /* Fonts ======================================================================================= */ .font-1 { font-family:'Nunito', sans-serif; font-weight:700; } /* H1 - H6 ======================================================================================= */ /* Global */ h1, h2, h3, h4, h5, h6, .title-h1, .title-h2, .title-h3, .title-h4, .title-h5, .title-h6 { line-height: 1.3em; font-family:Tahoma, Geneva, sans-serif; color:#535353; font-weight:normal; } /* unvisited link */ h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color:#0084c5 } /* visited link */ h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color:#0084c5 } /* mouse over link */ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#0f6995; } /* selected link */ h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color:#0f6995; } .iframe_hack_ios { width: 1px; min-width: 100%; *width: 100%; } /* ol ======================================================================================= */ ol { counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ *list-style: decimal; /* Keep using default numbering for IE6/7 */ font-size:12px; color:#565656; margin-left:0 !important; margin-top: 12px; } ol li{ position: relative; display: block; min-height:22px; padding: 0 0 0 32px !important; *padding: .4em !important; margin: 0 0 6px 0 !important; text-decoration: none; font-size: 14px; line-height:20px; } ol li:before{ content: counter(li); counter-increment: li; position: absolute; left: 0; top: 11px; margin:-1em 0 0 0; background: #999999; height: 20px; width: 20px; line-height: 20px; font-size: 11px; text-align: center; font-weight: bold; color:#fff; border-radius:3px; } ol li:after{ position: absolute; content: ''; border: .5em solid transparent; left: 0; top: 11px; margin:-1em 0 0 0; } /* Link ======================================================================================= */ /* Global -------------------------- */ /* unvisited link */ a:link { color:#0084c5; text-decoration:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* visited link */ a:visited { color:#0084c5; text-decoration:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse over link */ a:hover { color:#0f6995; text-decoration:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* selected link */ a:active { color:#0f6995; text-decoration:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* alt. -------------------------- */ /* unvisited link */ .link-alt a:link { color:#e1e63c; text-decoration:none; font-weight:bold; } /* visited link */ .link-alt a:visited { color:#e1e63c; text-decoration:none; font-weight:bold;} /* mouse over link */ .link-alt a:hover { color:#fff; text-decoration:none; font-weight:bold; } /* selected link */ .link-alt a:active { color:#fff; text-decoration:none; font-weight:bold; } /* Layout #wrapper #header #content #primary-content #sidebar #page-footer ======================================================================================= */ html { border-top:3px solid #fff; background: #fff; } body { margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:1.3em; color:#565656; background: url(../img/bg-body-repeat.jpg) #fff top center repeat-x;} body.home { background: url(../img/bg-body-home-repeat.jpg) #fff top center repeat-x;} /* container =========================================== */ #container {background: url(../img/bg-body.jpg) center 0 no-repeat; padding:30px 0 0 0;} .home #container{background: url(../img/bg-body-home.jpg) center 0 no-repeat; } /* wrapper =========================================== */ #wrapper { } /* header =========================================== */ #page-header { position:relative; color:#fff; } #page-header nav { margin-top:15px; } /* branding -------------------------- */ #branding { margin:4px 0 0 0; } #branding #logo { width:206px; height:76px; margin: 0; } #branding a { display:block; } /* Print */ .print-only { display:none;} /* logo -------------------------- */ /* menu-secondary -------------------------- */ #menu-secondary { position:absolute; top:0; right:0; } #menu-secondary li { display:block; float:left; vertical-align:middle; zoom:1; } #menu-secondary span { padding:0 7px; } #menu-secondary .sprite { padding-right:3px; } #menu-secondary .sprite.sprite-icn-youtube { padding-right:0px; } #switch-lang span { /*padding-left:0px;*/ } /* searchform -------------------------- */ #page-header #searchform { position:absolute; top:30px; right:0; } #s { width:243px; padding:7px 112px 7px 5px; border:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #searchsubmit { padding:4px 25px 4px 10px; background: #e2e63e url(../img/icones/icn-loupe.gif) 90% 50% no-repeat;; border:0; font-weight:bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:absolute; top:2px; right:2px; } .ie7 #searchsubmit, .ie8 #searchsubmit { top:3px; } /* menu -------------------------- */ #page-menu { text-align:center; padding:10px 20px 31px; max-width:990px; width:100%; min-height:25px; position:relative; background: url(../img/bg-page-menu.png) center 0 no-repeat; background-size:100% 65px; z-index:1000; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #page-menu a { text-transform:uppercase; color:#fff; } #page-menu a:hover { } #page-menu li { padding:0 26px 0 20px; display:inline-block; background:url(../img/icones/icn-page-menu-separateur.png) right center no-repeat; vertical-align:middle } #page-menu li:last-child { background:none; padding:0 0 0 20px; } #page-menu .sub { padding:0 7px 0 0px; position:relative; } #page-menu .sub:first-child { /*padding:0 7px 0 28px;*/ } #page-menu .sub a { position:relative; z-index:1; } #page-menu .sub .submenu { text-align:left; position:absolute; top:38px; z-index:0; background-position:right 306px; } #page-menu .sub .submenu.side-right { left:1px; } #page-menu .sub:first-child .submenu{ left:0px; } #page-menu .sub .submenu .top { background:url(../img/bg/submenu-over-top.png) no-repeat; width:756px; height:14px; } #page-menu .sub .submenu .middle { background:url(../img/bg/submenu-over-middle.png) repeat-y; width:716px; min-height:244px; padding:20px; } #page-menu .sub.publication .submenu .middle { min-height: inherit; } #page-menu .sub .submenu .bottom { background:url(../img/bg/submenu-over-bottom.png) no-repeat; width:756px; height:14px; } #page-menu .submenu .middle p { color:#565656; font-size:18px; line-height:26px; margin-top:-10px; margin-bottom:9px; } #page-menu .submenu .middle > div { width:225px; margin-left:20px; float:left; } #page-menu .submenu .middle div .border-top { background: url(../img/bg-pattern.gif) 0 0 repeat; width:100%; height:19px; margin-bottom:7px; } #page-menu .submenu .middle div a { color:#0887c6; text-transform:none; } #page-menu .submenu .middle div > a.font-1 { font-size:18px; line-height:26px; text-transform:uppercase; } #page-menu .submenu .middle div ul { min-height:97px; } #page-menu .submenu .middle div hr.solid { border-top-style:solid; } #page-menu .submenu .middle p + .submenu-section { margin-left:0; } /* Side-alt */ #page-menu .submenu.side-left { right:5px; } #page-menu .sub .submenu.side-left .top { background:url(../img/bg/submenu-over-top-left.png) no-repeat; } #page-menu .sub .submenu.side-left .middle { background:url(../img/bg/submenu-over-middle-left.png) repeat-y; } #page-menu .sub .submenu.side-left .bottom { background:url(../img/bg/submenu-over-bottom-left.png) no-repeat; } #page-menu .sprite-icn-accueil { position:relative; top:-2px; } #m-calculateur { position:relative; top:-6px; right:30px; background:none!important; } .en #m-calculateur { right:72px; } #m-publications { position:absolute; bottom:9px; right:0; background:none!important; } .en #m-publications { position:absolute; bottom:13px; right:0; background:none!important; } .m-social { position:relative; top:-3px; } /* submenu-section .article */ #page-menu .submenu-section .article { margin-bottom:18px; } #page-menu .submenu-section .article .title { margin:0 0 5px; padding:0; font-size:13px; font-weight:bold; } #page-menu .submenu-section .article .text { margin:0; padding:0; font-size:11px; line-height:14px; } #page-menu .submenu-section .article img { float:left; background: url("../img/pdf-thumb-shadow.png") no-repeat scroll 0 0 transparent; padding: 0 2px 2px 0; margin-right:15px; } #page-menu .list-cats { margin-bottom:10px; padding:10px 0 9px 0; border-bottom: 1px dotted #BCBCBC; border-top: 1px dotted #BCBCBC; text-align:center; } #page-menu .list-cats li:first-child { padding-left:0; } #page-menu .list-cats li { font-size:18px; background:none; padding:0 0 0 22px; } #page-menu .list-cats a { color:#0887C6; text-transform:uppercase; font-size:18px; line-height:1.7; } #page-menu .link-more { color:#0084C5!important; font-size:12px; text-transform:none; } #page-menu .link-more:hover { color:#0F6995; } #page-menu span.clear { display:block; } #page-menu-mobile { display:none; } #page-menu .list-icn li { display:block; } /* content =========================================== */ #content { margin:24px 0 0 0; } /* toolbar =========================================== */ .fix-toolbar { position:relative; height:30px; } .fix-toolbar.home { position:absolute; right:25px; top:29px; } .fix-toolbar.article.top { margin-bottom:10px; } .fix-toolbar.article.bottom { margin-bottom:16px; padding-top:16px; border-top:1px solid #bcbcbc; margin-top:30px; } .fix-toolbar #toolbar { position:absolute; right:-5px; top:-10px; } .fix-toolbar.article #toolbar, .fix-toolbar.home #toolbar { position:relative; left:0px; top:6px; right:auto; } .fix-toolbar.article .show-publi { position:absolute; right:0px; top:0px; } .fix-toolbar.article.bottom .show-publi { top:16px; } .bt-print { float:left; margin-right:6px; } .bt-like { float:left; margin-top:-2px; } .fix-toolbar.article.bottom .bt-like { margin-left:10px; } /* post-page-link =========================================== */ .post-page-link { margin-top:30px; } /* primary-content =========================================== */ #primary-content { margin:0 0 0 15px; position:relative; } /* layout wide -------------------------- */ /* layout col-1 -------------------------- */ .layout-col-1-no-sidebar #primary-content { /*margin-top:0px;*/ width:685px; float:left; } /* layout col-2 -------------------------- */ .layout-col-2 #primary-content { width:685px; float:left; } /* layout col-2-menu -------------------------- */ .layout-col-2-menu #primary-content { width:670px; float:left; } .layout-col-2-menu #content .post-title { width:685px; vertical-align:top; } /* layout col-3 -------------------------- */ .layout-col-3 #primary-content { margin-top:0px; width:492px; float:left; } /* sidebar =========================================== */ /* sidebar-menu -------------------------- */ #sidebar-menu { margin:0; width:165px; float:left; } #sidebar-menu-infolettre { margin:0; width:255px; float:left; } /* level 0 */ #nav-explorer > li { margin:0 0 8px 0; padding:0 0 8px 0; border-bottom:1px dotted #bcbcbc; } #nav-explorer > li > a { font-size:13px; font-weight:bold; } /* level 1 */ #nav-explorer .sub { margin:0 0 0 8px; } #nav-explorer .sub li { margin:5px 0 0 0; } /* category */ #nav-explorer .sub > li > a { font-weight:bold; } /* current category */ #nav-explorer .sub > .current_page_item > a, #nav-explorer .sub > .current_page_parent > a { color:#535353!important; font-weight:bold; } /* level 2 */ #nav-explorer .sub .children { margin:0 0 0 5px; } #nav-explorer .children .current_page_item a { font-weight:normal; color:#535353!important; } /*#nav-explorer .children .current_page_item a { color:#0084C5!important; font-weight:normal; }*/ #nav-explorer .children a:hover { color:#0f6995!important;} /* sidebar-box -------------------------- */ #sidebar-box { margin:0 0 0 15px; width:270px; float:left; } #sidebar-box .section-title { margin:0 0 10px; font-size:13px; text-transform:uppercase; } #sidebar-box .box-outer-drop-shadow-alt { margin:0 0 10px 0; } /* box-calculateur */ #box-calculateur .feature-image { margin:0 0 10px 10px; float:right; } /* box-billets -------------------------- */ #box-billets { margin:-5px 0 0; width:270px; position:relative; } .home #box-billets { float:right; } #box-billets .inner-box { height:300px; } #box-billets .box-headline { position:relative; top:6px; } #box-billets .active { top:4px; } #box-billets .box { top:1px; } #box-billets h2 { font-size:16px; } #box-billets h3 { margin:0 0 5px; /*font-size:14px;*/ } #box-billets h4 { margin:0 0 5px; font-size:12px; font-weight:bold; } #box-billets .feature-image { margin:0 0 5px; } #box-billets #bulletin { display:none; } /* box-pop -------------------------- */ #box-pop { margin:-5px 0 0; width:269px; position:relative; } #box-pop > div { padding:0; } #box-pop > div > .box-blue { padding:0; background:none; } #box-pop .box-blue { background:rgb( 206, 231, 243) !important; background:rgba( 8, 135, 198, 0.2) !important; } #box-pop .box-header { width:269px; height:30px; } #box-pop .box-headline { position:relative; top:0px; padding:5px 15px 5px 15px; display:block !important; } #box-pop .btn-1 { width:138px; float:left; } #box-pop .btn-1 .box-blue { width:108px; } /*.en #box-pop .btn-1 { width:149px; } .en #box-pop .btn-1 .box-blue { width:119px; }*/ #box-pop .btn-2 { width:125px; float:right; } #box-pop .btn-2 .box-blue { width:95px; } /*.en #box-pop .btn-2 { width:117px; } .en #box-pop .btn-2 .box-blue { width:87px; }*/ #box-pop .box-blue .box-header > .box-headline { padding:0; } #box-pop .box-headline a { color:#535353; } #box-pop .box-blue.box-headline a { color:#7abee0; cursor:pointer; } #box-pop .box-headline h2 { font-size:16px; } #box-pop #recent { display:none; } #box-pop .box { margin-top:0px; } #box-pop .box .box-blue .box { width:239px; } #box-pop .box-pop-post { float:left; border-top:1px dotted #BCBCBC; margin-top:10px; padding-top:10px; } #box-pop #pop .box-pop-post:first-child, #box-pop #recent .box-pop-post:first-child { border:none; margin:0; padding:0; } #box-pop .box-pop-post h3 { margin-bottom:6px; } #box-pop .box-pop-post a { font-size:13px; font-weight:bold; } #box-pop .box-pop-post .thumb-outer-drop-shadow { background:url(../img/pop-thumb-shadow.png) no-repeat; float:left; padding:0 2px 4px 0; margin-right:3px; } #box-pop .box-pop-post img { padding:2px; border:1px solid #dddddd; float:left; } /* box-pub -------------------------- */ #box-pub .box-headline { top:3px; } #box-pub .box-headline h2 { font-size:19px; } #box-pub .feature-image { margin:0 0 10px; } /* box-infolettre -------------------------- */ #box-infolettre .box-headline { top:3px; } #box-infolettre .box-headline h2 { font-size:14px; padding-top: 4px; } #box-infolettre .feature-image { margin:0 0 10px; } #box-infolettre .link-more.right.nouvelles { margin-top: 10px; } /* box-presse -------------------------- */ #box-presse li { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #BCBCBC; } /* box-information-contact -------------------------- */ #box-information-contact { margin:15px 0; } /* video -------------------------- */ #box-video .box { padding:15px 10px !important; } #box-video .video { margin-bottom:0 !important; background-color:#0483c0 !important; } /* planificateur -------------------------- */ .box-planificateur > .store { margin-bottom: 10px; } /* page-footer =========================================== */ #page-footer { margin:30px 0 0 0; background: #f0f0f0 url(../img/bg-footer-shadow.jpg) 0 0 repeat-x; } .ie-old #page-footer, .ie8 #page-footer { background-color:#efefef; } .home #page-footer { margin:3px 0 0 0; } #page-footer .inner { padding:45px 30px 55px; position:relative; } #page-footer nav { float:left; } #page-footer li { display:block; float:left; } #page-footer a { color:#151515; } #page-footer span { padding:0 10px; } #copy { float:right; } #bg-verres { display:none; } /* Home Page ======================================================================================= */ .home .entry { font-size:11px; } /* nivo-slider -------------------------- */ #outer-slider { margin:0 0 0 0px; float:left; background-position:right bottom; width:100%; } #container-nivo-slider { max-width:990px; width:100%; min-height:390px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #nivo-slider { width:100%; min-height:360px; background:rgb( 255, 255, 255); background:rgba( 255, 255, 255, 0.6); } #nivo-slider li > div { width:33%; min-height:0; position:relative; } #nivo-slider li > div .title { background:rgb( 230, 236, 65); background:rgba( 230, 236, 65, 0.9); font-size:21px; line-height:23px; color:#000; text-transform:uppercase; padding:15px; } #nivo-slider li > div .title span { font-size:16px; color:#000; text-transform:uppercase; display: block; margin-top: 15px;} #nivo-slider li > div .desc { font-size:14px; line-height:20px; color:#000; padding:15px 15px 60px 15px; } #nivo-slider li > div a { font-size:11px; font-weight:bold; color:#565656; background-color:#e1e63c; padding:10px 18px; position:absolute; right:20px; bottom:20px; } #nivo-slider li .slideshow_video_player, #nivo-slider li img { width:67%; float:right; } #nivo-slider li .slideshow_video_player { position:relative; padding-bottom:27.25%; padding-top:30px; height:0; overflow:hidden; } #nivo-slider li .slideshow_video_player iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } /* nivo-controlNav */ .nivo-controlPos { position:absolute; width:65%; bottom:39px; right:15px; z-index:999; } .nivo-controlNav { position:relative; margin:auto; } .nivo-controlNav .nivo-control { display:inline-block; width:24px; height:24px; background:url(../img/icones/sprites/sprite.png) no-repeat 0 -112px; text-indent:-999em; cursor:pointer; } .nivo-controlNav .nivo-control.current { background-position: 0 -138px; } .nivoGallery-directionNav { position:absolute; width:65%; bottom:72px; right:15px; z-index:999; } .nivoGallery-directionNav .nivoGallery-prev { position:absolute; left:18px !important; top:-30%; background:url(../img/icones/sprites/sprite.png) no-repeat 0 -167px !important; width:60px; height:42px; text-indent:-999em; cursor:pointer; opacity:1; } .nivoGallery-directionNav .nivoGallery-next { position:absolute; right:18px !important; top:-30%; background:url(../img/icones/sprites/sprite.png) no-repeat 0 -214px !important; width:60px; height:42px; text-indent:-999em; cursor:pointer; opacity:1; } /* box-home-widgets -------------------------- */ #box-home-widgets { margin-top:10px; margin-bottom:50px; overflow:hidden; } /* box-home-news -------------------------- */ #box-home-news { margin-right:1px; padding-right:30px; width:595px; min-height:290px; float:left; } #box-home-news h2 { margin:0px 0 15px 0; padding:20px 0 15px 95px; width:100%; border-bottom:1px dotted #bcbcbc; min-height:42px; background-position: 0 -134px; font-size:36px; text-transform:uppercase; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-news .home-news { margin: 0 0 15px; padding:0 0 15px; border-bottom:1px dotted #bcbcbc; position:relative; float:left; width:100%; } #box-home-news .home-news.border-top, #box-home-news .home-news.border-top { border-top:1px dotted #bcbcbc; padding-top:15px; } #box-home-news .home-news.border-top .date, #box-home-news .home-news.border-top .date { top:15px; } #box-home-news .home-news:last-child { border-bottom:none; } #box-home-news .home-news .type { display:block; width:50px; height:20px; background:url(../img/bg/bg-tag-right.gif) no-repeat right #e1e63c; font-weight:bold; font-size:10px; line-height:20px; padding:0px 16px 0px 9px; float:left; margin:0 12px 0 0; } #box-home-news h3 { margin-bottom:14px; padding:0px 112px 0px 87px; } #box-home-news h3 a { font-weight:bold; font-size:20px; line-height:20px; margin-bottom:14px; } #box-home-news .home-news .date { position:absolute; top:0; right:0; font-size:11px; line-height:20px; margin:0; } #box-home-news .thumb-outer-drop-shadow { padding-bottom:8px; background: url(../img/shadow-bottom-thumb.png) left bottom no-repeat; float:left; } #box-home-news .home-news img { padding:2px; border:1px #dddddd solid; float:left; margin-right:16px; } #box-home-news .home-news p { font-size:14px; line-height:20px; margin-bottom:20px; } #box-home-news .home-news-social { background:url(../img/bg/bg-home-news-social.gif) repeat-y; padding:8px 0; margin-top:-13px; margin-bottom:2px; float:left; width:100%; } #box-home-news .home-news-social h3 { float:left; margin-bottom:10px; font-size:14px; text-transform:uppercase; } #box-home-news .home-news-social .link-more { margin-top:5px; margin-bottom:6px; } #box-home-news .home-news-social .tweet { width:274px; float:left; font-size:12px; line-height:16px; margin-right:23px; } #box-home-news .home-news-social .tweet:last-child { margin-right:0; } #box-home-news .home-news-social .tweet img { float:left; margin-right:10px; margin-bottom:60px; } #box-home-news .home-news-social .tweet .name { font-weight:bold; float:left; width:208px; } #box-home-news .home-news-social .tweet .name span { font-weight:normal; color:#999999; } #box-home-news .home-news-social .tweet p { padding-left:58px; } #box-home-news .home-news-social .tweet .date { color:#797979; margin-top:10px; margin-bottom:5px; } #box-home-news .home-news-social .fb-post { width:274px; float:left; font-size:12px; line-height:16px; margin-right:23px; } #box-home-news .home-news-social .fb-post:last-child { margin-right:0; } #box-home-news .home-news-social .fb-post h4 a { font-size:13px; font-weight:bold; } #box-home-news .home-news-social .fb-post p { margin-bottom:10px; } #box-home-news .home-news-social .social-suivant { display:none; } /* box-home-right -------------------------- */ #box-home-right { width:333px; float:left; } /* box-home-img -------------------------- */ #box-home-img { text-align:center; } /* box-home-publication -------------------------- */ #box-home-publication { margin-top:17px; } #box-home-publication h2 { margin:0 0 16px 0; padding:0 0 16px 22px; border-bottom:1px dotted #bcbcbc; /*width:281px;*/ font-size:14px; text-transform:uppercase; width:100%; height:34px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-publication h3 { margin-bottom:10px; } #box-home-publication .home-publication { min-height:103px; margin-bottom:15px; } #box-home-publication .home-publication h3 a { font-size:13px; font-weight:bold; } #box-home-publication .home-publication img { float:left; padding:0 2px 2px 0; background:url(../img/pdf-thumb-shadow.png) no-repeat; margin-right:15px; } #box-home-publication .home-publication p { padding-left:76px; } /* #box-home-nos-publication -------------------------- */ #box-home-nos-publication { margin-top:17px; } #box-home-nos-publication h2 { padding:3px 0 0 24px; border:none; float:left; margin-bottom:10px; font-size:14px; text-transform:uppercase; height:20px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-nos-publication img { width:114px; float:right; } #box-home-nos-publication p { font-weight:bold; font-size:12px; width:156px; float:left; } .en #box-home-nos-publication img { margin-top:5px; width:104px; } /* box-home-propos -------------------------- */ #box-home-propos { margin-top:17px; } #box-home-propos h2 { margin:-4px 0 11px 0; padding:10px 0 11px 21px; border-bottom:1px dotted #bcbcbc; font-size:14px; text-transform:uppercase; width:100%; height:38px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-propos hr { float:left; width:100%; } /* Content Page ======================================================================================= */ #content #head-content { margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #bcbcbc; } #content .post-title { font-size:28px; text-transform:uppercase; line-height: 1.1 } #content .post-title span { font-size:20px; display:block; margin-top: 2px; } #content .post-title-h2 { margin:0 0 10px 0; font-size:16px; text-transform:uppercase; } #content .post-title-h3 { margin:0 0 10px 0; font-size:14px; text-transform:uppercase; } #content .video { background-color:#595959; color:#fff; margin-bottom:15px; position:relative; } #content .video img { margin:0 !important; width:100%; } #content .video span { line-height:25px; padding:0 10px; } #content .video .title { font-weight:bold; display:inline-block; } #content .video .length { float:right; } #content .video_player object { width:100% !important; } /* Contact ======================================================================================= */ .box-contact { min-height:130px; } /* Result search ======================================================================================= */ .post-result-search { margin-bottom:15px; border-bottom:1px dotted #bcbcbc; } /* � toi de jouer ======================================================================================= */ #form-toi-jouer select { width:250px; } #t-toi-jouer { margin:15px 0; padding: 0 0 5px; border-bottom: 1px solid #BCBCBC; } #t-toi-jouer { vertical-align:top; } #list-a-toi-jouer { margin:0 5px 0 0; padding:3px; width:230px; float:left; border:3px solid #f1f1f1; } #list-a-toi-jouer li { padding:3px; cursor:pointer; } #list-a-toi-jouer li:hover { background:#ccc; } #list-a-toi-jouer li:hover font-1 { color:#fff; } #list-a-toi-jouer img { margin:0 10px 0 0; float:left; } #list-a-toi-jouer .active { background:#0084c5; } #list-a-toi-jouer .active .cufon { color:#fff; } #list-a-toi-jouer .active p { color:#fff; } #box-flash { width:513px; float:left; position:relative; z-index:10; } /* Module ======================================================================================= */ /* Slide-Show =========================================== */ #slideshow_options li{ display:none; } #slideshow_options li#slide-0{ display:list-item; } /* section-headline =========================================== */ .section-headline { margin:0 0 15px 0; padding:10px 28px 10px 18px; background: url(../img/bg-pattern.gif) 0 0 repeat; border-left:10px solid #e2e546; -moz-border-radius:8px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 8px 8px 0px; border-radius: 0px 8px 8px 0px; } .section-headline .title { margin:0; font-size:14px; font-weight:bold; text-transform:uppercase; } .section-headline .keywords { font-size:26px; text-transform:uppercase; letter-spacing:-1px; } .section-headline .words { font-size:17px; color:#373737; letter-spacing:-1px; text-transform:lowercase; } /* section-content =========================================== */ .section-content > p { font-size:15px; } /* sub-section-content =========================================== */ .sub-section-content > p { font-size:15px; } /* box-headline =========================================== */ .box-headline { position:relative; padding:5px 15px; } .box-headline.box-pattern { min-height:25px; background: url(../img/bg-pattern.gif) 0 0 repeat; } .box-headline.box-round {-moz-border-radius:8px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px; } .box-headline { display:inline-block; position:relative; top:4px; } /* fix ie */ .box-headline h2 { font-size:20px; text-transform:uppercase; } /* box =========================================== */ .box { position:relative; padding:15px; } .box.box-pattern { background: url(../img/bg-pattern.gif) 0 0 repeat; } .box.box-round { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .box.box-no-round-top-left { -moz-border-radius-topleft:0px; -webkit-border-radius:0px 8px 8px 8px; border-radius:0px 8px 8px 8px; } .box.box-no-round-top { -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -webkit-border-radius:0px 0px 8px 8px; border-radius:0px 0px 8px 8px; } .inner-box { padding:15px; background:#fff; } .inner-box.inner-round { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } /* box-caution */ .box.box-caution { background: url(../img/bg-pattern-caution.gif) 0 0 repeat; } .box-caution .section-title { margin:0 0 15px 0; font-size:14px; text-transform:uppercase; } /* box-useful-links */ .box-useful-links { margin:0 0 15px; } .box-useful-links .box { padding:7px; } .box-useful-links .inner-box { padding:10px } .box-useful-links .title { margin:0 0 5px; padding:3px 0 10px 35px; font-weight:bold; border-bottom:1px dotted #BCBCBC; background: url(../img/icones/icn-doc.png) 0 0 no-repeat; } .box-useful-links ul { margin:0 0 0 5px!important; font-size:11px; } .box-useful-links li { margin-bottom:0!important; } .box-useful-links small { color:#999; } /* box-image */ .box-image { margin:0 0 10px 0; /*padding:10px;*/ position:relative; } .box-image header { background:#fff; } .box-image img { margin:0!important; border:1px #f2f2f2 solid; width:99% !important; } .box-image .img-cat { padding:0 3px 9px 0; background:url(../img/section-thumb-shadow.png) no-repeat right bottom; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .box-image .img-cat a { display:block; width:100%; height:100%; padding:5px; border:1px #dddddd solid; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .box-image .title-cat { padding:8px 0 10px 0; text-transform:uppercase; font-size:24px; border-top:4px #0887c6 solid; } .box-image .desc { margin:4px 0 0 0; font-size:11px; min-height:98px; } .box-image .list-icn { margin:0; min-height:115px; } .box-image .green-link { float:left; display:block; height:34px; background:url(../img/bg/bg-tag-big-right.gif) no-repeat right #e2e63e; font-size:11px; font-weight:bold; line-height:34px; color:#565656; padding:0 18px 0 10px; margin-top:20px; } /* box-sub-image */ .box-sub-image { margin:0 0 14px 0; /*padding:10px;*/ position:relative; border-bottom:1px dotted #BCBCBC; } .box-sub-image header { background:#fff; margin-bottom:9px; } .box-sub-image .type { display:block; width:50px; height:20px; background:url(../img/bg/bg-tag-right.gif) no-repeat right #e1e63c; font-weight:bold; font-size:10px; line-height:20px; padding:0 10px; float:left; margin:0 17px 0 0; } .box-sub-image img { margin:0!important; padding:2px; border:1px solid #dddddd; } .box-sub-image .img-sub-cat { padding:0 2px 7px 0; background:url(../img/subsection-thumb-shadow.png) no-repeat; float:left; margin-right:14px; } .box-sub-image .title-sub-cat { font-size:18px; line-height:20px; font-weight:bold; padding-left:87px; } .box-sub-image .desc { margin:0; font-size:11px; min-height:132px; } .box-sub-image .link-more { position:absolute; bottom:12px; right:0; } /* faq =========================================== */ .faq { line-height:1.3em; border-bottom:1px dotted #bcbcbc; margin-bottom:12px; } .faq dl { } .faq dt { color:#0483c0; font-weight:bold; padding-left:48px; background:url(../img/icones/icn-faq-q.png) no-repeat left top; min-height:32px; margin-bottom:12px; } .faq dd { font-size:11px; padding-left:48px; background:url(../img/icones/icn-faq-r-fr.png) no-repeat left top; min-height:32px; margin-bottom:12px !important; } .en .faq dd { background-image:url(../img/icones/icn-faq-r-en.png); } /* collapse =========================================== */ .collapse { border-bottom:1px dotted #bcbcbc; line-height:1.3em; cursor:pointer; margin-bottom:12px; padding-bottom:12px; } .collapse dl { margin:2px; } .collapse dt { } .collapse dt a { display:block; font-size:14px; line-height:22px; padding-left:36px; } .collapse dd { margin:10px 0 0 0!important; padding:8px 0 0 36px; } /* open */ .collapse.open dt a { background: url(../img/icones/icn-collapse-open.png) left top no-repeat; } /* close */ .collapse.close dt a { background: url(../img/icones/icn-collapse-close.png) left top no-repeat; } /* fix_collapse_all */ .fix_collapse_all { display:block; padding-bottom:22px; margin-bottom:12px; border-bottom:1px dotted #bcbcbc; } /* open_all */ .open_all { background: url(../img/icones/icn-open.png) left top no-repeat; float:right; line-height:14px; padding-left:20px; color:#bcbcbc !important; } .open_all:hover { color:#565656 !important; } /* close_all */ .close_all { background: url(../img/icones/icn-less.png) left top no-repeat; float:right; line-height:14px; padding-left:20px; color:#bcbcbc !important; } .close_all:hover { color:#565656 !important; } .pub-form { position:relative; } .pub-form #open_all1, .pub-form #close_all1 { position:absolute; ; right:0px; } .pub-form hr { margin:12px 0; } /* sitemap =========================================== */ .sitemap li { padding:5px 0; } .sitemap ul { margin:5px 0 0 -8px!important; padding:5px 0 0 0; border-top:1px dotted #bcbcbc; } .sitemap > li { background: url(../img/icones/icn-list.gif) 0 10px no-repeat; padding-left:8px; border-bottom:1px dotted #bcbcbc; } .sitemap li li { padding-left:10px; } .sitemap > li a { font-size:13px; font-weight:bold; } .sitemap li li a { font-size:12px; font-weight:normal; } /* list-cat ( col 3 defaut ) =========================================== */ .list-cat { margin:0!important; } .list-cat li { margin:0 15px 0 0!important; padding:0!important; width:218px; float:left; background:none!important; } .list-cat li.last { margin:0!important; } /* list-sub-cat ( col 2 defaut ) =========================================== */ .list-sub-cat { margin:0!important; } .list-sub-cat li { margin:0 25px 0 0!important; padding:0!important; width:330px; float:left; background:none!important; } .list-sub-cat li.last { margin:0!important; } /* format-col-2 */ .format-col-2 li { width:238px; } /* col-3 =========================================== */ .col-3 { margin-right:3.33%; width:31%; float:left; } .col-3.last { margin-right:0; } /* Tab =========================================== */ /* .container-tab */ .container-tab { position:relative; } .container-tab #bt-next { width:34px; height:17px; display:block; background: url(../img/icones/tab-bt-next.gif) 0 0 no-repeat; position:absolute; top:15px; left:5px; } .container-tab #bt-prev { width:34px; height:17px; display:block; background: url(../img/icones/tab-bt-prev.gif) 0 0 no-repeat; position:absolute; top:15px; right:5px; } /* tabs */ .tabs { padding:0 40px; margin:0!important; list-style-type:none!important; } .tabs li { margin:0 5px 0 0; float:left; background:#fff; } .tabs .active { top:0; font-size:20px; } .tabs a { position:relative; top:4px; padding:10px; display:block; font-size:14px; } .tabs li:last-child a { } /* tabs-content */ .tabs-content { margin:0 0 10px 0!important; padding:10px; overflow:hiddenl list-style-type:none!important; background:#fff; } .tabs-content .posts-year { display:none; } .tabs-content .posts-year.active { display:block; } .tabs-content .date { margin:0 0 2px 0; } .tabs-content .title { margin:0 0 2px 0; font-size:12px; } .tabs-content .excerpt { font-size:12px; } .tabs-content article { margin:0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #BCBCBC; } .tabs-content article:last-child { /*margin:0;*/ } .tabs-content img { margin:0 0 0 5px; float:right; } /* Breadcrumb =========================================== */ #breadcrumb { margin:0 2% 25px 2%; padding:23px 0 6px 0; width:96%; border-bottom:1px dotted #bcbcbc; } #breadcrumb li { margin:0; float:left; } #breadcrumb a { padding:0 10px 0 0; margin:0 10px 0 0; display:block; float:left; background: url(../img/icones/icn-link-more.gif) right 4px no-repeat; } .layout-col-1 #breadcrumb { width:auto; } /* gallery =========================================== */ .gallery { margin-left:0!important; } .gallery li { margin:0 10px 10px 0; width:242px; float:left; } .gallery li.last { margin-right:0; } .gallery figure { margin-bottom:0!important; } /* Button =========================================== */ .button { display:inline-block; color: #fff!important; padding: 8px 14px 10px; background-color: #bc1815; border: none; margin-right: 25px; position: relative; -webkit-user-select: none; -webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } .button:active { position: relative; top: 3px; -webkit-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9); -moz-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9); box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9); } .button:active:after { content: ""; width: 100%; height: 3px; background: #fff; position: absolute; bottom: -1px; left: 0; } .button.blue { background: #0084C5; } .button.green { background: #67b600; } .button.orange { background: #da8a00; } .button.yellow { background: #b3a400; } .button.turquoise { background: #00b1af; } /* Show-publi =========================================== */ .show-publi { display:block; width:118px; height:30px; background:url(../img/icones/icn-publi.png) no-repeat 7px 50% #0483C0; color:#fff !important; line-height:30px; padding-left:33px; } /* Form ======================================================================================= */ input[type="checkbox"], input[type="radio"], input[type="text"], input[type="password"], select, textarea { padding:5px; } input[type="text"], input[type="password"], select, textarea { border:1px solid #ddd; } form .requierd { color:red; border-bottom:none; } form .control-display-line { margin:0 0 10px 200px; position:relative; } form .control-display-line label { margin:4px 0 0 -220px; width:210px; display:block; float:left; } form .control-display-line ul { margin:0px; } form .control-display-line ul li { margin-right:15px; float:left; } form .control-display-line ul label { margin:0; width:auto; float:none; display:inline; } input[type="radio"], input[type="checkbox"] { margin-right:2px; } textarea { overflow:hidden; } form .req label { font-weight:bold; } form .req input { background:#fefcdd; } .i-large { width:265px!important; } .i-med { width:50px!important; } .i-small { } .error { margin:0 0 10px; padding:3px; color:#fff; background:red; font-weight:bold; } /* form-commander =========================================== */ #form-commander { } #form-commander table { margin-bottom:10px; } #form-commander th { font-size:12px; } #form-commander img { margin:0; } #form-commander .lang { font-weight:normal; font-size:11px; } #form-commander .head-delete { vertical-align:middle; } #form-commander .row_v_middle_text_l { vertical-align:middle; text-align:left; } #form-commander .i_text_quantity { width:30px; margin-right:5px } #form-commander .i_text_quantity.last { margin-right:0 } /*#box-information-contact label { text-align:right; }*/ /*#box-information-contact input { width:330px; }*/ /*#box-information-contact select { width:340px; }*/ /*#box-information-contact textarea { width:330px; height:100px }*/ /*#form-commander #btn-submit { margin-left:135px; }*/ /* Class ======================================================================================= */ /* General =========================================== */ .date { color:#6f6f6f;} .container { margin:0 auto; max-width:1020px; min-width:320px; width:100%; position:relative; padding:0 15px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } hr { margin:9px 0; height:1px; border-top:1px dotted #bcbcbc } hr.double-border { border:none; background: url(../img/pattern-double-border.gif) 0 0 repeat-x; width:100%; height:5px; } .text-smaller { font-size:11px; } .mobile { display:none; } /* info-label -------------------------- */ .info-label { } .info-label .label { margin:0 5% 0 0; width:38%; float:left; text-align:right; } .info-label .info { width:55%; float:left; } /* drop shadow -------------------------- */ .box-outer-drop-shadow { padding-bottom:27px; background: url(../img/shadow-botton-box.png) right bottom no-repeat; } .box-outer-drop-shadow-alt { padding-bottom:10px; background: url(../img/box-outer-drop-shadow-alt.png) right bottom no-repeat; } /* link -------------------------- */ .link-more { padding-right:8px; /*float:right;*/ background: url(../img/icones/icn-link-more.gif) right 5px no-repeat; } .link-more.right { float:right; } .link-more.right.nouvelles { margin-top: 32px; } .link-back { padding-left:8px; background: url(../img/icones/icn-link-back.gif) 0 4px no-repeat; } /* list -------------------------- */ .list-icn li { background: url(../img/icones/icn-list.gif) 0 5px no-repeat !important; padding-left:8px !important; margin-bottom:5px !important; } /* list-media -------------------------- */ .list-media { margin:0!important; } .list-media li { margin:0!important; padding:0 5px 0 0!important; float:left; background:none!important; } /* images -------------------------- */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .hide { display:none; } /* Float =========================================== */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear { clear:both; } .float-right { float:right; } .float-left { float:left; } .float-none { float:none; } .float-clear { clear:both; } /* Text ------------------------------------------- */ .text-focus { font-size:14px; } /* Color ------------------------------------------- */ /* Margin ------------------------------------------- */ .no-margin-top { margin-top:0!important; } .no-margin-right { margin-right:0!important; } .no-margin-bottom { margin-bottom:0!important; } .no-margin-left { margin-left:0!important; } .margin-top-5 {margin-top:5px!important;} .margin-top-10 { margin-top:10px!important; } .margin-right-10 { margin-right:10px!important; } .margin-bottom-10 { margin-bottom:10px!important; } .margin-left-10 { margin-left:10px!important; } /* Padding ------------------------------------------- */ .no-padding-top { padding-top:0!important; } .no-padding-right { padding-right:0!important; } .no-padding-bottom { padding-bottom:0!important; } .no-padding-left { padding-left:0!important; } .padding-top-10 { padding-top:10px!important; } .padding-right-10 { padding-right:10px!important; } .padding-bottom-10 { padding-bottom:10px!important; } .padding-left-10 { padding-left:10px!important; } /* Icones ======================================================================================= */ .icn-pdf { padding-left:18px; background: url(../img/icones/icn-pdf.gif) 0 0 no-repeat; } .icn-email { padding:5px 0 5px 25px; background: url(../img/icones/icn-email.gif) 0 0 no-repeat; font-size:11px; position:absolute; bottom:35px; } .icn-direction { padding:5px 0 5px 25px; background: url(../img/icones/icn-direction.gif) 0 0 no-repeat; font-size:11px; position:absolute; bottom:35px; } /* Sprites ======================================================================================= */ .sprite { background: url(../img/icones/sprites/sprite.png) no-repeat top left; display:block; } .sprite-icn-accueil{ background-position: 0 0; width: 19px; height: 17px; } .sprite-icn-dossier{ background-position: 0 -19px; width: 26px; height: 24px; } .sprite-icn-fb{ background-position: 0 0; width: 19px; height: 24px; } .sprite-icn-page-menu-separateur{ background-position: 0 -63px; width: 2px; height: 15px; } .sprite-icn-papiers{ background-position: 0 -79px; width: 26px; height: 24px; } .sprite-icn-twitter{ background-position: 0 -28px; width: 17px; height: 24px; } .sprite-icn-youtube{ background-position: 0 -56px; width: 22px; height: 24px; } .sprite-icn-conseil{ background-position: right -81px; height: 15px; padding:0 18px 0 0 !important; } .sprite-icn-conseil:hover { background-position: right -96px; } /* fr */ .sprite-fr { background: url(../img/fr/sprite-fr.png) no-repeat top left; display:block; } .sprite-fr-hover { background: url(../img/fr/sprite-fr-hover.png) no-repeat top left; display:block; } .sprite-fr-m-aide{ background-position: 0 0; width: 160px; height: 20px; margin-bottom: 3px; } .sprite-fr-m-alcool-vous{ background-position: -217px -1px; width: 160px; height: 42px; margin-bottom: 4px; } .sprite-fr-m-conseil{ background-position: -155px -50px; width: 220px; height: 42px; margin-bottom: 4px; } .sprite-fr-m-calculateur{ background-position: 0 -100px; width: 245px; height: 30px; } .sprite-fr-m-programmes{ background-position: 0 -78px; width: 94px; height: 19px; } .sprite-fr-m-publications{ background-position: -4px -28px; width:133px; height: 42px; margin-bottom: 4px; } /* Side-left */ .sprite-fr-t-a-propos{ background-position: 0 -323px; width: 282px; height: 16px; } .sprite-fr-t-nouvelles{ background-position: 0 -115px; width: 370px; height: 82px; } .sprite-fr-t-twitter { background-position: 0 -264px; width: 70%; height: 21px; margin-left:3px; padding:4px 0 0 55px !important; } .sprite-fr-t-facebook { background-position: 0 -294px; width: 65%; height: 19px; padding:4px 0 0 33px !important; } .sprite-fr-t-publications{ background-position: 0 -223px; width: 236px; height: 17px; } .sprite-fr-t-nos-publicites { background-position: 0px -365px; width: 100%!important; height: 17px; } /* en */ .sprite-en { background: url(../img/en/sprite-en.png) no-repeat top left; display:block; } .sprite-en-hover { background: url(../img/en/sprite-en-hover.png) no-repeat top left; display:block; } .sprite-en-m-aide{ background-position: 0 0; width: 144px; height: 20px; margin-bottom: 2px; } .sprite-en-m-alcool-vous{ background-position: -196px -1px; width: 156px; height: 42px; margin-bottom: 4px; } .sprite-en-m-conseil{ background-position: -152px -50px; width: 193px; height: 42px; margin-bottom: 4px; } .sprite-en-m-programmes{ background-position: 0 -78px; width: 94px; height: 19px; } .sprite-en-m-calculateur{ background-position: 0 -100px; width: 245px; height: 30px; } .sprite-en-m-publications{ background-position: -4px -28px; width:133px; height:42px; margin-bottom: 4px; } /* Side-left */ .sprite-en-t-a-propos{ background-position: 0 -323px; width: 282px; height: 21px; } .sprite-en-t-nouvelles{ background-position: 0 -115px; width: 370px; height: 82px; } .sprite-en-t-twitter { background-position: 0 -264px; width: 70%; height: 21px; margin-left:3px; padding:4px 0 0 55px !important; } .sprite-en-t-facebook { background-position: 0 -294px; width: 65%; height: 19px; padding:4px 0 0 33px !important; } .sprite-en-t-publications{ background-position: 0 -223px; width: 236px; height: 17px; } .sprite-en-t-nos-publicites { background-position: 0px -365px; width: 100%!important; height: 17px; } /* form-newslette ======================================================================================= */ .form-newsletter *, .form-newsletter *:before, .form-newsletter *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-newsletter .row { margin-bottom:15px; overflow:hidden; clear:both; } .form-newsletter .col-full { width:100%; } .form-newsletter .col-2 { width:48%; float:left; } .form-newsletter .col-2:first-child { margin-right:4%; } .form-newsletter label { padding-bottom:2px; display:block; font-weight:bold; } .form-newsletter input[type="text"] { width:100%; } .form-newsletter .checkbox input[type="checkbox"] { float:left; margin-top:5px; } .form-newsletter .checkbox span { margin-left:30px; display:block; } .form-newsletter em, .form-newsletter .requis { color:#790000; } .form-newsletter em, .form-newsletter .requis { color:#790000; } .form-newsletter .error { background-color:#ffdfe0!important; border-color:#790000!important; color:#790000!important; } #alerte-error { display:none; padding:4px; margin-bottom:15px; background-color:#ffdfe0!important; border:1px solid #790000!important; color:#790000!important; font-weight:bold; } /* Gravity form ======================================================================================= */ .gform_wrapper { font-family:Tahoma,​Geneva,​sans-serif; } .gform_wrapper .gform_body ul li { background:none; margin-left:0; padding-left:0; } .gform_wrapper .button { background-color:#0084C5; } /* IE Bug ======================================================================================= */ .ie7 #page-menu li, .ie7 #menu-secondary li, .ie7 .nivo-controlNav a, .ie7 .box-headline, .ie7 #content .video .title { display:inline; zoom:1; } .video_thumb img {cursor: pointer;} /* OLD IE to E8 – Home page – Facebook article, le second tombe sur une deuxième ligne */ .ie8 #box-home-news .home-news-social .tweet, .ie-old #box-home-news .home-news-social .tweet, .ie8 #box-home-news .home-news-social .fb-post, .ie-old #box-home-news .home-news-social .fb-post { margin-right:23px; } .ie-old #box-pop .box, .ie8 #box-pop .box { } .ie8 #box-pop .box-headline.box-pattern, .ie9 #box-pop .box-headline.box-pattern { height:34px; } /* Cufon with IE8 + visibility hidden not working */ .ie8 #page-menu .sub .submenu { visibility:visible; } @media (max-width: 1035px) { #page-menu, #page-menu li, #page-menu .sub, #page-menu .sub:first-child, #page-menu li:last-child { padding-left:0; padding-right:0; } #page-menu li { background:none; margin-right: 14px; } #page-menu li:last-child { padding-left:0; padding-right:0; margin-right:0; } #page-menu .sub { margin-left: -20px; margin-right:-4px; } #page-menu .sub .submenu { top:42px; background:#fff; border-radius:10px; box-shadow:0px 0px 4px #444; } #page-menu .sub .submenu.side-right { left:-132px; } .en #page-menu .sub .submenu.side-right { left:-148px; } #page-menu .sub .submenu .top, #page-menu .sub .submenu .bottom { background:none; width:auto; height:10px; } #page-menu .sub .submenu .middle { background:none; width:715px; padding:16px; } #page-menu .sub .submenu.side-left { right:-106px; } .en #page-menu .sub .submenu.side-left { right:-133px; } #page-menu .sub .submenu.side-left .top, #page-menu .sub .submenu.side-left .bottom { background:none; width:auto; height:10px; } #page-menu .sub .submenu.side-left .middle { background:none; width:715px; padding:16px; } #page-menu .sub:first-child .submenu{ left:4px; border-top-left-radius:0px; } .en #page-menu .sub:first-child .submenu{ left:-20px; border-top-left-radius:10px; } #box-home-news { width:100%; } #box-home-news h2 { width:100%; } #box-home-news .home-news-social .tweet, #box-home-news .home-news-social .fb-post { width:46%; } #box-home-news .home-news-social .tweet .name { width:85%; } #box-home-right { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-img { float:right; width:49%; margin-left:2%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-nos-publication { float:left; width:49%; margin-top:0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-publication { float:left; width:49%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-propos { float:left; width:49%; margin-left:2%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .layout-col-2 #primary-content { width:100%; margin:0; padding:0 15px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .layout-col-3 #primary-content { width:75%; } .list-cat li { width:32%; margin-right:2% !important; } .page-template-__gabarit_publicity-php .list-cat li { width:49%; } .list-cat li.last { margin-right:0 !important; } .list-cat .list-icn li { width:100%; } .list-sub-cat li { width:48%; margin-right:4% !important; } .list-sub-cat li.last { margin-right:0 !important; } .box-sub-image .desc { min-height:0; } #sidebar-box { width:100%; margin:15px 0 0 0; } #sidebar-box > div { float:left; } #box-billets { width:48%; } #box-billets .inner-box { height:auto; } #box-consommation { width:48%; margin-left:4% !important; margin-top:36px !important; } #box-video { width:48%; margin-left:4% !important; } #box-pub { width:48%; } #box-pop { width:48%; margin-left:4% !important; } #box-pop .box-header { width:100%; } #box-pop .btn-1, #box-pop .btn-2 { width:50%; } #box-pop .btn-1 .box-blue, #box-pop .btn-2 .box-blue { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-pop .box .box-blue .box { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-mission { width:48%; } #box-presse { width:48%; margin-left:4% !important; } #sidebar-menu-infolettre.resized-infolettre { display: none; } } @media (max-width: 900px) { #s { width:145px; padding-right:44px; } #searchsubmit { width:32px; padding-left:0; padding-right:0; background-position:50% 50%; text-indent:-999em; } #m-calculateur { top:29px; right:-150px; } .en #m-calculateur { right:-108px; } #box-home-news .home-news-social .tweet .name { width:80%; } #page-footer nav { width:100%; float:none; } #copy { float:none; margin-top:31px; } .layout-col-3 #primary-content { width:71%; } } @media (max-width: 785px) { .home #content { width:100%; padding:0 30px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #container-nivo-slider { max-width:676px; margin:auto; } #nivo-slider li > div { width:100%; min-height:230px; } #nivo-slider li > div .title { display:block; float:left; width:48.6%; min-height:230px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #nivo-slider li > div .desc { display:block; float:left; width:51.4%; min-height:230px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #nivo-slider li .slideshow_video_player, #nivo-slider li img { float:none; width:100%; } #nivo-slider li .slideshow_video_player, #nivo-slider li > a { display:block; height:360px; } #nivo-slider li .slideshow_video_player { padding-bottom:19.25%; height:0; } .nivo-controlPos { top:326px; width:95.6%; bottom:auto; } .nivoGallery-directionNav { top:317px; width:95.6%; bottom:auto; } #box-home-news .home-news-social .tweet .name { width:72%; } #box-home-propos h2 { background:url(../img/sprite-mobile.png) no-repeat 0 -390px; } .layout-col-3 #primary-content { width:70%; } } @media (max-width: 767px) { html { border-top:none; } body { background:none !important; } /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } table { padding:0; } /* Hide table headers (but not display: none;, for accessibility) */ table tr:first-child { position: absolute; top: -9999px; left: -9999px; } tr { border-bottom: 1px solid #ccc; } table tr:last-child { border:none; } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; background:none; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .table-non-reponsive table { width: 100% !important; border: inherit !important; max-width: 300px; padding: 0; } .table-non-reponsive table, .table-non-reponsive tbody, .table-non-reponsive thead, .table-non-reponsive tr, .table-non-reponsive th, .table-non-reponsive td { display: inherit !important; } .table-non-reponsive table tr:first-child { position: inherit; top: inherit; left: inherit; } .table-non-reponsive tr { border-bottom: inherit; display: table-row !important; } .table-non-reponsive td, th { display: table-cell !important; vertical-align: inherit !important; position: inherit; } .table-non-reponsive td { border-bottom: inherit !important; width: 20% !important; /*padding: 15px 0;*/ } .table-non-reponsive td:first-child { width: 60% !important; } .odd { background:#fff; } #container { padding-top:0; background-position:center -398px !important; background-image:url(../img/bg-body-home.jpg); } #wrapper { padding:0; } #content { padding:0; margin:0; } .home #content { width:100%; padding:0; } #branding { width:206px; margin:auto; } .box.box-round { border-radius:0; } .box-outer-drop-shadow { background:none; padding:0; width:100%; } .box-headline, #sidebar-menu, #sidebar-menu-infolettre { display:none; } .mobile { display:block; } #page-header { box-shadow:0px 0px 8px #333; padding-top:37px; } #page-header nav { padding:0 10px; position:relative; } #page-menu { height:0; min-height:0; overflow:hidden; padding:46px 0 0 0; } #page-menu li { display:none; } #page-menu-mobile { display:block; overflow:hidden; width:49px; height:45px; position:absolute; left:0; top:1px; z-index:1001; } #page-menu-mobile > div { width:49px; height:45px; background:url(../img/sprite-mobile.png) no-repeat 0 0; text-indent:-999em; } #page-menu-mobile.active { width:100%; height:auto; } #page-menu-mobile.active > div { background-image:url(../img/sprite-mobile_over.png); } #page-menu-mobile > ul { width:100%; text-transform:uppercase; background-color:#1f66a0; padding:0 15px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #page-menu-mobile.active > ul { box-shadow:0 2px 4px #333333; } #page-menu-mobile > ul li { padding:15px 0 10px 0; } #page-menu-mobile > ul > li { border-bottom:2px #4c84b3 solid; } #page-menu-mobile > ul ul { border-top:2px #4c84b3 solid; margin-top:12px; } #page-menu-mobile > ul ul li { border-bottom:1px #4c84b3 dotted; padding:10px 0 9px 0; } #page-menu-mobile > ul ul li a { line-height:25px; } #page-menu-mobile > ul ul li:last-child { padding-bottom:0; border:none; } #page-menu-mobile > ul > li:last-child { padding-bottom:15px; border:none; } #page-menu-mobile > ul > li a { font-size:20px; color:#fff; font-weight:normal; } #page-menu-mobile > ul > li > a { font-weight:bold; } #page-menu-mobile > ul ul span { position:relative; top:-2px; float:left; margin:0 7px 10px 0; } #menu-secondary { top:129px; z-index:1002; } #menu-secondary li, #menu-secondary li span { display:none; } #menu-secondary li#m-calculateur, #menu-secondary li#switch-lang { display:block; } #m-calculateur { position:absolute; top:0; right:98px; } .en #m-calculateur { right:98px; } #m-calculateur a { background:url(../img/sprite-mobile.png) no-repeat 0 -45px; width:49px; height:45px; } #page-header #searchform { top:129px; right:49px; display:block; width:49px; height:0; padding-top:45px; overflow:hidden; z-index:1002; } #page-header #searchform.active { width:100%; height:auto; right:0; z-index:1001; } #page-header #searchform label { position:absolute; top:0; display:block; visibility:visible; background:url(../img/sprite-mobile.png) no-repeat 0 -90px; width:49px; height:45px; text-indent:-999em; } #page-header #searchform.active label { background-color:#1f66a0; position:absolute; right:49px; } #page-header #searchform > div { display:none; } #page-header #searchform.active > div { position:relative; display:block; background-color:#1f66a0; width:100%; height:47px; padding:6px; box-shadow:0 2px 4px #333333; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #page-header #searchform #s { width:100%; font-size:16px; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; padding:8px 9px 8px 36px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #page-header #searchform #searchsubmit { top:15px; left:15px; width:17px; height:18px; background:url(../img/icones/icn-loupe-mobile.png) no-repeat; border-radius:0; display: none; } #switch-lang { position:absolute; top:0; right:0; } #switch-lang a { display:block; background:url(../img/sprite-mobile.png) no-repeat 0 -135px; width:49px; height:45px; text-indent:-999em; } .en #switch-lang a { background-position:0 -180px; } .home #page-footer, #page-footer { margin-top:0; } #page-footer .inner { padding:20px 15px; } #page-footer li { float:none; margin-bottom:15px; } #page-footer span { display:none; } #page-footer a { font-size:12px; text-decoration:underline; color:#151515; } #copy { font-size:12px; color:#151515; } #container-nivo-slider { max-width:100%; } #outer-slider { padding:0 0 16px 0; } #outer-slider .box.box-pattern { background:none; padding:0; } #nivo-slider { background:#e6ec41; } #nivo-slider li .slideshow_video_player, #nivo-slider li > a { max-height:427px; height:auto; } #nivo-slider li > div a { background:#fff; font-size:12px; } .nivo-controlPos, .nivoGallery-directionNav .nivoGallery-prev { display:none; } .nivoGallery-directionNav { top:0; right:0; width:47px; height:179px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .nivoGallery-directionNav .nivoGallery-next { top:75px; right:9px !important; background:url(../img/sprite-mobile.png) no-repeat 0 -493px !important; width:29px; height:30px; } #nivo-slider li > div .title, #nivo-slider li > div .desc { float:none; width:100%; min-height:0; } #nivo-slider li .slideshow_video_player { padding-bottom:46.5%; height:0; min-height:0; max-height:0; } #box-home-widgets { margin:0; } #box-home-news h2 { font-size:30px; background:url(../img/sprite-mobile.png) no-repeat 0 -234px; padding-top:33px; margin:0 4% 15px 4%; width:92%; } #box-home-news .home-news { margin:0 4% 15px 4%; width:92%; } #box-home-news .home-news .type { position:relative; left:-4.5%; font-size:14px; } #box-home-news h3 { padding:36px 0 0 0; } #box-home-news h3 a { font-size:23px; line-height:24px; } #box-home-news .home-news .date { font-size:14px; } .link-more { font-size:12px; } #box-home-news .home-news-social { position:relative; padding:8px 69px 45px 4%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-news .home-news-social h3 { padding-left:39px !important; padding-bottom:21px !important; width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-news .home-news-social .sprite-fr-t-facebook { padding-left:26px !important; width:111%; } #box-home-news .home-news-social .sprite-en-t-facebook { padding-left:26px !important; } #box-home-news .home-news-social .tweet, #box-home-news .home-news-social .fb-post { margin:0; width:100%; display:none; } #box-home-news .home-news-social .tweet.active, #box-home-news .home-news-social .fb-post.active { display:block; } #box-home-news .home-news-social .tweet .name { width:100%; padding-left:58px; float:none; font-size:13px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-home-news .home-news-social .link-more { position:absolute; bottom:10px; right:69px; } #box-home-news .home-news-social .social-suivant { display:block; position:absolute; top:0; right:0; width:47px; height:100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } #box-home-news .home-news-social .social-suivant span { display:block; position:absolute; top:40%; right:9px; background:url(../img/sprite-mobile.png) no-repeat 0 -493px; width:29px; height:30px; text-indent:-999em; } #box-outer-drop-shadow { float:none !important; } #box-home-img { padding:0; border-radius:0; float:none; margin:0; width:100%; } #box-home-nos-publication, #box-home-publication, #box-home-propos { margin:17px 0 0 0; width:100%; float:none; } #box-home-nos-publication p { width:50%; } #box-home-nos-publication img { width:50%; } .en #box-home-nos-publication img { width:50%; } #box-home-publication h2 { background:url(../img/sprite-mobile.png) no-repeat 0px -367px; } #box-home-publication .home-publication p { font-size:13px; } .home .entry { font-size:13px; } #breadcrumb { margin:0 4%; width:92%; font-size:13px; } .page-template-default #breadcrumb { margin-bottom:25px; } #primary-content { float:none !important; padding:0 15px !important; margin:0 !important; width:100% !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .fix-toolbar { height:60px; } .fix-toolbar #toolbar { top:20px; } .fix-toolbar.home { height:30px; top:0; right:39px; } #content #head-content { padding:0; border:none; } .layout-col-2 #content .post-title { width:100%; } .list-cat > li { width:100%; margin:0 !important; padding-bottom:28px !important; } .page-template-__gabarit_publicity-php .list-cat li { width:100%; } .box-image .desc { font-size:15px; min-height:0; } .list-cat .list-icn { min-height:0; } .list-cat .list-icn li { font-size:15px; background-position:0 7px !important; margin-right:0; width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .box-image .green-link { display:none; } #sidebar-box { margin:0; width:100%; } #sidebar-box > div { float:none; } #sidebar-box .box-outer-drop-shadow-alt { padding:0; margin:0; background:none; } .mobile h2 { font-size:14px; text-transform:uppercase; } #box-pub { width:100%; } #box-pub img { width:100%; } #box-pub p { font-size:13px; margin-top:5px; } #box-pop { width:100%; overflow:hidden; margin-left:0 !important; } #box-pop .box-header { padding:0 15px; width:100%; height:40px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-pop .box-blue .box-header > .box-headline { width:50%; } #box-pop .box-blue .box-header > .box-headline .box-headline { padding:10px 15px; } #box-pop .box-blue .box-header > .box-headline.active { background:#ffffff; } #box-pop .box-blue .box-header > .box-headline .box-blue { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-pop .btn-1, #box-pop .btn-1 .box-blue { border-top-right-radius:0; } #box-pop .btn-2, #box-pop .btn-2 .box-blue { border-top-left-radius:0; } #box-pop > div > .box-blue { background-color:transparent !important; } #box-pop .box .box-blue .box { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #box-pop .box .box-blue > .box { padding-top:0; } #box-pop .box .box > .inner-box { border-top-left-radius:0; border-top-right-radius:0; } #box-pop .box-pop-post { width:100%; } .list-sub-cat li { width:100% !important; height:auto !important; margin:0 !important; } .list-sub-cat li:last-child { border-bottom:none; } .box-sub-image .type { position:relative; left:-15px; font-size:14px; } .box-sub-image .title-sub-cat { padding:30px 0 0 0; font-size:23px; line-height:24px; } .box-sub-image .desc { font-size:13px; min-height:0; margin-bottom:22px; } .fix-toolbar.article #toolbar { position:absolute; left:auto; right:0; } .fix-toolbar.article.top { padding-top:30px; } .fix-toolbar.article.bottom { padding-top:46px; } .fix-toolbar.article .show-publi { top:30px; } .fix-toolbar.article.bottom .show-publi { top:46px; } .fix-toolbar.article .show-publi.scientifique { top:65px !important; } .fix-toolbar.article.bottom .show-publi.scientifique { top:81px !important; } .post-page-link { font-size:18px; } #content .video .title { display:block; width:84%; height:25px; overflow:hidden; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #content .video .length { position:absolute; top:0; right:0; } #box-billets { width:100%; font-size:13px; } #box-billets h3 { width:100%; font-size:14px; } #box-billets .box { padding-bottom:14px; } #box-billets .inner-box { height:auto; } #box-consommation .box { padding-top:0; } #box-consommation .section-title { font-size:16px; } #box-consommation { font-size:13px; margin:0 !important; width:100%; } #box-video { width:100%; margin:0 !important; } #box-video .box { padding:0 15px 15px 15px !important; } #box-mission { font-size:13px; width:100%; } #box-mission h2 { font-size:14px; } #box-mission .box { padding-bottom:14px; } #box-presse { font-size:13px; width:100%; margin:0 !important; } #box-presse h2 { font-size:14px; } #box-presse .box { padding-top:0; } .col_1_of_2, .col_2_of_2 { width:100% !important; margin:0 !important; } .col-3 { float:none; width:100%; margin-right:0; } .tabs { padding:0; } .fb-comments { display:none; } #primary-content.infolettre-container { margin-top: 20px!important; } } @media (max-width: 640px) { .col-text-newsletter img { max-width: 400px } #primary-content.infolettre-container { font-size:12px;color:#666666;font-family: Tahoma, Verdana, Segoe, sans-serif;line-height: 16px; } } @media (max-width: 490px) { div.infolettre-header-container div h1 { display: none; } } @media (max-width: 427px) { #box-home-news h2 { margin-top:25px; padding-top:7px; line-height:30px; } } @media (max-width: 363px) { #box-home-news .home-news-social .sprite-en-t-facebook { padding-bottom:25px !important; line-height:15px; background-position:0 -289px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) { #page-menu-mobile > div { background-image:url(../img/sprite-mobileX2.png); background-size:180%; } #page-menu-mobile.active > div { background-image:url(../img/sprite-mobileX2_over.png); } #m-calculateur a { background-image:url(../img/sprite-mobileX2.png); background-size:178%; } #page-header #searchform label { background-image:url(../img/sprite-mobileX2.png); background-size:178%; } #page-header #searchform #searchsubmit { display: none; } #switch-lang a { background-image:url(../img/sprite-mobileX2.png); background-size:178%; } .nivoGallery-directionNav .nivoGallery-next { background:url(../img/sprite-mobileX2.png) no-repeat 0 -490px !important; background-size:301% !important; } #box-home-news .home-news-social .social-suivant span { background:url(../img/sprite-mobileX2.png) no-repeat 0 -490px; background-size:301%; } } /* Archives de nouvelles ======================================================================================= */ #primary-content.infolettre-container{width:685px;margin: 0 0 0 40px;} div.infolettre-header-container{width:100%;height:102px;position:relative;background-image:url('../img/infolettre-header.jpg?v=1.0');background-repeat:no-repeat;} div.infolettre-header-container div{position:absolute;bottom:6px;right:0;} div.infolettre-header-container div h1{font-size:12px;color:#666666;font-family: Tahoma, Verdana, Segoe, sans-serif;font-weight:bold;} div.infolettre-header-separator{ position:relative; width:100%; height:4px; margin-bottom:25px; background: rgb(31,98,153); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNjI5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjOGVjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTZhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(31,98,153,1) 0%, rgba(44,142,204,1) 50%, rgba(33,106,170,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,98,153,1)), color-stop(50%,rgba(44,142,204,1)), color-stop(100%,rgba(33,106,170,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(31,98,153,1) 0%,rgba(44,142,204,1) 50%,rgba(33,106,170,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(31,98,153,1) 0%,rgba(44,142,204,1) 50%,rgba(33,106,170,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(31,98,153,1) 0%,rgba(44,142,204,1) 50%,rgba(33,106,170,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(31,98,153,1) 0%,rgba(44,142,204,1) 50%,rgba(33,106,170,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f6299', endColorstr='#216aaa',GradientType=1 ); /* IE6-8 */ } .subtitle-nouvelle{font-size:12px;color:#666666;line-height:20px;text-transform: uppercase;font-family: 'Nunito',sans-serif;font-weight:bold;} .title-nouvelle{font-size:22px;color:#0887c6;line-height:26px;font-family: 'Nunito',sans-serif;font-weight:bold;} div.content-nouvelle div.wp-caption{max-width:175px;margin-top:10px;} div.content-nouvelle p.wp-caption-text{text-align:left;font-size:10px;font-family: Tahoma, Verdana, Segoe, sans-serif;padding:0;margin:0;line-height:12px;} div.btn-bcktt-nouvelle{width:100%;height:14px;margin: 27px 0;} div.print-bar-nouvelle{width:100%;height:21px;margin-top:20px;} div.btn-print-nouvelle{width:180px;height:21px;background-image:url('../img/printer-ico.png');background-repeat:no-repeat;float:left;cursor:pointer;} div.btn-print-infolettre{width:180px;height:21px;background-image:url('../img/printer-ico.png');background-repeat:no-repeat;background-position:right top;float:right;cursor:pointer;} div.content-nouvelle p{font-size:14px;color:#666666;line-height:20px;font-family: Tahoma, Verdana, Segoe, sans-serif;padding-top:20px;} span.print-nouvelle{font-size:12px;color:#0887c6;font-family: Tahoma, Verdana, Segoe, sans-serif;position:relative;left:30px;line-height:21px;} span.print-infolettre, a.print-infolettre{font-size:12px;color:#0887c6;font-family: Tahoma, Verdana, Segoe, sans-serif;position:relative;right:20px;line-height:21px;} div.btn-bcktt-nouvelle span{font-size:12px;color:#0887c6;line-height:20px;text-transform: uppercase;font-family: 'Nunito',sans-serif;font-weight:bold;} div.post-separator{width:100%;height:10px;background-image:url('../img/post-separator-bkg.jpg');background-repeat:repeat;margin-bottom:27px;} #sidebar-menu-infolettre.resized-infolettre {width:235px;} #nav-explorer li.infolettre-no-border{border:none;} footer.cartouche { font-size:14px;color:#666666;line-height:20px;font-family: Tahoma, Verdana, Segoe, sans-serif; } #primary-content.resultat-recherche{width:685px; float:left;} #primary-content.resultat-recherche div.left_col{width:30%;} #primary-content.resultat-recherche div.right_col{width:70%} #primary-content article.articleInfolettre ul li {font-size:14px;color:#666666;font-family: Tahoma, Verdana, Segoe, sans-serif; list-style-type: circle;margin: 5px 0 5px 50px; line-height: 20px; } /* Col infolettre ( article ) */ .container-col-newsletter { } .container-col-newsletter .wp-caption { max-width:none!important; margin-top:20px!important; } .container-col-newsletter .wp-caption img { margin-bottom:10px; } .col-text-newsletter { width:465px; float:left; } .col-text-newsletter img { margin-top:20px; display:block; } .col-text-newsletter img:first-child { margin-top:0px!important; } .col-image-newsletter { margin-left:20px; width:200px; float:left; } .col-image-newsletter img { display:block; } .col-image-newsletter .wp-caption { margin-top:0; margin-bottom:20px; } /* Search Page */ span.searchwp-highlight, span.highlight { /*background-color: #E1E63C;*/ padding: 0px 0px 0px 0px; } .facetwp-counts { display: inline; } .facetwp-template{ display:none; } .facetwp-template .post-result-search h2{ font-size: 13px; margin-bottom: 3px; line-height: 21px; } .facetwp-template .post-result-search p{ font-size: 12px; margin: 0px 0px 10px 0px; } .facetwp-template .post-result-search p em{ display: inline-block; margin: 5px 0px 0px 0px; } /* iphone 4-5 portrait */ @media only screen and (max-width : 320px) { .col-text-newsletter img { max-width: 260px } .col-text-newsletter { max-width: 296px!important; } div.content-nouvelle div.wp-caption { max-width: 310px!important } #primary-content.infolettre-container { font-size:12px;color:#666666;font-family: Tahoma, Verdana, Segoe, sans-serif;line-height: 16px; } div.btn-bcktt-nouvelle { visibility: hidden; margin: 10px 0!important; } .articleInfolettre header { margin-bottom: 10px;} div.btn-print-infolettre{width:210px;} footer.cartouche { margin-bottom: 20px; } } /* Resultat Recherche ( FacetWP ) ======================================================================================= */ #primary-content.resultat-recherche {width:auto; min-height:900px; float:none;} #primary-content.resultat-recherche div.left_col{width:220px;float:left;} #primary-content.resultat-recherche div.right_col{width:714px; min-height:500px;float:right;padding-left:20px; position:relative;/*padding-right: 36px;*/} #primary-content.resultat-recherche .facet_title { font-size: 14px; font-weight:bold; margin-bottom: 10px; text-decoration: underline;} #primary-content.resultat-recherche .facetwp-selections ul {font-size: 14px; color: #0084c5; font-weight: bold;} #primary-content.resultat-recherche .facetwp_counts {margin-bottom: 20px;font-size: 14px; } #primary-content.resultat-recherche .facetwp-type-checkboxes, .facetwp-type-hierarchy {max-height: 600px!important;} #primary-content.resultat-recherche .post-result-search { margin-bottom:15px; padding-bottom: 5px; border-bottom:1px dotted #bcbcbc; } #primary-content.resultat-recherche .facetwp-pager {width: 100%; text-align: right; margin-bottom: 20px; } .page-template-page-resultat-recherche-php #breadcrumb { margin-right:0; } /* Bloc search ========================================== */ .facet_bloc.search-info { margin:0 0 10px 0; } .facet_bloc.search-info .facet_section_title { margin-bottom:10px; display:inline-block; position:relative; float:left; color:#0084c5; font-size:18px; line-height:18px; } .facet_bloc.search-info .facet_section_title:before { width:70px; height:20px; content:""; display:inline-block; margin-right:10px; background: url("../img/bg/bg-tag-right.gif") no-repeat right 0 #e1e63c } .facet_bloc.search-info span { position:absolute; top:0px; left:80px; width:200px; display:block; } .facet_bloc.search-info .facet_help { float:right; font-family: "Nunito",sans-serif; font-size:24px; font-weight:bold; background-color:#0084c5; color:#fff; border-radius:20px; padding:11px 14px; margin-top:-6px; } .facet_bloc.search{ margin:0 0 10px 0; padding-bottom:15px; /*border-bottom:1px solid #000;*/ overflow:hidden; position:relative; } .facet_bloc.search #clear-rechercher { display:none; position:absolute; top:13px; right:63px; z-index:200; font-family: "Nunito",sans-serif; font-size:10px; font-weight:bold; background-color:#0084c5; color:#fff; border-radius:20px; padding:3px 7px; } .facet_bloc.search .facetwp-type-search { margin:0; padding:0 0 0 5px; border:2px solid #0084c5; overflow:hidden; min-height: 44px; } .facet_bloc.search .facetwp-search { border:none; width:90%; float:left; font-size:24px; line-height:40px; } .facet_bloc.search .btn-search { padding:10px; border:none; background:#0084c5; color:#fff; font-size:24px; line-height:1; float:right; } /* FacetWP left_col ============================================================== */ .left_col { padding-top:0px; } /* FacetWP right_col ============================================================== */ /* Bloc counts ========================================== */ .facetwp-selections { margin-bottom:10px; } .container-facetwp-selections { min-height:14px; } .facetwp-selections ul { margin-bottom:0; } .facetwp_counts { padding:14px 0; border:1px solid #ddd; border-width:1px 0; } #search-hepler { padding:0 15px; width:704px; height:100%; min-height:500px; display:block; position:absolute; top:0; left:0; z-index:100; background:#fff; color:#0084c5; font-size:18px; line-height:24px; } #search-hepler.tips { z-index:101; } #search-hepler.show { display:block; } #search-hepler .title { margin-bottom:50px; color:#0084c5; font-weight:normal; font-size:20px; line-height:1; } #search-hepler p { margin-bottom:30px; } #search-hepler li { margin-left:30px; } #search-hepler li a { text-decoration: underline; } /* surchage du CSS de FacetWP pour changer la couleur du spinner */ .facetwp-loading { background: url(../img/spinner.gif) no-repeat !important; } #container-facetwp-results .search-cat{ font-size: 12px; font-weight: normal; margin-right: 10px; float: left; padding: 3px 8px 2px 8px; line-height: 16px; } #container-facetwp-results .search-cat.info{ background-color: #F7A842; color: #fff; } #container-facetwp-results .search-cat.doc{ background-color: #67A6D7; color: #fff; } #container-facetwp-results .search-cat.tool{ background-color: #60B77A; color: #fff; } @media only screen and (max-width : 1045px) { #primary-content.resultat-recherche div.left_col, #primary-content.resultat-recherche div.right_col { padding:0; width:auto; float:none; overflow:hidden; } .facet_bloc_taxo { float:left; margin-right:10px; } .facet_bloc_taxo:last-child { margin-right:0; } #search-hepler { padding:0; width:100%; } } @media only screen and (max-width : 900px) { #primary-content.resultat-recherche div.left_col, #primary-content.resultat-recherche div.right_col { } .facet_bloc_taxo { float:none; margin-right:0; } .facet_bloc.search-info { margin-top:20px; } .facet_bloc.search .facetwp-search { border:none; width:80%; } #search-hepler { padding:0; width:auto; } } /* HTML required valiation form */ input:invalid, textarea:invalid { border:none; box-shadow:none; } .table-infolettre { width:auto; border:none; } .table-infolettre td { text-align:left; border:none; font-size:14px; color:#666; font-weight:normal; padding:4px; } .table-infolettre tr td:first-child { padding-left:0; } .align-right { float: right; padding: 0px 0px 10px 20px; } .align-left { float: left; padding: 0px 20px 10px 0; } /**********************************************************************/ /************************ PAGE DE PUBLICATION *************************/ /**********************************************************************/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { display: none; } /*.pb_page {*/ /*font-size: 16px;*/ /*}*/ .pb_icon { position: relative; } .pb_icon:before { content: ""; background-image: url(../img/icones/icn-list.gif); background-repeat: no-repeat; display: block; position: absolute; height: 14px; width: 14px; left: 0; } .pb_catg_nav, .pb_catg_list { background: url(../img/bg-pattern.gif) 0 0 repeat; border-radius: .5em; margin-bottom: 2em; padding: .5em; } .pb_catg_nav .pb_catg_nav_link { background-color: #0084c5; color: #fff; font-size: 14px; text-align: center; border-bottom: 2px solid #fff; display: block; height: 35px; line-height: 31px; padding: 0 1em; vertical-align: middle; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; } .pb_catg_nav .pb_catg_nav_link.is_active { opacity: .8; } .pb_catg_nav .pb_catg_nav_link span { line-height: 1; display: inline-block; vertical-align: middle; } .pb_catg_nav .pb_catg_nav_link:hover { opacity: .8; } .pb_catg_list { margin-bottom: 2em; } .pb_catg_list .pb_grid { margin: 0 auto; max-width: 320px; } .pb_catg_list.is_hide { display: none; } .pb_catg_title { color: #535353; font-size: 1.25em;; font-weight: bold; padding: 0.3em .5em .5em 0.3em; text-transform: uppercase; } .pb_info { background-color: #eee; /*padding-bottom: .5em;*/ /*margin-bottom: 1em;*/ text-align: left; -webkit-border-radius: .3em; -moz-border-radius: .3em; /*border-radius: .3em;*/ } .pg_info_wapper { margin-bottom: 1em; } .pb_info .pg_info_title { background-color: #0084c5; border-radius: .3em .3em 0 0; color: #fff; font-weight: bold; margin-bottom: .5em; padding: 0 1em; height: 35px; line-height: 30px; } .pb_info .pg_info_title span { display: inline-block; line-height: 1.2; vertical-align: middle; } .pb_info .pg_info_thumbnail { display: block; margin: 0 auto .5em; } .pb_info .pb_info_related_article { font-size: 1em; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #DADADA; display: block; padding: .5em .5em .5em 1.2em; } .pb_info .pb_info_related_article:hover { background-color: #F3F3F3; } .pb_info .pb_info_related_article:before { background-position: 7px 6px; top: 5px; } .pb_info_qts { background-color: #E6E6E6; text-align: center; padding: 0.875em .5rem; -webkit-border-radius: 0 0 .3em .3em; -moz-border-radius: 0 0 .3em .3em; border-radius: 0 0 .3em .3em; } .pb_info_qts .pb_info_qts_title { margin-bottom: 0.875em; text-align: center; font-weight: bold; } .pb_info_qts .pb_info_qts_lang { font-size: 1em; display: inline-block; width: 45%; } .pb_info_qts .pb_info_qts_lang input { margin-left: .5em; text-align: center; width: 40%; } .pb_info_qts_check { display: none; } .pb_info_qts_btn_check { background-color: #0084C5; color: #fff; text-align: center; border-radius: 0.3em; box-shadow: 1px 1px 3px 1px #828282; cursor: pointer; display: block; margin: 1em auto .5em; padding: .5em; width: 80%; } .pb_info_qts_btn_check:hover { opacity: .8; } .pb_info_qts_check:checked ~ .pb_info_qts_btn_check { opacity: .5; } .pb_table td { border: none; } #form-commander .pb_table .row_v_middle_text_2 { background-color: #0084c5; color: #fff; text-align: left; } #form-commander .pb_table .i_text_quantity { margin: 0; width: 40%; } .pb_table input { text-align: center; } .pb_table .pb_cell_odd { background-color: #eee; } .pb_table .pb_title_col, .pb_table .pb_ct_col { display: inline-block; vertical-align: middle; } .pb_table .pb_title_col { width: 40%; } .pb_table .pb_cell_even { padding: .5em .7em; } .pb_table .pb_ct_col { width: 60%; } .pb_table .pb_ct_col label { display: inline-block; width: 1.5em; } .pb_table .pb_ct_col_right { margin-bottom: .5em; } form .pb_form { font-size: 14px; } form .pb_form .control-display-line { margin: 0; margin-bottom: 1em; } form .pb_form .control-display-line label.error { display: block; float: inherit; line-height: 1.5; margin: 0; width: inherit; } form .pb_form .control-display-line .pb_form_box_title { display: inline-block; float: inherit; margin: 0; padding: 0 0 .5em 0; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form .pb_form .control-display-line .pb_form_inputs, form .pb_form .control-display-line input, form .pb_form .control-display-line select, form .pb_form .control-display-line textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form .pb_form .control-display-line .button { margin: 0; } form .pb_form .control-display-line input, form .pb_form .control-display-line select, form .pb_form .control-display-line textarea, .pb_form .pb_form_section { vertical-align: top; } form .pb_form .control-display-line textarea { resize: none; } form .pb_form .pb_form_address .i-large { width: 80% !important; } form .pb_form .pb_form_address .i-med { width: 18% !important; margin-left: 2%; } .pb_form .pb_ext { display: inline-block; vertical-align: top; } .pb_section_btn_submit { display: none; } .pb_section_btn_submit.is_active { display: block; bottom: 0; left: 0; right: 0; position: fixed; z-index: 100; background-color: rgba(255,255,255,.7); text-align: center; padding: .5em; } .pb_section_btn_submit .pb_btn_submit { margin: 0 .2em 0 0; white-space: normal; } .pb_input_adresse { display: inline-block; padding-right: .3em; width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form .pb_form .control-display-line .pb_input_adresse label.error { width: 100%; } .pb_input_adresse_aside { display: inline-block; vertical-align: top; width: 20%; } .pb_input_adresse_aside input, .pb_input_adresse_aside input { width: 100%; } @media (min-width: 480px) { .pb_grid { list-style: none; margin: 0; padding: 0; margin-left: -2px; } .pb_grid_cell { display: inline-block; padding-left: 2px; box-sizing: border-box; width: 100%; } .pb_grid_cell_nav { width: 50%; } .pb_catg_nav{ padding: 0.938em; } .pb_catg_list { padding: .4em .913em .813em .713em; } .pb_catg_nav .pb_catg_nav_link { -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; } table.pb_table, .pb_table tbody { display: table; width: 100%; } .pb_table tr { display: table-row; border: none; } .pb_table tr:first-child { position: inherit; top: inherit; left: inherit; } .pb_table th, .pb_table td { display: table-cell; } .pb_table th { text-align: center; } .pb_table td { border: inherit; } .pb_table .odd { background-color: #eee; } .pb_table .pb_title_col { display: none; } .pb_table .pb_cell_odd { background-color: inherit; } #form-commander .pb_table .row_v_middle_text_2 { color: inherit; background-color: inherit; } .pb_table .pb_ct_col { width: 100%; } .pb_table .pb_ct_col label { display: none; } .pb_table .pb_ct_col_right, .pb_table .pb_ct_col_left { display: inline-block; width: 45%; } .pb_table .pb_ct_col_right { text-align: right; padding-right: 4px; border-right: 1px solid #fff; line-height: 1; margin: 0; } .pb_table .pb_ct_col_left { text-align: left; } } @media (min-width: 568px) { .pb_grid_cell_info { padding-left: 4px; width: 50%; } .pb_catg_list .pb_grid { margin: 0; max-width: inherit; } form .pb_form .control-display-line { margin: 0 auto; margin-bottom: 1em; max-width: 480px; } form .pb_form .control-display-line .pb_form_box_title { display: inline-block; padding-right: .5em; padding-top: .5em; text-align: right; width: 30%; } form .pb_form .control-display-line .pb_form_box_title.non_padtop { padding-top: 0; } form .pb_form .control-display-line input, form .pb_form .control-display-line select, form .pb_form .control-display-line textarea, .pb_form .pb_form_section { width: 70%; } form .pb_form .control-display-line .pb_form_inputs { display: inline-block; vertical-align: top; width: 70%; } form .pb_form .control-display-line .pb_form_inputs input, form .pb_form .control-display-line .pb_form_inputs select, form .pb_form .control-display-line .pb_form_section select, form .pb_form .control-display-line label.error { width: 100%; } .pb_form .pb_form_section { display: inline-block; vertical-align: top; } .pb_form .pb_form_section .button { display: inline-block; width: auto; } } @media (min-width: 768px) { .pb_grid_cell_nav { width: 33.33333333%; } .pb_grid_info { margin-left: -4px; } .pg_info_wapper { margin-bottom: 4px; } form .pb_form .control-display-line { max-width: 650px; } form .pb_form .control-display-line .pb_form_box_title { width: 30%; } form .pb_form .control-display-line input, form .pb_form .control-display-line select, form .pb_form .control-display-line textarea, .pb_form .pb_form_section { width: 62%; } form .pb_form .control-display-line .pb_form_inputs { display: inline-block; vertical-align: top; width: 62%; } form .pb_form .control-display-line .pb_form_inputs input, form .pb_form .control-display-line .pb_form_inputs select, form .pb_form .control-display-line .pb_form_section select, form .pb_form .control-display-line label.error { width: 100%; } .pb_section_btn_submit.is_active { position: inherit; } } @media (min-width: 1024px) { .pb_grid_cell_nav { width: 25%; } .pb_grid_cell_info { width: 33.33333333%; } /*.pb_info .pg_info_title {*/ /*height: 70px;*/ /*line-height: 62px;*/ /*}*/ } @media (min-width: 1030px) { .pb_info_qts .pb_info_qts_lang { width: 50%; } .pb_info_qts .pb_info_qts_lang input { margin-left: 0; } } @media (max-width: 1035px) { #sidebar-box .box-planificateur.store { float: left; width: 33%; margin-bottom: 0;} #sidebar-box .box-planificateur.dyk { float: right; width: 67%; } #sidebar-box .box-planificateur.store img { padding-top:10px; } } @media (max-width: 991px) { #sidebar-box .box-planificateur.store { float: left; width: 25%; margin-bottom: 0;} #sidebar-box .box-planificateur.dyk { float: right; width: 75%; } #sidebar-box .box-planificateur.store img { padding-top:10px; } } @media (max-width: 767px) { #sidebar-box .box-planificateur.store { float: left; width: 100%; margin-bottom: 0;} #sidebar-box .box-planificateur.dyk { float: right; width: 100%; } #sidebar-box .box-planificateur.store img { padding-top:10px; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeInAnimation { -webkit-animation: fadein 2s 1; -moz-animation: fadein 2s 1; -o-animation: fadein 2s 1; animation: fadein 2s 1; } .fadeOutAnimation { -webkit-animation: fadeout 1s 1; -moz-animation: fadeout 1s 1; -o-animation: fadeout 1s 1; animation: fadeout 1s 1; }