/*********************************************************************/
/* = Site : http://patrickjoly.free.fr/ */
/* = Version : 1.0 */
/* = Date de la version : 25/05/2012 */
/* = Auteur : Patrick Joly */
/* = Contact : patrickjoly@free.fr */
/*********************************************************************/

/* général */
body {
	background-color: #777777;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 50px auto;
	overflow: scroll;
	padding: 0;
	width: 710px;	
} 

/* page */
#page {  
	background-color: transparent;
}

/* header */
header {
	margin: 0;
	padding: 0;
	text-align: left;	
}

/* ligne */
.ligne {
	margin: 0;
	padding: 0;
}

.ligneseparateur {
	margin: 0;
	padding: 0;
}

/* modules 1 à 6 de 110 à 710px */
.module1 {
	background: #99d800;
	display: inline;
    float: left;
	margin: 0;
	min-height: 100px;
    overflow: hidden;	
	padding: 0;
	width: 110px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.module2 {
	background: #99d800;
	display: inline;
    float: left;
	margin: 0;
	min-height: 100px;
    overflow: hidden;	
	padding: 0;
	width: 230px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.module3 {
	background: #99d800;
	display: inline;
    float: left;
	margin: 0;
	min-height: 100px;
    overflow: hidden;	
	padding: 0;
	width: 350px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.module4 {
	background: #99d800;
	display: inline;
    float: left;
	margin: 0;
	min-height: 100px;
    overflow: hidden;	
	padding: 0;
	width: 470px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.module5 {
	background: #99d800;
	display: inline;
    float: left;
	margin: 0;
	min-height: 100px;
    overflow: hidden;
	padding: 0;
	width: 590px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

.module6 {
	background: #99d800;
	display: inline;
    float: left;
	margin: 0;
	min-height: 100px;
    overflow: hidden;
	padding: 0;
	width: 710px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

/* séparateur de lignes */
.separateur {
	background: #777777;
    float: left;
	margin: 0;
	padding: 0;
	width: 10px;
}

/* footer */
footer {
	color: #ffffff;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: right;
}

/* titres */
h1 {
	font-size: 2.5em;
	margin: 0;
	padding: 0;
}

h2 {
	color: #99d800;
	font-size: 1.5em;
	letter-spacing: 5px;
	padding-bottom: 20px;
}

/* liens */
a {
	color: #ffffff;
	margin: 0;
	padding: 5px;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}
a:hover {
	background: #777777;
}

/* divers */
p {
	margin: 0;
	padding: 10px;
	text-align: justify;	
}