html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
background-color:#ffffff;
}
#arriere{

width : 100%;
height: 100%;
}
#arriere2{

height: 100%;
}

.croix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7bc8e1;
	font-weight:bold;
}




.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight:bold;
}
.titre2 {
	font-size: 11px;
	color: #666666;
	font-weight:bold;
}
a.titre2:link {
	text-decoration: none;
}
a.titre2:visited {
	text-decoration: none;
	
}
a.titre2:hover {
	text-decoration: none;
	color: #999999;
}
a.titre2:active {
	text-decoration: none;

}
.titre3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #999999;
	font-weight:bold;
}
a.titre3:link {
	text-decoration: none;
}
a.titre3:visited {
	text-decoration: none;
	color: #999999;
}
a.titre3:hover {
	text-decoration: none;
	color: #999999;
}
a.titre3:active {
	text-decoration: none;
	color: #999999;
}

.titre4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #999999;
	font-weight:bold;
}

.titre5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight:bold;
}
a.titre5:link {
	text-decoration: none;
}
a.titre5:visited {
	text-decoration: none;
	color: #999999;
}
a.titre5:hover {
	text-decoration: none;
	color: #333333;
}
a.titre5:active {
	text-decoration: none;
	color: #999999;
}


.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
}
a.menu:link {
	text-decoration: none;
}
a.menu:visited {
	text-decoration: none;
	color: #cccccc;
}
a.menu:hover {
	text-decoration: none;
	color: #666666;
}
a.menu:active {
	text-decoration: none;
	color: #cccccc;
}




.Style2 {
	font-size: 11px;
	color: #333333;
}
a.Style2:link {
	text-decoration: none;
}
a.Style2:visited {
	text-decoration: none;
	color: #333333;
}
a.Style2:hover {
	text-decoration: none;
	color: #cccccc;
}
a.Style2:active {
	text-decoration: none;
	color: #333333;
}

.Style3 {
	font-size: 10px;
	color: #666666;
}
a.Style3:link {
	text-decoration: none;
}
a.Style3:visited {
	text-decoration: none;
	color: #666666;
}
a.Style3:hover {
	text-decoration: none;
	color: #cccccc;
}
a.Style3:active {
	text-decoration: none;
	color: #666666;
}



.petitnoir {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

a.petitnoir:link {
	text-decoration: none;
}
a.petitnoir:visited {
	text-decoration: none;
	color: #666666;
}
a.petitnoir:hover {
	text-decoration: none;
	color: #cccccc;
}
a.petitnoir:active {
	text-decoration: none;
	color: #666666;
}

.petitnoir2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

a.petitnoir2:link {
	text-decoration: none;
}
a.petitnoir2:visited {
	text-decoration: none;
	color: #666666;
}
a.petitnoir2:hover {
	text-decoration: none;
	color: #7bc8e1;
}
a.petitnoir2:active {
	text-decoration: none;
	color: #666666;
}




.petitvert {
	font-size: 9px;
	color: #247413;
	font-weight: bold;
	}
a.petitvert:link {
	text-decoration: none;
}
a.petitvert:visited {
	text-decoration: none;
	color: #247413;
}
a.petitvert:hover {
	text-decoration: none;
	color: #333333;
}
a.petitvert:active {
	text-decoration: none;
	color: #247413;
}