/* LAMARCHE LUDOVIC
14 Decembre 2012 */

/****Dimensions de la page**********/
body
{
	width:1000px;
	margin:auto;
	background-color:#002853;
	
}
#corps
{
	width:1000px;
	height:900px;
	background-image:url('../img/background.png');
}
/*Style Général ***************/
.invisible
{
	display : none;
}

table, table th, table td
{
	border: gray 1px solid;
}
body
{
	font-family:sans-serif;
}
body a
{
	text-decoration:none;
	color:#0076bf;
}
body img
{
	border:none;
}
body a:hover
{
	color:gray;
}
.petit
{
	font-size:10px;
}
.message
{
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 60px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/info-icon.png');
}

.message a
{
	color: red;
	font-weight: bold;
}

/*Dimension du haut de la page logo etc...*/
#head
{
	width:100%;
	height:200px;
}
#head h1
{
	float:left;
	color:white;
	text-decoration:underline;
	position:relative;
	top:50px;
	left:200px;
	width:350px;
	text-align:center;
	
}
/*******Définition du menu******************/
.menu
{
	width:210px;
	float:left;
	position:relative;
	left:20px;

}

	/**Fond du menu et position**/
.menu .top
{
	height:20px;
	background-image:url('../img/menuTop.png');

}
.menu .middle ul, .menu .middle h4
{
	margin:0px;
}
.menu .middle h4
{
	text-align:center;
	margin-bottom:10px;
}
.menu .middle
{
	background-image:url('../img/menuMiddle.png');
	padding:5px;
}
.menu .bottom
{
	background-image:url('../img/menuBottom.png');
	height:20px;
}
.menu .separation
{
	height:20px;
}

	/**Style et couleurs**/
.menu h4
{
	color:#0076bf;
	padding-bottom:5px;
	font-size:17px;
	text-transform:uppercase;
	
}
.menu h4:before
{
	content:url("../img/graduated-icon.png");
}
.menu hr
{
	width:170px;
	margin:auto;
	margin-bottom:10px;
	color:gray;
}
.menu ul
{
	margin-left: 0px;
	padding-left: 0px;
	
	list-style:none;
	letter-spacing:2px;
	font-size:16px;
}
.menu li
{
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
.menu ul hr
{
	color:#0076bf;
	width:90px;
	margin:auto;

}
.menu a
{
	text-decoration:none;
	text-transform:capitalize;
	color:#002853;
}
.menu a:hover
{
	text-decoration:none;
	text-transform:capitalize;
	font-weight:900;
	color:#0076bf;
}

	
/************Définition du boite****************/

.box
{
	width:700px;
	margin-left:250px;

}
.box .arbo
{
	font-style:oblique;
	font-size:10px;
}
.box .top
{
	height:20px;
	background-image:url('../img/boxTop.png');

}
.box .middle ul, .box .middle h4
{
	margin:0px;
}
.box .middle h4
{
	text-align:center;
	margin-bottom:10px;
}
.box .middle
{
	background-image:url('../img/boxMiddle.png');
	padding:20px;
	padding-top:1px;
	overflow:auto;
}
.box .bottom
{
	background-image:url('../img/boxBottom.png');
	height:20px;
}
.connexion
{
	margin:0px;
	margin:auto;
}
/**********Onglet ********/
.onglet
{
	float:left;
	width:140px;
	height:54px;
	padding-top:12px;
	background-image:url('../img/onglet.png');
	background-repeat:no-repeat;
	text-align:center;
	position:relative;
	top:156px;
}
.onglet a
{
	position:relative;
	top:5px;
	text-decoration:none;
	color:#0076bf;
	font-size:14px;
	
}
.onglet a img
{
	vertical-align:middle;
}
.onglet a:hover
{
	color:gray;
}
.onglet1
{
	position:relative;
	right:250px;
	
}
.onglet2
{
	position:relative;
	right:200px;
}
.onglet3
{
	position:relative;
	right:150px;
}
.onglet3 a
{
	font-size:13px;
}
.ongletSelected
{
	background-image:url('../img/ongletSelected.png');
}

/**************Les formulaires***************/
.box
{
	color:#002853;
}
.box h1
{
	color:#0076bf;
	text-transform:uppercase;
}
.box h2
{
	color:#0076bf;
	text-transform:uppercase;
}

.box form label
{
	width:175px;
	float:left;
}
.box fieldset
{
	margin-bottom:15px;
}
.box fieldset legend
{
	
	color:#0076bf;
	padding:3px;
	text-transform:uppercase;
}
/***********Les tableaux*************/
.box td
{
	font-size:12px;
}
.box th
{
	font-size:12px;
	width:40px;
}
.box th.colonne
{
	width:20px;
	font-size:10px;
}
.box td
{
	text-align:center;
}
.box .petitInput
{
	width:25px;
}
.box .moyenInput
{
	width:80px;
}
.box table
{
	background-color:white;
}
.box .paire
{
	background-color:#F2F2F2;
}
.box .anneeInput
{
	width:35px;
}
/*******Footer*********/
#footer
{
	color:white;
	float:left;
	width:100%;
	
}
#footer p
{
	padding:15px;
}
#footer .droite
{
	float:right;
}
#footer .gauche
{
	float:left;
}
/******Passages*******/
.blockPassage
{
	float:left;
	width:250px;
}
.blockPassage select
{
	width:220px;
}
.blockPassage#liste2
{
	font-size:12px;
	width:auto;
}
/*******Tuto********/
#tuto
{
	width:100%;
	overflow:none;
}
#tuto img
{
	margin:auto;
	display:block;
	max-width:75%;
}