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

/*********************************************************************/
/* feuille de style > écran */
/*********************************************************************/

/* général */
body {
	color: #ffffff;
	font-family: Georgia;
	font-size: 1em;
	margin: 20px auto;
	overflow: scroll;
	padding: 0;
	width: 720px;
} 

/* page largeur de 720px - 700 de grille (grid) + 2 marges de 10px */
.page {  
	background-color: #768355;
	border: 1px solid #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

/* grille */
.grid1 {width: 100px;}
.grid2 {width: 220px;}
.grid3 {width: 340px;}
.grid4 {width: 460px;}
.grid5 {width: 580px;}
.grid6 {width: 700px;}

/* colonne */
.colonne {
    display: inline;
    float: left;
	margin: 0 10px 0 10px;
    overflow: hidden;
}

/* rangée */
.rangee {
	margin: 0 auto;
    overflow: hidden;
	width: 720px;
}

/* titres */
h1 {
	background-color: #ffffff;
	color: #768355;
	font-size: 3em;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

h2 {
	font-size: 1.5em;
	letter-spacing: 5px;
	padding-bottom: 20px;
	text-align: center;
}

/* divers */
a {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

p {
	border: 1px solid #ffffff;
	overflow: hidden;
	padding: 10px 0;
	margin: 0 0 20px 0;
	text-align: center;
}