/* CSS Document */
body {
	background-color: #666666;
	font-style: normal;
	font-family: 'Josefin Slab', Georgia, serif;
	font-size: 13pt;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	color: #666666;
	margin: 0;
	padding: 0;
}

#general {
	width: 760px;
	position: relative;
	margin-top: 0;
	margin-bottom: 1em;
	margin: 0 auto;
}

/* Accord Parfait*/

#centre {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	padding: 1em 2em;
	-webkit-box-shadow: 0px 0px 25px #444;
	-moz-box-shadow: 0px 0px 25px #444;	
	box-shadow: 0px 0px 25px #444;
	margin-bottom: 2em;
	}

/* Mise en forme des TITRES et CLASSES*/
h1, h2, h3 { font-family: 'Josefin Sans', Helvetica, Arial, sans-serif; }
h1 {
font-size: 1.75em;
margin: 0;
color: #008EEE;
text-transform: uppercase;
font-weight: 300;
padding-top: 0.5em;
}

h2 {
font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
color: #333333;
font-weight: 300;
padding: 0em;
margin: 0;
}

h3 { font-weight: 400; color: #008EEE;}

.left {
	float: left;
	margin: 1.2em 1.5em 1.2em 0em;
	}
.right {
	float: right;
	margin: 1.2em 0em 1.2em 1.5em;
	}
	
.centre {	text-align: center;}
.bold { font-weight: 700;  }
.petit{	font-size: 0.85em;	}
	
/* LIENS */
a {
	color: #008eee;
	text-decoration: none;
	-webkit-transition: color 0.2s ease-in;
	outline: 0;
}

a:hover {   color: #cccccc;}
nav a { color: #444;}
nav a:hover { color: #008eee;}

/* Marges des paragraphes */
p { padding: 0em; margin: 0.75em 0em;}

/*Listes*/
ul {
	list-style-type: none;
	list-style-position: inside;
	padding-left: 10px;
	padding-top: 0px;
	font-family: 'Josefin Slab', Georgia, serif;
}

nav ul li { 
	font-size: 1.325em;
	display: inline;
 	padding: 0.25em 1em 0em 0.25em;
 	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
	}
	
.col-left { float: left; width: 334px;}
.col-right { float: right; width: 334px;}

/*tableau image*/

img {	border: none;	}
.logo { padding-bottom: 1em;}
.invisible { display: none;} /* pour les forfaits */

#forfait1, #forfait2, #forfait3, #forfait4 {
	width:400px;
	height: auto;
}