html { height: 100%; } body { font-size:13px; font-family: sans-serif; /*background-image: url('images/gen_background.jpg'); background-repeat:repeat; background-color: #000; background-attachment:fixed;*/ background: url('images/02.jpg') no-repeat top left fixed, url('images/gen_background.jpg') repeat fixed ; margin: 0; padding: 0; height:100%; width: 100%; /*color: #FFF5E6;*/ color: #000; } li { list-style-type:none; } A:link, A:visited, A:hover, A:active { /*color:#FFBE72;*/ color:#000; /*font-style:bold;*/ text-decoration:none; } A:hover { color:#FFF; /*border-right: solid 1px black; border-left: solid 1px black;*/ } table { color } .content-menu { padding-top:0px; margin-top:0px; } .content_menu ul { /*position: relative; top:-60px; left:0px;*/ margin-top:0px; margin-bottom:15px; margin-left:0px; padding-left:3px; FONT-SIZE: 1.6em; } .content_menu li { list-style-type:none; line-height:35px; /*font-style:italic;*/ /* font-weight:600;*/ letter-spacing:2px; /*font-family: serif;*/ white-space:nowrap; } #global { margin:0; } #footer { /*clear: both;*/ width: 100%; float:right; background: url(images/blacktrans4.png); font-size: 10px; line-height: 15px; padding: 10px; margin-top:15px; margin-bottom:15px; margin-right:15px; text-align: center; border: 1px solid #fff; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; } #footer A:link, #footer A:visited, #footer A:hover, #footer A:active { /*color:#FFBE72;*/ color:#fff; /*font-style:bold;*/ text-decoration:none; } #content { z-index:20; /*position: fixed; top:65px; left: 198px; right:15px; bottom:0px;*/ /* position: absolute; top: 0px; left: 198px; */ float:left; margin-left:198px; /*height: 100%;*/ background: url(images/whitetrans2.png); line-height: 15px; /*width: 750px;*/ width: 75%; padding: 10px; margin-top:65px; /*margin-right:10px;*/ /*margin-left:198px;*/ text-align: justify; border: 1px solid #000; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #content .text { padding:5px; background: url(images/whitetrans2.png); border: 1px solid #E6E6E6; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 6px; } .menubloc { width:163px; } .menubloc .title { text-align:center; font-size:1.1em; text-transform:uppercase; border-top: solid 1px #4a4646; border-bottom: solid 1px #4a4646; } #menu { position:absolute; top:0px; left: 0px; z-index:10; text-shadow:0 0 4px #444; /*background: url(images/fond_widgets.png) no-repeat;*/ background: url(images/whitetrans2.png); -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius-topleft: 0px; -khtml-border-radius-topleft : 0px; -webkit-border-radius-topleft : 0px; border-radius-topleft : 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-radius-bottomleft : 0px; -webkit-border-radius-bottomleft : 0px; border-radius-bottomleft : 0px; padding: 10px; margin-top:65px; margin-left:0px; float:left; text-align: left; border: 1px solid #000; overflow: hidden; } #menu_2 { z-index:1000; position:fixed; top:15px; left: 15px; height:35px; width:100%; text-shadow:0 0 4px #444; /*background: url(images/fond_widgets.png) no-repeat;*/ background: url(images/whitetrans3.png); -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-align: left; border: 1px solid #000000; overflow: hidden; } #menu_2 li { display:inline; margin-left:15; } #menu_2 .menubloc { display:inline; float:left; width:auto; } #title { /*border-bottom:solid 1px #4a4646;*/ text-transform:uppercase; font-size:1.4em; padding-bottom:5px; padding-left:15px; letter-spacing:5px; } .puce { text-align:center; border-style:none; margin:0; clear:both; } .img_left, .img_right, .img_center { /*position:relative;*/ vertical-align:middle; margin:5px; margin-top:5px; padding-top:5px; font-size:70%; } img { border:none; } .img_left, .img_right, .img_center { margin:10px; } .img_left img, .img_right img, .img_center img { border: solid 1px black; } .img_left { float:left; text-align:left; } .img_right { float:right; text-align:right; } .img_center { float:none; text-align:center; } .lettrine { /* position:relative; float: left; /* positionnement de la lettrine dans le conteneur*/ font-size: 2em; /* 3 hauteurs de lignes pour la lettrine*/ color: #000; line-height: 1em; } /* Haut de la page */ .center { text-align:center; width:100%; /*text-indent:100;*/ } textarea, input, select { background:black; border: solid 1px #FFBE72; /*overflow:auto;*/ color: white; filter:alpha(opacity=66); } textarea { width:100%; padding:5px; } /* pour les boutons radio, placer l'affectation de classe dans un div */ .radio input { background:transparent; border:none; } #divTooltip { Z-INDEX:1200; VISIBILITY:hidden; /* WIDTH:300px;*/ POSITION: absolute; TOP: 0px; color: #FFF; font-size: 0.8em; border:solid 1px white; border-right:solid 1px grey; border-bottom:solid 1px grey; padding:10px; background: url(images/blacktrans4.png); } .addthis_default_style { float:right; width:240px; overflow:hidden; /* border: solid 1px red; */ font-size:75%; } /*#afficher { z-index:1201; position:relative; height:100%; display:none; }*/ /* ALBUM */ #album { padding:15px; } #album .lib { /*border: solid 1px red;*/ font-size:75%; width:125px; height:40px; overflow:hidden; position: absolute; bottom:0; left:10; top:125; text-align:center; } #album .thumb { /*border: solid 1px blue;*/ float:left; position:relative; width:150px; height:160px; margin-top:10px; /*margin-right:234px;*/ /*white-space:pre;*/ } #album .tn img { border: solid 1px black; } #album .tn { /*border: solid 1px purple;*/ text-align:center; clear:both; width:100%; position:absolute; bottom: 35; left:0; /*vertical-align:bottom;*/ } #album .folder { /*border: solid 1px yellow;*/ text-align:center; width:100%; position:absolute; bottom: 20; left:0; vertical-align:bottom; } #album .preview { text-align:center; position:absolute; top:0px; left:0px; background: url(images/blacktrans4.png); width:100%; height:100%; color :#FFF; } #album .preview A:link, #album .preview A:visited, #album .preview A:hover, #album .preview A:active { color: #fff; text-decoration: none; } #album .preview .pst_img_popup img { margin:10px; border: solid 1px white; height:100%; overflow:visible; max-width:800px; max-height:800px; } #album .navbar, #album .navbar_popup { padding-top:0; margin-top:0; /* vertical-align:middle; */ /*border:solid 1px white;*/ } #album .navbar img, #album .navbar_popup img { /* vertical-align:middle; */ border:none; } #album .navbar_popup { /* border:solid 1px #818181; */ /* position:absolute; bottom:0px; left:0px; */ margin-top:15px; width:100%; /*layer-background-color: #f3f3f3; filter:alpha(opacity=66);*/ } #album_bloc { text-align:center; margin:15px; } #album_bloc img { border:solid 1px white; } #album_bloc2 { text-align:center; width:180px; max-height:125px; overflow:hidden; margin:15px; list-style:none inside; padding-left:0px; } #album_bloc2 li { width:100%; vertical-align:middle; /*border: solid 1px white;*/ } #album_bloc2 img { border:solid 1px white; } #album_bloc3 { text-align:center; width:100%; max-height:122px; overflow:hidden; margin:0px; list-style:none inside; padding-left:0px; } #album_bloc3 li { width:100%; vertical-align:middle; /*border: solid 1px white;*/ } #album_bloc3 img { border:solid 1px black; } .album_gentitle { font-weight:bold; text-align:center; font-size:150%; } #album .dir_infos { font-size:75%; line-height:1.5; text-align:center; width:100%; } #album .pst_popup div { /*background:#000000; filter:alpha(opacity=100); */ } #album .pst_text_popup { /* border:solid 1px #818181; */ width:250px; /*height:610px;*/ position:absolute; top:0px; left:0px; bottom:0px; vertical-align:middle; margin-left:15px; } #album .pst_img_popup { /*height:610px;*/ /* border:solid 1px #818181; */ position:absolute; top:0px; left:260px; right:0px; bottom:0px; margin-right:0px; padding-top:0px; padding-bottom:20px; overflow:hidden; /*width:100%;*/ } #popup_popup .title2 { font-size:200%; line-height:1.2em; } #popup_popup .dir_infos { position:absolute; bottom:0px; } #popup_popup .pst_img_popup img { /*height:470px;*/ } #popup_popup .pdfexport { font-size:75%; line-height:1.5; text-align:center; } #popup_popup .openfile_text { margin-top:50px; margin-bottom:50px; text-align:center; /* border:solid 1px red; */ } #album .close { font-size:150%; } .album_slider { z-index:8; width:280px; height:280px; margin-left: auto; margin-right: auto; border: solid 1px black; } /*--- Plug news ---*/ #news { /*text-align:center;*/ font-size: 13px; line-height: 15px; width: 730px; height: auto; padding: 10px; margin-top:0px; text-align: justify; float: right; color: #FFF5E6; } #news .head { /*border:solid 1px red;*/ padding-top:10px; } #news .title { /*border:solid 1px green;*/ font-size: 130%; font-weight:bold; /*width:300px;*/ text-align:left; float:left; border-bottom:solid 1px #4a4646; margin-left:20px; padding-bottom:2px; } #news .content { /*border:solid 1px orange;*/ clear:both; text-align:left; margin:15px; } #news .bottom { text-align:right; margin:15px; } #news .newsblock { background: url(images/content_background.png); border: 1px solid #4a4646; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 6px; margin-top:50px; } #news_bloc { text-align:center; /* margin:5px; */ } #news_bloc .content { font-size:80%; padding:5px; } .bloc_news { background: url(images/whitetrans.png); border: 0px solid #E6E6E6; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 6px; margin-top:5px; } #news .date, #news_bloc .date { font-weight:bold; font-size: 80%; text-align:center; /* padding:3px 5 5; */ -moz-border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #4a4646; background:none repeat scroll 0 0 #000000; color:#FFFFFF; } #news .date { /* position: relative; top:-60px; left:10px; */ position: relative; top:10px; right:10px; } #news .date { float:right; clear:both; } /*--- Plug events ---*/ #events { /*text-align:center;*/ /*border:solid 1px black;*/ font-size:100%; /*z-index:1;*/ padding-top:40px; } #events .event { /*border:solid 1px purple;*/ } #events .head { /*border:solid 1px red;*/ /*width:100%;*/ } #events .kind { font-weight:bold; display:none } #events .gentitle { /*font-weight:bold;*/ text-align:center; font-size:3em; } #events .title { /*border-bottom:solid 1px black;*/ FONT-SIZE: 1.8em; font-style:italic; } bloc_event .title { } #events .thumb { /*border: solid 1px red;*/ /*border: solid 1px blue;*/ float:left; position:relative; width:225px; height:190px; /*margin-right:234px;*/ /*white-space:pre;*/ } #events .date { font-size: 110%; line-height:2em; font-weight:bold; /*border-bottom:solid 1px black;*/ /*border:solid 1px yellow;*/ /*text-align:left;*/ } #events .content { margin:5px; } #events .content_1 { margin:15px; } #events .content_2 { text-align:right; } #events .bloc { margin:15px; } .event { /*border:solid 1px red;*/ padding:5px; margin-top:20px; } .bloc_event, .thumbs_event { text-align:center; /*width:225px;*/ overflow:hidden; padding-top:5px; padding-bottom:5px; /*border:solid 1px orange; float:left;*/ } .bloc_event { background: url(images/whitetrans2.png); border: 1px solid #E6E6E6; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 6px; margin-top:5px; margin-bottom:5px; padding:5px; } .bloc_kind , .thumbs_event{ font-weight:bold; font-size: 80%; color: #FFF5E6; -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #4a4646; background:none repeat scroll 0 0 #000000; } .bloc_kind{ /*display:none;*/ } .bloc_title { font-size: 120%; /* border:solid 1px green; */ } .bloc_date{ /* font-weight:bold; */ font-size: 0.9em; COLOR: #9d322f; /* border:solid 1px blue; */ } .bloc_content { font-weight:bold; font-size: 90%; } .bloc_gentitle { font-weight:bold; text-align:center; font-size:150%; } .bloc_search { margin:5px; margin-top:15px; /*border:solid 1px red;*/ } .bloc_form_lib { float:left; clear:both; /*border:solid 1px blue;*/ } .bloc_form_item { float:right; /*border:solid 1px green;*/ } .list_event { margin-top:5px; } .list_head{ /*float:left;*/ clear:both; /*border: solid 1px black;*/ } .list_kind { float:left; /*border: solid 1px purple;*/ width:100px; } .list_title { /*border: solid 1px red;*/ /*float:right;*/ text-align:left; /*float:right;*/ margin-left:450px; } .list_date { float:left; /*border: solid 1px blue;*/ width:350px; } .list_gentitle { /*font-weight:bold;*/ text-align:center; font-size:300%; } .view_head{ /*border: solid 1px black;*/ font-size: 110%; /*font-weight:bold;*/ text-align:center; line-height:30px; } .view_kind { /*border: solid 1px purple;*/ /*display:none;*/ font-weight:bold; } .view_date { /*border: solid 1px blue;*/ font-weight:bold; } .view_title { /*border: solid 1px red;*/ font-size: 200%; } .view_longtitle { /*border: solid 1px red;*/ } .thumbs_event { float:left; width:250px; height:250px; position:relative; white-space:pre; margin:5px; border: solid 1px black; } .linkmore { font-size:50%; } /* + --------------------------------------------------- + Styles appliqués au Calendrier + --------------------------------------------------- + */ #calendar { width:210px; font-size:90%; text-align:center; } #calendar .title{ font-size:100%; text-align:center; background-color:#E6D7B5; border: solid 1px black; vertical-align:middle; } #calendar .title img { vertical-align:middle; } #calendar .title A:link, #calendar .title A:active, #calendar .title A:visited { /*color:#ffffff;*/ } #calendar .title A:hover { /*text-decoration: none;*/ /*color:#CC3300;*/ } #calendar li{ list-style: none; } #libelle { width: 210px; margin: 0 auto; padding: 0; } .ligne { width: 210px; margin: 0 auto; padding: 0; } #libelle li { float : left; width : 30px; } .ligne li { /*color: #000000;*/ float : left; width : 24px; border:solid 1px #F5E6C6; margin:2px; list-style: none; text-decoration: none; } #calendar .ligne li A:link, #calendar .ligne li A:active, #calendar .ligne li A:visited { color:#ffffff; } #calendar .ligne li A:hover { color:#CC3300; } li.itemCurrentItem { background:#ffffff; border:solid 1px black; } li.itemSelectedItem { } li.itemExistingItem{ background:#818FF8; border:solid 1px black; } /* admin */ #admin { padding:15px; min-height:520px; } #admin .content_x textarea { width:200px; height:300; } #admin .lib { /*border: solid 1px red;*/ font-size:75%; width:125px; overflow:hidden; position: absolute; bottom:0; left:10; text-align:center; } #admin .thumb { /*border: solid 1px red;*/ /*border: solid 1px blue;*/ float:left; position:relative; width:150px; height:150px; /*margin-right:234px;*/ /*white-space:pre;*/ } #admin .tn { /*border: solid 1px purple;*/ text-align:center; width:100%; position:absolute; bottom: 20; left:0; /*vertical-align:bottom;*/ } #admin .admssmenu { padding-left:48; } #admin .adm_thumb { border: solid 1px black; float:left; position:relative; text-align:center; width:150px; height:150px; white-space:pre; margin:3px; padding-top:3px; } #admin .adm_lib { /*border: solid 1px red;*/ width:150px; overflow:hidden; position: absolute; bottom:0; left:0; } #admin .adm_listitems { /*clear=both;*/ /*border: solid 1px red;*/ height:20px; } #admin .adm_listitems img { vertical-align:middle; } #admin .adm_listitems ul { list-style-type:none; } #admin .adm_listitems li { padding-left:2px; padding-right:10px; display:inline; } #admin .list_icon { float:left; padding-left:2px; padding-right:2px; /*width:15px;*/ /*border: solid 1px purple;*/ } #admin .list_title, #admin .list_subtitle { /*border: solid 1px blue;*/ } #admin .list_subtitle { padding-left:45; } #admin .list_subtitle ul { list-style-type:none; } #admin .list_subtitle li { padding-left:2px; padding-right:10px; display:inline; } #admin .list_title { margin-left:0; /*border: solid 1px green;*/ } /* Barre de navigation dans le panel admin sur chaqe ecran */ #admin .admin_bar { margin-bottom:10px; } #admin .prefs textarea { width:500; height:75; } #admin .gentitle { margin-bottom:10px; font-size:120%; font-weight:bold; } .loginwindow { width:386px; height:213px; background-image: url('../../../admin/images/login_bg.png'); background-position: 0px 0px; background-repeat:no-repeat; padding:10px; padding-top:45px; padding-left:90px; color:#000000; font-style:italic; text-align:center; /*white-space:nowrap;*/ } .loginwindow input { /*float;left;*/ margin:5px; } /*--- Plug quotes ---*/ .quote { margin:15px; clear:both; display:block; } .quote .author { font-weight:bold; text-align:right; font-style:italic; width:100% } .quote blockquote { font-style:normal; } /*--- Plug links ---*/ #linkss { /*text-align:center;*/ /*border:solid 1px black;*/ text-align:left; font-size:100%; /*z-index:1;*/ } #linkss .gentitle { /*font-weight:bold;*/ text-align:left; font-size:300%; height:60px; vertical-align:middle; } #linkss .family_title { /*border-bottom:solid 1px black;*/ FONT-SIZE: 200%; padding-left:20px; padding-top:20px; width:100%; height:25px; font-weight: normal; /*background-image: url('images/links_title_background.jpg'); BACKGROUND-REPEAT: no-repeat; background-position: 0px bottom;*/ } #linkss .title { margin-left:40px; border-bottom:solid 1px white; padding-top:10px; } #linkss .content_1 { padding-left:80px; } #linkss .content_2 { margin-left:60px; padding-left:10px; border-left:solid 1px white; }