/****************************************************/
/* fonce: #627277   ---496B70;                                  */
/* Moyen: #8F9BA7;
/* Clair: #AAB5C1  A CHANGER
/****************************************************/
html, body {
	margin: 0px; padding: 0px;/*	height: 100%;*/
}
body {	background: #fff repeat-x left top;  width: 300px;}

/*------------- STANDARD ------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* RESET
/*---------------------------------------------------------------------------------*/
/*liste*/ul,ol,dl,dt,dd,li,
/*text*/p,hr,pre,
/*form*/form,fieldset,legend,input,label,textarea,select,option,
/*table*/table,tbody,thead,tfoot,tr,th,td,
blockquote,
div,
address {margin: 0px; padding: 0px; border: none; background: none; font-weight: normal; font-style: normal;
				font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: 18px; text-align: left;}

a {text-decoration: none; outline: none;  color: #000;}    /*cursor: default;*/
a:hover {text-decoration: underline}
a img {border: none}

/* tables */
table,tbody,thead,tfoot,tr,th,td {border-collapse: separate; border-spacing: 0px; border:none;}
label {	font-family: Arial, sans-serif; font-size: 100%; font-weight: bold; color: #563F4E}
div.clear {	display: none}

/*--------------------------------------------------------------------------------------------------------------------------*/
/* HEADINGS
/*--------------------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {margin: 15px 0px 10px; line-height: 22px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold}
h1 {margin: 0px 0px 10px; font-size: 24px; line-height: 25px}
h2 {margin: 25px 0px 5px; font-size: 18px}
h3 {margin: 20px 0px 10px; font-size: 13px}
h4 {font-size: 12px}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------STRUCTURE
/*--------------------------------------------------------------------------------------------------------------------------*/
#conteneur {
	position: relative; margin: 0px auto; width: 299px; min-height: 850px; overflow: hidden; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3); -moz-box-shadow:  0px 0px 40px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3)}
#conteneur table {
	text-align:left}

/*--------------------- STRUCTURE PAGE ---------------------------------------*/
#droite {
	float:right; width: 200px; background-color: #E9ECED; border-bottom: 1px solid #E9ECED; border-top : 1px solid #E9ECED; padding: 0px}
#pied {
	clear:both; border: 0px; font-size: 9px; color: #563F4E; text-decoration: none; text-align:center; height:4em}

/***********************************************/
/* HEADER                                      */
/***********************************************/
#header {
	margin:0 auto; position: relative; width: 945px; height: 190px; padding: 0; background: url(../img1/slideShow/home-2.jpg) top left}
#headerlogo {
	margin-left:20px; width: 250px; height:150px; text-align:left}

#headerlogo a {
	display:block; margin:0; padding: 15px 0px 5px 0px}
#headerlogo h1 {
	padding:0; margin:0; text-align:left; font-style:normal; font-size: 12px; line-height:15px; letter-spacing: 0.05em; color: #FFF}

/*------------------------------------------------------------------------------------------------------------------------------------------
	HEADER
------------------------------------------------------------------------------------------------------------------------------------------*/
#headerInfo {
	position: absolute; top: 10px; left: 30px; width: 100px; height: 100px; z-index: 2}
#headerinfo a img {
	display: block}
/*------------------------------------------------------------------------------------------------------------------------------------------
	MAIN MENUS
------------------------------------------------------------------------------------------------------------------------------------------*/
#mainmenus {position: relative; top: 8px; width: 884px; height: 35px; background: #FFF; margin: 0px;font-family: Arial, Helvetica, sans-serif;}
ul#mainmenus {border: none; background-color:#FFF;text-transform: uppercase; margin:0;list-style:none;padding:0;}
ul#mainmenus ul{
	margin:0; list-style:none;padding:0; }
#mainmenus ul ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#F4F9FD;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-color:#d4d4d4;padding:0 10px 10px;}
#mainmenus ul li:hover>*{display:block;}
#mainmenus ul li{position:relative;display:block;font-size:0;float:left;white-space:nowrap;} 
#mainmenus ul li:hover{	z-index:1;}
#mainmenus ul ul ul{position:absolute;left:100%;top:0;}
#mainmenus ul{	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0; *display:inline;}
* html #mainmenus ul li a{display:inline-block;}
#mainmenus ul>li{margin:0;}
#mainmenus ul a:active, #mainmenus ul a:focus{	outline-style:none;}
#mainmenus ul a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 13px sans-serif;color:#627277;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#FFF;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVCjP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#FFF;}
#mainmenus ul ul li{float:none;margin:10px 0 0; height: 20px;}
#mainmenus ul ul li a{font-size: 13px; line-height: 20px;}
#mainmenus ul ul a{
	text-align:left;padding:4px;background-color:#F4F9FD;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#627277;text-decoration:none;}
#mainmenus ul li:hover>a,#mainmenus ul li a.pressed{
	background-color:#F4F9FD;border-color:#C0C0C0;border-style:solid;color:#627277;text-shadow:#FFF 0 0 1px;text-decoration:none;}
#mainmenus ul span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
#mainmenus ul ul span{
	background-image: url(/img1/arrow-right-2.png); background-repeat: no-repeat; background-position: right; padding-right:25px; }
#mainmenus ul ul li:hover>a,#mainmenus ul ul li a.pressed{
	background-color:#F4F9FD; background-image: none;color:#E96825;text-decoration:none;} /**/
#mainmenus ul li.topfirst>a{
	border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
#mainmenus ul li.toplast>a{
	border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;}
/*-------------------------------------------------------------------------
#headerright {float:left; width: 200px; height:150px}
#headerright img {	padding: 0px 0 0px 10px; margin-top: 15px; border: 0}
#headerright p {float:right; font-size:10px; padding: 10px 10px 10px 0px; border: 0}
/************* #headermenu styles *************/
#barreMenu {float:left; width: 1023px; height:40px; text-align:left; padding: 0px; margin: 0px}

/*-------------------------------------------------------------------------*/
.separation {
	clear:both; visibility:hidden}
/*-------------------------------------------------------------------------*/
#indexLien {
	height:130px; width:368px; z-index:1; background-color:#993333; visibility: visible; left: 361px; top: 354px}
#indexswf {
	height:130px; width:368px; z-index:10}
/*-------------------------------------  CORP DE PAGE -------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------
	BREADCRUMB
------------------------------------------------------------------------------------------------------------------------------------------*/
#breadcrumb {position: relative; left: 5px; top: -10px;  z-index: 3; margin: 0px; padding:0px;}
#breadcrumb h3 {float: left; font-size: 12px; color: #fff; line-height: 20px; margin: 0px; padding-right: 0px; opacity: 0.7}
#breadcrumb ul {float: left; line-height: 20px; margin: 0px; padding-top: 5px; font-size: 12px;}
#breadcrumb li {display: inline; margin: 0px; color: #fff;}
#breadcrumb li:before {content: '>'; margin: 0px 6px;}
#breadcrumb li a {color: #fff; font-weight: normal; text-decoration: underline}

#headerinfo a img {display: block}
/*----------CORP DE TEXTE -------------------------------------------------*/
#centretexte {
	/*position: relative; top: 30px; left: 15px;	*/
	margin: 0px; margin-top: 10px; margin-left:15px; font-family:Arial, Helvetica, sans-serif; left top no-repeat; min-height: 570px;	/* Hack pour I.E */
	height:auto !important; /* Hack pour I.E */
	height: 570px; /* Hack pour I.E */
	padding-top: 30px; padding-left: 5px; font-size: 12px; line-height: 18px; color: #333;	/*height:100%;*/
	background-color:#fff; text-align:left}
#centretexte {
	width: 295px}

#centretexte p, #centretexte h1, #centretexte h2, #centretexte h3, #centretexte h4 {
	margin-left:10px; padding: 2px 10px 2px 10px; margin-right:10px; text-align:left}
#centretexte p {
	text-align:justify; padding: 2px 15px 2px 15px}
#centretexte h1 {
	padding-top: 5px; padding-left: 50px; font-size: 22px; line-height: 25px; color: #FFF; background-color:#627277; text-align:left}
#centretexte h2 {
	background-color: #E9ECED; border-top : solid 1px #878787; font-size: 13px; font-weight:bold; color:#FFF; text-align:left; line-height: 20px}
#centretexte h3, h4 {
	font-size: 11px; font-weight:normal; color:#627277}
#centretexte h3 {
	border-top : solid 1px #627277; border-bottom: solid 1px #627277}
#centretexte h4 {
	font-weight:bold}
#centretexte table {
	border:none; text-align:left}
#centretexte table {
	color: #472E3F; font-size: 11px; font-weight:normal; padding-left:15px}
#centretexte th {
	font-weight:bold}
#centretexte ul, #centreCorpDetexte ul, #centretexte ol ul {
	text-align:left; padding: 2px 15px 0px 30px; list-style-image:url(../img1/bullet-small.gif)
}
#centretexte li a, #centreCorpDetexte li a {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.1em; font-weight: bold; line-height: 12px; color: #472E3F; text-decoration: none}
#centretexte ol, #centreCorpDetexte ol {
	text-align:left; padding: 2px 15px 0px 30px; list-style:decimal; color: #E96825}
#centretexte ol {counter-reset: list;} /* on initialise et nomme un compteur */
#centretexte ol li {
    list-style-type: none;
    counter-increment: list; /* on incrémente le compteur à chaque nouveau li */
    margin-bottom: 10px}
#centretexte ol li:before {
    content: counter(list); /* on affiche le compteur */
    padding: 2px 5px 5px;    margin-right: 8px;
    vertical-align: top;    background: #E96825;    -moz-border-radius: 10px;
    border-radius: 10px;    font-weight: bold;    font-size: 0.8em;    color: white}
#centretexte ol ul li:before {
    content: counter(none); /* on affiche le compteur */
	 display: none;

}
/*-------------------------------------------------------------------------*/
.flech-titg {
	padding-top: 5px; font-size: 10px; color: #563F4E; text-decoration: none}
.txt {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #563F4E; text-decoration: none}
.txt input {
	border: 0px; border-style:none; padding: 0px; text-align:left; font-size: 10px; line-height: 12px; color: #472E3F; padding-right: 5px; text-decoration: none}
.txtlogo {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; letter-spacing: 0.1em; padding-left: 50px; color: #FFF; text-decoration: none}
.txtlogo h1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; line-height: 13px; letter-spacing: 0.1em; color: #FFF; text-decoration: none}
.txgo {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 0.1em; font-weight: bold; line-height: 12px; color: #472E3F; text-decoration: none}
.txt1, .txt1-1, .txt1-2, .txt1-3, .txt1-logo, .txt1-4, .txt1-4impair {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 0.1px; line-height: 15px; text-decoration: none; text-align:left; margin-left:5px}
.txt1 {
	color: #FFF}
.txt1-1 {
	color: #472E3F; padding-right: 45px}
.txt1-2 {
	color: #472E3F}
.txt1-4 {
	padding-right: 20px; color: #472E3F}
.txt1-4impair {
	color: #472E3F; padding-right: 20px; background-color: #CCCCCC; font-size: 10px}
.txt1-3 {
	font-family: Arial, Helvetica, sans-serif; line-height: 15px; color: #472E3F; padding-left: 45px; padding-right: 45px; text-decoration: none; text-align:left}

.top {	font-size: 9px;	line-height: 9px;}
.top:before {	content: '[';}
.top:after {	content: ']';}

.legend {font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color:#000000;	text-decoration: none;}
.legend2 {font-family: Arial, Helvetica, sans-serif;font-size: 9px;	color: #FFF;	text-decoration: none;}

.titbloc0, .titbloc01, .titbloc-bullet-neg {
	font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #FFF}
.titbloc0 {	line-height: 24px;	padding-left: 11px;	font-size: 20px;}
.titbloc01 {	line-height: 22px;	padding-left: 11px;	font-size: 17px;}
.titbloc-bullet-neg {	background: url(../img1/bullet.gif);	background-repeat: no-repeat;	background-position: 12px 3px; font-size: 16px;	line-height: 14px;	padding-left: 30px;	text-align:left;}

.titbloc1, .titbloc12, .titbloc13, .titbloc2, .titbloc22, .titbloc23 {
	font-family: Arial, Helvetica, sans-serif;	color: #B3BED4;	text-decoration: none}
.titbloc1 {
	font-weight: bold; line-height: 42px; padding-left: 32px; font-size: 22px}

.spacer {	font-size: 1px; border:#E9ECED}
.border1 {	border-top : solid 1px #878787; border-left : solid 1px #878787}
.bloc0, .bloc1, .bloc11, .bloc12, .bloc13 {
	background-color: #CFD0C4; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none}
.bloc0 {	padding-left: 50px; border-top : solid 1px #878787; font-size: 10px; line-height: 13px; letter-spacing: 0.1em}
.bloc1 {	padding-left: 50px; border-top : solid 1px #878787; font-size: 10px}
.bloc11 {	border-top : solid 1px #878787; font-size: 10px}
.bloc12 {	border : solid 1px #878787; font-size: 10px}
.bloc13 {	font-size: 10px}
.bloc2 {	background-color: #AAB7CF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFF; text-decoration: none}
.bkcompany {
	background-color: #627277; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFF; text-decoration: none}
a.link:link , a.link.img, a.link:visited,a.link:hover{
	text-decoration: none; color: #FFF}
a.link.img {vertical-align: middle}
a.link:hover {text-decoration: underline; color: #FFF}
a.link2:link {
	text-decoration: none; color: #563F4E}
a.link2:visited ,a.link2:hover, a.linkb2:link, a.linkb2:visited, a.linkb2:hover{text-decoration: underline; color: #563F4E}
a.linkb2:link {font-weight:bold}

a.linkb:link {text-decoration: none; color: #FFF; font-weight:bold}
a.linkb:visited {text-decoration: none; color: #FFF}
a.linkb:hover {text-decoration: underline; color: #FFF}

a.tx1:link , a.tx1 h1, a.tx1:visited{	color: #563F4E; text-decoration: none}
a.tx1:hover {color: #563F4E; text-decoration: underline}
.bord-cal {border : solid 1px #FFF}
.txt1-logo {	font-size: 11px; line-height: 15px; color: #472E3F; padding: 10px 20px 10px 20px; text-align:justify}

.hidden { visibility:hidden}
.visible {visibility:visible}

/***********************************************/
/* formulaire.css                             */
/***********************************************/
table {border:none}

/*-------------- formular --------------------------------*/
form.formular {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #472E3F; padding: 0px; border: 1px none #A5A8B8; width:260px; margin: 0 }

.formular fieldset {margin-top: 5px; padding : 0px 5px 10px 10px; border: 1px solid #E96825; width: 255px}
.formular div {margin: 0}
.formular legend {font-size: 12px; color: #E96825; font-weight: 900}
.formular fieldset legend.reservation {	color: #FF4D00}
.formular fieldset label, .formular fieldset label.last {width: auto; display:inline-block; margin:0; padding:0; margin-top: 5px; margin-right:10px; font-weight:normal}
.formular fieldset label {float: left}
.formular fieldset label.last {float: none; clear: both}
.formular label span, .formular label.last span {	color: #000; font-weight: 600; line-height:25px; vertical-align:middle}
.formular label span.lib {	font-weight:normal; margin:0}
.formular label span.req:before, .formular label.last span.req:before {content:"* ";	color:#F00;}

.formular input, .formular select, .formular textarea {display : block; margin-right: 5px; margin-bottom: 5px}
.formular select:focus, .formular input:focus, .formular textarea:focus { background-color: #9B909E; color:#FFF; border-style:inset; 	padding: 1px; 	border: 1px solid #9B909E}
.formular .text-input, .formular .text-input2 {	background-color: #E4E4E4; border-style:inset; padding: 1px; margin-bottom:2px; border: 1px solid #CCCCCC; width: 230px;}
.formular .text-input3 {	background-color: #e1d1b7; border-style:inset; padding: 1px; margin-bottom:2px; border: 1px solid #CCCCCC; width: 230px;}
.formular .text-input3:disabled {color: #000; background-color: #e1d1b7; border-style:inset; padding: 1px; margin-bottom:2px; border: 1px solid #CCCCCC; width: 230px;}
.formular .text-input2 {	background-color: #E4E4E4; border-style:inset; padding: 1px; margin-bottom:2px; border: 1px solid #CCCCCC; width: 230px; height: 70px; word-wrap: normal;}
.formular .text-input:required { border: 2px dotted orange;}
.formular label textarea, .formular label input textarea {
	width: 260px; height:70px; color: #555; padding: 4px; border: 1px solid #B5B8C8; font-size: 14px; margin-top: 4px; background: #FFF;}
.formular .infos {background: #FFF; color: #333; font-size: 12px; padding: 10px; margin-bottom: 10px}
.formular span.checkbox, .formular .checkbox, .formular span.radio, .formular .radio {
	display: inline; margin-right: 5px; margin-left:5px}

.formular .submit {
	padding: 4px; margin-top: 10px; float: right; background-color:#E96825;
    background: -moz-linear-gradient(center top , #E96825, #CB5414) repeat scroll 0 0 transparent;
    border: medium none; border-radius: 4px 4px 4px 4px;
    color: #FFF; cursor: pointer; font-size: 12px;  font-weight: bold}

.formular hr {clear: both; visibility: hidden}
.formular .fc-error {
	width: 250px; color: #555; padding: 4px; border: 1px solid #B5B8C8; font-size: 12px; margin-bottom: 15px; background: #FFEAEA}

#forgot {display: none}