/* CSS Created by Stanto */


/*///////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////// Mise en page ///////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/


/* Ici on defini une couleur bleue pour le fond, une police pour toute la page ainsi qu'une taille */
html {
height : 100%;
}

img {
border : 0px;
}

img a{
text-decoration : none;
}

img a:hover{
	text-decoration : none;
}

a {
	color : #000;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}



body{
/*background-color: #597DA2;*/
background-image: url('img/main/fond_page.png');
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
color: #707276;
font-size: 10px;
margin-top: 0px;
margin-bottom: 0px;
margin-left : 0px;
margin-right :  0px;
}

#backgroundPage{
width: 100%;
min-height: 100%;
background-image: url('img/main/degrade_page.png');
background-repeat: repeat-x;
}

textarea{
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
color: #000;
font-size: 10px;
}


/*
a{
color: #0F53BF;
}*/

img {
border : 0px;
}


/* Le conteneur permet de centrer la page et evite que les elements partent dans tous les sens ! Tres important ! */

#container{
position: relative;
margin-left : auto;
margin-right : auto;
width: 800px;
min-height: 100%;
padding-left: 40px;
padding-right: 40px;
background-image: url('img/main/fond_principal.png');
}

/* Et ca c'est pour remplir la page vu que le footer est fixe en bas...*/
#shadow {
background-image: url('img/main/fond_principal.png');
background-repeat: repeat-y;
background-position: center top;
background-attachment: fixed;
vertical-align: top;
margin-left : auto;
margin-right : auto;
width: 880px;
position: fixed;
visibility: visible;
height: 100%;
padding-left: 40px;
padding-right: 40px;
}


/* Cela correspond a la banniere.. L'image est en background pour pouvoir ecrire par dessus sans creer un autre div. */

#banner{
height: 100px;
width: 800px;
}

#menu{
width: 535px;
height : 30px;
background-image : url('img/fr/menu/bg.png');
padding-top : 13px;
padding-left : 28px;

}

#end_menu{
text-align :  right;
float :  right;
}

#inner {
float: left;
width: 571px;
}

#contenu{
padding-left: 35px;
width: 515px;
padding-bottom :  10px;
}

#menu{
float: right;
width: 215px;
height: 44px;
padding-left :  14px;
}

#menu ul{
	padding-left : 14px;
}

#menu #haut_colonne{
margin-left :  -14px;
margin-bottom : -1px;
}

#menu .menu_liens ul{
	padding-left : 28px;
	list-style-type : none;
}

#menu .text img{
	padding-right : 6px;
}


#content{
/*padding-bottom :  90px;*/
}


#footer {
clear: both;
/*position: absolute;*/
bottom: 0px;
position: fixed;
/*color: #666666;*/
border-top-width: 1px;
border-top-style: solid;
border-top-color: #B2B2B2;
padding-top: 2px;
padding-bottom: 2px;
background-color: #DADADA;
text-align: center;
width: 800px;
}

#fixe_fond {
clear: both;
/*position: absolute;*/
bottom: 0px;
/*position: fixed;*/
color: #666666;
padding-top: 1px;
padding-bottom: 1px;
text-align: center;
width: 800px;
}

#comptes td{
text-align:center;
   font-size: 10px;
}

#comptes th{
text-align:center;
   font-size: 10px;
}

#comptes tr.gris{
background-color: #F2F2F2;
font-weight: bold;
}

.black{
color : black;
}

.green{
color : green;
}

.red{
color : red;
}

.bold{
font-weight: bold;
}

.italique{
font-style: italic;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;

}

.shadow{
/*font-weight: bold;
text-shadow: 0.2em 0.2em 0.2em #999;
color : #222;*/
}

.hidden{
display : none;
}
/* Partie Detail du logiciel */

#top_detail{
font-size: 15px;
color : #000000;
}

#top_detail .right{
margin-top : 5px;
}

.left {
text-align: left;
float: left;
vertical-align: middle;
width: auto;
}

.left img{
vertical-align: middle;
}

.left .titre{
width: 208px;
}

.right {
text-align: right;
float: right;
vertical-align: bottom;
}

.right img{
margin-bottom: 10px;
}

.spacer {
clear: both;
}

#detail{
/*width: 520px;*/
border: 1px solid #CDCDCD;
}

#detail .noir{
color: #444444;
}

.texte {
padding-left: 3px;
padding-right: 3px;
padding-top: 2px;
}

.titre{
width: auto;
font-size: 10px;
font-weight: bold;
color: #000000;
background-color: #E6E6E6;
display: block;
margin-top: 10px;
padding: 2px 0px 2px 5px;
}

.titre:first-child{
margin-top: 0px;
}

#remarque{
margin-top: 10px;
margin-bottom: 10px;
font-style: oblique;
}

#dot{
width: 100%;
border-bottom: 1px dotted #CDCDCD;
}


.news{
/*display: block;*/

padding :  0px 5px 0px 5px;
}

.news .titre_news{
font-weight: bold;
}

.news:first-child{
}

.del_news {
float: right;
margin-right :  -5px;
vertical-align :  bottom;
bottom :  0px;
}
.del_news{
vertical-align:text-top;
}

.liste_equiv{
margin-left : 20px;
margin-top : 5px;
margin-right : 40px;
padding : 2px 0px 4px 5px;
border : 1px dotted #999;
background-color : #E1E1E1;
}

.liste_equiv img{
margin-top : 3px;
margin-bottom : -1px;
border : 0px;
}

.initiale{
color : #999;
margin-bottom : 2px;
margin-top : 5px;
}

#listeEquivalences{
	clear:both;
	display : block;
}

#listeEquivalences h1{
text-align : center;
color : #333;
font-size : 20px;
margin-bottom : 5px;
/*text-shadow: 0.2em 0.2em 0.2em #999;*/
}

#edition_equiv{
text-align : right;
margin-bottom : 20px;
}

.liste_eq_left{
float : left;
width : 170px;
}

#wiki .spacer{
height : 4px;
}

#menu_wiki_global {
/*font: 13px Verdana, sans-serif;*/
text-align : center;
line-height : 20px;

}

#menu_wiki_global ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

#menu_wiki li {
float: left;
vertical-align : middle ;
}

#menu_wiki a {
margin: 0 2px;
padding : 0 5px;
width: auto;
min-width : 70px;
height: 20px;
display: block;
text-align: center;
border: 1px solid gray;
border-bottom : none;
text-decoration: none;
color: #000;
background: #fff;
}

#menu_wiki a:hover {
background: #ccc;
border: 1px solid gray;
border-bottom : none;

}

#menu_wiki a:active {
background: gray;
border: 1px solid gray;
border-bottom : none;
color: #fff;
}

#afficheWiki{
clear:both;
display : block;
border: 1px solid gray;
padding : 10px 10px 10px 10px;
}

#listeFreewares{
clear:both;
display : block;
border: 1px solid gray;
padding : 10px 10px 10px 10px;
}


#afficheWiki textarea{
width : 490px;
height : 490px;
}

#wiki_edit_buttons{
text-align : center;
}

#wiki h1, h2, h3{
color : #000;
text-align : center;
/*text-shadow: 0.2em 0.2em 0.2em #999*/
}

/* Voila tous les styles pour les tableaux.. cest chiant mais bon.. sa se fait.... */

table{
margin-top: 10px;
}

td.c1 {
   padding-left: 16px;
   width: 200px;
}

td.c2 {
   width: 106px;
}

td.c3 {
   width: 106px;
}

td.c4 {
   width: 70px;
}

td.c5 {
   width: 37px;
}

td.c6 {
   width: 43px;
}
.liste_texte{
	color : #666;
}

#detail_logiciel p, #liste_freewares p, #listeEquivalences p, #listeNews p, #contact p, #contact_form, #developpers p, #developpers_form, #connexion{
	padding-left : 50px;
	padding-right : 40px;
	clear:both;

}

#infos_notation p{
margin-top : 2px;
margin-bottom : 2px;
line-height : 15px;

}


#infos{
float:left;
width : 255px;
padding-right : 0px;
margin-left : 0px;
}
#infos p{
padding-right : 5px;
}

#telecharger{
float: left;
color : #191B1B;
text-align : center;
width : 60px;
margin-top : 80px;
}

#telecharger_texte{
margin-top : -10px;

}

#telecharger_texte a{
	text-decoration : none;
	color : #000;
}

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

#infos img{
}

#notation{
float:right;
width : 255px;
padding-left : 0px;
padding-right : 0px;

}




#notation img{
margin-bottom : -2px;
}

#more p{
padding-top : 15px;
margin-top : 2px;
line-height : 12px;
}

#more img{
float : left;
padding-right : 5px;
}


#notation p{
padding-left : 35px;
}

#detail_titre, .liste_titre, .news_titre{
color : #000;
font-size : 13px;
padding-left : 10px;
padding-top : 10px;
}

.news_titre{
	margin-left : 39px;
}


#detail_titre img, .liste_titre img{
padding-right : 7px;
}


.titre_logiciel{
float:left;
}

.version_logiciel {
float:right;
margin-right : 40px;
}

.v_version{
font-size : 10px;
}

.titre_logiciel, .version_logiciel{
margin-top : 7px;
}
/*
#telecharger{
color : #191B1B;
clear:both;
width : 101px;
margin-left : auto;
margin-right : auto;
text-align : center;
margin-bottom : -15px;
}*/


#telecharger img{
}

#telecharger p{
}
#infos_notation, #commentaires, #detail_equivalences{
margin-top : 20px;
}
#commentaires p{
z-index : -10;
margin-top : 2px;
margin-bottom : 2px;
}

.commentaires_texte{
z-index : -20;
display : block;
top : 0px;
}

#bouge div{
padding : 10px 5px 5px 5px;
width : 60px;
height : 55px;
margin : 0px 10px 0px 10px;
text-align : center;

display : inline;
}
#bouge a{
text-decoration : none;
}

#commentaires p{
padding-bottom : 10px;
}

#formulaire_commentaire{
padding-left : 50px;
line-height : 15px;
}

#intitule{
float : left;
line-height : 22px;
padding-right : 10px;
color : #000;
}
#champs{
float:left;
line-height : 22px;

}

.liste_sous_ligne{
	padding-left : 50px;
	padding-right : 40px;
	color : #999;
	font-size : 9px;
	display : table;
}

.liste_sous_ligne div{
	display : table-cell;
	vertical-align : top;

}





#menu{
    line-height: 17px;
}
#menu img{
    z-index : 100;
}


#menu .titre{
	font-weight: bold;
    line-height: 12px;
	margin-top : 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #E6E6E6;
	text-indent: 6px;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
}


#menu .text{
	color: #666666;
	/*background-color: #F2F2F2;*/
	padding-top: 8px;
	padding-bottom: 15px;
	padding-left: 11px;
}

#menu input{
	/*background-color : #F5F5F5;*/
}

.date{
	width : auto;
	display : inline;
	line-height : 36px;
	background-image: url('img/main/fond_date.png');
	background-position:left top;
	color : #444;
	padding-top : 14px;
	padding-bottom : 10px;
	padding-left : 15px;
}

.date img{
	padding-left : 4px;
	margin-bottom : -15px;
}


#logCommentaires{
}


.news{
	padding-bottom : 20px;
}

#listeNews .news_titrecomplet{
	margin-top : 15px;
}

#pagination_toutcourt div{
	display : table-cell;
	padding-bottom : 20px;
	line-height : 30px;
	padding-top : 10px;
}

#pagination{
	text-align : center;
	vertical-align : top;

	width : 200px;
}

#pagination_allera{
	vertical-align : top;
	text-align : right;
	width : 150px;
	padding-right : 40px
}

#pagination_par_page{
	text-align : left;
	vertical-align : top;

	width : 140px;
	padding-left : 50px;
}


#pagination_current{
/*	font-weight: bold;
/	color : #000;*/
}

#ptit_bouton{
	float:right;
}

/*.news .news_contenu{
	padding-left : 20px;
}*/




#contact_form legend {
  padding: 0 2px;
  font-weight: bold;
}
#contact_form label{
  display: inline-block;
  display : -moz-inline-box;
  line-height: 1.8;
  vertical-align: top;
}
#contact_form ol, #connexion ol {
  margin: 0;
  padding: 0;
}
#contact_form li, #connexion li {
  list-style: none;
  padding: 2px;
  margin: 0;
}

#connexion label {
  display: inline-block;
  display : -moz-inline-box;
  line-height: 1.8;
  vertical-align: middle;
}

#contact_form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#contact_form label, #connexion label {
  width: 120px; /* Width of labels */
}
#contact_form{
	color : #000;
	padding-top : 10px;
}

#connexion{
	text-align : center;
	background-image: url('img/main/carte.png');
	background-repeat : no-repeat;
	background-position: center;
	padding-top : 65px;
	height : 188px;
	color : #707276;

}


#retourContact{
	padding-left : 10px;
}