/* CSS Document */

* { padding:0; margin:0; }
body { background:#F2F2F2; font: 12px Arial, Helvetica, sans-serif; color:#3d3d3d; }

/* Balises */
a { color: #0088cc; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border:0; }
.both { clear:both; }
.center { text-align:center; }
.right { text-align:right; }
.link { margin-bottom:0; text-align:right; }
h1 { font: 35px Arial; margin-bottom:20px; color:#f37c02; }
h2 { font-size:13px; margin-bottom:10px; }
h3 { font-size:12px; margin-bottom:5px; }
p { margin-bottom:10px; line-height: 18px; }
ul { margin: 0 0 6px 30px; line-height: 18px; }
li { padding-bottom: 4px; }
.img { padding:2px; border:1px solid #EEE; }
fieldset { padding:10px 20px; margin-bottom:10px; }
legend { font-weight:bold; }

/* Form */
form { margin:auto; }
label { display: block; float:left; width:150px; }
input[type=text], input[type=password]  { width:180px; font: 12px Arial; padding:2px; border:1px solid #DDD; color:#333; }
input[type=submit] { font: 12px Arial; }
textarea { font: 12px Arial; width:340px; height:150px; border:1px solid #DDD; color:#333; }
select { border:1px solid #DDD; font:inherit; }

/* Site */
#site { width:980px; margin:auto; background: url('../pictures/design/content.jpg') repeat-y; }
#bottom { background: url('../pictures/design/bottom.jpg') no-repeat; background-position: left bottom; padding:10px 20px 20px 20px;}


/* Header */
#header { height:130px; }
#header #logo { margin-left:10px; margin-bottom:10px; width:347px; height:55px; cursor:pointer; background: url('../pictures/design/logo3.jpg') no-repeat; }

/* Menu */
#menu { width:940px; height:35px; margin:auto; background: url('../pictures/design/bg_menu.jpg') no-repeat; padding-top:6px; margin-bottom:10px; }
#menu ul { float:left; width:680px; height:25px; list-style: none; margin:0; margin-right:8px; margin-top:-4px; }
#menu li { float:left; margin-left:20px; padding-top:2px; }
#menu a { display:block; font-weight:bold; font-size:16px; color:#FFF; padding:5px; }
* html #menu a { padding-bottom:0; }
#menu a:hover { text-decoration:none; color:#f37c02; }
#menu li a.current { text-decoration:none; color:#f37c02; }
#search { float:right; width:215px; }
#search input[type=text] { width:160px; }
#search input[type=image] { vertical-align:middle; padding-bottom:3px; }

/* Content */
#left { float:left; width:400px; margin-left:30px; }
#right { float:right; width:400px; margin-right:30px; /*border:1px solid #d4d4d4;*/ }
#right h2 { font-size:14px; margin-bottom:15px; }
#baseline { width:340px; line-height:23px; }

.cols { float:left; width:227px; height:238px; margin-left:60px; padding:10px; background: url('../pictures/design/bg_cols.png') no-repeat; }
.cols2 { float:left; width:173px; height:205px; margin-left:30px; padding:10px; background: url('../pictures/design/bg_cols2.png') no-repeat; }
.cols h3 { font-size: 15px; color:#f37c02; }
.cols p { line-height:20px; }

/* Footer */
#footer { clear: both; width:980px; margin: auto; font-size:11px; color:#636363; height:40px; }
#footer p { margin:0; }
#footer .left { float:left; width:400px; padding-left:12px;  }
#footer .right { float:right; width:400px; padding-right:12px;  }
#footer a { color:#636363; }

/* Messages utilisateur */
.infos { color:green; background: url('../pictures/design/accept.png') no-repeat; height: 20px; padding-left: 24px; line-height:16px; }
.avertissement { color:#FB7D28; background: url('../pictures/design/error.png') no-repeat; height:20px; line-height:16px; padding-left: 24px; }
.avertissement a { color:#FB7D28; }
.erreur { color:red; background: url('../pictures/design/exclamation.png') no-repeat; height:20px; line-height:16px; padding-left:24px; }
.erreur a { color:red; }

/* Tableaux */
#liste { width: 620px; margin:auto; border:1px solid #d4d4d4; }
#liste th { padding:3px; background-color: #666666; color:#FFF; }
#liste tfoot { padding:3px; background-color:#88AAAB; color:#FFF; font-weight:bold; }
#liste tr { height: 10px; }
#liste td { width:auto; padding:2px; }