/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

/* General layout */
body {background:url("images/fond_body.gif");/*background:#3779C5;*/ color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
#container {background:#9bbaf3; margin:0 auto 20px; padding:5px 20px 20px; width:950px;border: 0px ridge #CCC;	}
.retrait {margin-left: -100px;}
.retrait2 {margin-left: 580px;margin-top:-100px;margin-bottom:-20px}
.decal {margin-bottom:-5px;margin-right: 5px;}



/* Site title */
#logo {
	margin:15px 0 0;
	
	}
#logo h1 a {border:none; color:#505050;}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 20px 0;}

/* Tags */
a {border-bottom:0px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:0px solid #505050; color:#303030; text-decoration:none;}
a img{border-bottom:0;text-decoration:none;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
p {font-size:1.2em; line-height:1.5em; margin:0 0 15px; text-align:justify;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:980px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#a3c9e0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#175aa8 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}


/* Navtabs menu */
#nav {/*background:url(images/greypx.gif) bottom left repeat-x;*/ float:left; width:950px;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav a {background:url(images/tabs.gif) no-repeat 100% 0; color:#303030; display:block; font-size:1.1em; padding:7px 20px 4px 11px; text-decoration:none;}
#nav a:hover {color:#808080;}
#nav li {background:url(images/tabs.gif) no-repeat 0 0; float:left; margin:0 0px 0 0; padding:0 0 0 9px;}
#nav #current {background:url(images/tabs.gif) no-repeat 0 -41px;}
#nav #current a {background:url(images/tabs.gif) no-repeat 100% -41px; color:#303030; padding:7px 20px 4px 11px;}

/* Header description area */
#desc {clear:both; background-color:#7ab5d9; /* height:200px;*/  margin:5px -2px 15px; padding:0 0 0px 0;}

#desc2 {background:#7ab5d9 url(images/zenaltitude.jpg) center left repeat-y; clear:both; color:#303030; height:195px; margin:6px 0 15px; padding:0 0 5px 0;}

#desc p {font-size:1em; line-height:1.3em; padding:0 15px 0; width:380px;}
#desc h2 {color:#303030; padding: 75px 15px 0 10px;}
#desc2 h2 {color:#303030; padding: 82px 15px 0 10px;}
#desc a {border-color:#ccc; color:#fff; text-decoration:none;}

/* Main content */
#main {border-right:0px ridge #ccc; float:left; margin:0; padding:0 15px 0 0; width:690px;}

.splitcontentleft{line-height: 1.30;  text-align: justify; float:left; width:48%;}
.splitcontentright{line-height: 1.30; float:right; width:48%;text-align: justify;}

/* Sidebar */
#sidebar {float:right; width:230px;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:220px;}
ul.sidelink li a:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/* Footer */
#footer {background:inherit; border-top:2px ridge #ccc; clear:both; margin:0; padding:0;}
#footer a {color:#303030;}
#footer a:hover {color:#303030;}
#footer p {color:#303030; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;text-align: center;}

/* Additional classes */
.photo {background-color:#f0f0f0; float: left; border:2px ridge #d8d8d8; margin:0 0 15px; padding:1px;}
.photo_sm {border:1px solid #d8d8d8; margin:0 15px 15px 0; padding:1px;}
.photo_b {border:1px solid #d8d8d8; margin:15px 15px 15px 15px; padding:1px;}
.photo_c {border:2px ridge #d8d8d8; margin:0px 0px 0px 15px; padding:0px;}
.photo_centre {background-color:#f0f0f0; float: center; border:0px ridge #d8d8d8; margin:0 0 15px; padding:1px;}




.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.imgcenter {margin-left: 95px;}
.block {background:#D0D0D0; padding:10px;border: #909090 ridge 2px;}
.hide {display:none;}
.center {text-align:center;}
.big{font-size:1.2em; color:#525151;font-style: italic;}
.small{font-size:0.8em; color:#525151;font-style: italic;line-height:1.2em;text-align: left;padding: 4px;}

/* Tables and forms */
table {border:2px ridge #3779C5;width: 100%;/*background: #FFF;*/ border-collapse:collapse; line-height:1.8em; margin:0 0 5px; padding: 0;}
td {border:1px solid #3779C5;color:#303030; font-size:1.0em; padding:7px; text-align:justify;}
th {border:0px solid #3779C5;color:#303030; font-size:1.0em; padding:7px; text-align:center;}

/* Info-bulles */
a.tooltip em {display:none;}
a.tooltip:hover {border: 0; position: relative; z-index: 500; text-decoration:none;}
a.tooltip:hover em {font-style: normal; display: block; position: absolute; top: 20px; left: +60px; padding: 5px; color: #000; border: 1px solid #bbb; background: #ffc; width:170px;}
a.tooltip:hover em span {position: absolute; top: -7px; left: 15px;height: 7px; width: 11px; background: transparent url(infobulle.gif); margin:0; padding: 0; border: 0;}