html, body
{
	background-color:#252626;
	min-height: 550px;
	background-image: url("../images/DV4/loginBackground.jpg");
	background-repeat:no-repeat;
	background-position: top center;
}

.header1
{

}

.header2
{

}

.header3
{

}

#boxPage
{

}

#boxModule
{

}

.boxConnection
{
	min-height: 500px;
	min-width: 960px;	max-width: 1500px;
}

.boxConnectionRight
{
	float:right;
	width:42%;
	padding-top:15%;
	text-align: left;
	color:#aeaeae;
}

.boxConnectionLeft
{
	float: left;
	width:48%; min-width:500px;
	padding-left:50px;
	padding-top:15%;
	color:#6d6d6d;
	font-family:arial,helvetica;	font-size:30px;	font-weight:bold;

	/** IE 6 **/
	_padding-left:25px;
}

.boxConnectionContenu h1
{
	margin-left:30px;
}

SPAN.champsBasic
{
	float:left;
	display:block;
	width:90px;
}

.boxConnectionLeft .logo
{
	float:left;
}
.boxConnectionLeft .logo IMG
{
	border:0px;
}
.boxConnectionLeft .logo A
{
	outline-style:none;
}
.boxConnectionLeft SPAN
{
	clear:both;
	display:block;
	margin-top:5px;
	padding-right:120px;
	text-align: left;
	color:#6d6d6d;
	font-family:arial,helvetica;	font-size:30px;	font-weight:bold;

	/** IE 6 **/
	_padding-right:60px;
}

.boxConnectionLeft .version
{
	float:left;
	margin-top:55px;	margin-left:10px;
	text-align:center;
	color:#6d6d6d;
	font-family:arial,helvetica;font-size:15px;font-weight:bold;
}

/*************************************/
/**       Formulaire de login       **/
/*************************************/

.boxConnectionRight .titre
{
	 font-style: italic;
}
.boxConnectionRight IMG
{
	border:0;
}
.boxConnectionRight A
{
	text-decoration: none;
	outline-style:none;
	color:#FFFFFF;
}

.loginField
{
	height: 65px;	width: 350px;
	background-image: url("../images/DV4/loginField.png");
	margin-bottom:25px;
}

.label
{
	padding-left:15px;
	text-align: left;
	font-weight:bold;
	font-family: arial, helvetica;
	color:#FFFFFF;
}

.loginField .input
{
	padding-top:15px;
	text-align: center;
}

.loginSubmit, .loginReturn, .loginValid
{
	float:left;
}

.loginSubmit A, .loginReturn A, .loginValid A
{
	display:block;
	height:42px;
	width: 140px;
	background-repeat:no-repeat;
	font-weight:bold;	font-family: arial,helvetica;  color:#FFFFFF;
	text-align:left;
	font-size:16px;
}

.loginSubmit A
{
	padding-top:22px;padding-left:32px;
	background-image: url("../images/DV4/loginSubmit.png");
}

.loginValid A
{
	padding-top:22px;padding-left:55px;
	background-image: url("../images/DV4/loginSubmit.png");

}


.motdepassePerdu
{
	float:left;
	padding-top:24px;	padding-left:20px;
}

.motdepassePerdu A
{
	font-family:arial, helvetica;
	font-size:12px;
	color:#6d6d6d;
}

.input input[type=text], .input input[type=password]
{
	background-color:transparent;
	height:32px;	 width:310px;
	border:0px solid black;
	padding-left:5px;	 padding-right:5px;		padding-bottom:5px;
	font-size:20px;
 }

 .input input.login
{
	background-color:transparent;
	height:27px;	 width:310px;
	border:0px solid black;
	padding-left:5px;	 padding-right:5px;		padding-bottom:5px; padding-top:5px;
	font-size:20px;
 }

/*************************************/
/**         Page d'erreur           **/
/*************************************/

.loginReturn
{
	margin-left:35px;
}

.loginReturn A
{
	padding-top:22px;padding-left:55px;
	background-image: url("../images/DV4/loginReturn.png");
}

.error ul
{
	font-size:15px;
	font-family: arial,helvetica;  color:#aeaeae;;
}

/*************************************/
/***            BOUTON             ***/
/*************************************/
button
{
    background-image: url("../images/boutonsV2/fo_orange/orange_S.png");
    height: 47px;
    width: 125px;

    background-color: transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 5px 5px 5px;
}

button.orange_M {    background-image: url("../images/boutonsV2/fo_orange/orange_M.png");    width: 168px;		}
button.orange_L {    background-image: url("../images/boutonsV2/fo_orange/orange_L.png");    width: 273px;		}

button.bleu_S 	{    background-image: url("../images/boutonsV2/fo_bleu/bleu_S.png");   	 width: 125px;		}
button.bleu_M 	{    background-image: url("../images/boutonsV2/fo_bleu/bleu_M.png");   	 width: 168px;		}
button.bleu_L 	{    background-image: url("../images/boutonsV2/fo_bleu/bleu_L.png");   	 width: 273px;		}

button.vert_S 	{    background-image: url("../images/boutonsV2/fo_bleu/vert_S.png");   	 width: 125px;		}
button.vert_M 	{    background-image: url("../images/boutonsV2/fo_bleu/vert_M.png");   	 width: 168px;		}
button.vert_L 	{    background-image: url("../images/boutonsV2/fo_bleu/vert_L.png");   	 width: 273px;		}

button.rouge_S 	{    background-image: url("../images/boutonsV2/fo_rouge/rouge_S.png");   	 width: 125px;		}
button.rouge_M 	{    background-image: url("../images/boutonsV2/fo_rouge/rouge_M.png");   	 width: 168px;		}
button.rouge_L 	{    background-image: url("../images/boutonsV2/fo_rouge/rouge_L.png");   	 width: 273px;		}

/********************************************/
/**       Page de mot de passe perdu       **/
/********************************************/



/*************************************/
/**    	 	  Pied de page	        **/
/*************************************/

#footer, #boxPage #footer
{
	width:35%;
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	font-size:10px;clear:both;
}

#footer A
{
	outline-style:none;
	color:#FFFFFF;
	text-decoration:none;
}
#footer A:hover
{
	text-decoration:underline;
}
#footer p
{
	float:left;
}
#footer IMG
{
	border:0px;	vertical-align:middle;
}
#footer span
{
	float:left;
	padding-top:25px;	padding-right:15px;
}

/*************************************/
/**         Design Page FO          **/
/*************************************/


div.reservationHeader
{
	width: 100%;
	height: 100px;
}

div.reservationHeaderImage
{
	float:left;
	text-align: left;
	margin-left: 50px;
	margin-top:15px;
	width:300px;
}

div.reservationHeaderInfos
{
	float:right;
	width:400px;
}

div.reservationHeaderInfos .reservationHeaderClub
{
	color:#6D6D6D;
	font-family:Arial,Helvetica;
	font-size:30px;
	font-weight:bold;
	text-align:right;
}

div.reservationHeaderInfos .reservationHeaderUser
{
	color:#FFFFFF;
	font-family:Arial,Helvetica;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

div.reservationHeaderInfos .reservationHeaderUser a
{
	color:#a6c515;
	font-family:Arial,Helvetica;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
	text-align:right;
}

div.reservationHeaderInfos .reservationHeaderUser a img
{
	border: none;
	vertical-align: middle;
}

/***************************************/
/*     STYLE TABLEAU FICHE          */
/***************************************/
.boxFicheTab
{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.boxFicheTab thead td
{
	overflow:hidden;
	white-space:nowrap;
	color:white;
	font-weight:bold;
	padding:0;
}

.boxFicheTab tbody .middle
{
	padding:5px;
}
.boxFicheTab tbody .middle .content
{

}
.boxFicheTab tbody .middle h2, .boxFicheTab tbody .middle .titre
{
	margin-bottom:5px;
	font-weight:bold;
	margin-top:0px;
	text-align:center;
}

.boxFicheTab
{
	margin-top:10px;	margin-bottom:10px;

}

.boxFicheTab thead .left, .boxFicheTab thead .right, .boxFicheTab tfoot .left, .boxFicheTab tfoot .right
{
	height:6px;	width:6px;
	background-repeat:no-repeat;
}

.boxFicheTab thead .left
{
	background-image:url("../images/DV4/boxFicheTopLeft.png");
	background-repeat:no-repeat;
	width:6px;
	height:6px;
}
.boxFicheTab thead .middle
{
	background-image:url("../images/DV4/boxFicheTop.png");
	height:6px;
}
.boxFicheTab thead .right
{
	background-image:url("../images/DV4/boxFicheTopRight.png");
	background-repeat:no-repeat;
	height:6px;
	width:6px;
}

.boxFicheTab tfoot .left
{
	background-image:url("../images/DV4/boxFicheBotLeft.png");
	background-repeat:no-repeat;

}

.boxFicheTab tfoot .middle
{
	background-image:url("../images/DV4/boxFicheBot.png");
	background-repeat:repeat-x;
}
.boxFicheTab tfoot .right
{
	background-image:url("../images/DV4/boxFicheBotRight.png");
	background-repeat:no-repeat;
	height:6px;
}
.boxFicheTab tbody .left
{
	background-image:url("../images/DV4/boxFicheLeft.png");
	background-repeat:repeat-y;
}
.boxFicheTab tbody .right
{
	background-image:url("../images/DV4/boxFicheRight.png");
	background-repeat:repeat-y;
}


.boxFicheTab tbody .middle
{
	padding : 5px 5px 5px 5px;
	background-color:white;
}

.boxFicheTab .datagrid
{
	min-width:800px;
}