body 
{
	margin-top: 49px;
	padding: 0;
	background: #242424;
	font-family: Arial;
	font-size: 13px;
	color: #BBBBBB;
}
h1
{

}
strong, h2, h3 
{
	margin: 0;
	font-weight: normal;
	color: #48ACDE;
}

strong 
{
	text-decoration:none;
	font-size: 32px;
}



a:link 
{
	color: #48ACDE;
	text-decoration: none;
}

a:hover, a:active 
{
	text-decoration: none;
	color: #48ACDE;
}

a:visited 
{
	color: #48ACDE;
	text-decoration: none;
}
/* Texte Accueil */
.intro
{
    position:relative;
    top:-40;
    padding:0 0 0 0;
    margin:auto;  
    font-size:17px;
    line-height:23px;
    text-align:justify;
}



/*bouton de connexion*/
.Connexion {
	display:inline-block;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	border:1px solid #3866a3;
    border-radius:11px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	height:32px;
	width:130px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #7cacde;
    position:relative;
    left:420px;
    top:-15px;
    line-height:30px;
}
.Connexion:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#63b8ee;
}
.Connexion:active 
{
	position:relative;
    top:11;
}
/* Bouton DECONNEXION, Idem que connexion en fait mais avec deconnexion quoi... */
.Deconnexion {
	-moz-box-shadow:inset 0px 0px 0px -13px #bee2f9;
	-webkit-box-shadow:inset 0px 0px 0px -13px #bee2f9;
	box-shadow:inset 0px 0px 0px -13px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	border:1px solid #3866a3;
	display:inline-block;
	color:black;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	height:3px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #7cacde;
    position:relative;
    left:180px;
    top:8px;
    border-radius:7px;
    
    
}
/* h5 c'est le texte a l'intérieur */
.Deconnexion h5
{
    display:inline-block;
    position:relative;
    top:-21px
}
.Deconnexion h5:hover
{
    display:inline-block;
    position:relative;
    top:-21x;
    color:rgb(220,80,100);
}
.Deconnexion h5:active
{
    display:inline-block;
    position:relative;
    top:-21x;
    color:white;
}
.Deconnexion:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#63b8ee;

}
.Deconnexion:active 
{
	position:relative;
	top:6px;
}


#NomPrenom
{	
	float:right;
	margin-top:40px;
	margin-right:5px;
	
}

/* Menu */

#menu 
{
	text-align:center;
	margin:auto;
	width: 980px;
	height: 44px;
	padding-left: 15px;
	background-color:black;
	border-radius:10px;
	margin-bottom:10px;
}

#menu ul 
{
	list-style: none;
}

#menu li 
{
	display: block;
	float: left;
	position:relative;
	top:13px;
}

#menu a 
{
	margin-right: 13px;
	padding: 10px 20px;
	text-decoration: none;
	
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#menu a:hover 
{ 
	text-decoration: none; 
	color: #48ACDE;
}

#menu .pagecourante a 
{
	color: #48ACDE;
	text-decoration: underline;
}

/* Titre */

#titre 
{
	width: 950px;
	height: 43px;
	margin: 0 auto;
    
}

#titre strong, #titre h2 
{
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	text-decoration: none;
}

#titre strong 
{ 
	font-family: Arial;
	font-size:36px;
	font-style: italic;
}

#titre strong a 
{
	text-decoration: none;
	color: #FFFFFF; 
}

/*infobulle quand on passe la souris dessus*/
#titre strong a:hover,a:focus 
{ 
	text-decoration: none;  
	
}

a span
{
     transform:scale(0) rotate(-15deg);
     position:absolute;
     margin-top:-46px;
     margin-left:-510px; 
     color:#09c;
     background:rgba(0,0,0,.9);
     padding:15px;
     border-radius:6px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
     transition:all .35s;
     opacity:0;
     font-size:18px;
                 
}    
a:hover span, a:focus span
{
     transform:scale(1) rotate(0);
     opacity:1;
           
}   

#titre h2 
{
	padding: 23px 0 0 5px;
	font: italic 16px "Times New Roman";
	color: #48ACDE;
}

#titre p a 
{
	text-decoration: none;
	color: #B6ACA2;
}

#titre p a:hover { text-decoration: none;
}



/* Page */

#page 
{
	width: 860px;
	margin: 0 auto;
	padding-top: 20px;
}

#contenu 
{
	width:950px;
	background-color:Black;
	border-radius:10px;
	margin:auto;
	padding:15px;
	text-align:center;	
}


/* Footer */
#date
{
text-align: center;
}

#fondfooter
{
	width: 860px;
	height: 64px;
	margin: 0 auto;
}

#footer 
{
	margin: 0 auto;
	height: 64px;
	min-height: 64px;
	padding: 0;
	font-size: 10px;
}

#copyright 
{
	clear: both;
	padding-top: 10px;
	padding-left: 30px;
	text-align: center;
	color: #999999;
}

#copyright a 
{
text-align:center;
}

/* Formulaire inscription*/
#FormInscription
{
	text-align:center;
	margin: 0 auto;
}

form
{
	margin: 0 auto;
}

fieldset
{
	align:center;
	width:400px;
	margin: 0 auto;
	
}

/* ----- FAQ ----- */
#introFAQ
{
	text-align:right;
    font-size:19px;
	padding:5px;
}
#question 
{
	text-align:left;
	display:block;
	margin:auto;
	border: 1px solid #999999;
	padding-left:10px;
	width:800px;
	border-radius:4px;
	font-family:Verdana;
}
/*flèches de coté pour l'effet bulle*/
#fleche 
{
	display:inline-block;
    content:"";
     	position:relative;
     	left:-420px;top:-50px;
	height:0;width:0; 
     
     /* les bordures */
     border-right:29px solid white; /*largeur*/
     border-bottom:16px solid transparent; /*arrête bas*/
     border-top:5px solid transparent; /*arrête haut*/
     
}
#fleche2 
{
	display:inline-block;
    content:"";
     	position:relative;
     	left:398px;top:-48px;
	height:0;width:0; 
     
     /* les bordures */
     border-left:35px solid white; /*largeur*/
     border-bottom:8px solid transparent; /*arrête bas*/
     border-top:15px solid transparent; /*arrête haut*/
     
}

/*Pour le texte a l'intérieur*/
#question p
{
	font-size:18px;
	color:#48ACDE;
}

#reponse
{
	display:block;
	width:750px;
	margin:auto;
	margin-bottom:15px;
	border: 1px solid white;
	vertical-align: top;
	border-radius:4px;
	font-family: sans-serif;
	padding:5px;
    margin-top:-14px;
}

#reponse p
{
	font-size:15px;
	margin:5px;
}

/*Boutique*/
/* Voitures = TOUT le bloc */ 
#nbvoitures
{
    text-align:left;
}
#Voitures
{
	padding: 20 5 5 5;
    margin:auto;
    text-align:right;
}

/*Voiture = UN bloc d'UNE voiture*/
#voiture
{
	display:block;
	margin:auto;
	padding:15px 15px 15px 15px;
	border: 1px solid white;
	vertical-align: top;
	margin-top:10px;
	width:600px;
	border-radius:7px;
	text-align:left;
	
}

/*Page De connexion*/
#FormConnexion h2 
{
	text-align:right;
    padding:0 20;
}
#FormConnexion h1
{
	text-align:left;
    padding:10 10 10 10;    
}
#FormConnexion  
{
	text-align:center;
}
#MSGConnexion
{	
	Text-align:left;
	color:red;
}
/* PROFIL */
#profil
{
    width:300px;
    text-align:left;
    padding:10 0 10 20;
    
}
#infos
{
    line-height:20px;   
}
#FormModif
{
    position:relative;
    top:-5;
    text-align:center;
    display:none;
}

.Champs
{
	text-align:center;
	color:red;
}
/*Texte cliquable de la modification du profil*/
#TexteModif
{
    display:inline-block;
    position:relative;
    left:350px;
    top:-90px;
    cursor:pointer;
}
#TexteModif:hover
{
    text-decoration:underline;
    color:white;
}

.EmailAnnonceur
{
    float:right;
    line-height:1px
}
/*ACCUEIL MEMBRES */

/* NEWS ACCUEIL MEMBRES*/
#News
{
    margin: 20 auto;
    float:left;
    padding: 10 20 5 20;
    text-align:left;
}
.datenews
{
   font-size:16px;
   color:#FFFF35;
}
.Titrenews
{
    font-size:18px;
    text-decoration:none;
    position:relative;
    left:50%;
}

/*PARAGRAPHE ACCUIEL MEMBRES*/
#PresentationEspace
{
    font-size:16px;
    font-family: Helvetica, sans-serif;
    display:inline-block;
    padding:0;
    position:relative;
    top:10px;
    width:480px;
    float:right;
    line-height:21px;
    margin:0;
}
#PresentationEspace b
{ 
    font-size:20px;
    line-height:39px;
}

/* PHOTO VOITURE INDEX */
.PhotoVoiture
{
	
}

