@import 'reset.css';

body {
	font-size: 10pt;
	font-family: "Helvetica Neue", tahoma, arial, lucida, verdana, sans-serif;
	background-color: #000000;  
	color: #3b4048;
	line-height: 14pt;
	font-weight: normal;
	text-shadow: #c6cbd6 2px 2px 4px;
	text-align: justify;
}

h1 {
    font-size: 1.8em;
    font-weight: normal;
    background: transparent url('global/h1_logo.png') no-repeat 0 20px;
    padding: 20px 0 10px 50px;
	clear: both;
	text-align: left;
}

h2 {
    font-size: 1.8em;
    font-weight: normal;
    background: transparent url('global/h1_logo.png') no-repeat 0 20px;
    padding: 20px 0 10px 50px;
	text-align: left;
}


a {
    color: #407ebc;
    text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


.clearit {
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

#MediaLayer314 {
	position:relative;
	width:250px;
	height:200px;
	z-index:0;
	left: 0px;
	top: 0px;
	text-align: left;
	vertical-align: middle;
	overflow: visible;
}

#logo {
    position: absolute;
    top: 18px;
    left: 35px;
}

object, embed, param {
	z-index: 1;
	width: 250px;
	height: 200px;
}

#pub {
}

/* @group header */

#header {
    height: 170px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

#header .cloud {
    position: relative;
    width: 1000px;
    height: 170px;
    background: transparent url('global/header_cloud.jpg') repeat-x left;
	z-index: 2;
}

#header .cloud .menu {
    position: absolute;
    top: 107px;
    left: 0px;
    width: 1000px;
    height: 35px;
    background: transparent url('global/menubar_bg.jpg') top left no-repeat;
	z-index: 2;
}


#header .cloud .menu ul li {
    float: left;
    width: 120px;
	z-index: 2;
}

#header .cloud .menu ul li.active {
    background:  transparent url('global/menu_active.png') top left no-repeat;
	z-index: 2;
}

#header .cloud .menu ul li a {
    color: #92bde3;
    text-decoration: none;
    display: block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1.2em;
	z-index: 2;
}

#header .cloud .menu ul li a:hover {
    color: #fff;
    text-decoration: none;
	z-index: 2;
}

#header .cloud .submenu {
    position: absolute;
    top: 142px;
    left: 0px;
    width: 960px;
    height: 28px;
	z-index: 2;
}

#header .cloud .submenu ul li {
    float: left;
	z-index: 2;
}

#header .cloud .submenu ul li a {
    color: #3b4048;
    text-decoration: none;
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0 10px;
	z-index: 2;
}

#header .cloud .submenu ul li a:hover {
    text-decoration: underline;
	z-index: 2;
}

#header .cloud .submenu ul li.active a {
    font-weight: bold;
	color: #246ab3;
	text-shadow: #ff7300 2px 2px 4px;
	font-size: 16px;
	z-index: 2;
}



/* @end */

/* @group page */

div.action {
	float: left;
	padding: 10px;
	width: 30%;
}

#page {
	padding-bottom: 20px;
	width: 1000px;
	text-align: center;
}

#page .content {
    background-color: #FFF;
    width: 960px;
	margin-top: 150px;
	margin-left: auto;
	padding: 20px;
	text-align: justify;
}

#page .content .col1 {
    width: 300px;
    float: left;
    margin: 0 10px;
    padding: 10px 0;
}

#page .content .col2 {
    width: 620px;
    float: right;
    margin: 0 10px;
    padding: 10px 0;
}

#page .highlight {
    width: 620px;
    height: 160px;
    padding: 20px 0 0 0;
}

#page .highlight ul {
    
}

#page .highlight ul li {
    float: left;
    width: 310px;
    text-align: center;
    font-size: 1.2em;
}

#page .highlight ul li p {
    width: 90%;
    padding: 20px 0;
    margin: 0 auto;
}

#page .news {
    width: 300px;
    background-color: #dedede;
    padding: 1px 0 0 0;
}

#page dl {
    width: 298px;
    margin: 0 0 0 1px;
    background-color: #fff;
}

#page dl dt {
    padding: 10px 0;
    text-align: center;
}

#page dl dd {
    background-color: #f6f6f6;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    margin: 5px 0 0 0;
}

#page dl dd div.p {
    padding: 8px 0;
    margin: 0 8px;
}

div.p_small {
    padding: 8px 0;
    margin: 0 8px;
	font-size: 14px;
	text-align: justify;
}



/* @end */

/* @group bottom */

#bottom {
    width: 960px;
    margin: 0 auto;
    background: transparent url('global/bottom_cloud.jpg') top left no-repeat;
    color: #fff;
	text-shadow: #000000 0 0 0px;
}

#bottom ul li {
    float: left;
    padding-top: 15px;
}

#bottom ul li a {
    color: #92bde3;
    font-weight: bold;
    text-decoration: none;
}

#bottom ul li a:hover {
    color: #fff;
}

#bottom ul li.first {
    text-align: center;
    width: 350px;
}

#bottom ul li.middle {
    text-align: left;
    width: 360px;
    margin: 0 0 0 20px;
    padding-top: 35px;
}

#bottom ul li.last {
    width: 200px;
    margin: 0 0 0 15px;
    padding-top: 25px;
}

div.horaire, div.tel {
	float: left;
	padding: 5px;
	font-size: 12px;
}

div.small {
	text-align: center;
	display: inline-block;
	font-size: 11px;
	padding: 5px;
	width: 99%;
	text-shadow: #000000 0 0 0px;
	color: #b5bcc3;
}



/* @end */

/* @group img */

img.left {
	float: left;
	padding: 5px;
	margin: 5px;
}

img.right {
	float: right;
	padding: 5px;
	margin: 5px;
}

img.margin {
	margin: 5px;
}



/* @end */

/* @group Page */

/* @group Accueil */

li.list {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 15px;
}

li.small {
	list-style-type: none;
	list-style-position: inside;
	padding-left: 15px;
	font-size: 9px;
}



/* @end */

/* @group liens */

div.lien {
	padding: 5px;
	border-bottom: 1px solid #c4c9d4;
}



/* @end */

/* @group Table */

div.table, div.table_big {
	display: table;
}

div.t_row, div.t_row_big {
	display: table-row;
}

div.t_cell_header, div.t_cell_header_big {
	display: table-cell;
	padding: 5px;
	border-bottom: 1px solid #c4c9d4;
	border-right: 1px solid #c4c9d4;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

div.t_cell_header_l, div.t_cell_header_l_big {
	display: table-cell;
	padding: 5px;
	border-bottom: 1px solid #c4c9d4;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

div.t_cell_h, div.t_cell_h_big {
	display: table-cell;
	padding: 5px;
	border-bottom: 1px solid #c4c9d4;
	border-right: 1px solid #c4c9d4;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}

div.t_cell, div.t_cell_big {
	display: table-cell;
	border-bottom: 1px solid #c4c9d4;
	border-right: 1px solid #c4c9d4;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
}

div.t_cell_hl {
	display: table-cell;
	border-bottom: 1px solid #c4c9d4;
	border-right: 1px solid #c4c9d4;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	background-color: #dff3f8;
}

div.t_cell_l, div.t_cell_l_big {
	display: table-cell;
	border-bottom: 1px solid #c4c9d4;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
}

div.t_cell_hl_l {
	display: table-cell;
	border-bottom: 1px solid #c4c9d4;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	background-color: #dff3f8;
}

div.t_cell_r {
	padding: 5px;
	border-bottom: 1px solid #c4c9d4;
	display: block;
	text-align: center;
}

div.t_cell_r2 {
	padding: 5px;
	display: block;
	text-align: center;
}



/* @end */

/* @group Descriptions */

div.small_desc {
	font-size: 10px;
	line-height: 12px;
}

div.desc, ul.desc {
	padding: 10px;
	text-align: justify;
	float: left;
	width: 300px;
}

div.desc2 {
	padding: 10px;
	text-align: justify;
	float: left;
}

li.desc {
	list-style-position: inside;
	list-style-image: url(global/li.png);
}

span.sup {
	vertical-align: super;
	font-size: 10px;
}

span.old {
	text-decoration: line-through;
}



/* @end */

div.space {
	padding-bottom: 30px;
}

div.italic {
	font-style: italic;
}

/* @group iPhone */

div.VOX_Min {
	background-color: #ffda00;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
	-webkit-border-top-left-radius: 10px 10px;
	-webkit-border-bottom-left-radius: 10px 10px;
	-webkit-border-top-right-radius: 10px 10px;
	-webkit-border-bottom-right-radius: 10px 10px;
	display: block;
}

div.VOX_Data {
	background-color: #ffa91b;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
	-webkit-border-top-left-radius: 10px 10px;
	-webkit-border-bottom-left-radius: 10px 10px;
	-webkit-border-top-right-radius: 10px 10px;
	-webkit-border-bottom-right-radius: 10px 10px;
}

div.VOX_Wifi {
	background-color: #f00;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
	-webkit-border-top-left-radius: 10px 10px;
	-webkit-border-bottom-left-radius: 10px 10px;
	-webkit-border-top-right-radius: 10px 10px;
	-webkit-border-bottom-right-radius: 10px 10px;
}

div.VOX_Roa {
	background-color: #00df26;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
	-webkit-border-top-left-radius: 10px 10px;
	-webkit-border-bottom-left-radius: 10px 10px;
	-webkit-border-top-right-radius: 10px 10px;
	-webkit-border-bottom-right-radius: 10px 10px;
}

div.VOX_RoaData {
	background-color: #2668ff;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
	-webkit-border-top-left-radius: 10px 10px;
	-webkit-border-bottom-left-radius: 10px 10px;
	-webkit-border-top-right-radius: 10px 10px;
	-webkit-border-bottom-right-radius: 10px 10px;
}



/* @end */



/* @end */

img.photo {
	margin: 5px;
	padding: 5px;
	clear: both;
}

div.photo {
	text-align: center;
	margin: 5px;
	padding: 5px;
	display: inline-block;
}

.help {
	cursor: help;
	color: #424242;
	font-weight: normal;
	font-style: normal;
}

#top {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(239,249,251,0.9);
	z-index: 1000;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

div.photo_h {
	text-align: center;
	width: 100%;
	visibility: hidden;
	position: fixed;
	top: 54px;
}

h1.center {
    font-size: 1.8em;
    font-weight: normal;
    background: #fefffe url('global/h1_logo.png') no-repeat center top;
    padding: 0;
	clear: both;
	text-align: center;
	line-height: 1.8em;
	border: 10px solid #fefffe;
	margin: 0;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
}

div.caption {
    background: #fefffe;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	margin: 0;
	width: 100%;
	text-align: center;
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#d {
	position: fixed;
	top: 0;
	visibility: visible;
	z-index: 2000;
}

div.close {
	position: fixed;
	top: 48px;
	left: 10px;
	z-index: 2001;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fdfbfb;
	padding: 10px 20px 10px 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #000 url(close.png) no-repeat 10px center;
}

b.prix_r {
	color: #3276da;
	font: bold 24px/28px "Lucida Grande", Lucida, Verdana, sans-serif;
	float: right;
}

b.prix_l {
	color: #3276da;
	font: bold 24px/28px "Lucida Grande", Lucida, Verdana, sans-serif;
	float: left;
}