/* CSS Document */
html, body{
	background-image:url(../img/fondheader.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
* {
	margin:0;
	padding:0;
}
#superglobal{
	position : relative;
}   
#monsite{
	position:relative;
	width:1013px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	}
#header{
	position:relative;
	float:left;
	width:1013px;
	height:53px;
	background-image:url(../img/fondheader.jpg);
	background-repeat:repeat-x;
	display: inline;
	}
#logo{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:53px;
	text-align: center;
}
#moncompte-page{
	position:relative;
	width:810px;
	background-image:url(../img/fd-moncompte.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 745px;
	padding-left: 118px;
	padding-right: 85px;
}
#sinscrire-page{
	position:relative;
	width:810px;
	background-image:url(../img/fd-inscrire.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 745px;
	padding-left: 118px;
	padding-right: 85px;
}
#inviterunami-page{
	position:relative;
	width:810px;
	background-image:url(../img/fd-inviterunami.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 745px;
	padding-left: 118px;
	padding-right: 85px;
}
#newpass-page{
	position:relative;
	width:810px;
	background-image:url(../img/fd-newpass.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 745px;
	padding-left: 118px;
	padding-right: 85px;
}
#lesidees-page{
	position:relative;
	width:890px;
	background-image:url(../img/fd-listeidees.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 745px;
	padding-left: 38px;
	padding-right: 85px;
}
#soumettre-page{
	position:relative;
	width:890px;
	background-repeat:no-repeat;
	float: left;
	height: 745px;
	padding-left: 38px;
	padding-right: 85px;
}
#content{
	position:relative;
	width:1013px;
	background-image:url(../img/topcontent.gif);
	background-repeat:no-repeat;
	float: left;
}
#leftcontent{
	position:relative;
	width:433px;
	height:358px;
	background-image:url(../img/topcontent.gif);
	background-repeat:no-repeat;
	float: left;
}
#rightcontent{
	position:relative;
	float:right;
	width:580px;
	height:358px;
	display: inline;
}
#textintro{
	position:relative;
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#6d6d6d;
	width:403px;
	height:92px;
	padding-top: 102px;
	padding-left: 30px;
}
#menuvideo{
	position:relative;
	float:left;
	display:inline;
	width:433px;
	height:164px;
}
ul#videomenu{
	display:block;
	margin:0;
	padding:0;
	position:relative;
	width: 433px;
	list-style-type: none;
}
ul#videomenu li {
	float:left;
	position:relative;
	top:0;
	margin: 0;
	padding: 0;
}
#idees {
	float: left;
	height: 382px;
	width: 618px;
	position: relative;
	background-image: url(../img/fd-idees.jpg);
	background-repeat: no-repeat;
}
#agagner {
	float: right;
	height: 187px;
	width: 365px;
	position: relative;
	background-image: url(../img/fd-agagner.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 200px;
}
#inscrivezvous {
	float: left;
	height: 260px;
	width: 251px;
	position: relative;
	padding-top: 100px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#dernieresidees {
	float: right;
	height: 210px;
	width: 337px;
	position: relative;
	padding-top: 170px;
}

.motdepasse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding-left: 50px;
}
.motdepasse a{
	color: #000000;
}
#dernieresidees ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#dernieresidees li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../img/puce-flech.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 2px;
	height: 50px;
}
#btn-voiriees {
	padding-left: 60px;
	padding-top: 2px;
	float: left;
	height: 27px;
	width: 250px;
	position: relative;
}
#agagner ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#agagner li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #646464;
	padding-left: 40px;
	padding-top: 0px;
	padding-bottom: 15px;
}
.or{
	background-image: url(../img/puce-euro-or.gif);
	background-repeat: no-repeat;
}
.argent{
	background-image: url(../img/puce-euro-argent.gif);
	background-repeat: no-repeat;
}
.bronze{
	background-image: url(../img/puce-euro-bronze.gif);
	background-repeat: no-repeat;
}
#footer-old {
	position: absolute;
	bottom: 0px;
	height: 84px;
	width: 100%;
	background-image: url(../img/bg-footer.gif);
	background-repeat: repeat-x;
}
#footer{
	position:relative;
	width:1013px;
	height: 77px;
	float: left;
	}
#lien-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 22px;
	width: 993px;
	position: relative;
	padding-left: 20px;
	float: left;
}
#lien-footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
#lien-footer a:hover{
	text-decoration:underline;
}
#btn-catalogue {
	height: 45px;
	width: 993px;
	position: relative;
	padding-right: 20px;
	text-align: right;
	padding-top: 10px;
	float: left;
}
#moncompte-g {
	float: left;
	height: 372px;
	width: 387px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
#moncompte-d {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float: right;
	height: 372px;
	width: 353px;
	position: relative;
	padding-right: 70px;
}
#sinscrire-g {
	float: left;
	height: 362px;
	width: 810px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: right;
	padding-top: 10px;
}
#inviterunami-g {
	float: left;
	height: 362px;
	width: 810px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: right;
	padding-top: 10px;
}
#sinscrire-d {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float: right;
	height: 372px;
	width: 323px;
	position: relative;
	padding-right: 100px;
}
#btn-soumettre {
	float: left;
	padding-left: 20px;
	position: relative;
}
#btn-inviter {
	float: left;
	position: relative;
}
#liste-info {
	float: left;
	height: 136px;
	width: 357px;
	position: relative;
	padding-left: 30px;
	padding-top: 30px;
}
#liste-info ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#moncompte-d ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#moncompte-d li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(../img/puce-flech.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 4px;
}
#btn-retour {
	float: right;
	height: 48px;
	width: 710px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 100px;
	text-align: right;
	padding-right: 100px;
}
#btn-retour-modo {
	float: right;
	height: 48px;
	width: 710px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 100px;
	text-align: right;
	padding-right: 100px;
}
#lien-modo {
	float: right;
	height: 48px;
	width: 710px;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
	padding-right: 100px;
}
#users-modo {
	overflow:auto;
	width:840px;
	height:320px;
	position:relative;
	padding-left:25px;
}
.txt-modo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
}
#lesidees-d a, #lesidees-g a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
#lesidees-d a:hover, #lesidees-g a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:underline;
}
#lesidees-d ul, #lesidees-g ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 300px;
}
#lesidees-d li, #lesidees-g li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(../img/puce-flech.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 2px;
	height: 45px;
	width: 300px;
}
#contenudesidees {
	float: left;
	position: relative;
	height: 360px;
	width: 890px;
}
#lesidees-g {
	float: left;
	height: 330px;
	width: 300px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-left: 80px;
	padding-top: 30px;
	padding-right: 10px;
	display: inline;
}
#lesidees-d {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float: right;
	height: 330px;
	width: 300px;
	position: relative;
	padding-right: 100px;
	padding-top: 30px;
	padding-left: 10px;
	display: inline;
}
#soumettre-d ul, #soumettre-g ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 360px;
}
#soumettre-d li, #soumettre-g li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(../img/puce-flech.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 2px;
	height: 45px;
	width: 360px;
}
#soumettre-g {
	float: left;
	height: 330px;
	width: 387px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-left: 80px;
	padding-top: 30px;
}
#soumettre-d {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float: right;
	height: 330px;
	width: 323px;
	position: relative;
	padding-right: 100px;
	padding-top: 30px;
}
.input-form {
	float: left;
	height: 15px;
	width: 190px;
	border: 1px solid #000000;
	position: relative;
	margin-top: 5px;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
#connect {
	float: left;
	width: 202px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	height: 185px;
	padding-right: 5px;
}
#bienvenue {
	float: left;
	height: 170px;
	width: 207px;
	position: relative;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
}
#bienvenue img {
	margin-top: 15px;
}
#btn-soumettre2 {
	float: left;
	height: 39px;
	width: 254px;
	position: relative;
	padding-left: 257px;
	padding-top: 11px;
	padding-right: 172px;
}
#btn-valider {
	float: left;
	height: 39px;
	width: 254px;
	position: relative;
	padding-left: 257px;
	padding-top: 11px;
	padding-right: 172px;
}
#btn-validerinscription {
	float: left;
	height: 39px;
	width: 254px;
	position: relative;
	padding-left: 309px;
	padding-top: 11px;
	padding-right: 172px;
}
#btn-revenir {
	float: left;
	height: 30px;
	width: 275px;
	position: relative;
	margin-top: 80px;
	margin-left: 180px;
}
#btn-precedent {
	float: left;
	height: 36px;
	width: 187px;
	position: relative;
	padding-left: 30px;
	padding-top: 20px;
}
#btn-suivant {
	float: left;
	height: 36px;
	width: 162px;
	position: relative;
	padding-left: 110px;
	padding-top: 20px;
}
#soumettre-formu {
	float: left;
	height: 330px;
	width: 880px;
	position: relative;
	padding-left: 10px;
	text-align: center;
	padding-top: 30px;
}
#soumettre-envoye {
	float: left;
	height: 330px;
	width: 880px;
	position: relative;
	padding-left: 10px;
	text-align: center;
	padding-top: 30px;
}
.champs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	height: 20px;
	width: 400px;
	padding-top: 5px;
}
.champs-captcha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	height: 20px;
	width: 230px;
	padding-top: 5px;
}
.form-champs {
	width: 400px;
	padding-right: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: relative;
	float: left;
	text-align: left;
	height: 33px;
}
.form-champs-inviter {
	width: 400px;
	padding-right: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: relative;
	float: left;
	text-align: left;
	height: 23px;
	padding-top: 8px;
}
.form-champs-pass {
	width: 440px;
	padding-right: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: relative;
	float: left;
	text-align: left;
	height: 23px;
	padding-top: 8px;
}
.form-tit {
	width: 210px;
	float: left;
	position: relative;
	height: 33px;
}
#li-formu {
	height: 33px;
	width: 810px;
	float: left;
	position: relative;
}
#mesidees {
	float: left;
	height: 320px;
	width: 343px;
	position: relative;
	overflow: auto;
}
#lesidees-detail {
	float: left;
	height: 360px;
	width: 890px;
	position: relative;
}
#detail-pseudodate {
	float: left;
	height: 30px;
	width: 750px;
	position: relative;
	padding-top: 30px;
	padding-left: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight:bold;
}
#detail-texte {
	float: left;
	height: 250px;
	width: 790px;
	position: relative;
	padding-left: 70px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.lien-modo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.lien-modo-up{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.lien-modo:hover{
	text-decoration:underline;
}