/* CSS Document */ /* -------------------------------------------------------------------------------------------- */ /* Auteur: Galilaeum Technologies Site web: http://www.galilaeum.com Date: 2009-06-05 */ /* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ /* Structure de base */ html, body { padding:0px; margin:0px; } body { height:100%; background-color: #528341; background-image:url(../../images/bg-cpe-de-blainville2.jpg); background-repeat:repeat-x; background-position:top center; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; color:#528341; padding:0px; margin:0px; } #container { height:100%; background-image:url(../../images/bg-footer-cpe-de-blainville.png); background-position:bottom center; background-repeat:repeat-x;} #wrapper { width:973px; padding:0px; margin: 0px auto; } #content { float:right; margin: 20px 0px 0px 4px; width:729px; padding: 0px; min-height:350px; background-image:url(../../images/connexion-bar-bg-cpe-de-blainville.gif); background-position:top left; background-repeat:repeat-x;} #left { float:left; width:240px; margin:0px; color: #ffffff; padding: 290px 0px 20px 0px; background-image:url(../../images/bg-left-1-cpe-de-blainville.jpg); background-position:top left; background-repeat:no-repeat; } #footer { clear:both; margin:0px; padding:0px; width:100%; display:inline-block; color:#FFFFFF;} input, textarea { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:13px;} /* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ /* Mise en page global */ #content #text h1 { color:#43761a; font-size:28px; font-weight:normal; padding:10px 0; margin:0;} #content #text h2 { color:#c55800; font-size:21px; font-weight:normal; padding: 5px 0; margin:0;} #content #text h3 { color:#679800; font-size:16px; font-weight: bold; padding:0; margin:0; } #content #text ul { list-style-type:none; margin:0; padding:0;} #content #text ul li { color:#161717; font-size:13px; background-image:url(../../images/ul-1-cpe-de-blainville.gif); background-repeat:no-repeat; background-position:0 2px; padding:0 0 0 20px; margin:3px 20px;} #content #text p { color:#161717; font-size:13px;} #content #text table th { background-image: url(../../images/th-bg.jpg); background-position:bottom left; background-repeat:repeat-x; border:1px solid#659500; border-right-color:#90c11a; border-top-color:#90c11a; color:#ffffff;} #content #text table td.border1 { border-left:1px solid #CCCCCC; border-bottom:1px solid #dddddd;} #content #text table td.border2 { border-right:1px solid #CCCCCC;} #content #text table td.border3 { border-bottom:1px solid #CCCCCC;} #content #text table.table1 th { background-image: url(../../images/th-bg.jpg); background-position:bottom left; background-repeat:repeat-x; border:1px solid#659500; border-right-color:#90c11a; border-top-color:#90c11a; color:#ffffff;} #content #text table.activites { border:1px solid #CCCCCC;} #content #text table.activites th { background-image: url(../../images/th-bg.jpg); background-position:bottom left; background-repeat:repeat-x; border:1px solid#659500; border-right-color:#90c11a; border-top-color:#90c11a; color:#ffffff;} #content #text table.activites td.border1 { border-left:1px solid #CCCCCC; border-bottom:1px solid #dddddd;} #content #text table.activites td.border2 { border-right:1px solid #CCCCCC;} #content #text table.activites td.border3 { border-bottom:1px solid #CCCCCC;} #content #text ul.etapes { padding:0; margin:0; list-style-type:none; display:block;} #content #text ul.etapes li { background-color: #FFFFFF; border:1px solid #eeeeee; background-image:none; padding:5px; margin:0 1px; list-style-type: none; float:left; width:115px; font-weight:normal; font-size:13px; height:35px; color:#75ad01;} #content #text ul.etapes li.courante { font-weight:bold; color:#285c14; background-color:#FFF7EA; border-color:#75ad01;} #content #text ul.etapes li.courante:first-letter { color:#285c14 !important;} #content #text ul.etapes li:first-letter { font-size:40px; font-style:italic; display:block; float:left; color:#75ad01 !important; margin-right:5px; padding: 3px 0 10px 0; line-height:.8em; } #content #text #galerie { margin:0 auto;} #content #text #galerie a { border:1px solid #999999; margin:2px; display:block; float:left; background-color:#FFFFFF; text-align:center; text-decoration:none; color:#333;} #content #text #galerie a:hover { background-color:#e9f1dd;} #content #text #galerie img { /*float:left;*/ padding:0 0 10px 0; display:inline-block; border:none; } /* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ /* Contenu */ /* Barre de connexion */ #content #connexion { background-image:url(../../images/connexion-bar-left-cpe-de-blainville.gif); background-position:top left; background-repeat:no-repeat; padding:0; margin:0; height:43px; width:689px;} #content #connexion form { float:left; background-image:url(../../images/connexion-bar-right-cpe-de-blainville.gif); background-position:top right; background-repeat:no-repeat; padding:10px 20px; margin:0; height:43px; width:100%; color:#FFFFFF; font-size:14px;} #content #connexion form p{ float:left; margin:0; padding:2px 30px 2px 40px;} #content #connexion form img { float:left; padding:0; margin:0; border:none;} #content #connexion form label{ float:left; padding:2px 6px 2px 10px;} #content #connexion form input { float:left;} #content #connexion form a.submit { float:left; background-image:url(../../images/button-orange-bg-vert2-2.gif); background-repeat:no-repeat; background-position:top left; display:inline-block; text-decoration:none; margin:0px 5px 0 10px; padding:0 0 0 15px; color:#0e3e0f;} #content #connexion form a.submit span { background-image:url(../../images/button-orange-bg-vert-2.gif); background-repeat:no-repeat; background-position:top right; display:block; padding:2px 15px 5px 0 ; margin:0; height:23px; } #content #connexion form .texte{ background-image:url(../../images/formulaire-text-center.gif); background-position:top left; background-repeat:repeat-x; height: 20px; padding:3px 0 0 0; margin:0; float:left; border:none; border-width:0;} #content #connected { color:#FFFFFF; padding:12px 20px; margin:0; height:43px; width:100%; text-align:center;background-image:url(../../images/connexion-bar-right-cpe-de-blainville.gif); background-position:top right; background-repeat:no-repeat; font-size:13px;} #content #connected a,#content #connected a:hover{ color:#FFFFFF;} /* Entete - Photo */ #content #header { background-image:url(../../images/content-header.jpg); background-position:top right; background-repeat:no-repeat; background-color:none; height:167px; width:729px; padding:0; margin:0;} #content #header1 { background-image:url(../../images/content-header-trio1.jpg); background-position:top right; background-repeat:no-repeat; background-color:none; height:167px; width:729px; padding:0; margin:0;} #content #header2 { background-image:url(../../images/content-header-trio2.jpg); background-position:top right; background-repeat:no-repeat; background-color:none; height:167px; width:729px; padding:0; margin:0;} #content #header3 { background-image:url(../../images/content-header-trio3.jpg); background-position:top right; background-repeat:no-repeat; background-color:none; height:167px; width:729px; padding:0; margin:0;} #content #header4 { background-image:url(../../images/content-header-trio4.jpg); background-position:top right; background-repeat:no-repeat; background-color:none; height:167px; width:729px; padding:0; margin:0;} #content #header5 { background-image:url(../../images/content-header-trio5.jpg); background-position:top right; background-repeat:no-repeat; background-color:none; height:167px; width:729px; padding:0; margin:0;} #content #header6 { background-image:url(../../images/content-header-trio6.jpg); background-position:top right; background-repeat:no-repeat; background-color:none; height:167px; width:729px; padding:0; margin:0;} /* Contenu */ #content #text { background-image: url(../../images/content-bottom-cpe-de-blainville.png); background-position:bottom right; background-repeat: no-repeat; padding:0 0 19px 0; margin:0; width:729px; height:auto; display:inline-block; } #content #text2 { background-image: url(../../images/content-body-cpe-de-blainville.png); background-position:bottom right; background-repeat: repeat-y; padding:0 40px 20px 40px; margin:0; width:649px; height:auto; display:inline-block; min-height:150px;} #content #text form.inscription img { float:left; padding:0; margin:0; border:none;} #content #text form.inscription label{ padding:2px 6px 2px 10px;} #content #text form.inscription label.left{ float:left;} #content #text form.inscription input.texte{ background-image:url(../../images/formulaire-text-center.gif); background-position:top left; background-repeat:repeat-x; height: 21px; padding:2px 0 0 0; margin:0; float:left; border:none; width:90%;border-width:0;} #content #text form.inscription ul.cdj { list-style-type:none; margin:0; padding:0;} #content #text form.inscription ul.cdj li { background-image:none; background-color:#FFFF99; padding:0; margin:0 0 2px 0;} #content #text form.inscription ul.cdj li a.informations{ padding:0; margin:2px 0 0 3px; background-image:url(../../images/information-frame.png); background-position:top left; background-repeat:no-repeat; display: inline-block; width:16px; height:16px;} #content #text form.inscription ul.cdj li input { float: none;} #content #text form.inscription ul.cdj li label{ padding:0; margin:0;} #content #text ul.error { border:1px solid #c55800; list-style-type:none; background-image:url(../../images/erreur.gif); background-position:5px 5px; background-repeat:no-repeat; padding:5px 0 5px 65px; margin:0; min-height:52px;} #content #text ul.error li { color:#333333; background-image:none; padding:0; margin:0;} #content #text ul.error li.title { font-size:24px; font-weight:bold; color:#CC0000;} #content #text a { color:#467736;} #content #text a:hover { color:#124713;} /* Activites */ #content #activites { margin:0; padding:0; } #content #activites ul { list-style-type:none; margin:0; padding:0; } #content #activites ul li.calendrier { font-size:21px; color:#c55800; height:45px; margin:0; padding: 23px 20px 0 30px; float:left; width:165px; background-image: url(../../images/activites-header.png); background-position:top left; background-repeat:no-repeat;} #content #activites ul li.activites { font-size:21px; color:#c55800; height:45px; margin:0; padding: 23px 0 0 20px; float:left; width:494px; background-image: url(../../images/activites-header.png); background-position:top right; background-repeat:no-repeat;} #content #activites ul li.details { background-image:url(../../images/activites-content.png); background-position:bottom left; background-repeat:no-repeat; min-height:250px; padding:0; margin:0 0 0 0; clear:both;} #content h3.copy { clear:right; font-size:10px; font-weight:normal; color:#FFFFFF; text-align:center; margin:0; padding:0; width: 729px;} /* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ /* Colonne gauche */ /* Menu */ #menu { display:block; background-image:url(../../images/bg-menu-cpe-de-blainville.jpg); margin:0; padding:0 0 30px 0; background-position:bottom center; background-repeat:no-repeat;} #menu ul { list-style-type:none; margin:0px 8px; padding:0px; min-height:321px;} #menu ul li { list-style:none; margin:0; padding:3px 0px 3px 0px; text-align:center;} #menu ul li.sep { background-image:url(../../images/menu-point-cpe-de-blainville.gif); background-repeat:no-repeat; background-position:bottom center;} #menu ul li a { display:block; width:100%; margin:0px; padding:5px 0 8px 0; background:none; text-decoration:none; font-weight:bold; color:#ffffff; font-size: 14px;} #menu ul li a:hover { background-image:url(../../images/menu-over-cpe-de-blainville.gif); background-position:top center; background-repeat:no-repeat;} #menu ul li a.sm {font-weight: normal;} /* Sondage */ #sondage { background-image:url(../../images/bg-left-sondage-2-cpe-de-blainville.gif); color:#FFFFFF; background-position:bottom center; background-repeat:no-repeat; min-height: 220px; font-size:14px; margin:0px; padding:10px 20px;} #sondage .texte{ background-image:url(../../images/formulaire-text-center.gif); background-position:top left; background-repeat:repeat-x; height: 21px; padding:2px 0 0 0; margin:0; float:left; border:none; width:90%;border-width:0;} #sondage img { float:left; padding:0; margin:0; border:none;} #sondage textarea { float:left; background-image:url(../../images/formulaire-area-center.gif); background-position:top center; background-repeat:repeat-x; margin:0; height:110px; width:90%; border:none; border-width:0; overflow:auto; } #sondage label { display:inline-block; margin:20px 0 0 0; padding:0;} #sondage a.submit { background-image:url(../../images/button-orange-bg-vert2.gif); background-repeat:no-repeat; background-position:top left; display:inline-block; text-decoration:none; margin:30px 5px 0 0 ; padding:0 0 0 15px; color:#0e3e0f;} #sondage a.submit span { background-image:url(../../images/button-orange-bg-vert.gif); background-repeat:no-repeat; background-position:top right; display:block; padding:2px 15px 5px 0 ; margin:0; height:23px; } #sondage p.button { text-align:center;} #sondage p { padding:0; margin:0;} /* Formulaire de commentaire */ #formulaire { background-image:url(../../images/bg-left-2-cpe-de-blainville.gif); color:#FFFFFF; background-position:bottom center; background-repeat:no-repeat; min-height: 400px; font-size:14px; margin:0px; padding:10px 20px;} #formulaire .texte{ background-image:url(../../images/formulaire-text-center.gif); background-position:top left; background-repeat:repeat-x; height: 21px; padding:2px 0 0 0; margin:0; float:left; border:none; width:90%;border-width:0;} #formulaire img { float:left; display:block; padding:0; margin:0; border:none;} #formulaire textarea { float:left; background-image:url(../../images/formulaire-area-center.gif); background-position:top center; background-repeat:repeat-x; margin:0; height:110px; width:90%; border:none; border-width:0; overflow:auto; } #formulaire label { display:block; margin:20px 0 0 0; padding:0;} #formulaire a.submit { background-image:url(../../images/button-orange-bg-vert2.gif); background-repeat:no-repeat; background-position:top left; display:inline-block; text-decoration:none; margin:30px 5px 0 0 ; padding:0 0 0 15px; color:#0e3e0f;} #formulaire a.submit span { background-image:url(../../images/button-orange-bg-vert.gif); background-repeat:no-repeat; background-position:top right; display:block; padding:2px 15px 5px 0 ; margin:0; height:23px; } #formulaire p.button { text-align:center;} #formulaire p { padding:0; margin:0; display:block; float:left; } /* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ /* Footer */ #footer h2 { color:#c55800; font-size:18px; text-align:center; padding:17px 0 3px 0; margin:0;} #footer ul.installations { list-style-type:none; margin:0 auto; padding:0; width:950px; display:block; height:140px; } #footer ul.installations li { float:left; padding:0; margin:0 15px; background-image:url(../../images/footer-installation-top.gif); background-repeat:no-repeat; background-position:top left; width:286px; display: inline-block;} #footer ul.installations li p { background-image:url(../../images/footer-installation-bottom.gif); background-repeat:no-repeat; background-position:bottom left; width:226px; color:#FFFFFF; margin:0; padding:10px 30px;} #footer .menu { clear:both; width:918px; display:block; margin:0 auto 5px auto; background-image:url(../../images/footer-menu-right.gif); background-position:top right; background-repeat:no-repeat;} #footer .menu ul{ width:100%; display:block; list-style-type:none; height:29px; padding:10px 0 0 10px; margin:0 auto; background-image:url(../../images/footer-menu-left.gif); background-position:top left; background-repeat:no-repeat; } #footer .menu ul li { float:left; padding:0 17px; margin:0;} #footer .menu ul li a{ color:#FFFFFF; text-decoration:none;} #footer .menu ul li a:hover { text-decoration:underline;} /* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ /* Thickbox */ #TB_window {/* font: 12px Arial, Helvetica, sans-serif;*/ color: #333333; } #TB_secondLine {/*font: 10px Arial, Helvetica, sans-serif;*/ color:#666666; } #TB_window a:link { color: #666666; } #TB_window a:visited { color: #666666; } #TB_window a:hover { color: #000; } #TB_window a:active { color: #666666; } #TB_window a:focus { color: #666666; } /* -------------------------------------------------------------------------------------------- */ /* ---------->>> thickbox settings <<<--------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ /**{padding: 0; margin: 0;}*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;} .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;} * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_window { position: fixed; background: #525252; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;} * html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; /*border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;*/} #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left;} #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right;} #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;} #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px;} #TB_title{ background-color:#e8e8e8; height:27px;} #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;} #TB_ajaxContent.TB_modal{ padding:15px;} #TB_ajaxContent p{ padding:5px 0px 5px 0px;} #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */} * html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;} * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;} /* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ /* FORM */ div.error_strings { background-color:#FFFFFF;} div.error_strings ul{ list-style-type:none; margin:0; padding:0; border:1px solid #cc4800;} div.error_strings ul li { color:#CC0000; font-size:13px; font-weight:bold; background-image:url(../../images/alerte.png); background-repeat:no-repeat; background-position:0 2px; padding:2px 0 0 20px; margin:3px 20px;} #content #text div.error_strings { background-color:#FFFFFF;} #content #text div.error_strings ul{ list-style-type:none; margin:0; padding:0; border:1px solid #cc4800;} #content #text div.error_strings ul li { color:#CC0000; font-size:13px; font-weight:bold; background-image:url(../../images/alerte.png); background-repeat:no-repeat; background-position:0 2px; padding:2px 0 0 20px; margin:3px 20px;} form.cmxform fieldset { margin-bottom: 10px;} form.cmxform legend { padding: 0 2px; font-weight: bold; color:#528341;} form.cmxform label { display: block; float:left; clear:both; width: 100% /*160px*/; min-width:160px; padding:0 5px 0 0; line-height: 1.5; vertical-align: top;} form.cmxform fieldset ol { margin: 0; padding: 0;} form.cmxform fieldset li { clear:both; list-style: none; padding: 5px 5px 0 5px; } form.cmxform em { font-weight: bold; font-style: normal; color: #f00;} form.cmxform img { float:left; padding:0; margin:0; border:none;} form.cmxform input.texte { float:left; background-image:url(../../images/formulaire-text-center.gif); background-position:top left; background-repeat:repeat-x; height: 21px; padding:2px 0 0 0; margin:0; float:left; border:none; width:95%;border-width:0;} form.cmxform fieldset fieldset { border: none; margin: 3px 0 0 0; padding:0;} form.cmxform fieldset fieldset legend { padding: 0; margin:0; font-weight: normal;} form.cmxform fieldset fieldset label { display: block; float:left; width: 100%; /*margin-left: 163px;*/ } form.cmxform fieldset fieldset img { float:left; padding:0; margin:0; border:none;} form.cmxform fieldset fieldset input.texte { float:left; background-image:url(../../images/formulaire-text-center.gif); background-position:top left; background-repeat:repeat-x; height: 21px; padding:2px 0 0 0; margin:0; float:left; border:none; width:95%;border-width:0;}