/*  h1 : titre du corps              h2 : titre des sous chapitre du tuto + accessibilite              h4: titre du menu           h3: numéro de page*/
/*fond : ffcc99             couleur : db6003*/
body
{
	background: #fdbf81;
	color: #521702;
	margin: 0px 0px 5px 0px;
}

img
{
	border: 0px;
}

a
{
	color: #800a0a;  /*#663300;*/
}

a:visited
{
	color: #945305; /*#b05a03;*/
}

a:hover
{
	color: #d67412;
}

#Lien_cache
{
	display: none;
}

.rouge
{
	color: red;
	font-weight: bold;
}

.centrer
{
	text-align: center;
}

h3
{
	text-align:center;
	margin-top: 0px;
}

.webmaster
{
	color: #031aa6;
	border-bottom: 1px dashed black;
	font-weight: bold;
	font-size: 95%;
}

.admin
{
	color: #556655;
	border-bottom: 1px dashed black;
	font-weight: bold;
	font-size: 95%;
}
/* ******************************************************************** B A N N I E R E **************************************************************** */
#haut
{
	background: url(fond_haut1.png) repeat-x;
	height: 114px;
	color: white;
}

#haut a:hover
{
	color: white;
}

#hautConnection
{
	background: url(connection1.png) no-repeat;
	height: 114px;
	width: 310px;
	padding-top: 17px;
}

#date
{
	float: right;
	margin-top: 12px;
	padding: 0px 5px;
	text-align: center;
	font-size: 16px;
}

								/* ***************** Formulaire ******************* */

.connection
{
	background: none;
	border: 1px solid #ffcc99;
	color: #fce2c8;
	font-size: 13px;
	width: 120px;
	margin-bottom: 2px;
}

#formulaireConnection
{
	width: 210px;
	padding: 6px 0px 0px 2px;
	font-size: 13px;
}

#formulaireConnection p
{
	padding: 0px;
	margin: 0px;
}

#boutonConnection
{
	float: right;
	padding-top: 35px;
}

#OK
{
	background: url(valid.png);
	border: 0px;
	width: 30px;
	height: 30px;
}

                          /* **************** Partie Membre **************** */
#AfficheMembre
{
	width: 210px;
	padding: 6px 0px 0px 2px;
	font-size: small;
}

#AfficheMembre a
{
	color: white;
	text-decoration: none;
	border-bottom: 1px dashed;
}

#AfficheMembre a:visited
{
	color: white;
	text-decoration: none;
	border-bottom: 1px dashed;
}

#AfficheMembre a:hover
{
	color: #5c4833;
	text-decoration: none;
	border-bottom: 1px dashed;
}

#pseudo
{
	font-size: medium;
}


						/* **************** droite de banniere **************** */
#logo
{
	float: right;
	background: url(logo.png);
	width: 136px;
	height: 109px;
}

#titreLogo
{
	float: right;
	background: url(titre.png);
	width: 125px;
	height: 109px;
}

#flamme
{
	float: right;
	margin-right: auto;
}

#membreHaut
{
	margin: 40px 3px 0px 3px;   /* haut gauche bas droite */
	float: right;
	text-align: center;
	font-size: 16px;
}



/* ************************************************************BARRE SOUS BANNIERE **************************************************************** */

#barre
{
	background: #fd8308;
	margin-top: 0px;
	font-size: 16px;
}

#barreBas
{
	background: url(bas_barre.png) repeat-x;
	height: 12px;
}

#barre a
{
	color: white;
	text-decoration: none;
}

#barre a:visited
{
	text-decoration: none;
}

#barre a:hover
{
	color: #521702;
	text-decoration: none;
}

#barre #partie1_barre a:hover
{
	color: #521702;
	text-decoration: none;
    background: #ffce9d;
}

.lienBarreG
{
	padding: 0px 15px 0px 15px;
	border-right: 1px solid #ffce9d;
	border-bottom: 1px solid #ffce9d;
	float: left;
	text-align: center;
}

#Block_lienBarreD
{
}

.lienBarreD
{
	float: right;
	border-bottom: 1px solid #ffce9d;
	padding: 0px 15px 0px 15px;
	border-left: 1px solid #ffce9d;
	text-align: center;
}

#partie2_barre
{
	padding: 0px 5px 0px 5px;
	color: white;
	margin-top: 1px;
	text-align: center;
}

#barre_enigme
{
	text-align: left;
}


/* ********************************************************************* M  E  N  U  ******************************************************************* */

#menu
{
	float: left;
	margin-left: 5px;
}

h4  /* titre du menu */
{
	background: url(fond_menu.png) repeat-x;
	height: 25px;
	text-align: center;
	padding-top: 2px;
	margin: 0px;
	color: #fadcbf;
	font-weight: normal;
}

.sous_menu
{
	border: 1px solid #fd8308;
	border-top: 0px solid #fd8308;
	width: 150px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: #ffce9d;
}

.interieur_menu
{
	padding-left: 4px;
}

.interieur_menu_centrer
{
	padding-left: 4px;
	text-align: center;
}

.lienBlanc
{
	color: #faf1e7;
}

.rechercheGoogle
{
	text-align: center;
}

/* ********************************************************************* C O R P S  ******************************************************************* */

#ensemble_corps
{
	border: 1px solid #fd8308;
	margin-left: 165px;
	background: #ffce9d; /*#ffcc99;*/
	padding: 0px;
	margin-right: 5px;
}

h1  /* titre du corps */
{
	color: #d45703;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

#repere
{
	font-size: x-small;
	border-bottom: 1px dashed #fd8308;
	padding-left: 5px;
	padding-bottom: 2px;
}

#repereBas
{
	font-size: x-small;
	border-top: 1px dashed #fd8308;
	padding: 0px 0px 2px 5px;
}

#corps
{
	padding: 0px 5px 5px 5px;
	text-align: justify;
}

/*********************************************************************** B  A  S  ******************************************************************** */
#bas
{
	border: 1px solid #fd8308;
	background: #ffcc99;
	margin: 10px 5px 0px 165px;
	text-align: center;
}

/******************************************************* N E W S     et   T E L E C H A R G E M E N T ***************************************************** */

.bloc_news
{
	margin: 25px 20px 5px 20px;
}

.haut_news
{
	background: #fd8308;
}

.titre_news
{
	background: url(coinG_newsFF.png) no-repeat;
	color: #fadcbf;
	text-align: center;
	font-weight: bolder;
	padding: 3px 3px 3px 10px;
}

.bas_news
{
	border: 1px solid #fd8308;
	padding: 0px 5px 0px 5px;
}

.date_news
{
	background: #ffcc99;
	color: #fd8308;
	text-align: center;
	padding: 3px;
	float: right;
	font-size: small;
	margin: 2px 1px 0px 0px;
}

.com_news
{
	background: #ffcc99;
	color: #fd8308;
	text-align: center;
	padding: 3px;
	float: right;
	font-size: small;
	margin: 2px 1px 0px 0px;
}

.com_news:visited
{
	background: #ffcc99;
	color: #b05a03;
	text-align: center;
	padding: 3px;
	float: right;
	font-size: small;
	margin: 2px 1px 0px 0px;
}

.com_news:hover
{
	background: #ffcc99;
	color: #d67412;
	text-align: center;
	padding: 3px;
	float: right;
	font-size: small;
	margin: 2px 1px 0px 0px;
}

.telechargement_Gauche
{
	vertical-align: top;
	text-align: center;
}

.image_telechargement
{
	width: 200px;
	margin: 5px 0px 5px 0px;
}

.telechargement_Droite
{
	vertical-align: top;
}


/* ************************************************************************ T U T O  ******************************************************************/
.li_decale
{
	color: #d67412;
}

h2 /* titre des sous chapitre */
{
	text-align: center;
	color: #d67412;
	border-top: 1px dashed #fd8308;
	padding-top: 5px;
	margin-top: 35px;
}

hr /* ligne */
{
	text-align: center;
	color: #d67412;
	border: 0px dashed #fd8308;
	border-top: 1px dashed #fd8308;
	margin-top: 35px;
}

.partie_tuto_exo
{
	text-decoration: underline;
}

.imageTuto
{
	text-align: center;
	margin: 20px 0px 20px 0px;
	color: #d45703;
	font-size: small;
	font-weight: bold;
}

#Form_test
{
	border: 1px dotted #fd8308;
	margin: 5px;
	padding: 5px;
}

.question
{
	text-decoration: underline;
}

.proposition
{
	padding: 0px 0px 5px 25px;
	border-bottom: 1px dashed #fd8308;
	margin: 5px 5px 15px 5px;
}

.code_question
{
	border: 1px solid #fd8308;
	background: #fdbf81;
	margin: 5px 25px 5px 25px;
	padding: 0px 5px 0px 5px;
}

.codePython
{
	color: black;
	background: #fce3ca;
	border: 1px solid #fd8308;
	text-align: left;
	margin: 10px 20px;
	padding: 3px 5px 3px 5px;
	font-family: Arial;
	font-size: 95%;
}

.codePython .codeTexte
{
	color: #339900;   /*  vert  */
}

.codePython .codeCom  /* commentaire de coté */
{
	color: #dd0303;   /*  rouge  */
	margin-left: 15px;
}

.codePython .codeComHaut /* commentaire en haut */
{
	color: #dd0303;   /*  rouge  */
}

.codePython .codeFonction      /* fonct def par le langage (input, raw_input, type ...) */
{
	color: #990099;   /*  mauve  */
}

.codePython .codeFonctionPerso      /* fonct après un def*/
{
	color: blue;
}

.codePython .codeMot    /* mot def par le langage (print, def, ...) */
{
	color: #ff6600;   /*  orange  */
}

.codePython .tab
{
	margin-left: 29px;
}

.typeVariable       /*    tableau  expliquant les différents type     */
{
	border: 1px solid #fd8308;
	margin: auto;
}

.typeVariable td
{
	border: 1px solid #fd8308;
	padding: 0px 5px;
}

.td_description
{
	border: 1px solid #fd8308;
}

.tuto_aide
{
	color: black;
	margin: 40px 15px 0px 15px;
	font-style: italic;
	border: 1px dotted black;
	padding: 0px 5px 0px 5px;
	text-align: justify
}

.tuto_amelioration
{
	color: #90420e;
	margin: 35px 15px 0px 15px;
	font-style: italic;
	border: 1px dotted #90420e;
	padding: 0px 5px 0px 5px;
	text-align: justify
}

.tuto_objectif
{
	margin: 40px 0px 40px 0px;
}

.tutoriel
{
	text-align: center;
}

.exercice>li
{
	margin-bottom: 20px;
}

.exercice .num_question
{
	font-weight: bold;
}

ol>li
{
	margin-bottom: 15px;
}
/* ***************************************************************     C O M  et F O R U M    ***************************************************************/
.auteurSujet
{
	width: 165px;
}

.dateSujet
{
	font-size: 65%;
	border-bottom: 1px dashed #fd8308;
	border-left: 1px solid #fd8308;
}

.textSujet
{
	vertical-align: top;
	border-left: 1px solid #fd8308;
}

.tableauSujet
{
	border: 1px solid #fd8308;
	border-top: 0px solid #fd8308;
	width: 100%;
}

.bloc_sujet
{
	margin: 25px 20px 5px 20px;
}

.signature
{
	color: #8f4b02;
}

.titre_sujet
{
	background: #fd8308 url(coinG_newsFF.png) no-repeat;
	color: #fadcbf;
	text-align: center;
	font-weight: bolder;
	padding: 3px 3px 3px 10px;
}

#pas_com
{
	border: 1px solid #fd8308;
	text-align: center;
}

#ecrire_com
{
	border: 1px solid #fd8308;
	background: #fce1c7;
	color: #d45703;
}

									/* ********** FORUM    Page categorie************* */
.bloc_categorie, .bloc_sujetForum, .bloc_messageForum, .bloc_messagerie
{
	margin: 25px 20px 5px 20px;
}

.date_Sujet_forum a
{
    color: inherit;
    text-decoration: none;
}

.titre_categorie, .categorie_sujetForum, .titre_messageForum, .titre_messagerie
{
	background: #fd8308 url(coinG_newsFF.png) no-repeat;
	color: white;
	text-align: center;
	font-weight: bolder;
	padding: 3px 3px 3px 10px;
}

.categorieForum
{
	border-bottom: 1px dashed #fd8308;
}

.tableauCategorie, .tableauSujetForum, .tableauMessageForum, .tableauMessagerie
{
    border-collapse: collapse;
	border: 1px solid #fd8308;
	border-top: 0px solid #fd8308;
	width: 100%;
}

.theadCategorie th, .theadSujetForum th, .theadMessageForum th
{
	border: 1px dotted #fd8308;
}

.caseInfoCategorie
{
    width: 80px;
	border: 1px dashed #fd8308;
    text-align: center;
}

.categorieForum a:hover
{
	background: #fdbf81;
	color: #bb4400;
}

.categorieForum_Bas a:hover
{
	background: #fdbf81;
	color: #bb4400;
}

.lienCategorieForum
{
	display: block;
	text-decoration: none;
}

.TitreCategorieForum
{
	font-weight: bold;
	font-size: 17px;
	border-bottom: 1px dotted #bb4400;
}
									/* ********** FORUM    Page sujet ************* */
.statut_Sujet_forum
{
	width: 25px;
	padding-left: 3px;
	border: 1px dashed #fd8308;
	border-top: 0px dashed #fd8308;
}

.titre_Sujet_forum a
{
	display: block;
}

.titre_Sujet_forum a.Pages
{
	display: inline;
    font-size: 0.8em;
}

.reponse_Sujet_forum
{
	border: 1px dashed #fd8308;
	border-top: 0px dashed #fd8308;
    text-align: center;
    width: 10%;
}

.titre_Sujet_forum, .trforum
{
	border-bottom: 1px dashed #fd8308;
}

.tr_forum3
{
	border-top: 1px solid #fd8308;
}

.date_Sujet_forum
{
	width: 19%;
	border: 1px dashed #fd8308;
	border-top: 0px dashed #fd8308;
	text-align: center;
	font-size: 80%;
}

.auteur_Sujet_forum
{
	width: 18%;
	border: 1px dashed #fd8308;
	border-top: 0px dashed #fd8308;
	text-align: center;
	font-size: 80%;
}
/*
.nb_mess_forum
{
	width: 10%;
	border-left: 1px solid #fd8308;
	border-bottom: 1px solid #fd8308;
	text-align: center;
	font-size: 80%;
}*/

									/* **********   FORUM    Page reponse   ************* */
.page_messageForum
{
    float: right;
	color: #fadcbf;
}

.page_messageForum a, .page_messageForum a:visited
{
    color: white;
}

.edite_forum
{
	text-align: right;
	border-bottom: 1px dashed #fd8308;
}

.heure_post_forum
{
	font-size: 65%;
	border-bottom: 1px dashed #fd8308;
	border-left: 1px solid #fd8308;
	padding-left: 3px;
}

.avatar_forum
{
	vertical-align: top;
	border-bottom: 1px solid #fd8308;
	max-width: 20%;
}

.avatar_forum img
{
	max-width: 140px;
	max-height: 200px;
}

.text_forum
{
	vertical-align: top;
	border-left: 1px solid #fd8308;
	border-bottom: 1px solid #fd8308;
}
									/* **********   FORUM    Page nouveau sujet   ************* */
#champ_titre_forum
{
	border: 1px solid #fd8308;
	background: #fce1c7;
	color: #d45703;
	width: 70%;
	padding: 0px 2px;
	margin: 0px 2px 2px 2px;
}

/* *************************************************************** M E S S A G E R I E ***************************************************************** */

.trMessagerie
{
    border-top: 1px solid #fd8308;
}

.auteurMessagerie
{
	width: 165px;
}

.dateMessagerie
{
	font-size: 65%;
	border-bottom: 1px dashed #fd8308;
	border-left: 1px solid #fd8308;
}

.textMessagerie
{
	vertical-align: top;
	border-left: 1px solid #fd8308;
}

/* ********************************************************************  P R O F I L  ******************************************************************** */
.form_profil
{
	border: 2px outset #fd8308;
	width: 100%;
}

.form_profil_autre
{
	border: 1px solid #fd8308;
	width: 100%;
}

.champProfil
{
	border: 1px solid #fd8308;
	background: #fce1c7;
	color: #d45703;
	width: 90%;
	padding: 0px 2px;
	margin: 0px 2px;
}

.champProfilVille
{
	border: 1px solid #fd8308;
	background: #fce1c7;
	color: #d45703;
	padding: 0px 2px;
	margin: 0px 2px;
}

.ptiChampProfil
{
	border: 1px solid #fd8308;
	background: #fce1c7;
	color: #d45703;
	width: 45px;
	margin: 0px 2px;
	text-align: center;
}

#message_inscription    /*    profilMess.php  */
{
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}

/* ******************************************************************  I N S C R I R ******************************************************************* */
.explication
{
	width: 45%;
}

/* *****************************************************************  ACCESSIBILITE **************************************************************** */
#table
{
	margin: auto;
	border: 1px solid #fd8308;
}

#table td
{
	border: 1px solid #fd8308;
	padding: 5px;
}

#table th
{
	border: 1px solid #fd8308;
	padding: 0px 5px 0px 5px;
}











/*************** recherche google *******/

#ensemble_corps_recherche
{
	border: 1px solid #fd8308;
	background: #ffce9d; /*#ffcc99;*/
	padding: 0px;
	margin: 5px;
}

.rechercheGoogle td.td1_recherche
{
	vertical-align: top; 
	text-align: left;
	height: 32px;
	white-space: nowrap;
}

.rechercheGoogle td.td1_recherche img
{
	border: 0px solid black;
	text-align: center;
}

.rechercheGoogle td.td2_recherche
{
	white-space: nowrap;
}

.rechercheGoogle td span
{
	font-size: x-small;
	color: #000;
}














/************ news noel ***********/
#noel
{
	text-align: center;
	font-weight: bold;
	font-size: x-large;
	padding: 10px;
	background-image: url(neige.gif);
}