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;
}