/**************************/
/** Structure de la page **/
/**************************/

body {
font-family: arial;
font-size: 14px;
padding:0;
margin:0;
background-color: #45395f;
background-image : url('gfx/main.png');
background-repeat : repeat;
}

.sheet{
background-color : white;
width:950px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom : 0x;
padding-top:0px;
}

.main {
width : 900px;
padding-left : 25px;
padding-right : 25px;
padding-top : 15px;
padding-bottom : 15px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom : 0x;
color : black;
height : 100%;
background-image : url('gfx/center3.png');
background-repeat : repeat-x;
}

.container{
width : 1040px;
background-image : url('gfx/center.png');
background-repeat : repeat-y;
margin-left:auto;
margin-right:auto;
}

/*****************************************/
/** Eléments communs à toutes les pages **/
/*****************************************/

.main_menu{
width: 900px;
margin-left:auto;
margin-right:auto;
padding-left : 25px;
padding-right : 25px;
height:50px;
background-image : url('gfx/menu2.png');
background-repeat : repeat-x;
border-bottom : 2px groove black;
border-top : 1px groove black;
text-align:center;
}

.main_menu a{
color : white;
font-size : 20px;
}

.main_menu a:hover{
text-decoration : none;
color : white;
}

.main_menu td{
height:50px;
padding-left : 15px;
padding-right: 15px;
border-left:2px groove #002B56;
border-right:2px groove #002B56;
border-bottom : none;
}

.main_menu td:hover{
border-bottom : 3px solid #EA8500;
}

.top{
margin : 0px;
padding : 0px;
height : 70px;
padding : 5px;
text-align : right;
color: black;
font-size:15px;
background-image : url('gfx/top.png');
}

.top:before{
content : url('gfx/home.png');
float:left;
margin-left:20px;
}

.top p{
margin-top:25px;
}

/***************************************************/
/** mise en forme générale pour un style cohérent **/
/***************************************************/

h1{
text-align : center;
font-size : 25px;
}

a{
text-decoration : none;
color : #0060A4;
}

a:hover{
text-decoration : underline;
color : #EA8500;
}

.info {
font-style : italic;
}

form{
display : block;
margin-left : auto;
margin-right : auto;
}

label{
display : block;
float:left;
text-align : right;
padding-right : 5px;
font-weight : bold;
margin-bottom : 5px;
}

input {
border : 1px solid #13294B;
background-color : #EDF0FF;
margin-bottom : 5px;
}

input:focus,select:focus {
background-color : #B9CEFF;
}

input[type=button],[type=submit]{
background-color : #B9CEFF;
color : black;
-moz-border-radius : 5px; 
}

textarea{
border : 1px solid #13294B;
background-color : #EDF0FF;
}

legend {
border : 1px solid #13294B;
background-color : #EDF0FF;
}

fieldset{
border : 1px solid #13294B;
margin-bottom : 10px;
}

select{
background-color : #EDF0FF;
border : 1px solid #13294B;
margin-bottom : 5px;
}

form p.submit{
text-align : center;
}


pre.code{
border : 1px solid #003669;
background-color : #F2F2F2;
width : 650px;
margin-left:auto;
margin-right:auto;
padding : 5px;
white-space: pre-wrap;
}

hr{
color : #BFBFBF;
border : none;
background-color : #BFBFBF;
height : 1px;
}

.hidden{
display : none;
}

/***************************/
/** Elements particuliers **/
/***************************/

.news{
float : left;
width : 650px;
padding-right : 15px;
border-right : 3px dotted gray;
}

.article{
width : 750px;
margin-left : auto;
margin-right : auto;
line-height:130%
}

.news_add label{
width : 100px;
}

.news_add textarea{
width : 650px;
}

.comment_add textarea{
width : 650px;
}

.news_add input[type=text]{
display : block;
width : 650px;
}

.news_head{
/* border-bottom : 1px solid #0060A4; */
border-bottom : 1px solid #BFBFBF;
}

.news_head h2{
margin-bottom : 5px;
font-size : 18px;
}

.news_head:before{
content : url('gfx/news.png');
float:left;
padding-top : 8px;
margin-right : 5px;
}

.news_head p{
margin : 0px;
margin-bottom : 5px;
}

.news p.comments{
margin-top:0px;
text-align : right;
}

.quickview{
width : 220px;
float:right;
}

.quickview h2{
margin : 0px;
padding:0px;
background-color : #BFBFBF;
-moz-border-radius : 5px;
-khtml-border-radius : 5px;
padding-top : 3px;
padding-bottom : 3px;
color : white;
text-align : center;
font-size : 17px;
}

.quickview ul{
list-style : none;
padding-left:0px;
}

.quickview li{
margin-bottom : 8px;
}

.quickview li:before{
content : "> ";
color : gray;
}

.quickview td{
border: 0px;
}

.quickview table{
margin-bottom : 10px;
}

form.userform {
display : block;
margin-left : auto;
margin-right : auto;
width : 600px;
}

form.userform label{
width : 200px;
}

.comment_content{
border : 1px solid #BFBFBF;
-moz-border-radius-bottomleft : 10px;
-moz-border-radius-bottomright : 10px;
-khtml-border-bottom-left-radius : 10px;
-khtml-border-bottom-right-radius : 10px;
padding : 5px;
margin-bottom : 20px;

}

h3.comment{
margin : 0px;
padding-left:5px;
border : 1px solid #BFBFBF;
-moz-border-radius-topleft : 7px;
-moz-border-radius-topright : 7px;
-khtml-border-top-left-radius : 7px;
-khtml-border-top-right-radius : 7px;
background-color : #BFBFBF;
font-weight : normal;
font-size : 15px;

}

.second_menu{
text-align:center;
}

#connection label{
width:150px;
}

form#connection{
position : absolute;
top:50%;
left:50%;
margin-left:-320px;
margin-top:-95px;
padding:20px;
display : block;
width:600px;
height:160px;
background-color : white;
border : 5px solid #1E5E7C;
}

#connection fieldset{
margin : 0px;
}

.infobox {
margin-left:auto;
margin-right:auto;
border : 2px solid #3A8433;
width : 500px;
margin-top : 20px;
margin-bottom : 20px;
padding-left : 15px;
padding-right : 15px;
padding-top : 5px;
padding-bottom : 5px;
background-color : #ACFFA4;
font-size : 15px;
}

.infobox:before {
float:left;
content : url('gfx/ok.png');
}

.errorbox {
margin-left:auto;
margin-right:auto;
border : 2px solid #912B2D;
width : 500px;
margin-top : 20px;
margin-bottom : 20px;
padding-left : 15px;
padding-right : 15px;
padding-top : 5px;
padding-bottom : 5px;
background-color : #FF4C4F;
}


table {
border-collapse : collapse;
margin-left : auto;
margin-right : auto;
}

th {
border-bottom : 2px solid #434343;
}

td {
border-bottom : 1px dotted gray;
padding : 5px;
}

.file th{
border:none;
border-bottom: 2px solid black;
}

.file td{
border:none;
}

caption{
text-align : center;
margin-bottom : 10px;
font-size : 18px;
font-weight : bold;
}

.upgraded{
color : green;
}

.installed{
color : green;
}

.removed{
color : red;
}

.date{
font-style : italic;
}

.news_content table
{
border-collapse:collapse;
}

.news_content table, th, td
{
border: 1px solid #003669;
}

.news_content th{
background-color : #9AB7FF;
}

.news_content a img{
border-style:none;
}

.news_content img{
margin-right:10px;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
}

.news_content .caption{
border :1px solid gray;
padding:7px;
}

.sommaire{
display : table-cell;
border : 1px solid #003669;
list-style-type : none;
padding : 10px;
}

.sommaire ul{
list-style-type : none;
}

.sommaire:before{
content : "Sommaire";
display : block;
width : 70px;
margin-left: auto;
margin-right : auto;
font-weight : bold;
}