/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

*{margin:0; padding:0;}

body {
	background:#737c83;
	color: #333;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0  20px 0;
}

a:link, a:visited {text-decoration: none; color: #2b6290;}
a:hover {color: #003f2c;}
a:active {color: #094891;}
a, a:active, a:focus {outline:none;}

h1 {
	background: url(images/outland/bg-h1.gif) no-repeat;
	color: #939598;
	font: normal 30px/30px Georgia, "Times New Roman", Times, serif;
	padding: 15px 0 15px 31px;
}

h2 {
	background: url(images/bg-h2.gif) repeat-y;
	border-top: 5px solid #e5e5e5;
	border-bottom: 5px solid #e5e5e5;
	color: #636466;
	font: normal 18px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 5px 41px 15px 31px;
}

h3 {
	font: bold 13px/13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 24px 5px 31px;
}

.orange {color: #2b6290;}
.alt {background: #e5e5e5;}
.altrow {background: #e5e5e5;}
.fleft {float: left;}
.fright {float: right;}
.margin-left {margin: 0 0 10px 10px;}
.margin-right {margin: 0 10px 10px 0;}



/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 796px;
	background: #fff url(images/outland/bg-page.gif) repeat-y;
	margin: 0 auto;
}

#switch{
	background:#737c83;
	text-align:right;
	padding:5px 9px 0 0;
}
#switch a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#switch a:hover{
	color:#3ed6cf;
}

/* Le Header
--------------------------------------------------------------------------------------- */

#header {
	height: 189px;
	background: url(images/outland/bg-header.gif) no-repeat;
	font: normal 13px/13px Georgia, "Times New Roman", Times, serif;
}

#flash {padding: 12px 0 0 12px;}

/* --- Menu --- */

#header ul {
	padding: 0;
	margin: 2px 0 0 10px;
	list-style: none;
}

#header li a {
	color: #fff;
	padding: 10px 9px;
	display: block;
}

#header li a:hover {
	background:#00aca4 url(images/outland/menu-sep-o.gif) repeat-x;
	color: #003f2c;
}

#header li {
	float: left;
}

#header li ul {
	position: absolute;
	background: #5695b4;
	width: 175px;
	font-size: 12px;
	margin: 0;
	left: -999em;
}

#header li ul li {
	background:#00aca4 url(images/outland/bg-menu.gif) repeat-x bottom;
	border-bottom: 1px solid #fff;
}

#header li ul a {
	width: 163px;
	padding: 8px 6px;
	background: none;
}

#header li ul a:hover {
	background: #88d9d5 url(images/outland/menu-sep-o.gif) repeat-x bottom;
	color: #003f2c;
}

#header li:hover ul, #header li.sfhover ul {
	left: auto;
	background-position: 0 0;
}



/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
	width: 522px;
	float: left;
}

#content hr {
	border: 0;
	color: #2b6290;
	background-color: #2b6290;
	height: 1px;
	margin: 0 41px 15px 31px;
}

#content p, table, #content form, #wrap-album {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 41px 15px 31px;
}

#chiffre th {
	background: #1c5084 url(images/bg-menu.gif) repeat-x top;
	color: #fff;
}

#chiffre th, #chiffre td {
	text-align: center;
	padding: 2px;
}

#chiffre th.client, #chiffre td.client {text-align: left;}

.bord td {border-bottom: 1px solid #e5e5e5;}

#venir th, #venir td {
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
	padding: 2px 5px;
}

#venir th {border-right: 1px solid #e5e5e5;}

#content .line {border-bottom: 1px solid #e5e5e5;}

#content .alt {
	font-weight: bold;
	font-size: 12px;
}


#content blockquote {
	background: #e5e5e5;
	font-size: 10px;
	padding: 10px;
	margin: 0 41px 15px 31px; 
}

#content ul {
	list-style: square;
	margin: 0 29px 15px 45px;
}

#content ol {
	margin: 0 29px 15px 55px;
}

#content ol li div {display: none;}

#content ul#liste {
	list-style: none;
	margin: 0 41px 15px 29px; 
}

#content #liste li {
	border-bottom: 1px solid #e5e5e5;
}

#content #liste li a {
	color: #333;
	padding: 3px;
	display: block;
}

#content #liste li a:hover {
	background: #f6f6f6;
}

h2.nouvelle {	
 	background: none;
	border-top: none;
	border-bottom: 1px solid #e5e5e5;
	color: #636466;
	font: normal 18px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 2px 0;
	margin: 5px 41px 3px 31px;
}

#content img, #content a img {
	border: 4px solid #e6e6e6;
}

#content a:hover img {
	border: 4px solid #2b6290;
}

.album {margin: 0 3px 10px 3px;width:140px;text-align:center;}

#content form input, #content form span.textbox {
	width: 220px;
	border: 1px solid #939598;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 0 0 5px 0;
}

#content form span.textbox {
	display:block;
	float:left;
	background-color:#fafafa;
	border-style:dashed;
	border-color:#eee;
	width: 218px;
	border-width:2px;
	
}

#content form textarea {
	width: 400px;
	height: 100px;
	border: 1px solid #939598;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 0 0 8px 0;
}

#content form label {
	width: 180px; 
	padding: 3px 0 0 0;
	float: left;
	display: block;
}
#content form label.noblock {
	width: auto; 
	padding: 0;
	float: none;
	display: inline;
}

#content form fieldset {border: none;}

#content form legend {
	font-weight: bold;
	padding: 5px 0;
}

#content form select {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 3px 0 5px;
}

#content form .no-bloc {
	display: inline; 
	float: none;
}

#content form .auto {width: auto; margin: 0;}

#content form hr {
	width: 406px;
	color: #939598;
	background-color: #e5e5e5;
	height: 1px;
	margin: 0 0 5px 0;
	clear: both;
}

#content form .go {
	background: #2b6290;
	border: 1px solid #7fa8be;
	color: #fff;
	font-weight: bold;
	padding: 5px 20px;
	margin: 0 0 0 180px;
}

#wrap-album h3, #wrap-album p {text-align: center;}
#wrap-album h3 {margin: 5px 0 0 0;}
#wrap-album p {margin: 0;}
#wrap-album h3 a {color: #333;}
#wrap-album h3 a:hover {color: #2b6290;}



/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {
	width: 243px;
	background: #e5e5e5;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	float: left;
}

#sidebar p {padding: 0 20px;}

ul#news {
	background: #fff;
	border: 2px solid #000;
	list-style: none;
	margin: 20px;
}

ul#news li a{
	border-bottom: 5px solid #e5e5e5;
	color: #77787b;
	padding: 3px 0;
	margin: 0 8px;
	display: block;
}

ul#news li a#lnews {border-bottom: none;}

ul#news li a:hover, ul#news li  a:hover span{
	color: #007567;
}

.title {
	color: #007769;
	font-weight: bold;
}

ul#news li#last {
	background: #00ada5;
	border-top: 2px solid #000;
	color: #fff;
	text-align: right;
}

ul#news li#last a {
	border-bottom: none;
	color: #fff;
	padding: 3px;
	margin: 0;
	display: block;
}

ul#news li#last a:hover {
	background: url(images/outland/bg-news-o.gif);
}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	height: 70px;
	background: url(images/outland/bg-footer.gif) no-repeat bottom;
	font: bold 11px/11px Georgia, "Times New Roman", Times, serif;
	clear: both;
}

#footer a#back {
	width: 193px;
	height: 40px;
	color: #000;
	text-align: left;
	padding: 16px 0 0 50px;
	margin: 0 30px 0 0;
	display: block;
	float: right;
}

#footer a#back:hover {
	background: url(images/outland/top-o.gif) no-repeat;
	color: #fff;
}

#copyright {
	color: #fff;
	text-align: center;
	margin: 5px 0;
}

#copyright a {
	color: #fff;
	text-decoration: none;
}

#copyright a:hover {text-decoration: underline;}


.mnuicon {
	position:relative;width:0;height:0;display:block;
}
.mnuicon img {
	position:absolute;top:0px;left:2px;border:0;
}

.choixquestion {
	text-align:center;
	padding-top:30px;
}

#content form span.spancomment { width:400px;float:none;font-weight:normal; }