/* reset */ * {margin:0; padding:0;} a {border:0;} input {border:0;} button {border:0;} fieldset {border:0;} img {border:0;} a {outline:0;} :focus {outline:0;} /* enleve le contour lors d'un clique sur a href */ ul li {list-style:none;} div.clear {clear:both; height:1px; overflow:hidden;} ol li {list-style-position:inside; margin-left:30px;} blockquote, blockquote p {margin-left:10px !important;} input.recherche, input.phone, input.phone2, select, input.info {border:1px solid #a7b8c8;} /* titre rouge colonne de gauche */ h3 {font-size:11px; color:#7e0130; margin:0 0 5px 0; text-transform:uppercase;} input.txt {border:1px solid #a7b8c8;} /* pour tous les inputs txt */ span.etoile {color:#7e0130;} /* champs obligatoire sur le formulaire */ .bouton {background:url(/images/bt-input.gif) no-repeat; border:0; color:#7e0130; cursor:pointer; float:right; font-size:11px; font-weight:bold; height:23px; margin-top:10px; text-align:center; text-transform:uppercase; width:83px;} .left {float:left;} body {background:#c7d8e8; position:relative;} body, dt, dd, table, td, li, ul, select, textarea, input, form, p, span {color:#333; font-family:arial; font-size:11px;} div.background {position:relative; width:1024px; height:600px;} /* pour firefox height:600px; sinon je ne vois pas le menu deroulant en dessous de action */ div.background img.titre {position:absolute; z-index:2;} /* logo cdp passe par dessus le triangle */ div.background img.coinhaut {position:relative; z-index:1; left:200px; top:168px;} /** html div.background img.coinhaut {position:absolute; left:200px; top:169px; z-index:1;}*/ /* lien sur background */ a.lien-background {background:url(/images/pixel.gif); display:block; height:50px; position:absolute; top:35px; left:30px; width:187px; z-index:2;} a.lien-background span {display:none;} /* lien */ #contenu-gauche #menu ul li a {text-decoration:none;} #top ul li a {text-decoration:none;} .porte-document-gauche a, .porte-document-gauche-sans-icone a {color:#316ac5; text-decoration:underline !important;} #contenu-centre a:link, #contenu-gauche a {color:#316ac5; text-decoration:underline;} #contenu-gauche a:link, #contenu-gauche a:visited {text-decoration:underline;} .porte-document-gauche a:visited, .porte-document-gauche-sans-icone a:visited {color:#333; text-decoration:underline !important;} #contenu-centre a:visited {color:#316ac5;} .porte-document-gauche a:hover, .porte-document-gauche-sans-icone a:hover {color:#316ac5; text-decoration:none !important;} #contenu-centre a:hover, #contenu-gauche a:hover {color:#316ac5; text-decoration:none;} #contenu-centre a:active, #contenu-gauche a:active {color:#333;} /* */ /* recherche-top */ #top {left:470px; overflow:hidden; position:absolute; top:0; width:520px; z-index:1;} /* 520 test position:absolute; */ * html #top, *+html #top {height:153px;} /* hauteur important permet l'alignement du coin */ #top ul.recherche {float:left; padding:5px;} #top ul.recherche li.first {background:none;} #top ul.recherche li {background:url(/images/separateur.gif) no-repeat 0 6px; float:left;} #top ul.recherche li a {color:#333; display:block; margin:3px 5px 3px 15px;} #top fieldset{float:left; width:260px;} /* #top input.txt {background:#d8e4ef; position:absolute; top:8px; right:25px; padding:0; width:142px;} #top input.button {position:absolute; top:7px; left:500px;} /* safari aime pas right */ /* display:none temporairement */ #top .ms-sbtable {position:absolute; top:1px; right:-28px; width:200px;} #top .moteur {position:absolute; top:7px; left:350px; overflow:visible; width:180px;} #top .moteur input.recherche {background:#d8e4ef; border:1px solid #a7b8c8; margin-right:3px; padding:0; width:142px !important;} /* 142 */ #top .moteur .btnsearch {background:url(/images/bt-recherche.gif) no-repeat; border:none; position:absolute; top:-2px; right:10px; height:22px; width:22px;} * html #top .moteur .btnsearch {top:0;} #top .ms-sbcell { background:none; border:0; } /* */ /* menu-top */ #menu-top {margin:10px 0; width:600px;} #menu-top ul {float:left; padding:10px 0 10px 18px; width:230px;} #menu-top ul li {background:#d8e4ef; border-bottom:2px solid #b2c7da; font-weight:bold; padding-left:5px; text-transform:uppercase;} #menu-top ul li a {background:url(/images/fleche-off.gif) no-repeat 0 3px; color:#494a4b; display:block; padding:3px 0 2px 16px; width:230px;} * html #menu-top ul li a {width:200px;} #menu-top ul li a:hover {background:url(/images/fleche-on.gif) no-repeat 0 3px; color:#7e0130;} p.porte-document {background:url(/images/icone-item.gif) no-repeat 0 9px; float:right; font-size:11px; position:relative; top:-28px; padding:10px 0 5px 20px;} /* */ /* contenu-gauche */ #contenu-gauche {position:absolute; left:7px; top:270px; width:200px; z-index:1;} #contenu-gauche #menu ul {margin:0 0 10px 0; width:184px;} #contenu-gauche #menu ul li {background:#d8e4ef; border-bottom:2px solid #b2c7da; font-weight:bold; padding-left:5px;} * html #contenu-gauche #menu ul li {margin:0 -1px;} /* ie 6 */ #contenu-gauche #menu ul li.actif {background:#eef4f8;} #contenu-gauche #menu ul li.actif a {background:url(/images/fleche2-on.gif) no-repeat 0 6px; color:#7e0130;} #contenu-gauche #menu ul li a {background:url(/images/fleche-off.gif) no-repeat 0 3px; color:#494a4b; display:block; padding:3px 0 3px 16px; width:165px;} #contenu-gauche #menu ul li a:hover {background:url(/images/fleche2-on.gif) no-repeat 0 6px; color:#7e0130;} /* Le porte-document colonne de gauche */ .porte-document-gauche, .porte-document-gauche-sans-icone {position:absolute; bottom:102px; z-index:-1;} /* contenu-gauche a une position top donc n'est pas egale avec contenu-droit il y une diffrence de 102px; que je dois mettre a bottom;*/ .porte-document-gauche {background:#b1c9df url(/images/bg-porte-document.gif) no-repeat; padding-bottom:5px; width:184px;} .porte-document-gauche-sans-icone {background:#b1c9df url(/images/bg-porte-document-sans.gif) no-repeat; padding-bottom:5px; width:184px;} .porte-document-gauche img.icone {position:absolute; top:17px; right:3px;} .porte-document-gauche p, .porte-document-gauche-sans-icone p {font-size:10px; padding:5px 12px;} .gauche-image {position:relative; width:184px;} /* icone dans porte document col gauche */ .gauche-image .coin {position:absolute; top:0; left:0;} /* triangle bleu */ #contenu-gauche img.rapport {margin:15px;} #contenu-gauche #menu ul.second {margin:0 0 0 -5px; width:184px; z-index:0;} * html #contenu-gauche #menu ul.second {margin:0 0 0 -4px;} /* ie 6 */ #contenu-gauche #menu ul.second li {background:#d8e4ef; border:0; font-weight:normal;} #contenu-gauche #menu ul.second li.last a {border:0;} #contenu-gauche #menu ul.second li.actif {background:#eef4f8;} #contenu-gauche #menu ul.second li.actif a {background:url(/images/carre-on.gif) no-repeat 15px 8px; color:#316ac5;} #contenu-gauche #menu ul.second li a {background:url(/images/carre-off.gif) no-repeat 15px 8px; border-bottom:1px solid #b2c7da; color:#333; display:block; padding-left:22px; width:150px;} #contenu-gauche #menu ul.second li a:hover {background:url(/images/carre-on.gif) no-repeat 15px 8px; color:#316ac5;} /* */ /* contenu-centre */ .droit {position:absolute; left:200px; top:156px; width:800px;} /* test position absolute left:200px; top:156px; */ #contenu-centre {background:#fff; position:relative; margin-top:12px; padding-bottom:10px; width:790px;} #contenu-centre .txt {display:block; position:relative; left:28px; padding-top:50px; width:728px;} /* z-index sinon en mode edition le menu passe en dessous */ * html #contenu-centre .txt {padding-top:30px;} body.big #contenu-centre .txt {width:760px;} p {font-size:12px; line-height:14px; padding-bottom:10px;} #contenu-centre .accueil {float:left; padding:0 20px; position:relative; left:10px; width:333px;} #contenu-centre .accueil#monte {margin-top:10px;} /* remonte la boite accueil dans la page accueil seulement */ #contenu-centre .agregatrice {z-index:1;} /* z-index sinon en mode edition le menu passe en dessous */ #contenu-centre .accueil .ms-selectorlink a {background:none !important; margin:0; padding:0; float:none; border:0;} #contenu-centre .accueil a {color:#316ac5 !important; margin:0 0 15px 0px; float:left; text-decoration:none; background:url(/images/fleche-blanche.gif) no-repeat 0 6px; border-bottom:1px solid #d7dce2; font-size:12px; float:left; padding:3px 0 5px 20px; width:310px !important;} #contenu-centre .accueil a:hover {text-decoration:underline;} /* #contenu-centre .accueil .ms-selectorlink a {background:none !important; margin:0; padding:0; float:none; border:0;} #contenu-centre .accueil a {color:#7e0130 !important; margin:0 0 15px 0px; float:left; text-decoration:none; background:url(/images/fleche-blanche.gif) no-repeat 0 6px; border-bottom:1px solid #d7dce2; font-size:12px; float:left; padding:3px 0 5px 20px; width:330px !important;} #contenu-centre .accueil a:hover {text-decoration:underline;} */ /* UL LI FLECHE VERTE ACCUEIL -ms-toolbarItem #contenu-centre .accueil ul li {background:url(/images/fleche-blanche.gif) no-repeat 0 6px; border-bottom:1px solid #d7dce2; font-size:12px; float:left; margin:5px 0; padding:5px 0; width:330px !important;} #contenu-centre .accueil ul li a {color:#7e0130 !important; margin:0 0 0 20px; float:left; text-decoration:none;} #contenu-centre .accueil ul li a:hover {text-decoration:underline;} */ #contenu-centre .accueil p.right {text-align:right;} #contenu-centre .accueil p.right a {background:url(/images/fleche-nouvelle.gif) no-repeat center right; font-size:11px; padding-right:15px; text-align:right;} /* block nouvelle accueil */ #contenu-centre .nouvelle { background: #e7e7df url(/images/coin-nouvelle.gif) no-repeat top left; color: #9db9d5; float: left; padding: 20px; position: relative; width: 365px; /*overflow: hidden;*/ /* creer probleme avec la barre editeur la barre fait 700px mais reste coincé dans le div 300px; */ } /* ************************************ padding pour la liste numerote TBA 2008-02-15 ************************************ */ #contenu-centre .nouvelle ol{ padding-left:25px; } /* ************************************ Enlever le display block - causait des problemes avec l'editeur WYSIWYG TBA 2008-02-15 ************************************ */ .nouvelle ul li {background:url(/images/carre-off.gif) no-repeat 0 6px; display:block; font-size:12px; margin:0 0 10px 0px; padding:0 0 0 10px; width:320px;} #contenu-centre .nouvelle#monte2 {margin-top:10px;} /* remonte la boite nouvelle dans la page accueil seulement */ * html #contenu-centre .nouvelle {width:365px;} /* ie 6*/ #contenu-centre .nouvelle p {color:#333; margin:0; font-size:11px;} #contenu-centre .nouvelle p.border {border-bottom:1px solid #c7cfd3; padding-bottom:10px;} #contenu-centre .nouvelle p a {color:#316ac5 !important; font-size:12px; text-decoration:underline;} /* display:none pour l'instant */ #contenu-centre .nouvelle p.rss a {background:url(/images/icone-rss.gif) no-repeat center right; color:#b4661e; font-size:10px; float:right; text-align:right; padding-right:20px; display:none;} /* #contenu-centre .nouvelle .cqfeed a {background:url(/images/pixel.gif); display:block; position:absolute; right:20px; top:18px; text-decoration:none; padding-left:50px;} #contenu-centre .nouvelle .cqfeed {background:url(/images/icone-rss.gif) no-repeat 0 1px; color:#b4661e; font-size:10px; position:absolute; right:20px; top:18px; padding:2px 0 2px 20px; text-decoration:none; border:1px solid red;} */ #contenu-centre .nouvelle p.space {margin-top:10px;} #contenu-centre .nouvelle p.fleche a {background:url(/images/fleche-blanche.gif) no-repeat 0 2px; padding-left:20px; text-decoration:none;} #contenu-centre .nouvelle p.fleche a:hover {text-decoration:underline;} #contenu-centre p.color {color:#54616e; float:left; font-size:11px; padding:0 0 2px 0; height:12px; overflow:hidden;} #contenu-centre .nouvelle p.color {float:none; margin-bottom:-10px;} #contenu-centre .nouvelle p.right {text-align:right;} #contenu-centre p.toutes a {background:url(/images/fleche-nouvelle.gif) no-repeat center right; padding-right:15px; text-align:right;} /* */ #nav-bg {position:absolute; top:180px; _top:160px; right:40px;} #nav-bg span {display:none;} #nav-bg a {display:block; float:left; margin:5px; height:14px; width:14px;} #nav-bg a.pre {background:url(/images/acc-fleche-precedent.gif) no-repeat; cursor:hand;} #nav-bg a.sui {background:url(/images/acc-fleche-suivante.gif) no-repeat; cursor:hand;} /* photo conseiller */ .photo span {border:1px solid #c7d8e8; float:left; margin:15px 20px 15px 0;} /* fil ariane */ #ctl00_PlaceHolderTitleBreadcrumb_ContentMap {color:#54616e !important; position:absolute; top:175px; right:60px; z-index:100; border:0px solid red;} /* z-index sinon pas de rollover sur les liens*/ /* #ctl00_PlaceHolderTitleBreadcrumb_ContentMap {color:#54616e; position:absolute; top:10px; right:30px; z-index:10; border:0px solid red;} /* z-index sinon pas de rollover sur les liens*/ #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span {float:left; font-size:10px; margin:0 3px;} #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span a {color:#316ac5; font-size:10px;} #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span a:hover {color:#316ac5; text-decoration:none;} #ctl00_PlaceHolderTitleBreadcrumb_ContentMap a:visited {color:#a6a653;} /* */ /* utilitaire imprimer, agrandir taille */ #utilitaire {background:url(/images/utilitaire-top.gif) no-repeat center top; position:absolute; top:0; right:0px; _right:-1px; width:27px; z-index:1;} #utilitaire ul {background:url(/images/utilitaire-bottom.gif) no-repeat center bottom; padding-bottom:18px;} #utilitaire ul li {background:#b4b465;} #utilitaire ul li a {display:block; margin-left:5px; padding:3px 0; height:20px; width:17px;} #utilitaire ul li span {display:none;} #utilitaire ul li.first {margin-top:18px; padding-top:5px;} #utilitaire ul li a {background:url(/images/utilitaire-all.gif) no-repeat -20px 0;} /* par defaut */ #utilitaire ul li a:hover, #utilitaire ul li.actif a {background-position:0 0;} /* page-porte-document */ #contenu-centre #utilitaire ul li.actif a:hover {background-position:-20px 0;} /* icone imprimer */ #contenu-centre #utilitaire ul li.icone2 a {background-position:-21px -26px;} #contenu-centre #utilitaire ul li.icone2 a:hover {background-position:-1px -26px;} /*envoyer a un ami */ #contenu-centre #utilitaire ul li.icone3 a {background-position:-23px -52px;} #contenu-centre #utilitaire ul li.icone3 a:hover {background-position:-3px -52px;} /* agrandir taille */ #contenu-centre #utilitaire ul li.icone4 a {background-position:-22px -79px;} #contenu-centre #utilitaire ul li.icone4 a:hover {background-position:-2px -79px;} /* réduire taille */ #contenu-centre #utilitaire ul li.icone5 a {background-position:-22px -104px; height:10px;} /* la hauteur permet de cacher l'icone pdf en dessous */ #contenu-centre #utilitaire ul li.icone5 a:hover {background-position:-2px -104px;} /* */ /* ORIGINAL */ /* utilitaire imprimer, agrandir taille */ /*#utilitaire {background:url(/images/utilitaire-top.gif) no-repeat center top; position:absolute; top:0; right:0px; _right:-1px; width:27px; z-index:1;} #utilitaire ul {background:url(/images/utilitaire-bottom.gif) no-repeat center bottom; padding-bottom:18px;} #utilitaire ul li {background:#b4b465;} #utilitaire ul li a {display:block; margin-left:5px; padding:3px 0; height:20px; width:17px;} #utilitaire ul li span {display:none;} #utilitaire ul li.first {margin-top:18px; padding-top:5px;} #utilitaire ul li a {background:url(/images/utilitaire-01-off.gif) no-repeat;} /* par defaut */ /*#utilitaire ul li a:hover {background:url(/images/utilitaire-01-on.gif) no-repeat;} #utilitaire ul li.actif a {background:url(/images/utilitaire-01-on.gif) no-repeat;} /* page-porte-document */ /*#contenu-centre #utilitaire ul li.actif a:hover {background:url(/images/utilitaire-01-off.gif) no-repeat;} /* icone imprimer */ /*#contenu-centre #utilitaire ul li.icone2 a {background:url(/images/utilitaire-02-off.gif) no-repeat;} #contenu-centre #utilitaire ul li.icone2 a:hover {background:url(/images/utilitaire-02-on.gif) no-repeat;} /*envoyer a un ami */ /*#contenu-centre #utilitaire ul li.icone3 a {background:url(/images/utilitaire-03-off.gif) no-repeat;} #contenu-centre #utilitaire ul li.icone3 a:hover {background:url(/images/utilitaire-03-on.gif) no-repeat;} /* agrandir taille */ /*#contenu-centre #utilitaire ul li.icone4 a {background:url(/images/utilitaire-04-off.gif) no-repeat;} #contenu-centre #utilitaire ul li.icone4 a:hover {background:url(/images/utilitaire-04-on.gif) no-repeat;} /* réduire taille */ /*#contenu-centre #utilitaire ul li.icone5 a {background:url(/images/utilitaire-05-off.gif) no-repeat;} #contenu-centre #utilitaire ul li.icone5 a:hover {background:url(/images/utilitaire-05-on.gif) no-repeat;} /* */ /* box color */ .box-color {border:#c7d8e8 solid; border-width:4px 0; background:#e8eff5; margin:5px 0 10px; padding:10px; width:715px;} .box-color * {font-family:arial;} /* pagination recherche */ #pagination {background:#c7d8e8; height:25px; position:relative; width:735px;} body.pdf #pagination {width:995px;} #pagination p {padding:7px 10px;} #pagination ol {position:absolute; right:0; top:3px;} #pagination .box-color {width:100%; border:1px solid red;} .box-color input.textrecherche {border:1px solid #a7b8c8; margin-top:7px; float:left; width:170px;} .box-color p.element {padding:0;} .box-color input.btnsearch {background:url(/images/bt-recherche2.gif) no-repeat; border:none; clear:right; float:left; margin:5px 0 0 5px; height:22px; width:22px;} #pagination ol li {background:url(/images/seperateur-recherche.gif) no-repeat 0 6px; float:left; list-style:none; padding-left:5px;} #pagination ol li.cdp-first {background:none;} #pagination ol li a {display:block; padding:3px; width:10px;} ul.cdp-globalresults {clear:both; margin:0 !important; padding:0 !important;} ul.cdp-globalresults a {color:#316ac5 !important; text-decoration:underline !important;} ul.cdp-globalresults a:hover {text-decoration:none !important;} ul.cdp-globalresults li, ul.cdp-globalresults li span {background:none !important; margin:0 !important; padding:0 0 15px 0 !important;} ul.cdp-globalresults li {margin-bottom:10px !important; padding:10px !important; width:715px !important;} body.pdf ul.cdp-globalresults li {width:975px !important;} ul.cdp-globalresults li.impair {border-bottom:1px solid #dadfe2; background:#e8eff5 !important;} #pagination #paginationlinks li{ margin-left:0; } /* */ .box-color fieldset {clear:both; padding:20px 0 20px 20px; /*width:440px;*/} .box-color fieldset p {padding:10px 0;} /* p a l'interieur du form */ .box-color p {padding:0 20px;} /* p a l'exterieur du form */ /* page nous joindre */ .box-color#autre label {float:left; width:200px;} .box-color#autre input.info {float:left;} .box-color#autre br {clear:left;} .box-color#autre input {border:0px solid red;} .box-color#autre .radio {float:left; clear:right; border:0px solid red;} .box-color label {display:block; margin:20px 0 5px 0; font-size:12px;} .box-color label.first {margin-top:0;} /* enleve espace sur le premier element */ .box-color input.info {width:190px;} .box-color input.recherche {width:410px;} /* recherche avancee */ .box-color input.phone {float:left; margin-right:5px; width:30px;} .box-color input.phone2 {width:40px;} .box-color textarea {height:70px; width:415px;} .box-color select {clear:both; width:250px;} .box-color .deux {float:left; margin-right:25px; overflow:hidden; width:220px;} /* width:200px originale */ .box-color .nospace {margin-right:0;} /* envele espace sur deuxieme boite .deux */ .box-color .radio {display:block; float:left;} .box-color label.left {display:block; float:left; margin:0 30px 0 5px; _margin:3px 30px 0 2px;} /* utiliser avec bouton radio */ * html .box-color label.left, *+html .box-color label.left {margin:3px 30px 0 2px;} /* utiliser avec bouton radio */ .box-color span.ou {padding:0 20px;} /* texte OU html */ .box-color label.check {display:block; float:left; margin:5px 5px 5px 0px;} .box-color input.check {display:block; float:left; margin:5px 5px 5px 0px;} *+ html .box-color input.check {margin-top:0px;} * html .box-color input.check {margin-top:0px;} /* ie 6 + ie 7 */ .box-color br {clear:both;} .box-color b, .box-color strong {color:#54616e; font-weight:bold;} .box-color input.bouton {margin-right:275px;} /* align le bouton avec la boite textarea */ .box-color ul label {margin-bottom:10px;} .box-color ul li a span {background:none; display:inline; margin:0; padding:0; text-decoration:none;} span.check {float:left; display:block; margin:4px 5px 0 0;} .box-color p input {margin:0 5px;} /* recevoir courriel html ou texte */ /* formulaire demande de financement dans box-color */ .entreprise {display:block; padding:10px 0; clear:both; width:420px;} .entreprise span.radio {display:block; float:left; margin:0 5px 0 0; position:relative; top:5px;} .entreprise label {display:block; float:left; margin-top:5px; _margin-top:7px; width:110px;} * html .entreprise label, *+html .entreprise label {margin-top:7px; width:110px;} /* boite erreur + message d'erreur dans box-color */ .erreur {margin:10px 0;} .erreur li {color:red !important;} p.msgerreur {color:red; text-align:center;} p.retourner {text-align:right; padding:0; margin:0; width:731px;} p.retourner a {background:url(/images/fleche-retourner.gif) no-repeat 0 3px; font-size:11px; padding-left:13px;} /* page porte-document */ div.pd {width:730px;} /* form porte-document */ div.pd input.bouton {float:right; margin-left:10px;} /* espace entre les deux boutons */ .filet-pd {border-top:1px solid #dee0e3; height:1px; margin-top:25px; overflow:hidden; width:730px;} /* filet dans porte-document */ .pd-item {background:url(/images/coin1-porte-document.gif) no-repeat 0 0; display:block; float:left; margin:-1px 0 20px 0;} .pd-item p {background:#e6e6cb url(/images/coin2-porte-document.gif) no-repeat top right; font-size:11px !important; padding:5px 27px 5px 10px; margin-left:17px;} .pd-item p img {margin-right:5px; position:relative; top:1px;} /* les tableaux */ table {border-collapse:collapse;} table.pd {background:#fff; border-bottom:4px solid #c7d8e8; width:730px;} /* tableau porte-document */ table.pd tr.color {background:#e8eff5;} table.pd th {font-size:12px; padding:5px; vertical-align:top;} table.pd td {font-size:12px; padding:5px; vertical-align:top;} table.pd td input {margin:0 5px;} table.pd th input {margin:0 5px;} table.pd th {border-bottom:4px solid #c7d8e8; color:#54616e; text-align:left;} table.pd td {border-bottom:1px solid #dee0e3;} /*table.pd th.col1 {width:30px;}*/ table.pd th.col2 {width:500px;} table.pd th.col3 {width:200px;} /* ************************************ Le tableau n'etait pas conforme a la maquette. Ont a rajouter des classes TBA 2008-02-15 ************************************ */ /* tableaux communiques */ .contour-tableau {float:left; overflow:hidden; width:483px;} /* 485px fait tomber en 1024x768*/ .contour-tableau table.pd {margin-bottom:10px; width:483px;} /* vote par procuration */ .contour-tableau .filet, #faq .filet, .sondage .filet {border-top:1px solid #ccc; height:1px; overflow:hidden; margin:15px 0;} .contour-tableau p strong {margin:0 0 -10px 0; display:block;} .recherche-titre{ color:#7E0130; font-size:16px; font-weight:bold; line-height:normal; text-transform:uppercase; } .contour-tableau .table-liste-nouvelles{ margin-top:20px; } .contour-tableau .table-liste-nouvelles th{ text-align:left; color:#55616f; font-size:12px; padding:6px 8px; border-bottom:4px solid #c8d8e8; } .contour-tableau .table-liste-nouvelles .header-cell-date{ width:140px; } .contour-tableau .table-liste-nouvelles .header-cell-titre{ width:235px; } .contour-tableau .table-liste-nouvelles .header-cell-categorie{ width:110px; } .contour-tableau .table-liste-nouvelles td{ text-align:left; color:#333; font:12px Arial; padding:6px 8px; border-bottom:1px solid #dddee2; } .contour-tableau .table-liste-nouvelles td a:link, .contour-tableau .table-liste-nouvelles td a:visited{ text-decoration:underline; } .contour-tableau .table-liste-nouvelles .row-impair{ background-color:#e8eff5;} /* page vote par procuration */ .contour-recherche {float:left; position:relative; width:235px;} /* ************************************ Enlever le overflow qui causait des problemes en mode edit TBA 2008-02-15 ************************************ */ .recherche-communique { background:#e7e7df url(../images/coin-nouvelle.gif) no-repeat top left; font-size:12px; padding:20px 0; /* overflow:hidden; */ width:245px; position:relative; left:15px; } .recherche-communique table { margin:0px; } .recherche-communique td table {margin:5px 10px;} .recherche-communique table a {text-decoration:underline !important;} .recherche-communique table a:hover {text-decoration:none !important;} .recherche-communique h6 {color:#54616e; font-size:12px; font-weight:bold; margin:0 10px 10px 0;} /* ************************************ changer le margin pour que ca rentre juste dans la boite TBA 2008-02-15 ************************************ */ .recherche-communique .filet {border-top:4px solid #d8d8ba !important; clear:both; height:4px; margin:0px -10px; overflow:hidden; width:245px;} * html .recherche-communique .filet {left:0px; position:relative;} *+html .recherche-communique .filet {left:0px; position:relative;} .recherche-communique input.info, .recherche-communique select.mois {border:1px solid #cecea7; float:left;} .recherche-communique input.info {width:170px;} .recherche-communique span.radio {position:relative; top:-2px;} .recherche-communique label {padding:0 5px; position:relative; top:-2px;} /* ************************************ ajout d'un container TBA 2008-02-15 ************************************ */ /* .recherche-communique span.mois {float:left; margin-right:5px; width:37px;} .recherche-communique select.mois {float:left; width:130px;} .recherche-communique .button {background:url(/images/bt-recherche-gris.gif) no-repeat; height:22px; position:relative; top:-2px; left:5px; width:22px;} */ .recherche-communique .container-mois span {float:left; margin-right:5px;} .recherche-communique .container-mois select {float:left; width:140px;} .recherche-communique .button {background:url(/images/bt-recherche-gris.gif) no-repeat; height:22px; position:relative; left:5px; width:22px;} /* display:none pour l'instant */ .recherche-communique p.rss a {background:url(/images/icone-rss.gif) no-repeat 0 1px; padding-left:18px;} .recherche-communique .ms-WPBody { border:0px solid red; } /* page sondage */ .sondage {display:block;} .sondage p {margin:15px 0 0 0;} .sondage input {margin-right:5px;} .sondage label {margin-right:20px;} .sondage textarea {clear:both; display:block; margin-bottom:10px; height:100px; width:300px;} .sondage .bouton {float:none; margin:20px 0 0 225px;} /* footer */ #footer {position:relative; margin-top:10px; width:790px;} #footer p {font-size:11px; width:300px;} #footer ul {position:absolute; top:-3px; right:0;} #footer ul li {background:url(/images/separateur.gif) no-repeat 0 6px; float:left;} #footer ul li.first {background:none;} /*#footer ul li.first a {background:url(/images/icone-evaluter-site.gif) no-repeat center left; float:left; padding-left:18px;}*/ #footer ul li a {color:#333; display:block; margin:3px 5px 3px 15px; text-decoration:none;} #footer ul li a:hover {color:#316ac5;} /* block nouvelle */ .nouvelle .ms-WPBody {overflow:hidden !important; width:360px !important;} /* enleve overflow:auto du block nouvelle dans page accueil */ /* gauche porte document */ #contenu-gauche .ms-WPBody {width:200px !important;} .txt ul li span, .txt ul li {background:url(/images/carre-off.gif) no-repeat 0 6px; display:block; font-size:12px; margin:0 0 10px 30px; padding:0 0 0 10px; width:620px;} .txt ul ul li span, .txt ul ul li {background:url(/images/tiret2.gif) no-repeat 0 6px !important; display:block; font-size:12px; margin:0 0 10px 30px; padding:0 0 0 10px; width:575px;} .txt ul ul {margin-top:10px;} /* style pour l'editeur HTML */ /*.ms-rteCustom-h3-porte-document, .h3-porte-document, .ms-rteCustom-h4-titre-article, .h4-titre-article,*/ .ms-rteCustom-h1-ligne1-titre-rouge, .h1-ligne1-titre, .ms-rteCustom-h2-ligne1-titre-bleu, .h2-ligne1-titre, .ms-rteCustom-h1-principal-titre-rouge, .h1-principal-titre-rouge, .ms-rteCustom-h2-ligne2-titre-bleu, .h2-ligne2-titre, .ms-WPBody h4 {font-family:arial; font-weight:bold; text-transform:uppercase !important;} .ms-rteCustom-h1-ligne1-titre-rouge, .h1-ligne1-titre {color:#7e0130; font-size:18px; font-weight:normal; margin:0 0 5px 0; text-transform:uppercase !important;} /*.ms-rteCustom-h1-ligne2-titre-rouge, .h1-ligne2-titre {color:#7e0130; font-size:24px; font-weight:normal; margin:0 0 5px 0; text-transform:uppercase !important;}*/ .ms-rteCustom-h2-ligne1-titre-bleu, .h2-ligne1-titre {color:#9db9d5; font-size:14px; margin-bottom:5px;} .ms-rteCustom-h1-principal-titre-rouge, .h1-principal-titre-rouge {color:#800130; font-size:14px; margin-bottom:5px;} /* rouge */ .ms-rteCustom-h2-ligne2-titre-bleu, .h2-ligne2-titre {color:#9db9d5; font-size:18px; margin-bottom:5px;} .ms-rteCustom-bold-gris128, .bold-gris128 {color:#808080; font-weight:bold; font-size:13px;} /*.ms-rteCustom-h3-porte-document, .h3-porte-document {color:#809db9; display:block; font-size:14px; padding:15px 10px 10px 0 !important;}*/ .ms-rteCustom-h4-titre-article, h4, .ms-WPBody h4, .CDP_SiteMapTitle {color:#7e0130; font-size:16px; line-height:normal; font-weight:bold; margin:10px 0 5px 0; text-transform:uppercase;} .ms-rteCustom-h4-sous-titre-article, .h4-sous-titre-article {color:#9db9d5; font-size:14px; font-weight:bold; margin:10px 0 5px 0; text-transform:none !important;} .CDP_SiteMapTitle {display:block; padding-bottom:20px;} /* lien avec fleche jaune dans la boite porte-document */ .ms-rteCustom-lien-porte-document-bas {background:url(/images/fleche-jaune.gif) no-repeat center right; display:block; font-size:11px; padding-right:12px; text-align:right; text-decoration:underline; width:145px;} .ms-rteCustom-lien-porte-document-bas:hover {text-decoration:none;} /* 7e0130 = rouge */ /* 9db9d5 = bleu */ /* 809db9 = bleu porte document */ /* element sharepoint z-index ou en display:none */ #WebPartWPQ6 {z-index:1;} /* avant position:relative; z-index:100; */ #zz3_SiteActionsMenu_t {position:relative;} /* action du site par dessus */ .ms-siteaction {height:1;} /* lors de message d'erreur un div haut de 100% fait descendre le site */ .topNavItem *, #zz1_GlobalNav *, .topNav *, .zz2_GlobalNav * {display:none !important; visibility:hidden;} /* menu de navigation */ .ms-consoleframe, .ms-SPZone, .ms-ToolPaneOuter, #MSOZone {position:relative; z-index:0;} /*.ms-MenuUIPopupBody {margin-top:15px; _margin-top:0;}*/ .ms-consoleframe {border:0px solid red;} /* barre 1 en dessous du bouton Action */ .ms-ToolPaneOuter {border:0px solid red;} /* Apparence a droite */ .ms-SPZone {border:0px solid red;} /* webpart */ .ms-MenuUIPopupBody {border:1px; z-index:1000; position:absolute;} /* menu deroulant */ /* barre editeur html - ne pas mettre position:relative; sinon la liste des styles descend */ .ms-rtetoolbarmenu, .ms-rtetoolbarmenu div, .ms-rtetoolbarmenu p, .ms-rtetoolbarmenu*, .ms-rtetoolbarmenu span, .ms-rtetoolbarmenu iframe {z-index:1000; margin:0; padding:0;} /* #WebPartWPQ6 barre 2 en dessous du bouton action */ .ms-pagebreadcrumb, .removeMargins {position:relative; z-index:10; width:90%;} /* barre breadcrum en dessous du bouton action */ /*.ms-listviewtable {background:#fff;} /* liste des pages */ /* mise en page accueil en mode edition */ #contenu-centre .accueil .ms-formfieldlabel, #contenu-centre .accueil#monte .ms-formfieldlabel {margin-left:10px; width:300px !important;} /* Lien 1 */ #contenu-centre .accueil .ms-formfieldvaluecontainer {overflow:auto; height:150px; width:310px !important;} #contenu-centre .accueil .ms-formfieldvaluecontainer .ms-long { border:1px solid #ccc; } #contenu-centre .accueil .ms-formfieldvaluecontainer span {margin:0; padding:0; background:none !important; list-style:none !important; width:300px !important;} #contenu-centre .accueil .ms-formdescription a {float:none;} /* lien rouge cliquez ici pour faire un test */ #contenu-centre .nouvelle .ms-formfieldcontainer {background:#fff; margin-bottom:10px; overflow:scroll; width:370px !important;} /* block nouvelle avec lien */ textarea.ms-long {height:50px; position:relative; width:700px; z-index:1;} /* metatag par dessus fleche carrousel*/ .ms-formtable td {font-size:x-small;} /* lors d'ajout d'image un tableau avec proprietes txt trop petit */ .ms-pagetitle {background:#fff; padding:5px 10px; font-size:small;} /* lors d'ajout d'image un tableau avec title de l'image */ .photo .ms-formfieldvaluecontainer { display:block; clear:both; margin-top:-20px; width:98%; } .photo .ms-toolbarContainer { width:100%; } .ms-formfieldvaluecontainer, .ms-formfieldvaluecontainer .ms-long {_height:1%;} /* bordure grise autour des boites en mode edition */ .ms-formfieldvaluecontainer .ms-long { width:100%; } /* Sitemap Styler */ .txt .sitemap a:link, .txt .sitemap a:visited{ color:#7d022e !important; display:block; } .txt .sitemap {float:left; width:320px !important;} .txt ul.sitemap.space {margin-left:25px;} .txt .sitemap, .txt .sitemap ul, .txt .sitemap li {list-style:none; margin:0; padding:0;} .txt .sitemap ul {border-bottom:1px solid #d3dbe3; clear:both; display:block; margin-bottom:40px;} .txt .sitemap ul ul {border:none; margin-bottom:0;} .txt .sitemap li {background:none; font-weight:bold; line-height:200%; position:relative; width:300px !important;} .txt .sitemap li span {float:left; position:absolute; top:6px; left:5px; width:13px; height:13px; cursor:auto; padding:0; font-size:0;} /* garder le padding:0 sinon la largeur est plus grande et empeche le clique sur le mot */ .txt .sitemap li span.collapsed {background:url(/images/collapsed.gif) no-repeat 0 0;} .txt .sitemap li span.expanded {background:url(/images/expanded.gif) no-repeat 0 0;} /* second level */ .txt .sitemap li li {background:url(/images/fleche-nouvelle.gif) no-repeat 10px 6px; border-top:1px solid #d3dbe3; font-weight:normal; width:260px !important;} .txt .sitemap li li a {padding-left:25px;} .txt .sitemap li li span {left:-20px;} /* third level */ .txt .sitemap li li li {border:none; background:url(/images/carre-off.gif) no-repeat 35px 10px;} .txt .sitemap li li li a {padding-left:50px;} .txt .sitemap li li li span {left:5px;} /* 4 level */ .txt .sitemap li li li li {background:url(/images/carre-off.gif) no-repeat 60px 10px;} .txt .sitemap li li li li a {padding-left:70px;} .txt .sitemap li li li li span {left:25px;} /* 5 level */ .txt .sitemap li li li li li {background:url(/images/tiret.gif) no-repeat 80px 12px;} .txt .sitemap li li li li li a {padding-left:90px;} .txt .sitemap li li li li li span {left:45px;} .txt ul.entreprise-quicksearch, .paginationnouvellelinks { /*margin:20px 10px;*/ clear:both; display:block; overflow:hidden; width:480px;} .paginationnouvellelinks { margin:10px 0 -10px 0; } .txt ul.entreprise-quicksearch li, .paginationnouvellelinks li {background:none; display:block; margin:0; padding:0; float:left; width:17px;} .txt ul.entreprise-quicksearch li.page {margin:0 10px; width:100px;} .entreprise-results { clear:both; display:block; padding:10px 0; margin:0; } .entreprise-results li{background-image:none !important; margin:0 !important; font-weight:bold; float:left; width:15px !important;} ul.entreprise-pagenumber {clear:both; margin-top:20px;} /* page faq */ #faq {display:block;} #faq p.element { margin-bottom:10px; } #faq p span {font-weight:bold; font-size:12px;} #faq p span.question {color:#54616e;} #faq p span.reponse {color:#7e0130;} #faq a.haut {background:url(/images/fleche-retourner.gif) no-repeat center right; float:right; padding-right:15px; text-decoration:underline;} #faq ul.cdp-globalresults {border-bottom:2px solid #c7d8e8; clear:both; display:block; margin-bottom:30px !important;} #faq ul.cdp-globalresults span {color:#54616e; display:inline; font-weight:bold;} #faq ul.cdp-globalresults li.impair {border-top:1px solid #dcdee1;} /* page pdf rapport annuel */ body.pdf {background:#fff; margin-left:18px;} body.pdf img.logo-pdf {margin-top:10px;} body.pdf .pdf-space {margin:50px 20px;} body.pdf .contenu {text-align:center; margin:0 auto; width:600px;} body.pdf .contenu input {float:left; margin:0 5px;} .optPage, .optSection, .optDocument {clear:left; float:left; margin:5px; text-align:left; width:200px;} body.pdf .bouton {clear:both; position:relative; left:50px;} /* rapport annuel */ #rapportannuel {display:block; position:relative;} #rapportannuel h4 {margin-bottom:10px;} /*h4.recherchepdf {position:relative; top:20px;} /* titre avec mot retour */ p.retour a, a.retour {background:url(/images/fleche-retourner.gif) no-repeat 0 2px; color:#316ac5 !important; display:block; font-size:11px !important; padding-left:12px; margin:0 0 0 675px; text-decoration:underline !important;} body.pdf p.retour a, body.pdf a.retour {margin:0 0 0 945px;} p.retourhaut a {background:url(/images/fleche-retourner.gif) no-repeat 0 2px; color:#316ac5 !important; display:block; font-size:11px !important; padding-left:12px; margin:-20px 0 0 945px; text-decoration:underline !important;} /* titre h4 + le mot retour dans page recherche pdf */ p.retour a:hover, p.retourhaut a:hover {text-decoration:none !important;} /* */ .containerprintoptions {margin:0 auto; text-align:center; width:200px;} .optionimpression {background:#fff; border:2px solid #c7d8e8; display:none; padding:10px; position:absolute; top:105px; left:442px; width:180px; z-index:1;} * html .optionimpression {top:105px; left:448px;} .optionimpression a {background:url(/images/fleche-retourner.gif) no-repeat 0 2px; display:block; margin-bottom:4px; padding-left:12px; text-decoration:underline !important;} .optionimpression a:hover {text-decoration:none !important;} .optionimpression .contour {background:#fff url(/images/utilitaire-02-off.gif) no-repeat 4px 3px; border:#c7d8e8 solid; border-width:2px 2px 0 2px; position:absolute; left:173px; top:-29px; height:25px; padding-bottom:2px; width:25px; z-index:2;} * html .optionimpression .contour {background:#fff url(/images/utilitaire-02-off.gif) no-repeat 4px 2px;} *+html .optionimpression .contour {background:#fff url(/images/utilitaire-02-off.gif) no-repeat 4px 2px;} #rapportannuel #page {display:block;} /* image du pdf */ #rapportannuel #page img {margin:5px 0;} #rapportannuel .box-color {height:50px; padding-top:15px; position:relative; width:975px;} #rapportannuel .recherche {clear:left; float:right; margin-top:-3px;} #rapportannuel .recherche input.txtSearch {float:left; margin:2px 7px 0 0; width:145px;} #rapportannuel .recherche .btnSearch {background:url(/images/bt-recherche2.gif) no-repeat; border:none; float:left; height:22px; width:22px;} #rapportannuel .table {float:left;} #rapportannuel .table p {margin:0 0 5px 0; padding:0;} #rapportannuel .table select {clear:both; width:470px;} #rapportannuel input, #rapportannuel select {float:left; border:1px solid #accbe2;} #rapportannuel .pagination {float:left; margin:0px 55px 0; position:relative; width:250px;} #rapportannuel .pagination p {float:left;} #rapportannuel .pagination p a {padding:0 5px; float:left;} #rapportannuel .pagination input.txtPage {float:left; text-align:center; width:30px;} /* fleche de navigation */ #rapportannuel a.navfirst span, #rapportannuel a.navprev span, #rapportannuel a.navnext span, #rapportannuel a.navlast span {display:none;} #rapportannuel a.navfirst, #rapportannuel a.navprev, #rapportannuel a.navnext, #rapportannuel a.navlast {display:block;} #rapportannuel a.navfirst {background:url(/images/fleche-debut.gif) no-repeat; height:14px; width:19px;} #rapportannuel a.navprev {background:url(/images/acc-fleche-precedent.gif) no-repeat; height:14px; width:14px;} #rapportannuel a.navnext {background:url(/images/acc-fleche-suivante.gif) no-repeat; height:14px; width:14px;} #rapportannuel a.navlast {background:url(/images/fleche-fin.gif) no-repeat; height:14px; width:19px;} #rapportannuel .icone {background:#c7d8e8 url(/images/coin-bleu-utilitaire.gif) no-repeat; height:27px; position:absolute; bottom:0; right:0; width:210px;} * html #rapportannuel .icone {bottom:-1px; right:-1px;} #rapportannuel ul {margin:5px 0 0 25px; height:16px; overflow:hidden;} #rapportannuel ul li {background:none; float:left; margin:0 7px; padding:0; width:15px;} * html #rapportannuel ul li {margin:0 6px;} #rapportannuel ul li a {display:block; height:20px; width:17px;} #rapportannuel ul li span {display:none;} /* porte document */ /* page-porte-document */ #rapportannuel ul li a {background:url(/images/utilitaire-all.gif) no-repeat -20px 1px;} /* par defaut */ #rapportannuel ul li a:hover {background:url(/images/utilitaire-all.gif) no-repeat 0 1px;} /* icone imprimer */ #rapportannuel ul li.icone2 a {background-position:-20px -25px;} #rapportannuel ul li.icone2 a:hover {background-position:0 -25px;} /*envoyer a un ami */ #rapportannuel ul li.icone3 a {background-position:-23px -53px;} #rapportannuel ul li.icone3 a:hover {background-position:-3px -53px;} /* agrandir taille */ #rapportannuel ul li.icone4 a {background-position:-22px -78px;} #rapportannuel ul li.icone4 a:hover {background-position:-2px -78px;} /* réduire taille */ #rapportannuel ul li.icone5 a {background-position:-22px -103px;} #rapportannuel ul li.icone5 a:hover {background-position:-2px -103px;} #rapportannuel ul li.icone6 a {background-position:-22px -125px;} #rapportannuel ul li.icone6 a:hover {background-position:-2px -125px;} /* */ /* colloque */ #colloque {text-align:center; width:750px;} #colloque img.center {margin:0 auto;} #colloque .box-color {text-align:left; margin-left:70px; overflow:hidden; width:590px;} #colloque .box-color ul li {background:none; color:#f00;} #colloque .box-color ul {background:none; margin:0 0 20px 0; padding:10px 0; overflow:hidden; border:1px solid #f00; width:450px;} * html #colloque .box-color {margin-left:0px;} *+html #colloque .box-color {margin-left:0px;} #colloque .box-color input.bouton {margin:-10px 135px 20px 0;} #colloque .box-color span.jour {margin-left:5px; float:left;} #colloque .nospace {margin-top:15px;} * html #colloque .nospace {margin-top:20px;} *+html #colloque .nospace {margin-top:20px;} #colloque .box-color input.phone, #colloque .box-color input.phone2 {margin-bottom:3px;} #colloque .box-color input.phone2 {float:left; margin-right:5px;} #colloque .box-color span.label, #colloque .box-color span.etoile {float:left; margin-top:20px;} #colloque .box-color span.left {margin:0 5px;} /* organigramme */ #organigramme {background:url(/images/organigramme_fr.gif); display:block; height:421px; position:relative; width:720px} #organigramme a {background:url(/images/pixel.gif); display:block; position:absolute;} #organigramme a span {display:none;} /* format des grosseurs pour les images map */ .grosseur-1 {height:30px; width:190px;} .grosseur-2 {height:20px; width:453px;} .grosseur-3 {height:20px; width:180px;} .grosseur-4 {height:28px; width:130px;} .grosseur-5 {height:28px; width:180px;} /* position absolute de chaque lien */ #organigramme a.lien-1 {left:32px; top:20px;} #organigramme a.lien-2 {left:270px; top:20px;} #organigramme a.lien-3 {left:507px; top:20px;} #organigramme a.lien-4 {left:32px; top:60px;} #organigramme a.lien-5 {left:270px; top:60px;} #organigramme a.lien-6 {left:507px; top:60px;} #organigramme a.lien-7 {left:32px; top:115px;} #organigramme a.lien-8 {left:270px; top:115px;} #organigramme a.lien-9 {left:17px; top:188px;} #organigramme a.lien-10 {left:518px; top:188px;} #organigramme a.lien-11 {left:32px; top:232px;} #organigramme a.lien-12 {left:32px; top:266px;} #organigramme a.lien-13 {left:32px; top:302px;} #organigramme a.lien-14 {left:32px; top:336px;} #organigramme a.lien-15 {left:32px; top:370px;} #organigramme a.lien-16 {left:185px; top:232px;} #organigramme a.lien-17 {left:185px; top:268px;} #organigramme a.lien-18 {left:185px; top:302px;} #organigramme a.lien-19 {left:185px; top:337px;} #organigramme a.lien-20 {left:340px; top:232px;} #organigramme a.lien-21 {left:518px; top:232px;} #organigramme a.lien-22 {left:518px; top:267px;} #organigramme a.lien-23 {left:518px; top:303px;} #organigramme a.lien-24 {left:518px; top:336px;} #organigramme a.lien-25 {left:518px; top:372px;}