/* Body
-------------------------------------------------------- */
html, body {
	margin:		0px;
	padding:	0px;
}

body{
	background: #f4f4f4;
	font-family: arial, verdana;
	font-size: 11px;
	vertical-align: top;
}

a{
	text-decoration:	none;
	color:				#000000;
}


a:hover{
	text-decoration: underline;
}

img {
	border:	0px;
}

/* font
-------------------------------------------------------- */

.h1{
	font-family: arial, verdana;
	font-size: 18px;
	color: #fff;
	vertical-align: top;
	text-align: justify;

}

.h2{
	font-family: arial, verdana;
	font-size: 14px;
	color: #000;
	vertical-align: top;
	text-align: justify;

}

.h2-blanc{
	font-family: arial, verdana;
	font-size: 14px;
	color: #fff;
	vertical-align: top;
	text-align: justify;

}


.h3{
	font-family: arial, verdana;
	font-size: 11px;
	color: #000;
	vertical-align: top;
	text-align: justify;

}

.h3 a{
	font-family: arial, verdana;
	font-size: 11px;
	color: #b82d50;
	font-weight: bold;
	vertical-align: top;
	text-align: justify;

}

.h3 a:hover{
	font-family: arial, verdana;
	font-size: 11px;
	color: #b82d50;
	font-weight: bold;
	vertical-align: top;
	text-align: justify;

}

.h3-blanc{
	font-family: arial, verdana;
	font-size: 11px;
	color: #fff;
	vertical-align: top;
	text-align: justify;
}

.h3-blanc a{
	font-family: arial, verdana;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	vertical-align: top;
}

.h3-blanc a:hover{
	font-family: arial, verdana;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	vertical-align: top;
}

/* header
-------------------------------------------------------- */
.header{
	background: #6bb9e9 url("../images/fond-header.jpg") repeat-x;
	vertical-align: top;
}

.header_small{
	background: #6bb9e9 url("../images/fond-header_small.jpg") repeat-x;
	vertical-align: top;
}

.navigation{
	background: #ffffff;
	border-bottom:5px solid #e9e9e9; 	
}

.topvoucher {
	color:				#ffffff;
	font-size:			10px;
	border:				4px dashed #ffffff;
	margin:				2px;
	padding:			2px;
	background-color:	#8dbddd;
}

/* contenu
-------------------------------------------------------- */
.contenu{
	background: #ffffff;
	
}


.tetebleue{
	background: url("../images/tete-bleue.jpg") no-repeat;
	padding: 0 10 0 10;
	
}

.petite-tetebleue{
	background: url("../images/ptite-tete-bleue.jpg") no-repeat;
	padding: 0 10 0 10;
	
}

.fond-bleu{
	background: #ffffff url("../images/fond-contenant-bleu.jpg") repeat-x;
	position: top;
	
}

.contour-bleu{
	border: 1px solid #7196b7;
	position: top;
	
}


.ligne-orange{
	border-bottom: 1px solid #b82d50;
	
	
}

.bloc-orange{
	background: #ae3654;
	
	
}

.bloc-gris{
	background: #e9e9e9;
	
	
}



/* newsletter
-------------------------------------------------------- */

.tetenewletter{
	background: url("../images/ptite-tete-rouge.jpg") no-repeat;
	padding: 0 10 0 10;
	
}

.fondnewletter{
	background: #b38993 url("../images/fond-newsletter.jpg") repeat-x;
	padding: 10 10 10 10;
	
}


/* newsletter
-------------------------------------------------------- */

.fond-carre{
	background: #e9e9e9;
	padding: 0 0 0 0;
	
}

.publicite-carre{
	background: #e9e9e9;
	padding: 0 0 0 20;
	
}

/* bas
-------------------------------------------------------- */
.bas{
	background: #e9e9e9 url("../images/fond-bas.jpg") repeat-x;
	vertical-align: top;

}

.contours-site{
	border: 10px solid #e9e9e9; 
}