/************************ zones principlales **********************/ body {background:#FFFFFF; background: url(/_admin/htmlcomposants/design/images/body.jpg) repeat-y top center; font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; color:#333333; font-size:0.9em; } #container { background: url(/_admin/htmlcomposants/design/images/header.gif) no-repeat top center;} #principal { background: #FFFFFF url(/_admin/htmlcomposants/design/images/container.jpg) repeat-y center top;} #page #data {background: url(/_admin/htmlcomposants/design/images/thindata.jpg) no-repeat top center;} #pagephoto #data, #pagephotos #data {background: url(/_admin/htmlcomposants/design/images/largedata.gif) no-repeat top right;} #appendix {background:#EEEEEE; } #important {padding:10px; border: solid 1px #e5e5e5; background: #FAFAFA; margin-left:25px; margin-right:30px;} #actu {padding:0px; border: solid 1px #e5e5e5; background: #FFFFFF; margin-left:25px; margin-right:30px;} #actu p {margin-right:25px;} #actu h3 {margin-left:25px;color:#757575;margin-top:-10px;margin-bottom:5px;} #actu img {float:right; border: solid 2px #e5e5e5; margin:8px;} /********************* dans le texte **************************/ img {border:none;} h1 {position:absolute; top:108px; padding:0px; margin:0px; font-size:1.7EM; color:#446a6d; font-family:"Century Gothic", "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; } #page h1 {left:100px;} #pagephoto h1, #pagephotos h1 {left:20px;} h2 {margin-left:25px; margin-right:60px; font-size:1.3EM; color:#446a6d; } h3 {color:#757575; font-size:1em; margin-left:25px;} h4 {color:#757575; font-size:0.9em; margin-left:35px;} div.interview h2 {font-size:1em;} div.interview img {margin-right:10px;} /**blockquote { background: url(/_admin/htmlcomposants/design/images/blockquote.gif) no-repeat top left; margin-left:20px; padding-left:40px; padding-left:25px; font-style:italic; color:#777777; }**/ blockquote { background: url(/_admin/htmlcomposants/design/images/blockquote.gif) no-repeat top left; margin-left:00px; margin-right:-15px; padding-left:15px; font-style:italic; color:#777777; } strong {color:#56696B;} p {text-align:justify; margin-left:30px; margin-right:60px; } #datepassee {display:none;} #data ul {margin-left:20px; margin-right:25px;} ul ul {margin-left:20px !important;} #data a {color:#e38914; text-decoration:none;} div#appendix ul li a {color:#929292; font-size:0.8EM; text-decoration:none;} #data ul li {list-style-image: url(/_admin/htmlcomposants/design/images/list.gif);} #data li li {padding:0.2em;} #data ul#presse li {margin-bottom: 8px;} small {font-size:0.9em; color:#929292; line-height:15px;} div.illustration {margin-left:30px;; float:left; padding:5px;} #important h3 {margin-left:10px; margin-top:0px;} ul.threads {margin-left:30px !important; margin-right:60px;} ul.threads li {background: #FAFAFA; border: 1px solid #CCCCCC; list-style-image:none !important; list-style-type:none; padding:5px;} ul.threads li a {color:#666666 !important;} ul.threads li div.date {text-align:right; font-size:0.75em; font-style:italic; color:#999999; } ul.threads li div {float:left;width:210px; } ul.threads li {overflow:auto;} ul.threads li a { display:block; width:100%; height: 100%;} ul.threads li a:hover {background:#F0F4F4;} div.citation {background-color:#EEEEEE; margin-left:20px; margin-right:20px; border: solid 1px #DDDDDD; padding:10px;} span.important {color:#AA0000;} span.tresimportant {background-color:#FFEE99; text-align:center; color:#AA0000; font-weight:bold; display:block; margin-left:20px; margin-right:20px; border: solid 1px #DDDDDD; padding:10px;} input[type='submit'] {border: outset #ffffff 1px; margin-top:5px; background:#FAFAFA;} input[type='text'] {border: solid 1px #AAAAAA; } input[type='text']:focus {background:#F0F4F4;} /******************* barres ************************************/ #rootBar a {color:#849a9c; font-weight:bold; text-decoration:none; font-family:"Century Gothic", "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;} #rootBar a:hover {color:#e38914;} #generalBar {background:#EEEEEE; } div#contextBar ul.bar li a {color:#929292; font-weight:bold; text-decoration:none; font-size:1.2EM; font-family:"Century Gothic", "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; } #pagephotos div#contextBar ul, #pagephoto div#contextBar ul {display:none;} div#contextBar ul.bar {margin:0px; margin-left:20px; margin-top:20px; padding:0px; text-align:right;} div#contextBar ul.bar li { list-style-type:none; list-style-image:none; margin-bottom:20px; margin-right:10px; background: url(/_admin/htmlcomposants/design/images/barcontextbar.jpg) no-repeat top left;} div#contextBar h2 {color:#892727; margin-left:20px; margin-bottom:0px; padding-bottom:0px;} div#contextBar p { margin-top:0px; margin-left:20px; margin-right:5px;} div#contextBar {color:#999999; font-size:0.9em;} div#contextBar input {width:100%;} div#contextBar input {color:#999999;} div#contextBar label a {font-size:0.9em; color:#999999;} div.news {color:#666666;} div.news a {color:#778899 !important;} /*********************** galerie *****************************/ /*--- gallery ---*/ ul.gallery {margin: 0px 0px 0px 12px !important; padding:0px !important;} ul.gallery li {padding:0px !important; float:left; list-style: none !important; margin: 2px; background: #FAFAFA; border: #DDDDDD solid 1px; width:365px; text-align:center; /* centrage vertical navigateurs standards */ height:365px; display:table-cell; line-height: 365px; } /* centrage vertical navigateurs standards */ ul.gallery li img {vertical-align: middle; } ul.gallery li * { vertical-align: middle; } /* hack pour ie. qui permet de centrer horizontalement avec l'ajout d'une balise span */ /* EXPLICATION : Fortunately IE has (partial) support for display: inline-block. If an empty inline-block element (for example a span) is added inside the container and it is assigned height: 100%; vertical-align: middle then it allows to precisely get what we want: a line box with the desired height. In other words, the inline-block element respects an assigned height (equal to the containers one) and props the line open, so that vertical-align: middle (both on the extra element and the image) gives the desired vertical centering. */ ul.gallery li span { display: inline-block; width:1px; /*1px pour ie mac*/ height: 100%;} /*--- navigateGallery ---*/ ul.navigateGallery {margin: 0px 0px 0px 25px !important; padding:0px !important;} ul.navigateGallery li {padding:0px !important; float:left; list-style: none !important; margin: 2px; background: #FAFAFA; border: #DDDDDD solid 1px; width:162px; text-align:center; /* centrage vertical navigateurs standards */ height:230px; display:table-cell; line-height: 210px; } /* centrage vertical navigateurs standards */ ul.navigateGallery li img {border-width: 2px; vertical-align: middle; } ul.navigateGallery li * { vertical-align: middle; } /* hack pour ie. qui permet de centrer horizontalement avec l'ajout d'une balise span */ /* EXPLICATION : Fortunately IE has (partial) support for display: inline-block. If an empty inline-block element (for example a span) is added inside the container and it is assigned height: 100%; vertical-align: middle then it allows to precisely get what we want: a line box with the desired height. In other words, the inline-block element respects an assigned height (equal to the container?s one) and props the line open, so that vertical-align: middle (both on the extra element and the image) gives the desired vertical centering. */ ul.navigateGallery li span { display: inline-block; width:1px; /*1px pour ie mac*/ height: 100%;} ul.navigateGallery li a { display:block; width:100%; height: 100%;} ul.navigateGallery li a:hover {background:#F0F4F4;} ul.navigateGallery li div {line-height:15px; margin-top:-30px; font-size:0.8em; color:#999999; } /*--- imagesGallery ---*/ ul.imagesLinks {margin: 0px 0px 0px 25px !important; padding:0px !important;} ul.imagesLinks li {padding:0px !important; float:left; list-style: none !important; margin: 2px; background: #FAFAFA; border: #DDDDDD solid 1px; width:240px; text-align:center; /* centrage vertical navigateurs standards */ height:200px; display:table-cell; line-height: 200px; } /* centrage vertical navigateurs standards */ ul.imagesLinks li img {vertical-align: middle; } ul.imagesLinks li * { vertical-align: middle; } /* hack pour ie. qui permet de centrer horizontalement avec l'ajout d'une balise span */ /* EXPLICATION : Fortunately IE has (partial) support for display: inline-block. If an empty inline-block element (for example a span) is added inside the container and it is assigned height: 100%; vertical-align: middle then it allows to precisely get what we want: a line box with the desired height. In other words, the inline-block element respects an assigned height (equal to the container?s one) and props the line open, so that vertical-align: middle (both on the extra element and the image) gives the desired vertical centering. */ ul.imagesLinks li span { display: inline-block; width:1px; /*1px pour ie mac*/ height: 100%;} ul.imagesLinks li a { display:block; width:100%; height: 100%;} ul.imagesLinks li a:hover {background:#F0F4F4;} ul.imagesLinks li div {line-height:15px; margin-top:-30px; font-size:0.8em; color:#999999; } /*--- galleryPages ---*/ ul.galleryPages {width:150px; margin-left:25px !important; margin-right:0px; padding:0px; float:left;} ul.galleryPages li {float:left; margin-left:0px; padding-left:0px; list-style:none !important;} /*--- zoom --- */ div.zoom img {margin-left:0px;border: #DDDDDD solid 5px;} /*********** forum ***********************/ div.post { margin-bottom:20px; padding:10px; border:solid 1px #DDDDDD; margin-left:25px; background:#FEFEFE; margin-right:60px;} div.pseudo {text-align:right; margin-top:10px; font-style:italic; color:#999999;} div.post ul {padding-left:0px;} div.post p {overflow:hidden;} .post {text-align:justify;word-wrap: break-word;} .post p {text-align:justify; margin-left:0px; margin-right:0px; } label.error {color:#FF0000; font-size:1.1em; font-weight:bold; padding-left:10px; } /****************************** accueil **********************************/ #important ul {margin-right:0px !important;} #important ul.thumbs {margin:0px; padding:0px; margin-left:10px; } #important ul.thumbs li {list-style:none; float:left; margin-right:10px;} #important ul.thumbs li span {color:#999999; display:block; text-align:center; font-size:0.75EM; width:120px;} #important ul.multimedia {float:left; margin-left:0px; padding:10px 10px 10px 5px; width:180px; font-size:0.9em; border:1px solid #DDDDDD; background: #fff; line-height:20px;} #important ul.multimedia li {margin-left:15px;} #important ul.multimedia li {list-style-image:none; list-style:none;} #data ul#facebook {list-style: none;margin-left:0;padding-left: 20px;} #data ul#facebook li {display:inline; margin-right: 55px;} /* images */ li a img {border:solid 3px #CCCCCC;} span#news { line-height:140%; } /******************* tableaux ***************************************/ table {margin-left:30px; margin-right:10px; border-collapse:collapse;} th {vertical-align:middle; text-align:center;} td, th {padding:5px; border:solid 1px #aaaaaa; background:#fafafa;} table.calendrier {width:90%;} /** dates passées **/ .datepassee {color:#999;} table#tarifs td.prix {text-align: center;} /******************************************/ form#miniform table { margin:0; margin-top:37px; margin-left:5px; padding:0; background-color:none; border:none;} form#miniform table td {margin:0; padding:0px; background:none; border:none;} form#miniform { ;margin-left:28px; display:block; height:91px; background: url(/generalites/images/bk-mini-form_190_4.gif) no-repeat; padding:3px 0 0 7px; } form#miniform label { color: #FFF; font-size:80%; margin:0; padding:0;} form#miniform input{ font-size:10px; border:none; } form#miniform input#valider { height:20px; width:20px; position:relative; top:4px; left:10px;} form#miniform input#email { width:103px; height:15px; } form#miniform input#autreMontant { width:70px; height:15px;} object#compteur {display:block; margin-right:70px; float:right;} /********************* sIFR **************************/ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; font-size:2em; }