@charset "UTF-8";
/* CSS Document */

html>body .nav {position: fixed;}

nav { position:fixed; left:7px; width:120px; height:auto; background-color:#CCCCCC; border-radius:5px; box-shadow: 1px 1px 12px #555; text-align:center; vertical-align:middle;}

a { color:#390; }
a:hover { color:#F60;}

section { float:left; margin-left:133px; width:950px; height:auto; box-shadow: 1px 1px 12px #555;  padding: 5px 5px 5px 5px ; background-color:#CCCCCC; border-radius:10px;}

li { padding-left:4px; text-align:left; color:#CC0099; }

/* Tableaux liste des annonces */
article { width:650px;}
#article p { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align: left; color: #000;}

#article table tr{ background-color: #FFF;}
#article table tr:nth-child(2n+1) { font-family: Arial, Helvetica, sans-serif; font-size:10px; background-color: #CCC;}
#article table tr { font-family: Arial, Helvetica, sans-serif; font-size:10px;}
#article th, tr, td { height:auto; padding: 1px 0 0 1px; margin: 1 1 1 1;} /*  */
#article tr, td { border-top:10px medium #CCC;}
#article .tab_link {cursor: pointer;}
#article .tab_link:hover{background-color: #FCF;} 
#article textarea { width:570px; }
/* Tableaux droit annonce sélectionnée */
aside { position: absolute; left:815px; top:10px; width:280px ; height:"600px"; background-color:#FFFFFF; box-shadow:1px 1px 12px #555; border-radius:5px;}
#aside table { width:190px; }
#aside tr, td, th { font-size:10px;}
#aside input, textarea, select { font-size:10px; }
#aside .al_td { width:95px; background-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; color:#F90;}
#aside .al_td:hover { background-color:#666;}