body
{
	margin: 0px;
	margin-top: 0px;
	font-family: "lucida grande",tahoma;
}

img
{
	border: none;
}

#container
{
	margin: 10px;
	margin-left: 13%;
	margin-bottom: 100px;
}


#footer
{
	color: rgb(73,73,73);
	font-size: 0.9em;
	margin: 0px;
	width: 100%;
	min-height: 82px;
	background-color: rgb(221,221,221);
}

#connectes
{
	margin: 0;
	padding: 0;
	padding: 20px 0 20px 16%;
	width: 70%;
}

#chat
{
	width: 80%;
}


#barre_bleue
{
	background-color: rgb(59,89,152);
	width: 100%;
	height: 82px;
	margin: 0px;
}

#barre_bleue img
{
	margin: 0px;
	padding: 0px;
	margin: 20px 0 0 16%;
}

.input
{
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	color: #000;
	font: 18px calibri bold,arial bold;
	height: 25px;
	margin: 0 0 15px 0;
	padding: 3px 8px 3px 6px;
	width: 70%;
}

.pseudo
{
	color: rgb(99,109,161);
}

.quizz
{
	color: rgb(51,56,85);
}

a
{ 
  text-decoration: none;
  color: rgb(99,109,161);
  font-size: 0.7em;
}

.date
{
	font-size: 0.8em;
}

.message
{
	font-size: 0.9em;
}

a
{ 
  text-decoration: none;
  color: rgb(99,109,161);
  font-size: 0.7em;
}


.bouton_pointer
{
	cursor: pointer;
}

#chat a
{
	font-size: 0.9em;
}

.color_matiere
{
	color: rgb(99,109,161);
}

.notes
{
	font-size: 1.2em;
	color: rgb(0,157,185);
	margin: 0 0 0 10px;
}

h1
{
	color: rgb(0,60,119);
}

a
{
	font-size: 1em;
}

.petit_texte
{
	font-size: 0.7em;
}

.sur_vingt
{
	color: rgb(103,103,103);
	font-size: 0.8em;
}


.annee
{
	color: rgb(232,0,0)
}

.mois
{
	color: rgb(0,91,159)
}

.calendrier_mois
{
	border-collapse: collapse;
}

.calendrier_mois td
{
	width: 40px;
	height: 40px;
	border: 1px solid rgb(148,148,148);
	text-align: right;
	background-color: rgb(240,240,240);
	font-size: 1.1em;
}

.calendrier_mois .td_evenement
{
	background-color: rgb(255,225,170);
}

.calendrier_mois .none_aujourdhui
{
	border: 2px solid red;
}

.calendrier_mois .td_evenement_aujourdhui
{
	background-color: rgb(255,225,170);
	border: 2px solid red;
}

.calendrier_mois .none
{
	border: none;
	border: 1px solid rgb(148,148,148);
}

.calendrier_mois td:hover
{
	background-color: rgb(255,170,85);
}

.calendrier_mois td a
{
	color: rgb(69,69,69);
}

.calendrier_mois th
{
	border: none;
	color: rgb(190,190,190);
}

.calendrier_mois .td_vide
{
	border: none;
	background-color: white;
}

.calendrier_mois .td_vide:hover
{
	background-color: white;
}

.jour
{
	margin: 0 10px 0 0;
}

.liens_mois
{
	font-size: 1.5em;
}

.liens_mois a
{
	color: rgb(134,134,134);
	margin-right: 20px;
}

.evenement
{
	width: 80%;
}


.selected_annee
{
	width: 100px;
}

.div_mois
{
	float: left;
	margin-right: 3.5%;
	height: 350px;
}

.clear
{
	clear: both;
}

.aujourdhui
{
	float: left;
	margin-right: 10%;
}

.demain
{
	float: left;
}

#evenement
{
	margin-bottom: 30px;
}

.titre_aujourdhui
{
	color: red;
}

.titre_demain
{
	color: rgb(183,0,0);
}

.red
{
	color: red;
}

.green
{
	color: green;
}

.text_petit
{
	font-size: 0.8em;
}


.index_menu_item
{
	width: 220px;
	margin: 0 1% 50px 0;
	float: left;
	font-size: 0.9em;
	color: rgb(35,35,35);
}

.index_menu_item h2
{
	font-size: 1.4em;
}

.index_menu2
{
	width: 80%;
	font-size: 0.9em;
	color: rgb(35,35,35);
}

table.tableau_mesdocs
{
	width: 100%;
	
}

td.center
{
	text-align: center;
}

.formulaire_quizz label
{
	font-size: 0.8em;
}

.formulaire_quizz .form_quizz, .formulaire_quizz .form_reponse_quizz
{
	float: left;
}

.formulaire_add_quizz input[type="text"]
{
	width: 55%;
}

.formulaire_add_quizz input.input_reponse
{
	width: 25%;
}

.formulaire_recherche
{
	float: left;
	margin-left: 20%;
}

.formulaire_date
{
	float: left;
}

table.sudoku
{
    border-collapse: collapse;
	text-align: center;
}

table.sudoku td
{
	width: 30px;
	height : 30px;
}

.border
{
	border: 1px dashed black;
}

.borderright
{
	border: 1px dashed black;
	border-right: 2px black solid;
}

.borderleft
{
	border: 1px dashed black;
	border-left: 2px black solid;
}

.borderbottom
{
	border: 1px dashed black;
	border-bottom: 2px black solid;
}

.bordertop
{
	border: 1px dashed black;
	border-top: 2px black solid;
}

.borderbottomright
{
	border: 1px dashed black;
	border-bottom: 2px black solid;
	border-right: 2px black solid;
}

.borderbottomleft
{
	border: 1px dashed black;
	border-bottom: 2px black solid;
	border-left: 2px black solid;
}

.bordertopright
{
	border: 1px dashed black;
	border-top: 2px black solid;
	border-right: 2px black solid;
}

.bordertopleft
{
	border: 1px dashed black;
	border-top: 2px black solid;
	border-left: 2px black solid;
}

table.sudoku_formulaire
{
    border-collapse: collapse;
	text-align: center;
}

table.sudoku_formulaire td input
{
    width: 40px;
	height: 40px;
	font-size: 1.7em;
	text-align: center;
	border: none;
}

.input_mail_taille
{
	width: 300px;
}

/* 1 : dans le tableau solution */
.case_enonce
{
	color: rgb(0,158,191);
}

.case_resolue
{
	color: rgb(136,0,0);
}
/* 1. */


/* 2 : dans le tableau formulaire */
.case_a_remplir
{
	color: rgb(78,78,78);
}

.case_remplie
{
	color: rgb(0,158,191);
}

.case_solution_sur_un_coup
{
	background-color: rgb(255,225,193);
}
/* 2. */

.sudoku_jeu_candidats
{
	font-size: 0.7em;
}

/* grille sudoku entière */
table.sudoku_afficher_candidats .case_remplie
{
	font-size: 1.2em;
}

table.sudoku_afficher_candidats td
{
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;
}

/* tableau imbriqué dans chaque case : candidats*/
table.table_sudoku_jeu_candidats
{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}


table.table_sudoku_jeu_candidats tr td
{
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
}

.mois_recherche_tous_evenement
{
	margin-left: 50px;
}

table.messagerie th
{
	background-color: rgb(0,152,202);
	padding: 10px;
	color: white;
}

table.messagerie td
{
	text-align: center;
	padding: 5px;
}

.X a, .X
{
	color: red;
}

.O a, .O
{
	color: green;
}

table.affichage_message
{
	width: 500px;
}

table.affichage_message td
{
	vertical-align: middle;
	padding: 8px;
}
	
table.affichage_message td.centrer
{
	text-align: center;
	background-color: rgb(0,152,202);
	color: white;
}

table.affichage_message td.cellule_message
{
	background-color: rgb(221,221,221);
	padding: 15px;
}

table.affichage_message td.cellule_repondre
{
	background-color: rgb(221,221,221);
}


table.affichage_message input.titre
{
	width: 400px;
}

table.affichage_message textarea.message
{
	width: 500px;
	height: 250px;
}









table.telechargement, table.telechargement table
{
	border-collapse: collapse;
	width: 100%;
}

table.telechargement td
{
	font-size: 12px;
}

table.telechargement  td.tableau_colonne_gauche a
{
	line-height: 17px;
}

table.telechargement  td.tableau_colonne_gauche
{
	border-right: 1px solid rgb(193,216,240);
	background-color: rgb(235,235,235);
	padding-left: 20px;
	width: 260px;
	height: 900px;
	
}


table.telechargement  td.tableau_colonne_droite, table.telechargement  td.tableau_colonne_droite a
{
	color: rgb(20,20,20);
}

table.telechargement table
{
	width: 100%;
}

table.telechargement td
{
	vertical-align: top;
	padding: 3px;
}

table.telechargement table td
{
	vertical-align: middle;
}

table.telechargement table tr:hover, table .tableau_premiereligne
{
	background-color: rgb(231,231,231);
}

table td.colonne_taille, table td.colonne_acces, table td.colonne_modif, table td.colonne_ext
{
	text-align: center;
}




/* ****************** */
/* ****************** */
/* DEBUT - MEDIA SCREEN 1110 */
/* ****************** */
/* ****************** */
@media screen and (max-width: 1110px)
{
	#container
	{
		margin-left: 5%;
	}

}

/* ****************** */
/* ****************** */
/* DEBUT - MEDIA SCREEN 975 */
/* ****************** */
/* ****************** */
@media screen and (max-width: 975px)
{
	#container
	{
		margin-left: 3%;
	}

}


/* ****************** */
/* ****************** */
/* DEBUT - MEDIA SCREEN 640 */
/* ****************** */
/* ****************** */
@media screen and (max-width: 640px)
{
	#container
	{
		margin-left: 1%;
	}
	
	.calendrier_mois td
	{
		width: 30px;
		height: 30px;
		font-size: 1.0em;
	}
}



/* ****************** */
/* ****************** */
/* DEBUT - MEDIA SCREEN 260 */
/* ****************** */
/* ****************** */
@media screen and (max-width: 260px)
{

	.calendrier_mois td
	{
		width: 25px;
		height: 25px;
	}
}