* {margin:0;padding:0}
@font-face {
    font-family: 'UniversCondensed';
    src: url('./font/universc-webfont.eot');
    src: url('./font/universc-webfont.eot?iefix') format('eot'),
         url('./font/universc-webfont.woff') format('woff'),
         url('./font/universc-webfont.ttf') format('truetype'),
         url('./font/universc-webfont.svg#webfontsxFAEdhq') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
text-align:center;
font-family:arial, sans serif;
color:#353536;
font-size:11px;
background-color:#d9dadb;
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.12, #C1C2C4),
    color-stop(0.80, #E2E2E4)
);
background-image: -moz-linear-gradient(
    left center,
    #C1C2C4 12%,
    #E2E2E4 80%
);
}

p.clear {clear:left;}
a img,img {border:0}
a {text-decoration:underline}
.Blocnone {display:none;}
#Langue {text-align:right;font-size:11px;color:#ffffff;clear:left;padding:3px 0;margin:0 auto;width:836px;font-family: 'UniversCondensed';height:15px}
#Langue a.active {color:#626161}
#Langue a {color:#ffffff;text-decoration:none;padding:0 4px}

#blocAll {
position:relative;
width: 863px;
text-align: center;
margin:0 auto;
padding-left:37px;
background: url(/assets/templates/images/fd_body.jpg) repeat-x 0 0 #5c5c5d;
}
.drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

.curved:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }
.curvedContact:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,1);
            -moz-box-shadow:0 0 15px rgba(0,0,0,1);
            box-shadow:0 0 15px rgba(0,0,0,1);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }

        .curved-vt-2:before {
            right:0;
        }



#header {float:left;width:827px;margin:0 auto;height:157px;background: url(/assets/templates/images/Logo_bcube-avocats.gif) no-repeat 0 0 transparent;border-top:10px solid #ee2347;display:inline;}
#header #Menu {float:left;width:655px;margin:21px 0 0 194px;height:114px;display:inline;}
#header #Menu li {float:left;width:115px;height:114px;list-style-type: none;margin:0 15px 0 0}
#header #Menu li a:focus {outline: 0;}
/* STYLE DIFFERENT POUR CHEQUE CONTEXT
#header #Menu li a
*/

#header #Menu li a.menu0 {background-position:0 0}
#header #Menu li a.menu0:hover {background-position:0 -114px}
#header #Menu li.active a.menu0 {background-position:0 -228px}
#header #Menu li a.menu1 {background-position:-131px 0}
#header #Menu li a.menu1:hover {background-position:-131px -114px}
#header #Menu li.active a.menu1 {background-position:-131px -228px}
#header #Menu li a.menu2 {background-position:-260px 0}
#header #Menu li a.menu2:hover {background-position:-260px -114px}
#header #Menu li.active a.menu2 {background-position:-260px -228px}
#header #Menu li a.menu3 {background-position:-389px 0}
#header #Menu li a.menu3:hover {background-position:-389px -114px}
#header #Menu li.active a.menu3 {background-position:-389px -228px}
#header #Menu li a.menu4 {background-position:-519px 0}
#header #Menu li a.menu4:hover {background-position:-519px -114px}
#header #Menu li.active a.menu4 {background-position:-519px -228px}

#footer {background: url(/assets/templates/images/fd_footer.jpg) repeat-x 0 0 transparent;text-align:center;font-size:11px;color:#bcbdbf;clear:left;padding:3px 0;margin:0 auto;width:900px;font-family: 'UniversCondensed';}
#footer a {color:#bcbdbf;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#BlocCentral {position:relative;width:827px;background: url(/assets/templates/images/picto_gauche.png) no-repeat 0 0 transparent;text-align: left;float:left;overflow:hidden}

.affetBas {width:827px;float:left;background: url(/assets/templates/images/fd_BasCentre.png) no-repeat right 0 transparent;height:47px;position: relative;right: -8px;margin-bottom:10px}

/* HOME */

#Centre {width:600px;margin-left:195px;background: url(/assets/templates/images/fd_Centre.jpg) repeat-y transparent;padding:15px 15px 20px;float:left;box-shadow:-4px 3px 8px #C1C2C4 inset;display:inline;}
#Centre h1 {color:#ee2347;font-size:18px;text-transform: uppercase;padding-bottom:10px;font-family: 'UniversCondensed';font-weight:normal}
#Centre h2 {color:#ee2347;font-size:12px;padding:8px 8px 8px 0;font-family: 'UniversCondensed';font-weight:normal}
#Centre h3 {color:#ee2347;font-size:12px;padding:8px 8px 8px 0;font-family: 'UniversCondensed';font-weight:normal}
#Centre h3 a {color:#ee2347;text-decoration:underline;}
#Centre p {color:#353536}
#Centre ul li {background: url(/assets/templates/images/PictoCubeRouge.gif) 0 5px no-repeat transparent;line-height:17px;list-style-type: none;padding-left:13px;}
#Centre a {color:#353536;text-decoration:none;}
#Centre a:hover {text-decoration:underline}
#EffetCarre {width:124px;opacity:0;height:450px;position:absolute;left:-124px;top:0;background: url(/assets/templates/images/picto_gauche.png) no-repeat transparent;}
#ContentEffetCarre {width:124px;height:450px;position:absolute;left:0px;top:0;overflow: hidden;}


/* COMPETENCES */

#CentreCompetence {width:600px;margin-left:195px;background: url(/assets/templates/images/fd_Centre.jpg) repeat-y transparent;padding:15px 15px 107px;float:left;box-shadow:-4px 3px 8px #C1C2C4 inset;display:inline;}
#CentreCompetence h1 {display:none;}
#CentreCompetence h2 {color:#ee2347;font-family: 'UniversCondensed';font-weight:normal;text-transform: uppercase;font-size:18px;padding:5px 0;background: url(/assets/templates/images/fd_H2_competences.jpg) left bottom  no-repeat transparent;cursor:pointer;}
#CentreCompetence h2.first {padding-top:0;cursor:default}
#CentreCompetence h2:before {content:url(/assets/templates/images/Picto_flecheRouge_Off.png)}
#CentreCompetence h2.current:before {content:url(/assets/templates/images/Picto_flecheRouge_On.png)}


}
#CentreCompetence h2.first {color:#ee2347;font-family: 'UniversCondensed';font-weight:normal;text-transform: uppercase;font-size:18px;padding:5px 0;background: url(/assets/templates/images/fd_H3_competences.jpg) left bottom  no-repeat transparent;cursor:default;}
#CentreCompetence h2.first:before {content:''}

#CentreCompetence h3 {color:#353536;padding:1px 0 6px;margin:3px 0 0;font-weight:normal;font-size:11px;background: url(/assets/templates/images/fd_H3_competences.jpg) left bottom  no-repeat transparent;cursor:pointer;text-transform:uppercase;font-family: 'UniversCondensed';}
#CentreCompetence h3:before {content:url(/assets/templates/images/Picto_flecheRouge_Off2.png)}
#CentreCompetence h3.current:before {content:url(/assets/templates/images/Picto_flecheRouge_On2.png)}
#CentreCompetence p {color:#353536;}
#CentreCompetence ul li {background: url(/assets/templates/images/PictoCubeRouge.gif) 0 5px no-repeat transparent;line-height:17px;list-style-type: none;padding-left:13px;margin-left:5px}
#CentreCompetence p {padding:3px 0}
#CentreCompetence .desc {background-color:#ffffff;padding:5px;margin-bottom:7px}


/* PAGE EQUIPE */

#equipe {width:600px;margin-left:195px;background: url(/assets/templates/images/fd_Centre.jpg) repeat-y transparent;padding:0px 15px 40px;float:left;box-shadow:-4px 3px 8px #C1C2C4 inset;display:inline;}
#equipe h1, #equipe h3  {color:#ee2347;font-size:18px;padding:15px 8px 0 0;font-family: 'UniversCondensed';font-weight:normal;background: url(/assets/templates/images/fd_H2_competences.jpg) left bottom  no-repeat transparent;text-transform: uppercase;}
.blocEquipe{clear:left;margin:15px 0}

#equipe .photo {width:150px;float:left;padding-top:2px}
#equipe .text {width:450px;float:left;}
#equipe h2 {color:#ee2347;font-family: 'UniversCondensed';font-weight:normal;text-transform: uppercase;font-size:16px;}
#equipe p {padding:5px 0}
#equipe p.clear {padding:0 0}

#equipe .hr {background: url(/assets/templates/images/hrEquipe.jpg) repeat-y transparent;line-height:6px;font-size:0;border:0;height:6px;}
#equipe .hr hr {display:none;}

#contact {width:605px;margin-left:195px;background: url(/assets/templates/images/fd_Centre.jpg) repeat-y transparent;padding:15px 15px 32px;float:left;position:relative;display:inline;}
#contact .hr {border:0px;margin:3px 0;background-color:#919192;height:1px;font-size:5px;line-height:5px;display:block;}
#contact .hr hr {display:none;}
#contact a {color:#353536;text-decoration:none;font-weight:bold;}
#contact a:hover{text-decoration:underline;}

#contact .BlocInfo {float:left;width:175px;padding-right:15px;}
#contact .BlocInfo h1 {font-family: 'UniversCondensed';font-weight:normal;font-size:18px;color:#ee2347;text-transform: uppercase;}
#contact .BlocInfo h1 span {display:block;font-size:12px}
#contact .BlocInfo p {padding:5px 0}
#contact .BlocInfo p.ConactNomEmail {font-size:11px}

#contact .bottom {position:absolute;bottom:23px;width:175px}


#contact .bottom p.list {margin:3px 0;background: url(/assets/templates/images/picto_carreGris.gif) no-repeat transparent 0 8px;padding:5px 0 5px 10px;}

#contact .BlocCarte {
float:left;
width:412px;
height:350px;
}

/* BLOG */

#blog {width:635px;margin-left:195px;background: url(/assets/templates/images/fd_Centre.jpg) repeat-y transparent;padding:0 0 0 00;float:left;display:inline;}

#blog .blocGaucheBlog {
float:left;
width:433px;
padding:15px 15px 0 15px;
}

.dropshadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

.curvedBlog:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }
        .curvedBlog-vt-2:before {
            right:0;
        }


.paging {
    margin: 0;
    padding: 10px 0 0 0;
    float:right;

}
.paging ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.paging li a {
    border: 1px solid #9C9D9F;
    border-radius: 3px 3px 3px 3px;
    float: left;
    list-style: none outside none;
    color:#353536;
    text-decoration:none;
    margin: 0 3px 0 0;
    text-align: center;
    width: 20px;
}
.paging li a:hover {
    background-color: #F4F4F4;
}

.blocGaucheBlog  {padding-right:15px;box-shadow:-4px 3px 8px #C1C2C4 inset;}

#blog .blocGaucheBlog  h2.title a {font-family: 'UniversCondensed';font-weight:normal;font-size:18px;color:#ee2347;text-transform: uppercase;text-decoration:none;}
#blog .blocGaucheBlog  h2 {background: url(/assets/templates/images/fd_trait_h2Blog.png) no-repeat left bottom;margin-bottom:2px;}
#blog .blocGaucheBlog  .post-info {font-size:10px;color:#9c9d9f;margin-bottom:5px;}
#blog .blocGaucheBlog  .post-info .tl-tag, .blocGaucheBlog  .post-info .nom {color:#353536;}
#blog .blocGaucheBlog  .postmeta {text-align:right;margin:10px 0;}
#blog .blocGaucheBlog  .postmeta a.readmore {display:block;
 border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    font-size:10px;
    margin: 0 2px;
    outline: medium none;
    padding: 2px 5px 2px 7px;
    text-align: center;
    text-decoration: none;
   background: -moz-linear-gradient(right center , #EBEBED, #BCBDBF) repeat scroll 0 0 transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCBDBF', endColorstr='#EBEBED');
    background: -webkit-gradient(linear, left center, right center, from(#BCBDBF), to(#EBEBED));
    border: 0 solid #555555;
    color: #353536;
}
#blog .blocGaucheBlog  .postmeta a.readmore:hover{
background: -moz-linear-gradient(right center , #BCBDBF, #EBEBED) repeat scroll 0 0 transparent;
}
.blocGaucheBlog  .postmeta a.readmore:before {content:"> "}

#blog .blocDroiteBlog {background-color:#ffffff;float:left;width:154px;padding:15px 0 0px 15px}

.blogShadow:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }



#blog .blocDroiteBlog h3 {font-family: 'UniversCondensed';font-weight:normal;font-size:14px;color:#353536;text-transform: uppercase;background: url(/assets/templates/images/fd_h3BlocDroiBlog.png) no-repeat left bottom transparent;padding:4px 0 3px 1px;margin-bottom:5px}
#blog .blocDroiteBlog ul {list-style-type:none;}
#blog .blocDroiteBlog li {display:block;background: url(/assets/templates/images/fd_blocDroitBlog.png) no-repeat left bottom transparent;padding:0 0 5px;margin:2px 0}
#blog .blocDroiteBlog li a {color:#ee2347;text-decoration:none;}


#blog .blocDroiteBlog ul.TagArchive li {display:block;background: url(/assets/templates/images/picto_carreNoir.png) no-repeat 0 46% transparent;padding:0 0 0 10px;margin:0 0}
#blog .blocDroiteBlog ul.TagArchive li a {color:#353536;text-decoration:none;}


#blog h1 {color:#ee2347;font-size:18px;text-transform: uppercase;padding-bottom:10px;font-family: 'UniversCondensed';font-weight:normal}
#blog h2 {color:#ee2347;font-size:12px;padding:0px 8px 3px 0;font-family: 'UniversCondensed';font-weight:normal}
#blog h3 {color:#ee2347;font-size:12px;padding:8px 8px 8px 0;font-family: 'UniversCondensed';font-weight:normal}

#blog .entry h2, #blog .entry h3 {background: none;}
#blog p {color:#353536;line-height:17px;}
#blog ul li {background: url(/assets/templates/images/PictoCubeRouge.gif) 0 5px no-repeat transparent;line-height:17px;list-style-type: none;padding-left:13px;}
#blog ul.pageList li {float:left;background: none;padding:0;}
.SocialNetwork {margin-top:15px;}

.SocialNetwork .bloc {float:right}

.B_crumbBox {padding:0 0 15px;display:block;}
.B_crumbBox a {color:#353536;padding:0 5px }


body#voeux {
overflow:hidden;
}

#BlocVoeux {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index: 10;
background-color:#434345;
}
#imgVoeux {
display:block;
position:absolute;
margin:-225px 0 0 -300px;
left:50%;
top:50%;
z-index: 11;
}