html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}
#arriere{
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;

}


a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #fc6500;
}
a:active {
	text-decoration: none;
	color: #ffffff;
}

.enter {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 20px;
	color: #fc6500;
}
.enter:link {
	text-decoration: none;
}
.enter:visited {
	text-decoration: none;
	color: #fc6500;
}
.enter:hover {
	text-decoration: none;
	color: #ffffff;
}
.enter:active {
	text-decoration: none;
	color: #fc6500;
}

.texteg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	
}
.txtital {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	font-style: italic;	
}
.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
.txtp{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
}
.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
}
.titreaccueil {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 33px;
	color: #ffffff;
	
}
.titreaccueilnews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #cccccc;
	
}
.semaine {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 18px;
	color: #ffffff;
	
}
.semainenews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	
}
.dateaccueil {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 39px;
	color: #fc6500;
	
}
.dateaccueilnews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fc6500;
	
}
.texte {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 11px;
	color: #e0e0e0;
	
}
.texteorange {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 12px;
	color: #fc6500;
	
}


.texteorange:link {
	text-decoration: none;
}
.texteorange:visited {
	text-decoration: none;
	color: #fc6500;
}
.texteorange:hover {
	text-decoration: none;
	color: #ffffff;
}
.texteorange:active {
	text-decoration: none;
	color: #fc6500;
}


.texterouge {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 11px;
	color: #CC0000;	
}
.titrebleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	
}
.titre {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 20px;
	color: #fc6500;
	
}
.titreblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ffffff;
	
}
.titreorange {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 45px;
	color: #fc6500;
	
}
.sstitreorange {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 17px;
	color: #fc6500;
	/*font-style: italic;	*/
}
.sstitreorangep {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 11px;
	color: #fc6500;	
}
.menu {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 27px;
	color: #ffffff;
}
.menu:link {
	text-decoration: none;
}
.menu:visited {
	text-decoration: none;
	color: #ffffff;
}
.menu:hover {
	text-decoration: none;
	color: #fc6500;
}
.menu:active {
	text-decoration: none;
	color: #ffffff;
}



.menunew {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 20px;
	color: #ffffff;
}
.menunew:link {
	text-decoration: none;
}
.menunew:visited {
	text-decoration: none;
	color: #ffffff;
}
.menunew:hover {
	text-decoration: none;
	color: #fc6500;
}
.menunew:active {
	text-decoration: none;
	color: #ffffff;
}





.ssmenu {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 13px;
	color: #ffffff;
}
.ssmenu:link {
	text-decoration: none;
}
.ssmenu:visited {
	text-decoration: none;
	color: #ffffff;
}
.ssmenu:hover {
	text-decoration: none;
	color: #fc6500;
}
.ssmenu:active {
	text-decoration: none;
	color: #ffffff;
}
.ssmenug {
font-family: Arial, Verdana;
    font-size: 16px;
	text-decoration: none;
	color: #cccccc;
}
.ssmenug:active {
font-family: Arial, Verdana;
    font-size: 16px;
	text-decoration: none;
	color: #ffffff;
}
.ssmenug:hover {
font-family: Arial, Verdana;
    font-size: 16px;
	text-decoration: none;
	color: #ffffff;
}



.form {
    font-family: "Century Gothic", Arial, Verdana;
	font-size: 12px;
	color: #333333;
}
.textenewsletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	
}
.textenewsletter2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999999;
	
}