form#ami {background:#fff; width:370px; padding:10px; border:1px solid #ccc; margin:5px auto; font-size:1em; font-family:arial, helvetica, sans-serif; color:#778899;}
form#ami p {font-size:.9em; line-height:16px; color:#2F4F4F; text-align:left; padding:5px 5px 20px 0; margin:0;}
form#ami fieldset#commentaire p {padding:20px 5px 20px 0; margin:0;}

form#ami fieldset {width:350px; display:block; border:1px dotted #A9A9A9; padding:5px 5px 5px 10px; font-family:arial, helvetica, sans-serif; margin-bottom:0.5em; line-height:1.5em; font-size:1em; }
form#ami fieldset:hover {border:1px solid #FF4E00;}
form#ami fieldset#personal:hover {border:1px solid #FF4E00;}

form#ami legend {font: bold 12px/18px arial, helvetica, sans-serif; color:#778899; border-bottom:2px solid #778899; margin-bottom:15px; padding:6px; background:none; }
* html form#ami legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#ami label {clear:left; display:block; float:left; width:160px; text-align:left; padding-right:10px; color:#778899; margin-bottom:0.5em;}

form#ami #medical label {clear:left; display:block; float:left; width:150px; text-align:left; padding-right:10px; color:#778899; margin-bottom:0.5em;}

form#ami input {border:1px solid #ccc; padding-left:0.5em; margin-bottom:0.6em; width:160px; background:#fff;}
form#ami input:hover { background:#fff; border:1px solid #4682B4; color:#778899;}
form#ami input:focus {background:#fff; border:1px solid #4682B4; color:#4682B4;}


form#ami select {margin:0 0 1em 0.5em;}
form#ami textarea {width:330px; height:8em; border:1px solid #ccc; padding:0.5em; overflow:auto; background:#fff; color: #2F4F4F;
font: normal 12px/28px Arial, Helvetica, sans-serif;}
form#ami textarea:hover { background:#fff; border:1px solid #EBE1C5; color:#778899;}
form#ami textarea:focus {background:#fff; border:1px solid #4682B4; color:#4682B4;}

form#ami option {background:#fff; color:#778899;}
form#ami optgroup {background:#fff; color:#778899; font-style:normal;}
form#ami optgroup option {background:#fff; color:#FF4E00;}

form#ami #button1, form#ami #button2 {color:#2F4F4F;  padding-right:0.5em; cursor:pointer; width:100px; margin-left:8px; background:#B0C4DE; border:1px solid; border-color:#FFF #708090 #708090F #fff;}
form#ami #button1:hover, form#ami #button2:hover {color:#fff; background:#4682B4; border:1px solid; border-color:#F5F5F5 #708090 #708090 #F5F5F5; }


					/* GLOBALS */
* {
margin: 0;
padding: 0;
}

img {
border: 0;
}


body {
text-align: center;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
background: #A2C1D9 url(image/bg.gif) top repeat-x;
color: #333;
line-height: 160%;
}

/* liens */
a:link, a:visited, a:hover, a:active {
text-decoration : none;
}

#contenant{
position: relative;
height: 700px;
width: 590px;
margin: 0 auto;
padding: 0;
text-align: left;
background:  transparent url("image/barre-contenant.gif") top left repeat-y;
}

					/*BARRE*/
#barre {
text-align:left;
width: 590px;
height: 20px;
position: relative;
background: url("image/barre-haut.gif");
}



#barre.sub a{
color: #fff;
}
#barre.sub a:hover{
color: #FF0000;
}

#barre ul{
position: relative;
float: left;
padding: 2px 0 0 10px;
}
#barre li{
display: inline;
list-style-type: none;
background: url("image/fleche.gif");
background-repeat: no-repeat;
background-position: 0 10px;
padding: 7px 9px 0 12px;
}

#barre li.dessus a{
color:#FF0000;
}
#barrenavi, #eid,  #home{
position: absolute;
}
#barrenavi{
right: 100px;
}

#home{
left: 520px;
}


#contenant_mascotte{

	position:relative;
	background-color: transparent;
	padding-left:5px;
	padding-right:5px;
	padding-top:54px;
	padding-bottom:5px;
	MARGIN: 1px 10px 15px 5px;
	width:590px;
	
}


#mascotte_g{
background:  url(../styles/images/logo-ami.gif) top left no-repeat;
float: left;
width: 130px;
margin: 1px 1px 1px 1px;
color: #333;
}

#mascotte_g  ul{
padding: 425px 0 0 0;
background: transparent;
float: left;
width: 130px;
list-style: none;
}
#mascotte_g  ul li a, #mascotte_g  ul li a:link, #mascotte_g ul li a:visited, #mascotte_g ul li a:active{
color: rgb(97, 103, 96);
padding-left: 14px! important; background: url(../styles/images/fleche_bleue.gif) no-repeat 3px 4px
}
#mascotte_g  ul li span.fermer a, #mascotte_g  ul li span.fermer a:link , #mascotte_g ul li span.fermer a:visited, #mascotte_g ul li span.fermer a:active {
font: bold 12px/18px arial, helvetica, sans-serif;
color:#000;
}

#mascotte_g  ul li a:hover{
background-color: #fff;
color: rgb(123, 10, 10);
}

.imag_mascotte_d{
	float: left;
	margin: 1px 1px 1px 15px;
	padding: 0 40px 10px 10px;
	width: 300px;
	height: 500px;
}
#explication{
width: 360px;
padding: 83px 0 0 0;
color: #333;
}
#explication p{
text-align:justify;
margin: 0;
font: normal 13px/18px arial, helvetica, sans-serif;
color:#778899;
}
#explication .p1{
text-align:justify;
padding:20px 0 0 0;
}
#explication .p1 a, #explication .p1 a:link, #explication .p1 a:visited, #explication .p1 a:active{
color: rgb(97, 103, 96);
padding-left: 14px! important; background: url(../styles/images/fleche_bleue.gif) no-repeat 3px 4px;
border-bottom:1px solid #4682B4;
}
#explication .p1 a:hover {
color: #000;
padding-left: 14px! important; background: url(../styles/images/fleche_bleue.gif) no-repeat 3px 4px;
border-bottom:1px solid #FF4E00;
}