/** -------------------STYLES--------------------------- **/

/** CORRECTIFS **/
*{margin:0;padding:0;}
body{background:#FFFFFF url(/images/charte/bj-bkg.png) no-repeat top center;font-family:verdana;font-size:11px;color:#545454;}
H1,H2,H4{font-family:Arial;font-weight:bold;text-align:center;text-transform:uppercase;}
p{line-height:16px;text-align:justify;margin:5px 0 10px 0;}
img{border:none;}
a{color:#545454;text-decoration:none;outline: none;cursor:hand;}
:focus{-moz-outline-style: none;}
img.floatr {float:right;margin:0 0 0 10px;}
img.floatl {float:left;margin:0 10px 0 0;}
/**#pub-bigban{background:url(/images/charte/pub_bigban.jpg) no-repeat top left;width:815px;height:113px;clear:both;display:block;padding:16px 0 0 25px;margin:0 0 0 20px;}**/
#pub-bigban{width:815px;height:90px;clear:both;display:block;margin:0 auto 0 auto;text-align:center;}
#pub{/*background:url(/images/charte/pub.gif) no-repeat top left;border:1px solid #E2E2E2;*/width:468px;height:60px;float:right;margin:5px 25px 10px 0;padding:0 0 0 16px;}

#global{width:100%;height:100%;background:transparent url(/images/charte/bj-bkg-bottom.png) no-repeat bottom center;}
*html #global{background:transparent url(/images/charte/bj-bkg-bottom.gif) no-repeat bottom center;}
#middle{width:873px;margin:20px auto 0 auto;background:transparent url(/images/charte/bj-bkg-middle.png) repeat-y top left;overflow:hidden;}

/** HEADER **/
#header{height:82px;background:url(/images/charte/bj-entete.jpg) no-repeat top left;padding:30px 495px 0 25px;color:#FFFFFF;font-family:Arial;font-size:14px;}
#header H1{background:url(/images/charte/brian-joubert.png) no-repeat top left;text-indent:-9999px;height:49px;}
*html #header H1{background:url(/images/charte/brian-joubert.gif) no-repeat top left;}
#header H1 a{display:block;}
#header img{float:right;}
*html #header img{height:0px;width:0px;}

/** NAVIGATION **/

#nav{width:864px;height:51px;list-style: none;padding: 0;margin:0 0 0 4px;position: relative;z-index:4;}
#nav li {font-family:Franklin Gothic Medium;font-size:16px;height:51px;line-height:51px;float: left;padding: 0;margin:0;}
#nav li.brian{width:80px;padding:0 0 0 100px;color:#F49E33;background:url(/images/charte/bj-nav-brian.jpg) no-repeat top left;}
#nav li.medias{width:87px;padding:0 0 0 90px;color:#7CBC15;background:url(/images/charte/bj-nav-medias.jpg) no-repeat top left;}
#nav li.actualites{width:100px;padding:0 0 0 75px;color:#34BEED;background:url(/images/charte/bj-nav-actualites.jpg) no-repeat top left;}
#nav li.messages{width:84px;padding:0 0 0 85px;color:#F369B0;background:url(/images/charte/bj-nav-messages.jpg) no-repeat top left;}
#nav li.search{width:143px;padding:5px 0 0 20px;background:url(/images/charte/bj-nav-search.jpg) no-repeat top left;}
*html #nav li.search{padding:21px 0 0 20px;}
#nav li.search input{border:none;border-color:#FFFFFF;}

#nav li a{display: block;width:136px;padding:0 0 0 20px;margin:0;text-decoration: none;font-family:verdana;font-size:11px;}
#nav li a:hover,#nav li a:active {display:block;text-decoration:none;}
#nav .menu {width:156px;list-style:none;display:none;position:absolute;top:50px;}
#nav li.first,#nav li.middle{height:30px;line-height:30px;border-bottom:1px dashed #FFFFFF;}
#nav li.last{height:30px;line-height:30px;border-bottom:none;}
#nav li .menu li.first {background-position:top left;}
#nav li .menu li.middle {background-position:0px -5px;}
#nav li .menu li.last {background-position:bottom left;border-bottom:none;}

#nav li.brian .menu{background:url(/images/charte/menu-brian.gif) no-repeat top left;margin:0 0 0 -90px;left:105px;}
#nav li.brian li {background:url(/images/charte/menu-brian.gif) no-repeat top left;}
#nav li.medias .menu{background:url(/images/charte/menu-medias.gif) no-repeat top left;margin:0 0 0 -80px;left:270px;}
#nav li.medias li {background:url(/images/charte/menu-medias.gif) no-repeat top left;}
#nav li.actualites .menu{background:url(/images/charte/menu-actualites.gif) no-repeat top left;margin:0 0 0 -67px;left:432px;}
#nav li.actualites li {background:url(/images/charte/menu-actualites.gif) no-repeat top left;}
#nav li.messages .menu{background:url(/images/charte/menu-messages.gif) no-repeat top left;margin:0 0 0 -75px;left:615px;}
#nav li.messages li {background:url(/images/charte/menu-messages.gif) no-repeat top left;}
#nav ul li a{background:url(/images/charte/bullet.png) no-repeat 5px 12px;}
*html #nav ul li a{background:url(/images/charte/bullet.gif) no-repeat 5px 12px;}

#nav li.brian a{color:#CC6702;}
#nav li.medias a{color:#5C8C00;}
#nav li.actualites a{color:#207D96;}
#nav li.messages a{color:#F15DAF;}
#nav li.brian a:hover{color:#683302;}
#nav li.medias a:hover{color:#2E4202;}

#nav li.actualites a:hover{color:#12414C;}
#nav li.messages a:hover{color:#6D2952;}
#nav li:hover {cursor:pointer;}
#nav img{border:none;vertical-align:middle;}

/** CONTENU **/
#content{width:842px;padding:10px 10px 0 10px;margin:0 5px 0 5px;display:inline;}
#content p.fil{height:60px;margin:0 0 20px 20px;}

	/** CONTENU COLONNE **/
#left{width:170px;float:left;margin:0 20px 0 20px;display:inline;}
#right{width:170px;float:right;margin:0 20px 0 0;display:inline;}

.bloc.sondage H4{background:url(/images/charte/bj-bloc-haut-gris.jpg) no-repeat top left;}
.bloc.sondage .fond {background:url(/images/charte/bj-bloc-deg-poll.jpg) no-repeat bottom left;}

.bloc.fans H4{background:url(/images/charte/bj-bloc-haut-gris.jpg) no-repeat top left;}
.bloc.fans p{text-align:center;}
.bloc.fans .fond {background:url(/images/charte/bj-bloc-deg.jpg) no-repeat 0px 130px;}
.bloc.fans img{width:118px;height:95px;margin:10px 0 10px 0;border:1px solid #999999}

.bloc.livre H4{background:url(/images/charte/bj-bloc-haut-gris.jpg) no-repeat top left;}
.bloc.livre p{text-align:center;}
.bloc.livre .fond {background:url(/images/charte/bj-bloc-deg.jpg) no-repeat 0px 130px;}
.bloc.livre img{margin:10px 0 10px 0;border:1px solid #999999}

.bloc.partenaires H4{background:url(/images/charte/bj-bloc-haut-gris.jpg) no-repeat top left;}
.bloc.partenaires p{text-align:center;}
.bloc.partenaires a{margin:0 0 10px 0;border:1px solid #CCCCCC;padding:5px; display:block;}

.bloc.agenda H4{background:url(/images/charte/bj-bloc-haut-bleu.jpg) no-repeat top left;color:#FFFFFF;}
.bloc.agenda span{color:#34BEED;font-weight:bold;}

.bloc.forum H4{background:url(/images/charte/bj-bloc-haut-rose.jpg) no-repeat top left;color:#FFFFFF;}
.bloc.forum span{color:#F369B0;font-weight:bold;}

.bloc{background:url(/images/charte/bj-bloc-bas.jpg) no-repeat bottom left;overflow:hidden;height:1%;margin:0 0 10px 0;}
.bloc H4{height:30px;line-height:30px;font-size:14px;font-family:arial;}
.bloc p,.bloc ul,.bloc form{border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC;width:156px;margin:0 0 30px 0;padding:5px 5px 5px 5px;overflow:hidden;}
.bloc span{display:block;text-align:left;}
.bloc li{margin:0 0 5px 0;padding:0 0 5px 0;}
.bloc li.last{border:none;}

	/** CONTENU CENTRE **/
#center{width:460px;padding:0 0 30px 0;float:left;}

#center H2{height:32px;line-height:32px;font-size:17px;margin:0 0 30px 0;font-family:arial;}
#center H3{font-size:17px;font-weight:normal;clear:both;margin:30px 0 15px 0;font-family:arial;}
#center H4{border-bottom:1px solid #DBDBDB;border-top:1px solid #DBDBDB;font-size:12px;margin:30px 0 15px 0;}
#center  a,#left  a{text-decoration:none;}
#center  a:hover{text-decoration:underline;}
#center  ul{padding:0 0 0 15px;}
#center li{list-style-type:circle;}
#center p.pagination {font-weight:bold;text-align:center;width:100%;background:#F2f2f2;padding:8px;}
#center p.pagination span{color:#FFFFFF;padding:3px 5px 3px 5px;}
#center p.pagination a{background:#EAEAEA url(/images/charte/pagination-off.jpg) repeat-x top left;padding:3px 5px 3px 5px;color:#545454;border:1px solid #545454;}
#center p.pagination a:hover{text-decoration:none;}

#center .brian H2{background:url(/images/charte/bj-titre-orange.jpg) no-repeat top left;color:#F49E33;}
#center .brian H3{color:#F49E33;border-bottom:1px solid #F49E33;}
#center .brian a{color:#F49E33;}
#center .brian a.img img{border:1px solid #F49E33;}

#center .medias H2{background:url(/images/charte/bj-titre-vert.jpg) no-repeat top left;color:#7CBC15;}
#center .medias H3{color:#7CBC15;border-bottom:1px solid #7CBC15;}
#center .medias a{color:#7CBC15;}
#center .medias div span{color:#7CBC15;font-weight:bold;}
#center .medias a.img img{max-width:130px; max-height:170px;margin:0 10px 10px 0;border:1px solid #DBDBDB;}

#center .actualites H2{background:url(/images/charte/bj-titre-bleu.jpg) no-repeat top left;color:#5BB4D8;}
#center .actualites H3{color:#5BB4D8;border-bottom:1px solid #5BB4D8;}
#center .actualites a{color:#5BB4D8;}
#center .actualites img{float:right;margin:0 0 15px 10px;border:1px solid #5BB4D8;}
#center .actualites p.pagination span{background:#5BB4D8 url(/images/charte/pagination-on.jpg) repeat-x top left;border:1px solid #5BB4D8;}
#center .actualites p.pagination a:hover{background:#5BB4D8 url(/images/charte/pagination-on.jpg) repeat-x top left;border:1px solid #5BB4D8;color:#FFFFFF;}

#center .actualites span{color:#34BEED;font-weight:bold;text-align:left;}
#center .actualites li{margin:0 0 5px 0;padding:0 0 5px 0;}
#center .actualites a img{border:none;}

#center table.palmares{border:1px solid #F49E33;padding:2px;}
#center table.palmares span{color:#909090;}
#center table.palmares thead{background-color:#F49E33;color:#FFF;font-size:10px;}
#center table.palmares tr.color{background-color:#EAEAEA;}
#center table.palmares tbody td{padding:2px;border-right:1px solid #EAEAEA;}

.messages H2{background:url(/images/charte/bj-titre-rose.jpg) no-repeat top center;color:#F369B0;height:32px;line-height:32px;font-size:17px;margin:0 0 30px 0;font-family:arial;}
.messages H3{color:#F369B0;border-bottom:1px solid #F369B0;}

#center .site H2{background:url(/images/charte/bj-titre-gris.jpg) no-repeat top left;color:#545454;}
#center .site H3{color:#545454;border-bottom:1px solid #545454;}
#center .site .thumbs-site{width:140px;height:130px;float:left;margin:0 10px 0 0;text-align:center;}
#center .site img{border:1px solid #545454;}
#center .site a{color:#5BB4D8;}
#center .site a:hover{text-decoration:none;}
	/** CONTENU CENTRE HOME **/

#center.home .actualites img{float:left;margin:0 10px 15px 0;border:1px solid #5BB4D8;width:90px;}
#center.home .actualites div{clear:both;overflow:hidden;margin:0 0 10px 0;}
#center.home .actualites H2{margin:20px 0 30px 0;}
#center.home .actualites H3{color:#5BB4D8;border-bottom:none;clear:none;margin:0 0 15px 0;}


	/** BOUTONS **/
	
a.btn{height:26px;line-height:26px;display:block;text-transform:uppercase;margin:0 auto;}	
a.btn span, .bloc a.btn span{color:#FFFFFF;font-weight:bold;height:26px;text-align:center;display:block;}
a.btn:hover,.bloc a.btn:hover{text-decoration:none;}

.agenda a.btn{background:url(/images/charte/btn-bleu.jpg) no-repeat top right;}
.agenda a.btn span{background:url(/images/charte/btn-bleu-left.jpg) no-repeat top left;}
.forum a.btn{background:url(/images/charte/btn-rose.jpg) no-repeat top right;}
.forum a.btn span{background:url(/images/charte/btn-rose-left.jpg) no-repeat top left;}
.medias a.btn{background:url(/images/charte/btn-vert.jpg) no-repeat top right;}
.medias a.btn span{background:url(/images/charte/btn-vert-left.jpg) no-repeat top left;}
.fans a.btn, .livre a.btn{background:url(/images/charte/btn-gris.jpg) no-repeat top right;}
.fans a.btn span, .livre a.btn span{background:url(/images/charte/btn-gris-left.jpg) no-repeat top left;color:#545454;}
.messages a.btn{background:url(/images/charte/btn-rose.jpg) no-repeat top right;}
.messages a.btn span{background:url(/images/charte/btn-rose-left.jpg) no-repeat top left;color:#FFFFFF;}

/** FOOTER **/
#footer{width:873px;margin:0 auto 0 auto;padding:0 0 20px 0;height:40px;background:#FFFFFF url(/images/charte/bj-footer.png) no-repeat top left;text-align:center;clear:both;}