/* ### FPP.fr ###*/
/* ### SCREEN stylesheet ###*/
/* ### Esprit Public - 2009 ### */
/* ### Guillaume DAILLIER ### */



/* ###################### SOMMAIRE ###################### */
/* $1. Balises de base */
/* $2. Styles de formulaires */
/* $3. Blocs de mise en page */
/* $4. Menu principal */
/* $5. Sous-menus : niveaux 2 et 3 */
/* $6. Menu pratique et menu bas de page */
/* $7. Contenu principal */
/* $8. Contenu contextuel */
/* $9. Contenu Accueil */
/* ###################################################### */



/* ###################### $1. Balises de base ###################### */
@import url(reset.css);





body {
	font-family:"Arial",sans-serif;
	font-size:75%;
	line-height:1.4em;
	color:#555;
	height: 100%;
}


a {
	/*color:#0066CC;*/
	color:inherit;
	text-decoration:underline;
	/*font-weight:bold;*/
}

a:hover {
	color:#ED2999;
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

big {
	font-size:1.7em;
	font-weight:bold;
}

sub {
	font-size:0.8em;
	position:relative;
	top:0.3em;
}

sup {
	font-size:0.8em;
	position:relative;
	top:-0.3em;
}

h1,h2,h3,h4,h5,h6 {
	clear:both;
}

h1 {
	font-size:36px;
	font-weight:bold;
	line-height:1em;
	color:#ED2999;
	padding:0 0 8px 0;
	margin:10px 0 30px 0;
}


h2 {
	color:#ED2999;
	font-size:1.37em;
	font-weight:bold;
	margin:30px 0 15px 0;
	line-height:1em;
}

h3 {
	font-size:1.09em;
	font-weight:bold;
	color:#ED2999;
	margin:5px 0 5px 0;
	padding: 0 0 0 0px;
}

h4 {
	font-size:1em;
	color:#ED2999;
	margin:0 0 0px 0;
}

p {
	margin:0 0 10px 0;
	padding:0;
}

img {
}

img.imgRight{
	float:right;
	margin:0 0 5px 10px;
}

img.imgLeft {
	float:left;
	margin:0 0 5px 10px;
}

ul {
	padding:0;
	margin:0 0  0 0;
}

li {
	padding:2px 0 2px 20px;
	margin:0;
}



li li{
	padding:0 0 0 20px;
	margin:0;
}


ul ul {
	padding:0;
	margin:5px 0 5px 0;
}

hr {
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-top:1px solid #E3E3CE;
}


blockquote {
	display:block;
	float:right;
	width:200px;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.3em;
	text-align:right;
	color:#f9810e;
	padding:0 90px 0 0;
	margin:10px 0 5px 5px;
}

table {
	width:100%;
	margin:10px 0 15px 0;
	margin-bottom:25px;
	border-collapse:collapse;
}

table td, table th {
	font-size:0.9em;
	padding:10px;
	vertical-align:baseline;
	border:1px solid #F5840D;
}

table th {
	font-size:1em;
	text-align:left;
	font-weight:bold;
	color:#900;
}

caption {
	display:none;
}

.noDisplay {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.stopFloat {
	clear:both;
}

.stopFloat:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.stopFloat {display: block;}


/* ###################### $2. Styles de formulaires ###################### */

form {
	overflow:auto;
}

fieldset {
	border:0;
}

legend {
	/* display:none; */
}

label {
	display:block;
	float:left;
	width:15em;
	color:#666;
	font-size:0.8em;
	font-weight:normal;
	text-align:right;
	padding:3px 0 1px 0;
	margin:0 10px 0 0;
}

input, select, textarea {
	padding:2px 2px;
	font-size:1em;
	width:18em;
	margin:2px 0 2px 0;
	vertical-align:middle;
	border:1px solid #999999;
	color:#9E9B83;
}

input:hover, select:hover, textarea:hover {
	border:1px solid #FF9900;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #FF9900;
}

textarea {
	width:255px;
	height:100px;
	font-family:"Trebuchet MS",sans-serif;
	font-size:1em;
}

form p {
	margin: 0 0 2px 0;
}

.btSubmit {
	width:100%;
	overflow:auto;
	cursor:pointer;
}

input[type=text], select {
	width:180px;
}

input[type=radio], input[type=checkbox] {
	border:0;
}

.submit {
	float:right;
	border:none;
	background:#F3961A;
	color:#FFF;
	font-weight:bold;
	width:auto;
	cursor:pointer;	
}

.submit:hover {
	background:#D5D800;
	border:none;
}


.required {
	font-size:0.9em;
	color:#CC0000;
}

#blocFormContrib {
	background:#FF9900 url(../img/bgblocFormContrib.gif) no-repeat;
	width:306px;
	color:#FFF;
	padding:20px 3px 0 14px;
}

#blocFormContrib .btSubmit, #blocFormContrib #sendbutton {
	z-index:25;
	position:relative;
}

#blocFormContribBot {
	width:323px;
	height:73px;
	position:relative;
	z-index:20;
	margin-top:-10px;
	background:url(../img/bgblocFormContribBot.gif) no-repeat;
}

/* ###################### $3. Blocs de mise en page ###################### */

#page {
	overflow:hidden;
	width:1000px;
	position:relative;
	top:0;
}

#header {
	width:807px;
	height:227px;
	background:url(../img/bgHeader.gif) no-repeat;
	float:right;
}

#colGauche {
	width:508px; 
	padding:0 0 0 41px;
	float:left;
}
#contribuer #colGauche {
	margin-top:-70px;
	width:574px;
	padding:0 0 0 12px;
}
#accueil #colGauche {
	margin-top:-70px;
	width:508px; 
	padding:0 0 0 41px;
}
#accueil #colDroite {
	margin-top:-40px;
	width:428px;
	padding:0 0 0 23px;
}

#colDroite{
	width:419px;
	float:right;
}
#contribuer #colDroite {
	width:402px;
	margin-top:-27px;
}

#colBas {
	float:left;
	width:990px;
	padding:0 0 0 10px;
	position:relative;
}

#accueil #colBas {
	margin-top:-15px;
}

#footer {
	height:134px;
	width:823px;
	overflow:hidden;
	clear:both;
    position:relative;
	margin-left:15px;
	background:url(../img/bgFooter.gif) no-repeat bottom left;
}



/* ###################### $4. Menu principal ###################### */

#menu ul {
	float:right;
	color:#FFF;
	margin:115px 10px 0 0;
	font-size:1em;
	font-weight:bold;
}

#menu li {
	float:left;
	padding:0;	
}

#menu a {
	color:#eee;
	padding:0 10px;
	border-right:1px solid #FFF;
	text-decoration:none;
}

#menu a:hover {
	color:#FFF;
}


/* ###################### $6. Menu pratique et menu bas de page ###################### */

#footer {
	padding:20px 0 0 20px;
}
#footer ul  {
	float:right;
	margin:75px 150px 0 0;
}
#footer li {
	float:left;
	padding:0 5px;
}

#footer a {
	color:#aaa;
	font-size:0.85em;
	float:left;
	text-decoration:none;
}

#footer a:hover {
	color:#777;
}

#footer img {
	margin:10px 15px 0 0;
	float:left;
}

/* ###################### $8. Contenu contextuel ###################### */

.home {
	display:block;
	width:300px;
	float:left;
	height:160px;
}

.home img {
	display:none;
}


.pink {
	color:#ED2999;
}

.bleu {
	color:#0066CC;
}

#video {
	width:494px;
	position:relative;
	padding:80px 0 0 14px;
	background:url(../img/bgVideo.gif) no-repeat;
}

.ami #video {
	background:url(../img/bgVideoAmi.gif) no-repeat;
}

#videoBot {
	width:508px;
	height:21px;
	background:url(../img/bgVideoBot.gif) no-repeat;
}

.videoReply  {
	position:absolute;
	top:57px;
	left:35px;
	width:402px;
}

.videoReply h1 {
	font-size:1.5em;
	color:#FFF;
	margin:0;
	padding:0;
	float:left;
}

.videoReply ul {
	float:right;
	font-size:0.92em;
	display:none;
}

.videoReply li {
	float:left;
	color:#FFF;
	font-weight:bold;
}

.videoReply a{
	color:#FFF;
	text-decoration:none;
}

.et {
	width:14px;
	height:14px;
	float:left;
	background:url(../img/btetoileOff.gif) no-repeat;
	cursor:default;
}

.videoReply .active {
	background:url(../img/btetoileOn.gif) no-repeat;
	cursor:default;
}

#contribuer #blocContrib {
	width:550px;
	padding:45px 12px 0 12px;
	overflow:auto;
	background:url(../img/bgContrib2.gif) no-repeat;
	position:relative;
}

*+ html #contribuer #blocContrib {
	overflow:hidden;
}

#contribuer #blocContribBot {
	background:transparent url(../img/bgContribBot2.gif) no-repeat scroll 0 0;
	height:21px;
	width:574px;
}

.contributeur {
 width:90px;
}

#contribuer .infoContrib h3 {
	font-size:1.34em;
	margin:0 0 7px 0;	
	color:#ED2999;
}

.infoContrib {
	width:420px;
	padding-left:15px;
}

.infoContrib, .contributeur {
	float:left;
}

.paginationBt, .pagination {
	position:absolute;
}

.bulle {
	position:relative;
	padding:15px 0 0 15px;
	float:left;
	width:97%;
	background:url(../img/bgBulle.gif) no-repeat;
}

.bulle li {
	float:left;
	width:25%;
	padding:0;
}

.action {
	color:#0066CC;
}

.action a{
	text-decoration:underline;
}

.pagination{
	top:28px;
	right:100px;
	color:#FFF;
	font-size:0.75em;
	padding-left:13px;
	background:#ED2999 url(../img/bgNavLeft.gif) no-repeat left;
}

.pagination ul {
	padding-right:18px;
	line-height:13px;
	background:#ED2999 url(../img/bgNavRight.gif) no-repeat right;
}

.pagination a {
	color:#FFF;
	display:none;
}

.paginationBt {
	top:31px;
	right:30px;
}

.paginationBt ul, .pagination ul {
	float:left;
}

.paginationBt li, .pagination li {
	float:left;
	padding:0 0 0 5px;
}

.paginationBt a {
	width:7px;
	height:8px;
	display:block;
}

.paginationBt .suiv {
	background:url(../img/btSuiv.gif) no-repeat 5px 0px;
	border-left:1px solid #FFF;
	padding-left:5px;
}

.paginationBt .prec {
	background:url(../img/btPrec.gif) no-repeat;
}

#contribuer #blocContrib .contrib {
	width:527px;
	float:left;
	margin:10px 0 0 4px;
	padding:12px 8px;
	background:#EAEBEB url(../img/bgContribTop.gif) no-repeat top left;
}

#contribuer #blocContrib .contribBot {
	width:543px;
	height:9px;
	margin:0 0 0 4px;
	float:left;
	font-size:0;
	background:#EAEBEB url(../img/bgContribBot.gif) no-repeat top left;
}

#contribuer #blocContrib .contrib img {
	border:1px solid #B9D3FE;
}

#contribuer #blocContrib .contrib span {
	width:10px;
	margin:0;
	padding:0px;
	background:none;
}

#contribuer #blocContrib .contrib p {
	overflow:auto;
	width:507px;
	float:left;
	padding:10px 10px 0 10px;
}

#contribuer #blocContrib .contrib span.pink {
	margin-right:3px;
	display:inline;
	color:#ED2999;
}

#contribuer  #blocContrib .contrib div.reply {
	width:78px;
	margin:0px;
	height:13px;
	line-height:10px;
	font-size:0.8em;
	font-weight:bold;
	padding:5px;
	background:none;
	position:absolute;
	top:0;
	border:none;
	right:20px;
}

#contribuer  #blocContrib .infoContrib ul  li {
	float:left;
	padding:0;
	font-size:0.75em;
}

#contribuer  #blocContrib .infoContrib ul  li span.pink{
	font-size:1em;
}

#contribuer  #blocContrib .infoContrib ul  li.small {
	font-size:0.68em;
}

#contribuer #blocContrib .infoContrib .action  li {
	padding:0 10px 0 0;
}

.contrib .et {
	background:url(../img/btetoileOff2.gif) no-repeat;
	cursor:pointer;
}

.contrib .active {
	background:url(../img/btetoileOn2.gif) no-repeat;
	cursor:default;
}

.contrib span {
	width:78px;
	margin:0px auto;
	display:block;
	padding:5px;
	background:url(../img/bgContribPerso.gif) no-repeat top;
}

.contrib div.reply {
	width:78px;
	margin:0px auto;
	height:30px;
	line-height:10px;
	font-size:0.7em;
	font-weight:bold;
	padding:5px;
	background:url(../img/bgContribPersoBot.gif) no-repeat top;
}

.contribution input, #cformsform input {
	width:55%;
}

.contribution label, #cformsform label {
	width:33%;
}

#blocFormContrib h3 , #blocFormContrib p {
	padding:5px 10px;
}

#blocFormContrib h3 {
	color:#047BA0;
}

html:not([lang*=""]) form.contribution .coordonnees, html:not([lang*=""]) form#cformsform .cf-fs1 {
	padding:20px 0 30px 0;
	height:215px;
	background:url(../img/bgFieldcoord.gif) no-repeat 0 5px;
}

*+html form.contribution .coordonnees, *+html form#cformsform .cf-fs1 {
	padding:20px 0 30px 0;
	height:215px;
	background:url(../img/bgFieldcoord.gif) no-repeat 0 5px;
}

form.contribution .coordonnees, form#cformsform .cf-fs1 {
	padding:35px 0 30px 0;
	position:relative;
	width:306px;
	height:215px;
	background:url(../img/bgFieldcoord.gif) no-repeat 0 13px;
}

*+html form.contribution .coordonnees legend {
	padding:0;
}

*+html form.contribution .coordonnees, form#cformsform .cf-fs1 {
	padding:31px 0 25px 0;
}

*+html form.contribution fieldset {
	margin-bottom:10px;
}

html:not([lang*=""]) form.contribution .histoire, html:not([lang*=""]) form#cformsform .cf-fs2 {
	background:url(../img/bgFieldhist.gif) no-repeat 0 5px;
	padding:10px 0 25px 25px;
}

*+html form.contribution .histoire, *+html form#cformsform .cf-fs2 {
	background:url(../img/bgFieldhist.gif) no-repeat 0 5px;
	padding:18px 0 25px 25px;
}

form.contribution .histoire, form#cformsform .cf-fs2  {
	padding:25px 0 25px 25px;
	position:relative;
	background:url(../img/bgFieldhist.gif) no-repeat 0 13px;
}

html:not([lang*=""]) form.contribution .fichier, html:not([lang*=""]) form#cformsform .cf-fs3{
	/*padding:10px 0 25px 25px;*/
	padding:0 0 10px 0;
	
	position:relative;
	background:url(../img/bgFieldupload.gif) no-repeat 0 5px;
}

*+html form.contribution .fichier, *+html form#cformsform .cf-fs3 {
	padding:13px 0 25px 0px;
	position:relative;
	background:url(../img/bgFieldupload.gif) no-repeat 0 5px;
}

*+html form#cformsform .cf-fs4{
	padding:10px 0 0 0px;
	position:relative;
}

form.contribution .fichier, form#cformsform .cf-fs3 {
	padding:21px 0 25px 25px;
	position:relative;
	background:url(../img/bgFieldupload.gif) no-repeat 0 13px;
}

#blocFormContrib form.contribution .fichier p, #blocFormContrib form#cformsform .cf-fs3 p {
	color:#FF9900;
	font-weight:normal;
	font-size:0.84em;
	line-height:11px;
	padding:0;
}

form.contribution .fichier a  {
	color:#FF9900;
}

form.contribution #upload {
	width:260px;
	border:none;
}

*+html .contribution legend, *+html form#cformsform legend {
	padding:0 0 0 0px;
}

html:not([lang*=""]) .contribution legend, html:not([lang*=""]) form#cformsform legend {
	padding:0 0 0 0px;
}

html:not([lang*=""]) form#cformsform .cf-fs1 legend {
	padding:0 0 0 25px;
}

html:not([lang*=""]) form.contribution .coordonnees legend, html:not([lang*=""]) form.contribution form#cformsform legend {
	padding:0 0 0 25px;
}

.contribution legend, form#cformsform legend{
	position:absolute;
	top:0px;
	/*padding:0 0 0 30px;*/
	padding:0;
	display:block;	
	color:#047BA0;
	font-weight:bold;
	left:0px;
}

*+html .contribution legend, *+html form#cformsform legend{
	position:absolute;
	top:-9px;
	display:block;	
	color:#047BA0;
	font-weight:bold;
	left:30px;
}

.contribution .btSubmit, #blocFormContrib #sendbutton{
	width:160px;
	height:40px;
	border:none;
	float:right;
	margin-right:20px;
	background:url(../img/btSubmit.gif) no-repeat;
}

#cforms2form {
	margin-top:20px;
}

#sendbutton2 {
	color:#fff;
	font-weight:bold;
	padding:3px 0 5px 0;
	margin-left:220px;
	background:#ED2999;
	border:0;
	cursor:pointer;
}

.reqtxt, .emailreqtxt {
	color:#ED2999;
}

#partager {
	width:287px;
	height:105px;
	background:url(../img/bgPartager.gif) no-repeat;
	padding:30px 30px 5px 30px;
	/* overflow:auto; */
}

#partagerBot {
	width:347px;
	height:75px;
	background:url(../img/bgPartagerBot.gif) no-repeat;
}

#partager li {
	width:50%;
	padding:2px 0;
	float:left;
}

#partager a {
	padding:0 0 0 20px;
	font-weight:normal;
	color:#4C4C4C;
	text-decoration:none;
}

#partager a.adresse {
	background:url(../img/picAdresse.gif) no-repeat;
}

#partager a.digg {
	background:url(../img/picDigg.gif) no-repeat;
}

#partager a.myspace {
	background:url(../img/picMyspace.gif) no-repeat;
}

#partager a.facebook {
	background:url(../img/picFacebook.gif) no-repeat;
}

#partager a.yahoo {
	background:url(../img/picYahoo.gif) no-repeat;
}

#partager a.twitter {
	background:url(../img/picTwitter.gif) no-repeat;
}

#partager a.favoris {
	background:url(../img/picFavoris.gif) no-repeat;
}

#partager a.delicious {
	background:url(../img/picDelicious.gif) no-repeat;
}

#partager a.google	 {
	background:url(../img/picGoogle.gif) no-repeat;
}

#partager a.live {
	background:url(../img/picLive.gif) no-repeat;
}

#partager a.stumble {
	background:url(../img/picStumble.gif) no-repeat;
}

#envoyer {
	width:226px;
	height:72px;
	padding:32px 0 0 50px;
	margin:-30px 0 -10px 20px;
	background:url(../img/bgEnvoyer.gif) no-repeat;
}

form.ami legend, form.ami label  {
	display:none;
}

form.ami input{
	width:64%;
	float:left;
	margin-right:10px;
}

form.ami input.btSubmit{
	width:33px;
	height:19px;
	margin-top:3px;
	border:none;
	background:url(../img/btEnvoyer.gif) no-repeat;
}

#notation {
	width:310px;
	height:34px;
	margin:-25px 0 0 -35px;	
	padding:48px 0 0 214px;
	background:url(../img/bgNotation.gif) no-repeat;
}

#notation .et {
	width:21px;
	height:21px;
	float:left;
	background:url(../img/btnotOff.gif) no-repeat;
}

#notation .active, #notation .et:hover {
	background:url(../img/btnotOn.gif) no-repeat;
}

#notation span {
	float:left;
	margin:2px 10px 0 0 ;
	color:#666;
}

#monHitoire {
	background:url(../img/bgCommentaire.gif) no-repeat;
	width:522px;
	margin:-26px 0 0 0;
	padding:75px 5px 0 5px;
}

#monHitoireBot {
	width:532px;
	height:18px;
	position:relative;
	z-index:30;
	margin-top:-15px;
	background:url(../img/bgCommentaireBot.gif) no-repeat;
}

.putHistoire legend {
	display:none;
}

.putHistoire label {
	text-align:left;
}

.putHistoire fieldset.coordonnees input {
	width:80%;
}

.putHistoire textarea {
	width:295px;
}

.putHistoire fieldset.coordonnees, .putHistoire fieldset.histoire  {
	height:141px;
	float:left;
}

.putHistoire fieldset.action{
	float:left;
	width:100%;
}

.putHistoire .btSubmit {
	width:129px;
	height:42px;
	border:none;
	float:right;
	position:relative;
	z-index:35;
	margin:5px 20px 5px 0;
	background:url(../img/btSubmitEnvoi.gif) no-repeat;
}

.putHistoire fieldset.coordonnees {
	width:195px;
	padding:10px 0 0 10px;
	background:url(../img/bgMonhistoire.gif) no-repeat left;
}

.putHistoire fieldset.histoire {
	width:315px;
	padding:10px 0 0 0;
	background:url(../img/bgMonhistoire.gif) no-repeat right;
}

#lesHistoires {
	width:559px;
	margin-top:-25px;
	padding:47px 0 0 15px;
	background:url(../img/bgLeshistoires.gif) no-repeat;
}

#lesHistoiresBot {
	width:574px;
	height:20px;
	position:relative;
	z-index:40;
	margin-top:-7px;
	background:url(../img/bgLeshistoiresBot.gif) no-repeat;
}

.histoirePerso {
	width:497px;
	margin-top:10px;
	padding:17px 23px 5px 23px;
	background:url(../img/bgHistoirePerso.gif) no-repeat;
}

.histoirePerso span {
	width:100%;
	display:block;
	font-weight:bold;
}

.histoirePerso span.bleu {
	font-size:0.92em;
}

.histoirePerso span.pink {
	font-size:0.75em;
}

.histoirePersoBot {
	width:543px;
	height:9px;
	font-size:0;
	display:block;
	position:relative;
	z-index:45;
	background:url(../img/bgHistoirePersoBot.gif) no-repeat;
}

.cform ol {
	padding:0;
	margin:0;
}

div.title_rating {
	float:right;
	/*width:100px;*/
	text-align:right;
}

/* ###################### $9. Contenu Accueil ###################### */

#blocBienvenue {
	width:274px;
	padding:32px 32px 10px 32px;
	background:url(../img/bgBienvenue.gif) no-repeat top;
}

#blocBienvenue h1 {
	font-size:1em;
	color:#047BA0;
	margin:0 0 10px 0;
}

#blocBienvenueBot {
	width:338px;
	height:51px;
	background:url(../img/bgBienvenueBot.gif) no-repeat;
}

#blocJouer {
	display:none;
}

#accueil #blocJouer {
	width:326px;
	height:160px;
	display:block;
	cursor:pointer;
	margin:-20px 0 20px 10px;
	background:url(../img/bgGagnants.gif) no-repeat;
}

#accueil #blocJouer {
	margin:-20px 0 0 10px;
}

#accueil #blocContrib {
	width:692px;
	padding:65px 12px 0 12px;
	margin-top:-30px;
	height:400px;
	position:relative;
	/* overflow:auto; */
	background:url(../img/bgContrib.gif) no-repeat;
}

*+html #accueil #blocContrib {
	height:410px;
}

#blocContribBot {
	width:716px;
	height:21px;
	background:url(../img/bgContribBot3.gif) no-repeat;
}

.ami .contrib {
	width:224px;
	height:90px;
	float:left;
	margin:0 0 0 50px;
	padding:10px 10px 10px 0;
	background:url(../img/bgContribAmi.gif) no-repeat;
}

.ami .contrib a.imgContrib {
	float:right;
}

.ami .contrib .infoContrib {
	float:left;
	width:115px;
	padding-left:10px;
}

.ami .contrib h3 {
	color:#ED369E;
	margin-top:0;
	line-height:1em;
	font-size:1em;
}

.ami .contrib .bul  {
	width:96px;
	height:49px;
	padding:5px 10px 0 10px;
	font-size:0.75em;
	line-height:1.3em;
	background:url(../img/bgBul.gif) no-repeat;
}

.ami .contrib .et {
	height:11px;
	width:11px;
}
.ami .contrib span {
	background:none;
	/*display:normal;*/
	margin:0;
	padding:0;
}



div.reply p {
	clear:both;
	display:none;
}

.ami .contrib div.reply p {
	float:right;
}

#blocContrib .contrib {
	width:90px;
	/*height:182px;*/
	float:left;
	margin:0 4px;
	background:none;
}


/*   modfis */ 


 #accueil #blocContrib .contrib {
	width:107px;
	float:left;
	margin:0 4px 20px 4px;
	background:none;
}

#accueil .contrib span {
	width:95px;
	margin:0px auto;
	display:block;
	font-size:0.75em;
	padding:5px;
	background:url(../img/bgContribPerso2.gif) no-repeat top;
}

#blocContrib .contrib div.reply {
	width:95px;
	margin:0px auto;
	height:30px;
	line-height:10px;
	font-size:0.7em;
	border-top:1px solid #D9D9D9;
	font-weight:bold;
	padding:5px;
	background:#FFF url(../img/bgContribPersoBot2.gif) no-repeat bottom;
}

.ami .contrib div.reply {
	background:none;
	font-size:0.89em;
	font-weight:bold;
	height:30px;
	line-height:10px;
	margin:0 auto;
	padding:5px 0 0 0px;
	width:auto;
}

#accueil #blocContrib .contrib img {
	width:105px;
	height:82px;
} 

/*   fin modfis */ 

#blocContrib .contrib h3 {
	font-size:0.92em;
}

#accueil #blocContrib .contrib h3 {
	height:34px;
}

#blocContrib .contrib img {
	border:1px solid #B9D3FE;
}

#blocContrib .contrib .et {
	background:url(../img/btetoileOff2.gif) no-repeat;
}

#blocContrib .contrib  .active{
	background:url(../img/btetoileOn2.gif) no-repeat;
}

.contrib span {
	width:78px;
	margin:0px auto;
	display:block;
	font-size:0.75em;
	padding:5px;
	background:url(../img/bgContribPerso.gif) no-repeat top;
}

.contrib div.reply {
	width:78px;
	margin:0px auto;
	height:30px;
	line-height:10px;
	font-size:0.7em;
	border-top:1px solid #D9D9D9;
	font-weight:bold;
	padding:5px;
	background:#FFF url(../img/bgContribPersoBot.gif) no-repeat bottom;
}


#blocBack {
	width:127px;
	position:absolute;
	top:30px;
	font-size:0.92em;
	right:120px;
	padding:30px 0 0 0;
	background:url(../img/bgBack.gif) no-repeat;
}

#blocBack h3 {
	font-size:1em;
}

#blocBack div{
	width:97px;
	padding:0px 15px 63px 15px;
	background:url(../img/bgBackBot.gif) no-repeat bottom;
}

form#cformsform li, form#cformsform .cf-fs3{
  padding:0;
}

form#cformsform .cf-fs3{
  padding:10px 0 10px 0;
}

 p.linklove{
  position:absolute;
  left:0;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;	
}

/* hack seb*/
.entry{
text-align: justify;
}

#li--11 label {
	float:none;
	width:auto;
	text-align:left;
}

.cf-ol li {
	display:block;
	float:none;
}

.cf-ol li a {
	color:#fff;
}

.cf-ol li#li--13 label, .cf-ol li#li--14 label {
	text-align:left;
	width:auto;
	float:none;
	padding-left:20px;
}

#cformsform input.cf-box-b {
	width:auto;
	float:left;
	margin-top:-15px;
}

#li--15 {
	margin:10px 0 10px 0;
}

li#li--15 , li#li--16, li#li--17 {
	font-size:1.4em;
}


#label--22 {
	color:#FF9900;
}

#li--19 label {
	display:none;
}

#notation .post-ratings {
		width:60%;	
}

.all_contribs {
	position:absolute;
	top:20px;
	left:50px;
	display:block;
	width:255px;
	height:24px;
	font-size:0;
	color:#FFF;
}

.all_contribs:hover {
	color:#FFF;
}

form#cformsform .cf-fs3 li {
	float:left;
	position:relative;
	width:100%;
}

#cformsform .cf-fs3 input.cf-box-b {
	margin:3px 5px 0 0;
	float:right;
}

#cformsform .cf-fs3 label {
	width:89%;
	float:right;
	text-align:left;
	color:#FFF;
}

#li--22 label {
	width:15%;
}

*+html #cformsform .cf-fs3 input.cf-box-b {
	float:left;
}

*+html #li--17{
	height:50px;
}

*+html #cformsform .cf-fs3 label {
	float:none;
	position:absolute;
	top:6px;
	left:30px;
}

#li--16, #li--17, #li--18 {
	font-size:1.1em;
}

#li--22 .reqtxt {
	margin-left:40px;
}

.cf-fs3 legend {
	display:none;
}