/*
Feuille de styles pour partie commune de chaque page : styles des cadres, bannière et pied de page + balises générales
*/

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.9em;
	text-align: justify;
}
#page {
	width:800px;
	position: relative; 
    background-color: #68add6; /* c'est la couleur de FOND. autre couleur : Bleu turquoise pale #b3cdff ; GRIS #e3e3da ou turquoise #21b8ae; */
    background-image: url("/images/fond.jpg"); /* Le fond est l'image "skieur.gif" */
	background-repeat: repeat; /* Le fond ne se répète pas */
	background-position: top left; /* Le fond est aligné en haut à droite */
	background-attachment: scroll; /* Le fond est fixé */
	margin: auto; /* la page est centré avec "auto" */
}
.bloc { /* les différents blocs constituants la page sont definis comme suit : */
	border: 1px solid #ffad15;
	position: relative;
	margin:0px;	
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #e1e6ff;
	/* Pour l'antiquité IE */
	/* Pour Mozilla (<= 1.6) et une partie des navigateurs Gecko */
	/* Pour mozilla firefox et les navigateurs le supportan<t, et OPERA NON. CSS3 */
	-moz-opacity:0.9;
	/* opacity: 0.9;  */
	clear:both; /* pour défloater le menu.... */
}
#bandeau {
	text-align:center;
	padding:0px;
}
#banniere {
	margin-left: 130px;
	font-size: 0.9em;
}
.invisible{
	color: #e1e6ff;
}


/* 
Menu ou speedbarre
REPLACE PAR FICHIER SEPARE : styles_menu.css
*/


/* 
Pied de page
*/
#pied_page {
}
#retour_accueil {
	position:relative;
	float:left;
	text-indent: 50px;
	text-align:left;
	margin-bottom:5px;
}
#aleatoire {
	margin-right: 50px;
	position:relative;
	text-align:right;
	font-weight:bold;
}
#liensbas {
	clear:both;
	position:relative;
	text-align: right;
	margin-right:50px;
	margin-bottom:20px;
	color: #ffad15;
}
#auteur {
	text-align:center;
	letter-spacing: 2pt;
}
.pub {
	clear:both;
	position:relative;
	text-align:center;
	margin: 10px;
	padding: 3px;
	/* border: 1px dashed #e1e6ff; */
}
#stats { /* XITI */
	text-decoration: none;
	font-size: 0.8em;
	text-align:center;
}


/* 
Les commentaires
*/
.lescommentaires {
	position:relative;
}
.commentaire {
	margin: 10px;
	padding: 3px;
	border: 1px dashed #ffad15;
}
.pseudo_date {
	text-align:center;
	color: #68add6;
	margin-bottom: 10px;
	font-style:italic;
}
.pseudo_date strong {
	font-style:normal;
}
.contenu {
	text-align:justify;
	color: #68add6;
}


/* 
Styles standards, titre et alignement
*/
.orange {
	color: #ffad15;
}
.gros {
	font-size: 0.9em;
	font-weight:bold;
}
.notes {
	font-size: 0.85em;
	font-style: italic;
}
h1 { /* titre de bienvenue, page accueil,en bleu foncé */
	font-size: 2em;
	letter-spacing: 4pt;
	text-align: center;
	color: rgb(9,115,150);
}
h2 { /* titre des pages */
	font-size: 1.2em;
	letter-spacing: 2pt;
	text-align: left;
	color: rgb(0,64,128);
}
h3 { /* titre des paragraphes, en bleu foncé  = #004080 */
	font-size: 1.1em;
	color: rgb(0,64,128);
}
h5 {
	font-size: 0.85em;
	font-weight:lighter;
}

.retour_haut {
	text-align: right;
	font-size:0.8em;
}
.retour_haut_2min {
	text-align: right;
	margin-right:30px;
	margin-top:20px;
	font-size:0.8em;
	position:relative;
}

.centrer { 
	text-align: center;
}
.droite {
	text-align: right;
}
.gauche {
	text-align: left;
}
.clear {
	clear:both;
}
.floatg {
	float: left;
}
.floatd {
	float: right;
}

.icone {
	margin-right:2px;
	margin-left:1px;
	width:20px;
}

.lien_garfield { /* dans le PLAN DU SITE */
	list-style-type: square;
}

/* 
Raccourcis
*/
a {
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: navy; /* Les liens seront en bleu */
   border-bottom: 1px dotted;
}
a:hover, a:focus, a:active {
   text-decoration: none;
   color: rgb(9,115,150); /* Le lien sera écrit en turquoise quand on pointera dessus */
}
.no-dot {
	border: 0px;
}
.no-dot a,img {
	border: 0px;
}
h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited, h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
	color: inherit;
}