/*
Theme Name: KALITHEME //
Version: 2.5
Description: Le Template du site kali's pearl
Author: SO FABULOUS
Author URI: http://www.so-fabulous.fr
*/
/* ----------------------------------------------------
1 - BODY DOCUMENT
---------------------------------------------------- */
html, body{ height:100%; width: 100%; margin: 0;padding:0;x }
#content{position:absolute; margin-left: auto; margin-right: auto; min-height:100%;min-width: 100%; overflow: hidden; }
* { margin: 0; padding: 0; border: 0;}
a { text-decoration: underline; color: #400000;}
a:hover { text-decoration: none; color: #666666;}
/* ----------------------------------------------------
2 - HEARDER
---------------------------------------------------- */
.qtrans_language_chooser {
list-style-type:none;
}
.qtrans_language_chooser li { float : left; }
#header{position: absolute; width: 100%;height: 80px;}
#blocklogo{display: block; position: absolute; width: 300px; height: 80px;}
#logokali{ display: block; width: 205px;height: 80px; }
#headercontentright{ display: block; float: right; width: 500px; height: 80px;}
#musicandlang{ display: block; float:right;width: 80px;height: 50px; }
#music a {float:right;text-decoration: none;color: #fff;margin-top: 10px;margin-right: 5px;line-height: 50px;}
#lang{float:right;width: 70px;height: 50px; margin-top: 28px; padding-right: 10px;}
#lang a{float:right;text-decoration: none;color: #fff;margin-left: 5px;line-height: 50px; font-size: 0.7em; font-family: "Lucida Grande", "Lucida Unicode", Arial, Sans-serif;}
#boutique{height: 20px;margin-top: 26px; float: right; text-align: right; padding-right: 10px; }
#boutique a{text-decoration: none; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; font-size: 0.8em; font-weight: bold; color: #fff;}
#boutique_index{height: 20px;margin-top: 26px; float: right; text-align: right; padding-right: 10px; }
#boutique_index a{text-decoration: none; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; font-size: 0.8em; font-weight: bold; color: #fff;}
#news{width: 115px;height: 20px;margin-top: 26px; float: right; }
#news a{text-decoration: none; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; font-size: 0.8em; font-weight: bold; color: #fff; text-align: center;}
#ambassadrice{height: 20px;margin-top: 26px; float: right; text-align: right; padding-right: 10px;}
#ambassadrice a{text-decoration: none; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; font-size: 0.8em; font-weight: bold; color: #fff; text-align: center;}
/* ----------------------------------------------------
3 - NEWSLETTER
---------------------------------------------------- */
#maincontain-newsletter {
float: left;
height: 400px;
width: 280px;
position: relative;
}
.clear{
clear: both;
}
#news_bloc {
width: 270px;
padding-top: 150px;
padding-right: 10px;
padding-left: 10px;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
float: left;
}
#texte_news {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #EBD7C2;
margin-bottom: 10px;
text-align: justify;
}
.input_news {
font-family: Verdana;
font-size: 12px;
color: #FFF;
}
.button_news {
font-family: Verdana;
font-size: 12px;
color: #000;
background-color: #CA9662;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
/* ----------------------------------------------------
3 - TILLE POSTE
---------------------------------------------------- */
#title-post{position: absolute;width: 100%;height: 100px; top: 80px; }
#title-post-block{position: relative; width: 710px; height: 60px; margin-left: auto; margin-right: auto; padding: 20px; }
#title-post-block h2{ font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; font-size: 54px; color: #fff; text-shadow: 0 5px 5px black; margin-top: 0px; text-align: center;}
/* ----------------------------------------------------
MENU PAGE
----------------------------------------------------**/
/* le lightbox background */
#lightbox{ display: none;position:absolute; background-image: url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/bgbox.png);margin-left: auto; margin-right: auto;min-height:100%;min-width: 100%;top: 0;left: 0;z-index: 1000;}
/* le block lightbox panal */
#lightboxpanel { display: none; position: fixed; list-style: none;line-height: 30px; width: 100%; margin-top: -175px ; top: 50%; margin-left: 40px; left: -10px; z-index: 1001; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;}
#lightboxpanel-logo { list-style: none;line-height: 50px;display: block; }
#lightboxpanel-logo a{text-decoration: none; color: #fff; font-size: 20px; }
/* le block NAVIGATION */
#nav { list-style: none;line-height: 30px;}
/* page */
#nav li {list-style:none; height: 35px; width: 100%; float:left;}
#nav li a {display: block; height: 35px; line-height: 35px; text-decoration: none;color: #fff; font-size: 20px; text-transform: uppercase; font-weight : bold; }
#nav li a:hover {color: #fff; background-image: url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/bgboxwhite.png); }
/* sous page */
#nav li ul {position: absolute; left: -10000px; margin-left: 235px; margin-top: -35px; line-height: 35px; height: 245px; }
#nav li ul li { width: 180px; left: -50px; height: 35px; }
#nav li ul li a{display: block; text-decoration: none; border:none;width: 180px; color: #fff; font-size: 10px; text-transform: uppercase; font-weight : bold; }
#nav li ul li a:hover {display: block; text-decoration: none; border:none; width: 180px; color: #fff; background-image: url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/bgboxwhite.png); line-height: 35px; height: 35px;}
/* sous sous page */
#nav li ul li ul {position: absolute; left: -10000px; margin-left: 0px; margin-top: 0px; line-height: 20px; height: 245px; }
#nav li ul li ul li { width: 180px; left: -50px; height: 20px; float: none; }
#nav li ul li ul li a{display: block; text-decoration: none; border:none;width: 180px; color: #bbb; font-size: 10px; text-transform: none; font-weight : bold; line-height: 20px; height: 20px;}
#nav li ul li ul li a:hover {display: block; text-decoration: none; border:none; width: 180px; color: #bbb; font-size: 10px; background-image: url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/bgboxwhite.png); line-height: 20px; height: 20px; font-weight : bold;}
/* faire disparaitre les sous menus */
#nav li:hover ul, #nav li.sfhover ul { position: absolute; left: auto; width: 720px; height: 245px; }
/* ----------------------------------------------------
3 - CONTAIN PAGE ACCEUIL
---------------------------------------------------- */
#maincontain-wrapper{position: relative;width: 100%; margin-top: 80px;/* empecher le header et le title-post de deborder */ margin-bottom: 230px;/* empecher le footer de deborder*/;}
#maincontain-wrapper2{position: relative;width: 1000px;margin-left: auto;margin-right: auto; min-height: 220px; font-family: "Lucida Grande", "Lucida unicode", Arial, Sans-serif; color: #ccc; overflow: visible;}
/* ----------------------------------------------------
3 - CONTAIN PAGE SIMPLE
---------------------------------------------------- */
#maincontain-wrapper-ps{position: relative;width: 100%; margin-top: 180px;/* empecher le header de deborder*/ margin-bottom: 300px;/* empecher le footer de deborder*/;}
#maincontain-wrapper2-ps{position: relative;width: 800px;margin-left: auto;margin-right: auto; min-height: 1500px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; color: #ccc; -moz-box-shadow: 0px 0px 50px 3px #000; -webkit-box-shadow: 0px 0px 50px 3px #000; box-shadow: 0px 0px 50px 3px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;background: #fff url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/bgmain.png) repeat-y right; }
#maincontain-ps{position: relative; width: 440px; min-height: 200px; background-color: #fff; -moz-border-radius: 15px 0px 0px 15px; -webkit-border-radius: 15px 0px 0px 15px;border-radius: 15px 0px 0px 15px; padding: 30px; color: #333; font-size: 12px; line-height:20px; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; }
/* ----------------------------------------------------
3 - CONTAIN PAGE Onglet
---------------------------------------------------- */
#maincontain-wrapper-po{position: relative;width: 100%; margin-top: 180px;/* empecher le header de deborder*/ margin-bottom: 300px;/* empecher le footer de deborder*/;}
#maincontain-wrapper2-po{position: relative;width: 800px;margin-left: auto;margin-right: auto; min-height: 1700px; color: #ccc; -moz-box-shadow: 0px 0px 50px 3px #000; -webkit-box-shadow: 0px 0px 50px 3px #000; box-shadow: 0px 0px 50px 3px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #fff url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/bgmain.png) repeat-y right; font-family: verdana;}
#maincontain-po{position: relative; width: 440px; min-height: auto; height: auto; background-color: #fff; -moz-border-radius: 15px 0px 0px 15px; -webkit-border-radius: 15px 0px 0px 15px;border-radius: 15px 0px 0px 15px; padding: 30px; color: #333; font-size: 12px; line-height:20px; overflow: hidden; }
/* ----------------------------------------------------
3 - PAGE SITEMAP
---------------------------------------------------- */
#maincontain-wrapper-p-sm{position: relative;width: 100%; margin-top: 180px;/* empecher le header de deborder*/ margin-bottom: 300px;/* empecher le footer de deborder*/;}
#maincontain-wrapper2-p-sm{position: relative;width: 800px;margin-left: auto;margin-right: auto; min-height: 500px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; color: #ccc; -moz-box-shadow: 0px 0px 50px 3px #000; -webkit-box-shadow: 0px 0px 50px 3px #000; box-shadow: 0px 0px 50px 3px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #fff; overflow: hidden; padding-top: 30px; padding-bottom: 30px;}
/* -SOINS Cosmetique --*/
#soin-cos{ position: relative; min-height: 200px; width: 750px; padding-top: 15px; padding-bottom: 15px; float: left;}
#soin-cos-p1-title-wrapper{ position: absolute; width: 750px; height: 30px; }
#soin-cos-p1-title{ position: absolute; width: 699px; height: 30px; margin-left: 26px; margin-right: 25px; border-bottom: solid 1px #999; }
#soin-cos-p1-title a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 16px; line-height: 30px; font-weight: bold; text-decoration: none; }
#soin-cos-pn-content { position: relative; margin-top: 20px; width: 700px; height: auto; margin-left: 25px; margin-right: 25px; float: left;}
#soin-cos-pn-content a{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 11px; font-weight: bold; text-decoration: none; }
#soin-cos-pn-content > li { min-height: 200px; width: 175px; margin-top: 20px; float: left; }
#soin-cos-pn-content li > a { font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 13px; line-height: 11px; font-weight: bold; text-decoration: none; }
#soin-cos-pn-content li > ul{ min-height: 75px; padding-top: 10px; margin-top:-5px;}
#soin-cos-pn-content li ul li > a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 11px; line-height: 15px; font-weight: bold; text-decoration: none; font-variant: normal; }
#soin-cos-pn-content li ul li > a:hover {color: #111; }
#soin-cos-pn-content li ul li > ul { padding-top:0px; }
#soin-cos-pn-content li ul li ul > li{ height: 18px; line-height: 20px; }
#soin-cos-pn-content li ul li ul li > a {font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #888; font-size: 11px; line-height: 15px; text-decoration: none; font-variant: normal; }
#soin-cos-pn-content li ul li ul li > a:hover {color: #222; }
/* -nos engagement --*/
#nos-eng{ position: relative; min-height: 50px; width: 750px; padding-top: 15px; padding-bottom: 15px; float: left;}
#nos-eng-p1-title-wrapper{ position: absolute; width: 750px; height: 30px; }
#nos-eng-p1-title{ position: absolute; width: 699px; height: 30px; margin-left: 26px; margin-right: 25px; border-bottom: solid 1px #999; }
#nos-eng-p1-title a{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 16px; line-height: 30px; font-weight: bold; text-decoration: none; }
#nos-eng-pn-content{position: relative; margin-top: 20px; width: 700px; height: auto; margin-left: 25px; margin-right: 25px; float: left; }
#nos-eng-pn-content > li { width: 175px; margin-top: 20px; float: left; }
#nos-eng-pn-content li > a { font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 11px; line-height: 11px; font-weight: bold; text-decoration: none; }
#nos-eng-pn-content li > a:hover { color: #111; }
/* -Notre philosophie --*/
#notre-philo{ position: relative; min-height: 20px; width: 750px; padding-top: 15px; padding-bottom: 15px; float: left;}
#notre-philo-p1-title-wrapper{ position: absolute; width: 750px; height: 30px; }
#notre-philo-p1-title{ position: absolute; width: 699px; height: 30px; margin-left: 26px; margin-right: 25px; border-bottom: solid 1px #999; }
#notre-philo-p1-title a{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 16px; line-height: 30px; font-weight: bold; text-decoration: none; }
#notre-philo-pn-content{ position: relative; margin-top: 20px; width: 700px; height: auto; margin-left: 25px; margin-right: 25px; float: left; }
#notre-philo-pn-content > li { width: 175px; margin-top: 20px; float: left; }
#notre-philo-pn-content li > a { font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 11px; line-height: 11px; font-weight: bold; text-decoration: none; }
#notre-philo-pn-content li > a:hover { color: #111; }
#notre-philo-pn-content li ul li > a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 10px; line-height: 15px; font-weight: bold; text-decoration: none; font-variant: normal; }
#notre-philo-pn-content li ul li > a:hover {color: #111; }
/* le club --*/
#club{ position: relative; min-height: 50px; width: 750px; padding-top: 15px; padding-bottom: 15px; float: left;}
#club-p1-title-wrapper{ position: absolute; width: 750px; height: 30px; }
#club-p1-title{ position: absolute; width: 700px; height: 30px; margin-left: 25px; margin-right: 25px; border-bottom: solid 1px #999; }
#club-p1-title a{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 16px; line-height: 30px; font-weight: bold; text-decoration: none; }
#club-pn-content{ position: relative; margin-top: 20px; width: 700px; height: auto; margin-left: 25px; margin-right: 25px; float: left; }
#club-pn-content > li { width: 350px; margin-top: 20px; float: left; }
#club-pn-content li > a { font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 11px; line-height: 11px; font-weight: bold; text-decoration: none; }
#club-pn-content li > a:hover { color: #111; }
/* les lien footer --*/
#lien-footer{ position: relative; min-height: 50px; width: 750px; padding-top: 15px; padding-bottom: 15px; float: left;}
#lien-footer-p1-title-wrapper{ position: absolute; width: 750px; height: 30px; }
#lien-footer-p1-title-wrapper p{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 13px; line-height: 30px; font-weight: bold; text-decoration: none; width: 700px; height: 30px; margin-left: 25px; margin-right: 25px; float: left; border-bottom: solid 1px #999;}
#lien-footer-pn-content { position: relative; margin-top: 20px; width: 700px; height: auto; margin-left: 25px; margin-right: 25px; float: left; }
#lien-footer-pn-content-info , #lien-footer-pn-content-utile { width: 350px; margin-top: 20px; float: left;}
#lien-footer-pn-content-info li , #lien-footer-pn-content-utile li {position: relative;list-style-type: none; width: 175px; display: block; height: 20px; }
#lien-footer-pn-content-info li a , #lien-footer-pn-content-utile li a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 20px; text-decoration: none; }
#lien-footer-pn-content-info li a:hover , #lien-footer-pn-content-utile li a:hover { color: #222}
#wiki-lien-beaute{ position: relative; min-height: 50px; width: 750px; padding-top: 15px; padding-bottom: 15px; float: left;}
#wiki-lien-beaute-p1-title-wrapper{ position: absolute; width: 750px; height: 30px; }
#wiki-lien-beaute-p1-title-wrapper p{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 13px; line-height: 30px; font-weight: bold; text-decoration: none; width: 700px; height: 30px; margin-left: 25px; margin-right: 25px; float: left; border-bottom: solid 1px #999; }
#wiki-lien-beaute-pn-content{ position: relative; margin-top: 20px; width: 700px; height: auto; margin-left: 25px; margin-right: 25px; float: left;}
#wiki-lien-block1, #wiki-lien-block2, #wiki-lien-block3 { width: 175px; margin-top: 20px; float: left; overflow: hidden;}
#wiki-lien-block1 li , #wiki-lien-block2 li, #wiki-lien-block3 li {position: relative;list-style-type: none; width: 175px; display: block; height: 20px; overflow: hidden; }
#wiki-lien-block1 li a , #wiki-lien-block2 li a, #wiki-lien-block3 li a {font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 20px; text-decoration: none; }
#wiki-lien-block1 li a:hover , #wiki-lien-block2 li a:hover, #wiki-lien-block3 li a:hover { color: #222}
/* ----------------------------------------------------
3 - CONTAIN PAGE MENTION LEGALE
---------------------------------------------------- */
#maincontain-wrapper-p-ml{position: relative;width: 100%; margin-top: 180px;/* empecher le header de deborder*/ margin-bottom: 300px;/* empecher le footer de deborder*/;}
#maincontain-wrapper2-p-ml{position: relative; width: 800px;margin-left: auto;margin-right: auto; min-height: 500px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; color: #ccc; -moz-box-shadow: 0px 0px 50px 3px #000; -webkit-box-shadow: 0px 0px 50px 3px #000; box-shadow: 0px 0px 50px 3px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #fff; padding: 25px; color: #333; font-size: 12px;font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; }
/* ----------------------------------------------------
3 - CONTAIN PAGE MENTION LEGALE
---------------------------------------------------- */
#maincontain-wrapper-p-search{position: relative;width: 100%; margin-top: 180px;/* empecher le header de deborder*/ margin-bottom: 300px;/* empecher le footer de deborder*/;}
#maincontain-wrapper2-p-search{position: relative; width: 800px;margin-left: auto;margin-right: auto; min-height: 500px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; color: #ccc; -moz-box-shadow: 0px 0px 50px 3px #000; -webkit-box-shadow: 0px 0px 50px 3px #000; box-shadow: 0px 0px 50px 3px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #fff; padding: 25px; color: #333; font-size: 12px;font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; }
#maincontain-wrapper2-p-search h2{ font-size: 15px; color: #68544b;}
.entrysearch { height: 48px; overflow: hidden; text-transform: lowercase; font-size: 13px; font-style: normal; margin-bottom: 5px; }
.entrytext-link{ width: 100px; height: 30px; margin-bottom: 30px; font-style: italic;}
/* ----------------------------------------------------
3.7 - SIDEBAR
---------------------------------------------------- */
#sidebar-home{position: fixed;width: 30px; top: 50%; margin-top: -100px;z-index: 1; z-index:2;}
#home{width: 50px; line-height: 20px;}
#home a{display: block; width: 30px;text-decoration: none;font-size:13px;color: #fff;text-align: center;text-transform : capitalize; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; text-shadow: 0 5px 5px black;}
#sidebar-page{ position: absolute; width: 300px; min-height: 1200px; border-left: solid 2px #bbb; -moz-border-radius: 0px 15px 15px 0px; -webkit-border-radius: 0px 15px 15px 0px;border-radius: 0px 15px 15px 0px; right: 0; overflow: hidden; }
#glob { position: relative; right: 0; width: 200px; height: 255px; left: 50%; margin-left: -100px; top: 30px; float: left; }
#tabs-2 { position: absolute; right: 0; width: 196px; height: 226px;overflow: hidden; box-shadow: 0 0 4px 1px #000; -moz-box-shadow: 0 0 5px 2px #000;-webkit-box-shadow: 0 0 15px 1px #000; border: solid 2px white; }
#tabs-2 img {position:absolute;z-index:8;}
#tabs-2 img.active { position:absolute;z-index:10;}
#tabs-2 img.last-active { position:absolute; z-index:9;}
#fleche{position: absolute; width: 200px; height: 25px; bottom: 0;}
#prev{position: absolute; width: 20px; height: 20px; bottom: 0; overflow: hidden; background-image: url(prev.png); }
#next{position: absolute; width: 20px; height: 20px; bottom: 0; left: 30px; overflow: hidden; background-image: url(next.png);}
/* ----------------------------------------------------
3.7 - SIDEBAR ONGLET
---------------------------------------------------- */
#sidebar-onglet{ position: absolute; width: 300px; min-height: 1700px; border-left: solid 2px #bbb; -moz-border-radius: 0px 15px 15px 0px; -webkit-border-radius: 0px 15px 15px 0px;border-radius: 0px 15px 15px 0px; right: 0; overflow: hidden; top:0; right: 0; overflow: hidden; }
#info-recent-post{ width: 230px; min-height: 50px; float: left;}
#info-recent-post h2{ font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; color: #765948; font-size: 16px; margin-top: 10px; margin-left: 20px; }
#recent-post-wrapper{ width: 230px; min-height: 200px;float: left; margin-left: 20px; }
.recent-post{ width: 210px; min-height: 50px; position: relative; margin-top: 15px;}
.thumbails{width: 48px; height: 48px; box-shadow: 0 0 2px 1px #000; -moz-box-shadow: 0 0 2px 1px #000;-webkit-box-shadow: 0 0 5px 1px #000; overflow: hidden; border: solid 1px #fff; position: absolute; left: 0; top: 0; }
.thumbails img{width: 48px; height: 48px; }
.title-readmore{ position: absolute; width: 145px; top:0; right: 0; overflow: hidden;}
.title-post-recent { position: relative; width: 145px; height: 16px; }
.title-post-recent a h2{ font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; color: #666; font-size: 12px; }
.title-post-recent-extrait { position: relative; width: 145px; line-height: 16px; height: 16px; overflow: hidden; }
.title-post-recent-extrait a h3{ font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; color: #666; font-size: 11px;font-weight: normal; }
.readmore-post-recent{ position: relative; width: 145px; height: 18px; line-height: 18px; }
.readmore-post-recent a{ font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; color: #666; font-size: 10.5px; font-style: italic; text-align: left; }
/* ----------------------------------------------------
4 - FOOTER
---------------------------------------------------- */
#footer{position:absolute; bottom:0; width:100%;height:210px; /* Height of the footer */ }
#footer1{ width:100%;height:80px; /* Height of the footer */ overflow: visible; }
#footer1 a{width:130px; height:80px; /* Height of the footer */ float: right; text-align: center; }
#facetwitt{width: 210px;height: 80px; float: right; top: 40px; }
#twitt{width: 40px;height: 40px; float: right; z-index: 2; margin-top: 15px; margin-right: 20px; }
#footer2{ width:100%; height:130px; background-image: url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/bgbox.png); }
/* -partie haut du footer2-page--*/
#footer2-page{ width:100%; height:130px; background-image: url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/bgfooterpage.png); }
/* -partie haut du footer2-wrapper--*/
#footer2-wrapper{position: relative;width: 1000px; margin-left: auto; margin-right: auto; height: 130px; }
/* -partie haut du footer2-wrapper--*/
#hautfooter{width: 1000px; height: 25px; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; position: absolute; bottom: 105px;}
#motcle{width: 1000px;height: 25px;}
#bp{float: left;line-height: 25px; ;width: 200px; text-align: center;}
#bp a{text-decoration: none;font-size: 15px;;color:#fff; }
#dist{float: right;line-height: 25px; ;width: 200px; text-align: center;}
#dist a{text-decoration: none;font-size: 15px;color:#fff;}
/* -partie centre du footer2-wrapper--*/
#centerfooter{width: 1000px; height: 80px; text-align: center; position: absolute; bottom: 25px; overflow: hidden; }
#centerfooter li{position: relative;list-style-type: none;width: 200px;float: left; display: block; height: 20px; }
#centerfooter li a{text-decoration: none;color: #fff;font-size: 11px; width: 200px; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; line-height:20px; }
/* -parti bas du footer2-wrapper--*/
#basfooter{width: 1100px;height: 25px;font-family: Arial, Sans-serif; bottom: 0; position: absolute; }
#basfooter ul {display: block; margin-left: 40px;}
#basfooter ul li {list-style:none;float:left; }
#basfooter ul li a {font-size:0.55em;font-weight: bold;text-decoration: none;text-align: center;color:#fff; }
/* - fixé le footer --*/
.event-stop{ cursor: default;}
/* ----------------------------------------------------
4 - FOOTER-Page
---------------------------------------------------- */
#footer-p{position:absolute; bottom: 0; width:100%;height:240px; /* Height of the footer */ }
#footer-p-wrapper{position: relative; top: 0; width: 750px; height: 240px; margin-left: auto; margin-right: auto; background-color: #fff; -moz-box-shadow: 0px 0px 50px 5px #000; -webkit-box-shadow: 0px 0px 50px 5px #000; box-shadow: 0px 0px 50px 5px #000; -moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; overflow: hidden;}
#footer-p-sc{ position: absolute; width: 460px; height: 30px; left: 0; top: 0; padding-left: 20px; padding-top: 10px; padding-bottom: 0px;padding-right: 20px;}
#footer-p-sc p{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #999; font-size: 15px; line-height: 30px; font-weight: bold; display: block; }
#footer-p-kaliuni{ position: absolute; width: 160px; height: 30px; top: 50px; left: 20px; }
#footer-p-kaliuni p{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 12px; line-height: 20px; font-weight: bold; display: block; }
#footer-p-infoprat{ position: absolute; width: 160px; height: 30px; top: 50px; left: 180px; }
#footer-p-infoprat p{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 12px; line-height: 20px;font-weight: bold; display: block; }
#footer-p-wiki{ position: absolute; width: 160px; height: 30px; top: 50px; left: 340px; }
#footer-p-wiki p{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 12px; line-height: 20px; font-weight: bold; display: block; }
#footer-p-down{ position: absolute; width: 480px; height: 20px; bottom: 3px; left: 0; padding-left: 20px; }
#footer-p-down p{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #888; font-size: 10px; line-height: 20px; display: block; }
#footer-p-kaliuni-lien{ position: absolute; width: 160px; height: 140px; left: 20px; top: 70px; overflow: hidden; }
#footer-p-kaliuni-lien li{position: relative;list-style-type: none; width: 160px; display: block; height: 20px; }
#footer-p-kaliuni-lien li a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 20px; text-decoration: none; }
#footer-p-kaliuni-lien li a:hover{ color: #222}
#footer-p-infoprat-lien{ position: absolute; width: 160px; height: 140px; left: 180px; top: 70px; overflow: hidden; }
#footer-p-infoprat-lien li{position: relative;list-style-type: none; width: 160px; display: block; height: 20px; }
#footer-p-infoprat-lien li a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 20px; text-decoration: none; }
#footer-p-infoprat-lien li a:hover{ color: #222}
#footer-p-motcle{ position: absolute; width: 160px; height: 120px; left: 340px; top: 70px; overflow: hidden; }
#footer-p-motcle li{position: relative;list-style-type: none; width: 160px; display: block; height: 20px; }
#footer-p-motcle li a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 20px; text-decoration: none; display: block; }
#footer-p-motcle li a:hover{ color: #222}
#footer-p-wikiall{ position: absolute; width: 160px; height: 20px; top: 190px; left: 340px; }
#footer-p-wikiall p { font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 20px; font-weight: bold; display: block; }
#footer-p-wikiall p:hover{ color: #333; cursor: pointer;}
#footer-p-search{ position: absolute; width: 248px; height: 40px; left: 500px; top: 0; border-left: solid 2px #bbb; background: #eee url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/hbg2) repeat-y ; -moz-border-radius: 0px 15px 0px 0px; -webkit-border-radius: 0px 15px 0px 0px;border-radius: 0px 15px 0px 0px; font-size: 12px;}
#search-p { width: 245px; height: 25px; left:50px; position: absolute; top:10px}
#footer-p-ext{ position: absolute; width: 248px; height: 200px; left: 500px; top: 40px; border-left: solid 2px #bbb; background: #eee url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/hbg2) repeat-y ;}
#footer-p-ext-info{ position: absolute; width: 228px; height: 20px; top: 10px; left: 20px; }
#footer-p-ext-info p{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #888; font-size: 12px; line-height: 20px; }
#footer-p-ext-fb{ position: absolute; width: 230px; height: 65px; top: 30px; left: 10px; }
#footer-p-ext-buttonfb{ position: absolute; width: 180px; height: 25px; top: 100px; left: 20px; }
#footer-p-ext-buttontwitt{ position: absolute; width: 80px; height: 28px; top: 135px; left: 20px; }
#footer-p-ext-bout{ position: absolute; width: 228px; height: 30px; bottom: 0; left: 20px; }
#footer-p-ext-bout a{ font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #666; font-size: 12px; line-height: 30px; text-decoration: none; font-weight: bold; }
#footer-p-ext-bout a:hover{ color: #444; }
/* ----------------------------------------------------
6 - TEMPLATE PAGE headerbg.png
---------------------------------------------------- */
#containerpage{position:absolute;margin-left: auto; margin-right: auto; min-height:100%;min-width: 100%; background: url("http://www.kalispearl.fr/beta/wp-content/themes/test/images/skkugjr.png"); }
#headerwrapper{position: relative; width: 100%;height: 100px; background: url("http://www.kalispearl.fr/wp-content/themes/kalitheme/images/hbg5.png");}
/* ----------------------------------------------------
7 - FORMULAIRE CONTACT
---------------------------------------------------- */
/* le block lightbox panal */
.wpcf7-text{ height: 30px;width: 200px;line-height: 30px; background-color: #fff; font-size: 13px; border: solid 1px #fff; padding-left: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: inset 0 0 5px #888;-webkit-box-shadow: inset 0 0 5px#888;box-shadow: inset 0 0 5px #888; color: black;}
textarea { width:350px; height: 120px; background-color: #fff; font-size: 13px; border: solid 1px #fff; padding-left: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: inset 0 0 5px #888;-webkit-box-shadow: inset 0 0 5px#888;box-shadow: inset 0 0 5px #888; color: black;font-size: 15px; border: solid 1px #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 13px; line-height: 15px; padding: 15px; margin-bottom: 20px; }
.wpcf7-form p { min-height: 50px; font-size: 13px; font-family: Lucida Grande, Lucida sans unicode, Sans-serif; color: #999;}
.wpcf7-submit { height: 30px; width: 90px; background-color: #000; /* -opacity--*/opacity : 0.5; -moz-opacity : 0.3;-webkit-opacity : 0.3; -ms-filter: "alpha(opacity=30)"; /* IE 8 */ filter : alpha(opacity=30); /* IE < 8 */ color: #fff; font-size: 18px; border: solid 1px #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 13px; line-height: 15px; cursor: pointer;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;}
.wpcf7-not-valid-tip-no-ajax { margin-left: 20px; color: red; height: 30px; line-height: 30px; 8px; padding-left: 15px; font-size: 12px; }
.wpcf7-validation-errors { margin-left: 20px; color: black; height: 30px; line-height: 30px; 8px; padding-left: 15px; font-size: 13px; width: 500px; font-family: "Lucida Grande", "Lucida Sans Unicode", Sans-serif; margin-left: -5px;}
.fix {display: block;width: 270px;float: left;}
.captcha-939{ border: solid 1px #888;}
/* ----------------------------------------------------
8 - SEARCH
---------------------------------------------------- */
#search { width: 250px; height: 25px; left:430px; position: absolute;}
#searchsubmit { background-image: url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/sbg2.png); width: 25px; height: 25px;line-height: 26px; border: 0px; margin-left: -4px; background-color: #444; /* -opacity--*/opacity : 0.7; -moz-opacity : 0.7;-webkit-opacity : 0.7;-moz-opacity : 0.7;-ms-filter: "alpha(opacity=70)"; /* IE 8 */ filter : alpha(opacity=70); /* IE < 8 */ ; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; cursor: pointer; display: none; }
#searchtext {border: solid 1px #fff; width: 120px; margin-left: 5px; height: 20px;/* -opacity--*/opacity : 0.3; -moz-opacity : 0.3;-webkit-opacity : 0.3;-moz-opacity : 0.3;-ms-filter: "alpha(opacity=30)"; /* IE 8 */ filter : alpha(opacity=30); /* IE < 8 */
-moz-box-shadow: inset 0 0 5px #000;-webkit-box-shadow: inset 0 0 5px#000;box-shadow: inset 0 0 5px #000; font-style: italic; color: #555; padding-left: 10px; border-radius: 5px 0px 5px 0px; -moz-border-radius: 5px 0px 5px 0px; -webkit-border-radius: 5px 0px 5px 0px; margin-top: 3px; }
/* ----------------------------------------------------
9 - NEWS BOX
---------------------------------------------------- */
#newsbox{ position: fixed; display: none; background-color: #eee; min-height: 200px; width: 500px; left:50%; margin-left: -250px; height: 400px; top:50%; margin-top: -200px; z-index: 1002; border: solid 1px black;box-shadow: 0 0 50px 10px #000;-moz-box-shadow: 0 0 40px 15px #000;-webkit-box-shadow: 0 0 200px 5px #000;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#formblock{padding: 20px; }
#pageblock{width: 400px;}
#boxnewstittle{width: 450px; height: 45px; padding: 10px 5px 5px 45px ; line-height: 45px; font-size: 25px; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; font-weight: bold; }
#boxnewscontent{ width: 450px; height: 175px; padding: 10px 5px 5px 45px ;overflow: hidden; font-size: 13px; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif;}
#resultado {display: block; text-decoration: none; border:none;font-size:13px;color: black; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif;}
/* ----------------------------------------------------
10 - CONTACT BOX
---------------------------------------------------- */
#contactbox{ position: fixed; display: none; background-color: #eee; height: 500px; width: 600px; left: 50%; margin-left: -300px; top: 50%; margin-top: -250px; z-index: 1002; border: solid 1px black; box-shadow: 0 0 50px 10px #000;-moz-box-shadow: 0 0 40px 15px #000;-webkit-box-shadow: 0 0 200px 5px #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden;}
#closebox{ position: absolute; right: 10px; top: 10px; }
#closebox:hover { position: absolute; right: 10px; top: 10px; /* -opacity--*/opacity : 0.5; -moz-opacity : 0.5;-webkit-opacity : 0.5;-moz-opacity : 0.5;-ms-filter: "alpha(opacity=50)"; /* IE 8 */ filter : alpha(opacity=50); /* IE < 8 */ }
#formblock{padding: 20px; }
#pageblockcontact{width: 600px; height: 500px;}
#boxcontacttittle{width: 550px; height: 45px; padding: 10px 5px 5px 45px ; line-height: 45px; font-size: 25px; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; font-weight: bold; }
#boxcontactcontent{ width: 550px; height: 395px; padding: 10px 5px 5px 45px ;overflow: hidden; font-size: 13px; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif;}
/* ----------------------------------------------------
11 - BONNE PRESS TEMPLATE
---------------------------------------------------- */
#contentbp{position:absolute;min-height:100%;min-width: 100%;left: 0; top: 0;z-index: 5; background-image: url(http://www.kalispearl.fr/wp-content/themes/KalispearlTheme/images/bpbox.png);}
#bpbox{position:absolute; left: 0; top: 0;z-index: 6; width: 100%; height: 572px; top:50%; margin-top:-280px;}
#bpboxup{position:relative; ; width: 100%; height: 80px;}
#bpboxcontent{position:relative; left: 0; top: 0;z-index: 7; background-color: #555; width: 100%; height: 412px; -moz-box-shadow: 0 0 100px 15px #000;-webkit-box-shadow: 0 0 100px 15px #000;box-shadow: 0 0 100px 15px #000; }
#bpboxdown{position:relative; left: 0; top: 0 ; width: 100%; height: 40px; padding-top: 40px;}
#bpboxcontent-wrapper{position:relative; margin-left: 306px; }
#carrousel{position:relative; height: 412px; }
#magbox{position:relative; width: 300px; height: 412px; float: left; margin: 6px 3px 6px 3px; /* -opacity--*/opacity : 0.3; -moz-opacity : 0.3;-webkit-opacity : 0.3;-moz-opacity : 0.3;-ms-filter: "alpha(opacity=50)"; /* IE 8 */ filter : alpha(opacity=50); /* IE < 8 */}
#magboxgrad{position:absolute; width: 300px; height: 400px; z-index: 8; -moz-box-shadow: inset 0 0 10px #000;-webkit-box-shadow: inset 0 0 10px #000;box-shadow: inset 0 0 10px #000;}
#magtitle{position:relative; background-color: #777; width: 300px; height: 30px; }
#magcontent{position:relative;background-color: #666; width: 300; height: 370px; }
.box-active{ /* -opacity--*/opacity : 1; -moz-opacity : 1;-webkit-opacity : 1;-moz-opacity : 1;-ms-filter: "alpha(opacity=1)"; /* IE 8 */ filter : alpha(opacity=1); /* IE < 8 */ }
/* ----------------------------------------------------
12 - PUBLICITE ACCEUIL
---------------------------------------------------- */
#pub-home{ position: absolute; width: 1000px; height: 200px; }
#pub-home li { position: absolute; z-index: 8; list-style-type: none; text-align: center; width: 1000px; height: 120px; line-height: 60px; overflow: visible; }
#pub-home li a{z-index: 8; list-style-type: none; color: black; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; font-size: 48px; color: #fff; text-shadow: 0 5px 5px black; margin-top: 0px; text-align: center;text-decoration: none; text-align: center; cursor: default; }
#pub-home li.last-active { position: absolute;z-index: 9; list-style-type: none; display: none;}
#pub-home li.active { position: absolute; z-index:10; list-style-type: none; }
/* ----------------------------------------------------
13 - FULLSCREEN DIAPO
---------------------------------------------------- */
#fsdiapo{ position: fixed; width: 100%; height: 100%; z-index: -10; background-color: #222; overflow: hidden; }
#fsdiapo img {position:fixed;z-index: -7; overflow: hidden; }
#fsdiapo img.last-active { position:fixed; z-index: -6; overflow: hidden; }
#fsdiapo img.active { position:fixed;z-index:-5; overflow: hidden; }
/* ----------------------------------------------------
12 - TABS
---------------------------------------------------- */
ul.tabs {margin: 0; padding: 0; float: left; height: 25px; /*--Set height of tabs--*/border-bottom: 1px solid #999;border-left: 1px solid #999;width: 100%;}
ul.tabs li {float: left;margin: 0;padding: 0; height: 24px;line-height: 24px; border: 1px solid #999;border-left: none;margin-bottom: -1px; overflow: hidden; position: relative; background: #f0f0f0;}
ul.tabs li a {text-decoration: none;color: #222;display: block;font-size: 12px;padding: 0 10px;border: 1px solid #fff; outline: none;}
ul.tabs li a:hover {background: #ccc;}
ul.tabs li.active,ul.tabs li.active a:hover {background: #ccc; border-bottom: 1px solid #999; }
.tab_container { border-top: none; overflow: hidden; clear: both; width: 100%; }
.tab_content {color: #333; font-size: 12px; line-height:20px; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; padding-top: 20px;}
/* ----------------------------------------------------
14 - LIEN BOX
---------------------------------------------------- */
#boxmc{ position: fixed; display: none; background-color: #eee; height: 400px; width: 480px; left: 50%; margin-left: -230px; top: 50%; margin-top: -130px; z-index: 1002; box-shadow: 0 0 50px 5px #000;-moz-box-shadow: 0 0 40px 5px #000;-webkit-box-shadow: 0 0 200px 2px #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden;padding: 20px;}
#closebox{ position: absolute; right: 10px; top: 10px; }
#closebox:hover { position: absolute; right: 10px; top: 10px; /* -opacity--*/opacity : 0.5; -moz-opacity : 0.5;-webkit-opacity : 0.5;-moz-opacity : 0.5;-ms-filter: "alpha(opacity=50)"; /* IE 8 */ filter : alpha(opacity=50); /* IE < 8 */ }
#boxmc-block1{ position: absolute; width: 160px; height: 320px; left: 20px; top: 70px; overflow: hidden; }
#boxmc-block1 li{position: relative; width: 160px; display: block; height: 20px; }
#boxmc-block1 li a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 20px; text-decoration: none; }
#boxmc-block1 li a:hover{ color: #222}
#boxmc-block2{ position: absolute; width: 160px; height: 320px; left: 180px; top: 70px; overflow: hidden; }
#boxmc-block2 li{position: relative; width: 160px; display: block; height: 20px; }
#boxmc-block2 li a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 20px; text-decoration: none; }
#boxmc-block2 a:hover{ color: #222}
#boxmc-block3{ position: absolute; width: 160px; height: 320px; left: 340px; top: 70px; overflow: hidden; }
#boxmc-block3 li{position: relative; width: 160px; display: block; height: 20px; }
#boxmc-block3 li a{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #777; font-size: 11px; line-height: 20px; text-decoration: none; display: block; }
#boxmc-block3 li a:hover{ color: #222}
#boxmc-title{ position: absolute; width: 480px; height: 25px; top: 45px; overflow: hidden; }
#boxmc-title1{ position: absolute; width: 160px; height: 25px; overflow: hidden; left: 160px; }
#boxmc-title1 p{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 12px; line-height: 25px; font-weight: bold; display: block; text-align: center;}
#boxmc-info { position: absolute; width: 480px; height: 25px; top: 10px; overflow: hidden; }
#boxmc-info p {font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #aaa; font-size: 20px; line-height: 2Opx; font-weight: bold; text-align: center; }
#boxmc-extern { position: absolute; width: 480px; height: 25px; bottom: 20px; overflow: hidden; }
#boxmc-extern-bout { position: absolute; width: 200px; height: 25px; left: 0px; overflow: hidden; }
#boxmc-extern-bout p{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 12px; line-height: 25px; font-weight: bold; display: block;}
#boxmc-extern-wiki { position: absolute; width: 200px; height: 25px; right: 0px; overflow: hidden; }
#boxmc-extern-wiki p{font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Sans-serif; color: #555; font-size: 12px; line-height: 25px; font-weight: bold; display: block; text-align: right;}
/* ----------------------------------------------------
15 - LIEN SOCIAUX
---------------------------------------------------- */
#liens_sociaux {
margin-top: 20px;
position: relative;
width: 230px;
height: 60px;
margin-left: 20px;
}