@media screen and (max-width: 640px) {
  }
{
#logo {float : none;width:auto;margin-left:5%}
#menu {float : right;width=auto;margin-left:10px;align:center}
}
div {
    text-align:center; font-family: Arial; font-size: 16px; color:#000000
    }
div#bandeau {
	width:auto;
	height:50px;
	background-color:#004080;
	text-align:center;
    font-family: Arial;
    font-size: 16px;
    color:#FFFFFFF;
	}
div#contenu {
	width:auto;
	height:auto;
	background-color:#FFFFFFF;
	}
div#piedpage {
	width:600px;
	height:50px;
	background-color:#004080;
	}
	
.Page {
  margin: 0px;
  background-color:#808080;
  }   
.tab {background-color: 000000}
.tab1 {background-color: #333399}
.tab2 {background-color: #98B3F9}
.tab3 {background-color: #BDD8EC}
.tab4 {background-color: #000080}
.tab5 {background-color: #008080}
.tab6 {background-color: #004080}
.tab7 {background-color: #FFFFFF}
.tab8 {background-color: #800000}
.tab9 {background-color: #808080}
.tab10 {background-color: #ECE9D8}
.tab11 {background-color: #464646}
.tab12 {background-color: #F0F0F0}
.tab13 {background-color: #000000}
.txt10 {font-family: Arial; font-size: 10px; color:#ffffff}
.txt11 {font-family: Arial; font-size: 11px; color:#ffffff}
.txt12 {font-family: Arial; font-size: 12px; color:#ffffff}
.txt13 {font-family: Arial; font-size: 13px; color:#ffffff}
.txt14 {font-family: Arial; font-size: 14px; color:#ffffff}
.txt15 {font-family: Arial; font-size: 15px; color:#ffffff}
.txt16 {font-family: Arial; font-size: 16px; color:#ffffff}
.txt17 {font-family: Arial; font-size: 17px; color:#ffffff}
.txt18 {font-family: Arial; font-size: 18px; color:#ffffff}
.txt19 {font-family: Arial; font-size: 19px; color:#ffffff}
.txt20 {font-family: Arial; font-size: 20px; color:#ffffff}
.txt21 {font-family: Arial; font-size: 21px; color:#ffffff}
.txt22 {font-family: Arial; font-size: 22px; color:#ffffff}
.txt23 {font-family: Arial; font-size: 23px; color:#ffffff}
.txtV20 {font-family: Arial; font-size: 20px; color:#00FF00}
.txt10 {font-family: Arial; font-size: 10px;}
.txtN8 {font-family: Arial; font-size: 8px; color:#000000}
.txtN9 {font-family: Arial; font-size: 9px; color:#000000}
.txtN10 {font-family: Arial; font-size: 10px; color:#000000}
.txtN11 {font-family: Arial; font-size: 11px; color:#000000}
.txtN12 {font-family: Arial; font-size: 12px; color:#000000}
.txtR11 {font-family: Arial; font-size: 11px; color:#FF0000}
.txtbord12 {font-family: Arial; font-size: 12px; color:#993366}
.txtN13 {font-family: Arial; font-size: 13px; color:#000000}
.txtN14 {font-family: Arial; font-size: 14px; color:#000000}
.txtN15 {font-family: Arial; font-size: 15px; color:#000000}
.txtN16 {font-family: Arial; font-size: 16px; color:#000000}
.txtN17 {font-family: Arial; font-size: 17px; color:#000000}
.txtN18 {font-family: Arial; font-size: 18px; color:#000000}
.txtN19 {font-family: Arial; font-size: 19px; color:#000000}
.txtN20 {font-family: Arial; font-size: 20px; color:#000000}
.txtN21 {font-family: Arial; font-size: 21px; color:#000000}
.txtN22 {font-family: Arial; font-size: 22px; color:#000000}
.txtN23 {font-family: Arial; font-size: 23px; color:#000000}
.txtN24 {font-family: Arial; font-size: 24px; color:#000000}
.txtV24 {font-family: Arial; font-size: 24px; color:#52E642}
.txtR14 {font-family: Arial; font-size: 14px; color:#FF0000}
.txtR16 {font-family: Arial; font-size: 16px; color:#FF0000}
.txtR24 {font-family: Arial; font-size: 24px; color:#FF0000}
.txtB23 {font-family: Arial; font-size: 23px; color:#004000}
.txtJ10 {font-family: Arial; font-size: 10px; color:#FFFD03}
.txtJ12 {font-family: Arial; font-size: 12px; color:#FFFD03}
.txtv10 {font-family: Arial; font-size: 10px; color:#00FF00}
.txtv12 {font-family: Arial; font-size: 12px; color:#00FF00}
.txtb11 {font-family: Arial; font-size: 11px; color:#0000FF}
.txtb12 {font-family: Arial; font-size: 12px; color:#3366FF}
.txtb14 {font-family: Arial; font-size: 14px; color:#3366FF}
.txtr12 {font-family: Arial; font-size: 12px; color:#FF0000}
.txtrb12 {font-family: Arial; font-size: 12px; color:#800000}
A:link {color: #FFFFFF; text-decoration: none; background: transparent; font-family: Arial; font-size: 18px;}
A:visited {color: #FFFFFF; text-decoration: none; background: transparent; font-family: Arial; font-size: 18px;}
A:hover {color: #black; text-decoration: none; background: transparent; font-family: Arial; font-size: 18px;}
.image_sauvegarder_input
{
background-image:url("img/disquette.gif"); width:38px; height: 38px;
}
.bluebutton {
	background-color : #333399 ;
	border-bottom : #DFE9F3 1px solid;
	border-left : #DFE9F3 1px solid;
	border-right : #DFE9F3 1px solid;
	border-top : #DFE9F3 1px solid;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	width : 180px;
}
.marronbutton {
	background-color : #800000 ;
	border-bottom : #DFE9F3 1px solid;
	border-left : #DFE9F3 1px solid;
	border-right : #DFE9F3 1px solid;
	border-top : #DFE9F3 1px solid;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	width : 180px;
}
.bluebuttonred {
	background-color : #FF8080 ;
	border-bottom : #DFE9F3 1px solid;
	border-left : #DFE9F3 1px solid;
	border-right : #DFE9F3 1px solid;
	border-top : #DFE9F3 1px solid;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	width : 180px;
}
.bluebutton_ {
	background-color : #333399 ;
	border-bottom : #DFE9F3 1px solid;
	border-left : #DFE9F3 1px solid;
	border-right : #DFE9F3 1px solid;
	border-top : #DFE9F3 1px solid;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	width : 150px;
}
.bluebutton01 {
	background-color : #333399 ;
	border-bottom : #DFE9F3 1px solid;
	border-left : #DFE9F3 1px solid;
	border-right : #DFE9F3 1px solid;
	border-top : #DFE9F3 1px solid;
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	width : 70px;
}
.zone_de_text
{
background-color: #CCFFFF;
color: black;
}