* {
	font:1em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
}

/* >>> Mise en page ----------------------------------------------------------- */

html {
	font-size:75%;
}
body {
	font-size:1em;
	color:#814541;
	text-align:center;
	background:#FFF url(../images/bkg.jpg) repeat-x top left;
}
#contenant {
	width:940px;
	margin:0 auto;
	text-align:left;
}
#titre {
	margin:20px 0 0 160px;
	height:50px;
}
#col_gauche, #col_droite {
	float:left;
	width:160px;
	padding:0 0 1px;
}
#col_centre {
	float:left;
	width:571px;
	margin-right:25px;
	padding:10px;
	border:2px solid #FAE5CA;
}
.accueil #contenu {
	float:left;
	background:transparent url(../images/bkg_contenu.gif) repeat-y top left;
}
.accueil #col_centre {
	margin-left:7px;
	padding:3px 0 0 3px;
	width:585px;
	border:none;
	border-top:7px solid #FAE2C4;
}
.clear {
	clear:both;
}
.hidden {
	position:absolute;
	left:-500em;
}

/* >>> En-tête ---------------------------------------------------------------- */

#entete {
	height:200px;
	background:transparent url(../images/bkg_entete.jpg) no-repeat top left;
}
#entete #logo {
	margin:0 0 0 269px;
	height:200px;
	background:transparent url(../images/bkg_logo.gif) repeat-x bottom left;
}
#entete #logo a {
	display:block;
	position:relative;
	width:406px;
	height:58px;
	top:126px;
	background:transparent url(../images/logo.gif) no-repeat top left;
}
#entete #navig {
	float:right;
	position:relative;
	top:135px;
}
#entete #navig li {
	margin-bottom:0.25em;
	padding:0 5px 0 0;
}
#entete #navig a {
	font-size:0.9em;
	color:#FAE5CA;
	text-decoration:none;
}

/* >>> Pied de page ----------------------------------------------------------- */

#piedpage {
	margin:25px 0 0;
	padding:10px;
	font-size:0.9em;
	text-align:center;
	border-top:3px solid #FAE5CA;
}

/* >>> Contenu ---------------------------------------------------------------- */

/* Général */

h1 {
	font-size:1.3em;
	font-weight:bold;
}
.sous-titre {
	margin:0.2em 0 0;
	font-size:1em;
	font-weight:normal;
	color:#333;
}
.accueil #col_centre h2, 
.accueil #col_centre p {
	margin-left:10px;
	margin-right:10px;
}
h2 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.5em;
}
h2.separation {
	border-top:1px dotted #ccc;
	padding:5px 0 0;
}
p {
	margin:0.75em 0;
	line-height:1.5em;
}
p.first-child {
	margin-top:0;
}
.txt_droite {
	text-align:right;
}
a {
	color:#B13C14;
	text-decoration:underline;
}
a:visited {
	color:#814541;
}
a:hover {
	color:#D0632B;
}
strong {
	font-weight:bold;
}
table {
	width:100%;
	border-collapse:collapse;
}
.info {
	font-size:0.8em;
}
.nodata {
	font-size:0.9em;
	text-align:center;
}
.marque {
	font-size:0.9em;
	text-transform:uppercase;
}
.note {
	font-size:0.9em;
	color:#666;
}

/* Formulaire */
legend {
	font-weight:bold;
}
select, 
textarea {
	border:1px solid #814541;
}
.texte input:focus, 
select:focus {
	background-color:#FFF;
}

.texte {
	margin-bottom:1.25em;
}
.texte label {
	display:block;
	padding:0 0 5px;
	font-weight:bold;
}
.texte input {
	padding:1px 2px 2px;
	border:1px solid #814541;
}
.exemple {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	white-space:nowrap;
}
div.note {
	padding-top:0.25em;
}

/* Taille des champs */
#ch_prenom, 
#ch_nom, 
#ch_courriel, 
#sl_sujet {
	width:300px;
}
#ch_nomusager, 
#ch_motpasse_ac, 
#ch_motpasse_nv, 
#ch_motpasse, 
#ch_confmotpasse {
	width:150px;
}

/* Connexion 
   ---------------------------------------------------------------- */
   
#connexion, .bloc {
	padding:5px 10px 10px;
	border:2px solid #FAE5CA;
}
#connexion.logout div {
	margin-bottom:0.5em;
}
#connexion.logout label {
	display:block;
	padding-bottom:3px;
	font-size:0.9em;
	font-weight:bold;
}
#connexion.logout #cnx_nomusager,
#connexion.logout #cnx_motpasse {
	width:130px;
	padding:1px 2px 2px;
	border:1px solid #814541;
	background-color:#FCF7F0/*FCF2E4*/;
}
#connexion.logout #cnx_nomusager:focus,
#connexion.logout #cnx_motpasse:focus {
	background-color:#FFF;
}
#connexion.logout .bouton {
	margin:1em 0 0.75em;
}
#connexion .info {
	text-align:center;
}
#connexion .msgerreur {
	padding:0 0 0 21px;
	color:#C00;
	font-weight:bold;
	background:transparent url(../images/bkg_msgerreur.gif) no-repeat top left;
}
#connexion .usager {
	display:block;
	font-size:0.9em;
}
#connexion ul li {
	font-size:0.9em;
	margin-bottom:0.5em;
}
.bloc {
	margin-bottom:15px;
}
.bloc p.bouton {
	margin-top:1.15em;
}

/* Classement générale et par catégorie  
   ---------------------------------------------------------------- */

/* Catégories */
ul.menu li {
	display:inline;
	list-style-type:none;
}
ul.menu li.first-child a {
	margin-top:0;
}
ul.menu li a {
	display:block;
	width:125px;
	margin:1px 0 0;
	padding:3px 10px 3px 25px;
	background:transparent url(../images/puce.gif) no-repeat 7px 50%;
}
ul.menu a:hover,
ul.menu a.active {
	color:#000;
	text-decoration:none;
	background-color:#FAE2C4;
}
ul.menu a.active {
	cursor:default;
}

/* Aucun site */
table.classement .nodata {
	padding:5px 5px 6px;
}

/* Classement des sites inscrits */
table.classement th {
	padding:3px 5px;
	color:#FFF;
	font-size:0.9em;
	text-align:left;
	text-transform:uppercase;
	background-color:#814541;
}
table.classement th.rang {
	width:40px;
}
table.classement th.evolution, 
table.classement th.visites, 
table.classement th.pages-vues {
	width:75px;
	text-align:center;
}
table.classement td {
	padding:5px;
	border-bottom:1px solid #F8DDBD;
}
table.classement td.rang, 
table.classement td.site-web,
table.classement td.site-web a {
	font-weight:bold;
}
table.classement td.evolution, 
table.classement td.visites, 
table.classement td.pages-vues {
	font-size:0.9em;
}
table.classement td.visites, 
table.classement td.pages-vues {
	text-align:center;
}
.evo_stable {
	padding-left:35px;
	background:transparent url(../images/fleche_neutre.gif) no-repeat 20px 50%;
	color:#666;
}
.evo_negatif {
	padding-left:35px;
	background:transparent url(../images/fleche_bas.gif) no-repeat 20px 50%;
	color:#8E4D4D;
}
.evo_positif {
	padding-left:35px;
	background:transparent url(../images/fleche_haut.gif) no-repeat 20px 50%;
	color:#470;
}
.evo_nd {
	padding-left:28px;
}

/* Date des données */
.accueil #col_centre p.infotableau {
	margin-right:0;
	font-size:0.8em;
	text-align:right;
}

/* Mes sites  
   ---------------------------------------------------------------- */

/* Aucun site */
.siteweb .nodata {
	margin-top:3px;
	padding-bottom:25px;
	color:#666;
}

/* Liste des sites inscrits */
.siteweb {
	border-top:1px dotted #ccc;
	padding:5px 5px 0;
	margin-top:10px;
	background:#fff url(../images/bkg_instance.gif) repeat-x top left;
}
.site_operations {
	float:right;
	width:175px;
	text-align:right;
}
.site_operations li {
	display:inline;
	padding-left:5px;
}
.site_nom {
	font-size:1.1em;
	font-weight:bold;
}
.site_url {
	margin:0.1em 0 0.25em;
	font-size:0.9em;
	color:#666;
}
.site_categories {
	margin:0.5em 0 1em;
	font-size:0.9em;
}
.site_categories ul {
	display:inline;
}
.site_categories ul li {
	display:inline;
	padding-right:5px;
}
.site_code {
	font-size:0.9em;
}
.tx_code {
	margin:0.35em 0 1em;
	padding:5px;
	width:500px;
	height:4em;
	font-family:"Courier New", Courier, monospace;
	font-size:0.9em;
	color:#666;
	border:1px solid #ccc;
}

/* Liste des sites refusés */
table.refus .date {
	width:200px;
}
table.refus th {
	padding:3px 5px;
	color:#FFF;
	font-size:0.9em;
	text-align:left;
	text-transform:uppercase;
	background-color:#814541;
}
table.refus td {
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #F8DDBD;
}
table.refus .site_url {
	display:block;
}

/* Icônes des opérations */
a.bt_ajouter, a.bt_editer, a.bt_supprimer {
	padding:3px 0 3px 22px;
	font-size:0.8em;
	text-decoration:none;
	text-transform:uppercase;
	color:#666;
}
a.bt_ajouter:visited, a.bt_editer:visited, a.bt_supprimer:visited {
	color:#666;
}
a.bt_ajouter:hover, a.bt_editer:hover, a.bt_supprimer:hover {
	color:#666;
	text-decoration:underline;
}
.bt_ajouter {
	background:transparent url(../images/bkg_ajouter.gif) no-repeat center left;
}
.bt_editer {
	background:transparent url(../images/bkg_editer.gif) no-repeat center left;
}
.bt_supprimer {
	background:transparent url(../images/bkg_supprimer.gif) no-repeat center left;
}

/* Inscrire un site  
   ---------------------------------------------------------------- */

/* Date de création */
#form-inscription caption {
	padding:0 0 5px;
	font-weight:bold;
	text-align:left;
}
#form-inscription table th, 
#form-inscription table td {
	padding:2px 5px 2px 0;
}
.date_mois label, 
.date_annee label {
	font-weight:normal;
}
.date_mois {
	width:140px;
}

/* Catégories */
#form-inscription #categories li {
	display:block;
	float:left;
	width:33%;
	padding:3px 0;
}
#form-inscription #categories label {
	margin-left:5px;
}

/* Taille des champs */
#ch_nom_site, #ch_url_site {
	width:500px;
}
#sl_mois_site, #sl_annee_site {
	width:125px;
}

/* Conditions */
#conditions {
	margin:1.5em 35px -10px;
	padding:7px 10px 10px;
	font-size:0.9em;
	border:1px solid #666;
}
#conditions p {
	margin-top:0;
}
#conditions ul {
	margin-left:25px;
}
#conditions li {
	list-style-type:disc;
}

/* Code */
#tx_code {
	width:460px;
	margin:1em 40px;
	padding:10px;
	font-family:"Courier New", Courier, monospace;
	font-size:0.9em;
	color:#666;
	border:1px solid #666;
}

/* Approuver les sites  
   ---------------------------------------------------------------- */
   
#form-approbation input {background-color:transparent; border:none;}

#form-approbation th {
	font-weight:bold;
}
#form-approbation th,
#form-approbation td  	{
	padding:4px; 
	border-bottom:1px solid #F8DDBD;
	vertical-align:top;
}
#form-approbation th.refus,
#form-approbation th.accept {
	border-color:#FFF; 
	text-align:center;
}
#form-approbation td.refus {
	background-color:#E5CCCC; 
	border-color:#FFF;
}
#form-approbation td.accept	{
	background-color:#CCE5CC; 
	border-color:#FFF;
}
#form-approbation .accept {
	border-left:1px solid #FFF; 
	border-right:3px solid #FFF;
}
#form-approbation td.refus, 
#form-approbation td.accept	{
	width:35px; 
	padding:4px 0; 
	text-align:center; 
	vertical-align:middle;
}
#form-approbation td.refus label, 
#form-approbation td.accept label {
	display:block; 
	position:absolute; 
	left:-500em;
}
#form-approbation .site_categories {
	display:block;
	margin-bottom:0;
}
#form-approbation .date {
	width:150px;
	font-size:0.9em;
}

/* Bouton 
   ---------------------------------------------------------------- */

#col_centre form .bouton {
	margin-top:2em;
}
.bouton {
	text-align:center;
}
.bouton input {
	width:auto;
	overflow:visible;
	padding:2px 3px 3px;
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
	cursor:pointer;
	border:1px solid #B23C14;
	background:#E67A3C url(../images/bkg_bouton.gif) repeat-x bottom left;
}
.bouton a, .bouton a:visited, .bouton a:hover {
	padding:3px 6px 4px;
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #B23C14;
	background:#E67A3C url(../images/bkg_bouton.gif) repeat-x bottom left;
}

/* Message d'erreurs  
   ---------------------------------------------------------------- */

/* Indication Champ obligatoire */ 
.obligatoire {
	float:right;
	margin-bottom:0.25em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#E20002;
	text-align:right;
}
.ch_textarea {
	position:relative; 
	bottom:15.2em;
}

/* Message général */
.msgerrgen {
	margin:0 120px 0.25em 0;
	padding:7px 0 7px 42px; 
	background:transparent url(../images/bkg_msgerreurgen.gif) no-repeat top left;
	color:#E20002; 
	font-weight:bold; 
}
.msgerrgen a, 
.msgerrgen a:visited{color:#E20002;}
.msgerrgen a:hover	{color:#000;}

/* Message d'erreurs sous le message général */
ul.erreurs			{margin:0 0 25px 42px; font-size:0.9em;}
ul.erreurs a,
ul.erreurs a:visited,
ul.erreurs a:hover	{color:#E20002; text-decoration:none;}
ul.erreurs em		{font-weight:bold; font-style:normal;}
ul.erreurs li 		{margin-bottom:0.25em; line-height:normal;}

/* Message d'erreurs sous les champs concernés */				 
.msgerreur {
	color:#E20002; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em; 
	margin-top:0.2em; 
	padding-bottom:0.25em; 
	line-height:normal;
}
.msgerreur em {
	font-style:normal;
}

/* Couleur des champs en erreur */
form input.ch_erreur,  
form select.ch_erreur, 
form textarea.ch_erreur {
	background-color:#f5ebeb;
	border-color:#C00; 
}

/* Message de confirmation  
   ---------------------------------------------------------------- */

/* Message général */
#msgsucces {
	margin:0 0 5px;
	padding:7px 0 7px 42px; 
	background:transparent url(../images/bkg_msgsucces.gif) no-repeat top left;
	color:#017C28; 
	font-weight:bold; 
}

/* Indication supplémentaire sous le message général */
.indication {
	display:block;
	margin:0.5em 0 0;
	font-size:0.9em;
	font-weight:normal;
}