html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}

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

select {
  font-family : Arial ;
  font-size : 10px ;
  width : 140px ;
}
option.gris {
  color : #666666 ;
  background-color : #00CCFF ;
}
.champ {
  font-family : Arial ;
  font-size : 10px ;
  width : 140px ;
}

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: #333333;
}
a:active {
	text-decoration: none;
	color: #ffffff;
}
.titrebleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1B95BB;
	font-weight: bold;
}


.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}
.titreaccueil {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 30px;
	color: #666666;
	
}
.dateaccueil {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 20px;
	color: #666666;
	
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	
}
.titreblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ffffff;
	
}

#col1	{
	background-color: #B5B1A5;	
}

.titrecol1	{
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 25px;
	color: #666666;
	
}
.titre2col1	{
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 13px;
	color: #333333;
	font-weight: bold;	
}

.textecol1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.tablecol1	{
	width: 90%;
		
}

#col2	{
	background-color: #716A7A;	
}

.titrecol2	{
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 25px;
	color: #ffffff;
}

.titre2col2	{
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 13px;
	color: #cccccc;
	
}
.titre3col2	{
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 18px;
	color: #ffffff;
}

.titre4col2	{
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 25px;
	color: #ffffff;
}

.textecol2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
}
.texte2col2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #cccccc;
}
.texte6col2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00CCFF;
	vertical-align:top;
}
.texte3col2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
}
.texte4col2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cccccc;
}
.texte5col2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.texteitalcol2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #cccccc;
}
.tablecol2	{
	width: 90%;
	
		
}


#col3	{
	background-color: #CFCECA;	
}

.titrecol3	{
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 25px;
	color: #666666;
}
.titre2col3	{
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 13px;
	color: #666666;
	text-decoration: underline;
}

.textecol3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify;	
}

.texteitalcol3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
}
.tablecol3	{
	width: 90%;
	
		
}

.menu {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 13px;
	color: #cccccc;
	font-weight: lighter;
}
.menu:link {
	text-decoration: none;
}
.menu:visited {
	text-decoration: none;
	color: #cccccc;
}
.menu:hover {
	text-decoration: none;
	color: #ffffff;
}
.menu:active {
	text-decoration: none;
	color: #cccccc;
}
.menubig {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 35px;
	color: #ffffff;
}
.menubig:link {
	text-decoration: none;
}
.menubig:visited {
	text-decoration: none;
	color: #666666;
}
.menubig:hover {
	text-decoration: none;
	color: #B5B1A5;
}
.menubig:active {
	text-decoration: none;
	color: #666666;
}
.menup {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 10px;
	color: #cccccc;
	font-weight: lighter;
}
.menup:link {
	text-decoration: none;
}
.menup:visited {
	text-decoration: none;
	color: #cccccc;
}
.menup:hover {
	text-decoration: none;
	color: #ffffff;
}
.menup:active {
	text-decoration: none;
	color: #cccccc;
}