* { padding:0; margin:0; }

body { font-family: Verdana; font-size:12px; color:#264D52; background-color: #a0b3b3; }

h1 { font-size:15px; }
h2 { font-size:14px; margin-bottom: 20px;  }
h3 { font-size:12px; font-weight:bold; margin-bottom: 14px; margin-left:10px; }
a { color: #264D52; }
a:hover { text-decoration:none;}
p { margin-bottom:15px; }
img { border:0; }
input, select, textarea { font-family:Verdana; font-size:12px; padding: 2px; }
input[type=submit], input[type=button] { border: 1px solid #88aaab; padding:2px 5px; }
textarea { width: 280px; height:100px;}

ul { margin:0 0 10px 12px; }
ul img { vertical-align:middle; }
li { list-style: none; margin-bottom:4px; }
#pdf { margin:0 0 15px 12px; font-size:11px; }
#pdf li {  margin:0 0 3px 30px; list-style-image:url(../pictures/pdf_logo.png); }
#liens { margin:0 0 15px 12px; font-size:11px;  }
#liens li {  margin:0 0 3px 30px; list-style-image:url(../pictures/icons/world_link.png); }

#content input[type=text], input[type=password] { width: 180px; }

#site { background-color:#FFF; border: 1px solid #264D52; border-top:0; width:980px; margin:auto; margin-bottom:20px;}

#header { position:relative; height:110px; }
#header h1 span { position:absolute; top:0; left:0; height:110px; width: 980px; background: url(../pictures/design/header.jpg) no-repeat scroll 0 0; }

#formHeader { position:absolute; top:0; right:18px; top:30px; }
#formHeader p {font-size: 11px; margin-bottom:2px; }
#formHeader input[type=text] {width:150px; }
#formHeader label { float:left; display:block; width:90px; padding-top:5px; font-weight:bold; }

#menu { margin-bottom: 1px; height:27px; border-bottom: 1px solid #c7dbdd; }
#menu ul { list-style:none; height:15px; float:right; margin-right:15px; }
* html #menu ul { margin-bottom:0px; }

#menu li { float:left; padding: 0 3px; text-align:center;  }
#menu a { display:block; width:121px; height:28px; color: #264D52; text-decoration: none; background:url(../pictures/design/menu.jpg); line-height: 26px; font-size: 11px; font-weight:bold; }

#menu a:hover { color: #457A7B;  background:url(../pictures/design/menu.jpg) 0 -28px; }
#menu .active { color: #457A7B;  background:url(../pictures/design/menu.jpg) 0 -28px; }

#menuBar { background-color:#88aaab; height: 18px; }
#menuLine { height:1px; border-top:1px solid #d2e2e4; margin:1px 0 18px 0;}
* html #menuLine { margin-bottom:6px; }

#left { float:right; width:300px; margin-right: 20px; }
* html #left { margin-right: 10px; }

#left a { text-decoration:none; }
#left a:hover { text-decoration:underline; }

#left li { margin-bottom:15px; }

.leftBlock { border: 1px solid #88aaab; margin-bottom:20px; padding:8px; padding-bottom:0px; min-height:65px; background:url(../pictures/design/bg_left.png) no-repeat; }

.cat:hover { text-decoration:underline; }

#content { float:left; width:620px; padding-left: 20px; display:inline-table }

.lien a { text-decoration: none; }
.lien a:hover { text-decoration: underline; }

#content .blockIndex { float:left; width:350px; background:url(../pictures/design/blockIndex.jpg) no-repeat; height:136px; margin-bottom:15px; padding:10px 10px 0 20px; }
#content .blockIndex img { width:80px; height:80px; float:left; margin-right:10px; }
#content .blockIndex h2 {  margin-bottom: 10px; color:#f18b07; }
#content .blockIndex p { float:left; width:220px; line-height: 1.5; }

#content .blockIndex2 { background-color:#e8f0f1; padding:5px; margin-top:24px; }
#content .blockIndex2 h3 { font-size: 13px; margin-top:4px; }

#content .blockIndex2 a:hover { font-weight:bold; }

#colLeft { float:left; width:355px; }
#colRight { float:right; width:245px; }

* html #colRight { width:240px; }

#content table a { text-decoration: none; }
#panneau { margin: 0 auto; width:450px; }
#panneau a:hover { font-weight:bold; }

#liste tr, #panneau tr { height: 110px; vertical-align:top; }
#liste td, #panneau td { text-align:center; width:150px; }
td {vertical-align:top; }

#liste { width: 620px; margin:auto; border:1px solid #D2E2E4; }
#liste th { padding:3px; background-color:#88AAAB; color:#FFF; }
#liste tfoot { padding:3px; background-color:#88AAAB; color:#FFF; font-weight:bold; }
#liste tr { height: 10px; }
#liste td { width:auto; padding:2px; }
#liste a:hover { text-decoration:underline;}

#contenu { font-size:11px; margin-bottom:25px; }
#contenu td { padding:6px; }

#content form { width:500px; margin: 6px auto 10px auto; }
#content label { display:block; float:left; width:170px; padding-top: 5px; }
#content legend { font-weight:bold; color: #264D52; }
#content fieldset { margin-bottom:15px; padding:5px; }

#left label { display:block; float:left; width:100px; padding-top: 5px; }
 
#left form { margin: 6px auto 10px auto; }
form p { margin-bottom:10px; }
#content p { margin-left:8px; }

#ariane {font-size: 10px; margin-bottom: 20px; }
#ariane a { font-size: 10px; color:#264D52; text-decoration:none;  }
#ariane a:hover { text-decoration:underline; }

.item { width: 600px; min-height: 110px; clear:both; margin: 0 0 30px 15px; }
.screenshot { width: 90px; float: left; }
.item-content {  float: left; width: 505px; margin-left: 5px; }
.options img { vertical-align:middle; }
.options { font-size: 10px; margin-top: 10px; text-align:right; }
.item a, .options a { text-decoration:none;}
.item a:hover, .options a:hover { text-decoration:underline;}

#footer {clear:both; text-align: right; font-size:10px; padding: 0 20px 10px 0;}
#footer a {text-decoration:none; }
#footer a:hover {text-decoration:underline;}

#button {position:fixed; bottom:0px; right:0px; width:80px; height:80px; background: #036; cursor:pointer; background:url('../pictures/design/button.jpg');}

.facebook { display: inline-block; padding:1px 20px 0 4px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; }

.facebook:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; }
.connect { background:url(../pictures/icons/user.png) no-repeat; background-position:5px 50%; border:1px solid #EEEEEE; padding:2px 2px 2px 26px; }
.password { background:url(../pictures/icons/key.png) no-repeat; background-position:5px 50%; border:1px solid #EEEEEE; padding:1px 1px 1px 26px; }
.infos { color: green; background: url("../pictures/icons/accept.png") no-repeat; height: 20px; padding-top: 1px; padding-left: 24px; }
.avertissement { color: #FB7D28; background: url("../pictures/icons/error.png") no-repeat; height:20px; padding-top: 1px; padding-left: 24px; }
.erreur { color:red; background: url("../pictures/icons/exclamation.png") no-repeat; height:20px; padding-top:1px; padding-left:24px; }
.erreur a { color: red; }
.question { color: blue; background-image: url("../pictures/icons/help.png") no-repeat;	height:20px; padding-top: 1px; padding-left: 24px; }
.question a { color: blue; }

#pagination { margin-top: 10px; }
#pagination a { display: block; text-decoration: none; font-weight: bold; float: left; width: 21px; height: 21px; text-align: center; line-height: 20px; margin-left: 4px; border: 1px solid #88AAAB; }
#pagination a:hover { color: #FFFFFF; background: #88AAAB; }
#pagination .itemPaginationActive { color: #FFFFFF; background: #88AAAB; }