/* Général */
*
{
	font: 18px Helvetica, arial, freesans, clean, sans-serif;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::selection
{
	text-shadow: none;
	background: rgba(65,131,196,0.4);
}

a
{
	color: #666;
	text-decoration: none;
}

p, ul
{
	margin: 0;
}

table
{
	border-collapse: collapse;
	line-height: 1.7;
	text-align: center;
	width: 100%;
}

table tr th, table tr td { padding: 5px; }

table tr:nth-child(2n) { background-color: #f8f8f8; }
#lessonsTab tr { background-color: white; }
#lessonsTab tr:nth-child(4n - 2), #lessonsTab tr:nth-child(4n - 1) { background-color: #f8f8f8; }

table tr th, table tr th a
{
	color: black;
	font-weight: bold;
}

.littleTab
{
	width: 90%;
	margin: auto;
}

.littleTab tr th, .littleTab tr th a
{
	font-weight: normal;
}

.littleTab tr th, .littleTab tr td
{
	background-color: #f0f0f0;
}

body
{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

nav
{
	float: left;
	width: 220px;
	padding: 3px;
	background: #efefef;
	border-radius: 2px;
}

nav ul li
{
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fff;
	line-height: 2.8;
	width: 212px;
}

nav ul li:hover
{
	background-color: white;
}

nav ul li:first-child { border-top: none; }
nav ul li:last-child { border-bottom: none; }

nav ul
{
	list-style-type: none;
	background-color: #fafafa;
}

header.red>*, header.green>*
{
	color: white;
	font-weight: bold;
	font-size: 22px;
}

header.red>* { background-color: #c2443f; }
header.green>* { background-color: #66b949; }

section, header, nav
{
	position: relative;
	background: #efefef;
	padding: 3px;
	border-radius: 3px;
	margin: 0 0 15px;
}

section>*, nav>*, header>*
{
	padding: 20px;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-top: 1px solid #ccc;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	color: #666;
}

nav>* { padding: 0px; }

section p { line-height: 2.5; }

h1
{
	font-size: 25px;
	text-align: center;
}

h2, h1
{
	background-image: linear-gradient(#fafafa, #e0e0e0);
	background-repeat: repeat-x;
	margin: 0;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	border: 1px solid #d8d8d8;
	border-bottom: 0;
	padding: 10px 10px 11px;
	font-size: 20px;
	text-shadow: 0 1px 0 #fff;
	font-weight: bold;
}

label
{
	display: block;
	width: 125px;
	float: left;
	text-align: right;
	margin-top: 10px;
	margin-right: 20px;
}

.largeLabels label { width: 225px; }
.veryLargeLabels label { width: 275px; }

input { line-height: 1.4; }

/* Boutons */
button, input[type="submit"]
{
   font-family: Calibri;
   font-size: 16px;
   font-weight: bold;
   border: none;
   text-align: center;
   color: #333333;
   background-repeat: no-repeat;
   height: 36px;
   line-height: 22px;
   cursor: pointer;
}

button.delete
{
   height: 35px;
   width: 182px;
   background-image: url("../images/buttons/delete.png");
   color: #c90000;
}
button.delete:hover
{
	background-image: url("../images/buttons/deleteH.png");
	color: white;
}

button.mail
{
   width: 49px;
   background-image: url("../images/buttons/mail.png");
}
button.mailV
{
   background-image: url("../images/buttons/mailV.png");
   color: white;
}
button.mail:hover { background-image: url("../images/buttons/mailH.png"); }
button.mailV:hover { background-image: url("../images/buttons/mailVH.png"); }


button.phone
{
   width: 92px;
   background-image: url("../images/buttons/phone.png");
}
button.phoneV
{
   background-image: url("../images/buttons/phoneV.png");
   color: white;
}
button.phone:hover { background-image: url("../images/buttons/phoneH.png"); }
button.phoneV:hover { background-image: url("../images/buttons/phoneVH.png"); }

input[value="Envoyer"]
{
   height: 35px;
   width: 76px;
   background-image: url("../images/buttons/send.png");
}
input[value="Envoyer"]:hover { background-image: url("../images/buttons/sendH.png"); }

input[value="Créer"]
{
   width: 56px;
   background-image: url("../images/buttons/create.png");
}
input[value="Créer"]:hover { background-image: url("../images/buttons/createH.png"); }

input[value="Rechercher"]
{
   width: 97px;
   background-image: url("../images/buttons/search.png");
}
input[value="Rechercher"]:hover { background-image: url("../images/buttons/searchH.png"); }

input[value="Connexion"]
{
   height: 35px;
   width: 97px;
   background-image: url("../images/buttons/connect.png");
}
input[value="Connexion"]:hover { background-image: url("../images/buttons/connectH.png"); }