/*------------------------------------------------------*
  CSS principal du site 'JMM Code Park'
 
 	Copyright (C) 2006-2010  JM Marino (codepark@free.fr)
 *------------------------------------------------------*/


/*------------------------------------------------------*
 *---- Charte de couleur
 *------------------------------------------------------*/
/*

violet = rgb(155,0,218);

orange = rgb(251,110,5);

rouge  = rgb(255,0,56);

vert   = rgb(0,201,153);
			 = rgb(0,190,139);
 
*/

/*------------------------------------------------------*
 *---- surcharge des balises standard
 *------------------------------------------------------*/

body {
  font-family:"Gill Sans", Tahoma, Geneva, Trebuchet MS, Verdana, Arial, sans-serif;
  font-size:1.0em;  
}

h1 {
  margin-top: 4px;
  font-size:1.0em;  
  color: rgb(155,0,218);
}

h3 {
  color: rgb(155,0,218);
	margin-top: 12px;
	padding-bottom: 6px;
  border-bottom: 2px solid #cccccc;
}

dt {
	margin-top: 10px;
}

/*------------------------------------------------------*
 *---- Les box génériques
 *------------------------------------------------------*/
.box {
	border: 5px solid rgb(140,218,103);
	-moz-border-radius: 6px;
  -khtml-border-radius: 6px;	
}

/*------------------------------------------------------*
 *---- Gestion des NOTA
 *------------------------------------------------------*/
.nota {
  font-size: 0.80em;
  font-style: italic;
}

/*------------------------------------------------------*
 *---- Gestion des AVERTISSEMENT
 *------------------------------------------------------*/
#caution {
  color: white;
  background-color: red;
  font-size: 1em;
  padding: 8px;
  margin: 14px;
}

/*------------------------------------------------------*
 *---- les bannières
 *------------------------------------------------------*/
#mainBanner {
  text-align: center;
  padding: 4px;
  margin-right: 160px;
}

#tinyBanner {
  position: absolute;
  top: 4px;
  right: 60px;
  padding: 1px;
  padding-left: 200px;
  margin: 4px;
}

/*------------------------------------------------------*
 *---- les titres et les sous-titres
 *------------------------------------------------------*/
#title {
  position: absolute;
  color: rgb(253,0,0);
  top: 50px;
  left: 200px;
  font-style: italic;
  font-size: 24pt;
  padding: 3px;
  margin: 0px;
}

#version {
  position: absolute;
  color: gray;
  top: 68px;
  left: 200px;
  font-size: 14pt;
  padding-top: 2px;
}

#subtitle {
/*
	position: absolute;
*/
	color: #ed9c32;
  background-color: white;
  font-size: 16pt;
  
  text-align: center;
  border: 2px solid #cccccc;

	padding: 4px;
	margin-left: 180px;	/* pour éviter de masquer le logo = taille du logo */
	margin-top: 44px;		/* pour laisser la place à facebook */
}

#plateformlogo {
  position: absolute;
  top: 40px;
  right: 120px;
  padding: 2px;
  padding-left: 200px;
  margin: 6px;
}

/*------------------------------------------------------*
 *---- Une page, un contenu, des news et un pied de page
 *------------------------------------------------------*/
#page {
  color: black;
  background-color: white;
  background-image: url("../images/header.png");
  background-repeat: repeat-x;
  margin: 0px;
  /* pour debug */
  /* border: 1px solid grey; */
}

/*---- le contenu de la page ----*/
#content {
  position: relative;
  margin: 28px 0px 10px 170px;
  padding-right: 2px;
  padding-left: 10px;
  /* pour debug */
  /* border: 1px solid grey; */
}

/*---- Les News ----*/
#news {
  position: relative;
  margin-left: 10px;
  margin-right: 2px;
  padding: 4px;
  font-size: 1.0em;
}

#news .box {
	border: 5px solid rgb(0,201,153);
	-moz-border-radius: 6px;
  -khtml-border-radius: 6px;	
  background-color: rgb(240,246,246);
  padding: 4px;
}

#news .date{
  color: black;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0px;
}

#news .info{
  color: black;
  font-size: 1.0em;
  padding: 0px;
  padding-left: 10px;
  padding-bottom: 14px;
}


/*---- Le pied de page ----*/
#footer {
  position: relative;  
  color: gray;
  background-color: white;
  margin-top: 50px;
  margin-left: 2px;
  margin-bottom: 0px;
  margin-right: 2px;
  text-align: center;
  font-size: 0.8em;
  border-top: 1px solid #cccccc;
}

/*------------------------------------------------------*
 *---- Pub et références externes
 *------------------------------------------------------*/

/* w3c.org : validation de la page aux conformités HTML 
 */
#w3c { 
  position: absolute;
  text-align: center;
  top: 380px;
  left: 10px;
  width: 160px;
  padding-right: 2px;
}


/* Google AdSense: programme de pub sur le site 
 */
#googleadsense { 
/*
	position: absolute;
	top: 500px;
	left: 4px;
  padding-right: 2px;
*/
  position: relative;	
  width: 160px;
  margin-top: 4px;
  border: 1px solid #cccccc;		
}

/* Google Search: moteur de recherche 
 */
#googlesearch { 
  position: relative;
  /* pour debug*/
  /* border: 1px solid #cccccc;*/
}

/* phpmyvisites: moteur de statistiques 
 */
#phpmyvisites { 
  position: relative;
  padding-top: 2px;
  /* pour debug*/
  /* border: 1px solid #cccccc; */
}

/* présentation du lien avec paypal
 */
#paypal {
	padding: 10px;
}

/* facebook : liens sociaux 
 */
#facebook { 
  position: absolute;
  top: 110px;
  left: 190px;
  /* pour debug*/
  /* border: 1px solid #cccccc; */
}

/* addthis : liens sociaux (voir le site addthis.com 
 */
#addthis { 
  position: absolute;
  top: 130px;
  left: 190px;
  /* pour debug*/
  /* border: 1px solid #cccccc; */
}


/*------------------------------------------------------*
 *---- Gestion de la navigation
 #---- (voir le fichier menu_style.css pour la gestion
 #---- des menus).
 *------------------------------------------------------*/

#sectionnav {
  position: absolute;
  top: 152px;
  left: 15px;
/*
  width: 152px;
	padding: 2px;
*/
}

/*------------------------------------------------------*
 *---- Gestion des tableaux pour decrire toutes les
 *---- version disponible d'un logiciel
 *------------------------------------------------------*/
#tabversion {
  color: black;
  padding: 2px;
  margin-top: 8px;
  margin-left: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
}

#tabversion thead {
/*
	background-color: rgb(237,156,50);
*/
  background-color: rgb(0,201,153);
  font-size: 0.90em;
  font-style: italic;
  font-weight: bold;
}

#tabversion tbody {
/*
	background-color: rgb(255,220,120);
*/
  background-color: rgb(140,218,103);
	font-size: 0.90em;
}

/*------------------------------------------------------*
 *---- Gestion des tableaux pour la donation
 *------------------------------------------------------*/
#tabdonate {
  color: black;
  padding: 4px;
  margin-top: 20px;
  border: 1px solid #cccccc;
  width: 100%;
}

#tabdonate tr {
  background-color: rgb(140,218,103);
}

#tabdonate td {
  vertical-align: middle;
}

/*------------------------------------------------------*
 *---- Gestion des copies d'écran
 *------------------------------------------------------*/
#screenshot {
  color: black;
  background-color: rgb(240,246,246);
  padding: 8px;
  margin-top: 10px;
  margin-left: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
}

#screenshot .image {
  padding: 5px;
}

#screenshot .description {
  text-align: justify;
  vertical-align: center;
  padding-top: 40px
  padding-left: 20px;
  padding-bottom: 40px;
  padding-right: 20px;
}

/*------------------------------------------------------*
 *---- Gestion de la liste des logiciels
 *------------------------------------------------------*/
#swlist {
  color: black;
/*
	background-color: rgb(220,250,220);
*/
	background-color: rgb(220,250,240);
	padding: 2px;
}

#swlist .logo {
  padding: 4px;
}

#swlist .title {
  color: rgb(253,0,0);
	font-style: italic;
	font-size: 1.4em;
  font-weight: bold;
  padding: 4px;
/*  border: 1px solid #cccccc;*/
}

#swlist .subtitle {
	color: rgb(0,190,139);
	text-align: left;
  font-size: 1.2em;
  padding-left: 14px;
/*  border: 1px solid #cccccc;*/
}

#swlist .intro {
  text-align: left;
  font-size: 1.0em;
  padding: 14px;
  border-bottom: 2px solid #cccccc;
}


/*------------------------------------------------------*
 *---- Gestion de la liste des liens utiles
 *------------------------------------------------------*/
#ullist {
  color: black;
	background-color: rgb(224,228,240);
  padding: 2px;
  margin-left: 2px;
}

#ullist .theme {
  font-style: italic;
  font-size: 1.2em;
  padding-top: 10px;
  margin-left: 2px;
/*  border: 1px solid #cccccc;*/
}

#ullist .name {
  font-size: 1.0em;
  margin-left: 2px;
/*  border: 1px solid #cccccc;*/
}

/*------------------------------------------------------*
 *---- Gestion du paragraphe "They Talk About It"
 *------------------------------------------------------*/

#ttalist {
  color: black;
}

#ttalist li {
/*	font-size: 1.2em; */
  font-style: italic;
	color: grey;
	padding-bottom: 10px;
}