/*  
Theme Name: Bloody4CiteCreation
Theme URI: http://www.citecreation.fr
Description: Un theme sur-mesure pour CitéCréation
Author: Bloody Banana 
Author URI: http://www.bloodybanana.com/

*/
* {
    margin: 0;
    padding: 0;
}

:focus {-moz-outline-style: none;}

a{
text-decoration:none; color:#284f78;
}
a:hover{
text-decoration:underline; color:#284f78;
}
a:visited{ 
color:#284f78;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
background: #f2f0f0 url(images/bckg.jpg) repeat-x;
margin: 5px 0 0 0;
padding:0;
}

/*
HEADER > TOP MENU
*/
#header{
margin:0 auto; padding:0;
margin-top:0;
width:980px; height:70px;
background:#f4f3f3;
}

#header h1{
text-indent:-9999px ;margin:0 0 0 0; padding:0;
float:left; display:inline; 
}
#header h1 a{
display:block; height:69px; width:290px; margin:0; padding:0;
background: transparent url(images/header-logo.jpg);
}


#versions {
margin: 1px 5px 0 0; padding:0;
height: 24px; float:right;  display:inline;
}

#versions ul li{
display:inline;
}
#versions ul li a{
text-indent:-9999px;
float:left;  display:inline;
}
#versions h2 {
width:451px; height:24px; display:block;
background:transparent url(images/header-accroche.jpg) top right no-repeat;
text-indent:-9999px; float:left; margin:0; padding:0;
}
#version_fr {
width:33px; height:24px; display:block;
background:transparent url(images/header-fr.jpg) top left;
}
#version_gb {
width:36px; height:24px; display:block;
background:transparent url(images/header-gb.jpg) top left;
}
#version_de {
width:32px; height:24px; display:block;
background:transparent url(images/header-de.jpg) top left no-repeat;
}
#version_ru {
width:32px; height:24px; display:block;
background:transparent url(images/header-ru.jpg) top left;
}
#version_cn {
width:37px; height:24px; display:block;
background:transparent url(images/header-cn.jpg) top left;
}

#top-menu {
margin: 10px 0 0 0 ;
height: 27px;
float:right;  display:inline;
}
#top-menu ul li{
display:inline;
}
#top-menu ul li a{
text-indent:-9999px;
float:left;  display:inline;
}
#top-menu ul li a:hover{
background-position:0 -27px;
}
#top-menu ul li a.current_page_item{
background-position:0 -54px;
}
#menu_accueil {
width:75px; height:27px; display:block;
background:transparent url(images/menu-accueil.jpg) top left;
}
#menu_quisommesnous {
width:124px; height:27px; display:block;
background:transparent url(images/header-menu-quisommesnous.jpg) top left;
}
#menu_exemples {
width:68px; height:27px; display:block;
background:transparent url(images/header-menu-exemples.jpg) top left;
}
#menu_activites {
width:68px; height:27px; display:block;
background:transparent url(images/header-menu-activites.jpg) top left;
}
#menu_realisations {
width:85px; height:27px; display:block;
background:transparent url(images/header-menu-realisations.jpg) top left;
}
#menu_actualites {
width:79px; height:27px; display:block;
background:transparent url(images/header-menu-actualites.jpg) top left;
}
#menu_contacts {
width:74px; height:27px; display:block;
background:transparent url(images/header-menu-contacts.jpg) top left;
}
#top-menu ul li.menu_separator {
width:15px; height:27px; float:left;  display:inline;
}

/* MAIN */
#main{
margin:0 auto; padding:0;
width:980px; overflow:hidden;
}
#wrapper{
margin:0 0 15px 0; padding:0 0 10px 0; 
width:980px; overflow:hidden;
background:#c2c0b8;
}

/*CONTENT DE LA HOMEPAGE*/
#content-home{
float:left; display:inline;
margin:0 0 0 13px; padding:0; 
width:610px;
}
#content-home .image-home{
margin:12px 0 10px 0; padding:0;
width:610px; height:345px;
background-color:#f5f5f5;
}

#content-home .image-home h3{
margin:0 0 0 10px; padding:0; height:34px; text-indent:-9999px;
background:#f5f5f5 url(images/titre-alaune.gif) top left no-repeat;
}
#featured{
margin:0 0 0 10px; padding:0;
border:none; background:#f5f5f5;
}
#featured .carouselContainer{display:none!important;}
#featured h2 {
margin:5px 10px 10px 8px !important; font-size:14px !important; line-height:14px !important;
color:#000 !important; text-align:left !important; font-weight:normal !important;
}
#featured .left, #featured .right{
display:none !important;
}
#featured .open{
width:590px !important; margin:0 !important;
left:0 !important;
}

.imageElement a{
border:none;
}
/*MENU VIGNETTES DESSOUS */
.entry-infofresques{
background-color:#f5f5f5;
margin:0 0 0 0; padding:0 0 0 0;
width:196px; float:left;
color:#2b2b2c;
}
.entry-infofresques h4{
margin:0 0 0 10px; padding:0; height:28px; text-indent:-9999px;
background:transparent url(images/titre-infofresques.gif) top left no-repeat;
}
.entry-infofresques a{
margin:0 0 0 0; padding:0 0 0 0;
}
.entry-infofresques img{
border:none; width:180px;
margin:0 8px 8px 8px;
}
.thetitle{
border:none; width:180px; height:52px;
margin:0 0 10px 8px; font-size:13px; line-height:14px;
color:#666666; text-align:left;
}
.lasuite {
margin:20px 0 10px 8px;
}
.lasuite a{
border:none; width:180px; height:22px;
display:block;
text-decoration:none;
background:transparent url(images/bouton-lasuite.gif) no-repeat top left;
text-indent:-9999px;
clear:both; 
}
.lasuite a:hover{
background-position:0 -22px;
}
/**/
.entry-presse{
background-color:#f5f5f5;
margin:0 0 0 11px; padding:0 0 0 0;
width:196px; float:left;
color:#2b2b2c;
}
.entry-presse h4{
margin:0 0 0 10px; padding:0; height:28px; text-indent:-9999px;
background:transparent url(images/titre-presse.gif) top left no-repeat;
}
.entry-presse a{
margin:0 0 0 0; padding:0 0 0 0;
}
.entry-presse img{
border:none; width:180px;
margin:0 8px 8px 8px;
}
.voirlarticle {
margin:20px 0 10px 8px;
}
.voirlarticle a{
border:none; width:180px; height:22px;
display:block;
text-decoration:none;
background:transparent url(images/bouton-voirlarticle.gif) no-repeat top left;
text-indent:-9999px;
clear:both; 
}
.voirlarticle a:hover{
background-position:0 -22px;
}
/**/
.entry-editions{
background-color:#f5f5f5;
margin:0 0 0 11px; padding:0 0 0 0;
width:196px; float:left;
color:#2b2b2c;
}
.entry-editions h4{
margin:0 0 0 10px; padding:0; height:28px; text-indent:-9999px;
background:transparent url(images/titre-editions.gif) top left no-repeat;
}
.entry-editions a{
margin:0 0 0 0; padding:0 0 0 0;
}
.entry-editions img{
border:none; width:180px;
margin:0 8px 8px 8px;
}
.ensavoirplus {
margin:20px 0 10px 8px;
}
.ensavoirplus a{
border:none; width:180px; height:22px;
display:block;
text-decoration:none;
background:transparent url(images/bouton-ensavoirplus.gif) no-repeat top left;
text-indent:-9999px;
clear:both; 
}
.ensavoirplus a:hover{
background-position:0 -22px;
}

/*CONTENT PAGE EDITIONS*/


#content-editions{
float:left; display:inline;
margin:0 0 0 35px; padding:0;
}
#content-editions-single{
float:left; display:inline;
margin:0 0 0 10px; padding:0;
}
#content-editions .entry-editions{
background-color:#f5f5f5;
margin:0 40px 20px 0; padding:0 0 0 0;
width:196px; float:left;
color:#2b2b2c;
}
#content-editions .entry-editions a{
margin:0 0 0 0; padding:0 0 0 0;
}
#content-editions .entry-editions a img{
border:none; width:180px; float:none;
margin:8px 8px 8px 8px;
}
.voircetteedition {
margin:20px 0 10px 8px;
}
.voircetteedition a{
border:none; width:180px; height:22px;
display:block;
text-decoration:none;
background:transparent url(images/bouton-ensavoirplus.gif) no-repeat top left;
text-indent:-9999px;
clear:both; 
}
.voircetteedition a:hover{
background-position:0 -22px;
}

#content-editions #breadcrumb ul{
margin: 12px 12px 10px 0;
width:950px; height:25px;
}
#content-editions #breadcrumb ul li{
display:inline; list-style:none; float:left; 
}
#content-editions #breadcrumb ul li.retour{
float:right;  margin:0 40px 0 0; 
}
#content-editions #breadcrumb a{
text-decoration:none; color:#284f78;
}
#content-editions #breadcrumb a:hover{
text-decoration:underline;
}
/*CONTENT Exprimezvous*/
#content-exprimezvous{
float:left; display:inline;
margin:13px 0 0 13px; padding:0; 
width:950px;background-color:#f5f5f5;
}

#content-exprimezvous .entry-exprimezvousons a{
margin:0 0 0 0; padding:0 0 0 0;
}
#content-exprimezvous .entry-exprimezvous a img{
border:none; width:180px; float:none;
margin:8px 8px 8px 8px;
}

#content-exprimezvous #breadcrumb ul{
margin: 12px 22px 0 10px;
width:930px; height:25px;
}
#content-exprimezvous #breadcrumb ul li{
display:inline; list-style:none; float:left; 
}
#content-exprimezvous #breadcrumb ul li.retour{
float:right;  margin:0; 
}
#content-exprimezvous #breadcrumb a{
text-decoration:none; color:#284f78;
}
#content-exprimezvous #breadcrumb a:hover{
text-decoration:underline;
}
#content-exprimezvous h3 { color:#4f79a7; margin:0 0 10px 0;}
#content-exprimezvous #firstpart{
width:400px; float:left; margin: 15px 0 0 25px;
}
#content-exprimezvous #secondpart{
width:400px; float:left; margin: 15px 0 0 30px;
}
#content-exprimezvous #thirdpart{
width:400px; float:left; margin: 15px 0 20px 25px;
}
#content-exprimezvous #fourthpart{
width:400px; float:left; margin: 15px 0 20px 30px;
}
#content-exprimezvous .separator{
clear:both; width:900px; border-top:1px dashed #ccc; margin: 0 auto;
}
#content-exprimezvous #comments{
display:none;
}
#content-exprimezvous #respond{
float:left; width:400px; margin: 0 0 0 20px;
}
#content-exprimezvous #respond h3{
display:none;
}
#content-exprimezvous #respond .cform fieldset {
border:none; background-color: #c2c0b8;
}
#content-exprimezvous #respond .cform {
border:none; background-color: #c2c0b8; margin: 0 0 15px 0;
}
#content-exprimezvous #respond .cform input.sendbutton {
margin: 0 0 20px 20px;
}
#content-exprimezvous #respond .cform label span{
margin: 0 0 0 20px; width:350px;
}
#content-exprimezvous #respond .cform textarea, .cform input {
width: 340px; margin: 0 0 0 20px;
}
#content-exprimezvous #respond .cform input, .cform textarea, .cform select  {
width: 340px; margin: 0 0 0 20px;
}
#content-exprimezvous ol.commentlist{
float:right; width:500px;  margin:0 0 25px 0;
}

#content-exprimezvous .boxcomments ol.commentlist li{
display:block; list-style:none; padding:0; margin:0 0 0 0; width:441px; background:none; 
}
#content-exprimezvous .boxcomments ol.commentlist li .comment-bulle-top{
display:block; height:15px; width:441px; margin:0; padding:0;
background: transparent url(images/leblog-bulle-top.gif) no-repeat left bottom;
}
#content-exprimezvous .boxcomments ol.commentlist li .comment-bulle-bottom{
display:block; height:28px; width:441px; margin:0; padding:0;
background: transparent url(images/leblog-bulle-bottom.gif) no-repeat left top;
}
#content-exprimezvous .boxcomments ol.commentlist li .comment-bulle-center{
display:block; width:441px; margin:0; padding:0 0 0 15px; color:#7a6664;
background: transparent url(images/leblog-bulle-center.gif) repeat-y left top;
}
#content-exprimezvous .boxcomments ol.commentlist li .comment-bulle-center p{
width:410px; padding:0 0 10px 0; color:#fff;
}
#content-exprimezvous .boxcomments ol.commentlist li .comment-meta-gauche{
float:left; font-size:11px; margin:5px 0 0 10px; color:#9a9891;
}
#content-exprimezvous .boxcomments ol.commentlist li .comment-meta-gauche strong{
color:#4f79a7
}
#content-exprimezvous.boxcomments ol.commentlist li .comment-meta-gauche strong a{
color:#4f79a7
}
#content-exprimezvous .boxcomments ol.commentlist li .comment-meta-gauche strong a:hover{
text-decoration:none; color:#4f79a7
}
#content-exprimezvous .boxcomments ol.commentlist li .comment-meta-droite{
float:right; font-size:11px; margin:5px 10px 0 0; color:#7bb1d3; display:none;
}
/*my comments*/
#content-exprimezvous .boxcomments ol.commentlist li.mycomment .comment-bulle-top{
display:block; height:15px; width:441px; margin:0; padding:0;
background: transparent url(images/leblog-bulle-top-my.gif) no-repeat left bottom;
}
#content-exprimezvous .boxcomments ol.commentlist li.mycomment .comment-bulle-bottom{
display:block; height:28px; width:441px; margin:0; padding:0;
background: transparent url(images/leblog-bulle-bottom-my.gif) no-repeat left top;
}
#content-exprimezvous .boxcomments ol.commentlist li.mycomment .comment-bulle-center{
display:block; width:441px; margin:0; padding:0 0 0 15px; color:#fff;
background: transparent url(images/leblog-bulle-center-my.gif) repeat-y left top;
}
#content-exprimezvous .boxcomments ol.commentlist li.mycomment .comment-meta-droite{
display:none;
}
ol.commentlist li.odd{border-bottom:0px solid #fff; display:block; list-style:none; padding:10px 10px 10px 10px; margin-bottom:15px; background:#ade9ff; color:#333;}
ol.commentlist li.odd :hover{}
/**/
ol.cf-ol li.cf-box-title {
display:none;}
ol.cf-ol li.cf-box-group {
display:none;
}


/*CONTENT LETTRE D'INFOS*/
#content-lettresinfos{

}

/*CONTENT DE LA PAGE VIDEOS*/
#content-videos{
margin:0; padding:0; 
width:980px;
}
#content-videos #breadcrumb ul{
margin: 12px 12px 0 12px;
width:950px; height:25px;
}
#content-videos #breadcrumb ul li{
display:inline; list-style:none; float:left; 
}
#content-videos #breadcrumb ul li.retour{
float:right;  margin:0; 
}
#content-videos #breadcrumb a{
text-decoration:none; color:#284f78;
}
#content-videos #breadcrumb a:hover{
text-decoration:underline;
}
#content-videos .lecontenu{
width:310px; background:#f5f5f5; margin: 12px 0 0 12px;
float:left; 
}
#content-videos h3{
margin: 10px 10px 0 10px;
border:none; font-size:12px; line-height:13px;
color:#666666; text-align:left; font-weight:normal;
width:290px;
}
#entry-videos object{
width:290px; margin:10px; height:230px;
}

/*CONTENT DES PAGES SINGLE*/
#content-single{
float:left;
margin:0 0 0 13px; padding:0; 
width:610px;
}
#content-single .entry-single #breadcrumb {
margin-top:5px; float:left;
}
#content-single .entry-single #breadcrumb ul{
margin: 0 12px 0 10px;
width:610px; height:35px;
}
#content-single .entry-single #breadcrumb ul li{
display:inline; list-style:none; float:left;
margin: 6px 0 6px 0 ;
}
#content-single .entry-single #breadcrumb ul li.retour{
float:right; margin: 6px 30px 6px 0;
}
#content-single .entry-single #breadcrumb a{
text-decoration:none; color:#284f78;
}
#content-single .entry-single #breadcrumb a:hover{
text-decoration:underline;
}
#content-single .entry-single{
margin:10px 0 10px 0; padding:0;
width:610px; 
background-color:#f5f5f5;
}
#content-single #thecontent{
margin:12px 0 0 10px; padding:0 0 10px 0; background-color:#f5f5f5;
width:590px; text-align:left;
}
#content-single .entry-single h2{
margin:12px 0 10px 10px; padding:0;
width:590px;  color:#4f79a7;
}
#content-single .entry-single img{
max-width:590px; margin:10px 0 10px 0;
}
#content-single .entry-single #thecontent img.alignleft{
max-width:590px; float:left; margin:0 10px 0 0; padding:0;
overflow:hidden;
}
#content-single .entry-single p{
margin:0 0 10px 0;
}

/* CONTENT EDITIONS SINGLE > HIGHSLIDE */
#content-editions-single  img{
max-width:590px; margin:0 0 10px 0;
}
#content-editions-single img.alignleft{
max-width:590px; float:left; margin:0 10px 0 0; padding:0;
overflow:hidden;
}
#content-editions-single p{
margin:0 10px 10px 0;
}

/*CONTENT CONTACT*/
#content-contact{
float:right;
margin:0 12px 0 0; padding:0; 
width:650px;
}
#content-contact .entry-single{
margin:10px 0 10px 0; padding:0;
width:650px; 
background-color:#f5f5f5;
}
#content-contact #thecontent{
margin:12px 0 0 10px; padding:10px 0 10px 0; background-color:#f5f5f5;
width:630px; text-align:left;
}
#content-contact .entry-single h2{
margin:12px 0 10px 10px; padding:0;
width:630px;  color:#4f79a7;
}
#content-contact .entry-single img{
max-width:630px; margin:10px 0 10px 0;
}
#content-contact .entry-single #thecontent img.alignleft{
max-width:630px; float:left; margin:0 10px 0 0; padding:0;
overflow:hidden;
}
#content-contact .entry-single p{
margin:0 0 10px 0;
}

/* SIDEBAR - HOME */
#sidebar-home{
width:330px; float:right;
margin: 12px 12px 0 0;
background:none;
}
*html #sidebar-home{
width:330px; float:right;
margin: 12px 6px 0 0;
background:none;
}
.sidebar-separator{
clear:both; height:1px; margin:0;
}
/**/
#lecteur_bg{
width:160px; background:#D4DCE0; height:55px; padding:5px 0 5px 0; margin-top:2px; float:right;
}
#lecteur_deezer{
width:150px; background:#D4DCE0; height:55px;
}
#lecteur_deezer object {
margin: 5px 0 5px 5px;width:150px; height:55px;
}
/**/
#sidebar-contactcommercial{
width:160px; height:65px;  background:#f5f5f5; margin:2px 0 5px 0; float:left;
}

*html #sidebar-contactcommercial{
width:160px; height:65px;  background:#ccc; margin:2px 0 0 0;
}



/**/
#sidebar-videos{
width:330px; background:#f5f5f5; margin: 0;
}

#sidebar-videos object{
width:320px; margin:0 5px 5px 5px;
}
#sidebar-videos .plusdevideos{
height:28px; margin:0 5px 7px 5px;
}
#sidebar-videos .plusdevideos a{
width:104px; height:22px; display:block; margin:6px 2px 0 0; padding:0; float:right;
background:#f5f5f5 url(images/bouton-plusdevideos.gif) top right no-repeat;
text-indent:-9999px;
}
#sidebar-videos .plusdevideos a:hover{
background-position:0 -22px;
}
/**/
#sidebar-lettresdinfos{
width:320px;height:60px;  background:#f5f5f5; margin:7px 0 5px 0; padding: 5px 5px 0 5px ;
}
*html #sidebar-lettresdinfos{
width:320px;height:60px;  background:#f5f5f5; margin:0 0 0 0; padding: 5px 5px 0 5px ;
}
#sidebar-lettresdinfos a{
width:320px; height:55px; text-indent:-9999px; display:block; margin:0; padding:0;
background:#f5f5f5 url(images/bouton-lettredinfo.jpg) top left no-repeat;
background-position:0 0;
}
#sidebar-lettresdinfos a:hover{
background-position:0 -55px;
}
/**/
#sidebar-exprimezvous{
width:330px; background:#fff; margin:7px 0 0 0 ;
}
*html #sidebar-exprimezvous{
width:330px; background:#fff; margin:0 0 0 0 ;
}

/**/
/*#sidebar-contactcommercial{
width:330px; height:90px;  background:#f5f5f5; margin:7px 0 5px 0;
}
*html #sidebar-contactcommercial{
width:330px; height:90px;  background:#f5f5f5; margin:7px 0 0 0;
}
*/

/* SIDEBAR - PAGE VIDEOS */
#sidebar-pagevideos{
width:330px; float:right;
margin: 12px 12px 0 0;
background:#f5f5f5;
}

/* SIDEBAR - A LA UNE */
#sidebar-alaune{
width:330px; float:right;
margin: 12px 12px 0 0;
background:#f5f5f5;
}
#sidebar-alaune h3{
margin:22px 0 20px 10px; padding:0;
color:#4f79a7;
}
#sidebar-alaune ul{
width:280px; list-style:url(images/puce.jpg);
margin: 12px 12px 0 25px;
}
#sidebar-alaune ul li{
margin:0 0 15px 0;
}
#sidebar-alaune ul li a{
margin:0 0 15px 0; color:#284f78; text-decoration:none;
}
#sidebar-alaune ul li a:hover{
margin:0 0 15px 0; color:#284f78; text-decoration:underline;
}
/* SIDEBAR - PRESSE */
#sidebar-presse{
width:330px; float:right;
margin: 12px 12px 0 0;
background:#f5f5f5;
}
#sidebar-presse h3{
margin:22px 0 20px 10px; padding:0;
color:#4f79a7;
}
#sidebar-presse ul{
width:230px; list-style:url(images/puce.jpg);
margin: 12px 12px 0 25px;
}
#sidebar-presse ul li{
margin:0 0 15px 0;
}
#sidebar-presse ul li a{
margin:0 0 15px 0; color:#284f78; text-decoration:none;
}
#sidebar-presse ul li a:hover{
margin:0 0 15px 0; color:#284f78; text-decoration:underline;
}
/* SIDEBAR ARCHIVE */
#sidebar-archives{
width:330px; height:29px; margin:40px 0 20px 10px;
}
#sidebar-archives a{
width:177pxpx; height:28px; background:transparent url(images/bouton-archives.gif) top left no-repeat;
display:block; text-indent:-9999px;
}
#sidebar-archives a:hover{
background-position:0 -28px;
}
/* SIDEBAR - EDITIONS */
#sidebar-editions{
width:330px; float:right;
margin: 37px 12px 0 0;
background:#f5f5f5;
}
#sidebar-editions h3{
margin:22px 0 20px 10px; padding:0;
color:#4f79a7;
}
#sidebar-editions p{
margin:0 10px 10px 10px; padding:0;
}
/* SIDEBAR - contacts */
#sidebar-contact{
width:290px; float:left;
margin: 12px 0 0 13px; clear:overflow;
background:#f5f5f5; padding:0 0 30px 0;
}
#sidebar-contact h3{
margin:22px 0 20px 10px; padding:0;
color:#4f79a7;
}
#sidebar-contact p{
margin:0 10px 10px 10px; padding:0;
}