html, body
{
	margin: 0px;
	padding:0px;
	font-family:tahoma,Arial;
	font-size:12px;
	color:#000;
	background:#626e75;
}

*
{
	outline:none;
}

img
{
	border:none;
}

hr
{
	color:#c6c4a2;
}

.clear
{
	width:2px;
	height:2px;
	clear:both;
}

#conteneur
{
	width:100%;
	height:100%;
}

#ban
{
	width:100%;
	height:115px;
	background:url(../images/interface/ban.png) repeat-x top left;
}

.ban
{
	width:900px;
	height:115px;
	margin:auto;
}

.logo
{
	display:block;
	width:224px;
	height:115px;
	float:left;
	background:url(../images/interface/logo.png) no-repeat top left;
}

.logo:hover
{
	background:url(../images/interface/logoHover.png) no-repeat top left;
}

.nav
{
	display:block;
	width:650px;
	height:20px;
	float:right;
	margin-top:30px;
	text-align:right;
}

.nav a
{
	font-size:20px;
	text-decoration:none;
	color:#bdca37;
	margin-left:10px;
	text-align:left;
	cursor:pointer;
}

.nav a:hover, .nav .active
{
	border-top:3px solid #bdca37;
}

.menuMag
{
	display:none;
	width:200px;
	background:#626e75;
	position:absolute;
	margin-left:148px;
	margin-top:3px;
	padding:5px;
}

.menuMag a
{
	display:block;
	height:30px;
	text-decoration:none;
	font-size:20px;
	color:#bdca37;
	border:none;
}

.menuMag a:hover
{
	background:#1f262b;
	border:none;
}

.nav img
{
	vertical-align:baseline;
}

#contenu
{
	width:100%;
	background:#edecd7;
	padding-bottom:10px;
}

.contenu
{
	width:900px;
	margin:auto;
	background:#edecd7;
}

#contenu h1
{
	margin-top:0px;
	margin-bottom:10px;
	text-shadow:0px 2px #fff;
	color:#bdca37;
	font-size:40px;
}

#contenu h2
{
	margin-top:20px;
	margin-bottom:0px;
	border-bottom:3px solid #bdca37;
	text-shadow:0px 2px #fff;
	color:#bdca37;
	font-size:25px;
}

.magAcc
{
	width:450px;
	height:603px;
	float:left;
	cursor:pointer;
}

.choixMag
{
	display:none;
	width:200px;
	background:#626e75;
	position:absolute;
	margin-left:125px;
	margin-top:-300px;
	padding:5px;
}

.choixMag a
{
	display:block;
	height:30px;
	padding:3px;
	text-decoration:none;
	font-size:20px;
	color:#bdca37;
}

.choixMag a:hover
{
	background:#1f262b;
	padding-left:15px;
}

.infoAcc
{
	width:430px;
	height:603px;
	float:left;
}

.infoAcc p
{
	color:#bdca37;
	text-shadow:0px 1px #fff;
	font-size:19px;
	text-align:justify;
	margin:5px 0px 5px 0px;
}

.infoAcc a
{
	color:#bdca37;
	text-decoration:none;
}

.infoAcc a:hover
{
	background:#fff;
}

.info
{
	background:url(../images/interface/info.png) no-repeat top left;
	height:108px;
	padding:20px 0px 0px 128px;
	color:#1677CE;
	font-size:18px;
}

.infoVille
{
	text-align:center;
}

.infoVille img
{
	margin-top:50px;
	vertical-align:midlde;
}

.infoVille a
{
	display:block;
	position:absolute;
	color:#bdca37;
	height:20px;
	font-size:20px;
	margin:-510px 0px 0px 0px;
	text-decoration:none;
}

.infoVille a:hover
{
	text-decoration:underline overline;
}

.distr
{
	position:absolute;
	color:#bdca37;
	text-shadow:0px 1px #fff;
	font-size:30px;
	font-weight:bold;
	text-align:right;
	margin:-490px 0px 0px 500px;
}

.infoSociete
{
	width:900px;
	height:203px;
	background:url(../images/interface/infoSociete.png) no-repeat top left;
	margin-bottom:10px;
}

.infoSociete div
{
	width:215px;
	height:140px;
	float:left;
	margin-top:27px;
	padding:5px;
}

.infoSociete span
{
	display:block;
	font-size:25px;
	font-weight:bold;
	color:#aeab68;
	text-shadow:0px 1px #fff;
}

.infoSociete p
{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	color:#aeab68;
	font-size:18px;
	text-shadow:0px 1px #fff;
}

.infoSociete a
{
	color:#aeab68;
	font-size:15px;
	text-shadow:0px 1px #fff;
	text-decoration:none;
}

.infoSociete a:hover
{
	background:#fff;
}

#contenu .ligne, #contenu .col
{
	clear:both;
	width:900px;
	margin:auto;
}

#contenu .ligne label
{
	display:block;
	float:left;
	width:400px;
	margin-right:50px;
	margin-bottom:20px;
}

#contenu .col label
{
	display:block;
	float:left;
	width:850px;
	margin-bottom:20px;
}

#contenu .ligne span, #contenu .col span
{
	display:block;
	font-size:20px;
	color:#bdca37;
	font-weight:bold;
	text-shadow:0px 1px #fff;
	margin-bottom:5px;
}

#contenu .ligne input, #contenu .col textarea, #contenu .col input, #contenu .col select
{
	width:100%;
	background:#eae691;
	border:1px solid #4d4d4d;
	color:#45555f;
	font-weight:bold;
	font-family:Tahoma, Arial
}

#contenu .ligne input, #contenu .col input, #contenu .col select
{
	height:25px;
}

#contenu .col select
{
	padding-top:3px;
	padding-left:5px;
}

#contenu .col button
{
	margin-top:5px;
	margin-bottom:0px;
}

#contenu .erreur
{
	width:900px;
	margin:auto;
	padding-left:20px;
	margin-bottom:20px;
	font-size:20px;
	color:#bdca37;
	text-shadow:0px 1px #fff;
	font-weight:bold;
}


#bas
{
	width:100%;
	height:218px;
	background:url(../images/interface/bas.png) repeat-x top left;
}

.bas
{
	margin:auto;
	width:900px;
	height:208px;
}

.bas a
{
	text-decoration:none;
	padding:40px 0px 0px 0px;
	width:225px;
	height:160px;
	float:left;
	text-shadow:0px 1px #fff;
	color:#1f262b;
}

.bas a:hover
{
	
	background:url(../images/interface/basHover.png) no-repeat top left;
}

.bas span
{
	text-decoration:none;
	font-weight:bold;
	font-size:30px;
	display:block;
	text-align:center;
}

.pro p
{
	color:#bdca37;
	text-shadow:0px 1px #fff;
	font-size:18px;
	text-align:left;
	margin:5px 0px 5px 0px;
}

.pro a
{
	color:#bdca37;
	text-shadow:0px 1px #fff;
	text-decoration:underline;
}

.pro a:hover
{
	background:#fff;
}

#login
{
	margin-top:30px;
	margin-bottom:20px;
	width:900px;
	height:297px;
	background:url(../images/interface/login.png) no-repeat top left;
}

.login
{
	width:600px;
	height:230px;
	margin:auto;
	padding-top:30px;
}

.login span
{
	display:block;
	margin:0px 0px 5px 0px;
	font-size:36px;
	font-weight:bold;
	color:#45555f;
	text-shadow:0px 1px #fff, 0px -1px #000;
}

.login label
{
	display:block;
	font-size:25px;
	color:#45555f;
	text-shadow:0px 1px #fff;
	margin-bottom:5px;
}

.login .input
{
	display:block;
	width:100%;
	height:30px;
	margin-bottom:5px;
	color:#45555f;
	font-size:22px;
}

.menuPro
{
	width:825px;
	margin:auto;
	padding-bottom:40px;
}

.partie
{
	margin:10px 0px 20px 0px;
}

.tarif
{
	background:#eae691;
	padding:10px 0px 10px 0px ;
	font-size:18px;
	color:#45555f;
}

.tarif .ligneA
{
	background:#fff;
	padding:0px 10px 0px 10px;
}

.tarif .ligneB
{
	padding:0px 10px 0px 10px;
}

.tarif span
{
	display:block;
	float:left;
	width:750px;
}

.tarif b
{
	display:block;
	float:left;
	width:100px;
	text-align:right;
}

.format
{
	float:left;
	width:265px;
	height:265px;
	margin:auto;
}

.menuForm
{
	display:none;
	background:#626e75;
	position:absolute;
	margin-left:50px;
	margin-top:-100px;
	padding:5px;
}

.triangle {
  border-color: transparent transparent #626e75 transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-19px;
  left:15px;

}

.menuForm a
{
	display:block;
	padding:3px;
	text-decoration:none;
	font-size:16px;
	color:#bdca37;
	border:none;
}

.menuForm a:hover
{
	background:#1f262b;
	border:none;
}