/*

*/
@charset "UTF-8";

/**
 *	Basic
 ******************************************************************/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

hr { display: none; } 
a * { cursor: pointer; }

body {
	color: #222;
	font-size: 62.5%;
	line-height: 1.5;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	text-align:center;
}
#tete {
	background: url('tete.jpg') no-repeat;
	width: 800px;
	height: 136px;
	margin: 0px auto 0;
	padding: 0px;
}
#wrap {
	font-size: 110%;
	width: 800px;
	margin: 0px auto 0;
}
#corps {
	background: url('corps.jpg');
	margin: 0px auto 0;
	padding: 0px;
}
a {
	color: #327e61;
	text-decoration: none;
	border-bottom: 1px dotted #327e61;
}

a:hover {
	color: #196145;
	border-color: #196145;
}

h1, h2 {
	font-size: 250%;
	font-weight: normal;
	text-align: center;
	color: #666;
}
h2 {
	font-size: 120%;
	padding-bottom: 0.7em;
	margin-bottom: 0.3em;

}

h1 strong {
	color: #fafafa;
	font-weight: normal;
	font-style: normal;
	font-size: 140%;
}

h1 a {
	color: #666;
	border: none;
}

/**
 *	Pied de page
 ******************************************************************/
 
#footer {
	text-align: center;
	padding: 0;
	color: #777;
	background: url('pied.jpg') no-repeat;
	height: 136px;
}

#footer .footer-inner {
	width: 380px;
	margin: 0 0 0 335px;
}

#footer a {
	color: #aaa;
}

#footer a:hover {
	color: #fff;
}

/**
 * Boites
 ******************************************************************/
 
.boite {
	margin: 0 0 18px;	
	background-color:#FFDFDF;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	padding: 5px 5px 5px 5px;

}

.boite h2 {
	background: url('tipit.jpg') no-repeat;
	font-size: 130%;
	padding: 8px 8px 9px;
	background: #DF8B8B;
	margin-bottom: 0.3em;
	color: #333;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	line-height: 1.1;
	font-weight: bold;
	text-align: left;
}

.boite h2 span {
	font-size: 80%;
	color: #444;
	font-weight: normal;
}

.boite h2 a {
	text-decoration: none;
	border: none;
}
.boite h2 img {
	padding-right:20px;
}
.boite div {
	padding-right:40px;
	padding-left:40px;
	text-align: justify;
}