@charset "utf-8";
/**
 * Default stylesheet
 *
 * @autor Bob Gaudaen
 * @date  February 2008
 */

/** HTML TAGS ******************************/
html { overflow-y:scroll; }
html, body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	min-height:100%;
}
body * { margin:0; padding:0; }

h1, h2, h3, h4, h5 { margin-bottom:0.5em; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }
a acronym, a abbr, a img { border:none; }
p { margin:5px 0; }
small { display:block; font-size:0.9em; font-style:italic; color:#999; }

/* Form layout */
input, textarea, select, input.file { font-size:1em; }
input.text, input.password, textarea { border:1px solid #dedede; padding:2px 0; }
input.focus, textarea.focus { border-color:#fd7915; }
form fieldset { border:none; }
form kbd { display:block; padding:2px; }
form label { display:block; }
/** END HTML TAGS **************************/

.clr {
	display:block;
	clear:both;
	font-size:0;
	height:1px;
}
.hr {
	display:block;
	clear:both;
	font-size:0;
	height:1px;
	background-color:#fff;
	border-top:1px solid #dedede;
}
.notice {
    background-color:#FFFFCC;
    background-image:url(/img/icons/16x16/error.png);
    background-repeat:no-repeat;
    background-position:3px 3px;
    border:2px solid #9ca9ae;
    margin:0.5em 0;
    padding:5px 5px 5px 25px;
    color:#333;
}
.justify { text-align:justify; }
.relative { position:relative; }

img.puce {display:inline; float:none; border:none; margin:0; padding:0; background:none;}

/** Columns **/
.column_L { display:block; float:left; }
.column_R { padding-left:3px !important; padding-left:0; }

/** Shadows **/
.top_left, .top_right, .bottom_left, .bottom_right {
	background-repeat:no-repeat;
}
.left, .right {
	background-repeat:repeat-y;
}
.top, .bottom {
	background-repeat:repeat-x;
}
.top_left     { background-position:top left;     }
.top_right    { background-position:top right;    }
.bottom_left  { background-position:bottom left;  }
.bottom_right { background-position:bottom right; }
.left         { background-position:left;         }
.right        { background-position:right;        }
.top          { background-position:top;          }
.bottom       { background-position:bottom;       }

img.content-icon {
	display:inline;
	float:none;
	border:none;
	margin:0;
	padding:0;
	vertical-align: text-bottom;
	background: none;
	background-position: center;
	background-repeat: no-repeat;
}
img.content-icon.bull {
	background-image: url(/img/layout/puce.gif);
}
img.content-icon.curren {
	background-image: url(/img/layout/yes.gif);
}

/** HTML TAGS ******************************/
html { 
	background-color: #051d22;
}
body {
	font-size:13px;
	color:#fff;
	
	background-repeat:repeat-x;
	background-position:top center;
	background-image:url(/img/layout/body_bg.gif);
}
body, textarea, kbd, input, select {font-family:"Trebuchet MS", Corbel, Calibri, Arial, sans-serif;}

h1, h2, h3, h4, h5 { margin-bottom:0.5em; }
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a { color:#58e1ea; text-decoration:none; font-weight:bold; }

a { color:#58e1ea; text-decoration: underline; }
a:hover { color:#fff; }

/*** LAYOUT ***/
#container {
	height:100%;
	min-height:100%;
	
	background-repeat: no-repeat;
	background-position:top center;
	background-image:url(/img/layout/header_bg.jpg);
}
#sub-menu-container {
	float: left;
	width: 270px;
	padding: 50px 0 0 5px;
}
#content-container {
	float: right;
	width: 600px;
}

/** WRAPPER **/
.wrapper { width:900px; margin:auto; }

/** HEADER **/
div#header {
	display: block;
	position: relative;
	height: 170px;
}
#logo {
	display:block;
	float: left;
	width: 300px;
	height: 97px;
}
#logo a {
	display:block;
	width: 270px;
	height: 100%;
	margin: auto;
}

/** MENU **/
ul#menu, ul#sub-menu, ul#side-links {
	display: block;
	list-style: none;
	text-align: right;
}
ul#menu, ul#menu * { font-size: 0; }
ul#menu {
	margin-left: 305px;
	padding: 20px 5px 0 0;
}
ul#menu li {
	display: inline;
	padding: 0 .2em;
}
ul#menu a {
	display: -moz-inline-box;
	display: inline-block;
	padding: 1px 0;
	
	text-decoration: none;
	font-weight: bold;
	border: none;
	color: #fff;
}
ul#menu a span {
	display: block;
	float: left;
	width: 1px;
	margin: 1px 0;
	overflow: hidden;
	line-height: 20px;
}
ul#menu a span.label {
	width: auto;
	margin: 0;
	line-height: 22px;
	padding: 0 6px;
	border: none;
	font-size: 13px;
	cursor: pointer;
	margin: 0;
}
ul#menu a.selected, ul#menu a:hover {color: #58e1ea;}
ul#menu a.selected span {background-color: #051d22;}

/** sub menu **/
ul#sub-menu {
	padding: 0 0 5px 0;
}
ul#sub-menu li a {
	display: block;
	line-height: 30px;
	padding-right: 25px;
	border-bottom: 1px solid #020E11;
	text-decoration: none;
	color: #58e1ea;
	font-weight: bold;
}
ul#sub-menu li a:hover, ul#sub-menu li.selected a {
	color: #fff;
}
ul#sub-menu li.selected a {
	background-image: url("/img/layout/sub-menu-bg.png");
	background-position: center;
	background-repeat: repeat-y;
}

ul#side-links {
	text-align: center;
}
ul#side-links li {
	padding: 5px 0;
}

/** MAIN **/
#main { padding:10px 0; }

/** FOOTER **/
#footer, #footer a {color: #3d5559;}
#footer h5,
#footer a:hover {color: #8ea9ad;}
#footer .content {
	margin: 18px 5px 0;
	padding: 10px;
	background-position: top center;
	background-repeat: repeat-x;
	background-image: url(/img/layout/hr.gif);
}
#footer .info {float: left; text-align: left; width: 45%;}
#footer h5 {margin: 0;}
#footer .links {
	text-align: center;
	padding: 20px 0;
}
#footer .links a {text-decoration: none;}

/** COMMON CLASSES **/
.box {
	display:block;
	padding: 5px;
	margin: 5px;
	background-image: url(/img/layout/box_bg.png);
}
* html .box {
	background: none;
	background-color: #3c5559;
}
*:first-child+html .box {
	background-image: url(/img/layout/ie-box_bg.png);
}

.box-on-top {
	padding: 5px;
	background-color: #0c262b;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(/img/layout/box-on-top_bg.gif);
}
.box-on-top h1 {margin:0;}

a.lightwindow img {
	border: 4px solid #58e1ea;
	margin: 2px;
}
a.lightwindow:hover img {
	border-color: #fff;
}

.content .gmap {
	height: 400px;
}

/**
 * Forms
 */
input.text, input.password, textarea {
	border: 2px solid #58e1ea;
	padding: 3px;
}
textarea { display: block; }
input.focus, textarea.focus { border-color:#fff; }

.notice {
	margin:0 0 5px 0;
	border-color:#d4dadd;
}

form dl {
	width: 70%;
	margin: auto;
}
form dl input.text, form dl textarea {
	width: 100%;
}
form dl dt {
	display: none;
}
form dl dd {
	padding: 5px 0 0;
}
form dl dd.hidden {
	display: none;
}
form dl dd.clr {
	padding: 0;
	margin: 0;
	height: 1px;
}


@charset "utf-8";
/**
 * Buttons layout
 */

input.btn {
	height:24px;
	background:none;
	background-color:#28969d;
	border:none;
	padding:0 9px;
	vertical-align:middle;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
/* Correction des bug Internet Explorer */ 
* html input.btn {width:1%; overflow:visible;} 
*:first-child+html input.btn {overflow:visible;}

button, a.btn {
	display:-moz-inline-box;
	display:inline-block;
	margin:0;
	padding:0;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
	background:none;
	color:#fff;
	text-decoration:none;
}
button {
	margin:0 -3px 0 !important;
	margin: 0 !important!;
}

button span, a.btn span { float:left; }
button span span, a.btn span span { 
	float:left;
	padding:0 0 0 3px;
	vertical-align:middle;
	
	background-repeat:no-repeat;
	background-position:left 0px;
	background-image:url(../img/layout/button_left.gif);
}
button span span span, a.btn span span span { 
	padding:0 3px 0 0;
	
	background-position:right 0px;
	background-image:url(../img/layout/button_right.gif);
}
button span span span span, a.btn span span span span { 
	height:24px;
	padding:0 3px;
	font-weight: bold;
	line-height: 24px;
	/* font: bold 13px/24px Verdana, Arial, Helvetica, sans-serif; */
	
	background-repeat:repeat-x;
	background-position:center 0px;
	background-image:url(../img/layout/button_bg.gif);
	background-color:#28969d;
}
/* Correction des bug Internet Explorer */ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

/** HOVER **/
a.btn:hover { border:none; }
button.hover span span, a.btn:hover span span                     { background-position:left -24px; }
button.hover span span span, a.btn:hover span span span           { background-position:right -24px; }
button.hover span span span span, a.btn:hover span span span span { background-position:center -24px; }

/** Disabled **/
button.disabled { cursor:default; color:#a0a0a0; }