label {
display:block;
width:200px;
float:left;
} 

/*Formulaire*/
p.titre {
  background:#DED983;
  color:#345071;
  padding:.2em .3em;
  font-size:1.2em;
  border:2px outset #DED983;
  position:relative;
  margin-bottom:-1em;
  width:10em;
  margin-left:1em;
  margin-top:1em;
}
fieldset {
  border:none;
  margin-bottom:1em;
  width:24em;
  padding-top:1.5em;
}
select {
  margin-left:0em;
  margin-bottom:0;
}
/* fieldset coordonnees */
fieldset#coordonnees {
  background:#A4D8EE;
  border:outset #A4D8EE;
}
#label coordonnees{
  position:absolute;
  font-size:90%;
  padding-top:.2em;
  left:20px;
}
#input coordonnees{
  margin-left:9em;
  line-height:1.4em;
  margin-bottom:.2em;
} 
/* fieldset destinataires*/
fieldset#destinataires {
  background:#A4D8EE;
  border:outset #A4D8EE;
}
#label destinataires{
  position:absolute;
  font-size:90%;
  padding-top:.2em;
  left:20px;
}
/* fieldset message */
fieldset#message {
  background:#9DF2CE;
  border:outset #9DF2CE;
}
/* zone de texte du message */
textarea {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:29em;
  padding:.2em;
}
/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
  background:#DED983;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#345071;
}
p#buttons {
  text-align:center;
}



@page  { 	
	size:landscape
}

hr {
    background-color: #000000; 
    text-align: center;
	color: #000000; width:100%; 
	border:none; 
	border-bottom: dashed #000000 1px;
}

body {
	background-color: #c5d8df;
	background-attachment: fixed;
	background-image: url(/Images/fond.jpg);
    text-align: center;
}

p {
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: 12px;
    text-align: center;
}

p {
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: 12px;
    text-align: center;
}

h0 {
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: 22px;
	font-weight: bold;
    text-align: center;
}

h1 {
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: 14px;
	font-weight: bold;
    text-align: center;
}

h2 {
	font-size: 12px;
	font-weight: bold;
    text-align: center;
}

h3 {
	font-size: 10px;
    text-align: center;
}

div.menu{
    margin:10px;
}

/*centre la page et donne la largeur pour une basse résolution(776) moyenne(1024)*/
#centrer {
	margin-left:auto;
	margin-right:auto;
	width:1024px;
}

* {
	margin:0px;
	padding:0px;
}
	
/****************************/
/* 	début menu	déroulant	*/
/****************************/
ul, li {
list-style-type:none;
}
 
/*chaque sous-menu*/
#menu ul li {
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
text-align:Left;
position:relative;
float:right;
width:100px;
cursor:pointer;
display:block;
background:none;
height:22px;
}
 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
text-align:Left;
display:none;
position:absolute;
width:100px;
border:1px solid #dddddd;
border-top:none;
top:22px;
left:0;
}
 
#menu ul li ul li {
height:100%;
}
 
#menu ul li ul li a {
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
text-align:Left;
color:#FFFFFF;/*Bleu#3399FF, blanc#FFFFFF*/
font-size:11px;
font-weight:normal;
display:block;
height:100%;
border-top:1px solid #dddddd;
}
 
/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:hover {
color:#FFFFFF;/*blanc*/
background:#000000;/*Bleu#3399FF, noir#000000*/
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:0px;
left:100px;
}
 
/*décalage du sous-menu niveau 2 le plus ŕ droite vers la gauche
#menu ul li ul li ul.dernier {
left:-102px;
}*/

table {
	border: 1px solid gray;
	border-collapse: collapse;
	border-style: solid;
	border-color:#cccccc;
	padding: 10px;
	
}

td,th {
	border: 1px solid gray;
    border-style: solid;
    border-color:#cccccc;
	padding: 3px;
	padding-left: 5px;
    padding-right: 5px;
	font-size: 12px;	
}