/* Art Concept du Columbarium */
/* Dataxy 2010 */
/* design: nicolab */


/* GENERAL */

html{
margin: 0px;
}

html,
body,
#contenu,
#page{/*footer*/
height: 100%;
}

body{
background: #f2efe5 url(images/pattern.png) fixed;
font: 10pt arial, helvetica, sans-serif;
color: #333;
cursor: url(images/fleche.png), default;

scrollbar-arrow-color: #f30;
scrollbar-face-color: #f30;
scrollbar-track-color: #cfc8b0;
scrollbar-highlight-color: #f30;
scrollbar-3dlight-color: #f30;
scrollbar-shadow-color: #f30;
scrollbar-darkshadow-color: #f30;
}
::-webkit-scrollbar{
background: #cfc8b0;
width: 10px;
height: 10px;
}
::-webkit-scrollbar-thumb{
background: #ff2800;
}
::-webkit-scrollbar-thumb:hover{
background: #ff4800;
}


#contenu{
margin: 0px auto;
width: 980px;
}

a{
color: #f30;
text-decoration: none;
outline: none;
cursor: url(images/pointer.png), pointer;
}
a:hover{
color: #888;
text-decoration: none;
}
a:active{
cursor: url(images/pointer2.png), pointer;
}

::-moz-selection {
background: #f30;
color:#fff;
}
::selection {
background: #f30;
color:#fff;
}

input[type=text],
input[type=password],
textarea,
select,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus{
background: #cfc8b0;
font-family: arial, helvetica sans-serif;
border: none !important;
padding: 2px;
font-size: 10pt;
position: relative;
z-index: 10;
cursor: text;
}
select{
cursor: url(images/pointer2.png), pointer;
}

input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox]{
border: none !important;
background: none !important;
outline: none !important;
font: italic 12pt georgia, times roman, times new roman, serif;
color: #f30;
cursor: url(images/pointer.png), pointer;
}
input[type=button]:hover,
input[type=submit]:hover{
color: #888;
}

ul{
padding-left: 0px;
list-style: none;
}
table{
background: none;
}
img{
border: none;
}
h1,
h2,
h3{
font-weight: normal;
}

a h2{
cursor: url(images/fleche.png), default !important;
}


/* TITRE HAUT */

#barre_titre{
background: #fff url(images/logo.png) no-repeat 15px 10px;
position: absolute;
position: fixed;
width: 980px;
height: 90px;
z-index: 4;
}
#barre_titre a{
display: block;
background: url(images/vide.png);
width: 800px;
height: 100px;
opacity: 0;
filter : alpha(opacity=0); 
}


/* MENU JQUERY */

#barre_onglets_der{
position: fixed;
top: 90px;
width: 980px;
height: 24px;
background: #333;
z-index: 4;
}

/*menu*/
#barre_onglets_der .menu li{
float: left;
}
#barre_onglets_der .menu a{
display: block;
padding: 2px 17px 0px 17px;
margin-right: 2px;
height: 22px;
font: italic 11pt georgia, times roman, times new roman, serif;
color: #fff;

padding-top: 4px \9;
}
#barre_onglets_der .menu li:nth-child(1) a{
color: #ccb;
}
#barre_onglets_der .menu li:nth-child(2) a{
background: url(images/banc.png) no-repeat 2px 5px;
}
#barre_onglets_der .menu li:nth-child(3) a{
background: url(images/table.png) no-repeat 0px 9px;
}
#barre_onglets_der .menu li:nth-child(4) a{
background: url(images/jeux.png) no-repeat 2px 7px;
}
#barre_onglets_der .menu li:nth-child(5) a{
background: url(images/bac.png) no-repeat 1px 6px;
}
#barre_onglets_der .menu li:nth-child(6) a{
background: url(images/cendar.png) no-repeat 3px 6px;
}
#barre_onglets_der .menu li:nth-child(7) a{
background: url(images/corbeille.png) no-repeat 3px 6px;
}
#barre_onglets_der .menu li:nth-child(8) a{
background: url(images/borne.png) no-repeat 3px 10px;
}
#barre_onglets_der .menu li:nth-child(9) a{
background: url(images/cendar.png) no-repeat 3px 6px;
}
#barre_onglets_der .menu li:nth-child(10) a{
color: #ccb;
padding: 2px 0px 0px 8px;
}


.menuhover{
background: #c5bea5 !important;
color: #333 !important;
cursor: url(images/fleche.png), default;
}

/*sous-menu*/
.menu ul{
background: #c5bea5 url(images/menu.png) no-repeat;
position: absolute;
top: 24px;
left: 0px;
width: 980px;
display: none;
opacity: 0;
-moz-box-shadow: 0px 20px 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 20px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 20px 5px rgba(0, 0, 0, 0.3);

/position: fixed;
/top: 114px;
/left: 50%;
/margin-left: -490px;
}
.menu ul li{
margin: 15px 0px -15px 0px;
float: left;
}
.menu ul li a{
width: 228px;
height: 50px !important;
padding: 0px 0px 0px 15px !important;
background: none !important;
color: #333 !important;
}
.menu ul li:hover a{
color: #fff !important;
text-shadow: 0px -1px 0px #885;
}
.menu ul li a img{
float: left ;
margin-top: 0px;
margin-right: 5px;
}
.menu ul li a p{
margin: 0px 0px 0px 60px;
padding-top: 5px;
line-height: 10pt;



/margin: 0px;
/padding-left: 60px;
}
.menu ul li a .titre9{
margin-left: 54px;
}
.arrondi{
width: 980px !important;
height: 15px;
background: #c5bea5 !important;
}


/* ZONE1 */

#colonne{
position: absolute;

/z-index: 6;
}

/*recherche*/
.recherche{
position: fixed;
margin-left: 750px;
top: 30px;
z-index: 5;
}
.recherche h2{
display: none;
}
.texte{
background: url(images/recherche.png) no-repeat !important;
width: 158px;
height: 20px;
padding: 0px 2px 0px 20px !important;
color: #998;
-webkit-transition-property: color;
-moz-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.recherche:hover .texte{
color: #333;
}

#ok_recherche{
background: #fff url(images/loupe.png) no-repeat !important;
position: absolute;
left: 180px;
top: -24px;
width: 32px;
height: 20px;
font-size: 5px;
color: #cfc8b0;
color: transparent;
z-index: 6;
}
#ok_recherche:hover{
background-position: 0px -20px !important;
}

.catalogue{
display: none;;
}

/*cataloguue en haut a droite*/
.cata{
position: fixed;
top: 32px;
margin-left: 600px;
z-index: 2000;
}

/*panier en haut a droite*/
.panier{
position: fixed;
top: 90px;
margin-left: 860px;
z-index: 2000;
}
/*
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.panier{z-index: 6;}
}*/
.panier h2{
display: none;
}
#btpanier{
background: url(images/selection.png) no-repeat !important;
position: absolute;
width: 120px;
height: 24px;
padding-left: 20px;
text-transform: none;
font: italic 11pt georgia, times roman, times new roman, serif;
color: #333;
z-index: 6;
}
#btpanier:hover{
color: #fff;
text-shadow: 0px -1px 0px #885;
}
#panier{
background: #cfc8b0;
position: absolute;
top: 24px;
left: -100px;
width: 220px;
height: 300px;
z-index: 3;
}
#contenu-panier{
padding: 5px 15px 0px 15px;
}
#contenu-panier p{
width: 190px;
margin: 0px;
padding: 8px 0px 8px 0px;
border-bottom: 1px solid #333;
}
#messPanier{
background: #cfc8b0;
position: absolute;
top: 324px;
left: -100px;
width: 220px;
height: 50px;
z-index: 3;
}
.quantite{
display: none;
}
#contenu-voirPanier{
padding: 15px;
}
#contenu-voirPanier a{
font: italic 13pt georgia, times roman, times new roman, serif;
color: #f30;
text-shadow: 0px -1px 0px #885;
}
#contenu-voirPanier a:hover{
color: #fff;

color: #666 \9;
}


/* ZONE2 */

#colonne_blocs{
/*footer*/
position: relative;
margin: -190px 0px -190px 0px !important;

background: #f30 url(images/footer.png) no-repeat;
width: 930px;
height: 140px;
padding: 15px 15px 15px 35px;
z-index: 5;
}

#colonne_blocs span{
display: none;
}

.contact{
background: url(images/contact.png) no-repeat 105px 5px;
width: 145px;
margin-top: 30px;
color: #ddc;
font: bold 12pt arial, helvetica, sans-serif;
text-shadow: 0px -1px 0px #920;
}
.contact:hover{
color: #fff;
margin-top: 29px;
}
.contact h2{
width: 150px;
font: italic 14pt georgia, times roman, times new roman, serif;
text-shadow: 0px -1px 0px #920;
margin-bottom: 20px;
}
.contact a{
display: block;
position: absolute;
left: -20px;
top: -100px;
padding: 100px 0px 0px 20px;
width: 145px;
height: 45px;
color: #ddc;

background: url(images/vide.png);
}
.contact a:hover{
color: #fff;
}

.acc,
.selection,
.references{
background: url(images/triangle.png) no-repeat 26px top;
position: absolute;
left: 276px;
top: 15px;
width: 400px;
height: 20px;
}
.acc:hover,
.selection:hover,
.references:hover{
background-position: 26px -20px;
}

.acc .menu,
.selection .menu{
display: none;
}

.acc h2,
.selection h2,
.references a{
background: url(images/triangle2.png) no-repeat right top;
display: inline;
position: relative;
top: 3px;
margin-left: 46px;
height: 18px;
padding: 3px 22px 2px 2px;
font: bold 9pt arial, helvetica, sans-serif;
text-transform: uppercase;
color: #ccb;

padding-bottom: 2px \9;
}
:root .acc h2,
:root .selection h2,
:root .references a{
padding-bottom: 4px \9;
}

.references a{
top: 2px;
		
top: 3px \9;
}
.acc:hover h2,
.selection:hover h2,
.references:hover a{
background-position: right -22px;
color: #222;
}

.acc a,
.selection a{
display: block;
width: 400px;
height: 66px;
margin-top: -30px;
padding-top: 39px;
text-indent: 16px;
font: italic 10pt/10pt georgia, times roman, times new roman, serif;
color: #151515;
}
.acc strong,
.selection strong{
font-weight: normal;
}

.selection{
left: 214px;
top: 80px;
}
.references{
left: 154px;
top: 140px;
}

.france{
background: url(images/france.png) no-repeat;
position: absolute;
left: 850px;
top: 18px;
width: 115px;
height: 151px;
}
.france:hover{
background-position: left -1px;
}
.france a{
display: block;
width: 115px;
height: 150px;
background: url(images/vide.png);
opacity: 0;
filter : alpha(opacity=0); 
}

.dataxy a{
position: absolute;
right: 0px;
top: 170px;
display: block;
background: url(images/separateur.png) repeat-y;
height: 17px;
padding: 3px 10px 0px 12px;
color: #ccb;
font-size: 8pt;
text-transform: uppercase;
z-index: 2;
}
.dataxy a:hover{
color: #fff;
}/*
.dataxy a{
width: 120px;
position: absolute;
margin-left: 820px;
bottom: 1px;
text-transform: uppercase;
font-size: 8pt;
color: #810;
border: none !important;

-moz-transform: translate(53px, -67px) rotate(-90deg);
-webkit-transform: translate(53px, -67px) rotate(-90deg);
-o-transform: translate(53px, -67px) rotate(-90deg); 
-ms-transform: translate(53px, -67px) rotate(-90deg);
transform: translate(53px, -67px) rotate(-90deg);
}
.dataxy a:hover{
color: #111;
}*/

.menuBas{
background: #222 url(images/telecharger2.png) no-repeat 10px 6px;
width: 965px;
height: 20px;
position: absolute;
left: 0px;
top: 170px;
padding-left: 15px;
}
.menuBas li{
float: left;
}
.menuBas a{
display: block;
background: url(images/separateur.png) repeat-y right;
height: 17px;
padding: 3px 12px 0px 10px;
color: #ccb;
font-size: 8pt;
text-transform: uppercase;
}
.menuBas a:hover{
color: #fff;
}



/* MAIN */

#main,
#main_10,
#main_01,
#main_11,
#main_full,
#main_full_10,
#main_full_01,
#main_full_11{/*footer*/
min-height: 100%;
position: relative;
background: #fff url(images/page.png) repeat-y;
width: 980px;
}

.titres_haut{
padding: 134px 0px 0px 480px;
height: 20px;
font-size: 10pt;
}
.titres_bas{/*footer*/
background: grey;
height: 140px;
visibility: hidden;
}
.titres_haut a,
.titres_bas a {
font-size: 10pt;
}

.pages{
text-align:center;
font-size: 10pt;
margin: 0px 0px 0px 0px;
}
.pages:nth-child(2n+1){
display: none;
}


/* VISIO  IMAGES */

#titre-slidervisio1{ 
display: none;
}
#fond-slidervisio1{
background: #333;
margin-top: -57px;
width: 980px;
color: #fff;

margin-top: -56px \9;
}
#loopedSlidervisio1{
margin: 0 auto;
width: 980px;
position: relative; 
}
#fond-slidervisio1 .container {
position: relative;
width: 980px;
height: 429px; 
overflow: hidden;
}
#fond-slidervisio1 .slides { 
position: absolute;
}
#fond-slidervisio1 .slides > div {
position: absolute; 
top: 0px; 
width: 980px;
display: none;
}

/*contenu visio images*/

#fond-slidervisio1 .photo-slider img{
width: 980px;
}
#fond-slidervisio1 .description{
background: url(images/carre.png);
position: absolute;
top: 150px;
width: 243px;
height: 239px;
margin-left: 30px;
text-align: center;
color: #ccb;
}
#fond-slidervisio1 .description h2{
padding: 70px 60px 20px;
font-weight: bold;
font-size: 12pt;
text-transform: uppercase;
}
#fond-slidervisio1 .description p{
padding: 0px 60px;
font: italic 10pt georgia, times roman, times new roman, serif;
}
#fond-slidervisio1 .underline{
background: url(images/trame.png);
position: absolute;
top: -220px;
left: -30px;
width: 980px;
height: 700px;
}
#fond-slidervisio1 .description i,
#fond-slidervisio1 .description a{
display: none;
}

#fond-slidervisio1 .previous,
#fond-slidervisio1 .next {
height: 41px; 
width: 23px; 
position: absolute;
top: 370px; 
cursor: url(images/pointer.png), pointer;
z-index: 100;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
#fond-slidervisio1:hover .previous,
#fond-slidervisio1:hover .next{
opacity: 1;
}

#fond-slidervisio1 .previous { 
background: url(images/gauche.png) no-repeat 2px 0px;
left: 160px;
}
#fond-slidervisio1 .previous:hover{ 
background-position: 2px -41px;
}
#fond-slidervisio1 .previous:active{ 
background-position: 0px -41px;
cursor: url(images/pointer2.png), pointer;
}


#fond-slidervisio1 .next {
background: url(images/droite.png) no-repeat;
left: 188px;
}
#fond-slidervisio1 .next:hover{ 
background-position: 0px -41px;
}
#fond-slidervisio1 .next:active{ 
background-position: 2px -41px;
cursor: url(images/pointer2.png), pointer;
}


/* VISIO ACTU */

#titre-slidervisio2{ 
display: none;
}

#fond-slidervisio2{
background: #262626 url(images/separateur.png) repeat-y 290px;
width: 580px;
padding: 20px 30px 0px 30px;
margin-bottom: 24px;
position: relative;
z-index: 2;
}
#fond-slidervisio2 .container{
width: 570px;
height: 250px;
}
#fond-slidervisio2 .slides {
width: 570px !important;
left: 0px !important;
}
#fond-slidervisio2 .slides > div {
position: static !important;
left: 0px !important;
display: block !important;
width: 570px;
height: 42px;
}
#fond-slidervisio2 .slides div {
-position: relative !important;
-left: 0px !important;
-display: block !important;
}

/*contenu visio actu*/

#fond-slidervisio2 .photo-slider{
display: none;
}
#fond-slidervisio2 .description{
color: #ccb;
}
#fond-slidervisio2 .description h2{
width: 240px;
height: 12px;
padding: 5px 0px 25px 0px;
border-bottom: 1px solid;
font: bold 10pt arial, helvetica, sans-serif;
text-transform: uppercase;
cursor: url(images/pointer.png), pointer;
}
#fond-slidervisio2 .description h2:hover{
background: url(images/fleche2.png) no-repeat 232px 15px;
}

#fond-slidervisio2 .underline{
background: url(images/date.png) right;
width: 76px;
height: 14px;
padding: 0px 0px 0px 5px;
position: absolute;
margin-top: 22px;
color: #333;
font-size: 8pt;
}
#fond-slidervisio2 .description p{
background: #262626;
position: absolute;
left: 312px;
top: 23px;
width: 295px;
height: 240px;
text-align: justify;
display: none;
}
#fond-slidervisio2 .slides > div:nth-child(1) .description p{
display: block;
}
#fond-slidervisio2 .description:hover p{
/*z-index: 100;*/display: block;
}
#fond-slidervisio2 .description i,
#fond-slidervisio2 .description a{
display: none;
}
#fond-slidervisio2 .description p a{
display: inline;
}


/* ARTICLES */

.fen{
position: relative;
z-index: 2;
width: 980px;
min-height: 380px;
text-align: justify;
}
.titre_article{
width: 475px;
margin: 40px 0px 20px 480px;
font-weight: bold;
font-size: 24pt;
line-height: 20pt;
text-transform: uppercase;
text-align: left !important;
text-shadow: 0px -1px 0px #cfc8b0;
color: #f30;
}
.fen .article{
width: 465px;
margin: 0px 0px 0px 480px;
}
.article strong{
font-weight: normal;
}
.infos{
display: none;
}
.liens{
clear: both;
height: 2px;
}

/*visionneuse photo*/
.apercus_photos{
width: auto !important;
background: #000;
position: absolute;
top: 0px;
left: 0px;
height: 40px;
padding-right: 4px;
}
.apercus_photos img{
width: auto;
height: 40px;
cursor: url(images/pointer.png), pointer;
margin-right: -4px;
opacity: 0.9;
filter : alpha(opacity=90); 
}
.apercus_photos img:hover{
opacity: 1;
filter : alpha(opacity=100); 
}

.photo{
position: absolute;
top: 40px;
left: 0px;
margin: 0px 0px 0px 0px !important;
}
.photo div{
background: #484848;
}
.photo img{
max-width: 400px !important;
max-height: 400px !important;
}/*
.photo div{
max-height: 400px;
overflow: hidden;
}*/

.commentaire_photo td{
width: 394px;

text-align: left !important;
font: italic 11pt georgia, times roman, times new roman, serif;
padding-left: 5px;
}


/* ARTICLES SPECIAUX */

/*accueil*/
.fen_0_1{
background: #262626 url(images/banc3d.png) repeat-y -2px -10px;
position: absolute;
margin-left: 640px;
top: 543px;
width: 340px;
height: 261px;
}

:root .fen_0_1{
top: 542px \9;
}
.fen_0_1 .titre_article{
display: none;
}
.fen_0_1 .article a{
background: #cec7b0 url(images/plus2.png) no-repeat;
position: relative;
top: 207px;
margin: 0px 0px 0px 32px;
padding: 1px 5px 4px 25px;
font-size: 9pt;
font-weight: bold;
text-transform: uppercase;
color: #222;
-webkit-transition-property: padding-right;
-moz-transition-property: padding-right;
-o-transition-property: padding-right;
transition-property: padding-right;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.fen_0_1 .article a:hover{
padding-right: 15px;
padding-right: 7px \9;
}
.fen_0_1 .article br{
font-size: 5px;
}
.fen_0_1 .article p{
max-width: 300px;
}


/*simulateur*/
.fen_5332_1{
margin: 0px 0px -100px 15px;
font-size: 9pt;
position: relative;
z-index: 2;
}
.fen_5332_1 h2{
margin: 0px 0px 50px 0px;
}

.fen_5332_1 a{
display: block;
font: italic 11pt georgia, times roman, times new roman, serif;
margin: 30px 0px 0px 0px;
}

.fen_5332_1 .apercus_photos{
background: #222;
position: absolute;
top: 60px;
height: 13px;
overflow: hidden;
}
.fen_5332_1 .apercus_photos img{
width: auto;
height: auto;
opacity: 1;
filter : alpha(opacity=100); 
}

.fen_5332_1 .photo{
position: absolute;
top: 80px;
left: 0px;
margin: 0px 0px 0px 0px !important;
}

.fen_5332_1 .photo div{
background: none;
}
.fen_5332_1 .photo img{
max-width: 2000px !important;
max-height: 2000px !important;
}
.fen_5332_1 .commentaire_photo td{
display: none;
}

#banc{
width: 950px;
height: 340px;
overflow-x: scroll;
}
#banc2{
display: none;
}
#couleur{
/*background: url(images/ral.png) repeat-x 260px 27px;*/
background: url(images/ral1.png) no-repeat 260px 27px,
			url(images/ral2.png) no-repeat 9605px 27px;
width: 19190px;
height: 320px;
}

.fen_5332_2{
background: #fff;
position: fixed;
top: 0px;
width: 980px;
height: 100%;
z-index: 0;
}
.fen_5332_2 h2{
display: none;
}

/*galerie photo*/
.fen_5384_1{
background: #444;
position: fixed;
top: 114px;
width: 980px;
height: 100%;
z-index: 2;
}
.fen_5384_1 h2{
display: none;
}
.fen_5384_1 .photo{
padding: 0px 0px 0px 290px !important;
}
.fen_5384_1 .apercus_photos{
margin: 30px 0px 0px 290px;
background: none;
position: relative;
z-index: 3;
}

/*moteur de recherche*/
#sbi,
#sbb{
display: none;
}
#retour{
width: 465px;
position: relative;
margin-top: -100px;
left: 460px;
z-index: 0;
}
#retour table{
position: relative;
display: block;
width: 465px;
top: 0px;
padding-bottom: 25px;
}
#retour td{
padding: 2px 10px 2px 0px;
}
#retour a{
font-weight: bold;
text-transform: uppercase;
}


/* BLOCS DANS LES ARTICLES */

.fen .zone{
width: 465px;
margin: 0px 0px 0px 480px;
position: relative;
z-index: 2;
}
.fen .zone span{
display: block;
background: url(images/plus.png) no-repeat 0px 3px;
padding-left: 18px;
font: italic 11pt georgia, times roman, times new roman, serif;
color: #f30;
margin-top: 10px;
}

.zone .article_bloc h2{
display: none;
}
.zone .article_bloc{
margin-top: -30px;
padding-top: 35px;
max-height: 0px;
overflow: hidden;
cursor: url(images/pointer.png), pointer;
position: relative;
z-index: 2;
-webkit-transition-property: max-height;
-moz-transition-property: max-height;
-o-transition-property: max-height;
transition-property: max-height;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;

background: url(images/vide.png);
}
.zone .article_bloc:hover{
max-height: 400px;
cursor: url(images/fleche.png), default;
}
.zone .article_bloc a{
font-size: 12pt;
font-weight: bold;
text-transform: uppercase;
}

/*frame boutique*/
.titre_boutique{
display: none;
}
.boutique_q1_p1{
position: fixed;
margin-left: -150px;
top: 220px;
width: 160px !important;
height: 160px !important;

margin-left: -160px \9;/*
/width: 130px !important;
/height: 130px !important;*/
}
#contenu-boutique{
background: url(images/boutique.png) no-repeat center 0px;
width: 140px;
height: 140px;
margin-bottom: -200px;

background-color: #333 \9;
width: 120px !important \9;
}
#contenu-boutique:hover{
background-position: center -140px;
}
#contenu-boutique input{
width: 140px;
height: 140px;
margin-top: 0px;
font: bold 8pt arial, helvetica, sans-serif;
text-transform: uppercase;
color: #ccb;

background: none;
border: none;
cursor: url(images/pointer.png), pointer;
width: 120px !important \9;
height: 141px !important \9;
}

/*contact*/
.formContact{
width: 465px;
margin: 0px 0px 0px 480px;
position: relative;
z-index: 2;
}
.formContact h2{
display: none;
}

/*galerie ping-pong*/
.pong{
position: absolute;
top: 0px;
margin-left: 15px;
font: italic 12pt georgia, times roman, times new roman, serif;
z-index: 50;
}
.pong h2{
display: none;
}


/* FINALISER DEVIS */

#frame_boutique{
width: 530px;
height: 500px;
margin: 20px 0px 195px 400px;
overflow-x: hidden !important;
}
#validerPanier p{
font-weight: bold;
text-transform: uppercase;
}
#validerPanier table{
border-collapse: collapse;
margin-bottom: 10px;
}
#validerPanier td{
padding: 5px 20px 5px 0px;
font-size: 10pt;
}
#validerPanier textarea{
width: 395px !important;
}
#validerPanier input[type=submit]{
margin: 0px 0px 0px -5px;
font-size: 16pt !important;
}


/* SOMMAIRES */

.sommaire{
width: 550px;
margin: 0px 0px 200px 415px;
}
.sommaire tr:hover{
background: #eee !important;
}
.sommaire td{
padding: 8px 15px 8px 0px !important;
border-bottom: 1px solid !important;

}
.sommaire td a{
color: #333;
cursor: url(images/pointer.png), pointer !important;
}


/* CONTACT */

#formulaire_contact select{
width: 461px;
margin-bottom: 15px;
}
#formulaire_contact input[type=text] {
width: 461px;
margin-bottom: 15px;
}
#message {
width: 461px !important;
margin-bottom: 15px;
}
#btn_ok{
margin: 5px 0px 15px 0px;
margin-left: -10px;
}
#wait{
font-size: 8pt;
}


/*FOOTER*/
#footer{
display: none;
}


/* PARTIES CACHEES */

#angle{
display: none;
}
.referencement h1{
display: none;
}

#page h1{
display: none;
}
p.espace_article{
display:none;
}
#main_full h3{
visibility: visible;
}
#pub_verticale,
#pub_verticale2{
display: none !important;
}
.end_zone{
display: none;
}


/* ECRANS BAS */

@media (max-height:600px){
 
	#barre_titre{
	position: absolute;
	}
	#barre_onglets_der{
	position: absolute;
	}
	.recherche,
	.catalogue,
	.panier,
	.cata{
	position: absolute;
	}
	#tuto{
	display: none;
	}
}
@media (min-height:600px){
	.boutique_q1_p1{
	top: 350px;
	}
	.fen_5384_1 .apercus_photos{
	margin-top: 80px;
	}
}

/* ECRANS LARGES */

@media (min-width:1220px){

	#contenu,
	#barre_titre,
	#barre_onglets_der{
	width: 1200px;
	}
	.arrondi{
	width: 1200px !important;
	}
	.menu ul {
	width: 1200px;
	}
	.recherche{
	margin-left: 950px;
	}
	.catalogue{
	margin-left: 1080px;
	}
	.panier{
	margin-left: 1080px;
	}
	.cata{
	margin-left: 1080px;
	}
	#colonne_blocs{
	width: 1150px;
	}
	.france{
	left: 1070px;
	}
	.dataxy a{
	margin-left: 1040px;
	}
	.menuBas{
	width: 1185px;
	}
	
	#main,
	#main_10,
	#main_01,
	#main_11,
	#main_full,
	#main_full_10,
	#main_full_01,
	#main_full_11,
	#fond-slidervisio1,
	#loopedSlidervisio1,
	#fond-slidervisio1 .container,
	#fond-slidervisio1 .slides > div,
	#fond-slidervisio1 .photo-slider img,
	#fond-slidervisio1 .underline,
	.fen{
	width: 1200px;
	}
	#fond-slidervisio1 .container{
	height: 525px;
	}
	#fond-slidervisio2,
	#fond-slidervisio2 .container{
	background-position: 380px 0px;
	width: 800px;
	}
	#fond-slidervisio2 .description h2{
	width: 320px;
	}
	#fond-slidervisio2 .description h2:hover{
	background-position: 310px 15px;
	}
	#fond-slidervisio2 .description p{
	left: 410px;
	width: 410px;
	}

	
	.titre_article{
	width: 665px;
	font-size: 28pt;
	line-height: 24pt;
	}
	.article p{
	width: 665px;
	}
	.fen_0_1{
	margin-left: 860px;
	top: 639px;
	}
	:root .fen_0_1{
	top: 638px \9;
	}
	.fen_5332_1 .photo{
	top: 85px;
	}
	.fen_5384_1{
	width: 1200px;
	}
	.fen_5384_1 .photo{
	padding-left: 400px !important;
	}
	.fen_5384_1 .apercus_photos{
	margin-left: 400px;
	}

}

/*VERSION MOBILE 2015 -src 298 */

@media(max-width:800px){

	#contenu{
	background: none;
	width: 320px;
	}

	#barre_titre{
	width: 320px;
	position: absolute;
	background-position: 10px 20px;
	}

	#barre_onglets_der{
	width: 320px;
	height: 215px;
	padding-top: 10px;
	position: relative;
	}
	
	#barre_onglets_der .menu li:nth-child(1) a {
    color: #CCB;
    padding: 2px 0px 0px 8px;
	}
	#barre_onglets_der .menu li:nth-child(9) a {
    color: #CCB;
    padding: 2px 0px 0px 8px;
	}

	.menulink{
	height: 20px;
	font-size: 13pt;
	padding-top: 0px;
	}
	#barre_onglets_der .menu li {
	float: none;
	}

	.menu ul {
	background-image: none;
	width: 260px;
	padding: 0px;
	left: 50px;
	top: 10px;
	}
	.menu ul li {
	top: 0px;
	width: 200px;
	}
	.menu ul li a{
	background: #555;
	}
	.arrondi{
	height: 0px;
	}

	#colonne{
	display: none;
	}
	#colonne_blocs .zone{
	width: 320px;
	}
	.contact,
	.devis2{
	display: none;
	}
	
	.titres_haut {
	  padding: 10px 0px 0px 5px;
	  height: 0px;
	  font-size: 11pt;
	}	
	
	/*
	.titres_haut{
	background-image: none;
	float: none;
	}*/

	.fen{
	width: 320px;
	text-align: left;
	}
	.fen h2{
	background: none;
	line-height: 20pt;
	}
	
	.fen .article {
	width: 320px;
	margin: 0px 0px 0px 0px;
	}
	
	.titre_article{
	 margin: 10px 0px 10px 10px;
	width: 400px;
	font-size: 14pt;
	line-height: 24pt;
	}	

	.zone .article_bloc {
	display: none;
    max-height: 0px;
    overflow: hidden;
    cursor: url("images/pointer.png"), pointer;
    position: relative;
    z-index: 2;
    transition-property: max-height;
    transition-duration: 0.5s;
    background: url("images/vide.png") repeat scroll 0% 0% transparent;
    margin-top: -30px;
    padding-top: 35px;
}
	
#contenu-boutique{
/*display: none;*/
background: url(images/boutique.png) no-repeat center 0px;
width: 140px;
height: 140px;
margin-bottom: -200px;
background-color: #333 \9;
width: 120px !important \9;
}
#contenu-boutique:hover{
/*display: none;*/
background-position: center -140px;
}
#contenu-boutique input{
/*display: none;*/
width: 140px;
height: 140px;
margin-top: 0px;
font: bold 8pt arial, helvetica, sans-serif;
text-transform: uppercase;
color: #ccb;
background: none;
border: none;
cursor: url(images/pointer.png), pointer;
width: 120px !important \9;
height: 141px !important \9;
}	
.boutique_q1_p1 {
display: none;
  position: fixed;
margin-left: -150px;
  top: 220px;
  width: 160px !important;
  height: 160px !important;
  margin-left: -160px \9;
}	

/*visionneuse photo*/
.apercus_photos{
width: auto !important;
background: #000;
position: absolute;
top: 230px;
left: 0px;
height: 40px;
padding-right: 4px;
}



.apercus_photos img{
width: auto;
height: 40px;
cursor: url(images/pointer.png), pointer;
margin-right: -4px;
opacity: 0.9;
filter : alpha(opacity=90); 
}
.apercus_photos img:hover{
opacity: 1;
filter : alpha(opacity=100); 
}

.photo{
position: absolute;
top: 270px;
left: 0px;
margin: 0px 0px 0px 0px !important;
}
.photo div{
background: #484848;
}
.photo img{
max-width: 400px !important;
max-height: 400px !important;
}

/*
	.photo{
	position: absolute;
	top: 250px;
	left: 0px;
	margin: 0px 0px 0px 0px !important;
	}
	.apercus_photos img {
	  top: 210px;
	  width: auto;
	  height: 40px;
	  cursor: url(images/pointer.png), pointer;
	  margin-right: -4px;
	  opacity: 0.9;
	  filter: alpha(opacity=90);
	}	
	
	.photo div{
	background: #484848;
	}
	.photo img{
	max-width: 400px !important;
	max-height: 400px !important;
	}
	
*/	
	.formContact{
	width: 320px;
	margin: 0px 0px 0px 320px;
	position: relative;
	float:none;
	z-index: 2;
	}
	.formContact h2{
	display: none;
	}
	
	
	#fond-slidervisio1{
	width: 320px;
	height: 190px;
	}
	#fond-slidervisio1 .container {
	width: 320px;
	height: 190px;
	}
	#fond-slidervisio1 .slides > div {
	width: 320px;
	}

	#fond-slidervisio1 .photo-slider {
	display: none;
	}
	#fond-slidervisio1 .description{
	background: none;
	width: 300px;
	height: 200px;
	border: none;
	margin: 10px 0px 0px 10px;
	}
	#fond-slidervisio1 .description h2{
	background: none;
	display: block;
	line-height: 14pt;
	padding-bottom: 10px;
	text-align: left;
	}
	#fond-slidervisio1 .description i{
	display: none;
	}

	#fond-slidervisio1 .previous {
	left: 120px;
	top: 174px;
	}
	#fond-slidervisio1 .next {
	left: 170px;
	top: 174px;
	}

	#fond-slidervisio2{
	display: none;
	}

	#fond-slidervisio3 .container {
	width: 320px;
	height: 600px; 
	}
	#fond-slidervisio3 .slides > div { 
	width: 320px;
	}
	#fond-slidervisio3 .photo-slider img{
	width: 320px;
	}
	#fond-slidervisio3 .description{
	width: 300px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	}
	#fond-slidervisio3 .previous {
	top: 235px;
	left: 220px;
	}
	#fond-slidervisio3 .next {
	top: 235px;
	left: 270px;
	}

	#main,
	#main_10,
	#main_01,
	#main_11,
	#main_full,
	#main_full_10,
	#main_full_01,
	#main_full_11{
	width: 320px;
	margin: 110px 0px 10px 0px;
	}

	#main_full_10{
	width: 320px;
	margin: 110px 0px 0px 0px;
	}


	.article{
	background: none;
	}

	.fen332356{
	background: #444 url(images/dataxy.gif) no-repeat 5px 10px;
	width: 280px;
	padding: 48px 20px 0px 20px;
	margin-top: 10px;
	}

	.fen332451{
	display: none;
	}
	.portfolio a{
	display: none;
	}

	.fen370445{
	background-repeat: no-repeat;
	width: 320px;
	margin: 10px 0px 6px 0px;
	float: left;
	}
	.fen370445 span{
	display: none;
	}
	.fen395380{
	display: none;
	}

	.fen370080,
	.fen370082,
	.fen370083{
	width: 320px;
	height: 300px;
	}

	.fen370080 .commentaire_photo td,
	.fen370082 .commentaire_photo td,
	.fen370083 .commentaire_photo td{
	display: none;
	}

	.fen370080 .main_photo,
	.fen370082 .main_photo,
	.fen370083 .main_photo{
	width: 318px;
	height: auto;
	}
	.fen370080 table,
	.fen370082 table,
	.fen370083 table{
	width: 318px !important;
	}

	.fen .zone{
	width: 320px;
	}

	#formulaire_contact select {
	width: 320px;
	}
	#formulaire_contact input[type=text] {
	width: 318px;
	}
	#message {
	width: 316px !important;
	}

}


/* IMPRESSION */

@media print{

	#barre_onglets_der,
	#colonne,
	.boutique_q1_p1,
	.acc,
	.selection,
	.references,
	.zone .article_bloc a,
	.titres_bas{
	display: none;
	}
	#barre_titre a{
	background: none;
	margin-top: 50px;
	font-size: 15pt;
	color: #f30;
	font-weight: bold;
	text-transform: uppercase;
	}
	.titres_haut{
	height: 50px;
	}
	.zone .article_bloc{
	max-height: 400px;
	}
	.contact{
	position: fixed;
	top: 500px;
	left: 0px;
	color: #f30;
	}
	.contact h2{
	width: 220px;
	font-size: 20pt;
	text-shadow: none;
	}
	.contact p{
	width: 300px;
	font-size: 20pt;
	text-shadow: none;
	}

}


/*hack chrome*/
#ok_recherche{ [
xxx: ;
top: -23px;
}
}