/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
background:url(images/fond.gif) repeat-x;
}

#page {
margin:0 auto;width:360px;
}

#header {
width:360px;height:88px;
margin:24px 0 0 0;padding:0;
background:url(images/header.gif) top left no-repeat;
}

#contenu {
width:360px;
margin:0;padding:0;
}

.reset {visibility:hidden;clear:both; }


/************* FORMULAIRE ************************/

form {
margin:20px 0 0 25px;
width:305px;
}

input {width:150px;color:#666666;}

label {
display:inline;float:left;width:100px;
color:#669900;font-size:15px;
}

input {
margin:0 0 0 5px;
}

input:focus {
color:#3366CC;
background-color:#EAF4FF;
}

input.bouton {
float:right;
width:80px;
margin:10px 0 0 0;
}

/**************************************************/

p {padding:20px 0 0 52px;}


p a {font-size:15px;color:#FFFFFF;text-decoration:none;font-weight:bold;}
p a:hover {color:#00486A; text-decoration:underline;}


#lien {
margin:0 0 0 240px;height:83px;
background:url(images/fond_lien.gif) no-repeat;
}

/******************************
TRAITEMENT AJAX
******************************/
#zone.probleme {
height:25px;line-height:25px;
color:#CC0000;font-weight:bold;
margin:15px 0 0 0;padding:0 0 0 55px;
background:url(images/delete.png) 35px 4px #FFE6E6 no-repeat;
border:1px solid #FF0000;
}

.tumevoispas{visibility: hidden;}

#message.tumevois{
display:block;
position:absolute;top:0;left:0;
visibility: visible;
color:#666600;font-size:13px;font-weight:bold;
background:#E4EEDB; border:1px solid #666600;
padding:2px;
}

#loader.tumevois {
visibility: visible;
}


#affichage{
margin:50px 0 0 0;
}