@charset "utf-8";
/* CSS Document */
body
{
	width:1000px ;
	margin:auto ;
    /* background:#F3F3F3 ; */
	background:#2A2A2A ;
    font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 0.9em;
    color: #181818; 
	overflow-x:hidden ;
}


h1 {
	display:block ;
	min-width:150px ;
	max-width:200px ;
	margin-left:10px ;
	margin-top:50px ;
	text-align:center ;
	font-size:18px ;
	padding:30px ;
	padding-bottom:5px ;
	padding-top:5px ;
	background-color:#0080C0 ;
	color:white ;
	font-style:italic ;
	border-left:solid #333 3px ;
	border-right:solid #333 1px ;
	box-shadow:5px 5px 5px #333 ;
}
.facultative {
	display:inline-block ;
	margin-top:20px ;
	margin-bottom:10px ;
	margin-left:10px ;
	font-size:16px ;
	font-weight:bold ;
	padding-left:20px ;
	padding-right:20px ;
	border-bottom:solid black 0px ;
}
.facultative li {
	list-style:circle ;
}
#principale {
	background-color:white ;
	width:1000px ;
	min-height:780px ;
	border:solid transparent 1px ;
}
#form1 {
	margin-left:310px ;
	margin-top:20px ;
	margin-bottom:30px ;
}

.conteneur {
	position:relative ;
	margin:10px ;
	margin-left:10px ;
}
.gauche {
	display:inline-block ;
	vertical-align:middle ;
	width:250px ;
	text-align:left ;
	padding:5px ;
}
.droite {
	display:inline-block ;
	vertical-align:middle ;
	width:200px ;
	position:relative ;
	left:-90px ;
}
input[type="text"], input[type="password"] {
	border:solid grey 1px ;
	width:280px ;
	height:30px ;
}

select {
	border:solid grey 1px ;
	width:286px ;
	height:29px ;
}
input[type="text"]:focus,input[type="password"]:focus {
	border:solid #325769 1px ;
	box-shadow: 0px 0px 4px 1px blue; 
	background-color:white ;
}
 /* ***************************Control javascript*************************************** */

	.incorrect {
		border-color: rgba(191, 68, 68, 0.75);
		background-color:#FFB871 ; 
	}
	
	.incorrect:focus {
	border-color: rgba(191, 68, 68, 0.75);
	-moz-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
	-webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
	box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
	}
	
	.tooltip,.identifiant_double,.email_double,#precision_captcha,.tooltip3,.tooltip4 {
		display:none ;
		height:20px ;
		line-height:20px ;
		vertical-align:top ;
		text-align:center ;
		width:280px ;
		padding:5px ;
		padding-top:3px ;
		padding-bottom:3px ;
		margin-left:10px ;
	border: 1px solid black ;
	background-color:#4F4F4F ;
	color:white ;
	}
	.tooltip2 img,.tooltip3 img {
		display:inline-block ;
		vertical-align:middle ;
	}
	.tooltip2 {
		display:none ;
	}
	.depassement {
		display:inline-block ;
		width:800px ;
	}
	.valide {
		display:inline-block ;
		border:solid red 2px ;
	}
/* **************************************************************************************** */
.securite {
	margin-top:30px ;
	font-size:15px ;
	font-weight:bold ;
	margin-left:65px ;
	position:relative ;
	top:10px ;
}
.texte_operation {
	font-size:14px ;
	font-weight:500 ;
}
.gauche_operation {
	display:inline-block ;
	vertical-align:middle ;
	width:260px ;
}
#recharge {
	display:inline-block ;
	vertical-align:middle ;
	cursor:pointer ;
	margin-right:5px ;
}

.matrix
{
	display:inline-block ;
	vertical-align:middle ;
	border:solid black 1px ;
	background-image:url(../images/matrix4.png) ;
	background-repeat:no-repeat ;
	width:200px ;
	height:30px ;
}

input[id=calcul_captcha] {
	border:solid grey 1px ;
	width:200px ;
	height:30px ;
}
.droite_operation {
	display:inline-block ;
	vertical-align:middle ;
	width:200px ;
}
#frame_logo {
	border:none ;
	margin-left:10px ;
}
#creation input[type="submit"] {
	background-color:#0073AA ;
	width:180px ;
	height:35px ;
	color:white ;
	font-size:18px ;
	border:solid #4B5458 1px ;
	box-shadow:5px 5px 5px #888888;
	margin-top:30px ;
	margin-left:210px ;

}
#creation input[type="submit"]:hover {
	cursor:pointer ;
	box-shadow: 10px 10px 10px #4B5458;
}

#pub1 {
	width:728px ;
	margin:auto ;
	margin-top:40px ;
	margin-bottom:20px ;
	border:solid grey 1px ;
}
.asterix {
	width:600px ;
	color:red ;
}
#loader {
	position:relative ;
	left:285px ;
	bottom:33px ;
	display:block ;
	visibility:hidden ;
}

#comptePa:hover {
	cursor:pointer ;
}

#global,#professionnel,#professionnel_logo,#url,#facultatif1,#facultatif2,#vide,#validation,#logo_professionnel,#maj,#numero_utilisateur,#time_logo,#mois_annee {
	display:none ;
}
#compte_particulier,#compte_pro {
	display:inline-block ;
	width:200px ;
	height:25px ;
	line-height:25px ;
	vertical-align:middle ;
	text-align:center ;
	background:#003D59 ;
	color:white ;
	margin-top:50px ;
	margin-bottom:10px ;
}
#compte_particulier {
	margin-left:180px ;
}
#compte_particulier:hover,#compte_pro:hover {
	cursor:pointer ;
	background:black ;
}
#invisible,#type_compte {
	display:none ;
}

#bloc_donnees {
	display:block ;
	width:600px ;
	min-height:500px ;
	font-size:14px ;
	border:solid black 1px ;
	box-shadow:5px 5px 5px #888888 ;
	padding:20px ;
	margin:auto ;
	margin-bottom:50px ;
	background:white ;
}
input[id=nom],input[id=prenom],input[id=telephone],input[id=rue],input[id=complement],input[id=siteweb],input[id=code_postal],input[id=ville],select[name=pays] {
	height:25px ;
}

legend {
	text-align:center ;
	font-style:italic ;
}

.champ_facultatif {
	border:dashed grey 1px ;
	margin-top:30px ;
	
}
#shadow {
    background-color:black ;
	opacity:0.8 ;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:100;
}
#bloc_loader {
	display:none ;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:200 ;
}
#patience {
	display: block;
	color:white ;
	font-size:16px ;
	font-weight: bold;
	margin-bottom:10px ;
}
#grand_loader {
	display:block ;
	margin:auto ;
}
#maj_email {
	margin-left:183px ;
	margin-top:20px ;
	width:285px ;
	height:30px ;
	line-height: 30px ;
	text-align: center ;
	background-color: rgb(76, 63, 16) ;
	color: white;
}
#maj_email:hover {
	cursor: pointer;
	opacity:0.7 ;
}
#envoi_contact_mail {
  display:none ;
  position: fixed;
  top: 50%;
  left: 50%;
  width:550px ;
  height:200px ;
  transform: translate(-50%, -50%);
  /* Optionnel : styles visuels */
  background: #c27612;
  padding: 20px;
  border:double black 8px ;
  box-shadow: 3px 3px 3px black ;
}

.titre_contact_b {
	display:inline-block ;
	vertical-align:baseline ;
	font-style: italic;
	font-size:14px ;
	color:white ;
	font-weight:bold ;
	margin-left:10px ;
	margin-bottom:50px ;
	margin-top:20px ;
}
 .croix_b {
	float:right ;
	position:relative ;	 
	top:2px ;
	right:2px ;
	height:30px ;
	width:30px ;
	background-color:white ;
	border:solid black 1px ;
	box-shadow: 1px 1px 5px black ;	 
	cursor:pointer ;
 }
 .croix1_b {
	 display:inline-block ;
	 vertical-align:middle ;
	 position:absolute ;
	 left:14px ;
	 top:3px ;
	 height:22px ;
	 border-left:solid #C10000 1px ;
	 -moz-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);

 }
  .croix2_b {
	 display:inline-block ;
	 vertical-align:middle ;
	 position:absolute ;
	 left:15px ;	  
	 top:3px ;
	 height:22px ;
	 border-left:solid #C10000 1px ;
	 -moz-transform: rotate(-45deg);
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
 }
form#reinitialise_mail {
	display:block ;
	width:480px ;
	margin-left:10px ;
	color:white ;
}
form#reinitialise_mail input[type="text"] {
	display:inline-block ;
	width:330px ;
	height:25px ;
	border:solid black 1px ;
}
form#reinitialise_mail input[type="text"]:focus {
	border:solid black 1px ;
}
form#reinitialise_mail input[type="submit"] {
	display:inline-block ;
	visibility:visible ;
	border:solid black 1px ;
	width:70px ;
	height:30px ;
	margin-left:0px ;
}
form#reinitialise_mail input[type="submit"]:hover {
	cursor:pointer ;
	background-color:#00D235 ;
	color:white ;
}
.email_nonvalide {
	display:none ;
	text-align:center ;
	margin-top:30px ;
	color:red ;
	font-style:italic ;
}
.email_valide {
	display:none ;
	text-align:center ;
	margin-top:70px ;
	color:rgb(76, 205, 25) ;
	font-style:italic ;
	font-weight: bold;
	font-size: 17px ;
}
.bloque_connexion {
	color:red ;
	font-weight:bold ;
	position:relative ;
	top:20px ;
}
.ip_bannie {
	color:red ;
	font-weight:bold ;
	position:relative ;
	top:20px ;
	visibility:hidden ;
}