/* EDF */ /*COULEURS------------------------------------------------------------------------------------------------ BLANC ffffff NOIR 000000 ORANGE fb6e12 BLEU FONCE 001373 BLEU MOYEN 005596 BLEU CLAIR 589bce BLEU TRES CLAIR b1ddf2 VERT 4c9b2e GRIS MOYEN 7c7c7d GRIS CLAIR f8f8f8 ------------------------------------------------------------------------------------------*/ /*FONT------------------------------------------------------------------------------------------*/ @font-face { font-family:'Frutiger-LightCn'; src: url('../fonts/frutigerltstd-cn-webfont.eot'); src: url('../fonts/frutigerltstd-cn-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/frutigerltstd-cn-webfont.woff') format('woff'), url('../fonts/frutigerltstd-cn-webfont.ttf') format('truetype'), url('../fonts/frutigerltstd-cn-webfont.svg#frutigerltstd-cn-webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'frutigerltstd-boldcn'; src: url('../fonts/frutigerltstd-boldcn.eot'); src: url('../fonts/frutigerltstd-boldcn.eot?#iefix') format('embedded-opentype'), url('../fonts/frutigerltstd-boldcn.woff') format('woff'), url('../fonts/frutigerltstd-boldcn.ttf') format('truetype'), url('../fonts/frutigerltstd-boldcn.svg#frutigerltstd-boldcn') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot'); src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg'); font-weight: normal; font-style: normal; } /*------------------------------------------------------------------------------------------------*/ #mobNavBtn { display:none; } #mobTopNav { display:none; } html {} body { padding:0; margin:0; } * { border: none; font-family: Arial, sans-serif; font-weight:normal; font-style:normal; font-size:14px; text-decoration: none; color:#7c7c7d; box-sizing:border-box; } * a { color:#3564b3; text-decoration:none; border:none; font-weight:normal; } * img { border:none; } * iframe { border:none; } * em { font-style:italic; color:#3564b3; } * .tooltip { display:none!important; } * strong { font-weight:bold; } h1, h1 a { padding:0; margin:0; font-size:24px; text-align:left; font-family: 'Frutiger-LightCn'; text-transform:uppercase; } h2, h2 a { padding:0; margin:0; font-size:24px; text-align:left; font-family: 'Frutiger-LightCn'; text-transform:uppercase; } h3, h3 a { padding:0; margin:0; font-size:20px; text-align:left; font-family: 'Frutiger-LightCn'; text-transform:uppercase; } h4, h4 a { padding:0; margin:0; font-size:18px; text-align:left; font-family: 'Frutiger-LightCn'; text-transform:uppercase; } h5, h5 a { padding:0; margin:0; font-size:16px; text-align:left; font-family: 'Frutiger-LightCn'; text-transform:uppercase; } h5, h5 a { padding:0; margin:0; font-size:14px; text-align:left; font-family: 'Frutiger-LightCn'; text-transform:uppercase; } * ul li { list-style:square; text-align:left; padding:0 0 10px 0;} /*Base------------------------------------------------------------------------------------------------*/ #wrapper { width:1000px; padding:0 20px; margin:0 auto; display:table; text-align:justify; } #container { width:100%; padding:0; margin:0; display:table; } #haut { width:100%; height:113px; padding:0; margin:0; background:#ffffff; } #haut img { padding:0; margin:0; float:left; } #haut #wrapper .hautGch { width:326px; height:113px; padding:0; margin:0; background:#f8f8f8; float:left; } #haut #wrapper .hautDrt { width:634px; height:113px; padding:0; margin:0; background:#ffffff url(../images/file-header.gif) repeat-x; float:left; } #nav { width:100%; height:30px; padding:0; margin:0; background:#005596; } #accueilTop { width:100%; height:auto; padding:0; margin:0; background:#fff!important; border-bottom:#003770 1px solid; } #head { width:100%; height:265px; padding:0; margin:0; background:#f8f8f8 url(../images/fond-diapo.png) no-repeat bottom center; } #bottom { width:100%; height:auto; padding:0; margin:0; background:#f8f8f8; } #footer { width:100%; height:300px; padding:0; margin:0; background:#f8f8f8; border-top:#7c7c7d 1px solid; } aside { padding:0; margin:0; float:left; } article { padding:0 20px; margin:0; float:left; } #page3col, #page2colright, #page2colleft, #page1col { width:100%; padding:20px 0 0 0; margin:0; display:table; background:#ffffff; } #page3col #wrapper, #page2colright #wrapper, #page2colleft #wrapper, #page1col #wrapper { background:#ffffff; } #page1col article { width:100%; padding:0 0; } #page3col aside { width:20%; float:left; } #page3col article { width:60%; float:left; } #page2colright aside { width:30%; background:#fff url(../images/fondAside.gif) repeat-y; float:left; } #page2colright article { width:70%; padding:0 20px 20px 0; float:left; } #page2colleft aside { width:25%; float:left; } #page2colleft article { width:75%; padding:0 0 20px 10px; float:left; } /*Grille------------------------------------------------------------------------------------------------*/ .span1 { width:10%; padding:10px 10px; margin:0; float:left; } .span2 { width:20%; padding:10px 10px; margin:0; float:left; } .span3 { width:30%; padding:10px 10px; margin:0; float:left; } .span4 { width:40%; padding:10px 10px; margin:0; float:left; } .span5 { width:50%; padding:10px 10px; margin:0; float:left; } .span6 { width:60%; padding:10px 10px; margin:0; float:left; } .span7 { width:70%; padding:10px 10px; margin:0; float:left; } .span8 { width:80%; padding:10px 10px; margin:0; float:left; } .span9 { width:90%; padding:10px 10px; margin:0; float:left; } .span10 { width:100%; padding:10px 10px; margin:0; float:left; } .span11 { width:25%; padding:10px 10px; margin:0; float:left; } .span12 { width:33.3333%; padding:10px 10px; margin:0; float:left; } /*NAV Haut------------------------------------------------------------------------------------------------*/ .moduletable_haut { display:block; padding:0; margin:0; width:100%; float:left; } .moduletable_haut ul { display:block; padding:0; margin:0; } .moduletable_haut ul li { display:block; padding:0; margin:0; float:right; } .moduletable_haut ul li .btn { display:block; padding:0; margin:0; } .moduletable_haut ul li .btn a { display:block; padding:5px 10px; margin:0; } .moduletable_haut ul li:nth-child(2) .btn a { display:block; padding:5px 10px; margin:0; background:#589bce; color:#ffffff; font-weight:bold; border-radius:0 0 10px 10px; } .moduletable_haut ul li:nth-child(2) .btn a:after { content:"\f059"; font-family: FontAwesome; padding:0 0 0 5px; font-weight:normal; } .moduletable_haut ul li:nth-child(1) .btn a { display:block; padding:5px 10px 5px 30px; margin:0; background:url(../images/espace-pro.gif) no-repeat 6px 3px; color:#7c7c7d; } /*NAV VOUGLANS 360------------------------------------------------------------------------------------------------*/ .moduletable_v360 { display:block; float:left; padding:0; margin:0; max-width:500px; } .moduletable_v360mob { display:none; } /*NAV SEARCH------------------------------------------------------------------------------------------------*/ .moduletable_search { display:block; float:left; padding:4px 20px 4px 4px; margin:5px 0 0 10px; background:url(../images/picto-recherche.jpg) no-repeat right center; border:#7c7c7d 1px solid; border-radius:3px; } /*NAV Outils------------------------------------------------------------------------------------------------*/ .moduletable_outils { display:block; padding:5px 0 0 10px; margin:0 0 0 0; float:left; } .moduletable_outils ul { display:block; padding:0; margin:0; } .moduletable_outils ul li { display:block; padding:0; margin:0; float:left; } .moduletable_outils ul li .btn { display:block; padding:0; margin:0; height:25px; } .moduletable_outils ul li .btn a { display:block; padding:5px 10px; margin:0; font-size:13px; font-weight:bold; color:#fb6e12; background:url(../images/head_pipe.jpg) left 7px no-repeat; position: relative; width:100%; top: 30%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .moduletable_outils ul li .btn a:hover { text-decoration:underline; } /* .moduletable_outils ul li:nth-child(1) .btn a { font-weight:normal; } */ /* .moduletable_outils ul li:nth-child(5) .btn a { color:#7c7c7d; } */ /*NAV Principale 1 ------------------------------------------------------------------------------------------------*/ .moduletable_nav { display:block; padding:0; margin:0; float:left; } .moduletable_nav ul { display:block; padding:0; margin:0; float:left; } .moduletable_nav ul li { display:block; padding:0; margin:0; float:left; } .moduletable_nav ul li .btn { display:block; padding:0; margin:0; height:30px; } .moduletable_nav ul li .btn a { display:block; padding:5px 20px; margin:0; text-transform:uppercase; font-family:'Frutiger-LightCn'; font-size:15px; color:#ffffff; position: relative; width:100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .moduletable_nav ul li .btn .separator { display:block; padding:5px 20px; margin:0; text-transform:uppercase; font-family:'Frutiger-LightCn'; font-size:15px; color:#ffffff; position: relative; width:100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .moduletable_nav ul li.active .btn a { border-bottom:#ffffff 5px solid; padding:7px 20px 3px 20px; } .moduletable_nav ul li.active ul li .btn a { border-bottom:#ffffff 5px solid; padding:5px 10px; } .moduletable_nav ul li.active .btn .separator { border-bottom:#ffffff 5px solid; padding:7px 20px 3px 20px; } .moduletable_nav ul li ul li.active .btn a { background:#589bce; border:none; color:#fff; padding:5px 10px; margin:0; } .moduletable_nav ul li ul li.active .btn .separator { background:#589bce; border:none; color:#fff; padding:5px 10px; margin:0; } .moduletable_nav ul li:hover ul { /*display:block;*/ } .moduletable_nav ul li ul { display:none; padding:20px; margin:0; float:left; background:#ffffff url(../images/fleche-sous-menu-actif.gif) 40px top no-repeat; position:absolute; z-index:9999; width:280px; box-shadow:#7c7c7d 0 2px 3px; } .moduletable_nav ul li ul li { display:block; padding:0; margin:0; float:left; width:100%; border-bottom:#cccccc 1px solid; } .moduletable_nav ul li ul li .btn { display:block; padding:0; margin:0; height:30px; width:100%; } .moduletable_nav ul li ul li .btn a { display:block; padding:5px 10px; margin:0; text-transform:none; font-size:12px; font-family: Arial, sans-serif; color:#7c7c7d; position: relative; width:100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*NAV Principale 2 Vous------------------------------------------------------------------------------------------------*/ .moduletable_nav2 { display:block; padding:0; margin:0; float:right; background:#001373; height:30px; } .moduletable_nav2 h3 { display:block; padding:0 20px; margin:0; float:left; text-transform:none; font-family:'Frutiger-LightCn'; font-size:15px; color:#ffffff; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .moduletable_nav2 ul { display:block; padding:0; margin:0; float:left; } .moduletable_nav2 ul li { display:block; padding:0; margin:0; float:left; } .moduletable_nav2 ul li .btn { display:block; padding:0; margin:0; height:30px; } .moduletable_nav2 ul li .btn a { display:block; padding:5px 20px; margin:0; text-transform:uppercase; font-family:'Frutiger-LightCn'; font-size:15px; color:#ffffff; position: relative; width:100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .moduletable_nav2 ul li .btn .separator { display:block; padding:5px 20px; margin:0; text-transform:uppercase; font-family:'Frutiger-LightCn'; font-size:15px; color:#ffffff; position: relative; width:100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .moduletable_nav2 ul li.active .btn a { border-bottom:#ffffff 5px solid; padding:7px 20px 3px 20px; } .moduletable_nav2 ul li.active ul li .btn a { border-bottom:#ffffff 5px solid; padding:5px 10px; } .moduletable_nav2 ul li.active .btn .separator { border-bottom:#ffffff 5px solid; padding:7px 20px 3px 20px; } .moduletable_nav2 ul li ul li.active .btn a { background:#589bce; border:none; color:#fff; padding:5px 10px; margin:0; } .moduletable_nav2 ul li ul li.active .btn .separator { background:#589bce; border:none; color:#fff; padding:5px 10px; margin:0; } .moduletable_nav2 ul li:hover ul { display:block; } .moduletable_nav2 ul li ul { display:none; padding:20px; margin:0; float:left; background:#ffffff url(../images/fleche-sous-menu-actif.gif) 40px top no-repeat; position:absolute; z-index:9999; width:300px; box-shadow:#7c7c7d 0 2px 3px; } .moduletable_nav2 ul li ul li { display:block; padding:0; margin:0; float:left; width:100%; border-bottom:#cccccc 1px solid; } .moduletable_nav2 ul li ul li .btn { display:block; padding:0; margin:0; height:30px; width:100%; } .moduletable_nav2 ul li ul li .btn a { display:block; padding:5px 10px; margin:0; text-transform:none; font-size:12px; font-family: Arial, sans-serif; color:#7c7c7d; position: relative; width:100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .moduletable_nav2 ul li:nth-child(1) ul { width:280px; } .moduletable_nav2 ul li:nth-child(2) ul { margin:0 0 0 -105px; background:#ffffff url(../images/fleche-sous-menu-actif.gif) 145px top no-repeat; } /*EDF logo haut drt ------------------------------------------------------------------------------------------------*/ .moduletable_edf { display:block; padding:0 10px 0 0; margin:20px 0 0 0; float:right; } /*Breadcrumb ------------------------------------------------------------------------------------------------*/ .breadcrumb { display:block; float:left; padding:10px 20px; margin:0; width:100%; } .breadcrumb li { display:block; float:left; padding:0 2px; margin:0; } .breadcrumb li a span { color:#005596; } /*IMAGES---------------------------------------------------------------------------------------*/ .item-image { width:100%; height:auto; margin:0; padding:0; float:left; overflow:hidden; } .item-image div.img_caption { position:relative; } .item-image p.img_caption { position:relative; top:-28px; padding:5px 10px; margin:0; background:#ffffff; color:#000000; text-align:right; font-size:12px; opacity:0.4;} .item-image.pull-left { width:40%; margin:0 20px 0 0 ; padding:0; float:left; height:200px; } .item-image.pull-right { width:40%; margin:0 0 0 20px; padding:0; float:right; height:200px; } .item-image.pull-none { width:100%; margin:0; padding:0; float:none; height:200px; } .item-image img { padding:0; margin:0; width:100%; height:auto; position:relative; top:50%; left:50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /*BLOG + FEATURES---------------------------------------------------------------------------------------*/ .blog-featured, .blog { padding:10px 20px; margin:0; } .blog-featured h1 { padding:30px 0 0 0; margin:0 0 10px 0; color:#3564b3; font-size:44px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .blog-featured h2 { padding:30px 0 0 0; margin:10px 0; color:#3564b3; font-size:44px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .blog-featured h3 { padding:30px 0 0 0; margin:10px 0; color:#3564b3; font-size:24px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .blog-featured h4 { padding:30px 0 0 0; margin:10px 0; color:#3564b3; font-size:18px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .blog h1 { padding:30px 0 0 0; margin:0 0 10px 0; color:#3564b3; font-size:44px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .blog h2 { padding:30px 0 0 0; margin:10px 0; color:#3564b3; font-size:44px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .blog h3 { padding:30px 0 0 0; margin:10px 0; color:#3564b3; font-size:24px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .blog h4 { padding:30px 0 0 0; margin:10px 0; color:#3564b3; font-size:18px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .items-leading { padding:0; margin:0; } .items-leading .item-image { height:300px; } .items-leading h2 { padding:10px 0; margin:10px 0; color:#3564b3; font-size:30px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .items-leading .item-content { border-bottom:#888888 1px solid; } .items-row .readmore { display:block; position:absolute; top:245px; z-index:9999; padding:0; margin:0; } .readmore a { padding:5px 10px; margin:10px 0 0 0; background:#fb6e12; color:#ffffff; border-radius:5px; float:left;} .readmore.cat17 a { background:#005596; } .readmore.cat11 a { background:#005596; } .items-row { padding:0 0 20px 0; margin:0; width:100%; float:left; } .item { display:block; padding:0; margin:0; float:left; background:#fff; } .blog .item h2, .blog-featured .item h2 { padding:0; margin:0 0 10px 0; font-family: 'Frutiger-LightCn'; font-size:18px; font-weight:bold; text-transform:none; color:#fb6e12; } .blog .item h2 a, .blog-featured .item h2 a { font-family: 'Frutiger-LightCn'; font-size:16px; font-weight:bold; text-transform:none; color:#fb6e12; } .blog .item-content, .blog-featured .item-content { padding:20px; margin:0; display:table; text-align:left; height:300px; position:relative; } .cols-2 .item { padding:0; margin:0; width:48.5%; box-shadow:#c9cdd0 0 0 5px;} .cols-2 .column-1 { margin:0 1.5% 0 0; } .cols-2 .column-2 { margin:0 0 0 1.5%; } .cols-3 .item { padding:0; margin:0; width:32%; box-shadow:#c9cdd0 0 0 5px;} .cols-3 .column-1 { margin:0 1% 0 0; } .cols-3 .column-2 { margin:0 1% 0 1%; } .cols-3 .column-3 { margin:0 0 0 1%; } .cols-4 .item { padding:0; margin:0; width:23.5%; box-shadow:#c9cdd0 0 0 5px;} .cols-4 .column-1 { margin:0 1% 0 0; } .cols-4 .column-2 { margin:0 1% 0 1%; } .cols-4 .column-3 { margin:0 1% 0 1%; } .cols-4 .column-4 { margin:0 0 0 1%; } .cols-5 .item { padding:0; margin:0; width:18.4%; box-shadow:#c9cdd0 0 0 5px;} .cols-5 .column-1 { margin:0 1% 0 0; } .cols-5 .column-2 { margin:0 1% 0 1%; } .cols-5 .column-3 { margin:0 1% 0 1%; } .cols-5 .column-4 { margin:0 1% 0 1%; } .cols-5 .column-5 { margin:0 0 0 1%; } /*BLOG PROCESS*/ .blog.process h2 { color:#3564b3; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; font-size:20px; } .blog.process .items-row .item { box-shadow:none; } .blog.process .item-image { height:200px; } .blog.process .item-image img { width:100%!important; height:auto!important; } .blog.process .row-0 .column-1 h2 { color:#fb6e12; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; font-size:20px; text-align:center!important; } /*PAGE -------------------------------------------------------------------------------------------*/ .item-page { padding:10px 20px 50px 20px; margin:0; } .item-page .item-image { height:300px; } .item-page h1 { padding:30px 0 0 0; margin:0 0 10px 0; color:#3564b3; font-size:44px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .item-page h2 { padding:28px 0 0 0; margin:10px 0; color:#3564b3; font-size:44px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .item-page h3 { padding:26px 0 0 0; margin:10px 0; color:#3564b3; font-size:24px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .item-page h4 { padding:24px 0 0 0; margin:10px 0; color:#3564b3; font-size:18px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .item-page h5 { padding:22px 0 0 0; margin:10px 0; color:#3564b3; font-size:16px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .item-page h6 { padding:20px 0 0 0; margin:10px 0; color:#3564b3; font-size:14px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .item-page .item-content { padding:0; margin:0; background:#fff; } .item-page .item-content a { font-weight:bold; } /*.item-page .item-content*/ p .lien { display:table; padding:5px 15px; margin:10px 0 10px 0; text-align:center; text-transform:none; font-size:12px; border:#cccccc 1px solid; border-radius:5px; color:#ffffff; background:#005596; font-weight:bold; } /*ACTU ENTETE PAGE*/ .actuEntete { display:block; padding:0; margin:0; width:100%; } .actuEntete .item-intro { display:block; padding:10px 20px 20px 20px; margin:0; width:40%; height:300px; text-align:left; float:left; background:#f0f0f0; owerflow:hidden; text-overflow:ellipsis; } .actuEntete .item-intro h2 { padding:10px 0; margin:0; color:#3564b3; font-size:28px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .actuEntete .item-intro p { display:block; padding:0; margin:0; text-align:left; owerflow:hidden; text-overflow:ellipsis; } .actuEntete .item-image { display:block; padding:0; margin:0; width:60%; height:300px; float:left; owerflow:hidden; } .actuEntete .item-content { display:block; padding:20px; margin:0; width:100%; float:left; } /*LISTE DES ARTICLES ---------------------------------------------------------------------------------*/ .category-list { padding:0; margin:0; width:100%; display:table;} .content-category { padding:0; margin:0;} .content-category h1 { padding:10px 20px; margin:0 0 20px 0; box-shadow:#c9cdd0 0 0 5px; } .content-category h2 { padding:5px 20px; margin:0; background:#96c031; color:#fff; box-shadow:#c9cdd0 0 0 5px; } .content-category .category-desc { padding:10px 20px; margin:0 0 20px 0; background:#fff; box-shadow:#c9cdd0 0 0 5px;} .form-inline { padding:0; margin:0; width:100%; } .form-inline .filters { padding:0; margin:0; width:100%; border:none; } .form-inline .filters .btn-group { padding:10px 20px 10px 0; margin:0; float:left; } table.category { padding:0; margin:0 0 20px 0; width:100%; background:#fff; box-shadow:#c9cdd0 0 0 5px; } table.category tr { padding:5px 10px; border:none; } table.category tr td { padding:5px 10px; border:none; text-align:left; } table.category thead { padding:0; margin:0; background:#96c031; color:#fff; } table.category thead tr { border:none; } table.category thead tr th { padding:5px 10px; color:#fff; border:none; } table.category thead tr th a { color:#fff; text-transform:uppercase; } table.category .cat-list-row0 { background:#fff; } table.category .cat-list-row1 { background:#f7fafb; } /*CATEGORY INTRO---------------------------------------------------------------------------------*/ .category-intro { padding:0; margin:0 0 20px 0; width:100%; display:table; background:#fff; box-shadow:#c9cdd0 0 0 5px;} .category-intro h2.subheading-category { padding:5px 20px; margin:0; background:#96c031; color:#fff; font-size:18px; box-shadow:none; letter-spacing:0; } .category-intro .category-desc { padding:10px 20px; margin:0;} /*ARTICLE INFOS DETAILS---------------------------------------------------------------------------------*/ .article-info-term { display:none; } .category-name { padding:0; margin:0; } /*BAS DE PAGE ---------------------------------------------------------------------------------*/ .items-more { width:100%; margin:0; padding:0; float:left; /*background:#fff; box-shadow:#c9cdd0 0 0 5px;*/ } .items-more ol { margin:0; padding:0 15px; list-style-type:disc; } .items-more li { margin:0; padding:1px 0; font-size:14px;} .items-more li a { padding:0 0 0 5px; color:#96c031; font-size:14px; text-transform:uppercase; } .items-more li a:hover { color:#6e6f71; } .pagination { display:table; width:100%; margin:0; padding:0; float:left; /*background:#fff; box-shadow:#c9cdd0 0 0 5px;*/ } .pagination .counter { display:table; width:100%; margin:0; padding:5px 0; text-align:center; font-size:11px; text-transform:normal; border-bottom:#cccccc 1px solid; } .pagination ul { display:table; margin:0 auto; padding:15px; } .pagination li { display:table-cell; margin:0; padding:0; } .pagination li span { padding:3px 10px; margin:0 5px; text-align:center; text-transform:none; font-size:11px; border:#cccccc 1px solid; border-radius:3px; } .pagination li a { padding:3px 10px; margin:0 5px; text-align:center; text-transform:none; font-size:11px; border:#cccccc 1px solid; border-radius:3px; color:#fb6e12; } .pagination li a:hover { background:#fb6e12; color:#fff; } .pager { display:block; width:100%; border-top:1px #cccccc solid; padding:15px 0!important; margin:20px 0 0 0!important; float:left; } .pager li { display:block; margin:0; padding:0; } .pager li a { padding:3px 10px; margin:0; text-align:center; text-transform:none; font-size:11px; border:#cccccc 1px solid; border-radius:3px; color:#fb6e12; } .pager li a:hover { background:#fb6e12; color:#fff; } .pager .previous { float:left; } .pager .next { float:right; } /*RIGHT ---------------------------------------------------------------------------------*/ /*CHIFFRES CLES*/ #page2colright aside .moduletable_chiffres { padding:0 0 20px 0; margin:0; background:#ffffff; } #page2colright aside .moduletable_chiffres .custom_chiffres { padding:0; margin:0; background:#ffffff; } #page2colright aside .moduletable_chiffres .custom_chiffres ul { padding:0; margin:0; display:block; } #page2colright aside .moduletable_chiffres .custom_chiffres ul li { padding:0; margin:0; display:block; } #page2colright aside .moduletable_chiffres .custom_chiffres ul li a { padding:0; margin:0; display:block; } /*ACTUALITES*/ #page2colright aside .moduletable_actus { padding:20px; margin:0; } #page2colright aside .moduletable_actus h3 { padding:0 0 10px 0; margin:0; border-bottom:#7c7c7d 1px solid; font-family: Arial, sans-serif; font-weight:bold; font-size:14px; text-transform:none; } #page2colright aside .moduletable_actus ul { padding:0; margin:0; display:block; } #page2colright aside .moduletable_actus ul li { padding:0; margin:0; display:block; } #page2colright aside .moduletable_actus ul li .mod-articles-category-title { padding:10px 0 0 0; margin:0; display:block; color:#fb6e12; font-weight:bold; } /*ACTUALITES BTN*/ #page2colright aside .moduletable_btnActus { padding:0 20px 20px 20px; margin:0; } #page2colright aside .moduletable_btnActus p { padding:0; margin:0; display:block; } #page2colright aside .moduletable_btnActus p a { padding:5px 15px; margin:0; text-align:center; text-transform:none; font-size:12px; border:#cccccc 1px solid; border-radius:5px; color:#ffffff; background:#fb6e12; font-weight:bold; } #page2colright aside .moduletable_btnActus p a:hover { background:#7c7c7d; } /*BOTTOM ---------------------------------------------------------------------------------*/ #bottom .moduletable:nth-child(1) .custom { padding:0 20px; margin:0; } #bottom .moduletable:nth-child(1) .custom p { padding:10px 0; margin:0; text-align:right; } #bottom .moduletable:nth-child(1) .custom h2 { padding:20px 0; margin:25px 0; text-align:right; text-transform:none; font-size:36px; line-height:36px; border-top:#7c7c7d 1px solid; } #bottom .moduletable:nth-child(2) .custom { padding:15px 10px; margin:0; } #bottom .moduletable:nth-child(2) .custom h3 { padding:8px 0; margin:0; text-align:left; text-transform:none; font-size:20px; font-weight:bold; } #bottom .moduletable:nth-child(2) .custom p { text-align:left; } #bottom .moduletable:nth-child(2) .custom ul { display:block; padding:0 0 15px 0; margin:0; float:left; } #bottom .moduletable:nth-child(2) .custom ul li { display:block; padding:0; margin:0; float:left; } #bottom .moduletable:nth-child(2) .custom ul li a { display:block; padding:2px 7px; margin:5px 5px 0 0; float:left; color:#7c7c7d; border:#cccccc 1px solid; border-radius:3px; } #bottom .moduletable:nth-child(2) .custom ul li a:hover { background:#dfdfdf; } #bottom .moduletable:nth-child(2) .custom ul:nth-child(3) li:nth-child(3) a { color:#fb6e12; } #bottom .moduletable:nth-child(2) .custom ul:nth-child(8) li a { color:#589bce; } #bottom .moduletable:nth-child(3) .custom { padding:15px 10px; margin:0; } #bottom .moduletable:nth-child(3) .custom h3 { padding:8px 0; margin:0; text-align:left; text-transform:none; font-size:20px; font-weight:bold; } #bottom .moduletable:nth-child(3) .custom p { text-align:left; } #bottom .moduletable:nth-child(3) .custom ul { display:block; padding:0 0 15px 0; margin:0; float:left; } #bottom .moduletable:nth-child(3) .custom ul li { display:block; padding:0; margin:0; float:left; } #bottom .moduletable:nth-child(3) .custom ul li a { display:block; padding:2px 7px; margin:5px 5px 0 0; float:left; color:#589bce; border:#cccccc 1px solid; border-radius:3px; } #bottom .moduletable:nth-child(3) .custom ul li a:hover { background:#dfdfdf; } /*FOOTER ---------------------------------------------------------------------------------*/ .moduletable_footnav { padding:0 20px 20px 20px; margin:0; } .moduletable_footnav ul { display:block; padding:0; margin:0; } .moduletable_footnav ul li { display:block; padding:0; margin:0; float:left; } .moduletable_footnav ul li span { display:block; padding:20px 0; margin:0; } .moduletable_footnav ul li span a { display:block; padding:0 10px; margin:0; font-size:11px; color:#7c7c7d; border-right:#7c7c7d 1px solid; } .moduletable_footnav ul li:last-child span a { border:none; } .moduletable_ToutesAgences { display:block; padding:20px; margin:0; } .moduletable_ToutesAgences div { display:block; padding:0; margin:0; } .moduletable_ToutesAgences div p { display:block; padding:0; margin:0; } .moduletable_ToutesAgences div p a { display:block; padding:0; margin:0; color:#7c7c7d; font-size:11px;} .moduletable_ToutesAgences div p a strong { display:block; padding:0; margin:0; color:#7c7c7d; font-weight:bold; font-family: 'Frutiger-LightCn'; font-size:12px;} /*CHRONOFORM FORMULAIRE---------------------------------------------------------------------------------*/ .chronoforms6_credits, .chrono_credits { display:none; } .chronoform { } .chronoform [type=submit] { padding:5px 15px!important; font-size:18px!important; font-family:'Frutiger-LightCn'!important; background:#fb6e12!important; color:#fff!important; height:auto!important; border-radius:5px!important; } .chronoform [type=submit]:hover { background:#2ca03d!important; color:#fff!important; } .chronoform select { font-size:16px; padding:2px 10px;} .chronoform select option { } .gtooltip.gvalidation-error-tip .gtooltip-close { color:#fff; } div.gtooltip-content { padding:10px; } div.gtooltip-content span.gvalidation-error-text { color:#fff; } .gbs3 h3 { box-sizing:border-box!important; font-size:18px; text-transform:uppercase; font-weight:normal; padding:0 0 20px 0; margin:0; color:#2ca03d!important; } /*MESSAGE FIN*/ .chronomessage { width:400px; background:#005596; position:absolute; z-index:999999; top:50%; left:50%; text-align:center; margin:-100px 0 0 -200px; box-shadow:#000000 0 0 10px; border:#ffffff 1px solid; cursor:pointer; } .chronomessage p { text-align:center; margin:0; padding:10px 10px 5px 10px; text-transform:none; font-size:24px; color:#ffffff; line-height:1; font-weight:normal; font-family:'Frutiger-LightCn'; } .chronomessage p a { padding:0 0 10px 0; text-align:left!important; font-size:0.7em!important; color:#fff!important; font-weight:normal!important; width:100%!important; float:left!important; } /*FORM*/ .chronoform-container { box-sizing:border-box!important; width:100%!important; padding:0; margin:0; } .chronoform-container #chronoform-container-2 { box-sizing:border-box!important; width:50%!important; padding:0 15px 0 0!important; } .chronoform-container #chronoform-container-3 { box-sizing:border-box!important; width:50%!important; padding:0 0 0 15px!important; } .chronoform-container .form-group { box-sizing:border-box!important; width:100%!important; } .chronoform-container .form-group label { font-size:18px; text-align:left; font-family:'Frutiger-LightCn'; color:#005596; font-weight:bold; width:100%; max-width:100%!important; padding:2px 0; } .chronoform-container .form-group .gcore-checkbox-item label { font-size:13px; text-align:left; font-weight:normal; } .chronoform-container .gcore-line-td { box-sizing:border-box!important; width:100%!important; } .chronoform-container .gcore-form-row .gcore-line-td .gcore-label-left { box-sizing:border-box!important; width:100%!important; max-width:100%!important;} .chronoform-container .gcore-form-row .gcore-line-td [type=checkbox] { box-sizing:border-box!important; width:auto!important; } .chronoform-container .gcore-form-row .gcore-input { box-sizing:border-box!important; width:100%!important; text-align:left!important;} .chronoform-container .gcore-form-row .gcore-input input { box-sizing:border-box!important; width:auto; } .chronoform-container .gcore-form-row .gcore-input textarea { box-sizing:border-box!important; width:100%!important; } .gcore-radio-item { padding:10px; } .gcore-radio-item input { float:none!important; width:auto!important; margin-bottom:5px; } .gcore-radio-item label { float:left!important; width:auto!important; padding-top:10px!important; line-height:0.5em; } /*ARTICLE DEPLIER PLIER ---------------------------------------------------------------------------------*/ .article-plier { padding:0; margin:0;} .article-plier h2.deplierArticle { padding:5px 30px 5px 10px; margin:10px 0; font-size:20px; border:#005596 1px solid; border-radius:5px; cursor:pointer; background:url(../images/ouvrir-article.png) no-repeat 97% center; } .article-plier h2.deplierArticle.close { background:url(../images/ouvrir-article.png) no-repeat 97% center; } .article-plier h2.deplierArticle.open { background:url(../images/fermer-article.png) no-repeat 97% center; } .article-plier div.contenuADeplier { display:none; } /*NEWSLETTER ------*/ .moduletable_newsletter { padding:20px; } .moduletable_newsletter h3 { padding:0 0 10px 0; margin:0; border-bottom:#7c7c7d 1px solid; font-family: Arial, sans-serif; font-weight:bold; font-size:14px; text-transform:none; } .moduletable_newsletter input { padding:5px; border:#7c7c7d 1px solid; border-radius:3px; width:100%!important; } .moduletable_newsletter .btn { padding:5px 15px!important; font-size:18px!important; font-family:'Frutiger-LightCn'!important; background:#fb6e12; color:#fff; height:auto!important; border-radius:5px!important; } .moduletable_newsletter .btn:hover { background:#2ca03d; color:#fff; } /*RECHERCHE SEARCH---------------------------------------------------------------------------------*/ article .search .page-title { width:100%; padding:10px 20px; margin:0; background:#fff; color:#3564b3; font-size:18px; box-shadow:#c9cdd0 0 0 5px;} article .search .btn-toolbar { width:100%; padding:0; margin:0; display:table; } article .search .btn-toolbar .btn-group { padding:20px 0 0 0; margin:0; float:left; } article .search .btn-toolbar .btn-group input { padding:10px 20px; margin:0; height:40px; border:#3564b3 1px solid; float:left; } article .search .btn-toolbar .btn-group button { padding:0; margin:0; border:none; float:left; } article .search .btn-toolbar .btn-group button .icon-search { display:block; padding:0; margin:0; background:#3564b3 url(../images/loupe.png) center center no-repeat; height:40px; width:40px; } article .search #searchForm { width:100%; padding:0; margin:0; } article .search .searchintro { width:100%; padding:0; margin:0; } article .search .phrases { width:100%; padding:0; margin:20px 0 0 0; border:none; background:#fff; } article .search .phrases legend { width:100%; padding:5px 10px; margin:0; background:#3564b3; color:#fff; } article .search .phrases .phrases-box { width:100%; padding:10px 10px 5px 10px; margin:0; } article .search .phrases .phrases-box .controls { width:100%; padding:0; margin:0; } article .search .phrases .ordering-box { width:100%; padding:5px 10px 10px 10px; margin:0; } article .search .only { width:100%; padding:0 0 10px 0; margin:20px 0 0 0; border:none; background:#fff; } article .search .only legend { width:100%; padding:5px 10px; margin:0 0 10px 0; background:#3564b3; color:#fff; } article .search .form-limit { width:100%; padding:10px 0 0 0; margin:0; border:none; } article .search .counter { width:100%; padding:5px 10px; margin:10px 0 0 0; border:none; background:#6e6f71; color:#fff; text-align:center; } article .search .search-results { width:100%; padding:20px; margin:0; border:none; background:#fff; } article .search .search-results .result-title { width:100%; padding:10px 0 5px 0; margin:0; color:#6e6f71; font-size:18px; } article .search .search-results .result-title a { padding:0; margin:0; color:#3564b3; font-size:18px; } article .search .search-results .result-category { width:100%; padding:0; margin:0; } article .search .search-results .result-text { width:100%; padding:5px 0; margin:0; font-size:14px; line-height:1.2; } article .search .search-results .result-created { width:100%; padding:0; margin:0; } /*PLAN SITE MODULE ARTICLE---------------------------------------------------------------------------------*/ .menuplan { display:block; width:100%; padding:2px 0; margin:0; } .menuplan li { display:block; width:100%; padding:2px 0; margin:0; } .menuplan li a { display:block; width:100%; padding:5px 10px; margin:0 0 2px 0; border:#005596 1px solid; border-radius:5px; } .menuplan li li a { font-weight:normal!important; padding:2px 0; margin:0; border:none; border-radius:none; } /*Groupe Co-construction participants------------------------------------------------------------------------------------------------*/ .groupCoConstr { display:block; width:100%; padding:0; margin:0; float:left;} .groupCoConstr li { display:block; width:49%; padding:15px 12px; margin:0.5% 0.5%; float:left; background:#efefef; font-size:12px; color:#005596; } .groupCoConstr li span { display:block; font-size:10px; width:100%; } .groupCoConstr li a { font-size:12px; } /*MY MAPS LOCATION------------------------------------------------------------------------------------------------*/ /*MENU CARTOGRAPHIE */ .moduletable.carto { padding:0 0 20px 0; margin:0; width:100%; display:table; } /*.moduletable.carto h3 { display:block; padding:8px 15px 5px; margin:0 0 10px 0; width:100%; float:left; background:#005596; color:#fff; }*/ .moduletable.carto h3 { padding:28px 0 0 0; margin:10px 0; color:#3564b3; font-size:44px; text-align:left; font-family:'Frutiger-LightCn'; font-weight:bold; text-transform:none; } .moduletable.carto ul { display:block; padding:10px 0; margin:0; width:100%; } .moduletable.carto ul li { display:block; padding:0; margin:0 0.5%; width:32.3333%; float:left; } .moduletable.carto ul li .btn { display:block; padding:0; margin:0; width:100%; } .moduletable.carto ul li .btn a { display:block; padding:0; margin:3px 0; width:100%; float:left; } .moduletable.carto ul li .btn a:nth-child(n+1) { background:#f6f6f6; } .moduletable.carto ul li .btn a:hover { background:#ffffff; } .moduletable.carto ul li .btn a:hover span { color:#005596; font-weight:bold; } .moduletable.carto ul li.active .btn a { background:#ffffff; } .moduletable.carto ul li.active .btn a span { color:#005596; font-weight:bold; } .moduletable.carto ul li .btn a img { display:block; padding:0; margin:0; width:13%; float:left; } .moduletable.carto ul li .btn a span { display:block; padding:11px 10px; margin:0; width:87%; float:left; text-transform:uppercase; font-size:13px; } /*PAGE MY MAPS LOCATION */ .page-header h1 { display:block; padding:8px 15px 5px; margin:0 0 10px 0; width:100%; float:left; background:#4c9b2e; color:#fff; } #maps { margin: 0 0 50px; } #maps #map { display:none; } #resulttop { border:#8B8B8B 1px solid; } .sidebarform { background: rgba(0, 85, 150, 0.7) none repeat scroll 0 0; } .sidebarmenu { background: rgba(0, 85, 150, 0.7) none repeat scroll 0 0; } .sidebarform .mml-icon-remove-circle { font-size: 25px; padding:5px; color:#FFFFFF;} .sidebarform .mml-icon-remove-circle, .mml-icon-align-justify { padding:10px; color: #ffffff; } .mmldir-search-fields { padding:0; } .mmldirectory-advanced-search-content { margin:0; } #map-location { display:block; width:100%; margin:0; padding:10px 0 0 0; float:left; } .mmldir-search-fields-form-elem:nth-child(1) { display:none; } .mmldir-search-fields-form-elem:nth-child(9) { width:19%; } .mmldir-search-fields-form-elem { width:27%; display:block; float:left; } .mmldir-search-fields-form-elem { padding:0 10px; margin:0; } .mmldir-search-fields-form-elem label.titre { padding:5px 10px; margin:0; background:#005596; color:#ffffff; display:block; width:100%; text-transform:uppercase; } .tag-search label:hover { background:#005596; } .mmldir-search-fields-form-elem .mmlsearch-query { margin:10px 0; padding:1px 5px; width:100%; box-sizing:border-box; } .mmldir-search-fields-form-elem .SumoSelect { margin:10px 0; padding:5px 5px; width:100%; } .mmldir-search-fields-form-elem .mmlinput-sec { margin:10px 0; padding:5px 5px; width:100%; box-sizing:border-box; } .mmldir-search-fields-form-elem .btn.btn-primary.resultbtn { background: #4c9b2e; box-shadow: 0 0 5px #000000; padding:5px 10px; margin:10px 0;} .mmldir-search-fields-form-elem .btn.btn-primary.resultbtn:hover { background: #7c7c7d; box-shadow: 0 0 5px #000000; } .mmldir-search-fields-form-elem .btn.btn-primary.resultbtn .mml-icon-search { color:#fff; font-size:1em; } .mmladv-search { display:block; width:100%; float:left; padding:5px 10px; box-sizing:border-box; text-align:center; } .mmladv-search label.annee { padding:5px 10px; margin:0; border-bottom:#005596 1px solid; color:#005596; display:block; width:100%; text-transform:uppercase; } .mmladv-search .tag-search { display:block; margin:0 auto; float:none; padding:5px;} .labelauty-checked { color:#fff; } .anneeTitreFiche .titre { display:block; float:none; width:100%; text-transform:uppercase; padding:5px 10px; margin:0 0 5px 0; color:#005596; font-weight:bold; } ul.tags { display:block; flaot:left; padding:0; margin:0; } ul.tags li { display:table; background:#005596; color:#ffffff; padding:5px 10px; margin:0 0 10px 0; } ul.tags li span { color:#ffffff; } .descriptionTitle { display:block; width:100%; text-transform:uppercase; padding:5px 10px; margin:0 0 5px 0; color:#005596; font-weight:normal; } .mml-icon-screenshot {display:none!important; } .SumoSelect { /*width:100%;*/ padding:0; } .SlectBox { width:100%; } #filter_catid { padding:10px; width:100%; margin:0 0 15px 0; } .resultbar address img{ padding: 0 10px 10px 0; } .resultbar address .location-name { margin-left: 0; } .resultbar address .location-name a { text-transform:uppercase; font-weight:bold; color:#005596!important; } .resultbar address .distance { padding:2px; } .resultbar address .desc { text-align:left; font-weight:bold; color:#4c9b2e; margin-top:5px; } .resultbar address { text-align:left; } .resultbar address .location-location { text-align:left; } #locationresult #resulttop .row0, #locationresult #resulttop .row1 { margin: 5px 0.5%; width: 32.0%; height:180px; border:none; } div.row1 address, div.row0 address { margin-bottom: 0; } div.row1 address a, div.row0 address a { cursor:default; } .result-count { padding:6px 15px; margin-top:10px; background:#4c9b2e; color:#fff; width:100%; } .result-count p { margin:0; } .result-count p strong { padding:0; color:#fff; font-weight:normal; text-transform:uppercase; font-size:1.3em; } .result-count p strong span { padding:0 3px; color:#fff; font-weight:bold; font-size:1.2em;} #locationsearch { margin-bottom:50px; width:100%; float:left; } #locationsearch h3:nth-child(2) { padding:8px 15px 5px; margin:0 0 10px 0; width:100%; background:#005596; color:#fff; } #locationsearch h3 span { font-size:1em; color:#fff; } #locationsearch .mml-map-marker { display:none; } #locationsearch .mml_address { padding:0 10px; } #locationsearch .mml_description { text-align:left; font-weight:normal; color:#005596; margin-top:5px; font-size:1.2em; } #locationsearch .mml_description h3 { display:block; text-align:left; font-weight:bold; color:#005596; font-size:1.1em; background:none; padding:0; margin:0; } .cmml-toolbar { margin:5px; width:auto; color:#fff;} .cmml-toolbar a { color:#fff; } .cmml-toolbar .mml-print { color:#fff; } .cmml-toolbar .btn.resultbtn { background:#4c9b2e!important; box-shadow:none!important; padding:3px 15px!important; } .cmml-toolbar .btn.resultbtn:hover { background:#7c7c7d!important; box-shadow:none!important; } /*#locationsearch { padding:8px 15px 5px; margin:0 0 10px 0; width:100%; float:left; background:#4c9b2e; color:#fff; color:#fff; }/* /*Cookies CK plugin*/ #cookiesck { background:#005596; padding:15px;} #cookiesck .cookiesck_inner { color:#ffffff; text-transform:uppercase; } #cookiesck #cookiesck_accept { color:#ffffff; background:#4c9b2e; font-weight:bold; text-transform:uppercase; } /*Cookies carto*/ #MessCarto { display:block; display:none; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); text-align:center; } #MessCarto #BlocCarto { display:block; position:relative; max-width:300px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #MessCarto #BlocCarto p { color:#ffffff; font-size:1.1em; } #MessCarto #BlocCarto p .btnMessCarto { background:#008B0D; color:#ffffff; padding:10px 15px; font-size:1.1em; text-transform:uppercase; border-radius:30px; border:none; cursor:pointer; }