/*****************************
 *** GENERAL
 ****************************/

body {background:#fff url('../../img/mysexy/fond.jpg') no-repeat center top;margin:0; font-family: 'tahoma', sans-serif;color:#fff;height:1200px;}
img{border:0;}

/*****************************
 *** CONTAINER
 ****************************/

#container { width: 1000px; margin: 0 auto;
}
/*****************************
 *** BARRE
 ****************************/
#barre { width: 1000px;height:40px;margin:0 auto;}
#fb1
{
float: right;
width: 195px;
height: 30px;
background: url("../../img/mysexy/btnfb1.gif") no-repeat;
margin-right:10px;
margin-top:5px;
}
.oublie
{
float:right;
font-size:12px;
color:#fff;
font-weight:bold;
width:140px;
height:40px;
background:#212121 url("../../img/mysexy/mdp.gif") no-repeat;
display:block;
text-decoration:none;
line-height:40px;
padding-left:40px;
border-right:1px solid #4a4a4a;
border-left:1px solid #4a4a4a;
margin-right:10px;
}
.oublie:hover
{
color:#62bdd7;
}
#login, #forgotten_password
{
float: right;
width: 450px;
height:40px;
margin-right:10px;
font-size:14px;
font-weight:bold;
color:#fff;
border-left:1px solid #4a4a4a;
line-height:40px;
padding-left:40px;
background:#212121 url("../../img/mysexy/cnx.gif") no-repeat;
}
.champ
{
width:130px;
height:22px;
margin-left:5px;
padding-left:10px;
border:0;
font-size:12px;
color:#cecece;
line-height:22px;
border:1px solid #4a4a4a;
border-radius:3px;
background:#0f131c;
}
.champ2
{
width:245px;	
}
.ok
{
width:24px;
height:24px;
background:url('../../img/mysexy/ok.gif');
border:0;
cursor:pointer;
margin-top:9px;
}
#submit
{
float: right;
}
*+ html #submit
{
float: right;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#submit
{
float: right;
}
}

/*****************************
 *** HEADER
 ****************************/

#header { width: 100%;height:132px;margin:0 auto;background: url("../../img/mysexy/header.png") no-repeat center;}


/*****************************
 *** FORMULAIRE
 ****************************/
 
 #formulaire
{
float: left;
background:url("../../img/mysexy/cadre.png") no-repeat;
width: 406px;
height: 433px;
margin: 10px 0 0 17px;
}
 #titrageformulaire
{
width: 406px;
color: #393c3d;
font-size: 40px;
text-align: center;
padding-top:10px;
font-family:lato;
letter-spacing:-1px;
font-family:lato;
}
#formulaire #form {
margin: 40px 35px 0 30px;
width:340px;
height:275px;
float: left;
z-index: 0;
}
#facebook
{
display:block;
background: url("../../img/mysexy/facebook.png") no-repeat;
width: 320px;
height: 45px;
font-size: 16px;
font-weight: bold;
color: #fff;
float:left;
line-height: 45px;
padding-left: 15px;
text-decoration: none;
margin-left:45px;
}
#membre
{
width: 406px;
font-size: 12px;
color: #393c3d;
text-align:center;
float:left;
padding-top:24px;
}
#membre a
{
color:#62bdd7;
text-decoration:none;
}
/*****************************
 *** CADRES
 ****************************/
#cadres
{
margin:0 auto;
width:100%;
height:302px;
background: url("../../img/mysexy/fond3cadres.png") repeat;
margin-top:25px;
}
#cadresint
{
margin:0 auto;
width:1000px;
height:262px;
background: url("../../img/mysexy/fondcadreint.png") repeat;
}
#cadreun, #cadredeux, #cadretrois
{
float:left;
width:330px;
margin-top:40px;
}
#cadreun
{
background: url("../../img/mysexy/ico1.png") no-repeat center top;
}
#cadredeux
{
background: url("../../img/mysexy/ico2.png") no-repeat center top;
}
#cadretrois
{
background: url("../../img/mysexy/ico3.png") no-repeat center top;
}
.titrage
{
font-family:lato;
float:left;
width:330px;
text-align:center;
font-family:lato;
font-size:17px;
margin:70px 0 10px 0;
color:#fff;
text-transform:uppercase;

color:#414141;
font-weight:bold;
}

.paragraphe
{
float:left;
width:290px;
font-size:12px;
text-align:justify;
padding:0 20px 20px 20px;
color:#625656;
}



/*****************************
 *** FOOTER
 ****************************/

#footer {
margin:0 auto;
text-align: center;
width: 1000px;
font-size: 12px;
color: #6d6d6d;
margin-top:80px;
}
#footer #links {
margin-bottom: 10px;
padding: 10px;
}
#footer a {
color: #6d6d6d;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}