/* @group Default */ h1, h2, h3, h4, h5, h6 {font-weight: normal;} ul, li {list-style-type: none;margin: 0;padding: 0;} p {margin: 0;} a img {border: none;} img {behavior: url("win_png.htc");} h1, h2, h3, h4, h5, h6 {margin: 0; } h3{text-align: center;font-weight: bold;padding-top: 20px;clear: both;} address{margin: 1em 0 2em 0;} img.bouton{height:15px;width:15px;margin-top:2px;} fieldset {border: none;} legend {font-size: 18px;font-family: courier, monospace;margin-bottom: 10px;} fieldset p {margin: 6px 0 18px 0;} label {font-weight: bold;font-size: 12px;} .click{cursor: pointer;} input.loginb{margin: 0 0 0 2px;width:120px;} table{border-collapse: collapse;border-spacing: 0px;} .italique{font-style: italic;} /* @end */ /* @group navigation */ #navigation a {color: #FFF;font-family: 'Century Gothic', 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;font-size: 11px;text-decoration: none;} #navigation a:hover {color: #f00;} #navigation li {display: inline;padding-right: 1.7em;} #music #navigation li.noMusic{display: none;} #navigation li.music{display: none;} #music #navigation li.music{display: inline;} /* @end */ /* @group Corps */ #corps h4 {font: bold 11px Verdana, Arial, sans-serif;line-height: 18px;color: #222;} #corps a {color: #555;} #corps .listageconteneur {margin-bottom:2em;} #corps h2{font: bold 10px Verdana, Arial, sans-serif; margin: 0 0 10px 0;padding: 5px 0 5px 5px;border-bottom: 1px solid #ccc;text-transform: uppercase;background: #eee;height:16px;clear: both;} #corps h2 img, #dash .bulle h2 img{width:15px;margin:0px;margin-right:5px;} #corps h4 a {color: #222;text-decoration:none;} /* @end */ /* @group Contexte1 */ #contexte1 h2.deplier,#contexte1 a.deplier {background: url('/img/icones/puce.gif') center right no-repeat;padding-right:18px;cursor:pointer;} #contexte1 .listagebloc {padding-bottom:6px;border-bottom: 1px solid #ccc;margin-bottom: 6px;text-align: left;} #contexte1 .menu {padding-bottom:6px;border-bottom: 2px double #ccc;margin-bottom: 10px;text-align: left;} #contexte1 a {color: #222;text-decoration: none;} #contexte1 .menu a {color: #222;font-size: 12px;text-decoration: none;} #contexte1 h2,#contexte1 a.h2 {font-size: 12px;margin-bottom:8px;} #contexte1 .menu h2, #contexte .menu a.h2 {font-size: 12px;font-weight:bolder;margin-bottom:8px;} #contexte1 h4 {margin: 12px 0 6px 0;} /* @end */ /* @group Cartouche auteurs dates */ #corps .dateauteurs{color: silver;font-size: 10px;font-variant: normal;border-bottom-style: solid;border-bottom-color: #f00;text-align: right;} #corps .dateauteurs a{text-decoration: none;color: silver;} #corps .dateauteurs a:hover, #corps .dateauteurs a:focus{text-decoration: underline;} /* @end */ /* Articles */ #corps .texte span.outart{width: 200px;position: relative;right:-400px;top:30px;} #corps .texte span.outart img{margin-right:2px;} #corps .texte p.chapeau {line-height: 150%;font-weight: bold;font-size: 11px;color: #444;} #corps .texte {line-height: 150%;font-size: 11px;text-align: justify;margin: 10px;} #corps .texte img.photos_index_pay{width: 300px;margin: 15px;} #corps .texte img.photos_index_por{height: 200px;margin: 15px;} #corps .texte p{margin-bottom:20px;color: #666;font-size:12px;display:block; } #corps .texte img.icone{width: 300px;float: left;margin: 5px;margin-right: 10px;} .listagebloc img.icone{width: 150px;margin: 5px;margin-right: 10px;} #corps .texte img.img_art{width: 300px;margin: 5px;margin-left: 25%;} /* Liens */ #corps .texte a.externe{background:transparent url("/img/icones/link/link_icon.gif") no-repeat scroll 0 1px;padding:1px 0 1px 15px;} a.wiki{background:transparent url("/img/icones/link/wp.gif") no-repeat scroll 0 1px;padding:1px 0 1px 20px;} a.intra{background:transparent url("/img/icones/link/windows.gif") no-repeat scroll 0 1px;padding:1px 0 1px 20px;} a.carte{background:transparent url("/img/icones/link/7monde.png") no-repeat scroll 0 1px;padding:1px 0 1px 20px;} a.mail{background:transparent url("/img/icones/link/mailt.gif") no-repeat scroll 0 1px;padding:1px 0 1px 20px;} a.article{background:transparent url("/img/icones/articles.gif") no-repeat scroll 0 1px;padding:1px 0 1px 20px;} a.event{background:transparent url("/img/icones/link/mailt.gif") no-repeat scroll 0 1px;padding:1px 0 1px 20px;} a.feed {margin-left: 3px;padding: 1px 0 1px 19px;background: url("/img/icones/link/feed.png") no-repeat 0 50%;} a.twitter {margin-left: 3px;padding: 1px 0 1px 19px;background: url("/img/icones/twitter_logo.png") no-repeat 0 50%;font-size: 12px;} a.facebook{margin-left: 3px;padding: 1px 0 1px 19px;background: url("/img/icones/facebook.gif") no-repeat 0 50%;font-size: 12px;} /* ENCART Actu */ #corps .texte .encart{cursor:pointer;margin:10px;border-bottom:1px solid #CCC} #corps .texte .encart span.img{float:left;margin-right:5px;} #corps .texte .encart span.titre{color:#000;font-size:12px;font-weight:bolder;} #corps .texte .encart .cartouche{color:#BBB;} #corps .texte .encartxt{display: block;border:1px solid #CCC;padding:15px;} #corps .texte .encartalbum{height: 160px;} #corps .texte .encartalbum p{margin-bottom: 0px;} #corps .texte .encartxt span.icone{float:right;} #corps .texte .encartxt span.icone img.paysages{width:200px;height: auto;margin:10px;} #corps .texte .encartxt span.icone img.portrait{height:140px;width: auto;margin:10px 60px 10px 20px;} #corps .texte .encartxt div.album {background-color:none;float:none;height:75px;width:100px;float: left;} #corps .texte .encartxt div.album img.paysages{width:100px;} #corps .texte .encartxt div.album img.portrait{height:75px;} /* ALBUM partenaires et adminAlbum */ #corps .texte div.album img.paysages{width:150px;height: auto;float: none;} #corps .texte div.album img.portrait{height:113px;width: auto;float: none;} #corps .texte div.albumAdmin img.paysages{width:40px;height: auto;float: none;} #corps .texte div.albumAdmim img.portrait{height:30px;width: auto;float: none;} #corps .texte div.albumAdmim, #corps .texte div.album, #corps .texte div.lien{margin: 10px;text-align:center;background-color:#FFF;border:solid #DDD 1px;padding:10px;overflow:hidden;} #corps .texte div.albumAdmim h2, #corps .texte div.album h2, #corps .texte div.lien h2 {clear: none;margin-bottom:5px;margin-left:5px;font-size:115%;border-bottom:solid 1px #222;text-transform: none;background: none;} #corps .texte div.lien h2, #corps .texte div.lien p{text-align: justify;} #corps .texte div.album,#corps .texte div.lien {float:left;height:150px;width:150px;} #corps .texte div.albumAdmim{float:left;height:90px;width:90px;} #corps .texte div.albumAdmim img, #corps .texte div.album img{margin:0px;} #corps .texte div.lien a.externe{background:none;padding:0;} #corps .texte div.lien img{margin:0px;float:none;width: 200px;} #corps .texte div.lien span{display:none;} #corps .texte div.albumAdmim:hover, #corps .texte div.albumAdmim:focus, #corps .texte div.album:hover, #corps .texte div.album:focus, #corps .texte div.lien:focus, #corps .texte div.lien:hover{border:solid #222 1px;z-index:25;} #corps .texte div.lien:focus, #corps .texte div.lien:hover span{ display:block;position:absolute;top:30px; left:200px; width:600px;height:150px;border:1px solid #222;background-color:#FFF8F8; color:#666666;text-align: justify;font-weight:none;padding:5px;overflow: hidden;} #corps .texte div.albumAdmim a,#corps .texte div.album a{text-decoration:none;} /* AUTRES */ #corps .texte ol, #corps .texte ul {margin-left:20px;} /* Listage bloc */ #corps .listagetexte{text-align: justify;font-size:12px;} #corps .listageinfo{text-align: right;} #corps h4.listagetitre {text-align: center;font-size: 14px;font-weight: bold;padding-bottom: 4px;} #corps .listagesuite a:hover{font-weight: bold;} /* fenetre */ #fenetre p{text-align: center;color: #ff9933;font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;margin: 10px;} #fenetre form{margin: 15px;text-align: center;padding: 5px 10px 3px;} #fenetre h1{font-family: futura, 'Century Gothic', 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;font-size: 28px;text-align: center;color: #f00;} /* citation */ .citation{border-top:#CCC solid 1px;clear:both;text-align:center;font-size:12px;margin-bottom: 15px;} .citation strong{font-size:20px;font-weight:bold;} .citation em{font-size:10px;} .msg_info{background:#666666 url(/img/icones/msg-std.png) no-repeat scroll 5px 5px;padding-bottom:1em;padding-top:1em;color:#FFFFFF;-moz-border-radius:8px;margin-bottom:1em;padding:0.5em 0.5em 0.5em 40px;} .msg_warm{background:#666666 url(/img/icones/msg-error.png) no-repeat scroll 5px 5px;padding-bottom:1em;padding-top:1em;color:#FFFFFF;-moz-border-radius:8px;margin-bottom:1em;padding:0.5em 0.5em 0.5em 40px;} #loc{position: absolute;top:38px;background:#FFFFFF no-repeat scroll;text-align:center;left:680px;width:164px;height:30px;-moz-border-radius:8px;overflow:hidden;z-index: 1;} #loc:focus,#loc:hover{left:740px;} #loc a {text-decoration: none;font-weight:600;} #loc a:focus,#loc a:hover{font-weight:600;text-decoration: none;} #loc span.logo{float: right;margin-right: 1px;margin-top: 5px;} #loc span.text{position: relative;top:1px;left: 40px;} #lang{padding:5px;position: absolute;top:5px;background:#FFFFFF no-repeat scroll;left:670px;width:164px;height:20px;-moz-border-radius:8px;overflow:hidden;z-index: 1;} #lang:focus,#lang:hover{left:740px;} #lang span.thisLang{float: right;margin-right: 1px;} #lang span.listLang{margin-left: 75px;} #logo_part {clear: both;text-align:center;margin: auto;height: 70px;} #logo_part img {width:60px;height:auto;padding-top: 10px;} #logo_part img.paysage{height: 40px;width: auto;padding-top: 10px;} #head {background: #FFFFFF;margin:10px;padding:5px;border: 1px solid #DDDDDD;-moz-border-radius:8px;} #note{position: absolute;top:-60px;left:750px;width: 100px;} #note img{width: 100%;} #guitare{position: absolute;top:-74px;left:-80px;width:340px;} #guitare img{width: 100%;} input.lsb {font-family:arial,sans-serif;font-size:15px;height:1.85em;margin:0.2em;border: solid 1px #DDD;color: #AAA;} input.lsb:focus,input.lsb:hover {background-color:#FAFAFA;border-color:#AAAAAA;color: #000;} input.lsd {font-family:arial,sans-serif;font-size:15px;width:435px;border: solid 1px #DDD;} input.lsd:focus,input.lsd:hover {background-color:#FAFAFA;border-color:#AAAAAA;} textarea.lsd{font-family:arial,sans-serif;font-size:15px;padding: 5px;border: solid 1px #DDD;} textarea.lsd:focus, textarea.lsd:hover {background-color:#FAFAFA;border-color:#AAAAAA;} select.lsd {font-family:arial,sans-serif;font-size:15px;width:455px;border: solid 1px #DDD;} select.lsd:focus,input.lsd:hover {background-color:#FAFAFA;border-color:#AAAAAA;} select.lsc{font-family:arial,sans-serif;font-size:15px;width: 150px;text-align: center;border: solid 1px #DDD;} select.lsc:focus,select.lsc:hover {background-color:#FAFAFA;border-color:#AAAAAA;} input.lsc{font-family:arial,sans-serif;font-size:15px;width: 150px;text-align: center;border: solid 1px #DDD;} input.lsh:focus,input.lsh:hover,input.lsc:focus,input.lsc:hover {background-color:#FAFAFA;border-color:#AAAAAA;} input.lsh{font-family:arial,sans-serif;font-size:15px;width: 50px;text-align: center;border: solid 1px #DDD;} #une {float:left;margin-left:10%;margin-bottom:15px;position:relative;} #modulediaporama {width:500px;} #une .box_diapo {border:1px solid #D0D1CF;float:left;} #une a.link_alaune {color:#FFFFFF;cursor:pointer;float:left;text-decoration:none;} #une .text_alaune {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/img/icones/overlay.png) repeat scroll 0 0;bottom:0;cursor:pointer;height:116px;padding:5px 10px;position:absolute;width:478px;z-index:2;} #une .box_text_alaune_onebox {cursor:pointer;height:90px;line-height:140%;overflow:hidden;} #une .titre_diaporama {cursor:pointer;display:block;font-family:"Trebuchet MS",Georgia,"Times New Roman",Times,serif;font-size:20px;font-weight:bold;line-height:120%;padding-bottom:2px;} #une .read_news {cursor:pointer;float:right;padding-top:8px;} #modulediaporama img {border:medium none;height:320px; width:498px;} #ui-datepicker-div{z-index: 15;} .ajax{cursor: pointer;} .ajax_tactu{cursor: pointer;} span#une.ajax{float:none;margin:auto;} .toolip em{display:none;} .toolip:hover {border:0;position: relative;z-index: 25;} .toolip:hover em{font-style:normal;font-weight:normal;display: block;position: absolute;top: 20px;left: -10px;padding: 5px;color: #000;border: 1px solid #bbb;background: #ffc;width:170px;} #barre_member a.toolip {margin-right: 5px;} table.admin th, table.admin td {border-color:#CCCCCC;border-style:solid;border-width:0 0 1px;padding:3px 5px;vertical-align:top;} table.admin tr.line:hover {background : #ddd;} table.admin th, table.admin td {border-width : 0 0 1px 0;border-style : solid;border-color : #ccc;padding : 3px 5px;vertical-align : top;} table.admin th {text-align : left;border-bottom-color : #666;} table.admin .maximal{width : 400px;} table.admin .min {width : 5px;} table.admin .type {width : 110px;} table.admin .minimal {width : 1px;} table.admin .normal {width : 60px;} table.admin .auteur,table.admin .date {width : 120px;} table.admin .nowrap {white-space : nowrap;} table.admin td.status {vertical-align: middle;} table.admin td.status img {margin-bottom: -2px;} table.admin td.status a {border: none;} table.admin tr.line img.expand {margin-right: 0px;margin-bottom: -2px;} table.admin tr.line input {vertical-align: top;} table.admin tr.expand td {border-bottom: none;} table.admin td.expand {padding: 1em;} table.admin a{text-decoration: none;} #loading{border: 1px solid #DDDDDD;-moz-border-radius:8px;position: absolute;top:20px;left: 35%;z-index:1000;width: 218px;height: 20px;padding: 20px;background: #ffffff;} .listeObjects{clear:both;margin-top: 120px;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(/img/icones/overlay-t.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/img/icones/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/img/icones/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/img/icones/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/img/icones/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/img/icones/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/img/icones/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/img/icones/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/img/icones/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/img/icones/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/icones/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/img/icones/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/img/icones/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/img/icones/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icones/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icones/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icones/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icones/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icones/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icones/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icones/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icones/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}