/*Equallia - 2009*/

*{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 64.5%;
	word-spacing: -0.1em;
	text-align: center;
	background:  white;
	color: black;
}
p{
	font-size:12px;
}
ul li{
	list-style: none;
	font-size:10px;
}
.other li{
	margin-top:5px;
}
label, input, select{
	vertical-align: middle;
}
input, select{
	font-size: 1.1em
}
input[type="radio"], input[type="checkbox"]{
	
	vertical-align:middle;
}
input[type="submit"] {
	cursor:pointer;
	padding:0 0 3px;
}
input, select, textarea{
	font-family: 'Lucida Console',Monaco,monospace;
	font-size: 12px
}
img{
	border: 0
}
a, a.spip_out, a.spip_in{
	text-decoration: none;
	color: black;
	cursor: pointer;
}
body a:hover , a.spip_out:hover, .ok:hover{
	color:#E6007E;
	text-decoration: underline;
}
.gris h3.spip, .other h3.spip, .jaune h3.spip, .black h3.spip{
	background:none;
	padding:0;
}
.s-nav ul a:hover, .s-nav ul .navon {
	color:white;
}
/*structure*/

.center{
	width: 932px;
	padding:20px 38px;
	background: url(../images/fond-page.png) no-repeat fixed center top;
	text-align: left;
	margin: 0 auto;
}

.pr-date{
	width: 68px;
	height: 90px;
}
.pr-date p{
	margin: 27px 0 0 21px;
	font-size: 1.6em;
	font-weight: bold;
}
.pr-date span{
	color: #e4047d;
}

.header{
	width: 932px;
	margin: 0 0 10px 0px;
	overflow: hidden;
}
.nav{
	width: 932px;

	height: 52px;
	position: relative;
}
.content{
	width: 932px;
	overflow: visible;
	margin-top: 5px;
	position: relative;
	background:transparent url(../images/fond_content.png) repeat-y scroll 0 0;
}
#content .bg_content{
	background:transparent url(../images/fond-page.png) no-repeat fixed center top;
	width: 932px;
}
.content.nobg{
	background:none;
}
.col-left-wide{
	margin-right:10px;
	width:750px;
	float: left;
}
.col-left{
	width: 503px;
	margin-right: 8px;
	float: left;
}
.col-center{
	width: 250px;
	float: left;

}
.col-right{
	width: 171px;
	float: left;
	background:white none repeat scroll 0 0;
}
.white{
	border-bottom: 1px solid #a0a0a0;
	padding-bottom:10px;
}
.footer{
	margin: 10px 0;
}
.espace, .tools, .autop, .tags, .search, .enquete, .autop2{
	background:white none repeat scroll 0 0;
	padding:5px 8px;
}
.espace, .enquete, .tags, .autop, .autop2{
	margin-top:5px;
}
.col-right  #formulaire_recherche {
	padding-top: 8px;
}
.autop2 .white{
	border-bottom: none;
}
/*header*/

.logo{
	float: left;
	margin-right: 50px;
	margin-top:20px;
}
.promo{
	width: 270px;
	margin-left: 5px;
	float: left;
	overflow: hidden;
	background: url(../images/fond-reactup.png) no-repeat top right;
}
.promo div{
	float: left;
	
}
.promo-txt{
	width: 200px;
	/*font-family: "Eagle-Book";*/
}

.promo-txt h2{
	text-transform: uppercase;
	font-size: 1.8em;
	letter-spacing: -1px
}
.promo-txt p{
	margin-bottom: 3px;
	font-size: 1.2em;
	width: 185px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.promo-txt a{
	font-size: 1.4em;
	color: #e4047d;
	padding-left: 22px;
	background: url(../images/fleches.png) no-repeat 0 2px;
	text-transform: uppercase;
}
/*nav*/
body .center .nav ul{
	display:block;
	height: 30px;
	overflow: hidden;
	background: url(../images/fond-nav.png) repeat-x left bottom;
}
body .center .nav li{
	display :block;
	float: left;
	line-height: 100%;
	padding: 0 17px;
	/*font-family: "BelizioBoldItalic", "Bookman Old Style";*/
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
body .center .nav .first{
	padding-left: 8px
}
body .center .nav .last{
	padding-right: 0;
	padding-left: 2px
}
body .center .nav li a{
	display: block;
	height: 30px;
	float: left;
	text-decoration: none;
}
body .center .nav li:hover, body .center .navon{
	background: url(../images/fond-nav-on.png) repeat-x left bottom;
}
body .center .nav .s-nav.navon  ul{
	display: block;
}
body .center .nav .s-nav ul{
	position: absolute;
	height: auto;
	width: 928px;
	padding-left: 4px;
	left: 0;
	top:30px;
	z-index: 300;
	background-color: #e6007e;
	background-image: none;
	display:none;
}
body .center .nav li li{
	float: left;
	/*font-family: Eagle-Book;*/
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 10px 6px 0;
	font-style: normal;
	font-weight :bold;
}
body .center .nav li li a{
	display: inline;
	height: auto;
	float: none;
	padding: 0
}
/*col left*/
#liste-bulletins, #liste-partenaires{
	margin-top:20px;
}
#liste-partenaires .partenaire{
	float:left;
	height:56px;
	margin-bottom:30px;
	margin-right:30px;
	padding:6px 6px;
	position:relative;
	text-align:center;
	width:92px;
	background: url(../images/partenaire.png) no-repeat right top;
}
#liste-partenaires .partenaire a,#liste-bulletins .bulletin a{
	color: white;
}
#liste-bulletins .bulletin{
	position:relative;
	float:left;
	margin-bottom:30px;
	margin-right:30px;
	width: 102px;
	height:	127px;
	background: url(../images/bulletin.png) no-repeat right top;
}
#liste-bulletins .bulletin a{
	text-align:right;
}
#liste-bulletins .bulletin a img{
	text-align:right;
	margin: 8px 7px;
}
#liste-bulletins .bulletin .bulletin_detail, #liste-partenaires .partenaire .partenaire_detail{
	display:none;
	top:0;
	position:absolute;
	width:169px;
	background:transparent url(../images/bulletin_detail.png) no-repeat scroll center bottom;
	z-index:10;
}
#liste-bulletins .bulletin .bulletin_detail div, #liste-partenaires .partenaire .partenaire_detail div{
	text-align:left;
	color:white;
	border: 7px solid #e6007e;
	background:black;
	margin-bottom:30px;
	padding: 5px;
}
#liste-bulletins .bulletin .bulletin_detail h1, #liste-partenaires .partenaire .partenaire_detail h1{
	color:white;
}
#liste-bulletins .bulletin .chiffre{
	color:#E6007E;
	font-size:4em;
	font-weight:bold;
	margin:80px 9px 0;
}
.definition .carrer .jaune{
	background:#FCEA1A none repeat scroll 0 0;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	line-height:25px;
	padding:10px 20px 10px 10px;
	float: left;
	min-width: 180px;
}
.definition .carrer{
	position: relative;
}
.definition .titre{
	font-size:24px;
	font-style:italic;
	text-decoration:underline;
}
.definition h2{
	font-size:14px;
	font-weight:bold;
}
.definition .texte li{
	margin: 0px;
	font-style: italic;
	text-decoration: underline;
}
.jaune .comm,.gris .comm, .other .comm{
	float:left;
	margin-right:5px;
}
.jaune .vote,.gris .vote, .other .vote{
	float:left;
}

.jaune .decompte-date{
	background: url(../images/logo_decompte.png) no-repeat right top;
	position:absolute;
	right:0px;
	top:0px;
	width: 65px;
	height: 63px;
	text-align:left
}
.jaune .decompte-date p{
	color:white;
	font-size:15px;
	font-weight:bold;
	margin:27px 0 0 3px;
}
.jaune .decompte-date span{
	color: #e4047d;
}
.blackbg{
	display:inline-block;
	border: 2px solid black;
	margin: 1px 0;
	background-color:black;
	color:white;
	font-size:12px;
	font-weight:bold;
}
.question_ouverte  .blackbg{
	font-size: 10px;
}
.pinkbg{
	display:inline-block;
	border: 2px solid black;
	font-size:16px;
	margin: 1px 0;
	background-color:black;
	color: #e4047d;
	font-weight:bold;
}
.black{
	margin-bottom: 8px;
	background: black;
	color:white;
}
.black a{
	color:white;
}
.commentaire h3{
	font-family: 'Lucida Console', Monaco, monospace;
	padding: 0 0 0 13px;
	margin-top:20px;
	background:transparent url(../images/mini-left.png) no-repeat scroll 0 3px;
	font-size: 12px;
	font-weight: normal;
}
.commentaire .gris p, .commentaire .other p,  .commentaire .black p{
	margin-left:5px;
	margin-top:0;
}
.commentaire .black{
	margin:0;
}
.commentaire .virgule_black{
	background: url(../images/virgule_black.png) no-repeat right top;
	height: 15px;
}
.formulaire_commentaire{
	position: relative;
}
.formulaire_commentaire .confirmation{
	font-size:10px;
	position:absolute;
	top:-45px;
	width:250px;
}
#outil_sommaire li {
	border-bottom:2px solid black;
	font-size:1.2em;
	list-style-image:url(../images/sommaire_puce.png);
	margin-left:30px;
	padding:5px 0;
	font-style:italic;
}
.bord{
	border-bottom:5px solid black;
	border-top:5px solid black;
	margin:10px 0;
	padding:3px 0;
}
#formulaire_commentaire fieldset legend{
	background: #E5E5E5;
	color: #E4047D;
	font-weight:bold;
	padding:0 0.5em;
	font-size:1.05em;
	margin:0;
}
#formulaire_commentaire fieldset.previsu{
	border:2px dashed #E4047D;
	margin:10px 0 0;
	clear:both;
	padding:1em;
}
#formulaire_commentaire .form_comm .markItUpEditor{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	clear:both;
	overflow:auto;
	padding:1em;
	width:95%;
}
#formulaire_commentaire .form_comm .markItUpPreview {
	margin:5px 0 10px 0;
}
.bord .gris .form_comm{
	padding-top:20px;
}
.bord .formulaire_commentaire .confirmation {
	top:0px;
}
.bord .gris, .bord .form_comm, .noborder .form_comm{
	margin: 0;
	border: 0 none;
	padding-top:10px;
	position: relative;
}
.bord .comments{
	position: absolute;
	top:20px;
}
.texte {
	padding: 0 5px;
}
.texte ol li{
	background: none;
}
.texte li{
	background:transparent url(../images/f-left.png) no-repeat scroll left 2px;
	font-size:12px;
	letter-spacing:-0.5px;
	list-style-image:none;
	margin:10px 0 10px 40px;
	padding-left:13px;
}
.texte h3{
	font-family: 'Lucida Console', Monaco, monospace;
	
	font-size:20px;
	line-height:22px;
}
.dossier .texte h3{
	text-decoration:underline;
	font-style:italic;
}
.texte p{
	text-align:justify;
}
.integral{
	display: none;
}
#print{
	position:absolute;
	right:35px;
	top:6px;
}
#add{
	position:absolute;
	right:10px;
	top:6px;
}
#add .ajouter_favoris{
	background:transparent url(../images/add_favoris.png) repeat scroll 0 0;
	border:0 none;
	height:28px;
	width:21px;
	color:black;
	font-size:1px;
}
#add .enlever_favoris{
	background:transparent url(../images/supprimer_favoris.png) repeat scroll 0 0;
	border:0 none;
	height:28px;
	width:21px;
	color:black;
	font-size:1px;
}
.jaune, .gris, .other, .black{
	position:relative;
	padding: 5px 10px;
}
.jaune .texte, .gris .texte, .other .texte, .black .texte{
	padding: 0px;
}

.jaune{
	margin-bottom: 8px;
	background: #fcea1a;
}
.jaune.question_ouverte h2{
	padding:30px 0 10px;
}
.jaune h2, .gris h2, .black h2 , .crochet_s div h2{
	padding: 5px 0;
	/*font-family: "Eagle-Light";*/
	font-size: 3.0em;
	text-transform: uppercase;
}
.gris{
	margin-bottom: 8px;
	background: #e5e5e5;
}
.gris h3, .other h3, .jaune h3, .black h3{
	font-family: 'Lucida Console', Monaco, monospace;
	padding: 0 0 0 15px;
	margin-bottom:10px;
	margin-top:5px;
	background: url(../images/f-left.png) no-repeat 0 2px;
	font-size:15px;
}
.gris h3 span, .other h3 span, .jaune h3 span, .black h3 span{
	padding-left: 20px;
	font-size: 0.8em;
	background: url(../images/f-right.png) no-repeat 5px 0px;
}
.gris h5, .other h5, .jaune h5, .black h5{
	font-family: 'Lucida Console', Monaco, monospace;
	background:transparent url(../images/f-left.png) no-repeat scroll left 4px;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:5px;
	padding:0 0 0 20px;
	height:20px;
}
.gris h5 span, .other h5 span, .jaune h5 span, .black h5 span{
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
	padding-right:20px;
	background: url(../images/f-right.png) no-repeat right;
}
.other h6{
	font-family: 'Lucida Console', Monaco, monospace;
	padding: 0 0 0 20px;
	margin-bottom: 5px;
	background: url(../images/f-left.png) no-repeat 0 4px;
	font-size: 14px;
}
.other h6 span{
	font-size:1.2em;
	font-weight:bold;
	margin-right:10px;
	padding-right:20px;
}
.gris h1, .other h1, .jaune h1, .black h1{
	font-size: 30px;
}
.gris h4, .other h4, .jaune h4, .black h4{
	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 2.2em;
	font-weight: normal;
	font-style:italic;
	margin-bottom: 10px;
	line-height:30px;
	padding-top:2px;
}
.gris h4 span, .other h4 span, .jaune h4 span, .black h4 span{
	border-bottom: 2px solid black;
	text-decoration : none;
	display: inline;
}
.gris h4 a, .other h4 a, .jaune h4 a, .black h4 a{
	border-bottom: 2px solid black;
	text-decoration : none;
}
.gris h4 a:hover, .other h4 a:hover, .jaune h4 a:hover, .black h4 a:hover{
	text-decoration : none;
	border-bottom: 2px solid #E6007E;
}
.gris p, .other p, .jaune p, .black p, .presentation p{
	letter-spacing:-0.5px;
	margin:12px 0;
}
body .center .gris .comments, body .center .other .comments,  body .center .jaune .comments{
	padding-bottom: 20px;
	font-size: 11px;
	background: url(../images/bord-comm.png) no-repeat bottom right;
	display:inline-block;
	float:left;
}
body .center .gris .comments2, body .center .other .comments2, body .center .jaune .comments2{
	padding-bottom: 20px;
	font-size: 11px;
	background: url(../images/bord-comm.png) no-repeat bottom right;
	float: right;
	display:inline-block;
}
.other{
	margin-bottom: 30px;
	overflow: hidden;
}
.pagination{
	margin-bottom: 20px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	font-family: "Lucida Sans", "arial", "helvetica";
}
.form_comm{
	border-top:4px solid black;
	font-size:12px;
	margin-bottom:10px;
}
.form_comm .title{
	font-weight:bold;
	display:block;
	margin:15px 0 3px;
}
.form_comm textarea {
	border:medium none;
	height:150px;
	margin:5px 0;
	width:100%;
}
.boutons {
	font-size:0.9em;
	clear:both;
	margin:0;
	padding:0;
	text-align:right;
}
.boutons-right{
	clear:both;
	margin-top:5px;
	margin:0;
	padding:0;
	text-align:right;
}
.boutons-center{
	clear:both;
	margin-top:5px;
	margin:0;
	padding:0;
	text-align:center;
}
/*col center*/

.deco{
	padding:8px 10px;
}
.depeche{
	padding-bottom: 5px;
	margin-bottom: 30px;
	background: url(../images/fond-bloc-bas.png) no-repeat bottom left;
}
.memesujet{
	padding-bottom: 26px;
	margin-bottom: 30px;
	background: url(../images/fond-bloc-bas2.png) no-repeat bottom left;
}
.depeche div.texte{
    padding:0;
}
.depeche div.texte p{
	text-align:left;
}
.depeche div, .memesujet .article{
	padding: 0 15px 10px 15px;
}
.depeche h2 , .memesujet h2{
	margin-bottom: 5px
}
.depeche h3, .memesujet h3{
	font-size: 10px;
	padding: 0 0 0 10px;
	background: url(../images/mini-left.png) no-repeat  left center;
	color: black;
}
.depeche h3 i, .memesujet h3 i{
	font-weight:normal;
}
.depeche h3 span, .memesujet h3 span{
	background:transparent url(../images/mini-right.png) no-repeat scroll right center;
	color:#E4047D;
	margin-right:5px;
	padding-right:9px;
}
.depeche h4, .memesujet h4{
	font-size: 1.2em;
	line-height: 150%;
	margin-bottom: 3px
}
.depeche h4 span, .memesujet h4 span{
	background: black;
	color: white;
	font-style: italic;
}
.depeche h4 span a, .memesujet h4 span a{
	background:black none repeat scroll 0 0;
	color:white;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	padding:1px 5px 1px 1px;
}
p.lien, .lien{
	display:block;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	font-family: "Lucida Sans", "arial", "helvetica";
	letter-spacing: 0;
}

#podep {
	font-family: 'Lucida Console', Monaco, monospace;
}
.lien-depeche, .liens-hot, .lien_autre{
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	font-family: "Lucida Sans", "arial", "helvetica";
	letter-spacing:0;
	word-spacing:0;
}
.ps{
	margin-top:10px;
}
.ps p{
	font-size:10px;
	font-weight:bold;
}
.content .spip_out, .content .spip_in{
	font-weight: bold;
	font-size: 1em;
	letter-spacing:0px;
	/*font-family: "Eagle-Book";*/
}

.hotspot{
	margin-bottom: 30px;
	margin-top:10px;
}
.hotspot h2{
	text-align: center;
	margin-bottom: 5px;
}
.hotspot .border{
	margin-bottom: 10px;
	border-bottom: 5px solid black;
	padding-bottom: 10px
}
.hotspot .datenote{
	font-weight:bold;
}
.datenote{
	padding:0;
	margin:0;
	font-size: 1.1em;
}
.datenote .date{
	float:left;
	margin-right:4px;
}
.datenote .vote{
	float:left;
}
.tri{
	font-family: "Lucida Sans", "arial", "helvetica";
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}
.on, .pagination .on, .on a{
	color: #e4047d;
}
.hotspot div p span{
	padding-right: 5px;
	color: #e4047d;
	font-weight: bold;
	font-size:10px;
}
.media{
	padding-bottom: 30px;
	margin-bottom: 10px;
	border-bottom: 4px solid black;
}
.media2{
	padding-bottom: 30px;
	margin-bottom: 10px;
}
.media h2, .media2 h2{
	font-size:10px;
	font-weight:bold;
	line-height:15px;
	margin-bottom:10px;
	text-align:center;
	font-family:"Lucida Sans","Courier";
}
.media h2 span, .media2 h2 span{
	color: #e4047d;
}
.media p{
	overflow: hidden;
	font-size:1.2em;
	font-style:italic;
}
.media h2 a{
	font-size:10px;
	font-weight:bold;
}
.media2 p{
	font-size: 1.2em;
	margin-bottom: 10px
}
.img-center{
	padding-left: 5px
}
.img-left img{
	float: left;
	margin: 0 10px 5px 0;
}
.img-left {
	font-size: 1.2em
}
.info{
	text-align:center;
}

/*col right*/
.espace .top{
	background: url(../images/espace_perso_top.png) no-repeat left top;
	height:15px;
	padding-left:10px;
}
.espace .bg{
	padding-top:5px;
	background: url(../images/espace_perso_bg.png) repeat-y left top;
	padding-left:8px;
	overflow: hidden;
	text-align:center;
}
.espace .bottom{
	background: url(../images/espace_perso_bottom.png) no-repeat left top;
	height:25px;
}
.espace div .deconnection{
	display:block;
	font-weight:bold;
	margin:5px 0;
	text-align:center;
	color:black;
}
.espace div img{
	border:1px solid black;
}
.espace label, .espace .bouton_login{
	display:none;
}
.espace .choix{
	font-style:italic;
}
.search h2 span{
	background: black;
	color: white;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	padding:1px 5px 1px 1px;
}
h3 a.sommaire_ancre {
	background: url(../images/spip_out.gif) no-repeat scroll left center;
	padding-left:2px;
}
.col-right #formulaire_recherche #recherche, #var_login, #password{
	width: 145px;
	border: none;
	background: #e5e5e5;
	padding: 4px;
	margin: 3px 0;
	font-style:italic;
}
.ok{
	background: none;
	border: none;
	font-weight: bold;
	font-family: "Lucida Sans", "arial", "helvetica";
	font-size:10px;
	cursor:pointer;
	letter-spacing:0;
	word-spacing:0;
}
.tag{
	display:block;
	font-size:10px;
	margin:0;
	padding:0;
}
.liste .gris, .liste .other{
	margin-bottom:5px;
}
.search p{
	text-align: right;
}
.search a, .pass a{
	font-style:italic;
	font-size:9px;
	color: #a0a0a0;
	text-decoration: underline;
}
.espace h2, .enquete h2, .crochet .contenu h6, #formulaire_inscription h2{
	font-size: 1.2em;
	word-spacing:4px;
}

.espace h2 span, .enquete h2 span, .crochet .contenu h6 span,  #formulaire_inscription h2 span{
	padding:1px 5px 1px 1px;
	font-weight:bold;
	background: black;
	color: white;
	font-style: italic;
	font-size:12px;
}
.crochet .contenu h6 span{
	padding:5px 0 0 5px;
	display:block;
}
.crochet .contenu h6{
	background:black;
	display:block;
	height:20px;
	margin:0 12px;
	width:220px;
}
.insc{
	text-align: right;
	margin: 2px 0;
	font-family: "Lucida Sans", "arial", "helvetica";
	font-weight: bold;
	font-size: 1.1em
}
.tools a{
	font-family:"Lucida Sans","Courier";
	font-size:10px;
	font-weight:bold;
	letter-spacing:0;
	word-spacing:0;
}
.enquete h2{
	margin-bottom: 5px
}
.enquete p{
	margin-bottom: 10px
}
.enquete p a{
	font-size: 1.4em;
	border-bottom: 1px solid black;
}
.enquete .titre{
	font-size: 1.4em;
	border-bottom: 1px solid black;
	display: inline;
	font-style:italic;
}
.enquete #formulaire_sondage{
	margin: 20px 0 0;
}
.enquete #formulaire_sondage label{
	font-style:italic;
	/*padding-top:3px;*/
	font-weight: normal;
	font-size: 10px;
	padding:1px 0 0 5px;
}
.droite{
	text-align: right;
}
.tags .nuage{
	padding-left: 3px;
	border-left: 6px solid #e4047d;
}
.tags .nuage li{
	display:block;
	float:left;
}
.t200{
	font-size: 1.4em
}
.t100{
	font-size: 1.0em
}
/*footer*/

.toolbar {
	font-size:1.4em;
	height:20px;
	margin:0 auto 5px;
	width:700px;
	color: #8e8e8e;
	/*font-family: "BelizioBoldItalic", "Bookman Old Style";*/
}
.toolbar div{
	float:left;
	margin-left:10px;
}
.toolbar .titre{
	margin-left:40px;
	padding-top:2px;
	height:20px;
}
.toolbar a{
	color: #8e8e8e;
	text-decoration:none;
}
.toolbar .activer a{
	color:#e6007e;
}
.toolbar .activer{
	color:#e6007e;
}
.toolbar .icone a{
	display:block;
	float:left;
	height:20px;
	margin-left:3px;
	width:18px;
	background-position:right top;
}
.toolbar .icone a.activer{
	background-position:right bottom;
}
.base{
	padding: 3px 0;
	background: black;
	text-align: center;
	border-bottom: 1px solid #8e8e8e;
}
.base li{
	display: inline;
	padding: 0 5px;
	/*font-family: "BelizioBoldItalic", "Bookman Old Style";*/
	font-size: 1.1em;
	font-weight: bold;
}
.base li a{
	color: #b3b3b3;
}

.crochet_s{
	float:left;
	width:350px;
	margin:0 10px;
}
.crochet_s div p{
	padding: 0 0 0 15px;
	margin-bottom: 5px;
	background: url(../images/f-left.png) no-repeat 0 2px;
	font-size:1.2em;
}
.crochet_s div .lien{
	font-size:1em;
}
.crochet_s div h1{
	font-size:1.6em;
}
.crochet_s div{
	padding:0 12px;
}
.crochet_s .haut{
	height:38px;
	background: url(../images/crochets_s.png) no-repeat top center;
}
.crochet_s .bas{
	height:38px;
	background: url(../images/crochets_s.png) no-repeat bottom center;
}
.espace_perso .middle{
	float:left;
	width:585px;
	margin-left:10px;
}
.espace_perso .lien_autre a , .resultat .lien_autre a{
	color: #B5B5B5;
	font-size:10px;
	font-weight:bold;
}
.espace_perso .lien_autre a:hover, .espace_perso .lien_autre.on a , .resultat .lien_autre a:hover , .resultat .lien_autre a{
	color: #E6007E;
}
.resultat .titre{
	text-decoration: underline;
}
.resultat .description{
	font-size:12px;
	margin: 20px 0;
}
.resultat .ok, .espace_perso .bas .ok, .espace_perso .haut .ok{
	float:right;
	font-size:11px;
	font-weight:bold;
	margin-right:10px;
	margin-top:5px;
}

.resultat .crochet .contenu .ligne{
	font-style: italic;
}
.espace_perso .middle .entete{
	margin:75px 0 10px;
	width:559px;
	text-align:justify;
}
.espace_perso .middle .entete h1{
	font-size:2em;
	margin-bottom:-5px;
}
.espace_perso .middle .entete div img{
	position:relative;
	top:5px;
}
.espace_perso .middle .entete div p {
	display:inline;
	font-size:1.2em;
}
.espace_perso .left , .resultat .left{
	text-align:center;
	width:155px;
	float:left;
	min-height:100px;
}
.espace_perso .crochet, .contact .crochet , .resultat .crochet{
	float:left;
	width:559px;
	margin-bottom:30px;
}
.contact .crochet{
	margin-left:100px;
	margin-top:20px;
}
.espace_perso .crochet .ligne .theme{
	color: #e6007e;
	text-decoration: underline;
}
.espace_perso .crochet .ligne .comm{
	display:inline;
}
.espace_perso .crochet .ligne .url_article{
	text-decoration: underline;
}
.espace_perso .crochet .ligne, .contact .crochet .ligne{
	padding: 0 0 0 15px;
	margin: 0 12px 10px 12px;
	background: url(../images/f-left.png) no-repeat 0 4px;
	font-size:1.2em;
	line-height:20px;
	font-style:italic;
}
.espace_perso .crochet .ligne .enlever_favoris{
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-weight:bold;
}

.espace_perso .crochet div .lien , .resultat .crochet div .lien{
	font-size:1em;
}
.espace_perso .crochet div h1 , .resultat .crochet div h1{
	font-size:1.6em;
}
.espace_perso .crochet .contenu , .resultat .crochet .contenu{
	padding:0 0px;
}
.espace_perso .crochet .contenu .gris, .resultat .crochet .contenu .gris{
	padding:12px 0;
}
.espace_perso .crochet .haut, .contact .crochet .haut , .resultat .crochet .haut{
	font-size:1.2em;
	font-weight:bold;
	height:11px;
	margin-bottom:10px;
	padding:20px 0 0 20px;
	background: url(../images/crochets.png) no-repeat top center;
}
.espace_perso .crochet .haut{
	padding:15px 0 0 12px;
	height:16px;
}
.espace_perso .crochet .haut .lien_autre{
	margin:0 12px;
}
.espace_perso .crochet .haut a{
	font-size:12px;
}
.resultat .crochet .haut{
	font-weight:normal;
	height:18px;
	padding:15px 0 0 12px;
}
.resultat .crochet .haut .ok, .espace_perso .crochet .haut .ok{
	margin-top:0;
}
.resultat .crochet .haut span.titre{
	font-weight:bold;
}
.resultat .crochet .contenu .ligne{
	background:url("../images/f-left.png") no-repeat scroll 0 4px transparent;
	font-size:1.2em;
	font-style:italic;
	line-height:20px;
	margin:0 12px 10px;
	padding:0 0 0 15px;
}
.espace_perso .crochet .bas, .contact .crochet .bas , .resultat .crochet .bas {
	height:31px;
	margin-top:10px;
	background: url(../images/crochets.png) no-repeat bottom center;
}
.espace_perso .crochet .bas span, .contact .crochet .bas span{
	display:block;
}
.espace_perso .crochet .bas span.reponse_formulaire_ok{
	float:left;
	font-size: 12px;
}
.resultat .autres, .espace_perso .crochet .bas .autres, .espace_perso .autres{
	display:none;
}
#form_login {
	margin-bottom:0;
}
#formulaire_recherche li{
	margin-bottom:10px;
	float: left;
	margin-left: 20px;
	width:200px;
	font-size:12px;
}
#formulaire_recherche .ligne .text{
	background:#E5E5E5 none repeat scroll 0 0;
	border:medium none;
	font-style:italic;
	margin:5px 0 5px 20px;
	padding:4px;
}
.other #formulaire_recherche .ok{
	font-size: 12px;
}
#formulaire_contact .other{
	width:500px;
}
#formulaire_compte .reponse_formulaire_ok {
	margin-left: 15px;
}
#formulaire_compte .bas .submit, #formulaire_inscription  .submit, #formulaire_contact .submit{
	background:transparent none repeat scroll 0 0;
	border:0 none;
	float:right;
	font-size:12px;
	font-weight:bold;
	margin-right:10px;
}
#formulaire_compte .contenu .textarea, #formulaire_contact .other .textarea{
	border:0 none;
	width:485px;
	font-size:0.9em;
	padding:5px;
	height:100px;
	font-family:inherit;
}
#formulaire_compte .contenu .text,#formulaire_inscription .other .text,#formulaire_contact .other .text {
	border:0 none;
	width:250px;
	font-size:1em;
	padding:5px;
}
.erreur_message{
	color:red;
	font-style:normal;
}
#formulaire_compte .contenu .gris .ligne,.other .ligne{
	font-style:normal;
}
#formulaire_compte .contenu  .file{
}
#formulaire_compte .contenu .choix, .other .choix{
	font-size:12px;
	margin-left:10px;
	margin-top:5px;
} 
#formulaire_compte .contenu .choix span{
	display:block;
	float:left;
	margin-left:5px;
	margin-top:1px;
}
#formulaire_compte .contenu .choix input{
	float:left;
}	
#formulaire_compte .contenu .choix{
	font-size:12px;
	margin:15px;
} 

#formulaire_compte .contenu .choix_perso {
	font-size:12px;
	margin-top:5px;
} 


#formulaire_compte .contenu .smalltext, .other .smalltext{
	display:block;
	font-style:italic;
	margin-bottom:10px;
	margin-left:26px;
	margin-right:26px;
}
.other .ligne{
	margin-left:10px;
	margin-top:10px;
	font-size:12px;
	font-style:normal;
}
.other .text, .other .textarea{
	background: #E5E5E5;
}
.other select{
	background:#E5E5E5;
	border:0 none;
}
#formulaire_inscription h2 span{
	font-weight:bold;
	line-height:20px;
	padding:2px;
}
.image-media {
	float:left;
	margin:10px;
}
.presentation, .envoyer{
	text-align: left;
	margin:10px;
}
.presentation .bouton{
	font-size:1.3em;
	font-weight:bold;
	margin-top:20px;
	text-align:center;
}

/* plan du site */
.plan{
	margin-top:18px;
	margin-bottom:30px;
	font-size:1.2em;
	font-weight:bold;
	margin-top:18px;
}
.plan .left{
	float:left;
	width:124px;
	margin: 25px 25px 0 10px;
}
.plan .middle{
	float:left;
	width:310px;
}
.plan .right{
	float:left;
	width:280px;
}
.plan .crochets{
	width:124px;
	height:80px;
	text-align:center;
	line-height:80px;
	background: url('../images/plan_crochets.jpg') no-repeat left top;
}
.plan li{
	height:55px;
	line-height:55px;
	padding-left:50px;
}
.plan li.haut{
	background: url('../images/plan_haut.png') no-repeat left top;
}
.plan li.normal{
	background: url('../images/plan_normal.png') no-repeat left top;
}
.plan li.suite{
	background: url('../images/plan_suite.png') no-repeat left top;
}
.plan li.bas{
	background: url('../images/plan_bas.png') no-repeat left top;
}

/* popup login*/
.popup {
	width:479px;
	text-align:center;
	padding: 25px 12px;
	margin:50px auto;
}
.popup h1{
	font-size:1.4em;
	font-weight: bold;
	font-family:'Lucida Console',Monaco,monospace;
}
.popup h2{
	padding:0;
}
.popup .left{
	float:left;
	width:230px;
}
.popup .left .blanc{
	height:150px;
	text-align:left;
}
.popup .left .blanc #formulaire_login ul{
	margin:0 15px;
	padding:0;
}
.popup .left .blanc #formulaire_login .text, .popup .left .blanc #formulaire_login .password{
	width: 190px
}
.popup .blanc  .ok{
	font-size:12px;
}
.popup .right{
	float:left;
	width:230px;
	margin-left: 15px;
	padding-top:108px;
}
.popup .right .blanc{
	height:42px;
	text-align:center;
	line-height:50px;
	font-size:1.1em;
}
.popup .blanc{
	background: white;
	margin-top:10px;
}
.popup .fermer{
	font-weight:bold;
	position:absolute;
	right:7px;
	top:7px;
}
.popup .checkbox_souvenir, .popup  .bouton_inscrire{
	display: none;
}
.popup .pass{
	margin:0 0 15px;
}
/* popup rss*/

.rssbox{
	width:352px;
	padding:14px;
}
.rssbox h2{
	margin-top:10px;
}
.rssbox h3{
	background: none;
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.rssbox .blanc{
	padding:10px;
	text-align:left;
}
.rssbox li{
	font-size:12px;
	font-style:italic;
	margin:10px;
}
/* popup player_photo*/
.popup_player{
	margin:50px auto;
	background: black;
	padding: 10px;
	text-align:left;
	color:white;
	font-size: 12px;
	width:720px;
}



#formulaire_glossaire{
	margin-top:10px;
}
#formulaire_glossaire .left{
	float:left;
	margin-right:10px;
	padding-top:5px;
	text-align:left;
}
#formulaire_glossaire .left a{
	font-style:italic;
	padding:4px;
	text-decoration:underline;
	font-weight:normal;
	color: black;
}
#formulaire_glossaire .right{
	float:right;
	margin-right:10px;
	text-align:right;
	width:150px;
}
#formulaire_glossaire .right .ok{
	margin-top: 5px;
	font-size:12px;
}
#formulaire_glossaire .right #recherche{
	border:medium none;
	padding:3px;
	font-style: italic;
}
#lucarne{
	position:absolute;
	background: url(../images/blanc_transparent) repeat;
	z-index: 10000;
	text-align:center;
}

#verification_commentaire{
	display:none;
}

.emedia .titre{
	padding-left:10px;
	vertical-align:bottom;
	font-family:"Lucida Sans","Courier";
}
.emedia .titre h5{
	height: auto;	
}
.emedia .image img{
	max-width:200px;
}
.spip-admin-bloc{ position: absolute; right: 20px; top: 0; background-color: transparent; z-index: 100;}
a.spip-admin-boutons { border-top: 1px solid #cecece; border-bottom: 2px solid #4A4A4A; border-left: 1px solid #cecece; border-right: 1px solid #cecece; text-decoration: none; text-align: center; margin: 0; padding: 1px .5em; font-family: helvetica,arial, sans-serif; font-size: 10px; font-weight: bold; background-color: #fff; color: #0C479D; }
a:hover.spip-admin-boutons { background-color: #fc3; border-bottom: 2px solid #36F; }
a:active.spip-admin-boutons { background-color: #ccc; border-bottom: 2px solid #f00; }


.vignette{
	position:relative;
	width:200px;
	display: block;
	text-align:center;
}
.vignette .masque{
	/*background: url("../images/bg_vignette.png") repeat;*/
	position: absolute;
	height: 100%;
	width: 100%;
	top:0px;
	left:0px;
	line-height:190px;
	text-align:center;
}
.vignette .masque img{
	opacity:0.7;
	filter : alpha(opacity=70); 
}
.vignette:hover .masque img{
	opacity:1;
	filter : alpha(opacity=100); 
}
.vignette-powerpoint .masque img{
	right:5px;
	position:absolute;
	top:5px;
}
.vignette-image .masque img{
	left:88px;
	position:absolute;
	bottom:10px;
}
.vignette-video .masque img{
	left:85px;
	position:absolute;
	top:40%;
}
#legende{
	bottom:-22px;
	color:#DDDDDD;
	display:block;
	font-size:12px;
	font-weight:bold;
	left:5px;
	position:absolute;
}
#tooltip{
	color:#DDDDDD;
	z-index: 2000;
	position:absolute;
	border: 1px solid #777777;
	background : #000000;
}