@charset "utf-8";
/* PAGE DE FORMULAIRE */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bkg-expand.gif) repeat-x;
	font-size:10px;
	color:#505050;
	width:100%;
	margin:0;
	padding:0;
}
a:link, a:active, a:visited {
	color:#009ee0;
	text-decoration:underline;
}
a:hover {
	color:#0f3a5f;
	text-decoration:underline;
}
p {
	margin:0;
	pading:0
}
img {
	border:0;
	behavior: url("js/iepngfix.htc")
}
h3, h2 {
	margin:0;
	pading:0;
}
/* Général */


#global {
	margin:0px auto 0 auto;
	width: 960px;
	position:relative;
	margin-top:-1px
}

/* Header */
#header {
	width: 960px;
	background:url(../images/bkg-header.gif) repeat-x;
	float:left;
	margin-bottom:28px;
	padding:0
}
#citation {
	width: 436px;
	height:73px;
	position:absolute;
	left: 397px;
	top: 91px;
}
#menuHeader {
	width: 220px;
	height:28px;
	position:absolute;
	left: 762px;
	top: 5px;
}
#menuHeader img {
	margin-left:5px
}
/* ColGauche */
#colGauche {
	width:524px;
	padding-left:29px;
	float:left;
}
/* CadreGauche */
.blocGauche .commentaireTop img {
	padding:0 0 20px 0;
	display:block
}
.flashContent {
	float:left;
	margin-top:12px;
}
.blocGauche {
	float:left;
	width:478px;
	position:relative;
	background-color:#fffbfb;
	border: 1px solid #c8c8c8;
	padding:20px 20px 20px 20px;
	margin-bottom:10px;
}
.date {
	float:right;
	background-color:#3a6c91;
	width:120px;
	height:18px;
	padding-top:4px;
	text-align:center;
	color:#FFFFFF;
	font-size:10px
}
.titre {
	float:left;
	width: 330px;
	color:#505050;
	font-size:21px;
	font-weight:bold;
}
.commentaire {
	float:left;
	padding:20px 0 20px 0;
	width:480px;
}
.commentaireTop {
	float:left;
	padding:20px 0 0 0;
	width:480px;
}
.lienFacebook {
	padding-top:10px;
	float:right;
	width:200px;
	text-align:right
}
.btPartager {
	float:left;
}
/* SousMenu Facebook */
#sousMenu1, #sousMenu2, #sousMenu3, #sousMenu4, #sousMenu5 {
	width:478px;
	background-color:#fff;
	border: 1px solid #c8c8c8;
	float:left;
	border-top:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	border-bottom:none;
}
#sousMenu4, #sousMenu3 {
	height:35px;
}
.sousMenu input {
	border:1px solid #e4e4e4;
	height:15px;
	width:340px;
	color:#8c8b8b;
	font-size:10px;
	margin:10px 0 0 120px
}
.sousMenu {
	background:url(../images/integrer-site.gif) no-repeat;
	width:478px;
	height:40px
}
/* ColDroite */
#colDroite {
	float:left;
	width:302px;
	margin-left:60px
}
*html .cadreGris {
	float:none;
}
.cadreGris {
	float:left;
	width:300px;
	background-color:#fffbfb;
	border: 1px solid #c8c8c8;
	margin:0 0 10px 0;
}
/* Bloc1 */
#communaute {
	float:left;
	width:278px;
	height:30px;
	background-color:#e9edf0;
	margin:1px;
	padding:0 0 15px 20px
}
#communaute .icones {
	padding:15px 0 0 15px
}
/* Bloc2-LOGIN */
#connection {
	float:left;
	height:161px;
	background-color:#e9edf0;
	margin:1px;
}
*:first-child+html #connection {
	height:200px;
}
#connection img {
	margin-bottom:12px
}
#connection input {
	width:245px;
	margin:0 0 10px 20px;
	border:1px solid #e4e4e4;
	height:18px;
	color:#505050;
	font-size:10px;
	padding-top:5px;
	padding-left:10px
}
#connection .erreur {
	width:245px;
	color:#cd1815;
	position:absolute;
	top:394px;
	left:637px
}
* html #connection .erreur {
	top:420px;
}
*:first-child+html #connection .erreur {
	top:425px;
}
#connection .mdpPerdu {
	float:left;
	padding:25px 0 0 22px
}
#connection .btValider {
	float:right;
	margin:15px 21px 0 0
}
*html #connection .mdpPerdu {
	padding:20px 0 0 22px
}
*+html #connection .mdpPerdu {
	padding:20px 0 0 22px
}
/* Bloc2-LOGIN */
#login {
	float:left;
	height:105px;
	background-color:#f6e84c;
	margin:1px;
}
#login p {
	display:inline;
	color:#22282b;
	font-size:11px;
}
.loginMarge {
	padding:20px 0 0 15px
}
.btPerso {
	float:right;
	padding:12px 20px 0 0
}
.deconnection {
	float:left;
	padding:18px 0 0 18px;
	display:block
}
.monScore {
	display:block
}
/* Bloc4-MODULE FACEBOOK */

#moduleFacebook {
	float:left;
	width:300px;
	margin:0 0 10px 0;
}
/* ENVOYER A UN AMI*/
#envoyerAmi1, #envoyerAmi2, #envoyerAmi3, #envoyerAmi4, #envoyerAmi5 {
	position:absolute;
	z-index:1000;
	left:50px;
	float:left;
	top:17px;
	left:20px;
	width:476px;
	/*height:580;*/
	background-color:#fffbfb;
	border: 1px solid #c8c8c8;
	padding:1px;
}
*html #envoyerAmi4 .footerAmi {
	height:110px !important;
}
#envoyerAmi1 input, #envoyerAmi2 input, #envoyerAmi3 input, #envoyerAmi4 input, #envoyerAmi5 input {
	display:inline;
	width:162px;
	margin:0 20px 0 0;
	border:1px solid #e4e4e4;
	height:15px;
	color:#505050;
	font-size:10px;
	padding-left:10px;
}
.emailVous {
	float:left;
	background-color:#e9edf0;
	width:451px;
	height:30px;
	padding:15px 0 0 25px;
	margin-bottom:1px;
}
.emailAmi {
	float:left;
	background-color:#e9edf0;
	width:451px;
	height:20px;
	padding:10px 0 0 25px;
}
.erreurAmi {
	float:left;
	background-color:#e9edf0;
	width:451px;
	color:#CD1815;
	font-size:10px;
	padding:5px 0 5px 25px
}
.footerAmi {
	float:left;
	background-color:#e9edf0;
	width:451px;
	padding:0 0 10px 25px;
	color:#a1a1a1;
}
.btConfirm {
	float:right;
	margin:0 25px 0 0;
}
.footerAmi p {
	float:left;
	padding-top:7px
}
/* CONFIRMATION ENVOI A UN AMI*/




#confirmAmi, #confirmAmi1, #confirmAmi2, #confirmAmi3, #confirmAmi4, #confirmAmi5 {
	position:absolute;
	z-index:2000;
	top:10px;
	left:20px;
	float:left;
	width:476px;
	height:580;
	background-color:#fffbfb;
	border: 1px solid #c8c8c8;
	padding:1px;
}
*html #confirmAmi {
	top:17px;
	left:20px;
}
*html #confirmAmi1 {
	top:17px;
	left:20px;
}
*html #confirmAmi2 {
	top:17px;
	left:20px;
}
*html #confirmAmi3 {
	top:17px;
	left:20px;
}
#confirmAmi4 {
	top:400px;
	left:20px;
}
*html #confirmAmi5 {
	top:17px;
	left:20px;
}
.contenuConfirmAmi {
	float:left;
	background-color:#e9edf0;
	width:451px;
	padding:10px 0 0 25px;
	color:#505050;
	font-size:11px
}
.contenuConfirmAmi p {
	padding-bottom:5px
}
.contenuConfirmAmi li {
	float:left;
	display:inline-block;
	padding:0 50px 10px 0;
	margin:0;
	text-decoration:none
}
.contenuConfirmAmi ul {
	padding:0;
}
/* MOT DE PASSE OUBLIE*/
#mdpOubli {
	position:absolute;
	top:286px;
	left:613px;
	width:301px;
	background-color:#fffbfb;
	border: 1px solid #c8c8c8;
	height: 164px;
}
*html #mdpOubli {
	height:220px;
}
#mdpOubli p {
	padding:15px;
	text-align:center
}
#mdpOubli .contenu {
	background-color:#e9edf0;
	width:299px;
	height:99%;
	margin:1px;
}
*html #mdpOubli .contenu {
	height:220px;
}
#mdpOubli input {
	width:230px;
	margin:0 0 0 30px;
	border:1px solid #e4e4e4;
	height:15px;
	color:#505050;
	font-size:10px;
	padding-left:10px;
}
#mdpOubli .btValider {
	float:left;
	margin:0 0 0 100px
}
.mdpErreur {
	float:left;
	background-color:#e9edf0;
	color:#CD1815;
	font-size:10px;
	padding:5px 0 5px 25px;
}
/* CONFIRMATION MOT DE PASSE*/
#mdpConfirm {
	position:absolute;
	top:286px;
	left:613px;
	width:301px;
	background-color:#fffbfb;
	border: 1px solid #c8c8c8;
	height: 164px;
}
#mdpConfirm .contenu {
	background-color:#e9edf0;
	width:299px;
	height:162px;
	margin:1px;
}
#mdpConfirm p {
	padding:20px;
	text-align:center;
	font-size:12px
}
#mdpConfirm strong {
	margin-top:15px;
	display:block
}
/* FOOTER*/
#footer {
	float:left;
	width:880px;
	height:52px;
	text-align:center;
	background-color:#fffbfb;
	color:#c8c8c8;
	border: 1px solid #c8c8c8;
	margin:30px 0 10px 30px;
	padding-top:20px
}
*html #footer {
	margin:30px 0 10px 15px;
}