/* ----------------------- */
/* HTML */
/* ----------------------- */
@font-face {
	font-family: 'Futura-Medium';
	src: url('Futura_Medium.eot');
	src: local('Futura-Medium'), local('Futura-Medium'), url('Futura_Medium.ttf') format('truetype');
}

/*
@font-face {
	font-family: 'QuicksandBook';
	src: url('Quicksand_Book.eot');
	src: local('Quicksand Book'), local('QuicksandBook-Regular'), url('Quicksand_Book.ttf') format('truetype');
}


@font-face {
	font-family: 'QuicksandBold';
	src: url('Quicksand_Bold.eot');
	src: local('Quicksand Bold'), local('QuicksandBold-Regular'), url('Quicksand_Bold.ttf') format('truetype');
}
*/

/* ----------------------- */
/* HTML */
/* ----------------------- */
body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
/* 	font-family: QuicksandBook, Verdana, arial, sans-serif; */
	font-family: 'Futura-Medium', Verdana, arial, sans-serif;
	overflow-y: scroll;
}

legend {
	background-color: #fff;
}

/* ----------------------- */
/* STRUCTURE */
/* ----------------------- */
#content {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#header_lang {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	width: 980px;
	height: 35px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}

#header_menu {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 38px;
	margin-left: auto;
	margin-right: auto;
	z-index: 200;
}

#sub_access {
/* 	position: absolute; */
	margin: 0px;
	padding: 0px;
	margin-left: 622px;
	height: 150px;
	z-index: 10;
}

#page_top {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	color: #000;
	line-height: 35px;
}

#page_content {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#page_bottom {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
}

#footer {
	clear: both;
	position: relative;
	width: 980px;;
	border-top: 1px solid grey;
	font-size: 9px;
	text-align: center;
	color: grey;
	margin-left: auto;
	margin-right: auto;
	font-weight: normal;
}



/* ----------------------- */
/* HEADER MENU */
/* ----------------------- */
#header_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 980px;
	height: 38px;
	background-image: url(../_images/fond_menu.png);
	background-repeat: repeat-x;
	background-position: top left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#header_menu li {
	cursor: pointer;
	float: left;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	height: 38px;
}

#header_menu a {
	display: block;
	height: 34px;
	font-family: 'Futura-Medium', Verdana, arial, sans-serif;
	color: #232323;
	text-shadow: #c5c5c5 0 1px 0;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 34px;
}

#header_menu li:hover {
	background-image: url(../_images/fond_menu_cur.png);
	
}

#header_menu li.m_cur {
	background-image: url(../_images/fond_menu_cur.png);
	
}

#header_menu a.m_a_cur {
	color: #fff;
	text-shadow: #000 0 1px 0;
}

/* ----------------------- */
/* FORMULAIRE ABONNE */
/* ----------------------- */
#sub_access fieldset {
	width: 330px;
	height: 100px;
	padding: 10px;
	border: 1px solid #dddddd;
	background-image: url(../_images/fond_box_col_droite.png);
	background-repeat: repeat-x;
	background-position: top left;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.6);
}


.form_content {
	padding-top: 10px;
}

/* ----------------------- */
/* PAGE TOP */
/* ----------------------- */
#page_top h5 {
	font-size: 12px;
	color: grey;
	font-weight: normal;
	letter-spacing: .5em;
}

/* ----------------------- */
/* PAGE CONTENT */
/* ----------------------- */
#col_gauche {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 775px;
	min-height: 500px;
}
#col_droite {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 25px;
	width: 180px;
	min-height: 500px;
}

.box_col_droite {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	padding: 0px 10px 0px 10px;
	width: 160px;
	height: 137px;
	border: 1px solid #dddddd;
	background-image: url(../_images/fond_box_col_droite.png);
	background-repeat: repeat-x;
	background-position: top left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.box_col_droite p {
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: .05em;
	text-align: justify;
}
.box_col_droite h5 {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	color: #4068ab;
	font-size: 12px;
	font-weight: normal;
}

/* ----------------------- */
/* TEXT SLIDE SHOW */
/* ----------------------- */
#slide_box {
	position: relative;
	clear: both;
	width: 180px;
}

#slide_box p {
	margin-top: 10px;
	font-size: 10px;
	color: grey;
	font-weight: normal;
	letter-spacing: .1em;
}
#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
	height:100px;
	overflow:hidden;
	border: 1px solid #dddddd;
	background-color: #d6eaf0;
	background-image: url(../_images/fond_box_col_droite.png);
	background-repeat: repeat-x;
	background-position: top left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type: none;
	text-indent: 5px;
	margin:0px;
	font-size: 9px;
	font-weight: bold;
	line-height: 16px;
	color: #4068ab;
	font-family: verdana;
}

.use_com {
	font-size: 9px;
	font-weight: normal;
}

.use_com_link {
	font-size: 9px;
	font-weight: normal;
	color: #4068ab;
	text-decoration: none;
	
}
.use_com_link:hover {
	font-size: 9px;
	font-weight: normal;
	color: #4068ab;
	text-decoration: underline;
	
}


/* ----------------------- */
/* FOOTER */
/* ----------------------- */
#footer a {
	color: grey;
	font-size: 10px;
	text-decoration: none;
}

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


/* -------------------------------------------------------------- */
/* PAGE HOME */
/* -------------------------------------------------------------- */
#slide_screen {
	margin: 0px;
	padding: 0px;
	width: 300px;
}

#slide_screen_list {
	width: 300px;
}
ul.crossfade {
	position: relative;
	clear: both;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.fade-example li {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: auto;
	background-color: #fff;
	visibility: hidden;
	text-align: right;
}
.caption {
	text-align: right;
	font-size: 9px;
	color: grey;
}

#bandeau_logo {
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.6);
}

#intro_texte {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-top: 40px;
	text-align: left;
	line-height: 20px;
}

#intro_texte H2 {
	margin:0px;
	padding:0px;
	font-size: 14px;
	color: #4068ab;
}

#intro_texte H5 {
	letter-spacing: .05em;
	color: #4068ab;
	font-size: 11px;
}

#intro_texte p {
	color: #000; /*#333333*/;
	font-size: 13px;
	font-weight: normal;
/* 	letter-spacing: .05em; */
}

.link_detail {
	text-decoration: none;
	color: #000;
}
.link_detail:hover {
	text-decoration: underline;
}

/* -------------------------------------------------------------- */
/* PAGE FEATURES */
/* -------------------------------------------------------------- */
#intro_features {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

#intro_features h5 {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 20px;
	border: 1px solid #dddddd;
	background-image: url(../_images/fond_box_col_droite.png);
	background-repeat: repeat-x;
	background-position: top left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color: #4068ab;
	line-height: 20px;
	text-indent: 3px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .05em;
}

#intro_features p {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: .05em;
}

.box_fonction {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 21px;
	margin-bottom: 21px;
	width: 170px;
	height: 150px;
	border: 1px solid #dddddd;
	background-image: url(../_images/fond_box_col_droite.png);
	background-repeat: repeat-x;
	background-position: top left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.box_fonction h5 {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 17px;
	font-size: 10px;
	line-height: 17px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	letter-spacing: .1em;
	background-color: #4068ab;
}

/* -------------------------------------------------------------- */
/* PAGE PRICES */
/* -------------------------------------------------------------- */
#intro_prices {
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

#intro_prices h5 {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 20px;
	border: 1px solid #dddddd;
	background-image: url(../_images/fond_box_col_droite.png);
	background-repeat: repeat-x;
	background-position: top left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color: #333333;
	line-height: 20px;
	text-indent: 5px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .05em;
}

#intro_prices p {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: .05em;
}

.box_prices {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 21px;
	margin-bottom: 21px;
	width: 361px;
	height: 150px;
	border: 1px solid #dddddd;
	background-image: url(../_images/fond_box_col_droite.png);
	background-repeat: repeat-x;
	background-position: top left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.box_prices h5 {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	letter-spacing: .1em;
	background-color: #4068ab;
}

.box_prices p {
	margin: 0px;
	padding: 0px;
	margin-top: 25px;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	letter-spacing: .1em;
}




/* Contenu Fieldset */
.vig_sc {
	float: right;
	border: 0px;
	cursor:crosshair;
}
.fs_niv_1 {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	padding: 20px;
	font-size: 12px;
	color: #4068ab;
	border: 1px solid #4068ab;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.fs_niv_2 {
	margin-top: 10px;
	font-size: 10px;
	color: grey;
	border: 1px solid grey;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* BULLES */
#text {margin:50px auto; width:500px;font-size: 10px;z-index: 300;}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer;z-index: 300;}
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat;z-index: 300;}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#fff;font-size: 10px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}