* {margin:0;padding:0;outline:0; }

#html_ind{height:100%;}
#body_ind {	-x-system-font:none;color:black;font-family:Verdana,"Trebuchet MS","Lucida Grande",Tahoma,Helvetica,Sans-Serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;margin:0;padding:0;color:#462e54; 
background:url("/image/fond_text.jpg") repeat fixed 0 0 transparent;;cursor: auto; height:100%;line-height:130%}

#body_ind {}
li,ul{list-style:none;	vertical-align: middle;	margin: 0;	padding: 0;	text-decoration:none;}

#body_ind table{width:96%;border-spacing:0px;border-collapse:collapse;}
td{vertical-align:top;}

b,strong{}

A:link , A:visited , A:active {}
A:hover {}

h1,h2,h3,h4,h5{line-height:normal}

h1{color: #6693C4;;display: block;font-size: 28px;text-align: left;}

h2{    
    color: #02679A;display: block;font-family: verdana;font-size: 20px;font-weight: bold;    }

h3{color:#444;font-size:15px;display:block;}

h4{  color: #555;
    display: block;
    font-size: 18px;
    margin-bottom: -24px;
    position: relative;}

bdo{display: inline-table;height: 24px;margin-left: 30px;padding: 4px;text-align: right;width: 125px;}
#env{width:150px}
#rideau{background:url("/image/fond_text.jpg") repeat fixed 0 0 #fff;color:#fff;padding-top:200px}

#trame{       left: 50%;margin: 0 -720px;position: fixed;top: 270px;width: 1440px;}

#zonelogo{  height: 110px;background:url("/image/top.png") no-repeat;left: -165px;position: absolute;top: 0px;z-index:2;width: 1175px;height:257px;cursor:pointer}
a#billeterie {
    background: url(image/4e.png) no-repeat 10px 29px;
    line-height: 40px;
}
#presse {
    display: none;
}
.classtd1 {
    background: #E6ECFE;
}
.nowrap{white-space:nowrap;font-weight:bold;width:280px}
td{padding:2px}
tr{border:1px solid #ddd}
.entete{background:#abcae3}

#zone_bouton{ font-family: arial;left: 0px;line-height: normal;overflow: visible;position: absolute;top: 207px;width: 1000px;z-index: 4;}
			
				
.sousmenu{        background: none repeat scroll 0 0 #5396B6;left: 0;position: absolute;width: 1000px;}

.li_nivo1{float: left;}
.li_nivo2{       float: left;text-align: center;}

.bt_nivo1, .bt_nivo2{color:#fff;text-decoration: none; display: block; position: relative; z-index: 100;}

.tdspec1{font-size:11px;color:#639}


.bt_nivo1{       border-right: 1px solid #A6C7E1;color: #FFFFFF;font-size: 17px;height: 50px;line-height: 48px;text-align: center;padding: 0 11px;}
.bt_nivo1_active,.bt_nivo1:hover, .bt_nivo1_active:hover{background: url("image/fond_bt.png") repeat;color:#0F416F;text-decoration: none; }

#presse{border:none}

.bt_nivo2{ background: rgba(83, 150, 182, 1);
padding: 6px 0 6px 50px;font-size: 15px;color:#0F416F;}
.bt_nivo2_active{color: #fff;text-decoration: underline;}
.bt_nivo2:hover, .bt_nivo2_active:hover{color: #fff;text-decoration: none;}


#zonemilieu{ background:#fff ;left: 50%;margin: 0 -500px;position: absolute;width: 1000px;z-index: 1;top:0px;box-shadow: 0 0 15px #000000;}


#zone_dyna{     background: none repeat scroll 0 0 #FFFFFF;padding: 50px 50px 100px;position: relative;top: 257px;width: 900px;z-index: 3;}
	

#zone_adresse{        color: #000000;
    font-size: 10px;
    left: 50px;
    position: relative;
    top: 185px;
    width: 894px;
    z-index: 2000;
}
		


#systeme{color: #999;}
#systeme A:link , #systeme A:visited , #systeme A:active {text-decoration:none;color:#555;outline:none;}
#systeme A:hover {	text-decoration:underline;color:#000;border:none;outline:none;}


#form_news_1, #form_conseil{
 background: none repeat scroll 0 0 #EEEEEE;border-radius: 10px 10px 10px 10px;box-shadow: 2px 2px 3px #999999;color: #33171E;height: 22px;margin-right: 15px;margin-top: 4px;padding: 4px;text-align: left;width: 190px;}
#form_news_1 #email_1, #form_conseil #email_conseil_enter{border: medium none;border-radius: 5px 5px 5px 5px;height: 23px;text-align: center;width: 190px;}
#form_news_1 A:link , #form_news_1 A:visited , #form_news_1 A:active,
#form_conseil A:link , #form_conseil A:visited , #form_conseil A:active
{ background: url("http://www.webosapiens.fr/picto/coche_ok4.png") no-repeat scroll center center #fff;border-radius: 10px;display: block;height: 12px;left: 170px;outline: medium none; padding: 4px; position: relative;top: -22px;width: 12px;}
#form_news_1 A:hover, #form_conseil A:hover{	border:none;outline:none;background-color:#B9B3AA;}
#formcontact input,#formcontact textarea{background:#FFFFFF;border: 1px solid #7B6753;border-radius: 4px;padding:2px; width: 410px;}
#formcontact{ }



.page_Accueil, .page_Page{     background: url("/image/trame.png") repeat scroll 0 0 transparent;min-height: 410px;padding: 20px; border-radius: 20px;position: relative;}



.page_Page A:link ,.page_Page A:visited ,.page_Page A:active {color: #0092C1;text-decoration:none}
.page_Page A:hover {	 text-decoration: underline;}

.tabletd1{ color: #48423F;font-size: 12px;line-height: 22px;padding: 0;text-align: left;vertical-align: top;}


.divson{display: block;overflow: hidden;position: absolute;right:100px;top: 16px;width: 61px;z-index: 20000;}
				
.zonederouleA{ width: 690px;display: block;background: url("http://www.webosapiens.fr/image/dblflc.png") no-repeat 0 6px;padding-left: 17px;}
.zonederoule{border:1px solid #7B6753;border-radius:10px;padding:5px}
.zonederoule A:link ,.zonederoule A:visited ,.zonederoule A:active {color: inherit;text-decoration:none}

#btpdf {right: 70px;width: 70px;}
#btimprime {width: 40px;}

#reseau{    bottom: -15px;
    color: inherit;
    display: block;
    height: 30px;
    left: 525px;
    position: absolute;
    width: 270px;
    z-index: 10;}

#reseau A:link , #reseau A:visited , #reseau A:active {color:#02679A}
#reseau A:hover {color:#000}

#sp2{  display: block;float: right;height: 20px;position: relative;width: 50px;}

.tweet{ left: -64px;margin-top: 3px;position: absolute;top: -3px;}

.iview{  border: 1px solid #FFFFFF !important;left: 448px !important;position: absolute !important;top: 50px !important;z-index: 1 !important;}
.iview-caption {   background: none repeat scroll 0 0 #6693c4 !important;
    border-radius: 0 10px 10px 0 !important;
    bottom: 10px !important;
    box-shadow: 2px 2px 2px #555 !important;
    color: #ffffff !important;
    font-family: times new roman !important;
    font-size: 24px !important;
    font-weight: bold !important;
    padding: 6px 6px 6px 30px !important;
    position: absolute !important;}

.popup_text{   display: block; width: 100%;font-size:15px;height:0px}
.popup_text h2{font-size:17px}




/*slide*/

.articl_on,.articl{width:770px}
.img_art{display:none}
.slider img{   height: 480px;position: relative;}
.slider{       background:url("/image/logo_trame.png") no-repeat scroll 370px 200px rgba(0, 0, 0, 0);border: 1px solid #000000;border-radius: 4px 4px 4px 4px;box-shadow: 0 3px 10px #666666;height: 480px;left: 0;margin-top: -20px; margin-left: 60px;width: 720px;}
.slider li{overflow:hidden;width:720px}
.nextBtn,.prevBtn{    cursor: pointer;padding-top: 26%;position: absolute;z-index: 2}
.prevBtn{left:57px}
.nextBtn{right:75px}

.batocaz{    border: 1px solid #6693C4;border-radius: 4px;box-shadow: 3px 3px 4px #CCCCCC;float: left;height: 91px;margin: 0 6px 9px 0;width: 122px;}
				
				#bateau_artyka{   cursor: pointer;left: 1020px;position: absolute;top: 310px;}
				#bateau_beneteau{   cursor: pointer;left: -180px;position: absolute;top: 310px;}
				
				#b_ateau{  background: #a6baca;color: #777;}
				
				#cache1,#cache2{ 
    display: none;height: 50px;position: absolute;top: 0;
    z-index: 100;}
				
				#cache1{ left: 307px;width: 143px;}
				#cache2{left:586px;width: 94px;}
				
				
				
				/*ci dessous seulement si feature liste*/

#tabs h4 {
color: inherit;cursor: pointer;display: block;font-size: 13px;margin: 0;text-transform: uppercase;z-index: 0;
}

#tabs{      
    height: 444px;left: 562px;top: 15px;width: 380px;}

#output{       
    height: 457px;left: 15px;overflow: hidden;position: relative;top: 15px;width: 673px;}

div#feature_list {    background: url("image/fond_feature.png") no-repeat scroll left top rgba(0, 0, 0, 0);height: 500px;margin-left: -44px;position: relative;width: 956px;z-index: 0;}


div#feature_cache {
    background: url("image/cache_feature.png") no-repeat scroll 6px 5px rgba(0, 0, 0, 0);height: 470px;left: 640px;overflow: hidden;position: absolute;top: 0;width: 270px;z-index: 1;
}

div#feature_list ul {position: absolute;list-style: none;}

ul#tabs {z-index: 2;}
ul#tabs li {font-size: 12px;margin-left:0px;list-style: none outside none;	}
ul#tabs li img {width:400px;padding: 5px;border: none;float: left;margin: 10px 10px 0 0;}
ul#tabs li a {         background: url("/image/trame.png") repeat scroll 0 0 #FFFFFF;border-radius: 30px 0 0 30px;box-shadow: -1px 1px 2px #777777;color: #02679A;display: block;margin: 15px 0;outline: medium none;padding: 11px;text-decoration: none;}
ul#tabs li a:hover {}

.a_feat_0{	background: url('image/a_feat_0.png') no-repeat 4px center transparent;color:#fff}
.a_feat_1{	background: url('image/a_feat_1.png') no-repeat 4px center transparent;color:#fff}
.a_feat_2{	background: url('image/a_feat_2.png') no-repeat 4px center transparent;color:#fff}
.a_feat_3{	background: url('image/a_feat_3.png') no-repeat 4px center transparent;color:#fff}
.a_feat_4{	background: url('image/a_feat_4.png') no-repeat 4px center transparent;color:#fff}


ul#tabs li a.current_0 {background: #02679A;	color: #fff;}
ul#tabs li a.current_1 {background: #02679A;	color: #fff;}
ul#tabs li a.current_2 {background: #02679A;	color: #fff;}
ul#tabs li a.current_3 {background: #02679A;	color: #fff;}
ul#tabs li a.current_4 {background: #02679A;	color: #fff;}


ul#tabs li a.current:hover {text-decoration: none;cursor: default;}

ul#output {position: relative;}

ul#output li {position: absolute;margin-left:0px;list-style: none outside none;}

ul#output li a {position: absolute;bottom: 10px;right: 80px;padding: 8px 12px;text-decoration: none;font-size: 11px;color: #FFF;background: #000;-moz-border-radius: 5px;}

ul#output li a:hover {background: #D33431;}

ul#output li img {width:673px;height:450px;}
ul#output li span { display:none;color: #FFFFFF;font-family:arial;font-size: 31px;height: 170px;left: -90px;line-height: 100%;position: absolute;text-align: left;top: 75px;width: 160px;z-index: 4;}
ul#output li strongul,#output li b{font-size:39px;margin-left: -20px;color:#fff}

.bt_feature{ background: none repeat scroll 0 0 #555555;border-radius: 10px 10px 10px 10px;display: block;font-family: arial;font-size: 13px;font-weight: bold;left: 19px;padding: 4px 8px;position: absolute;top: 272px;}

#feature_cache A:link , #feature_cache A:visited , #feature_cache A:active{color:#fff}
#feature_cache A:hover{color:#E78921}


.ann img { border: 0 none;
    border-radius: 2px;
    box-shadow: 2px 2px 3px #999;
    float: left;
    height: 120px;
    margin-right: 10px;
    width: 190px;
}


.ann {
    border-bottom: 1px dashed #999;
    display: block; font-size: 11px;
    line-height: 15px;height:140px;margin-bottom:15px
}

.ann big{color:#6693c4;font-weight:bold}

.img_modele {
    width: 100%;
}

input#env {
}