/* RAZ CSS */
*{margin:0; padding:0}

a img, img{border:0}
a{color:#fff; text-decoration:none; font-weight: bold;}
a:hover{color:#fff; text-decoration:underline}
a:active{outline:none}

h1, h2, h3, h4, h5, h6{margin-bottom:.6em; line-height:1.3em}
h2{margin-bottom:.8em; font-size:1.7em; font-weight:normal}
h2.alt{margin-bottom:.4em}
h3{margin-bottom:.3em; color:#df3102; font-size:1.25em}
h3.alt{padding-bottom:2px; color:#444 !important}
h3.alt2{margin-bottom:1em; border-bottom:1px solid #ccc}
h4{margin-bottom:.2em; font-size:1.25em}
h4 a, h4 a:hover{text-decoration:none}
h5{margin-bottom:.3em; font-size:1.1em}
h6{margin-bottom:.1em; font-size:1em}

table{width:100%}
th{padding:0; text-align:left; vertical-align:top}
td{padding:0; vertical-align:top}
.label{padding-right:8px}

p{margin-bottom:10px; font:11px Verdana; color:#fff; padding-right:10px; text-align: justify}
address{margin:0 0 .7em 0; font-style:normal; line-height:1.4em}
blockquote p{margin-bottom:.7em}
blockquote{margin:15px 0 15px 0;   border-left:3px solid #eee; padding-left:40px}
q:before, 
q:after{content:''}
cite{color:#9a9a9a; font-style:normal; font:.95em/1.4em arial,helvetica}
cite strong{font-weight:bold; color:#5f5f5f}
pre{border:1px solid #b2b3ce; margin:4px 8px; padding:10px; background:#000; overflow:auto}

form{display:inline}
fieldset{border:none}
legend{display:none}
label{color:#4BDEF9;  font-weight:bold}
input, select, button{vertical-align:middle}

dt{display:block; font-weight:bold}
li{list-style:none}
ol li{list-style:decimal; margin-left:20px}

small{font-size:.95em}
big{font-size:1.2em}

.nowrap{white-space:nowrap}
:focus{outline:0}

hr{clear:both; margin:15px 0; border:0; height:1px; overflow:hidden; visibility:hidden}



/* ### MAIN ### */
body{margin:0px; background:#131313 url(images/background.png) repeat-x; color:#ffffe2; text-align:left; font:12px/1.55em Verdana,sans-serif; z-index:1}
#container{ width:990px;  margin:0 auto}


/* Header home*/
h1#header_home{  margin:0 auto; width:979px;     height:354px;     background:url(images/header_home.jpg) no-repeat}
h1#header_home span{ height:300px; display:block;  text-indent:-1000px;  overflow:hidden;  cursor:pointer}

/* header all*/
h1#header{  margin:0; width:990px;     height:203px;     background:url(images/header.jpg) no-repeat}
h1#header span{ height:150px; display:block;  text-indent:-1000px;  overflow:hidden;  cursor:pointer}


/* NAVIGATION */
ul#nav {margin:-50px 0 0 14px;  background:url(images/fond_nav.png) no-repeat; width:941px; height:49px; clear:both;  list-style-type: none; padding:0; position: relative; z-index: 2;}
ul#nav li{background:url(images/separateur.png) no-repeat right 7px; float:left; padding-top:2px}
ul#nav li a{color:#fff; padding:5px 25px;  text-decoration: none; font-size:11px; text-transform:uppercase}
ul#nav li a:hover{color:#FF6500; }
ul#nav li.lastend{background:none }
ul#nav li.active a{color: #FF6500; }



/* BANDEAU vignettes */
#bandeau{ margin:0 auto 28px; background:url(images/fond_bandeau.png) no-repeat bottom; width:979px; height:80px;}
#bandeau li{ float:left; margin-right:1px }
#bandeau li.last {margin-right:0}

/*  TERRAIN */
#terrain_vignette  { margin: 0 auto;}
#terrain_vignette li { float:left; margin-right:1px; list-style-type:none;  border:6px solid #303030; margin:10px 1px 20px 28px; height:80px;width:164px; }

/*HOME LAYOUT*/
#content_main_home{ float:right; left:0px; width:440px; height:270px; background:url(images/contact.png) no-repeat}
#home_contact { position:relative; top:55px; left:225px; width:218px}
#content_sub_home{ float:left;  left:0px;  width:520px;  margin-left:6px; height:270px; background:url(images/presentation.png) no-repeat }
#home_presentation {position:relative; top:55px; width:310px; left:210px}


#last_news { width:979px; height:226px; clear:both; background:url(images/last_news.png) no-repeat; margin-left:6px}
#last_news ul{ position:relative; top:46px;}
#last_news ul li { padding:2px 28px; height:180px; width:270px; float:left; background:url(images/news_vseparateur.png) no-repeat right 7px; margin-bottom:40px}
#last_news ul li.last{background:none;  }
#last_news span { font-size: 11px }
#last_news h2 { font-size:14px; color:#ffde00; font-weight:bold; text-transform:uppercase }

.ditto_post { background:url(images/news_hseparateur.png) repeat-x bottom; padding-bottom:10px; margin-top:32px;}
.ditto_post span { font-size: 11px }
.ditto_post h3 { font-size:14px; color:#ffde00; font-weight:bold; text-transform:uppercase; border:none; margin:0 0 6px;}

#menu_vignettes { margin:15px 0 0 8px; z-index:22; position:absolute; }
#menu_vignettes li { float:left;}






/* OTHER LAYOUT all */
#content_main{  background:url(images/fond_content.png) no-repeat; float:right; position:relative; z-index:32;  left:0px;   width:741px; min-height:422px; padding:14px 12px 0 26px; width:620px;}

#content_main h2 { color:#FF6500;font-size:18px;font-weight:bold;left:20px;margin-bottom:0.8em;position:relative;top:6px; }



#content_sub{ float:left; width:328px;}

#nav_second {}
#nav_second li {border-bottom:1px dotted #FFFFFF; margin:0 40px 6px 0; }
#nav_second li a {font-size:11px; text-transform:uppercase; text-decoration:none; background:url(images/puce.png) no-repeat scroll 3px 5px; padding-left:16px}
#nav_second  li a:hover{color:#FF6500; background:url(images/puce_hover.png) no-repeat scroll 3px 5px;}
#nav_second  li.active a{color: #FF6500; background:url(images/puce_hover.png) no-repeat scroll 3px 5px;}

/* ELEMENTS */

span.underline{ text-decoration:underline}
#errors{ background:#FF7D56;   color:white}

.vert  { color:#beeb0a; font-size:13px; font-weight:bold}
.orange { color:#ff6500; font-size:13px; font-weight:bold}


h3 span {display:block; background:#febd69 url(images/bg_h3.gif) no-repeat scroll right top; width:370px; font:bold 1em Verdana; color:#862802; padding:1px 0 0 3px; width: 620px; }
h3 {border-bottom:1px dotted #fdbc68; margin:24px 10px 10px 0; clear: both;}

h2.niv_1 { font:bold 1.8em Verdana; border-bottom:1px solid #fff; margin:5px 10px 30px 0; clear: both; background:transparent url(images/puce_h2.gif) no-repeat scroll 1px 5px; padding-left:30px; color:#f0eeef}
h2.niv_1 span{  display:block; background:url(images/bg_h2.gif) no-repeat scroll right bottom; margin-bottom:-1px;}
h2.contact {margin:-1px 10px 30px 0; color:#f0eeef}

p.important {color:#fdbd68; font:bold 0.9em Verdana}
p.coord { background-color:#EFEBDE; border:1px solid #C3BCA4; color:#862802; padding:8px}
img.left { float:left; margin:4px 14px 8px 0; border:3px solid #FEBD69}
img.right { float:right; margin:4px 0px 8px 14px; border:3px solid #FEBD69}


#google_map{border:3px solid #FEBD69 }




/* FOOTER */
#footer{  margin:0 auto; margin-top:122px; clear:both; height:92px;  width:978px; background:url(images/footer.png) no-repeat;  padding-top:110px; position:relative; z-index:20px;}
#footer span#more { float:right; padding-right:18px; font-size:14px}
#footer span#copy { float:left; padding-left:18px; font-size:14px}




### IFRAME TEMPLATE ######
#header-bar { height: 53px; background-color: #000000; border-bottom: 1px solid #191919; z-index: 100; line-height: 53px; margin-bottom: 1px; }
#header-bar a.site-loopback { display: block; margin-top: 6px; margin-left: -10px; float: right; background-repeat: no-repeat; text-indent: -9999px; }

#header-bar .preview-logo { background-image: url(images/logo_min.gif); width: 138px; height: 38px; background-position: left top; }

#header-bar p.meta-data { margin: 0px; float: left; padding-top:19px;}
#header-bar p.meta-data p { display: inline; margin: 0px; }
#header-bar p.meta-data a { text-decoration: none; color: #6e6e6e; }
#header-bar p.meta-data a.purchase { margin-left: 10px; border-left: 1px solid #6e6e6e; padding-left: 15px; }
#header-bar p.meta-data a:hover, #header-bar p.meta-data a.activated { color: #FFFFFF; }

#header-bar div.close-header { width: 40px; margin-left: 5px; height: 52px; float: left; }
#header-bar div.close-header a#close-button { display: block; width: 16px; height: 16px; margin: 0px auto; margin-top: 17px; border: 1px solid #545454; text-indent: -9999px; background-image: url(images/button.gif); background-repeat: no-repeat; }
#header-bar div.close-header a#close-button:hover, #header-bar div.close-header a#close-button.activated { background-position: 0px -16px; }

#preview-frame { width: 100%; background-color: #ffffff; }




/*Form Style*/

.form{
	font-weight:bold;
	color:#6E625C;
	background:#FFF;
	width:243px;
	padding:10px;
}

.form input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float: left;
	width: 192px;
	color:#6E625C;
	height:20px;
	background:#EFE5D9;
	border-style:none;
	padding:5px 5px 0 5px;
}
.form input.search {
	float: left;
	margin:0 0 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	width: 37px;
	text-align:center;
	color:#B74B20;
	height:25px;
	background:#EFE5D9;
	border-style:none;
	font-size:11px;
	padding:3px 0 3px 0;
	cursor:pointer;
}

/*FILLUPFORMS*/
.fillupform {
	margin:20px 0 15px 0;	
	width:607px;
}
.fillupform li {
	float:left;
	color:#FF0000;
	margin:15px 0 0 0;
	width:607px;
	
}
#content_main .fillupform ul li {list-style-type:none;  }

.fillupform ul li label {
	display:block;
	width:60px;
	padding:8px 8px 8px 0;
	font-weight:bold;
	text-align:left;
	color:#fff;
	float:left;	
	font-size:12px;
}
.fillupform input {
	width:300px;
	border:6px solid #303030;
	padding:8px;
	background:#F6F6F4 url(images/form-shadow.gif) repeat-x top;
	margin:0 0 0 10px;
	float:left;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.fillupform textarea {
	height:150px;
	width:350px;
	margin:0 0 0 10px;
	padding:8px;
	float:left;
	background:#F6F6F4 url(images/form-shadow.gif) repeat-x top;
	border:6px solid #303030;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.fillupform input.btn {
	color:#333;
	font-weight:bold;
	margin:0 0 0 10px ;
	width:150px;
	padding:3px 15px 3px 15px;
	height:27px;
	background:#F6F6F4 url(images/form-shadow.gif) repeat-x top;
	border:1px solid #E0E0E0;
	cursor:pointer;
	float:left;
	text-align:center;
}
/*LABELERROR*/ 
.fillupform ul li label.error {
	color:#FF0000;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 10px;
	width:120px;
}




.videos_thumb {
  background:transparent url(images/bg-roll.png) repeat scroll 0 0;
  float:left;
  height:175px;
  margin-bottom:10px;
  margin-left:10px;
  overflow:hidden;
  padding-bottom:10px;
  text-align:center;
  width:192px;
}

.videos_thumb a {
	cursor: pointer;	
	    font-size: 11px;
    font-weight: bold;
}

.videos_thumb:hover {
  background:#202020 none repeat scroll 0 0;
}
.videos_meta_title, .videos_meta_title a, .videos_meta_title a:hover {
    font-size: 11px;
    font-weight: bold;
}

.videos_thumb_inner {
   margin:10px auto 18px;
}

.videos_thumbs {
    clear:both;
    padding: 0 0 0 5px;
    padding-top: 1em;
}

div.pagination {
    padding: 3px;
    margin: 3px;
    text-align:center;
    clear: both;
}
div.pagination a {
    border: 1px solid #000;
    background-image:none;
    background-color:#FF6501;
    margin-right:3px;
    padding:2px 6px;
    background-position:bottom;
    text-decoration: none;
    color: #fff;      
}
div.pagination a:hover, div.meneame a:active {
    border: 1px solid #000;
    background-image:none;
    background-color:#505050;
    color: #fff;
}
div.pagination span.ditto_currentpage {
    margin-right:3px;
    padding:2px 6px;    
    font-weight: bold;
    color: #fff;
}
div.pagination span.ditto_off {
    margin-right:3px;
    padding:2px 6px;
    color: #adaaad;
}

.videos_thumb_widget {
	width: 100%;
	text-align: left;
	margin-top: 1em;
	height: auto;
}

.videos_thumb_widget a {
	cursor: pointer;	
}







#facebox .b {
  background:url(images/b.png);
}

#facebox .tl {
  background:url(images/tl.png);
}

#facebox .tr {
  background:url(images/tr.png);
}

#facebox .bl {
  background:url(images/bl.png);
}

#facebox .br {
  background:url(images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}