/*

	Coffeelike by nodethirtythree + Templated.org
	http://templated.org/ | @templatedorg
	Released under the Creative Commons Attribution 3.0 License.
	
	Note from the author: These templates take quite a bit of time to conceive,
	design, and finally code. So please, support our efforts by respecting our
	license: keep our footer credit links intact so people can find out about us
	and what we do. It's the right thing to do, and we'll love you for it :)
	
*/
* {
	margin: 0;
	padding: 0;
}
.left {
	float: left;
}

.vignette-gauche {float: left; margin-right:6px; margin-bottom: 6px; width: 30%; }
.vignette-droite {float: right; margin-left:6px; margin-bottom: 6px; width: 30%; }

a {
	color: #fff;
	text-decoration: underline;
}
.header {  width: 100%; float: left;}
.header a img:hover { opacity: 0.6;
    filter: alpha(opacity=40); /* For IE8 and earlier */}

a:hover {
	text-decoration: none;
}
.menu, figure {
	clear: both;
}

.menu {  float: left; width: 100%;}

.menu h3  {

background: #d1d1d1;
-moz-box-shadow: inset 0 -3px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 -3px 8px rgba(0,0,0,0.5);
box-shadow: inset 0 -3px 8px rgba(0,0,0,0.5);
width: 132px;
float: left;
font-size: 15px;
margin-right: 5px;
text-align: center;
text-transform: uppercase;
font-weight: bolder;
height: 50 px;
line-height: 3.56em;}

.menu h3:hover  { background: #fff;}


.menu h3  a { text-decoration: none; display: block; width: 100%; height: 100%;}

body {
	font-size: 12pt;
	line-height: 1.75em;
	font-family: 'Gentium Basic', serif;
	background: #007FEE;
	color: #ebe1d9;
}

.menu a {color: #007FEE;}
.content {clear: both;}
.container { margin-right: auto; margin-left: auto; width: 980px;}

br.clear {
	clear: both;
}

h1,h2,h3,h4 {
	letter-spacing: -1px;
	font-family: 'Gentium Basic', serif;
}

h2,h3,h4 {
	margin-bottom: 1em;
	font-family: Arvo, serif;
	color: #fff;
	font-family: 'Gentium Basic', serif;
}
h1{color: #fff;
font-size: 35px;
line-height: 1.1em;
width: 600px;
margin-top: 53px;}
h2 { color: #fff; font-size: 40px; padding-top: 20px;} 

img.left {
	float: left;
	margin: 5px 20px 20px 0;
}

img.top {
	margin: 5px 0 20px 0;
}

p {
	margin-bottom: 1.5em;
}

ul {
	margin-bottom: 1.5em;
}
@media only screen and (max-device-width: 680px) {
		p {
			
margin-bottom: 1.5em;
font-size: 2em;
line-height: 2em;
}
.vignette-gauche {width: 50%; }
.vignette-droite { width: 50%; }
}