/* Fichier style.css */


/* Style général */
body{
	background-color: #FFFFFF;
	background-image: url(../images/fond_doc.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

TD{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

img{
	border: 0;
}

li{
	list-style-image: url(../images/puce_brun.gif);
}

.gris{
	color: #666666;
}

.rouge{
	color: #FF0000;
}

.brun{
	color: #997C50;
}

.titre_simple{
	color: #997C50;
	font-weight: bold;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.titre_menu{
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.brun_clair{
	color: #C1AF95;
}

.orange{
	color: #FF6600;
	text-align: center;
}

.orange_gras{
	color: #FF6600;
	font-weight: bold;
}

.petit{
	font-size: 10px;
}

.petit_gris{
	font-size: 10px;
	color: #666666;
}

.petit_gris_clair{
	font-size: 10px;
	color: #AAAAAA;
}

.petit_rouge{
	font-size: 10px;
	color: #FF0000;
}

.justifie_marge{
	text-align: justify;
	margin-bottom: 5px;
}

.message_erreur{
	color: #FF6600;
	font-weight: bold;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}



/* Formatage des mots-clés */
/* NB : ne pas spécifier de taille + fonte (car # entre titres et infos...) */
.m_c{
	background-color: #FDFDFD;
	border: 1px solid darkorange;
	color: #FF6600;
}



A:LINK, A:VISITED{
	color: #997C50;
	text-decoration: none;
}
A:HOVER, A:ACTIVE{
	color: darkorange;
	text-decoration: underline;
}


#lien_clair a{
	color: #C1AF95;
	text-decoration: none;
}

#lien_clair a:visited{
	color: #C1AF95;
	text-decoration: none;
}

#lien_clair a:hover{
	color: darkorange; /* pour HOVER clair : #FFA264 */
	text-decoration: underline;
}

#lien_clair a:active{
	color: darkorange;
	text-decoration: underline;
}



acronym {
	font-style: normal; /* Pour Konqueror qui formate en italique */
	border-bottom: 1px dashed #997C50;
	cursor: help;
}
acronym.menu_gauche {
	font-style: normal; /* Pour Konqueror qui formate en italique */
	border: none; /* Pour Konqueror qui met un "border-bottom" */
	cursor: help;
}


.titre{
	color: #FF6600;
	text-align: center;
	padding-bottom: 20px;
	font-weight: bold;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.titre_envoyer_commentaire{  /* Formulaire d'envoi d'un commentaire */
	margin-top: 25px;
	margin-bottom: 2px;
	font-weight: bold;
	text-align: left;
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.message_accueil{
	color: #FF6600;
	margin: 20px 0 0 0;
}


.cadre_texte{
	width: auto; /* Pour MSIE sinon la bordure de droite n'apparaît pas toujours... */
	border: 1px solid #666666;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
}

.cadre_texte_liste{
	border: 1px solid #666666;
	background-color: #FFFFFF;
	padding: 0 10px 0 0;
}


#image_info{
	border: 0;
	padding: 0 10px 1px 0;
}










/* Style du formulaire de gestion du compte */
.cadre_compte{
	border: 1px dashed darkorange;
	background-color: #FFFDF9;
	padding: 2px 0px 0px 0px;
	width: 100%;  /* Pour MSIE sinon augmente largeur cadre_texte du formulaire */
}










#titre_cadre_derniers_commentaires{  /* Récapitulatif en page d'accueil */
	margin-top: 25px;
	margin-bottom: 2px;
	font-weight: bold;
	text-align: left;
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#cadre_derniers_commentaires{
	border: 1px dashed #666666;
	background-color: #FFFFFF;
	padding: 0 10px 0 0px;
	margin: 0 0 30px 0;
	color: #666666;
	text-align: justify;
}

#cadre_derniers_commentaires li{
	list-style-image: url(../images/puce_gris.gif);
}

#cadre_derniers_commentaires a{
	color: #666666;
	text-decoration: none;
}

#cadre_derniers_commentaires a:visited{
	color: #666666;
	text-decoration: none;
}

#cadre_derniers_commentaires a:hover{
	color: darkorange;
	text-decoration: underline;
}

#cadre_derniers_commentaires a:active{
	color: darkorange;
	text-decoration: underline;
}










/* Style des formulaires */
#formulaire_recherche{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 150px;
	background-color: #FFF1D1;
	border: 1px solid darkorange;
	color: #685436;
}
#formulaire_recherche:hover, #formulaire_recherche:focus{
	color: black;
	background-color: #FFFFFF;
}


.formulaire_radio_sondage_gauche{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.formulaire_bouton_sondage_gauche{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFF1D1;
	border: 1px solid #997c50;
}





#formulaire{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	background-color: #FDFDFD;
	border: 1px solid #DDDDDD;
	color: #666666;
	margin-top: 2px;
	margin-bottom: 5px;
}
#formulaire:hover, #formulaire:focus{
	border: 1px solid #666666;
	color: #000000;
}


#formulaire_file{  /* Ne pas préciser de width sinon le background "dépasse" */
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FDFDFD;
	border: 1px solid #DDDDDD;
	color: #666666;
	margin-top: 2px;
	margin-bottom: 5px;
}
#formulaire_file:hover, #formulaire:focus{
	border: 1px solid #666666;
	color: #000000;
}


#formulaire_select{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FDFDFD;
	border: 1px solid #DDDDDD;
	color: #666666;
	margin-top: 2px;
	margin-bottom: 5px;
}
#formulaire_select:hover, #formulaire_select:focus{
	border: 1px solid #666666;
	color: #000000;
}


#formulaire_nom_url{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 197px; /* Laisser 197 (ne pas mettre 200 sinon un peu trop large) */
	background-color: #FDFDFD;
	border: 1px solid #DDDDDD;
	color: #666666;
	margin-top: 2px;
}
#formulaire_nom_url:hover, #formulaire_nom_url:focus{
	border: 1px solid #666666;
	color: #000000;
}


#formulaire_checkbox{
	margin-top: 5px;
}


#formulaire_textarea{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	height: 200px;
	background-color: #FDFDFD;
	border: 1px solid #DDDDDD;
	color: #666666;
	margin-top: 2px;
	margin-bottom: 5px;

}
#formulaire_textarea:hover, #formulaire_textarea:focus{
	border: 1px solid #666666;
	color: #000000;
}


#formulaire_bouton{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FDFDFD;
	border: 1px solid #DDDDDD;
	color: #666666;
	margin-top: 20px;
}
#formulaire_bouton:hover, #formulaire_bouton:focus{
	border: 1px solid #666666;
	color: #000000;
}


#formulaire_login_mdp{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FDFDFD;
	border: 1px solid #DDDDDD;
	color: #666666;
	width: 150px;
	margin: 5px;
}
#formulaire_login_mdp:hover, #formulaire_login_mdp:focus{
	border: 1px solid #666666;
	color: #000000;
}


#formulaire_bouton_login_mdp{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FDFDFD;
	border: 1px solid #DDDDDD;
	color: #666666;
	margin: 5px;
}
#formulaire_bouton_login_mdp:hover, #formulaire_bouton_login_mdp:focus{
	border: 1px solid #666666;
	color: #000000;
}


.formulaire_compte{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	width: 100px;
	margin: 5px;
	color: #666666;
}

.formulaire_compte:hover, .formulaire_compte:focus{
	color: #000000;
}










/* Style des stats */
#stats{
	border: 1px dashed #666666;
	background-color: #FDFDFD;
	padding: 3px 3px 3px 3px;
}

#stats td{ /* Style cellules des barres */
	text-align: center;
	color: #997C50;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#stats td.mois{ /* Style cellules des mois */
	border-top: 1px solid #666666;
	color: #666666;
	width: 35px;
}










/* Style des menus de gauche */
#titre_gauche{
	margin-top: 15px;
	margin-bottom: 2px;
	font-weight: bold;
	text-align: left;
	color: #FF6600;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}


#cadre_gauche{
	background-color: #FFFFFF;
	/* Pas de width pour que le HOVER soit actif sur toute la ligne sous MSIE */
}

#cadre_gauche ul{
	border: 1px solid darkorange;
	padding: 0;
	margin: 0; /* Marge interne -> laisser (décalage boîte) */

}

#cadre_gauche li{
	list-style: none;
	display: inline; /* Évite ligne entre liens sous MSIE */
}

#cadre_gauche a{
	display: block;
	text-decoration: none;
	color: #997C50;
	padding: 2px 0 2px 12px;
}

#cadre_gauche a:visited{
	display: block;
	text-decoration: none;
	color: #997C50;
	padding: 2px 0 2px 12px;
}

#cadre_gauche a:hover{
	color: darkorange;
	border-left: 5px solid darkorange;
	padding: 2px 0 2px 7px;
}

#cadre_gauche a:active{
	color: darkorange;
	border-left: 5px solid darkorange;
	padding: 2px 0 2px 7px;
}


.menu_actif{
	color: #FF6600;

}

.sous_menu{
	padding-left: 0; /* NB : conserver ici sinon le A HOVER est lui aussi décalé */
}

#zone_sous_menu{
	border-left: 1px solid #FF6600;
	margin-left: 15px;
}

#zone_sous_menu a:hover{
	border: 0;
	margin-left: 10px;
	padding-left: 2px;
}





/* Style des cadres de gauche (lien standards) */
#cadre_gauche_liens_standards{
	/* Pas de width sinon décalage sous MSIE */
	border: 1px solid darkorange;
	padding: 2px 7px 2px 7px;
	background-color: #FFFFFF;
}

#cadre_gauche_liens_standards a{
	display: inline;
	text-decoration: none;
	color: #997C50;
}

#cadre_gauche_liens_standards a:visited{
	display: inline;
	text-decoration: none;
	color: #997C50;
}

#cadre_gauche_liens_standards a:hover{
	color: darkorange;
	text-decoration: underline;
}

#cadre_gauche_liens_standards a:active{
	color: darkorange;
	text-decoration: underline;
}


/* Style du cadre "Recommander LeSiteMSMA.net" (lien standards) */
#cadre_recommander{
	/* Pas de width sinon décalage sous MSIE */
	margin-top: 29px; /* 15+12(taille police)+2 = 29 */
	border: 1px dashed #666666;
	padding: 2px 7px 2px 7px;
	background-color: #FFFFFF;
	color: #666666;
	text-align: center;
}





/* Style des cadres de gauche anciens sondages */
#titre_gauche_anciens_sondages{ /* Précise le style car le titre est tout en haut (à l'inverse des autres titres des menus gauche) -> pas de margin-top */
	margin-bottom: 2px;
	font-weight: bold;
	text-align: left;
	color: #FF6600;
	width: 150px; /* Précise la taille car le formulaire de recherche (150 de large) ne s'affiche pas ici */
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#cadre_gauche_anciens_sondages ul{
	/* Pas de width sinon décalage sous MSIE */
	border: 1px solid darkorange;
	background-color: #FFFFFF;
	padding: 2px 2px 2px 20px;
	margin: 0; /* Marge interne -> laisser (décalage boîte) */
	text-align: left;
}

#cadre_gauche_anciens_sondages li{
	padding-bottom: 7px;
}

#cadre_gauche_anciens_sondages a{
	display: inline;
	text-decoration: none;
	color: #997C50;
}

#cadre_gauche_anciens_sondages a:visited{
	display: inline;
	text-decoration: none;
	color: #997C50;
}

#cadre_gauche_anciens_sondages a:hover{
	color: darkorange;
}

#cadre_gauche_anciens_sondages a:active{
	color: darkorange;
}










/* Style des menus rubriques Collégiens, BEP, Bac, Profs */
.petit_menu{
	border-bottom: 2px solid #EEEEEE;
	text-align: left;
	width: 440px;  /* NB : 450 - 10(cellspacing) */
	margin-bottom: 20px;
	/* Pas de background-color #FFFFFF (sinon cache une partie du fond_doc.gif en 800x600) */
}


.petit_menu_actif{ /* Pour les menus COLLÉGIENS, BEP, BAC */
	color: #000000; /* NB : ne fonctionne qu'avec <SPAN> DEVANT texte */
	background-color: #EEEEEE; /* NB : ne fonctionne qu'avec <SPAN> DEVANT <A HREF=""> */
	padding: 1px 0 1px 0;
}


.petit_menu ul{
	margin: 0;
	padding: 2px 0 1px 0; /* Marge haut-bas (NB : laisser 2px pour le haut sinon bordure non affichée sous MSIE) */
}

.petit_menu li{
	display: inline;
}

.petit_menu a{
	color: #997C50;
	padding: 1px 10px 1px 10px; /* Marge gauche-droite entre les liens*/
	text-decoration: none;
	border: 1px solid #DDDDDD;
}

.petit_menu a:visited{
	color: #997C50;
	padding: 1px 10px 1px 10px; /* Marge gauche-droite entre les liens*/
	text-decoration: none;
	border: 1px solid #DDDDDD;
}

.petit_menu a:hover{
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
}

.petit_menu a:active{
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
}










/* Style du menu bas */
#menu_bas{
	border-top: 1px solid darkorange;
	text-align: center;
	width: 600px;
	padding-bottom: 5px; /* Nécessaire sous Konqueror sinon le HOVER fait descendre fond_doc.gif */
	/* Pas de background-color #FFFFFF (sinon cache une partie du fond_doc.gif) */
}

#menu_bas ul{
	margin: 0;
	padding: 1px 0 0 0; /* Marge haut-bas sinon l'accent de "À propos" touche le cadre*/
}

#menu_bas li{
	display: inline;
}

#menu_bas a{
	color: #997C50;
	padding: 1px 12px 1px 12px; /* Marge gauche-droite entre les liens*/
	text-decoration: none;
}

#menu_bas a:visited{
	color: #997C50;
	padding: 1px 12px 1px 12px; /* Marge gauche-droite entre les liens*/
	text-decoration: none;
}

#menu_bas a:hover{
	color: darkorange;
	border-bottom: 5px solid darkorange;
}

#menu_bas a:active{
	color: darkorange;
	border-bottom: 5px solid darkorange;
}










/* Style des infos */
.cadre_info{  /* Permet de gérer l'espace entre chaque info */
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 20px;
}

TD.tableau_info_titre{
	background: #FFF1D1;
	padding: 2px 0 2px 0;
	font-weight: bold;
	color: #997C50;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

TD.tableau_info_titre a{
	color: #997C50;
	text-decoration: none;
}

TD.tableau_info_titre a:visited{
	color: #997C50;
	text-decoration: none;
}

TD.tableau_info_titre a:hover{
	color: #997C50;
	text-decoration: none;
}

TD.tableau_info_titre a:active{
	color: #997C50;
	text-decoration: none;
}


TD.tableau_info_nom_date_moderation{
	padding: 2px 0 2px 0;
	color: #666666;
	background: #FFFFFF; /* Laisser à cause du fond_doc.gif */
}

TD.tableau_info_texte{
	background: #FFFFFF;
	border: 1px solid #997C50;
	border-bottom: none;
	padding: 10px 10px 2px 10px;
	text-align: justify;
}

/* Style spécial pour la visualisation du texte de l'info (padding bas) */
TD.tableau_info_texte_form_proposer_info{
	background: #FFFFFF;
	border: 1px solid #997C50;
	padding: 10px 10px 10px 10px; /* padding bas de 10 car pas de Modéro, liens_modéro, "Envoyer un commentaire" ni "Lire l'info complète" */
	text-align: justify;
}

TD.tableau_info_moderateur{
	background: #FFFFFF;
	border: 1px solid #997C50;
	border-top: none;
	border-bottom: none;
	padding: 10px 10px 2px 10px;
	text-align: justify;
}

TD.tableau_info_envoyer_commentaire_lire_info_complete{
	background: #FFFFFF;
	border: 1px solid #997C50;
	border-top: none;
	padding: 10px 10px 10px 10px;
	text-align: center;
}


/* NB : laisser #FF6600 sinon moins visibles (à cause du fond non blanc) */
#lien_titre_info_commentaire a{
	text-decoration: none;
	color: #FF6600;
}

#lien_titre_info_commentaire a:visited{
	text-decoration: none;
	color: #FF6600;
}

#lien_titre_info_commentaire a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF6600;
}

#lien_titre_info_commentaire a:active{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF6600;
}










/* Style des commentaires */
.cadre_commentaire{  /* Permet de gérer l'espace entre chaque commentaire */
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 15px;
}


TD.tableau_commentaire_titre{
	background: #EEEEEE;
	border-bottom: none;
	padding: 2px 0 2px 0px;
	font-weight: bold;
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

TD.tableau_commentaire_titre a{
	color: #666666;
	text-decoration: none;
}

TD.tableau_commentaire_titre a:visited{
	color: #666666;
	text-decoration: none;
}

TD.tableau_commentaire_titre a:hover{
	color: #666666;
	text-decoration: none;
}

TD.tableau_commentaire_titre a:active{
	color: #666666;
	text-decoration: none;
}


TD.tableau_commentaire_nom_date{
	background: #FFFFFF; /* Laisser à cause du fond_doc.gif */
	border-top: none;
	padding: 2px 0 2px 0px;
	border-left: none;
	border-right: none;
	color: #666666;	
}

TD.tableau_commentaire{
	background: #FFFFFF;
	border: 1px solid #666666;
	padding: 10px 10px 10px 10px;
	text-align: justify;
	color: #666666;	
}










/* Style des infos présentées en liste */
TD.tableau_info_liste_titre{
	background: #FFFFFF;
	padding: 0 0 2px 0;
	font-weight: bold;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

TD.tableau_info_liste_date_nombre_commentaire{
	background: #FFFFFF;
	padding: 0 0 2px 0;
	color: #FF6600;
}

TD.tableau_info_liste_texte{
	background: #FFFFFF;
	padding: 0 0 2px 0;
	text-align: justify;
}

TD.tableau_info_liste_theme{
	background: #FFFFFF;
	padding: 0 0 15px 0;
	color: #666666;
}



/* Style des n°s de pages sur la page des infos présentées en liste */
A.lien_page_info_liste{
	color: #997C50;
	text-decoration: none;
	padding: 0 5px 0 5px;
	border: 1px solid #FFFFFF; /* Laisser sinon bouge les liens lors du HOVER */
}

A.lien_page_info_liste:visited{
	color: #997C50;
	text-decoration: none;
	padding: 0 5px 0 5px;
	border: 1px solid #FFFFFF; /* Laisser sinon bouge les liens lors du HOVER */
}

A.lien_page_info_liste:hover{
	color: darkorange;
	text-decoration: none;
	border: 1px solid darkorange;
}

A.lien_page_info_liste:active{
	color: darkorange;
	text-decoration: none;
	border: 1px solid darkorange;
}

#page_en_cours_info_liste{
	color: #FF6600;
	font-weight: bold;
	padding: 0 5px 0 5px;
}










/* Style des statistiques */
.mois_annee_stats{
	background: #FFFFFF;
	border-bottom: 1px solid #997C50;
	padding: 50px 0 2px 0;
	font-weight: bold;
	color: #997C50;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

TD.tableau_stats_titre_top{
	background: #FFFFFF;
	border-bottom: 1px dotted #997C50;
	padding: 5px 0 5px 0;
	font-size: 12px;
	text-align: center;
}

TD.tableau_stats_titre_left{
	background: #FFFFFF;
	padding: 5px 0 5px 0;
	font-size: 12px;
}

TD.tableau_stats{
	background: #FFFFFF;
	padding: 0 0 2px 0;
	font-size: 12px;
	text-align: center;
}