/****************************************css***************************************/
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{border:0 none;font:12px Arial,Helvetica,sans-serif;margin:0;padding:0;text-decoration:none}
body{background-color:#FFF;margin:0;padding:0}
.cadre01{background-color:#FFF;margin:auto;padding:0;width:1000px}
.header01{background:transparent url(../../images/casal/entete01.jpg) no-repeat scroll 0 0;height:111px;position:relative;width:1000px}
.content01{background:#FFF none repeat scroll 0 0;border-left:1px solid #737373;border-right:1px solid #737373}
.menu01{background:transparent url(../../images/casal/fond-menu01.jpg) repeat scroll 0 0;height:73px;text-align:center;width:1000px}
.frame01{background-color:#FF0;/*border:1px solid #737373;*/
width:998px}
.footer01{border:1px solid #737373;margin:0 0 10px;padding:15px 0;width:998px}
.toplink01{bottom:0;color:#333;font:12px Arial,Helvetica,sans-serif;letter-spacing:1px;position:absolute;right:0;text-align:right;text-decoration:none}
a.logo01{background:none repeat scroll 0 0 transparent;display:inline-block;height:94px;position:absolute;top:6px;width:263px}
a.favlink{color:#333;display:inline-block;letter-spacing:3px;margin:0 0 3px;text-decoration:none;vertical-align:middle;*vertical-align:bottom}
a.favlink:hover{text-decoration:underline}
.separate{border-left:1px solid;display:inline-block;height:14px;margin:0 10px 3px;vertical-align:middle;*vertical-align:bottom}
.lang{background:#FFF none repeat scroll 0 0;display:inline-block;height:30px;margin:0 0 0 5px;vertical-align:bottom}
a.langlink{background:#737373 url(../../images/casal/fleche-no-lang.jpg) no-repeat scroll 0 0;color:#FFF;display:inline-block;height:30px;line-height:40px;text-align:center;text-decoration:none;vertical-align:middle;width:40px}
a.langlink:hover{background:#333 url(../../images/casal/fleche-no-lang.jpg) no-repeat scroll 0 0;color:#FFF}
a.langlink-active{background:#333 url(../../images/casal/fleche-lang.jpg) no-repeat scroll 0 0;color:#FFF;display:inline-block;height:30px;line-height:40px;text-align:center;text-decoration:none;vertical-align:middle;width:40px}
.menu01 h2{margin:0;padding:10px 0 0}
a.menulink{background:transparent none repeat scroll 0 0;color:#FFF;display:inline-block;font-size:30px;height:43px;letter-spacing:1px;margin:0;*margin:0 0 0 4px;padding:10px 10px 0;*padding:5px 10px 5px;text-decoration:none;vertical-align:middle}
a.menulink02{display:none;}
a.menulink:hover{background:transparent url(../../images/casal/menu-over.jpg) repeat scroll 0 0}
.separate01 {
    border-left: 1px solid #666666;
    display: inline-block;
    height: 20px;
    margin: 0 0 0 10px;
    vertical-align: middle;
}
.fotterlink{text-align:center;color:#333;font:12px Arial,Helvetica,sans-serif;letter-spacing:1px;text-decoration:none}
img.climb{display:inline-block;margin:0 10px;vertical-align:middle}
.copyright01{color:#333;font:11px Arial,Helvetica,sans-serif;letter-spacing:1px;margin:0 0 10px;padding:0 0 10px;text-align:center}
.block-left{float:left;height:290px;margin:20px 10px 20px 20px;width:680px}
.block-right{background:transparent url(../../images/casal/carreaux.png) no-repeat scroll 0 0;float:right;height:250px;margin:54px 20px 15px 10px;width:252px}
.spacer{clear:both}
.block-right div{border:1px solid;float:left;height:80px;margin:22px;overflow:hidden;width:80px}
.block-right div.contentImg{ width:206px; height:204px;}
.block-right div.contentImg img{ margin:0; padding:0; width:206px; height:auto; max-height:none; max-width:none; position:relative;}
.block-right img{margin:-10px;max-height:160px;max-width:160px}
h4{font-size:20px;font-weight:normal;margin:0 0 15px}
.block-left p{margin:0 0 15px}
.block-left a{color:#828282;font-weight:bold;text-decoration:none}
.block-left a:hover{color:#333;text-decoration:underline}
.left{letter-spacing:1px;padding:20px 20px 0 !important}
.left p{padding:0 0 15px}
.left h3{padding:0 0 15px}
.left h5{padding:0 0 15px}
.left ol,.left ul{margin:0 15px 0}
.left ol li,.left ul li{padding:0 0 15px}
.left a{color:#828282;font-weight:bold;text-decoration:none}
.left a:hover{color:#333;text-decoration:underline}
ul{padding:10px}
ul li{list-style-type:none}
ul ol{list-style-type:none}
.collection{margin:15px;width:968px}
.collection .teto{/*background:transparent url(../../images/casal/teto-collection) repeat-x scroll 0 0;*/font-weight:bold;height:17px;letter-spacing:1px;padding:3px 0;text-align:center;width:968px}
.collection .coro{/*background:transparent url(../../images/casal/coro-collection) repeat-x scroll 0 0;*/border-bottom:1px solid #C8C8C8;height:143px;width:968px}
.collection .liste{float:left;height:125px;margin:10px 0 0 20px;width:300px}
.collection .liste a{display:inline-block;margin:5px 0}
.collection .liste a:hover{color:#000}
.collection .liste a img{border:1px solid #666;display:inline-block;vertical-align:middle;width:75px}
.collection .liste a span{cursor:pointer;display:inline-block;font-size:13px;letter-spacing:1px;margin:0 0 0 10px;vertical-align:middle;width:200px}
p.textPx13{color:#646464;font-size:16px;letter-spacing:2px}
span.google-map{border:1px solid #CCC;display:inline-block;float:right;height:160px;margin:0 0 25px;width:600px}
ul.sitemap{display:inline-block;float:left;margin:0 20px 0 0;padding:0;width:250px}
ul.sitemap li{padding:5px 0}
ul.sitemap li{padding:5px 0}
ul.sitemap li a{color:#333;display:inline-block;font-weight:normal;/*height:100%;*/
letter-spacing:2px;width:100%}
ul.sitemap li a:hover{background:#F3F3F3 none repeat scroll 0 0;text-decoration:none}
ul.collection-map{display:inline-block;float:left;margin:0 20px 0 0;padding:0;width:auto}
ul.collection-map li{padding:5px 0}
ul.collection-map li.titre{font-weight:bold;margin:5px 0 10px;padding:0 0}
ul.collection-map li{margin:0 0 0 20px;padding:5px 0}
ul.collection-map li a{color:#999;font-weight:bold;letter-spacing:2px;padding:0 0 0 10px;width:100%}
ul.collection-map li a:hover{background:#F3F3F3;text-decoration:none}
ul.collection-map li ul{margin:0 0 0 30px}
ul.collection-map li ul li{list-style-type:square}
ul.collection-map li ul li a{background:transparent none no-repeat scroll 0 2px;color:#333;display:inline-block;font-weight:normal;/*height:100%;*/
letter-spacing:2px;padding:0 0 0 0;width:100%}
ul.collection-map li ul li a:hover{background:#F3F3F3 none no-repeat scroll 0 2px}
.marque-footer02{color:#A2A2A2;font:normal 12px arial;letter-spacing:1px;margin:15px 0 10px;padding:0;text-align:center;text-decoration:none}
.marque-footer02 a{color:#A2A2A2;font-weight:bold}
.liste-left{float:left;margin:20px;position:relative;width:410px}
.liste-left .info-liste{float:right;width:260px}
.liste-left .image-liste{float:left; /*height: 71px; overflow: hidden;*/border:1px solid #CCC !important;padding:4px !important;}
.liste-left .image-liste a{float:left;/*height: 71px; overflow:hidden*/}
.liste-left img{width:125px}
.liste-left a{color:#333;text-decoration:none}
.liste-left a:hover{text-decoration:underline}
.liste-left p{padding:0 0 5px;text-decoration:none}
.liste-left a.titre{color:#333;display:inline-block;max-width:260px;text-decoration:none;vertical-align:top}
.liste-left span{display:inline-block;text-decoration:none;vertical-align:top}
.liste-right{float:right;margin:20px;position:relative;width:410px}
.liste-right .info-liste{float:right;width:260px}
.liste-right .image-liste{float:left}
.liste-right .image-liste a{float:left}
.liste-right img{border:1px solid #CCC !important;padding:4px !important;width:125px}
.liste-right a{color:#333;text-decoration:none}
.liste-right a:hover{text-decoration:underline}
.liste-right p{padding:0 0 5px;text-decoration:none}
.liste-right a.titre{background:#F00 none repeat scroll 0 0;color:#333;display:inline-block;max-width:260px;text-decoration:none;vertical-align:top}
.liste-right span{display:inline-block;text-decoration:none;vertical-align:top}
a.detail{bottom:0;position:absolute;right:0}
img.detail{border:1px solid transparent !important;width:auto}
img.detail:hover{border:1px solid #CCC !important;width:auto}
.pagination{text-align:center}
.pagination a{color:#999;display:inline-block;font-size:12px;margin:10px;text-align:center}
.pagination a.active{color:#333;text-decoration:none}
.pagination a:hover{color:#333;text-decoration:none}
.fiche-left{float:left;width:450px}
.fiche-left p{margin:0 0 20px;padding:0}
.fiche-left .zoom01 {
    border: 1px solid #CCCCCC;
    width: 388px;
}
.fiche-left .zoom01 p {
    border: 5px solid #FFFFFF;
    height: 378px;
    margin: 0;
    overflow: hidden;
    text-align: center;
    width: 378px;
}
.fiche-left .zoom01 span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.fiche-left .zoom01 img {
    display: inline-block;
    vertical-align: middle;
	max-height: 376px;
    max-width: 376px;
	/*width: 376px;*/
}
/*.fiche-left img.gros-plan{border:1px solid #CCC;padding:5px;width:385px;height:210px}*/
.fiche-left .legende{color:#BCBCBC;font-size:11px;letter-spacing:2px;margin:10px 0 15px;padding:0}
/*.fiche-left img.petit-plan{border:1px solid #CCC;cursor:pointer;margin:0 45px 0 0;padding:4px;width:90px}*/
.fiche-left img.petit-plan{ float:left;border:1px solid #CCC;cursor:pointer;margin:0 45px 0 0;padding:4px;width:90px; vertical-align:top}
.fiche-right{float:right;width:500px}
.fiche-right p{position:relative;text-align:justify}
.fiche-right > p > strong{ font-weight:bold; font-size:15px; color:#000000; text-decoration:underline}
.info-fiche{border:1px solid #CCC;padding:15px 15px 0}
.info-fiche p strong:first-child{color:#999}
.info-fiche p a{color:#333;font-size:11px;font-weight:normal;position:absolute;right:0}
.info-fiche .coloris{display:inline-block;height:13px;margin:0 10px 0 0}
.info-fiche img{border:medium none;margin:0 10px}
.navigation{height:20px;margin:20px 0;position:relative}
.navigation a.left{background:transparent url(../../images/casal/prevent.jpg) no-repeat scroll 0 2px;color:#333;font-weight:normal;left:0;padding:0 0 0 20px !important;position:absolute;top:0}
.navigation a.right{background:transparent url(../../images/casal/suivent.jpg) no-repeat scroll 100% 2px;color:#333;font-weight:normal;padding:0 20px 0 0 !important;position:absolute;right:0;top:0}
.navigation a.left:hover,.navigation a.right:hover{text-decoration:underline}
.theme{float:left;margin:0 10px 20px 0 !important;width:470px}
.theme a{color:#828282;text-decoration:none}
.theme a:hover{color:#333}
/*.theme img{border:1px solid #CCC;float:left;margin:3px 20px 0 0;padding:5px;width:210px}*/
.theme img{border: none;/*float:left;margin:3px 20px 0 0;padding:5px;*/width:210px}
.theme .img_box2 {border:1px solid #CCC;float:left;padding:5px;width:210px; height: 85px; margin:0 15px 10px 0}
.theme .img_box1 {float:left;width:210px; height: 85px; overflow:hidden}
.theme p{min-height:90px;overflow:hidden; line-height:15px}
.theme strong{display:block;font-size:16px;margin:0 0 10px;text-transform:uppercase}
.block-collection{margin:20px;width:960px}
.puce-liste{list-style-image:none;list-style-position:outside;list-style-type:square;margin:5px 0 5px 15px}
/***************************************************styles**********************************/
BODY{color:#323131;font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;scrollbar-base-color:FFFFFF;scrollbar-face-color:FFFFFF;scrollbar-track-color:FFFFFF;scrollbar-3dlight-color:BCB7C3;scrollbar-highlight-color:FFFFFF;scrollbar-arrow-color:FF9000;scrollbar-darkshadow-color:FFFFFF;scrollbar-shadow-color:BCB7C3}
form{padding:0;margin:0}
a{color:#828282;font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular,"Nom de police";text-decoration:none}
.box{background:transparent url(../../images/casal/fond-bouton01.jpg) repeat-x scroll 0 0;border:medium none;color:#646464;cursor:pointer;font:normal 8pt Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;height:18px}
.box3{background-color:#424242;border:1px solid #646464;color:#C8C8C8;cursor:pointer;font:12px Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;padding:1px}
.box2{background-color:#424242;border:1px solid #646464;color:#C8C8C8;cursor:pointer;font:12px Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;height:18px;padding:0}
.tbl{border:solid 1pt black;border-collapse:collapse}
.tbl2{border:solid 1pt #c7c6c6;border-collapse:collapse}
.int8{line-height:8pt}
.int9{line-height:9pt}
.int10{line-height:10pt}
.int11{line-height:11pt}
.int12{line-height:12pt}
.int13{line-height:13pt}
.int14{line-height:14pt}
.int15{line-height:15pt}
.int16{line-height:16pt}
.int17{line-height:17pt}
.int18{line-height:18pt}
.int19{line-height:19pt}
.int20{line-height:20pt}
.int25{line-height:25pt}
.int30{line-height:30pt}
.fts2{font-size:2pt}
.fts4{font-size:4pt}
/*ajout 302*/
.barre01{background:transparent url(../../images/casal/fond-barre01.jpg) repeat-x scroll 0 0;height:29px;padding:10px 10px 0;width:978px}
.barre01 input{}
.barre01 font{color:#C8C8C8;font:normal !important 12px arial;letter-spacing:1px;margin:0 5px 0 0}
.fildefer{border-bottom:1px solid #646464;color:#415169;height:15px;letter-spacing:1px;font-size:13px;font-weight:normal;line-height:18px;margin:0 20px;padding:10px 0}
.fildefer a{color:#999 !important;letter-spacing:1px;font-size:13px;font-weight:normal;line-height:18px;margin:0;padding:0;text-decoration:none !important}
.fildefer a:hover{color:#333 !important;/*text-decoration:underline !important;*/
}
.fildefer span{color:#333;letter-spacing:1px;font-size:13px;font-weight:normal;line-height:18px;margin:0;padding:0}
.bloc-content01{border-bottom:1px solid #737373;width:998px}
.bloc-page{/*background-color:#F60;*/
position:relative}
.page-long{background:#FFF000 none repeat scroll 0 0;height:100%;position:absolute;width:4px}
a.colorys{border:1px solid;color:#969696;display:inline-block;height:17px;margin:2px;padding:2px}
a.colorys:hover{color:#000}
.partenaire{clear:both;padding:0 10px 10px;*padding:0 10px 10px;text-align:center}
.partenaire a{background:transparent url(../../images/casal/ombre01.jpg) repeat-x scroll 0 100%;display:inline-block;margin:5px;padding:5px 0}
.partenaire img{border:medium none}
.photo-reference{left:10px;position:absolute;top:130px}
.photo-reference img{height:204px;left:10px;overflow:hidden;top:130px;width:260px}
/***********************************************************style******************************************************/
html{margin:0;padding:0;width:100%;height:100%}
body{/*font:11pt/1.3em Arial,Helvetica,sans-serif;padding:0 20px 20px;background:white;color:#333;*/
}
.nav-links{position:absolute;top:30px;left:20px;width:200px;list-style:none;margin:0;padding:0}
.nav-links li{line-height:1.6em;font-size:1.2em}
#content{margin-left:240px;margin-top:30px;margin-right:50px}
.twitthis{position:absolute;top:250px;left:20px}
pre{background:#e8e8e8;border-left:10px solid #777;font-size:0.85em;padding:1em;color:black !important;overflow-x:auto}
.important{border:1px solid #666;background:#ddd;padding:0 1em;color:#C30}
h3{}
.galleryview{background:transparent url(../../images/casal/fond-slider01.jpg) no-repeat scroll 0 395px !important;font:12px Arial,Helvetica,sans-serif}
.panel-overlay{display:none}
.overlay{display:none}
dt{font-weight:bold}
dd{margin-bottom:0.5em}
.code_wrapper{border:1px solid #888;background:#f0f0f0;padding:10px}
code,.code{}
.options{border:1px solid #777;border-right:none;font:0.8em Verdana,Geneva,sans-serif}
.options th{text-align:left;background:#777;color:white;font-weight:bold}
.options th,.options td{padding:4px 10px}
.options td{border-right:1px solid #777}
#parts-img{border:1px solid black}
img.nav{border:1px solid black;margin-bottom:5px}
.panel-overlay h2,.panel-overlay p{margin:.3em 0}
.panel-overlay p{line-height:1.2em}
/**/
ul.filmstrip li span{width:220px !important;display:block;color:#666;text-align:justify;padding-top:10px}
ul.filmstrip li img{width:218px;height:90px;border:1px solid #333 !important}
.panel img{width:998px}
h3.categorie-titre{margin:8px 0;font:normal 14px Arial,Helvetica,sans-serif;color:#333;text-transform:uppercase; height:14px; line-height:14px; width:220px; overflow:hidden}
.strip_wrapper{background-color:none;color:#000}
.strip_wrapper li{ width:220px; overflow:hidden}
.nav-prev{top:410px !important;left:30px !important}
.nav-next{top:410px !important;right:30px !important}
#pointer{top:384px !important}
#pointer img{display:none}
/**************************************************wysiwyg********************************************/
.text-normal{color:#323232;font:normal 12px Arial,Helvetica,sans-serif;letter-spacing:1px;text-decoration:none}
.grand-titre{color:#323232;font:normal 20px Arial,Helvetica,sans-serif;letter-spacing:1px;margin:0 0 15px}
.lien-gras{color:#828282;font:bold 12px Arial,Helvetica,sans-serif;letter-spacing:1px;text-decoration:none}
.text-contact{color:#646464;font:16px Arial,Helvetica,sans-serif;letter-spacing:2px;padding:0 0 15px}
.puce-liste{list-style-image:none;list-style-position:outside;list-style-type:square;margin:5px 0 5px 15px}
.contActu ul{padding:0;margin:0}
.contActu ul li{list-style-image:none;list-style-position:outside;list-style-type:square;margin:5px 0 5px 15px}
.contActu ol li{list-style-position:outside;margin:5px 0 5px 20px}
.left ul{padding:0;margin:0}
.left ul li{list-style-image:none;list-style-position:outside;/*list-style-type:square;*/
margin:5px 0 5px 15px}
.left ol li{list-style-position:outside;margin:5px 0 5px 20px}
/***************************************************************jscrollpane**********************************************************/
.jScrollPaneContainer{overflow:hidden;padding:0 0 0;position:relative;margin:0 0 50px;z-index:1}
.jScrollPaneTrack{background:#333 none repeat scroll 0 0;cursor:pointer;height:100%;padding:0 0 20px;position:absolute;right:0;top:0;width:6px !important}
.jScrollPaneDrag{background:#CCC none repeat scroll 0 0;cursor:pointer;left:0;margin:10px 0 0;position:absolute;width:6px !important}
.jScrollPaneDragTop{}
.jScrollPaneDragBottom{}
A.jScrollArrowUp{DISPLAY:block;Z-INDEX:1;RIGHT:0;OVERFLOW:hidden;TEXT-INDENT:-2000px;POSITION:absolute;TOP:0;HEIGHT:9px}
A.jScrollArrowUp:hover{}
A.jScrollArrowDown{DISPLAY:block;Z-INDEX:1;RIGHT:0;OVERFLOW:hidden;BOTTOM:0;TEXT-INDENT:-2000px;POSITION:absolute;HEIGHT:9px}
A.jScrollArrowDown:hover{}
A.jScrollActiveArrowButton{}
A.jScrollActiveArrowButton:hover{}
div.contActu{color:#2A2A2A;height:235px;letter-spacing:1px;padding:0 15px 0 0;width:670px !important}
div.contTheme{color:#2A2A2A;/*height:230px;*height:240px;*/letter-spacing:1px;padding:0;width:960px !important}

.popuptarif {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    left: 257px;
    padding: 10px 10px 0;
    position: absolute;
    top: 50%;
    width: 220px;
    z-index: 1000;
}
.popuptarif p {
    padding: 0 0 10px;
}
.popuptarif p strong {
    color: #999999;
}