@CHARSET "UTF-8";
body {
	background:#fff url(../images/bg-body.png) repeat-x top;
	color:#303030;
	font-family:"lucida grande",helvetica,sans-serif;
	font-size:10px;
	line-height:18px;
	margin:0;
	padding:0;
}

* { outline: none; }


/*===============================
	links */
	
a:link 		{text-decoration: 	none; 	color: #8f0b09;}
a:visited {text-decoration: 	none; 	color: #8f0b09;}
a:active 	{text-decoration: 	none; 	color: #8f0b09;}
a:hover 	{text-decoration: 	underline; 	color: #8f0b09;}


/*===============================
	title */

h1 {
  font-family:"Myriad Pro",helvetica,sans-serif;
  font-weight:bold;
  font-size:2.2em;
  color:#b90e0b;
  text-transform:uppercase;
}
h2 {
  font-family:"Myriad Pro",helvetica,sans-serif;
  font-weight:400;
  font-size:1.6em;
  color:#303030;
  margin-top:22px;
}

h3 { }

/*===============================
	Main Layout and Structure  */
	
html, body{
    height:auto !important;
    height:100%;
}

#wrapper{}

#header{height:302px;}

#content{}

#footer{
	clear:both;
  margin-top:20px;
	width:100%;
  height:190px;
	color:#808080;
  background:#303030 url(../images/bg-footer.png) top repeat-x;	
}


/*===============================
	header */
	
#logo{height:50px;}

#mainMenu {height:27px;}

#header-slide{height:213px; padding-top:12px;}

#subMenu {height:43px;}

#header-text{
	width:292px;
	height:180px;
	background:url(../images/bg-header-text.png) top repeat-y;
  padding:10px;
  color:#e7e5e4;
}

#header-text h2 {
  font-family:"Myriad Pro",helvetica,sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  font-size:2em;
  color:#e7e5e4;
  padding:0;
  margin:0 0 .4em 0;
}

#header-slide .crossSlide{
  width:618px;
  height:198px;
  border:1px solid #e4e2df;
  color:#fff;
  background: url(../images/chargement-loader.jpg) no-repeat top left;
}

/*===============================
	content */

#submenu{margin-bottom:30px;}
#content-site{margin-bottom:30px;}

#content-left{text-align:justify; font-size:1.2em}

#content-left div.none ul{
	padding:6px;
	margin-left:20px;
}

#content-left div.none ul li{margin-left:16px;}
	
ul#breadcrumb_trail {}	
	
	ul#breadcrumb_trail li {
		background-color: #CCC;
		display: inline;
		list-style: none;
		padding-right: 16px;
		background: url(../images/tab_right.png) right no-repeat;
		font-size: 11px;
	}
		
	ul#breadcrumb_trail li.last {background: none;}
  
#btn-location{
  display:block;
  width:310px;
  height:138px;
  margin-bottom:4px;
  background: url(../images/location.jpg) no-repeat;
}
#btn-location:hover{background: url(../images/location.jpg) bottom no-repeat;}
#btn-location span{display:none}

#btn-contact{
  display:block;
  width:310px;
  height:80px;
	margin-bottom:12px;
  background: url(../images/contact.jpg) top no-repeat;
}
#btn-contact:hover{background: url(../images/contact.jpg) bottom no-repeat;}
#btn-contact span{display:none}


/*===============================
	footer */

#footer .adress{color:#808080;  font-size: 1.4em; }
#footer .adress .white, #footer .adress .white a{color:#fff}

.box{background:none;}


/*===============================
	slots type Text/RichText */
	
.none {}
	
.tips {
	background:#FFFFDD url(../images/tip.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;
	}	

.caution {
	background:#FFFFDD url(../images/caution.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;
	}

.note {
	background:#FFFFDD url(../images/note.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;	
}

/* Image style */

.img_float_left{padding:4px 12px 8px 0;}
.img_float_left a{border:1px solid #fff;}

.img_float_right{padding:4px 0 8px 12px;}
.img_float_right a{border:1px solid #fff;}

.img_legend{font-style:italic; color:#a8a8a7;}

.img_rule_medium{width:200px;}

.tattu_info {
    background:none repeat scroll 0 0 #FFFFFF;
font-size:1.4em;
padding:15px;
    }