/* Container principal */
#container {
    width: 1100px;
    margin: auto;
	background-color:#FFFFFF;
	display:block;
	overflow:auto;
	
}
	
#header
{
	margin: auto;
	background-color:#EB911F;
	height:130px;

}

#line
{
	margin: auto;
	background-color:#333;
	height:20px;
}

#banniere-verticale
{
	float: left;
	width:240px;
	background-color:#333;
	padding-left:15px;
	padding-top:10px;
}

#menu-mobil
{
	display:none;
}

#mbody{
	position:relative;

	margin:10px;
	text-align:center;
	padding:10px;
	
}

/* Affichage des boutons du bandeau */
#logo {
	position:relative;
	float: left;
	margin-left:40px;
	margin-top:20px;

} 

#btnAccueil {
	position:relative;
	float: left;
	margin-left:70px;
	margin-top:7px;
	background-image: url(../img/btnHomOff.png);
	background-repeat:no-repeat;
	width:82px;
	height:120px;
}

#btnJoinUs {
	position:relative;
	float: left;
	margin-left:30px;
	margin-top:7px;
	background-image: url(../img/btnJoinUsOff.png);
	background-repeat:no-repeat;
	width:82px;
	height:120px;
}

#btnGresi {
	position:relative;
	float: left;
	margin-left:30px;
	margin-top:7px;
	background-image: url(../img/btnGresiOff.png);
	background-repeat:no-repeat;
	width:102px;
	height:119px;
}

#btnTrail {
	position:relative;
	float: left;
	margin-left:30px;
	margin-top:7px;
	background-image: url(../img/btnTrailOff.png);
	background-repeat:no-repeat;
	width:82px;
	height:120px;
}

#btnNew {
	position:relative;
	float: left;
	margin-left:30px;
	margin-top:7px;
	background-image: url(../img/btnNewOff.png);
	background-repeat:no-repeat;
	width:82px;
	height:120px;
}

#btnPhoto {
	position:relative;
	float: left;
	margin-left:30px;
	margin-top:7px;
	background-image: url(../img/btnPhotoOff.png);
	background-repeat:no-repeat;
	width:82px;
	height:120px;
}

#btnPrivate {
	position:relative;
	float: left;
	margin-left:30px;
	margin-top:7px;
	background-image: url(../img/btnPrivateOff.png);
	background-repeat:no-repeat;
	width:82px;
	height:120px;
}

/****************************************************
*              ACCUEIL					            *
****************************************************/
#cadre-info
{
	position:relative;
	background:#FFFFFF;
	border: 3px solid #E3E4E4;
	float: left;
	width:190px;
	height:280px;
	margin-top:15px;

	margin-left:60px;
	padding-left:5px;
	padding-right:5px;

}

#sous-cadre-info
{
	position: absolute; 
	bottom: 0;
	left:0;
	/*position:relative;*/
	background:#E3E4E4;
	width:200px;
	height:50px;
	float: bottom;
	text-align:center;
}

#cadre-accueil
{
	position:relative;
	background:#FE7C00;
	float: left;
	width:730px;

	margin-left:60px;
	margin-top:20px;
	padding:5px;
}

/****************************************************
*              JOIN US					            *
****************************************************/
.cadre-photo
{
	position:relative;
	background:#FFF5CE;
	border: 3px solid #333333;
	float: right;
	width:190px;
	height:250px;
	padding-top:0px;
	margin-top:15px;
	margin-right:5px;
	margin-left:5px;
}

#cadre-info-rdv
{
	position:relative;
	border: 3px solid #FFFFFF;
	background:#FFFFFF;
	float: left;
	width:410px;
	height:250px;
	padding-top:0px;
	margin-top:15px;
	margin-right:5px;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
}

.cadre-menu
{
	position:relative;
	background:#FFFFFF;/*5CE;*/
	border: 3px solid #333333; /*#924111;*/
	float: right;
	width:135px;
	height:180px;
	padding-top:0px;
	margin-top:15px;
	margin-right:5px;
	margin-left:5px;
	text-align:left;
}
/* A effacer */
.cadre-menu-right
{
position:relative;
	border: 3px solid #FFFFFF;
	background:#FFFFFF;
	float: left;
	width:460px;
	height:150px;
	padding-top:0px;
	margin-top:15px;
	margin-right:5px;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
}

/* Cadre contenant le texte de la partie publique du site */
#cadre-text
{
position:relative;
	border: 3px solid #FFFFFF;
	background:#FFFFFF;
	float: left;
	width:600px;
	height:200px;
	padding-top:0px;
	margin-top:15px;
	margin-right:5px;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	
}
.cadre-plan
{
	position:relative;
	float: left;
	width:500px;
	height:375px;
	margin-top:15px;
	margin-left:70px;


}



.scroll
{
	height:250px;
	width:180px;
	background:#FFFFFF;
	text-align: center;
	font-family:Calibri;
	color:#000000; 
	font-size:12px;

	}


.tableNewRunner
{
	background:#FFFFFF;
	font-family:Calibri;
	color:#000000; 
	font-size:12pt;
	width: 95%;
	text-align: left;

	
}

.tableNewRunner2
{
	background:#FFFF00;
	font-family:Calibri;
	color:#000000; 
	font-size:12pt;
	width: 95%;
	text-align: left;
	border:1px;
	
}

.tableContact
{
	background:#FFFFFF;
	font-family:Calibri;
	color:#000000; 
	font-size:12pt;
	width: 100%;
	text-align: left;
	
}

.tableLogon
{
	margin-top: 30px;
	background:#FFFFFF url('../img/logonBackgnd.png') no-repeat;
	border:1px;
	font-family:Calibri;
	color:#000000; 
	font-size:10pt;
	width: 400px;
	height:250px;
	text-align: center;
	
}

.tableForget
{
	margin-top: 30px;
	background:#FFFFFF url('../img/forgetBackgnd.png') no-repeat;
	border:1px;
	font-family:Calibri;
	color:#000000; 
	font-size:10pt;
	width: 400px;
	height:250px;
	text-align: center;
	
}

.tableNewEvt{
	position:relative;
	float: right;
	margin-left:5px;
	margin-right: 1%;
	margin-bottom:10px;
	background:#FFF5CE;
	border: 1px solid #D8CE9F;
	height:160px;
	width:99%;
	text-align:left;
	font-family:Calibri;
	font-weight:bold;
	font-size:12pt;
	color:#000000;
	
	
}

.tableListEvt{
	position:relative;
	float: right;
	margin-left:5px;
	margin-right: 1%;
	
	margin-bottom:5px;
	background:#FFF5CE;
	border: 1px solid #D8CE9F;
	
	width:99%;

	/*font-weight:bold;*/

	
	
}
	
/***********************************
*             FORMULAIRE           *
************************************/
form
{
	text-align:left;
	margin-left:200px;
	width: 600px;
}

fieldset
{
	text-align:left;
	font-family:Calibri;
	font-weight:bold;
	font-size:16pt;
}

label
{
	text-align:left;
	display: block;
	width: 200px;
	float: left;
	margin-left:30px;
	font-family:Calibri;
	font-size:12pt;
	
}



input, select  {
	display: block;
	width: 200px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	background:#ED982C;
	color:000000;	 
    border:solid 1px #72310D;
    padding:5px;
	margin-bottom:10px;
	
	font-family:Calibri;
	font-size:12pt;
}

input[type="date"], input[type="time"], select {
	width: 150px;
}

input[type="submit"], input[type="button"] {
	float:right;
	width:100px;
	margin-right:5px;
}

input[type="password"] {
	width:200px;
	margin-right:5px;
}

#raceDist, #raceDev, #racePts
{width: 50px;}

A IMG
{
border: none;
}


/* Tablette */
@media all and (max-width: 1024px)
{
    #container
    {
        width: auto;
    }
	
	#header
	{
		width: auto;
		height:130px;
	}
	
	#banniere-verticale,#menu-mobil
	{
		display:none;
	}
	
	
	/* Rollover des boutons du menu */
	#btnAccueil {
		
		margin-left:40px;
		
	}


	#btnJoinUs, 
	#btnGresi,
	#btnTrail,
	#btnPhoto, 
	#btnNew, 
	#btnPrivate {		
		margin-left:20px;
	}

}

/* Mobile 
@media all and (max-width: 768px)
{
	#container, 
    {
        width: auto;
    }
	
	#header, #banniere-verticale, #line
	{
		display:none;
	}
	
	#menu-mobil
	{
		display:block;s
		margin: auto;
		background-color:#333;
		height:40px;
	}
	
}*/