*{
margin:0;
padding:0;
font-size:100%;
vertical-align:top;
}
a img,fieldset{
border:0;
}
label,a *{
cursor:pointer;
}
ol{
list-style-position:inside;
}
ul{
list-style:none;
}
ul li,
.clearfix{
zoom:1;
}
.clearfix{
height:1%;
}
.clearfix:after{
display:block;
content:"";
clear:both;
visibility:hidden;
overflow:hidden;
}
textarea,
input{
font:12px Arial, Helvetica, sans-serif;
}
sup{
vertical-align:top;
}
object:active, div:active{
outline: none;
}
a:focus, object:focus, div:focus{
outline: none; -moz-outline-style: none;
}
html, body{
font:12px Arial, Helvetica, sans-serif;
background:#053e56;
color:#656565;
background:#053e56 url(../../style/commun/skins/default/fond_bas.jpg) no-repeat center bottom;
}
.margintop{
margin-top: 4px;
}
#___plusone_0{ width:70px !important; }
/* SITE */
#site{
background:url(../../style/commun/skins/default/f_surbandeau.png) repeat-x left top;
}
#site .decor{
background:url(../../style/commun/skins/default/fond_haut.jpg) no-repeat center top;
}
/* SUR-BANDEAU */
#surbandeau{
position:relative;
height:34px;
width:980px;
margin:0 auto;
}
#surbandeau .col1{
float:left;
overflow:hidden;
zoom:1;
}
#surbandeau .col2{
float:right;
overflow:hidden;
zoom:1;
}
#surbandeau li{
float:left;
border-right:1px solid #292929;
height:34px;
}
#surbandeau li.purecine{
border: 0;
}
#surbandeau li.puremedias{
border: 0;
}
#surbandeau li.connecter{
border-right:1px solid #292929;
}
#surbandeau li.inscrire{
margin:0 10px 0 0;
}
#surbandeau li.notify_link a,
#surbandeau li.inbox_link a{
	display:block;
	font-size: 1px;
	vertical-align: middle;
	width: 5px;
	height: 15px;
	padding: 0 24px 19px 12px;
	position: relative;
	border:0;
}
#surbandeau li.notify_link { background: url(/communaute/public/style_images/master/icon_notify.png) no-repeat top; }
#surbandeau li.inbox_link { background: url(/communaute/public/style_images/master/icon_inbox.png) no-repeat top; }

#surbandeau .ipsHasNotifications {
	padding: 0px 4px;
	height: 12px;
	line-height: 12px;
	background: #cf2020;
	color: #fff !important;
	font-size: 9px;
	text-align: center;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	top: 4px;
	left: 3px;
	border:0;
}

#surbandeau li.user_link  a{
	font-size: 12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding: 0 12px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	outline: 0;
}
#surbandeau .user_link_dd {
		display: inline-block;
		width: 9px; height: 5px; bottom: 0px;
		background: url(/communaute/public/style_images/master/header_dropdown.png) no-repeat left;
	}

#surbandeau li.user_link a:hover, li.notify_link a:hover, li.inbox_link a:hover { background-color: #323232; }

#surbandeau li.connecter a,
#surbandeau li.inscrire a{
display:block;
line-height:34px;
font-weight:bold;
color:#fff;
text-decoration:none;
padding:0 20px;
}
#surbandeau li.connecter a:hover,
#surbandeau li.connecter a.on,
#surbandeau li.inscrire a:hover{
background:url(../../style/commun/f_a_connecter.gif) repeat-x;
color:#020202;
}
#surbandeau li.social{
border:none;
}
#surbandeau li.social a{
display:block;
width:20px;
height:34px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
#surbandeau li.fb a{
background:url(../../style/commun/pictos/fb.png) no-repeat right center;
}
#surbandeau li.twitter a{
background:url(../../style/commun/pictos/twitter.png) no-repeat right center;
}
#surbandeau li.rss a{
background:url(../../style/commun/pictos/rss.png) no-repeat right center;
}
#surbandeau form{
position:absolute;
display:none;
top:34px;
background:#f84101 url(../../style/commun/f_connecter.gif) repeat-x top left;
padding:14px 20px;
z-index:200;
}
#surbandeau form .fermer{
position:absolute;
display:block;
background:url(../../style/commun/pictos/fermer.png) no-repeat;
top:20px;
right:20px;
height:11px;
width:11px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
#surbandeau form .ligne{
margin:0 0 10px 0;
overflow:hidden;
zoom:1;
}
#surbandeau form .ligne input{
float:left;
}
#surbandeau form .ligne input.focusInput{
border:0;
width:152px;
background:#fff;
color:#3f3f3f;
height:28px;
line-height:28px;
padding:0 8px;
}
#surbandeau form .mdp{
font-size:11px;
color:#070606;
}
#surbandeau form .mdp a{
color:#070606;
}
#surbandeau form .mdp a:hover{
text-decoration:none;
}
/* BANDEAU */
#bandeau{
width:980px;
margin:0 auto;
}
#bandeau .bandeau{
padding:23px 0 0 15px;
height:90px;
overflow:hidden;
zoom:1;
}
#bandeau .bandeau h1{
float:left;
}
#bandeau .bandeau .jouer{
position:relative;
float:right;
width:280px;
z-index:1;
}
#bandeau .bandeau .jouer .visuel{
position:absolute;
top:0;
right:0;
}
#bandeau .bandeau .jouer .bouton{
position:absolute;
top:22px;
left:0;
}
#bandeau .menu{
background:url(../../style/commun/f_menu.png) no-repeat left bottom;
padding:0 5px;
}
#bandeau .menu ul{
float:left;
overflow:hidden;
zoom:1;
}
#bandeau .menu ul li{
float:left;
}
#bandeau .menu ul li.plus{
padding:3px 0 0 0;
}
#bandeau .menu ul li.plus a{
display:block;
background:url(../../style/commun/plusv2.png) no-repeat;
width:16px;
height:37px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
#bandeau .menu ul li.plus a:hover,
#bandeau .menu ul li.plus a.on{
background:url(../../style/commun/plusv2.png) no-repeat left bottom;
}
#bandeau .menu form{
float:right;
width:248px;
height:20px;
padding:8px 0 0 0;
zoom:1;
}
#bandeau .menu form .focusInput{
float:left;
background:url(../../style/commun/f_rechercher.png) no-repeat;
width:100px;
height:28px;
line-height:28px;
font-size:12px;
color:#3f3f3f;
border:0;
padding:0 10px 0 28px;
}
#bandeau .menu form .secteur_recherche{
position:relative;
float:left;
width:73px;
}
#bandeau .menu form .secteur_recherche .selected{
outline:none;
display:block;
background:url(../../style/commun/f_secteur_recherche.png) no-repeat;
line-height:28px;
font-size:11px;
color:#fff;
text-decoration:none;
padding:0 0 0 12px;
}
#bandeau .menu form .secteur_recherche .selected:hover{
color:#9a9a98;
}
#bandeau .menu form .secteur_recherche ul{
position:absolute;
display:none;
top:0;
left:0;
background:#262625 url(../../style/commun/f_secteur_recherche.png) no-repeat left top;
width:73px;
z-index:201;
}
#bandeau .menu form .secteur_recherche ul a{
display:block;
width:61px;
line-height:28px;
font-size:11px;
color:#fff;
text-decoration:none;
padding:0 0 0 12px;
}
#bandeau .menu form .secteur_recherche ul a:hover{
color:#9a9a98;
}
#bandeau .menu form .bouton{
float:right;
}
#bandeau .full{
position:absolute;
width:980px;
background:#f8f8f8;
padding:25px 0;
z-index:200;
}
#bandeau .full .fermer{
position:absolute;
display:block;
background:url(../../style/commun/pictos/fermer2.png) no-repeat;
top:10px;
right:10px;
height:11px;
width:11px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
#bandeau .full .f{
background:url(../../style/commun/f_smenu.png) repeat-y top left;
padding:0 27px;
overflow:hidden;
zoom:1;
}
#bandeau .full .col1{
float:left;
width:150px;
margin:0 60px 0 0;
}
#bandeau .full .col2{
float:left;
width:120px;
margin:0 58px 0 0;
}
#bandeau .full .col3{
float:left;
width:313px;
margin:0 58px 0 0;
}
#bandeau .full .col4{
float:left;
width:160px;
}
#bandeau .full h3{
margin:0 0 10px 0;
}
#bandeau .full h3 a{
text-transform:uppercase;
color:#1286cc;
text-decoration:none;
}
#bandeau .full .ligne{
overflow:hidden;
zoom:1;
}
#bandeau .full .ligne .ul1{
float:left;
width:150px;
}
#bandeau .full .ligne .ul2{
float:right;
width:150px;
}
#bandeau .full li{
background:url(../../style/commun/puces/5.gif) no-repeat left 5px;
padding:0 0 5px 10px;
}
#bandeau .full li a{
color:#656565;
text-decoration:none;
}
#bandeau .full li a:hover{
color:#1286cc;
}
#bandeau .full .col4 ul{
margin:0 0 20px 0;
}
/* GENERIQUE */
.lien_tous{
text-align:right;
}
.lien_tous a{
background:url(../../style/commun/puces/1.gif) no-repeat;
font-size:12px;
color:#8d8d8d;
padding:0 0 0 20px;
}
.lien_tous a:hover{
text-decoration:none;
}
/* CONTENU */
#contenu{
width:980px;
background:#fff;
padding:15px 0;
margin:0 auto;
overflow:hidden;
zoom:1;
}


/* TAGS */
.bub{
  padding:0 15px 0 15px;
  margin:0 0 12px 0;
}
.bub-inside {
  position: relative;
  margin-right:12px;
}
a.bub-inside {
  color: #e9e9e9;
  text-decoration: none;
}
.bub-inside em {
  font-style: normal;
}
.bub-inside em {
  background: #e9e9e9;
  font-size:11px;
  color: #848383;
  padding: 0 4px 0 4px;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
}
.bub-inside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 13px;
  left: 5px;
  display: block;
  border-left: 0.45em solid #e9e9e9; 
  border-bottom: 0.45em solid #FFF; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
a.bub-inside:hover {
  color: #FFF;
}
a.bub-inside:hover em {
  cursor: pointer;
  background: #1286cc;
  color: #FFF;
}
a.bub-inside:hover .point {
  border-left: 0.5em solid #1286cc; 
}

/* A ECOUTER */
.a_ecouter{
width:300px;
}
.a_ecouter ul.liste{
z-index:1;
overflow:hidden;
zoom:1;
}
.a_ecouter ul.liste li{
position:relative;
float:left;
width:100px;
height:72px;
margin:0;
}
.a_ecouter ul.liste li.last{
margin:0;
}
.a_ecouter ul.liste li .infos{
display:none;
position:absolute;
background:#1286cc url(../../style/commun/fleche.gif) no-repeat -5px 14px;
top:0px;
width:80px;
height:52px;
padding:10px 10px;
z-index:200;
overflow:hidden;
zoom:1;
}
.a_ecouter ul.liste li .infos.g{
left:100px;
}
.a_ecouter ul.liste li .infos.d{
right:100px;
background:#1286cc url(../../style/commun/fleche.gif) no-repeat 96px 14px;
text-align:right;
}
.a_ecouter ul.liste li .infos p{
font-size:11px;
color:#fff;
margin:0 0 4px 0;
text-decoration:none;
}
.a_ecouter ul.liste li .infos p:hover{
color:#cce3ed;
text-decoration:none;
}

/* PIED */
#pied{
width:980px;
padding:0 0 30px 0;
margin:0 auto;
}
#pied1{
background:#011118 url(../../style/commun/f_pied1.png) repeat-x;
padding:0 0 12px 0;
}
#pied1 .h{
background:url(../../style/commun/h_pied1.png) no-repeat;
padding:22px 0 0 0;
}
#pied1 .f{
background:url(../../style/commun/sep_pied1.png) repeat-y;
padding:13px 0 20px 27px;
overflow:hidden;
zoom:1;
}
#pied1 .col1{
float:left;
width:270px;
margin:0 60px 0 0;
}
#pied1 .col2{
float:left;
width:258px;
margin:0 74px 0 0;
}
#pied1 .col3{
float:left;
width:258px;
}
#pied1 .f h3 img{
display:block;
}
#pied1 .f .t{
font-size:13px;
color:#1286cc;
padding:0 0 0 38px;
margin:0 0 22px 0;
}
#pied1 .f .col2 .t{
padding:0 0 0 32px;
}
#pied1 .f .col3 .t{
padding:0 0 0 27px;
}
#pied1 .f .col1 li{
background:url(../../style/commun/puces/4.gif) no-repeat left 4px;
padding:0 0 5px 14px;
}
#pied1 .f .col1 li a{
color:#fff;
text-decoration:none;
}
#pied1 .f .col1 li a:hover{
color:#1286cc;
}
#pied1 .f .col2 ul,
#pied1 .f .col3 ul{
overflow:hidden;
zoom:1;
}
#pied1 .f .col2 li,
#pied1 .f .col3 li{
float:left;
width:116px;
}
#pied1 .f .col2 li.last,
#pied1 .f .col3 li.last{
float:right;
}
#pied1 .f .col2 .visuel,
#pied1 .f .col3 .visuel{
display:block;
margin:0 0 5px 0;
}
#pied1 .f .col2 h2 a,
#pied1 .f .col3 h2 a{
font-size:12px;
color:#fff;
text-decoration:none;
}
#pied1 .f .col2 .lire,
#pied1 .f .col3 .lire{
background:url(../../style/commun/puces/4.gif) no-repeat left 3px;
font-size:11px;
color:#426e88;
text-decoration:none;
padding:0 0 0 9px;
}

#pied1 .f .hover h2 a,
#pied1 .f .hover .lire,
#pied1 .f .col2 h2 a:hover,
#pied1 .f .col3 h2 a:hover,
#pied1 .f .col2 .lire:hover,
#pied1 .f .col3 .lire:hover{
color:#1286cc;
}


#pied2{
background:#2dbfee url(../../style/commun/f_pied2.png) repeat-x bottom;
padding:11px 0;
border-bottom:none;
}
#pied2 .t{
padding:0 10px 0 26px;
overflow:hidden;
zoom:1;
}
#cif_clic{
float:left;
}
#pied2 .fermer{
display:none;
float:right;
background:url(../../style/commun/pictos/fermer3.png) no-repeat;
height:11px;
width:11px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
#pied2 .full{
padding:11px 0 0 0;
}
#pied2 .full .f{
background:url(../../style/commun/sep_pied2.png) repeat-y top left;
padding:0 27px;
overflow:hidden;
zoom:1;
}
#pied2 .col1{
float:left;
width:150px;
margin:0 60px 0 0;
}
#pied2 .col2{
float:left;
width:120px;
margin:0 58px 0 0;
}
#pied2 .col3{
float:left;
width:313px;
margin:0 58px 0 0;
}
#pied2 .col4{
float:left;
width:160px;
}
#pied2 .full h3{
margin:0 0 10px 0;
}
#pied2 .full h3 a{
text-transform:uppercase;
color:#02212d;
text-decoration:none;
}
#pied2 .full .ligne{
overflow:hidden;
zoom:1;
}
#pied2 .full .ligne .ul1{
float:left;
width:150px;
}
#pied2 .full .ligne .ul2{
float:right;
width:150px;
}
#pied2 .full li{
background:url(../../style/commun/puces/3.gif) no-repeat left 5px;
padding:0 0 5px 10px;
}
#pied2 .full li a{
color:#fff;
text-decoration:none;
}
#pied2 .full li a:hover{
text-decoration:underline;
}
#pied2 .full .col4 ul{
margin:0 0 20px 0;
}
#pied3{
background:url(../../style/commun/f_pied3.png) no-repeat;
height:83px;
padding:20px 30px 0 30px;
overflow:hidden;
zoom:1;
}
#pied3 .col1{
float:left;
width:780px;
}
#pied3 .col1 .ligne{
margin:0 0 13px 0;
overflow:hidden;
zoom:1;
}
#pied3 .col1 .ligne h3{
float:left;
margin:0 10px 0 0;
}
#pied3 .col1 .ligne p{
font-weight:bold;
color:#fff;
margin:0 0 3px 0;
}
#pied3 .col1 .ligne ul{
overflow:hidden;
zoom:1;
}
#pied3 .col1 .ligne ul li{
float:left;
line-height:12px;
height:12px;
border-right:1px solid #1d1d1d;
padding:0 8px 0 0;
margin:0 8px 0 0;
}
#pied3 .col1 .ligne ul li.last{
border:0;
padding:0;
margin:0;
}
#pied3 .col1 .ligne ul li a,
#pied3 .col2 a{
color:#363434;
text-decoration:none;
}
#pied3 .col1 .ligne ul li a:hover,
#pied3 .col2 a:hover{
color:#fff;
}
#pied3 .col1 .partenaires{
overflow:hidden;
zoom:1;
margin:0 0 0 96px;
}
#pied3 .col1 .partenaires li{
float:left;
margin:0 8px 0 0;
}
#pied3 .col2{
float:right;
width:100px;
text-align:right;
padding:17px 0 0 0;
}
#pied3 .col2 p{
margin:0 0 5px 0;
}

.colonne2 .combo, .colonne2 .combo .selected { z-index: 0; }