/* @override 
	http://trilogis.local/stylesheets/trilogis.css
	http://trilogis.fr/stylesheets/trilogis.css
*/

/* @group CSS RESET */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */


/* @group General */

.hide{
	display: none;
}

/* @end */

/* @group Platform */


body{
	margin: 0px auto 0px auto ;
	width: 801px;
	text-align: center;
	font-family: Verdana,Helvetica,sans-serif;
	color: #505050;
	font-size: 11px;
	position: relative;

}

a{
	font-family: Verdana;
	color: #505050;
	text-decoration: none;	
}


#platform{
	position: relative;
}

#menu .language{
	z-index: 10;
	position: absolute;
	left: 600px;
	top: 35px;
}



#platform ul.places{
	text-align: left;
	position: absolute;
	top: 550px;
	left: 403px;
}

#platform ul.places li{
	padding: 0px 5px 10px 0px;
	height: 10px;
}



#platform .welcome{
  position:absolute;
  left:0px;
	text-indent: 50px;
	line-height: 16px;
	text-align: justify;
	margin: 45px 0px 0px 40px;
	width: 290px;
}


#platform .arrow{
	position: absolute;
	top: 520px;
	left: 385px;

	opacity: 0.45;
}


#platform .location{
	margin-top: 10px;	
}

#platform .map{
	position: absolute;
	top: 480px;
	left: 656px;	
}

#platform .square{
	position: absolute;
	top: 5px;
	
}

#platform .square.paris{
	position: absolute;
	top: 33px;
	left: 55px;
	
}

#platform .square.saint_privat{
	position: absolute;
	top: 71px;
	left: 41px;
	
}

#platform .square.biarritz{
	position: absolute;
	top: 84px;
	left: 20px;
	
}

.xav_photos{
	height: 310px;
	margin-top: 0px;
	margin-bottom:20px;
  
}

#platform .big_photos{
	height: 335px;
	margin-top: 45px;
}

.slideshow{
  background-color:#fff;
	position: relative;
}


.slide{
	position: absolute;
	left: 0px;
}

li.biarritz:hover, a.biarritz:hover,a.biarritz.current {
	color: #c32c23;
}
li.paris:hover, a.paris:hover,a.paris.current {
	color: #2e3c69;
}
li.saint_privat:hover, a.saint_privat:hover,a.saint_privat.current {
	color: #ea9537;
}

/* @end */

/* @group Places */


#header{
	height: 58px;
	width: 778px;
	position: relative;
	font-size: 10px;
}

#header .places,#header .contact,#header .language{	
	position: absolute;
	top: 38px;
	text-align: left;
}

#header .places{
	position: absolute;
	left: 28px;
}

#header .contact{
	position: absolute;
	left: 618px;
}

#header .language{
	position: absolute;
	left: 542px;
}


.title{
	position: absolute;
	top: 92px;
	left: 12px;
	height: 80px;
}

.content .column{
	float: left;
	width: 265px;
	padding-right: 20px;
	line-height: 18px;
}


table.welcome{
	margin-top: 0px;
	width: 778px;
}
table.welcome td{
	vertical-align: top;
	background-color: #dacdbb;
}


.text-back{
  background-color: #dacdbb;
  
}

.content{
  position:relative;
  top:120px;
	width: 778px;
}

.foot{
  position:relative;
  top:120px;
  
}

table.goldbooks{
	margin: 20px 0px;
	width: 778px;
	background-color: #dacdbb;
}

td.goldbook{
	background-color: #dacdbb;
	padding: 10px;
	width: 30%;
	text-align: justify;
}

.goldbook .delimiter{
	display: block;
	padding-bottom: 20px;
}
.goldbook .who{
	font-size: 13px;
	display: block;
	color: #2e2e2e;
	font-weight: bold;
	padding-bottom: 5px;
}

.goldbook .date { 
	display: block;
	color: #896a27;
	font-size: 12px;
}

.goldbook .description{
	line-height: 16px;
	color: #2e2e2e;
	
}

table td.image img{
	border-right: 3px solid ;
	color: #d9ba71;
}

table td.image{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;

}

table td.text{
	padding: 20px 20px 10px 20px;
	line-height: 20px;
	width: 100%;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

table.content .text{
	padding: 20px;
	line-height: 14px;
	font-size: 11px;
}

a:hover,.menu{
	color: #ea9500;
}

.delimitation{
	margin: 5px 0px;
	width: 778px;
	height: 5px;
}

/* @group Sub_content */
.sub_content{
	position: relative;
	min-height: 120px;
	left: 370px;
	width: 400px;
	text-align: left;
	margin-top: 5px;
}

.content h3{
	line-height: 20px;
	
}

.sub_content h3{
	color: #000;
	margin-bottom: 7px;
	margin-top: 3px;
}


ul.acces li{
	padding: 0px 3px 6px 3px;
}

.sub_content h2{
	font-size: 16px;
	padding-bottom: 15px;
}

.sub_content .first{
	float: left;
	padding: 0px 10px;
	width: 232px;
}

.border-left{
	border-left: 1px solid #000;
	min-height: 80px;	
	padding-left: 5px;
}

.sub_content .second{
	
}
/* @end */

.menu{
	position: absolute;
	margin-left: 136px;
	padding-top: 10px;
}


.animation{
	position: absolute;
	margin-top: 12px;
	opacity: 0.5;
}

.menu{
	margin-bottom: 20px;
	font-size: 10px;
	letter-spacing: 1px;		
}


.menu li{
	list-style-position: inside;
	text-align: left;
	padding: 1px 3px 2px 3px;
	height: 16px;
	list-style-type: disc;
}

ul.sub_menus{
	float: left;
	padding: 20px 40px 20px 10px;
	
}

ul.sub_menus li{
	line-height: 16px;	
}

#footer{
	font-size: 9px;
	margin-top: 220px;
	margin-bottom:5px;
}
#footer_platform{
  margin-top:220px;
}

ul.place_list li{
	padding: 2px 0px 2px 2px;
}

.galery h3{
	font-size: 12px;
	color: #555;
}

.actus{
	float: left;
}

.actus .image{
	float: left;
	display: block;
	width: 190px;
	height: 100px;
}

.actus .image img{
	float: left;
	padding: 0px 5px 5px 0px;
}

.galery{
	position: absolute;
	left: 250px;
}
.galery .photo{
	border: 1px solid #aaa;
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
	padding: 0px 0px 0px 0px ;
	margin: 2px;
}

.galery .photo_frame{
	float: left;
	border: 1px solid #aaa;
	margin: 2px;
	width: 36px;
	height: 36px;
}

/* @end */


/* @group Backoffice */
.backoffice{
	text-align: left;
	background-color: #dacdbb;	
	color: #2e2e2e;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.backoffice .help{
	margin-bottom: 20px;
	font-size: 13px;
		
}


#admin_menu{
	font-size: 14px;	
	padding-top: 9px;
}

.backoffice .thumbnail{
	height: 100px;		
}

.backoffice li{
	padding: 10px;
	list-style-type: disc;
	list-style-position: inside;
}

/* @group backoffice */
.backoffice{
	font-size: 12px;
	margin: 10px 20px 20px 20px ;
}

.backoffice h1{
	font-size: 14px;
	margin-bottom: 10px;
}

.italic{
	font-style:italic;
}
.backoffice td,.backoffice th{
	padding: 5px;
	border-top: 1px solid #fff;
}


.backoffice th{
	font-weight: bold;
}

.text h2{
	font-size: 20px;
}

.text h2 .subtitle{
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	padding-top: 5px;
}


.blank_message{
  text-align:center;
  padding:15px;
  font-size:13px;
}


ul.wedding_menu li{
	padding: 0px 3px 6px 3px;
}

td.text.availability{
	vertical-align: top;
}
strong{
  font-weight:bold;
}

/* @end */


/* @end */