/* reseaux_sociaux.css - Charte LyonPlus 2009  */

.blocmsg{color: #CC0033; font-style: italic; border: none !important; background: none !important; padding: 0 0 0 5px !important; margin: 0 5px;}
div.info{color: #CC0033; font-style: italic; border: none !important; background: #F3F3F3 url(../../images/css/v3base/icoinfo.gif) no-repeat 5px 5px !important; padding: 5px 0 0 45px !important; margin: 0 5px;}

.blocmsg em{color: #000 !important;}

.back_profil a{color: #006AB3; background: transparent url(../../images/appli/mon_univers/back.gif) no-repeat 0 0; padding: 0 0 0 20px;}
.back_profil a:hover{color: #696969; text-decoration: none;}

h1.univers{background: transparent url(../../images/css/v3base/picto_univers.gif) no-repeat 0 0; padding: 3px 0 0 55px; font-size: 20px; height: 30px; margin: 0 10px; font-style: italic;}

/* page mon univers */
.a_blocunivers{padding: 0 !important;}
.a_blocunivers h2{text-transform: none !important;}
.a_blocunivers h5.green{background: transparent url(../../images/appli/mon_univers/title_mur_green.jpg) no-repeat 0 0; height: 50px; font-size: 20px; padding: 14px 0 0 0; margin: 0 10px;}
.a_blocunivers h5.orange{background: transparent url(../../images/appli/mon_univers/title_mur_orange.jpg) no-repeat 0 0; height: 50px; font-size: 20px; padding: 14px 0 0 0; margin: 0 10px;}
.a_blocunivers h5.green span{color: #B8DE12;}
.a_blocunivers h5.orange span{color: #F4C503;}

/* formulaire de commentaire */
#bloc_comment_mur{background: url(../images/css/v3base/bg_appli.jpg) repeat-x scroll 0 0 #E6E6E6; border:1px solid #DDD; position:relative;}
.a_blocunivers .ajoutcommentaire{margin: 5px 10px; background-color: #FFF; clear: both;}
.a_blocunivers .ajoutcommentaire h4{padding: 0 5px; background: #696969;}
.a_blocunivers .ajoutcommentaire h4 span{color: #FFF;}
.a_blocunivers .ajoutcommentaire table{padding: 0 5px; width: 95%; margin: 0 10px;}
.a_blocunivers .ajoutcommentaire table td{vertical-align: top;}
.a_blocunivers .ajoutcommentaire table input{margin: 2px 0 !important;}
.a_blocunivers .ajoutcommentaire table.mceLayout{width: 430px !important; margin: 0 0 10px 0;}
.a_blocunivers .ajoutcommentaire .blocboutons input{border: none;}
.a_blocunivers .ajoutcommentaire .titlig{color: #000 !important; font-size: 11px; background: none !important; padding: 0;}
.a_blocunivers .ajoutcommentaire table.mceLayout{width: auto !important; padding: 0;}
.a_blocunivers .ajoutcommentaire table.mceLayout td span{background: auto !important;}

.a_blocunivers #loader_events{float: right; margin: 20px 10px 0 10px;}
#listCentreInteret{}
#listCentreInteret table td{padding: 5px;}
#listCentreInteret table td textarea{width: 400px;}

/* profil */
.profil{float: none !important; position: relative; height: auto; padding: 0 0 10px 0; margin: 0 10px; overflow: hidden;}
.profil .top{display: none;}
.profil .bordcontent{top: 0; width: 100%; background: none !important; border: none !important; overflow: hidden;}}
.profil .maincontent{overflow: visible;}
.profil .maincontent .avatar{position: relative; float: left; margin: 10px; background: #FFF; border: 1px solid #EEE; padding: 4px;}
.profil .maincontent .avatar img{}
.profil .maincontent .avatar span.zoom{position: absolute; bottom: -10px; right: -10px;}
.profil .maincontent .edit_statut{}
.profil .maincontent .edit_statut .statut{display: block; margin: 0 0 10px 0;}
.profil .maincontent .edit_statut #twitFix{position: relative;}
#twitFix span.arrow{position: absolute; height: 12px; width: 18px; top: 17px; left: 10px; background: transparent url(../../images/appli/mon_univers/arrow.gif) no-repeat 0 0; z-index: 300;}
#twitFix span.info_statut{-moz-border-radius: 3px 3px 3px 3px; position: relative; cursor: pointer; font-weight: normal !important; display: block; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; font-size: 10px; margin: 0 10px 0 0; padding: 2px 0 0 3px; width: 350px; height: 16px; color: #696969; background: #EEE;}
#twitEdit span.edit_arrow{position: absolute; height: 12px; width: 18px; top: 17px; left: 10px; background: transparent url(../../images/appli/mon_univers/edit_arrow.gif) no-repeat 0 0; z-index: 300;}
.profil .maincontent .edit_statut #twitEdit input{-moz-border-radius: 3px 3px 3px 3px; position: relative; margin: 0 10px 0 0; padding: 2px 0 0 3px; float: left; width: 350px; height: 16px; font-size: 10px;}
.profil .maincontent .edit_statut #twitEdit a{color: #000; font-weight: normal;}
.profil .maincontent .edit_statut #twitEdit a img{border: none !important; padding: 0 5px 0 0; margin: 0; vertical-align: bottom;}
.profil .maincontent .media{position: relative; float: left; margin: 10px; background: #FFF; border: 1px solid #EEE; padding: 4px;}
.profil .maincontent .media img{width: 250px;}
.profil .maincontent h2{ color: #484848; height: 25px; padding: 10px 0 0 5px; background: transparent url(../../images/css/v3base/bg_titre_profil.jpg) repeat-x 0 0; border-bottom: 1px solid #EEE;}
.profil .maincontent h2 span.picto{float: right; margin: 0 5px 0 0; font-size: 11px; text-transform: none; font-weight: normal;}
.profil .maincontent h2 span.picto img{vertical-align: bottom;}
.profil .maincontent p{clear: none; margin: 5px 0; overflow: hidden;}
.profil .maincontent p.infos{text-align: right; color: #696969;}
.profil .maincontent p.infos a{color: #696969;}
.profil .maincontent p.infos em{font-weight: normal; display: block;}
.profil .maincontent p.infos #ctl00_litNbAmis{background: transparent url(../../images/appli/mon_univers/amis.gif) no-repeat 0 0; padding: 0 0 0 30px; height: 25px;}
.profil .maincontent p.suite img{border: none !important;}
.profil .bottom{background: #EEE !important;}
.profil .bottom span{height: auto !important; width: auto !important;}
.profil .bottom .zoom{display: block; text-align: right; float: none; padding: 0 5px 0 0;}
.profil .bottom .zoom a:hover{color: #696969; text-decoration: none;}

.profil #twitEdit{position: relative;}
.profil #loader_twit{position: absolute; right: 45px; top: 4px;}
.profil #loader_twit img{width: 12px;}


#ProfilContact{margin: 5px 0; clear: both;}
.profilContact{padding: 0 0 0 10px; background: #F7F7F7; border-top: 1px solid #EEE; margin: 0 10px;}
.profilContact p{text-align: center;}
.profilContact ul{list-style: none; overflow: hidden; }
.profilContact ul li{overflow: hidden; margin: 5px;}
.profilContact ul li a{color: #A7CA0E; font-weight: bold;}
.profilContact ul li a:hover{color: #696969;}
.profilContact ul li span{display: block; float: left; margin: 0 10px 0 0; color: #696969;}
.profilContact ul li span img{vertical-align: top;}
.profilContact ul li p{clear: none; padding: 0; margin: 0 !important; color: #696969; text-align: left;}
.profilContact ul li p a{display: block; float: right;}

.recherche_univers{}
.recherche_univers .top{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) repeat-x scroll 0 -60px;}
.recherche_univers .top h2{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) no-repeat scroll 100% -40px;}
.recherche_univers .top span{background:transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -416px;}
* html .recherche_univers .top span{background:transparent url(../../images/css/v3base/map_icones.gif) no-repeat scroll 0 -416px;}
.recherche_univers .maincontent{padding: 5px;}
.recherche_univers .bottom{display: none;}

.amis{}
.amis .top{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) repeat-x scroll 0 -60px;}
.amis .top h2{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) no-repeat scroll 100% -40px;}
.amis .top span{background:transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -592px;}
* html .amis .top span{background:transparent url(../../images/css/v3base/map_icones.gif) no-repeat scroll 0 -592px;}
.amis .maincontent ul{list-style: none; overflow: hidden;}
.amis .maincontent ul li{position: relative; float: left; width: 82px; margin: 5px 7px; text-align: center; border: 1px solid #EEE; background: #FFF; padding: 4px 0 0 0;}
* html div.amis .maincontent ul li{margin: 5px;}
.amis .maincontent ul li:hover{border: 1px solid #BDE01E;}
.amis .maincontent ul li img{width: 60px; margin: 2px;}
.amis .maincontent ul li span{display: block; font-size: 10px; color: #2F81A6;}
.amis .maincontent ul li span.ajout{position: absolute; right: -8px; top: -5px;}
.amis .maincontent p{margin: 5px 10px; color: #696969;}
.amis .bottom{height: 16px; text-align: right; }
.amis .bottom span{background: transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -272px; display: block; height: 16px; width: 20px;}
* html .amis .bottom span{background: transparent url(../../images/css/v3base/map_icones.gif) no-repeat scroll 0 -272px;}
.amis .bottom a{font-weight: bold; margin: 0 10px 0 0;}

.invitations{}
.invitations .top{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) repeat-x scroll 0 -60px;}
.invitations .top h2{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) no-repeat scroll 100% -40px;}
.invitations .top span{background:transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -608px;}
.invitations .maincontent p{margin: 5px 10px; color: #696969;}
.invitations .maincontent ul{list-style: none;}
.invitations .maincontent ul li{float: left; width: 82px; margin: 5px 7px; text-align: center; border: 1px solid #EEE; background: #FFF;}
.invitations .maincontent ul li img{width: 60px;}
.invitations .maincontent ul li span{color: #696969; font-size: 10px;}
.invitations .bottom{display: none;}

div.amis_potentiel{}
div.amis_potentiel .top{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) repeat-x scroll 0 -60px;}
div.amis_potentiel .top h2{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) no-repeat scroll 100% -40px;}
div.amis_potentiel .top span{background:transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -640px;}
div.amis_potentiel .maincontent ul{list-style: none;}
div.amis_potentiel .maincontent ul li{margin: 5px; overflow: hidden; clear: both; border-bottom: 1px solid #EEE; padding: 5px; background: #FFF;}
* html div.amis_potentiel .maincontent ul li{height: 1%;}
div.amis_potentiel .maincontent ul li div span{color: #696969;}
div.amis_potentiel .maincontent ul li div span a span{color: #2F81A6; font-weight: bold;}
div.amis_potentiel .maincontent ul li img{float: left; width: 40px; margin: 0 10px 0 0;}
div.amis_potentiel .maincontent ul li img.ajout_amis{float: right; width: auto; margin: 0;}

div.amis_potentiel .maincontent ul li p{float: right; clear: none; width: 30px;}
div.amis_potentiel .bottom{display: none;}

div.amis_populaire{}
div.amis_populaire .top{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) repeat-x scroll 0 -60px;}
div.amis_populaire .top h2{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) no-repeat scroll 100% -40px;}
div.amis_populaire .top span{background:transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -624px;}
div.amis_populaire .maincontent ul{list-style: none; overflow: hidden;}
div.amis_populaire .maincontent ul li{display: inline; margin: 5px; text-align: center; font-weight: bold;}
div.amis_populaire .maincontent ul li a{line-height: 20px;}
div.amis_populaire .maincontent ul li.pop0 a{color: #000; font-size: 11px; padding: 5px 0 0 0;}
div.amis_populaire .maincontent ul li.pop1 a{color: #2F81A6; font-size: 14px;}
div.amis_populaire .maincontent ul li.pop2 a{color: #BDE01E; font-size: 16px;}
div.amis_populaire .maincontent ul li.pop3 a{color: #CC09F6; font-size: 20px;}
div.amis_populaire .maincontent ul li.pop4 a{color: #BE041A; font-size: 22px;}
div.amis_populaire .bottom{display: none;}

div.i_blocuserfeed{margin: 0 10px;}
div.i_blocuserfeed h2{overflow: hidden; background: transparent url(../../images/css/v3base/line_green.gif) repeat-x left 80%; font-size: 18px;}
* html div.i_blocuserfeed h2{height: 1%;}
div.i_blocuserfeed h2 span{float: right; background: #FFF; padding: 0 10px; color: #A7CA0E; font-style: italic;}
div.i_blocuserfeed h3{overflow: hidden; background: transparent url(../../images/css/v3base/line.gif) repeat-x left 80%; font-size: 14px; margin: 5px 0;}
* html div.i_blocuserfeed h3{height: 1%;}
div.i_blocuserfeed h3 span{float: left; background: #FFF; padding: 0 10px 0 0; color: #BBB; font-style: italic;}
div.i_blocuserfeed ul{list-style: none; background: #F9F9F9; overflow: hidden;}
* html div.i_blocuserfeed ul{height: 1%; }
div.i_blocuserfeed ul li{margin: 0; padding: 5px 10px; overflow: hidden; border-bottom: 1px solid #F4F4F4;}
* html div.i_blocuserfeed ul li{height: 1%;}
/*ul#userfeed_list li.coul{background: #F7F7F7;}*/
div.i_blocuserfeed ul li:hover{background: transparent url(../../images/css/v3base/bg_appli.jpg) repeat 0 0; border-bottom: 1px solid #EEE;}
div.i_blocuserfeed ul li span{color: #2F81A6; font-weight: bold;}
div.i_blocuserfeed ul li a{font-style: italic; color: #404040; font-weight: normal;}
div.i_blocuserfeed ul li a span{color: #404040; white-space: normal;}
div.i_blocuserfeed ul li img{float: left; width: 32px; margin: 0 10px 0 0;}
div.i_blocuserfeed ul li .bloctxt{background: none; font-style: italic; padding: 0 !important; width: 480px;}
div.i_blocuserfeed ul li .bloctxt p{font-weight: normal; color: #404040; margin: 0;}
div.i_blocuserfeed ul li div{float: left; width: 550px; padding: 0 0 0 20px;}
div.i_blocuserfeed ul li div.ami{background: transparent url(../../images/css/v3base/line.gif) no-repeat 90% 0;}
div.i_blocuserfeed ul li div.comment{background: transparent url(../../images/css/v3base/line.gif) no-repeat 90% 0;}
div.i_blocuserfeed ul li div.vote{background: transparent url(../../images/css/v3base/line.gif) no-repeat 90% 0;}
div.i_blocuserfeed ul li div.statut{background: transparent url(../../images/css/v3base/line.gif) no-repeat 90% 0;}
div.i_blocuserfeed ul li p.actions{/*overflow: hidden;*/}
div.i_blocuserfeed ul li p.actions a{display: block; float: right; padding: 0; margin: 0;}
div.i_blocuserfeed ul li p.actions a img{width: auto; }

div.i_blocFullAmi{}
div.i_blocFullAmi ul{overflow: hidden; list-style: none; overflow: visible;}
* html div.i_blocFullAmi ul{height: 1%;}
div.i_blocFullAmi ul li{position: relative; float: left; margin: 5px 10px; width: 120px; border: 1px solid #EEE; padding: 5px; text-align: center;}
div.i_blocFullAmi ul li img{margin: 2px auto; background: #FFF;}
div.i_blocFullAmi ul li span{display: block; text-align: center;} 
div.i_blocFullAmi ul li span.ajout{position: absolute; top: -5px; right: -8px;} 

img.picto{width: auto !important; border: none !important; vertical-align: top; padding: 0 10px 0 0;}

/* page groupe */
.groupes{}
.groupes .top{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) repeat-x scroll 0 -220px;}
.groupes .top h2{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) no-repeat scroll 100% -200px;}
.groupes .top span{background:transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -672px;}
.groupes .maincontent{padding: 5px; font-size: 11px;}
.groupes .maincontent p{margin: 5px 10px; color: #696969;}
.groupes .maincontent ul{list-style: none;}
.groupes .maincontent ul li{margin: 3px 5px 3px 0; padding: 0 5px 3px 25px; border: 1px solid #F7F7F7; background: transparent url(../../images/appli/mon_univers/ico_groupe.png) no-repeat 0 0; font-weight: bold;}
.groupes .maincontent ul li:hover{border: 1px solid #F4C503;}
.groupes .maincontent ul li a{display: block; width: 100%;}
.groupes .bottom{background: #DEDEDE none repeat scroll 0 0; height:16px; text-align: right;}
.groupes .bottom a{font-weight:bold; margin:0 10px 0 0;}
.groupes .bottom span{background:transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -272px; display:block; height:16px; width:20px;}


.editiongroupe{}
.editiongroupe table.mceLayout{width: 430px !important; margin: 0 0 10px 0;}

.listemembres{margin: 0 10px;}
.listemembres h2{overflow: hidden; background: transparent url(../../images/css/v3base/line_orange.gif) repeat-x left 80%; font-size: 18px;}
* html .listemembres h2{height: 1%;}
.listemembres h2 span{float: right; background: #FFF; padding: 0 10px; color: #F4C503; font-style: italic;}
.listemembres ul{list-style: none; background: #F9F9F9 none repeat scroll 0 0;}
.listemembres ul li{border-bottom: 1px solid #F4F4F4; padding: 5px 10px; overflow: hidden;}
.listemembres ul li div{float: left;}
.listemembres ul li div img{float: left; width: 32px; margin: 0 10px 0 0;}
.listemembres ul li p{float: right;}

.cloudGroupe{}
.cloudGroupe{}
.cloudGroupe .top{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) repeat-x scroll 0 -220px;}
.cloudGroupe .top h2{background:transparent url(../../images/css/v3base/map_bandeau_appli.jpg) no-repeat scroll 100% -200px;}
.cloudGroupe .top span{background:transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -672px;}
.cloudGroupe .maincontent{padding: 5px; font-size: 11px;}
.cloudGroupe .maincontent p{margin: 5px 10px; color: #696969;}
.cloudGroupe .maincontent ul{list-style: none;}
.cloudGroupe .maincontent ul li{margin: 3px 5px 3px 0; padding: 0 5px 3px 25px; border: 1px solid #F7F7F7; background: transparent url(../../images/appli/mon_univers/ico_groupe.png) no-repeat 0 0; font-weight: bold;}
.cloudGroupe .maincontent ul li:hover{border: 1px solid #F4C503;}
.cloudGroupe .maincontent ul li a{display: block; width: 100%;}
.cloudGroupe .bottom{background: #DEDEDE none repeat scroll 0 0; height:16px; text-align: right;}
.cloudGroupe .bottom a{font-weight:bold; margin:0 10px 0 0;}
.cloudGroupe .bottom span{background:transparent url(../../images/css/v3base/map_icones.png) no-repeat scroll 0 -272px; display:block; height:16px; width:20px;}

a.supp_admin{display: block; float: left; background: transparent url(../../images/appli/mon_univers/poubelle.gif) no-repeat 0 0; padding: 0 0 0 20px; height: 16px; margin: 0 5px;}
a.ajout_admin{display: block; float: left; background: transparent url(../../images/appli/mon_univers/ajout_admin.gif) no-repeat 0 0; padding: 0 0 0 20px; height: 16px; margin: 0 5px;}
a.active_membre{display: block; float: left; background: transparent url(../../images/appli/mon_univers/ajout_admin.gif) no-repeat 0 0; padding: 0 0 0 20px; height: 16px; margin: 0 5px;}
a.desactive_membre{display: block; float: left; background: transparent url(../../images/appli/mon_univers/desactive_admin.gif) no-repeat 0 0; padding: 0 0 0 20px; height: 16px; margin: 0 5px;}

/* fil de discussion */
#listTopics ul{margin: 10px 0;}
#listTopics li{overflow: hidden;}
#listTopics .topic{float: left; width: 580px;}
#listTopics .topic h3{font-size: 12px; font-style: italic;}
#listTopics .actions{float: right;}

/* Carousel infinie */
#carousel_container{width: 620px; height: 170px; position: relative; background: #F7F7F7; margin: 0 10px; border-bottom: 1px solid #EEE; clear: both;}
#carousel_inner{float: left;  width: 540px; overflow: hidden; padding: 10px 0;}
#carousel_ul{position: relative; left: 7px;  list-style-type: none;  margin: 0; padding: 0; width: 9999px; background: #FFF; overflow: hidden;}
#carousel_ul li{position: relative; float: left; width: 100px; height: 130px; background: #FFF; margin: 5px; padding: 5px 10px; border: 1px solid #EEE; text-align: center;}
#carousel_ul li img{.margin-bottom: -4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/ cursor: pointer; cursor: hand;  border: none; display: block; width: 100;}
#carousel_ul li span.ajout{position: absolute; top: -5px; right: -8px;}

#carousel_ul li .article h2{font-size: 11px; text-align: center; margin: 0; padding: 0;}
#left_scroll, #right_scroll{padding: 70px 5px 0 5px; float: left; width: 30px; height: 80px;}
#left_scroll img, #right_scroll img{border: none; cursor: pointer; cursor: hand;}