body{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background:#F2FF93;
color:#333333;
margin:0;
}

#corps{
background:#fff url(../iso_icons/corps_fond.gif) repeat-y center;
margin:0 0 20px 0;
width:990px;
}
#entete{
height:83px;
background:url(../iso_icons/entete.gif) no-repeat top left;
}
#utilisateur{
float:right;
}
#utilisateur ul{
margin:5px 10px 0 0;
}
#utilisateur li{
list-style:none;
}
#utilisateur #compte{
background:url(../iso_icons/picto_compte.png) no-repeat left top;
}
#utilisateur #selection{
background:url(../iso_icons/picto_selection.png) no-repeat left top;
}
#utilisateur a{
padding:2px 0 2px 20px;
font-weight:bold;
font-size:90%;
text-decoration:none;
color:#184C18;
}
#utilisateur a:hover, #utilisateur a.active{
color:#FFFFFF;
}
#utilisateur .nbr{
color:#D50000;
}
#entete h1{
font-size:20px;
margin:0;
visibility:hidden;
}
#menu{
padding:5px 0 0 250px;
margin:0;
}
#menu ul{
list-style:none;
margin:0;
padding:0;
}
#menu li{
float:left;
margin:0 2px 0 0;
font-size:11px;

}
#menu a{
display:block;
color:#FFFFFF;
padding:0 2px;
text-decoration:none;
}

#menu a:hover, #menu a.active{
color:#006600;
background-color:#FFFFFF;
}

#menu_left{width:150px; padding:5px;}
#menu_left ul{padding:5px;margin:0;font-size:11px; background:#bed13f;}
#menu_left ul li{ margin:0; padding:2px 0; border-bottom:1px solid #221e1f;}
#menu_left ul li a{color:#221e1f; text-decoration:none;}

#menu_right{width:150px; padding:5px; border-left:1px solid #000000;}

#hello{
width:570px;
padding:10px 0 5px 0;
/*background:url(../iso_icons/fond_pass.jpg) no-repeat top left;*/
}
#hello p{
padding:0 0 0 220px;
}
#identification{
width:340px;
margin:20px 0 0 220px;
}
#recup_mail, #inscrip{
width:550px;
background:#FFFFFF;
margin:10px 0 0 0;
}
#texte #identification h3, #texte #recup_mail h3, #texte #inscrip h3{
font-weight:bold;
font-variant:small-caps;
font-size:90%;
color:#B80085;
letter-spacing:2px;
border-bottom:1px solid #B80085;
margin:2px 10px 0 0;
}
#identification form, #identification ul, #recup_mail form, #recup_mail ul, #inscrip form, #inscrip ul{
text-align:right;
margin:10px 10px 0 0;
}
#identification label, #recup_mail label, #inscrip label{
font-size:85%;
}
#identification ul, #recup_mail ul, #inscrip ul{
list-style:none;
padding:10px 0 10px 0;
}
#identification li, #recup_mail li, #inscrip li{
list-style:none;
/*margin:0 0 3px 0;*/
}
#identification a, #recup_mail a, #inscrip a{
color:#B80085;
font-size:85%;
text-decoration:none;
}
#identification a:hover, #recup_mail a:hover, #inscrip a:hover{
text-decoration:underline;
}
#recup_mail .imp_txt, #recup_mail .imp_txt_error{
width:445px;
}
#inscrip .imp_txt, #inscrip .imp_txt_error {
width:380px;
margin:10px 0 0 0;
}
#inscrip .cadre{
padding:0 0 10px 0;
border-bottom:#B80085 1px solid;
}

#form_contact{
width:450px;
float:right;
margin:5px 0 0 0;
}
#form_contact span{
color:#E1060C;
}
#form_contact .imp_txt, #form_contact .imp_txt_error , #form_contact textarea{
width:99%;
}
#form_contact fieldset{
padding:10px;
}
#contact .haut{
height:5px;
}

.imp_txt{
background:#ffffff url(../iso_icons/input_pass_fond.gif) repeat-x top;
border:1px solid #999999;
margin:2px 0 2px 0;
}

.imp_txt_error {
background:#ffffff url(../iso_icons/input_pass_fond.gif) repeat-x top;
border:1px solid #CC0000;
margin:2px 0 2px 0;
}

.imp_vld{
background:url(../iso_icons/inp_valid.gif);
width:80px;
height:20px;
font-weight:bold;
font-size:15px;
color:#FFFFFF;
border:0;
margin:2px 0 2px 0;
cursor:pointer;
}

#menu_accueil{
width:165px;
float:right;
}
#menu_accueil h2{
padding:10px 0 0 8px;
margin:0 0 10px 0;
}
#agenda{
background:#FDF291;
border-bottom:3px solid #7F0054;
}
#agenda h2{
color:#337521;
font-weight:bold;
font-size:120%;
}
#agenda ul{
list-style:none;
}
#agenda li{
font-weight:bold;
font-size:95%;
margin:0 0 5px 10px;
padding:0 0 0 8px;
background:url(../iso_icons/agenda_puce.gif) no-repeat left center;
border-top:#333333 1px dotted;
}
#agenda li a{
color:#046320;
text-decoration:none;
}
#agenda li a:hover{
color:#046320;
text-decoration:underline;
}
#agenda .tete_liste{
border:none;
}
#agenda .agenda_detail {
position: absolute;
background:#FDF291;
border:1px solid #7F0054;
width: 165px;
cursor: pointer;
display: none;
}
#agenda .agenda_detail h2 {
margin: 4px;
padding: 0px;
background:url(../iso_icons/puce_close.png) center right no-repeat  ;
}
#agenda .agenda_detail h3 {
margin: 2px;
font-size:95%;
border-top:#333333 1px dotted;
}
#agenda .agenda_detail p {
margin: 5px;
}
#agenda .agenda_dates {
font-size: 80%;
font-weight: bold;
}
#navigation{
float:right;
}
#navigation li{
background:url(../iso_icons/nav_fond.gif) repeat-y left;
padding:0;
margin:0;
border:none;
}
#navigation a{
display:block;
font-size:0;
text-indent:-3000px;
}
#navigation a:hover, #navigation a.active{
background-position:right top;
}
#picto_accueil, #picto_contact{
width:23px;
height:25px;
}
#picto_accueil{
background:url(../iso_icons/picto_accueil.gif) no-repeat top left;
}
#picto_contact{
background:url(../iso_icons/picto_contact.gif) no-repeat top left;
}
#newsletter{
color:#FFFFFF;
background:#B80085;
border-bottom:3px solid #7F0054;
padding:10px 0 10px 10px;
}
#newsletter label{
font-size:85%;
}
#newsletter input{
width:100px;
font-size:90%;
margin:5px 0 0 0;
}
#newsletter #ok{
width:30px;
}
#breves{
padding:0 0 10px 0;
}
#breves h2{
color:#b80085;
font-weight:bold;
font-size:120%;
}
#breves h3, #breves p{
font-size:95%;
margin:0 0 2px 10px;
}

#article{
padding:20px 30px 30px 20px;
}

#ma_selec textarea{
width:720px;
}

#footer{
clear:both;
height:28px;
background:url(../iso_icons/footer.gif) no-repeat bottom center;
}
#footer p{
float:right;
font-size:85%;
margin:8px 30px 0 0;
}
#footer a{
text-decoration:none;
color:#B80085;
}