/* CSS Document */
html{
background-color: #356F8F;
}
body#brokenglass {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
margin: 10px;
padding: 0;
}
div#header h1 {
font: italic bold 50px Georgia, Times, serif;
color: #00BFA9;
margin: 0;
padding: 73px 0 0 138px;
float: left;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}
div#header span.highlight {
color: #0C4F5F;
}
div#header h2 {
font: bold italic 1.5em Georgia, Times, serif;
color: #8f4d29;
margin: 0;
padding: 4px 0;
text-align: center;
}
div#content h2{
background-color: #eee;
border:1px solid #1A282B;
border-bottom:none;
margin: -1px 0;
padding: 0 5px;
float: left;
font-style: italic;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-radius: 10px 10px 0 0;
}
div#content h3 {
color: #0C4F5F;
margin: 0;
padding: 5px;
}
div#container {
background: url(/img/bg.jpg) #f2f3f8 top left no-repeat scroll;
border: 6px double #1A282B;
position: relative;
margin: 0 auto;
padding: 0;
width: 800px;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
-khtml-border-radius: 35px;
}
div#header {
height: 189px;
padding: 5px;
}
div#header_top {
height:160px;
}
div#header_top object#jukebox{
float: right;
margin: 5px;
}
div#header_bottom {
clear: both;
}
div#header_bottom div#header_langs{
float: left;
text-decoration: none;
padding-top: 10px;
}
div#header_bottom div#header_langs img{
border: none;
margin: 0 1px;
height: 11px;
width: 16px;
filter : alpha(opacity=70);
-moz-opacity : 0.7;
opacity : 0.7; 
}
div#header_bottom div#header_links{
float: right;
text-decoration: none;
}
div#header_bottom div#header_links img{
border: none;
margin: 0 2px;
height: 30px;
width: 30px;
filter : alpha(opacity=60);
-moz-opacity : 0.6;
opacity : 0.6; 
}
div#header_bottom div#header_links a{
text-decoration: none;
}
div#infos_statut_user{
background-color: #eee;
border: 1px dashed #1A282B;
width: 200px;
/*height: 68px;*/
float: left;
padding: 2px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
filter : alpha(opacity=80);
-moz-opacity : 0.8;
opacity : 0.8; 
margin: 5px;
}
div#pic_profile{
float: left;
border: none;
margin: 5px;
}
div#profile_content{

}
span.admin_link, span.admin_link a{
font-size: 11px;
font-weight: bold;
color: #ff0000;
display: block;
}
span.label_user{
font-size: 11px;
font-weight: bold;
color: #1A282B;
display: block;
}
span.messages_user{
font-size: 11px;
color: #1A282B;
display: block;
}
ul.navigation {
font: bold 0.8em Georgia, Times, serif;
list-style-type: none;
text-align: center;
margin: 0 auto;
clear: both;
}
ul.navigation li {
float: left;
}
ul.navigation li a {
display: block;
color: #1A282B;
width: 84px;
height: 20px;
border: 1px solid #1A282B;
border-bottom: none;
background-color: #ffffff;
margin: 0 2px;
text-align: center;
text-decoration: none;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-radius: 10px 10px 0 0;
}
ul.navigation img {
display: block;
padding: 0 10px;
border: 1px solid #1A282B;
border-bottom: none;
color: #1A282B;
background-color: #ffffff;
margin: 0 4px;
text-align: center;
cursor: pointer;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}
ul.navigation li a:hover,ul.navigation li img:hover, ul.navigation li.active a,
ul.navigation li.active img{
font: bold 1.2em Georgia, Times, serif;
color: #1BACDF;
border: 1px solid #1BACDF;
border-bottom: none;
}
form#loginForm,form#logoutForm{
display: none;
border: 1px solid #1A282B;
background-color: #C2CFCE;
position: absolute;
top: 222px;
left: 656px;
width: 135px;
padding: 3px;
z-index: 1;
/*filter:alpha(opacity=80);*/
-moz-opacity:0.8;
opacity: 0.8;
}
form#loginForm legend,form#logoutForm legend {
font: bold 0.7em Georgia, Times, serif;
color: #1A282B;
}
form#loginForm fieldset,form#logoutForm fieldset{
text-align: center;
margin: 0;
padding: 0;
}
form#loginForm input,form#logoutForm input{
font-weight: bold;
font-size: 12px;
color: #1A282B;
border: 1px solid #1A282B;
margin: 2px;
padding: 0 4px;
width: 100px;
height: 14px;
}
form#loginForm input.sbmt_style {
font-weight: bold;
font-size: 12px;
color: #1A282B;
border: 1px solid #1A282B;
cursor: pointer;
width: 70px;
height: 18px;
}
form#logoutForm input.sbmt_style {
font-weight: bold;
font-size: 12px;
color: #1A282B;
border: 1px solid #1A282B;
cursor: pointer;
width: 90px;
height: 18px;
}
form#loginForm label,form#logoutForm label {
font-weight: bold;
font-size: 12px;
color: #1A282B;
padding: 0;
margin: 0;
}
div#content {
/*background: url(/img/bg2.png) #E0E0F0 top left no-repeat scroll;*/
border-top: none;
width: 730px;
height: 500px; /*hack IE*/
margin: 0;
padding: 8px 35px 10px;
overflow-x: hidden;
clear:both;
}
html>body div#content {
height: auto;
min-height: 500px;
}
div#content abbr {
cursor: help;
}
div.section_display{
background-color: #eee;
border: 1px solid #1A282B;
clear: both;
border-radius: 0 10px 10px 10px;
-moz-border-radius: 0 10px 10px 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-khtml-border-radius: 0 10px 10px 10px;
padding-top: 10px;
padding-bottom: 10px;
}
div.item {
clear: both;
background-color: #e3e3ff;
border: 1px solid #1A282B;
margin: 0 30px 25px;
padding: 0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div.item_header{
background-color: #1A282B;
font: bold 17px Georgia, Times, serif;
color: #FBFBFA;
height: 20px;
max-height: 20px;
text-align: center;
margin: 0;
padding: 0 5px;
overflow: hidden;
border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius: 7px 7px 0 0;
}
div.item_content{
color: #1A282B;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 14px;
line-height: 14px;
font-weight: bold;
font-style: normal;
text-decoration: none;
word-wrap: break-word;
margin: 0;
padding: 10px;
min-height: 50px;
overflow: hidden;
}
div.item_footer{
background-color: #1A282B;
font: 0.7em Georgia, Times, serif;
color: #FBFBFA;
height: 15px;
max-height: 14px;
margin: 0;
padding: 0 5px;
overflow: hidden;
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-khtml-border-radius: 0 0 10px 10px;
}
span.item_footer_left{
float: left;
}
span.item_footer_left a{
color: #1BACDF;
text-decoration: none;
font-weight: bold;
}
span.item_footer_left a:hover{
color: #9FEFFF;
}
img.img_mini_icon{
width: 12px;
height: 12px;
border: none;
}
span.item_footer_right{
float: right;
}
div.pic_gallery{
width:570px;
padding:auto;
margin:auto;
text-align:center;
border:1px solid #1A282B;
background-color:#eeeeee;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div.pic_gallery_header{
font: bold 14px Georgia, Times, serif;
color: #FBFBFA;
background-color:#1A282B;
padding:5px;
border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius: 7px 7px 0 0;
}
span.pic_gallery_desc{

}
img{border:none;}
ul.pic_gallery_content,li.pic_thumb{
margin:0;
padding:0;
}
li.pic_thumb{
list-style:none;
float:left;
display:inline;
padding:3px;
}
li.pic_thumb2{
font-size:10px;
list-style:none;
float:left;
display:inline;
padding:8px;
}
li.thumb_size{
width: 72px;
height: 72px;
}
li.thumb_size2{
width: 120px;
height: 120px;
}
p#preview{
position:absolute;
border:1px solid #ccc;
background:#1A282B;
padding:6px;
display:none;
color:#fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div.pic_display{
padding:0;
}
div.pic_gallery_footer{
clear:both;
background-color: #1A282B;
font: 0.7em Georgia, Times, serif;
color: #FBFBFA;
height: 15px;
max-height: 14px;
text-align: right;
margin: 0;
padding: 0 5px;
overflow: hidden;
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-khtml-border-radius: 0 0 10px 10px;
}
button.adminButton{
font: bold 12px Verdana, Arial;
border: 2px solid #1A282B;
margin-top: 10px;
cursor: pointer;
}
div#menubar{
background-color: #b8b8b8;
font-weight: bold;
margin: 0;
font-size: 11px;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;
clear:both;
}
div#menubar a{
color: #fff;
text-decoration: none;
}
div#menubar a:hover{
color: #9FEFFF;
}
div#menubar div#breadcrumbs{
background-color: #38ACD5;
float: left;
width: 695px;
}
div#menubar div#authentification_link{
background-color: #38ACD5;
float: right;
width: 105px;
}
div.field_auth{
text-align:center;
}
input#login{
cursor: pointer;
}
div#content table {
font-size: 15px;
background-color: #E3E3FF;
border:1px solid #1A282B;
width: 90%;
margin: 10px auto;
padding: 0;
border-collapse: collapse;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div#content table tr.row0 {
background-color: #FFFFFF;
}
div#content table tr.row1 {
background-color: #CFD0FF;
}
div#content thead {
border:1px dotted #1A282B;
background: url(images/bgtable.png) #1A282B top left repeat scroll;
}
div#content tfoot {
border: 1px dotted #1A282B;
background: url(images/bgtable.png) #1A282B top left repeat scroll;
}
div#content tbody {
border: 1px dotted #1A282B;
background-color: #137A9F;
}
div#content th {
color: #FFFFFF;
padding: 2px;
height: 30px;
font-style: italic;
}
div#content th.col_date, div#content td.col_date {
font-weight: bold;
width: 22%;
}
div#content th.col_titre, div#content td.col_titre {
font-weight: bold;
width: 20%;
}
div#content th.col_lieu, div#content td.col_lieu {
width: 29%;
}
div#content th.col_desc, div#content td.col_desc {
width: 29%;
}
div#content table td {
padding: 2px 5px;
text-align: left;
}
div#content th.tab_top_header {
font: bold 0.9em Georgia, Times, serif;
}
div#content th.tab_row_header {
font: 0.8em Georgia, Times, serif;
background-color: #F3ECF1;
}
div#content th.tab_side_header {
font: 0.8em Georgia, Times, serif;
background-color: #F8EBCB;
}
div#content td {
font: 0.8em Georgia, Times, serif;
color: #00333F;
border: none;
/*padding: 5px;*/
text-align: center;
line-height: 1.5em;
}
div#content td.tab_footer {
text-align: right;
margin: 0;
padding: 0 5px;
}
div#content caption {
font: italic bold 0.8em Georgia, Times, serif;
color: #fff;
background-color: #0C4F5F;
margin: 0 auto;
padding: 2px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div#content ul {
margin: 10px;
}
div#content li.puce_fleche {
cursor: pointer;
list-style-image: url(images/item_collapsed.png);
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
div.paginationControl{
color: #1A282B;
background-color: #e3e3ff;
border: 1px solid #1A282B;
width: 250px;
margin: 10px auto;
padding: 0;
font-weight: bold;
font-size: 16px;
text-align: center;
word-spacing: -5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div.paginationControl a{
color: #0075FF;
text-decoration: none;
}
div.paginationControl a:hover{
color: #1BACDF;
}
div#footer {
font: bold 0.7em Georgia, Times, serif;
background-color: #1A282B;
color: #F8EBCB;
clear: both;
margin: 0;
padding: 10px 0;
text-align: center;
border-radius: 0 0 100% 100%;
-moz-border-radius: 0 0 100% 100%;
-webkit-border-bottom-left-radius: 28px;
-webkit-border-bottom-right-radius: 28px;
-khtml-border-radius: 0 0 100% 100%;
}
div#footer a{
color: #1BACDF;
text-decoration: none;
font-weight: bold;
}
div#footer a:hover{
color: #9FEFFF;
}
div#content table.mceEditor{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
}
div#toolbarmenu td{
line-height: 0;
text-align: center;
}
div.item_header input{
font: bold 1em Georgia, Times, serif;
color: #FBFBFA;
border: none;
background-color: #446677;
height: 20px;
width: 80%;
text-align: center;
padding: 0;
word-wrap: break-word;
}
div#comments h2{
font-size: 14px;
color: #ffffff;
background-color: #1A282B;
text-align: center;
padding: 0 5px;
margin: 0 0 5px 0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div#comments .paginationControl{
font-size: 12px;
width: 160px;
}
div#comments{
color: #1A282B;
background-color: #eeeeee;
border: 1px solid #1A282B;
margin: 10px auto;
padding: 5px;
font-size: 11px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div#comments {
width: 306px;
}
div#comments fieldset{
font-weight: bold;
border: none;
padding: 0;
margin: 5px 0 0 0;
}
div#comments textarea{
margin: 5px auto;
}
div#comments input{
cursor: pointer;
margin: 3px;
}
div#comments textarea, input{
border: 1px solid #1A282B;
font-size: 12px;
padding-top: 0;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
cursor: pointer;
}
div#comments div.comment{
margin: 5px 0;
}
div#comments div.comment div.comment_author{
color: #ffffff;
background-color: #999999;
padding: 0 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div#comments div.comment div.comment_content{
text-align: justify;
padding: 0 5px;
max-height: 150px;
overflow: hidden;
}
div#comments div.nocomment{
text-align: center;
}
div#presentation_groupe{
background-color: #ccc;
margin: 0 15px;
padding: 8px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div#presentation_groupe img{
background-color: #1A282B;
border: 1px solid #fff;
margin:10px 8px 0 0;
padding: 6px;
float: left;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div#presentation_groupe p{
color: #1A282B;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 16px;
line-height: 18px;
font-weight: bold;
font-style: normal;
text-decoration: none;
word-wrap: break-word;
text-align: justify;
}
div#content ul#membres_groupe{
list-style: none;
margin: 0;
padding: 0 15px;
clear: both;
cursor: pointer;
}
ul#membres_groupe li{
float: left;
padding: 2px;
display: block;
}
ul#membres_groupe li a{
background-color: #ccc;
display: block;
overflow: hidden;
width: 75px;
height: 240px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
ul#membres_groupe li img{
position: absolute;
border: 5px solid #1A282B;
margin-right: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
ul#membres_groupe li p{
font-size: 11px;
margin: 0;
padding: 0;
padding-top: 4px;
width: 146px;
display: block;
margin-left: 155px;
text-align: justify;
}
ul#membres_groupe li a#membres_start{
width: 305px;
}
ul#anciens_membres_groupe li span, ul#anciens_membres_groupe li img{
vertical-align: middle;
}
ul#anciens_membres_groupe li {
list-style-type: circle;
color:#1A282B;
font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size:16px;
font-style:normal;
font-weight:bold;
}
ul#anciens_membres_groupe li img{
border: 2px solid #1A282B;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
span.libelle_membre{
font-weight: bold;
}
span.titre_membre{
background-color: #0C4F5F;
color: #fff;
font-size: 16px;
font-weight: bold;
margin: 4px;
padding:0 4px;
text-align: center;
}
p.txt_compos{
text-align: center;
}
img.left{
border: 1px #1A282B solid;
clear: both;
float: left;
margin: 0 8px 8px 0;
padding: 0;
}
img.right{
border: 1px #1A282B solid;
clear: both;
float: right;
margin: 8px 0 0 8px;
padding: 0;
}
p{
margin: 8px 0 8px 0;
padding: 0;
word-wrap: break-word;
}
table#adminListArticle{
font-size: 16px;
}
div.auth_comment{
text-align: center;
}
div.captcha_left{
float: left;
}
div.captcha_right{
float: right;
padding:3px;
}
div.captcha_right_top{
width: 150px;
}
div.captcha_right_bottom{
width: 150px;
margin-top: 3px;
text-align: center;
}
input#captcha_input{
width: 100px;
text-align: center;
font-weight: bold;
left:20px;
position:relative;
letter-spacing: 3px;
}
div#form_controls{
clear: both;
}
span.lbl_captcha{
width: 100px;
font-size: 10px;
}
div#comments  input#sbmt_refresh_captcha{
float: left;
position: relative;
top: 16px;
right: 5px;
border: none;
margin: 0;
}
div.center{
text-align: center;
}
a.flag_lang{
text-decoration: none;
}
div#fileInputQueue{
border: none;
padding: 0;
margin: 10px auto;
overflow-y: auto;
width: 390px;
max-height: 175px;
}
div#upload_actions{
text-align: center;
}
div#fileBrowser {
width: 390px;
height: 300px;
border: solid 1px #1A282B;
background: #eee;
overflow: auto;
margin: 10px auto;
padding: 5px;
}
div#playerAudio {
width: 550px;
height: 275px;
margin: auto;
}