/************************************************************************************* SLIDE SHOW TEMPLATE & PROPERTY for homepage *************************************************************************************/ .slider-wrapper { height:325px; } .slider-container { width:1100px; margin:auto; } .slider-container h2 { font-family: Lato-Light, Arial; } /* navigation du slideshow */ .bx-wrapper .bx-prev, .bx-wrapper .bx-next{ position:absolute; width:50px; height:50px; top:122px; z-index:25; text-indent:-9999px; } .bx-wrapper,.bx-window { height:350px; } .bx-wrapper .bx-prev{ left:29px; background:url("//static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_11.png") no-repeat left top; } .bx-wrapper .bx-next{ right:35px; background:url("//static.cybercartes.com/layouts/cyb_default/img/hp/3/cybercartes_12.png") no-repeat left top; } .wrap-top { z-index:100 !important; } .slideBtn { border-radius: 20px; padding: 14px 20px; border: 2px solid; text-decoration: none; font-size: 16px; } /************************************************************************************* SLIDE SHOW TEMPLATE A DROITE *************************************************************************************/ .template_image_a_droite { height:325px; } .template_image_a_droite .grande_image { display:block; position:absolute !important; z-index:5; /* position de l'image */ margin:25px 0 0 600px; } .template_image_a_droite .petite_image { display:block; position:absolute !important; z-index:5; /* position de l'image */ margin:0 0 0 150px; } .template_image_a_droite h2, .template_image_a_droite p, .template_image_a_droite .liens { position:absolute; z-index:10; } .template_image_a_droite .grande_image img { /* bordure */ border:10px solid #fff; /* rotation */ -webkit-transform: rotate(7.5deg); -moz-transform: rotate(7.5deg); -ms-transform: rotate(7.5deg); -o-transform: rotate(7.5deg); transform: rotate(7.5deg); /* ombre portée */ -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); } .template_image_a_droite h2 { /* position du titre */ margin:50px 0 0 75px; /* taille du texte */ font-size:36px; /* Style du texte */ color:#fff; /* ombre portée */ text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } .template_image_a_droite p { width:400px; /* position du sous-titre */ margin:100px 0 0 75px; /* taille du texte */ font-size:14px; /* Style du texte */ /* font-family:;*/ font-style:italic; color:#fff; color:rgba(255,255,255,0.75); } .template_image_a_droite .liens { display:block !important; /* position du boutton */ margin:150px 0 0 60px; } /************************************************************************************* SLIDE SHOW TEMPLATE A GAUCHE *************************************************************************************/ .template_image_a_gauche, .template_image_a_gauche_blacktxt { height:325px; } .template_image_a_gauche .grande_image, .template_image_a_gauche_blacktxt .grande_image { display:block; z-index:5; position:absolute; /* position de l'image */ margin:0 0 0 93px; } .template_image_a_gauche .petite_image, .template_image_a_gauche_blacktxt .petite_image { display:block; position:absolute !important; z-index:5; /* position de l'image */ margin:0 0 0 610px; } .template_image_a_gauche .grande_image img { } .template_image_a_gauche h2, .template_image_a_gauche p, .template_image_a_gauche .liens, .template_image_a_gauche_blacktxt h2, .template_image_a_gauche_blacktxt p, .template_image_a_gauche_blacktxt .liens { position:absolute; z-index:10; } .template_image_a_gauche h2, .template_image_a_gauche_blacktxt h2 { /* position du titre */ margin:52px 0 0 630px; /* taille du texte */ font-size:50px; /* Style du texte */ color:#fff; /* ombre portée */ text-shadow: 5px 5px 5px rgba(0,0,0,0.5); } .template_image_a_gauche p, .template_image_a_gauche_blacktxt p { width:400px; /* position du sous-titre */ margin:130px 0 0 625px; /* taille du texte */ font-size:15px; line-height: 22px; /* Style du texte */ font-family: Lato-Light, Arial; color: #ffffff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } .template_image_a_gauche .liens, .template_image_a_gauche_blacktxt .liens { display:block !important; /* position du sous-titre */ margin:236px 0 0 610px; } /************************************************************************************* SLIDE SHOW TEMPLATE A GAUCHE avec texte noir *************************************************************************************/ .template_image_a_gauche_blacktxt p, .template_image_a_gauche_blacktxt h2 { color: #000000; } /************************************************************************************* SLIDE SHOW TEMPLATE Neutre (ex :halloween) *************************************************************************************/ .template_neutre, .template_neutre_upright, .template_neutre_upright_w, .template_neutre_right_right, .template_neutre_upright_titreMini { height:325px; } .template_neutre .grande_image, .template_neutre_upright .grande_image, .template_neutre_upright_w .grande_image, .template_neutre_right_right .grande_image, .template_neutre_upright_titreMini .grande_image { display:block; z-index:5; position:absolute; } .template_neutre .petite_image, .template_neutre_upright .petite_image, .template_neutre_upright_w .petite_image, .template_neutre_right_right .petite_image, .template_neutre_upright_titreMini .petite_image { display:block; position:absolute !important; z-index:5; /* position de l'image */ margin:0 0 0 575px; } .template_neutre .grande_image img, .template_neutre_upright .grande_image img, .template_neutre_upright_w .grande_image img, .template_neutre_right_right .grande_image img, .template_neutre_upright_titreMini .grande_image img { } .template_neutre h2, .template_neutre p, .template_neutre .liens, .template_neutre_upright h2, .template_neutre_upright p, .template_neutre_upright .liens, .template_neutre_upright_w h2, .template_neutre_upright_w p, .template_neutre_upright_w .liens, .template_neutre_right_right h2, .template_neutre_right_right p, .template_neutre_right_right .liens, .template_neutre_upright_titreMini h2, .template_neutre_upright_titreMini p, .template_neutre_upright_titreMini .liens { position:absolute; z-index:10; } .template_neutre h2 { /* position du titre */ margin:190px 0 0 530px; } .template_neutre h2, .template_neutre p { font-size:16px; line-height: 20px; font-family: Lato-Light, Arial; color:#fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } .template_neutre p { width:330px; /* position du sous-titre */ margin:196px 0 0 530px; } .template_neutre .liens { display:block !important; /* position du sous-titre */ margin:250px 0 0 554px; } /************************************************************************************* SLIDE SHOW TEMPLATE Neutre avec texte et bouton en haut à droite (ex :paques2013) *************************************************************************************/ .template_neutre_upright h2, .template_neutre_upright_w h2 { margin:92px 0 0 548px; font-size:48px; color:#15230c; } .template_neutre_upright .slideBtn { border-color: #15230c; color: #15230c; } .template_neutre_upright .slideBtn:hover { background-color: #15230c; color: #FFF; } .template_neutre_upright p, .template_neutre_upright_w p, .template_neutre_upright_titreMini p { font-size:15px; line-height: 17px; font-family: Lato-Light, Arial; color:#FFFFFF; width:330px; margin:148px 0 0 555px; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } .template_neutre_upright .liens, .template_neutre_upright_w .liens, .template_neutre_upright_titreMini .liens { display:block !important; margin:188px 0 0 554px; } /************************************************************************************* SLIDE SHOW TEMPLATE Neutre avec texte et bouton en haut à droite Mais TITRE BLANC *************************************************************************************/ .template_neutre_upright_w h2 { color:#ffffff; } .template_neutre_upright_w .slideBtn { border-color: #ffffff; color: #ffffff; } .template_neutre_upright_w .slideBtn:hover { background-color: #ffffff; color: #15230c; } /************************************************************************************* SLIDE SHOW TEMPLATE Neutre avec titre plus petit (ex: promo mobile) *************************************************************************************/ .template_neutre_upright_titreMini h2 { margin:106px 0 0 548px; font-size:39px; color:#ffffff; } /************************************************************************************* SLIDE SHOW TEMPLATE patchwork (ex: saint patrick) *************************************************************************************/ .template_patchwork { height:325px; } .template_patchwork .grande_image { display:block; z-index:5; position:absolute; } .template_patchwork .petite_image { display:block; position:absolute !important; z-index:5; /* position de l'image */ margin:0 0 0 575px; } .template_patchwork .grande_image img { } .template_patchwork h2, .template_patchwork p, .template_patchwork .liens { position:absolute; z-index:10; } .template_patchwork h2 { /* position du titre */ margin:190px 0 0 120px; } .template_patchwork h2, .template_patchwork p { font-size:16px; line-height: 20px; font-family: Lato-Light, Arial; color:#fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } .template_patchwork p { width:330px; /* position du sous-titre */ margin:210px 0 0 120px; } .template_patchwork .liens { display:block !important; /* position du sous-titre */ margin:225px 0 0 175px; } /************************************************************************************* SLIDE SHOW TEMPLATE bouton et texte tres à droite (ex :noel 2016) *************************************************************************************/ .template_neutre_right_right p { font-size:15px; line-height: 17px; font-family: Lato-Light, Arial; color:#FFFFFF; width:330px; margin:196px 0 0 626px; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } .template_neutre_right_right .liens { display:block !important; margin:235px 0 0 612px; } /************************************************************************************* SLIDE SHOW TEMPLATE multi bouton (ex :noel 2013) *************************************************************************************/ .template_multi_btn { height:325px; } .template_multi_btn #slideCardWrapper { margin-left: 80px; } #slideWarning { display: block; position: absolute; width: 100%; padding: 5px 0; z-index: 98; background-color: red; font-size: 17px; line-height: 17px; text-align: center; color: #ffffff; } #slideWarning a { display: block; width: 100%; text-decoration: none; } #slideWarning a:HOVER { text-decoration: underline; } /*#slideWarning { display: block; width: 907px; margin: 0 0 0 20px; background-color: red; font-size: 17px; color: #ffffff; line-height: 30px; text-align: center; }*/ .template_multi_btn .slideCard { padding-top: 20px; float: left; position: relative; } .template_multi_btn .slideCard p { display:block; width:200px; position: absolute; top:184px; left:20px; font-family: Lato-Light, Arial; color: #FFF; font-size: 17px; } .template_multi_btn .slideCard p a{ background: url("//static.cybercartes.com/layouts/cyb_default/img/hp/3/white_arrow.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); line-height: 16px; height: 16px; padding-left: 14px; }