/*
Theme Name: BMCBJ
Theme URI: http://www.zhell.fr
Description: BMCBJ
Version: 1.0
Author: Julien Siwek
Tags: mantle color, variable width, two columns, widgets
*/

/* RESET
--------------------------------------------------------------------------------------------------------------------------------------*/

html{font-size: 100%} /* Fix bug d'IE 6-7 */

html, body, form, fieldset, dl, dd{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

p, select, input, caption, label, span, tr, td, table, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:left;
	line-height:1.5em;
}

h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	margin:0;
}

img, fieldset, table{border:none}

form, p, ul, li, fieldset, input{
   margin:0;
   padding:0;
}

ul, li{list-style:none}

ol li{	list-style:decimal inside}

address{font-style: normal}
	
/* CLEAR */
.clear{
	clear:both;
	display:block;
	height:0px;
	visibility:hidden;
}

/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

body{
	color:#1a171b;
	font-size:67.5%;	/* 1em = 11px */
	background-color:#55d1ff;
}

#page{
	background:url(img/bg_header.jpg) center top no-repeat;
}

#globalContent{
	padding-bottom:600px;
	background:url(img/bg_footer.jpg) center bottom no-repeat;
}

/********** TEXTE / LIENS **********/

a{
	color:#565656;
	text-decoration:underline;
}

a:hover{text-decoration:none}
a.noHover, a.underHover{text-decoration:none;}
a.underHover:hover{text-decoration:underline}

.txtHidden{
	position:absolute;
	left:-9999em;
}

.uppercase{text-transform:uppercase}
.verdana{font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif}

/********** ARRLIST **********/

.arrList li{
	padding-left:10px;
	margin-bottom:10px;
	/* background:url(img/ico_arr.png) left 4px no-repeat; */
	background:url("img/ico_arr_black.png") no-repeat scroll left 6px transparent;
}

/********** ARTLIST **********/

.artList li{
	font-weight:bold;
}

.artList span{
	text-transform:uppercase;
}

.artList a{
	color:#78ae15;
	text-decoration:none;
}

.artList a:hover{
	text-decoration:underline;
}

/********** BTN VOIR **********/

.btnVoir{
	display:block;
	padding-left:10px;
	color:#78ae15;
	font-size:1em;
	font-weight:bold;
	margin-top:5px;
	text-transform:uppercase;
	background:url(img/ico_arr_black.png) left 4px no-repeat;
}

/********** TITRES **********/

h3{
	font-size:1.5em;
	margin-bottom:10px;
}

h4{
	font-size:1.25em;
	margin-bottom:5px;
}

h5{
	font-size:1.09em;
	margin-bottom:5px;x
}

/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/

#header{
	width:980px;
	position:relative;
	margin:0 auto 20px;
}

/********** LOGO **********/

#logo{
	position:absolute;
	left:0px;
	top:0px;
}

#logo a{
	display:block;
	width:300px;
	height:120px;
}

/********** TOPBAR **********/

#topbar{
	float:left;
	width:100%;
	height:47px;
	margin-bottom:247px;
}

#topbar .link{
	color:#000;
	float:right;
	margin:10px 5px 0 0;
}

#topbar .espace{
	display:block;
	float:right;
	font-size:1.45em;
	color:#fff;
	width:220px;
	height:40px;
	padding-top:7px;
	text-align:center;
	margin-right:-8px;
	background:url(img/btn_espace.png) left top no-repeat;
}

#bmcbj_cestquoi_lien {
	background:url("img/bg_stdbox.png") repeat scroll left top transparent;
}

#bmcbj_cestquoi_lien .link{
	display:block;
	color:#000000;
}

#bmcbj_cestquoi{
	padding: 6px 6px 3px 6px;
	position:absolute;
	right:220px;
	top:24px;
	background:url("img/bg_stdbox.png") repeat scroll left top transparent;
	display:none;
}
#bmcbj_cestquoi li{
	/*font-size:1.1em;*/
	margin-bottom:4px;
	color:#000000;	
}
#bmcbj_cestquoi li a {
	color:#000000;	
}
/********** MENU **********/

#menu{
	width:100%;
	clear:both;
	overflow:hidden;
}

#menu ul{
	width:610px;
	float:left;
	margin-right:25px;
	padding:7px 0 0 5px;
}

#menu a, #menu label{
	color:#000;
	font-size:1.18em;
	text-decoration:none;
	text-transform:uppercase;
}

#menu li{
	float:left;
	padding-right:8px;
	margin-right:8px;
	/*
	margin-right:8px;
	pading-right:6px;
	*/
	line-height:0.82em;
	border-right:2px solid #94c50e;
}

#menu .last{
	margin-right:0;
	padding-right:0;
	border:0;
}

/* Recherche */

#menu form{
	float:left;
	width:340px;
	padding-top:2px;
	display:inline;
}

#menu label{
	float:left;
	margin-right:4px;
}

#menu .inputText{
	width:164px;
	float:left;
	font-size:1em;
	line-height:1.17em;
	padding:1px 5px;
	margin-top:2px;
	border:1px solid #7f9db9;
	margin-right:11px;
}

#menu .btnOK{
	float:left;
	margin-top:3px;
}

/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/

#content{
	width:980px;
	margin:0 auto;
	min-height:830px;
	height:auto !important;
	height:830px;
}

#inner{
	width:619px;
	float:left;
	display:inline;
	margin-right:10px;
}

#sidebar{
	width:351px;
	float:left;
}

.pageContent p{
	margin-bottom:15px;
}

/********** STDBOX **********/

.stdBox{
	margin-bottom:10px;
}

.stdBox h2{
	font-size:2em;
	margin-bottom:15px;
	text-transform:uppercase;
	margin-left:-15px;
}

.stdBox h2 span{
	padding:3px;
	line-height:1em;
	background-color:#a9de19;
}

.stdBox .top{
	height:6px;
	overflow:hidden;
	background:url(img/bg_stdbox_top.png) left top no-repeat;
}

.stdBox .btm{
	height:6px;
	overflow:hidden;
	background:url(img/bg_stdbox_btm.png) left top no-repeat;
}

.stdBox .content{
	padding:10px 15px;
	background:url(img/bg_stdbox.png) left top repeat;
	font-size:12px;
}

.stdBox.facebook .content{
	padding: 10px 0;
}
.stdBox.facebook h2{
margin-left:0;
}
#contentFB{
	margin-left:4px;
}

#facebook .connect_widget_facebook_logo_menubar{
	display:none;
}

#facebook .fan_box .full_widget{
	border:0;
}

/* Dual Boxes */

#inner .dualBoxes{
	width:100%;
	overflow:hidden;
}

#inner .boxLeft{
	width:299px;
	float:left;
	display:inline;
	margin-right:12px;
}

#inner .boxRight{
	width:308px;
	float:left;
}

.boxLeft .top{background-image:url(img/bg_boxleft_top.png)}
.boxLeft .btm{background-image:url(img/bg_boxleft_btm.png)}
.boxRight .top{background-image:url(img/bg_boxright_top.png)}
.boxRight .btm{background-image:url(img/bg_boxright_btm.png)}

/********** SIDEBAR **********/

/* Sidebox */

#sidebar .stdBox .top{background-image:url(img/bg_sidebox_top.png)}
#sidebar .stdBox .btm{background-image:url(img/bg_sidebox_btm.png)}

/* img float left */

#sidebar .imgFloat .content{
	height:1%;
	overflow:hidden;
	padding-left:4px;
	padding-top:0;
}

#sidebar .imgFloat h2{
	margin-left:-10px;
}

#boxAgenda h2{
	position:relative;
	height:60px;
}

#boxAgenda h2 img{
	position:absolute;
	left:10px;
	top:25px;
}

#boxAgenda span{
	padding-bottom:25px;
}

#sidebar .imgFloat .visu{
	float:left;
	margin-right:10px;
}

#sidebar .imgFloat .desc{
	float:left;
	width:182px;
}

#sidebar p{
	font-weight:bold;
}

/* Abecedaire */

#abecedaire .content{
	padding:0;
}

#abecedaire .content .desc{
	padding:5px 5px 5px 155px;
	background:url(img/bg_box_abecedaire.png) 2px top no-repeat;
}

/* Fondation */

#boxFondation .desc{
	padding-right:95px;
	background:url(img/logo_fondation.png) 230px 5px no-repeat;
}

/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/

#footerLinks{
	clear:both;
	height:27px;
	padding-top:18px;
	text-align:center;
	background:url(img/bg_footer.png) left bottom no-repeat;
}

#footerLinks li{
	display:-moz-inline-stack;
    display:inline-block;
	vertical-align:middle;
	padding:0 20px;
	border-right:2px solid #85b233;
}

#footerLinks .last{
	border:0;
}

#footerLinks a{text-decoration:none}
#footerLinks a:hover{text-decoration:underline}

#preFooter{
	clear:both;
	width:100%;
	overflow:hidden;
}

#fichesThematiques{
	width:299px;
	float:left;
	display:inline;
	margin-right:12px;
}

#preFooter .facebook{
	float:left;
	width:308px;
	display:inline;
	margin-right:10px;
}

#colPartenaires{
	float:left;
	width:351px;
}

/*form*/

.content .cform {
	width:560px;
}
.content .cform textarea, .content .cform input {
width:330px;
}
.content .cform input.backbutton, .content .cform input.resetbutton, .content .cform input.sendbutton {
background:transparent url(img/btn_valider.png) no-repeat scroll 0 0;
border:none;
border:none !important;
font-size:0.8em;
margin:10px 0 0 5px;
width:88px;
height:31px;
cursor:pointer;
}

.content ol.cf-ol li.cf_li_err {
background:none;
border:none;
}

/*Bruno*/
.alignleft {
float:left;
margin-right:10px;
}
.alignright{
float:right;
margin-left:10px;
}

/*Partenaires*/
.carousel_logo{
	width:300px;
	height:75px;
	text-align:center;
}

/* Cat links */

.articleContent .artLinks{
	width:100%;
	overflow:hidden;
	margin-top:10px;
}

.articleContent .artLinks .voir{
	float:left;
	width:70px;
}

.articleContent .artLinks ul{
	float:left;
	width:330px;
}