/* * TEMPLATE CONTENU * * Attributs en ordre alphabetique * Element en ordre d'apparition * * - STRUCTURE GENERALE * - CONTENT * - sectionas **/ @import url("nouveau-fichier.css"); /* * STRUCTURE GENERALE * Disposition des elements **/ #content div.aside{ float: left; margin: -33px 0 3em 7px; position: relative; width: 279px; } #content div.section{ float: right; margin: 0; padding: 0; width: 672px; } #content div.section div.onglets-wrap div.fce-title {background: #fafafc;padding: 13px 19px 0 19px; } #content div.section div.onglets-wrap div.fce-title h2 {margin:0 } #content div.section div.onglets{ border-bottom: 1px solid #ccc; background: #fafafc; padding: 13px 19px 0 19px; min-width: 380px; } #content div.section div.onglets ul{ height: 27px; margin: 0; padding: 0; } #content div.section div.onglets ul p { margin:0; } #content div.section div.onglets-contenu div.article { background: white } #content div.section div.index{ border-bottom: 1px solid #ccc; background: #f3f4f5; margin: 0; padding: 10px 20px 11px 8px; } #content div.section div.index > ul{ float: left; margin: 0 8px 0 0; padding: 0; width: 200px; } #content div.section div.index > ul.cols-2{ width: 200px; } body#nous-joindre #content div.section div.index > ul{ width: 650px; } #content div.section div.index{ background-color: #fff; } #content div.section div.article.index > ul{ width: 290px; } #content div.section div.index > ul{ width: 200px; } #content div.section div.index > ul.cols-3{ width: 150px; } #content div.section h1{ font-size: 1em; font-weight: normal; line-height: 1em; margin: 0; padding: 0; z-index:1;background-image:url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/header/white.jpg);background-repeat: repeat-x; } #content div.section h1 a:hover{ text-decoration: none; } #content div.section h1 a.categorie{ display: block; font-size: 1.692em /* 22px */; padding: 17px 0 13px 14px;background-position: right;} h1 a.categorie {z-index:5;} /*#content div.section h1 a.categorie{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/h1.strong.automobile.jpg) no-repeat right top; border-bottom: 1px solid #fff; display: block; font-size: 1.692em ; padding: 17px 24px 13px 17px;}*/ #content div.section #entete_de_page span.ruban{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/h1.680px.default.png) no-repeat left bottom; margin: 0 0 -9px -7px; width: 679px; } body#sys #content div.section #entete_de_page span.ruban {width:auto;} #content div.section #entete_de_page span.ruban span{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/h1.680px.default.png) no-repeat left top; } #content div.section p.select{ line-height: 37px; margin: 0; padding: 0; position: absolute; right: 1em; top: 44px; vertical-align: center; } #content div.section div.resume{ border-bottom: 1px solid #ccc; background: #f3f4f5; margin: 0; padding: 15px 20px 3px 20px; } #content div.section div.retour-a-la-page-precente{ background: #fff; margin: 0; padding: 8px 20px 8px 20px; text-align: right; } #content div.section div.retour-a-la-page-precente p{ margin: 0; padding: 0; } #content div.section div.article { margin: 0; padding: 20px 20px 20px 19px; } body#nous-joindre #content div.section div.article { margin: 0; padding: 20px 20px 10px 19px; } #content div.section div.actu { margin: 0; padding: 20px 20px 47px 19px; background:white url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/article/background.gif) repeat-x; } body.article #content div.section div.article{ border: 0; } #content div.section div.article.has-publicite{ padding-right: 217px; position: relative; } #content div.section div.article p.publicite{ height: 590px; position: absolute; right: 20px; top: 20px; width: 160px; } body.portail #content div.section div.article{ padding-right: 5px; } body.portail #content div.section div.article div.left{ float: left; width: 307px; } body.portail #content div.section div.article div.right{ float: right; width: 307px; } div.article_actu { background: none; border: 0; margin: 0 10px 1em 0; padding: 0; float:left;width:300px; } div.article_actu h2{ background: #e4e5e7; margin: 0 0 1px 0; padding: 15px 10px 10px 10px; position: relative; } body#actualites #entete_de_page {overflow:visible} #content div.section p.h1-a-strong{ margin: 0; padding: 0;height:43px; overflow: hidden; z-index: 1;} body#actualites #content div.section p.h1-a-strong{ margin: 0; padding: 0; position: absolute; right: 15px; top: -18px; } #content div.section p.h1-a-strong img { z-index: 1 } body#actualites #content div.section p.h1-a-strong {height:70px;} body#commercants #content div.section #entete_de_page span.ruban{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/h1.680px.commercants.png) no-repeat left bottom; } body#commercants #content div.section #entete_de_page span.ruban span{background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/h1.680px.commercants.png) no-repeat left top; } body#consommateurs #content div.section #entete_de_page span.ruban{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/h1.680px.consommateurs.png) no-repeat left bottom; } body#consommateurs #content div.section #entete_de_page span.ruban span{background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/h1.680px.consommateurs.png) no-repeat left top; } body.has-script #content div.section div.onglets-contenu{ display: none; } body#nous-joindre.has-script #content div.section div.onglets-contenu{ background: #fff; } body #content div.section div.onglets-contenu h1{ margin: 0 0 1em 0; } body.has-script #content div.section div.onglets-contenu h1{ display: none; } body.has-script #content div.section div.onglets-contenu.active{ display: block; } /* * STYLE * Apparence des elements **/ /* * CONTENT **/ /* NAVIGATION DE SECTION */ #content div.aside.nav-section{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.aside.nav-section.png) no-repeat left -4px; padding: 58px 0 0 0; } body.noleftcolumn #content div.aside.nav-section{display:none;} #content div.aside.nav-section span.menu-title{ background: #284e61; border: 1px solid #fff; color: #fff; display: block; font-size: 1em; margin: 0; padding: 8px 11px 6px 11px; } #content div.aside.nav-section span.menu-title a{ color: #fff; text-decoration: none; } #content div.aside.nav-section span.menu-title a strong{ display: block; font-size: 1.077em /* 14px */; margin: 0 0 -2px 0; padding: 0; } #content div.aside.nav-section span.menu-title a:hover strong{ text-decoration: underline; } #content div.aside.nav-section span.menu-title a small{ font-size: 0.923em /* 12px */; } #content div.aside.nav-section span.menu-title{ background: #284e61; color: #fff; display: block; font-style: normal; font-weight: normal; padding: 8px 11px 6px 11px; } /* SOUS-MENU */ #content div.aside.nav-section div.nav-header:hover div.sous-menu{ top: 0; } #content div.aside ul.nav-header > li:hover ul.sous-menu { display:block; } #content div.aside ul.nav-header > li.focus ul.sous-menu{ display:block; } body#commercants #content div.aside div.sous-menu ul li{ color: #007164; } body#commercants #content div.aside div.sous-menu ul li a{ color: #007164; } body#consommateurs #content div.aside div.sous-menu ul li { color: #0B4CA9; } body#consommateurs #content div.aside div.sous-menu ul li a{ color: #0B4CA9; } body#commercants #content div.aside div.sous-menu ul li a:visited,body#consommateurs #content div.aside div.sous-menu ul li a:visited { color: #5D6A6F; } #content div.aside.nav-section ul.nav-header {margin:0} #content div.aside.nav-section ul.nav-header li.header { list-style-type: none;} #content div.aside.nav-section ul.nav-header li.header > a{font-weight: bold;display:block; color: #484848;font-size: 1.077em;margin: 0;padding: 14px 10px 12px 10px;background: #fff; border: 1px solid #fff; position: relative; } #content div.aside.nav-section ul.nav-header li.header > a:hover {text-decoration:none; } #content div.aside.nav-section ul.nav-header ul.nav-section{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/ul.nav-section.gif) repeat-x; margin: 0 5px 13px 5px; padding: 7px 0 0 0;clear:left; } #content div.aside.nav-section ul.nav-header ul.nav-section{ -moz-box-shadow: 0 2px 5px #aaa; -webkit-box-shadow: 0 2px 5px #aaa; box-shadow: 0 2px 5px #aaa;position:relative;} #content div.aside.nav-section ul.nav-header ul li{ list-style: none; margin: 0; padding: 0; } #content div.aside.nav-section ul.nav-header ul li a{ display: block; padding: 3px 10px 3px 25px; } div.question ul li a, div.question_en ul li a {padding:0px;} div.question_choice ul li a, div.question_choice_en ul li a {padding:0px;} #content div.aside.nav-section ul.nav-header ul li a:hover{ color: #000; } #content div.aside.nav-section ul.nav-header ul li.parent > a{ /*background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/ul.nav-section.li.a.parent.png) no-repeat 7px 8px; */ } #content div.aside.nav-section ul.nav-header ul li.parent > a:hover{ /*background-position: 7px -92px;*/ color: #000; } #content div.aside.nav-section ul.nav-header ul li.parent.active > a{ /*background-position: 7px -192px; color: #284e61;*/ font-weight: bold; } #content div.aside.nav-section ul.nav-header ul li.parent.active > a:hover{/* background-position: 7px -292px;*/ } #content div.aside.nav-section ul.nav-header ul li.parent.active > ul{ display: block; } #content div.aside.nav-section ul.nav-header ul ul { display: none; margin: 0 0 0 10px; padding: 0; } #content div.aside.nav-section ul.nav-header ul ul li{} #content div.aside.nav-section ul.nav-header ul li.current > a{ background-color: #d4dcdf; /*background-position: 7px -192px;*/ color: #284e61; font-weight: bold; } #content div.aside.nav-section ul.nav-header ul li.current > a:hover{ /*background-position: 7px -292px;*/ } #content div.aside.nav-section ul.nav-header ul li.current > ul{ display: block; } #content div.aside.nav-section ul.nav-header ul > ul { margin: 3px 0 3px 16px; } #content div.aside.nav-section ul.nav-header ul > ul > li{margin-left:10px;} #content div.aside.nav-section ul.nav-header ul > ul > li > a{} #content div.aside.nav-section ul.nav-header ul > ul > li > ul{} #content div.aside.nav-section ul.nav-header ul > ul > li > ul > li{} #content div.aside.nav-section ul.nav-header ul > ul > li > ul > li > a{} /* font px */ #content div.aside.nav-section ul.nav-header ul li img { position:absolute;margin:8px 0px 0px 5px; } #content div.aside.nav-section ul.nav-header ul li img.plusmoins { position:absolute;margin:3px 0px 0px -15px; } /* Image plus moins*/ #content div.aside.nav-section ul.nav-header ul.nav-section li img.plusmoins { position:relative;margin:0; } #content div.aside.nav-section ul.nav-header ul.nav-section li a { display: inline-block; vertical-align: middle; } #content div.aside.nav-section ul.nav-header ul.nav-section li { padding-top: 4px; position:relative; } button.plus-moins { position:absolute; left:7px;top:7px; } button.plus-moins::-moz-focus-inner {margin:0;padding:0;border:0;} button.plus-moins:hover { cursor: pointer; } button.plus-moins:focus img.plusmoins { outline: 1px dotted #000; } /*sous menu*/ #content div.aside.nav-section ul.nav-header li.header.fleche {position: relative;margin:0;background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/h2.strong.gif) no-repeat right;border: 1px solid #fff;} #content div.aside.nav-section ul.nav-header li.header.fleche:hover {background: #e7ebed url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/ul.nav-portail.li.a.portails.mousehover.png) no-repeat right center; border: 1px solid #006197; box-shadow: 0 0 5px #333; z-index: 10;} #content div.aside.nav-section ul.nav-header li.header.fleche.focus {background: #e7ebed url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/ul.nav-portail.li.a.portails.mousehover.png) no-repeat right center; border: 1px solid #006197; box-shadow: 0 0 5px #333; z-index: 10;} #content div.aside.nav-section ul.nav-header li.header.fleche a { width:243px;z-index:99;background-color:#fff; } #content div.aside.nav-section ul.nav-header li.header.fleche a:hover { background: #e7ebed; } #content div.aside.nav-section ul.nav-header li.header.fleche.focus a { background: #e7ebed; } #content div.aside.nav-section ul.nav-header li.header.fleche ul.sous-menu { margin: 0; } #content div.aside.nav-section ul.nav-header li.header.fleche ul.sous-menu a {margin:0px; background:white;padding:1em 0 0 0} #content div.aside.nav-section ul.nav-header li.header.fleche ul.sous-menu li{margin: 0 0 0 0;margin-left:2em;list-style: disc outside;} body#commercants #content div.aside.nav-section ul.nav-header li.header.fleche ul.sous-menu li{color:#007164;} body#commercants #content div.aside.nav-section ul.nav-header li.header.fleche ul.sous-menu li a{color:#007164;} body#commercants #content div.aside.nav-section ul.nav-header li.header.fleche ul.sous-menu li a:visited {color:#5D6A6F;} #content div.aside.nav-section ul.nav-header li.header.fleche ul.sous-menu li.last a{ padding:1em 0;} #content div.aside ul.sous-menu{ background: #fff; border: 1px solid #006197; left: 264px; height: auto !important; height: 3em /* 39px */; min-height: 3em /* 39px */; position: absolute; top: -9999px; width: 300px; z-index: 33; display: none; } #content div.aside ul.sous-menu{ -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } #content div.aside ul.sous-menu { margin: 1em 1em 1em 2em; } #content div.aside ul.sous-menu li{ margin: 0 0 1em 0; } #content div.aside ul.sous-menu li a{ background:#fff;} #content div.aside ul.sous-menu li span{ color: #000; } div.question{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.consommateurs.png) no-repeat; display: none; height: 83px; margin: 0 0 10px 0; overflow: hidden; position: relative; text-indent: -9999px; width: 299px;} body.en div.question, div.question.en{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.consumer.png) no-repeat; display: none; height: 83px; margin: 0 0 10px 0; overflow: hidden; position: relative; text-indent: -9999px; width: 299px;} div.question ul{ margin: 0; padding: 0; } div.question ul li{ list-style: none; margin: 0; padding: 0; } div.question ul li a{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.consommateurs.png) no-repeat 0 -100px; display: block; height: 25px; position: absolute; width: 47px; } body.en div.question ul li a, div.question.en ul li a{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.consumer.png) no-repeat 0 -100px; display: block; height: 25px; position: absolute; width: 47px; } div.question ul li.oui a{ right: 32px; top: 13px; } div.question ul li.non a{ right: 31px; top: 40px; } div.question ul li.oui a:hover{ background-position: -323px -1px; } div.question ul li.non a:hover{ background-position: -324px -28px; } div.question ul li.oui a.disabled{ background-position: -375px -1px; } div.question ul li.non a.disabled{ background-position: -376px -28px; } div.question_choice{ height: 83px; margin: 0 0 10px 0; position: absolute; left:0px; text-align: justify; } /*body.en div.question_choice, div.question_choice.en{ height: 83px; margin: 0 0 10px 0; position: relative; }*/ div.question_choice ul{ margin: 0; padding: 0; } div.question_choice ul li{ margin: 0; padding: 0; width: 245px;} div.question_choice ul li a{ color: #0b4ca9; cursor:pointer;} form.reponse{ display: block;} form.reponse{ margin: 0 0 2em 0; padding: 0 0 0 20px; } form.reponse p{ color: #486e84; margin: 0; } form.reponse p a { text-decoration:underline; } form.reponse textarea{ border-color: #486e84; font-size: 1.182em; height: 5em /* 65px */; margin: 7px 0; width: 257px; } form.reponse small{ display: block; margin: 0 0 7px 0; } form.reponse button{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.consommateurs.png) no-repeat -425px 0; cursor: pointer; display: block; height: 26px; overflow: hidden; text-indent: -9999px; width: 77px; } body.en form.reponse button, form.reponse button.send-en{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.consumer.png) no-repeat -425px 0; cursor: pointer; display: block; height: 26px; overflow: hidden; text-indent: -9999px; width: 77px; } form.reponse button:hover{ background-position: -425px -26px; } #content div.aside.nav-section p.publicite{ border-top: 1px dotted #ccc; margin: 0 5px; padding: 1em 0; } body.has-script div.question{ display: block; } body.has-script div.question_choice{ display: block; } body.has-script form.reponse{ display: none; } body.ie #content div.aside.nav-section form.reponse textarea{ width: 16.538em /* 215px */; } body#consommateurs #content div.aside.nav-section span.menu-title{ background: #006197; } body#consommateurs #content div.aside.nav-section ul.nav-section li.current > a{ color: #006197; } body#consommateurs #content div.aside.nav-section ul.nav-section li.parent.active > a{ color: #006197; } body#consommateurs #content div.aside.nav-section ul.nav-section li.current > a{ background-color: #cddfeb; color: #006197; display:block; } body#consommateurs #content div.aside.nav-section p.bouton a{ color: #006197; } body#commercants #content div.aside.nav-section span.menu-title{ background: #007164;} body#commercants #content div.aside.nav-section ul.nav-section li.current > a{ background-color: #cde7e4; color: #007164; display: block; } body#commercants #content div.aside.nav-section ul.nav-section li.parent.active > a{ color: #007164; } body#commercants #content div.aside.nav-section p.bouton a{ color: #007164; } body#commercants div.question{ background-image: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.commercants.png); } /*body#commercants.en div.question{ background-image: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.commercants.png); }*/ body#commercants div.question ul li a{ background-image: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.commercants.png); } /*body#commercants.en div.question ul li a{ background-image: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.commercants.png); }*/ body#commercants form.reponse button{ background-image: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.commercants.png); } /*body#commercants.en form.reponse button{ background-image: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.question.commercants.png); }*/ #c424 {position:absolute;left:0px;} form.reponse {width:270px;} body#nous-joindre #content div.aside.nav-section h2 > em{ background: #284e61; } body#nous-joindre #content div.aside.nav-section ul.nav-section li.current > a{ background-color: #d4dcdf; color: #284e61; } body#nous-joindre #content div.aside.nav-section ul.nav-section li.parent.active > a{ color: #284e61; } body#nous-joindre #content div.aside.nav-section p.bouton a{ color: #284e61; } /* CONTENU PRINCIPAL */ #content div.section #entete_de_page span.ruban span{ color: #fff; } #content div.section #entete_de_page a.rss{ margin: 0 0 0 5px; position: relative; top: 3px; } #content div.section #entete_de_page select{ position: absolute; right: 3px; top: 0; } #content div.section div.onglets ul{} #content div.section div.onglets ul li{ display: inline; list-style: none; margin: 0; padding: 0; } #content div.section div.onglets ul li a{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/onglets.li.a.gif) repeat-x left bottom; border: 1px solid #ccc; border-width: 1px 1px 0 1px; color: #7e7f81; display: block; float: left; font-weight: bold; margin: 0 7px 0 0; padding: 5px 9px 5px 9px; text-decoration: none; } #content div.section div.onglets ul li a{ -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #content div.section div.onglets ul li a:hover{ color: #000; } #content div.section div.onglets ul li.active a{ background-image: none; color: #000; padding: 5px 9px 6px 9px; } #content div.section div.onglets ul li.active a.tablink_2{ background-color: #e9ecee; } #content div.section div.index{} #content div.section div.index > ul{ margin: 0 0 0 19px; padding: 0; } #content div.section div.index > ul > li{ color: #3d6db2; margin: 0 0 3px 0; padding: 0; } #content div.section div.index > ul > li small{ color: #484848; } #content div.section div.resume{} #content div.section div.resume h2{ margin: 0 0 0.25em 0; } #content div.section div.article,#content div.section div.manuelle{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/article/background.gif) repeat-x; } #content div.section div.article img{ border: 1px solid #dedfe1; } #content div.section div.article img{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #content div.section div.article img.noborder {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} #content div.section div.article img.inline {display:inline;padding:0px 5px;} #content div.section div.article p.publicite img{ border: 1px solid #b2b2b2; } #content div.section div.article p.publicite img{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #content div.section div.article p.haut,#content div.section div.manuelle p.haut{ border-bottom: 1px dashed #ccc; height: 1em; margin: 20px 0 33px 0; position: relative; } #content div.section div.article p.haut a,#content div.section div.manuelle p.haut a{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/article/p.haut.a.gif) no-repeat right 0.308em /* right 4px */; border: 1px solid #ccc; color: #484848; display: block; font-size: 0.769em /* 10px */; line-height: 1em /* 10px */; font-weight: bold; padding: 3px 17px 4px 4px; position: absolute; right: 0; text-transform: uppercase; top: 3px; } #content div.section div.article p.haut a:hover,#content div.section div.manuelle p.haut a:hover{ background-color: #ccc; background-position: right -46px; color: #fff; text-decoration: none; } p.haut {clear:both;} #c96 ul li.asa > a:hover {text-decoration:none;} #content div.section ul.address{ margin: 0 0 1em 0; padding: 0; width: 316px; } #content div.section ul.address.left{ float: left; } #content div.section ul.address.right{ float: right; } #content div.section ul.address li{ list-style: none; margin: 0 0 1.5em 0; padding: 0; } #content div.section ul.address li i{ color: #274f62; font-style: normal;} #content div.section div.article_actu h2{ font-size: 1.077em /* 14px */; } #content div.section div.article_actu h2 a.rss{ position: absolute; right: 3px; top: 15px; } #content div.section div.article_actu ul{ border-top: 1px solid #ccc; height: auto !important; height: 4em; min-height: 4em; margin: 0 0 1em 0; padding: 1em 0 0 0; } #content div.section div.article_actu ul li{ color: #0b4ca9; margin: 0 0 1em 2em; padding: 0; } #content div.section div.article_actu ul li a{} #content div.section div.article_actu ul li small{ color: #000; } #content div.section div.article_actu p.plus{ text-align: right; } body.ie #content div.section div.onglets ul li a{ position: relative; top: 1px; } body#consommateurs #content div.section h1 > em{ background: #006197; } /*body#consommateurs #content div.section table thead th{ background: #006197; } body#commercants #content div.section h1 > em{ background: #007164; } body#commercants #content div.section table thead th{ background: #007164; }*/ /*body#commercants #content div.section h1 a.categorie{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/h1.strong.commercants.jpg) repeat-y right top; } body#commercants.agents-de-voyages #content div.section h1 a.categorie{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/h1.strong.voyage.jpg) repeat-y right top; } body#commercants.conseillers-en-voyages #content div.section h1 a.categorie{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/h1.strong.voyage.jpg) repeat-y right top; } body#a-propos-de-l-office #content div.section h1 a.categorie{ background-image: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/h1.strong.a-propos-de-l-office.jpg); } body#actualites #content div.section h1 a.categorie{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/h1.strong.actualites.png) repeat-y right top; } body#nous-joindre #content div.section h1 a.categorie{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/h1.strong.nous-joindre.jpg) repeat-y right top; }*/ /* * PAGE SPECIFIC * Styles appliqués à une page précise **/ /* * INDEX **/ #content div.section div.article.index{ border: 0; padding: 2px 3px; } #content div.sousmenu_page ul li div a.sub{ color: #484848;} #content div.sousmenu_page ul li div a{ color: #1459bc;} #content div.sousmenu_page ul li div a:hover{ text-decoration: underline; } #content div.sousmenu_page ul li div strong{ font-size: 1.077em /* 14px */; } #content div.sousmenu_page ul{ margin: 0; padding: 0; } #content div.sousmenu_page ul ul {float:none;clear:both;} #content div.sousmenu_page ul > li{ border-bottom: 1px solid #ccc; list-style: none; margin: 0 0 1px 0; padding: 0; } #content div.sousmenu_page ul > li.last{ border: 0; } #content div.sousmenu_page ul > li.mise-en-avant{ background: #dee0e1; } #content div.sousmenu_page ul > li > div{ border-bottom: 1px solid #f0f2f4; color: #484848; display: block; padding: 15px 16px 13px 16px; } #content div.sousmenu_page ul > li.last > div{ border: 0; } #content div.sousmenu_page ul > li > div > ul{ margin: 0 0 0 18px; } #content div.sousmenu_page ul > li > div > ul > li{ color: #1459bc; } #content div.onglets-contenu ul.cols-1,#content div.onglets-contenu ul.cols-2,#content div.onglets-contenu ul.cols-3 {float:left;margin:5px 0px 0px 15px;width:180px;} div.media div.cols-1 {float:left;margin:5px 0px 0px 15px;width:360px;} div.media div.cols-2 {float:left;margin-left:1em;width:220px;} #content div.sousmenu_page ul{ margin: 0 6px 0 0; /*width: 320px;*/ width:48%; float:left; } #content div.sousmenu_page ul ul { width:100%; } #content div.sousmenu_page ul.cols-1-full{ margin: 0 6px 0 0; width: 100%;float:left; } #content div.sousmenu_page ul ul li { border:0; list-style: disc outside } body#nous-joindre #content div.sousmenu_page h2 {margin:10px 0 15px 2px;} body#nous-joindre #content div.sousmenu_page li.contact_410 > div, body#nous-joindre #content div.sousmenu_page li.contact_411 > div, body#nous-joindre #content div.sousmenu_page li.contact_2180 > div, body#nous-joindre #content div.sousmenu_page li.contact_976 > div { border:0; padding:11px 16px 11px 46px;} body#nous-joindre #content div.sousmenu_page li.contact_410 {border:0;background:url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/icones/consommateur.png) left center no-repeat;} body#nous-joindre #content div.sousmenu_page li.contact_411 {border:0;background:url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/icones/commercant.png) left center no-repeat;} body#nous-joindre #content div.sousmenu_page li.contact_2180 {border:0;background:url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/icones/conseiller.png) left center no-repeat;} body#nous-joindre #content div.sousmenu_page li.contact_976 {border:0;background:url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/icones/media.png) left center no-repeat;} body#nous-joindre #content div.sousmenu_page ul.cols-2 {position:relative;top:-42px; border-left: 1px solid #ccc;} body#nous-joindre #content div.sousmenu_page ul.cols-1 a:link {color: #284e61; font-size:1.1em; text-decoration: none;} body#nous-joindre #content div.sousmenu_page ul.cols-1 a:hover {color: #1459bc; text-decoration: underline;} body#actualites #content div.section ul li {border:0; list-style:disc outside;} #content div.section form.verifiez-un-permis{ background: #fff; border: 1px solid #91a8b5; color: #416275; margin: 2.5em 1em 3em 1em; padding: 15px 13px; } #content div.section form.verifiez-un-permis h2{ font-size: 1.077em!important; float: left; line-height: 16px; } #content div.section form.verifiez-un-permis p{ float: right; width: 290px; } #content div.section form.verifiez-un-permis p input{ margin: 10px 1px 5px 0; width: 240px; } #content div.section form.verifiez-un-permis p button, #content div.section form.verifiez-un-permis-accueil p button{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/form.commercants.button.png) no-repeat; cursor: pointer; display: inline-block; height: 25px; overflow: hidden; position: relative; text-indent: -9999px; top: 0; width: 31px; } #content div.section form.verifiez-un-permis-accueil { /*background: #fff; border: 1px solid #91a8b5; color: #416275;*/ margin: 0.6em; padding: 0.4em; } #content div.section form.verifiez-un-permis-accueil p input { margin: 0 1px 5px 0; width: 23em; } dl.dates{} dl.dates dt{ clear: left; float: left; width:9.5em;height:2em; } dl.dates dd{ margin: 0 0 1em 100px; } dl.dates dd.plus{ font-weight: bold; } a.carte-regionale{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/article/a.carte-regionale.jpg) no-repeat; display: block; float: right; height:29px; overflow: hidden; position: relative; text-indent: -9999px; top: -5px; width: 127px; } a.carte-regionale:hover{ background-position: 0 -29px; } div.socials{ height: 30px; margin: 0 0 1em 0; } div.socials ul{ margin: 0; padding: 0; } div.socials ul li{ display: block; float: left; list-style: none; margin: 0; padding: 0; } div.socials ul li.facebook{ width: 170px; } div.socials ul li.twitter{ width: 160px; } div.socials ul li.googleplus{ width: 110px; } div.socials ul li a{ display: block; float: left; overflow: hidden; } div.socials ul li.email a{ background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/article/div.socials.ul.li.email.jpg) no-repeat; height: 20px; text-indent: -9999px; width: 80px; } div.socials ul li.email a:hover{ background-position: 0 -20px; } p.representants-des-medias{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/p.representants-des-medias.gif) no-repeat 34px 1.154em; border: 1px solid #466f85; margin: 3em 0 2em 0; padding: 15px 84px; } body#nous-joindre p.representants-des-medias{ border-color: #ccc; color: #5b5b5b; margin: 1em 20px 3em 20px; } p.message-noel{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/icone-noel.gif) no-repeat 34px 1.154em; border: 1px solid #466f85; margin: 1em 0 2em 0; padding: 15px 24px 15px 120px; } p.communiquez-avec-nous{ background: #fff url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/section/p.communiquez-avec-nous.gif) no-repeat 20px 11px; border: 1px solid #466f85; color: #466f85; margin: 0em 0 1em 0; padding: 15px 15px 15px 55px; } p.communiquez-avec-nous a{ color: #173a4e; text-decoration: underline; } p.communiquez-avec-nous a:hover{ color: #0b4ca9; } p.derniere-modification{ clear: both; font-size: 0.846em;margin: 10px 0; } #actualites p.derniere-modification{margin-top: 10px; margin-bottom: 25px;} p.mention{ color: #484848; font-size: 0.846em; } p.attention{ background: #FCFCFC; border: 1px solid #CCC; margin: 0 0 2em 0; padding: 1em 2em; } div.abonnez-vous{ height: 102px; left: -22px; overflow: hidden; position: relative; width: 310px; } div.abonnez-vous h2{ left: -500px; position: absolute; top: 0; } #content div.aside.nav-section div.abonnez-vous ul{ margin: 0; padding: 0; background:none;} div.abonnez-vous ul li{ list-style: none; margin: 0; padding: 0; } div.abonnez-vous ul li a{ display: block; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; } div.abonnez-vous ul li.a-notre-infolettre a{ left: 67px; height: 19px; top: 43px; width: 124px; } div.abonnez-vous ul li.voir-un-exemple a{ left: 214px; height: 14px; top: 43px; width: 78px; } div.abonnez-vous ul li.a-nos-fils-d-informations a{ left: 67px; height: 23px; top: 62px; width: 225px; } div.news-single div.images-news {float:right;text-align: center;padding: 0px 0px 20px 20px;margin-right:10px;} .images-news img { float:left;clear:both;margin-bottom: 5px;} .archive_selector, .select_trimestres, .select_annees {position:absolute;top:53px;right:10px;} span.surtitle {margin-bottom: 5px;display:block;} #content .tx-dropdownsitemap-pi1 ul li { list-style: none} .tab1 dl.dates {height:90px;overflow:hidden;} .tab1 dl.dates.expend { height:auto;overflow:auto } #menu_gauche h3 {float:left;clear:left;width:254px;} .tx-wecmap-pi3 table tbody tr td {padding:0px;} .cap {text-transform: capitalize;} .small {font-size:0.7em;} #content div.aside.nav-section ul.nav-header ul.nav-section, #content div.aside.nav-section ul.nav-header { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#aaaaaa')" } div.tx-felogin-pi1 {} div.ts_record {font-size:0.9em;} /* Partage */ .addthiswrap{} .recommendation-trigger {display:block;float:left;width:16px;height:16px;background:url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/icones/email.gif) center center no-repeat;} .tx-fluidrecommendation-pi1{display:none;margin:16px 0;} .tx-fluidrecommendation-pi1 .recommendedPage {margin:0 0 10px 0;} .tx-fluidrecommendation-pi1 .recommendedPage .url {font-weight:bold;} .tx-fluidrecommendation-pi1 label {width:100%;display: block; height: 31px;} .tx-fluidrecommendation-pi1 label span {display:block;float:left;width:32%;} .tx-fluidrecommendation-pi1 label input {float:left;width:56%;margin-left:1%;} .tx-fluidrecommendation-pi1 .receiverInformations, .tx-fluidrecommendation-pi1 .senderInformations {clear:both;} .tx-fluidrecommendation-pi1 .message {height:95px; clear:both;} .tx-fluidrecommendation-pi1 .message textarea {height:80px; width:56%;margin-left:1%;} .tx-fluidrecommendation-pi1 .form_errors {margin-bottom:10px;} .recommend-success {margin:10px 0;} /* Powermail */ #content .powermail_mandatory_list {margin-bottom:15px;} .powermail_mandatory_list > li {line-height: 20px;list-style: none;} .powermail_mandatory_list >li > li {list-style: disc outside;} /* SIDEBAR FLEXIBLE */ .sidebar-flexible .csc-default { background:#ffffff; -moz-box-shadow: 2px 2px #bbb; -webkit-box-shadow: 1px 1px #bbb; box-shadow:0px 2px 2px #ccc; margin:2%; } .sidebar-flexible .csc-default > .csc-default { margin: 0; } .sidebar-flexible .csc-default p {padding:0 3% 2% 3%;} .sidebar-flexible .csc-default h2, .sidebar-flexible .csc-default h3, .sidebar-flexible .csc-default h4 {background:#006197; padding:3%; color:#ffffff;border:1px solid #ffffff;} .sidebar-flexible .csc-default img {width:96%; padding:3% 0;}