/* CSS issu des tutoriels css.alsacreations.com */
/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p  {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/

body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color:#c4c4c4;
}

/*pré loading des images*/
img.preload 
{
	display: none; 
}

a img
{
	border: none;
}

*			/*tout les elements*/
{
	margin: 0;
	padding: 0;
}

#img_1ere_page	/*image d'accueil*/
{
	width: 950px;
	height: 550px;
	margin:auto;
}

#header_couche101 {background: url(css_image/banniere/banniere_01.jpg) no-repeat center; height: 239px;}
#header_couche102 {background: url(css_image/banniere/banniere_02.jpg) no-repeat center; height: 239px;}
#header_couche103 {background: url(css_image/banniere/banniere_03.jpg) no-repeat center; height: 239px;}
#header_couche104 {background: url(css_image/banniere/banniere_04.jpg) no-repeat center; height: 239px;}
#header_couche105 {background: url(css_image/banniere/banniere_05.jpg) no-repeat center; height: 239px;}
#header_couche106 {background: url(css_image/banniere/banniere_06.jpg) no-repeat center; height: 239px;}
#header_couche107 {background: url(css_image/banniere/banniere_07.jpg) no-repeat center; height: 239px;}
#header_couche108 {background: url(css_image/banniere/banniere_08.jpg) no-repeat center; height: 239px;}


#header_couche201 {background: url(css_image/banniere_barre_txt.png) no-repeat center; height: 239px;}
#header_couche202 {background: url(css_image/banniere_barre_txt.png) no-repeat center; height: 239px;} 
#header_couche203 {background: url(css_image/banniere_barre_txt.png) no-repeat center; height: 239px;}
#header_couche204 {background: url(css_image/banniere_barre_txt.png) no-repeat center; height: 239px;}
#header_couche205 {background: url(css_image/banniere_barre_txt.png) no-repeat center; height: 239px;}
#header_couche206 {background: url(css_image/banniere_barre_txt.png) no-repeat center; height: 239px;}
#header_couche207 {background: url(css_image/banniere_barre_txt.png) no-repeat center; height: 239px;} 
#header_couche208 {background: url(css_image/banniere_barre_txt.png) no-repeat center; height: 239px;}
	

#conteneur 
{
	position: relative;
	width: 751px;
	margin: 0 auto; 
}
#centre_haut
{
	background: url(css_image/centre_haut.png) no-repeat center;
	height: 29px;
}

#centre 
{
	margin-left: 0px;
	text-align: justify;
	background: url(css_image/centre.png) repeat-y center;
}

#txt_contenu
{
	width: 490px;
	margin-left: 212px;
	padding-left:20px;
	padding-right: 20px;
	padding-top: 8px; /*12 du centre haut +8=20*/
	padding-bottom: 10px; /*10 du centre bas +10 = 20*/
	min-height: 547px; /*hauteur minimum du centre*/
}

#txt_menu
{
	float: left;
	width: 200px;
	color:#FFFFFF;
}

#centre_bas
{
	clear: both;
	background: url(css_image/centre_bas.png) no-repeat;
	height: 29px;
}

#pied
{
	clear: both;
	background: url(css_image/pied_de_page.png) no-repeat center;
	height: 113px;
	margin-bottom: 20px;
}

/************** menu de haut **************/

#lecteur_mp3
{
	left: 222px;
	top: 194px;
	position: relative;
}

#lecteur_mp3 a
{
	margin-left: 5px;
	bottom: 6px;
	position: relative;
}
/************** menu de gauche **************/
.menugauche 	/*Liste menu gauche*/
{
	list-style-type: none;
	margin: 0 0 0 0px; /*sens horaire*/
	border: none;
	margin-left: 39px;
}

.menugauche li 	/*objet de la liste*/
{
	margin-bottom: 5px;
}

.menugauche li a img
{
	position: relative;
	top: 16px;
}

.menugauche a
{
	display: block;
	width: 50px;
	height: 42px; 
	margin: 0 2px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	
}

.menugauche a:hover
{
	display: block;
	width: 50px;
	height: 42px; 
	text-decoration: none;
	color: #FF6800;	/*orange foncé*/
}

.sousmenu a
{ 
	display: inline;
}

.sousmenu , .tiret_menu
{
	text-align: center;
}

.sousmenu a:hover
{
	display: inline;
	margin: auto;
}

#fleche_menu
{
	position: absolute;
	left: -4px;
	
	margin:0;
	padding:0;
	width: 34px;
	height: 46px; 
	background: url(css_image/fleche_menu.png) no-repeat;
}

.fleche_position_accueil{
	top: 282px;
}
.fleche_position_maps{
	top: 350px;
}
.fleche_position_skins{
	top: 397px;
}

.fleche_position_mods{
	top: 444px
}

.fleche_position_photos{
	top: 491px;
}
.fleche_position_videos{
	top: 538px;
}
.fleche_position_tutoriaux{
	top: 585px;
}
.fleche_position_liens{
	top: 632px;
}
/*********** boutons ***********/

.txt_bouton_menu
{
	position: relative;
	top: 13px;  
	left: 50px;
}


#img1
{
	background: url(../menu/icones/accueil_1.png) no-repeat;
}

#img1:hover
{
	background: url(../menu/icones/accueil_2.png) no-repeat;
}

#img2
{
	background: url(../menu/icones/maps_1.png) no-repeat;
}

#img2:hover
{
	background: url(../menu/icones/maps_2.png) no-repeat;
}

#img3
{
	background: url(../menu/icones/skins_1.png) no-repeat;
}

#img3:hover
{
	background: url(../menu/icones/skins_2.png) no-repeat;
}

#img3b
{
	background: url(../menu/icones/mods_1.png) no-repeat;
}

#img3b:hover
{
	background: url(../menu/icones/mods_2.png) no-repeat;
}

#img4
{
	background: url(../menu/icones/photos_1.png) no-repeat;
}

#img4:hover
{
	background: url(../menu/icones/photos_2.png) no-repeat;
}

#img5
{
	background: url(../menu/icones/videos_1.png) no-repeat;
}

#img5:hover
{
	background: url(../menu/icones/videos_2.png) no-repeat;
}

#img6
{
	background: url(../menu/icones/tutoriaux_1.png) no-repeat;
}

#img6:hover
{
	background: url(../menu/icones/tutoriaux_2.png) no-repeat;
}

#img7
{
	background: url(../menu/icones/liens_1.png) no-repeat;
}

#img7:hover
{
	background: url(../menu/icones/liens_2.png) no-repeat;
}

/************** page **************/

p {margin: 0 0 0px 0;}

a img	/*image dans un lien*/
{
	border: none;
}

.bloc_titre
{
	border: solid 1px #C7C7C7;	/*gris foncé*/
	font-size: 110%;
	font-weight: bold;
	/*margin-left: 20px;*/
	/*margin-right: 20px;*/
	padding-left: 5px;
	padding-right: 5px;
	background: #EDEDED;	/*gris*/
	color: #FCA102;	/*orange*/

}

.bloc_news
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.bloc_news h2 	/*titre de la news*/
{
	border: solid 1px #C7C7C7;	/*gris foncé*/
	font-size: 110%;
	padding-left: 5px;
	padding-right: 5px;
	background: #EDEDED;	/*gris*/
	color: #FCA102;	/*orange*/
}

.bloc_news h2 a	/*titre de la news*/
{
	color: #FCA102;	/*orange*/
	text-decoration: none;
	display: block;		/*obligé pour rendre le first-letter OK sur un lien*/
}

.bloc_news h2 a:first-letter 	/*1ere lettre du lien/titre de la news*/
{
	text-transform: uppercase;
}

.bloc_news h2:first-letter 	/*1ere lettre du titre de la news*/
{
	text-transform: uppercase;
}

.contenu_news
{
	margin: 10px;
	text-align: justify;
	color: #595949; /*texte*/
}

.contenu_news a, .pied_de_news a		/*lien dans la news et le pied de la news*/
{
	color:#595949; /*texte*/
	text-decoration:none;
	font-weight:bold;
}

.contenu_news a:hover	/*lien dans la news*/
{
	font-weight: bold;
	color: #FCA102;	/*orange*/
}

.pied_de_news
{
	border: solid 1px #C7C7C7;	/*gris foncé*/
	padding-left: 5px;
	padding-right: 5px;
	color: #595949; /*texte*/
	letter-spacing: -0.5px;
}

.pied_de_news a:hover		/*lien dans le pied de la news*/
{
	color: #595949; /*texte*/
	text-decoration: underline;
	font-weight: bold;
}

.pagination_news
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background: #EDEDED;
	border: solid 1px #C7C7C7;
	color: #595949; /*texte*/
}

.pagination_news .page_on		/* numero de page active*/
{
	font-weight: bold;
	color: #FCA102;	/*orange*/
}

.pagination_news a				/*lien vers les autres pages*/
{
	font-weight: bold;
	color: #595949;	/*gris très foncé*/
	text-decoration: none;
}

.pagination_news a:hover				/*lien vers les autres pages*/
{
	font-weight: bold;
	color: #FCA102;	/*orange*/
}

.img_float_gauche
{
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img_float_droite
{
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.icone_lien
{
	position: relative;
	top: 10px;
	margin-right: 5px;
}

/******* page news/commentaires *******/

.lien_page_suivante
{
	position: absolute;
	right: 30px;
}

.lien_page_precedente
{}


.commentaire
{
	margin-top: 10px; /*espace entre message*/
}

.commentaire h2 /*titre d'un commentaire*/
{
	border: solid 1px #C7C7C7;	/*gris foncé*/
	font-size: 100%;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	background: #EDEDED;	/*gris*/
	color: #595949; /*texte*/
}

.contenu_commentaire
{
	border:solid 1px #C7C7C7;	/*gris foncé*/
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: none;
}

#ajout_commentaire
{
	margin-left: 20px;
	margin-top: 10px;
	color: #595949; /*texte*/
}

#txt_pseudo_news
{
	color: #595949; /*texte*/
}

/************** formulaire **************/
textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #595949;
}

/************** shoutbox **************/

.message_shout strong
{
	font-size: 110%;
	color: #6f543e; /*marron pseudo*/
}

.message_shout
{
	color: #919191; /*595949;	/*texte*/
}

#interieur_frame_shout
{
	margin: 0;
	
	font-size: 80%;
	background-color: #ededed; /*gris clair*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 1px;
	min-height: 220px;
	margin-top: -20px;
}

.msgtime
{
	color: #6f543e;
	font-size: 85%;
	word-spacing: -2px;
}

#frame_shout
{
	width: 490px; /*height: auto;*/
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

.smiley
{
	text-align: left;
}

#form_shout
{
	padding-top: 6px;
}

#form_shout p input
{
	color: #595949; /*texte ecriture shout*/
}

/************** livre d'or **************/

#form_livreor
{
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	color: #595949;	/*texte*/
}

#clr_txt
{
	color: #595949;	/*texte*/
}

.pseudo_livreor
{
	border: solid 1px #C7C7C7;	/*gris foncé*/
	font-size: 100%;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background: #EDEDED;	/*gris*/
	color: #595949;	/*texte*/
}

.message_livreor
{
	border: solid 1px #C7C7C7;	/*gris foncé*/
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: none;
	color: #595949;	/*texte*/
}

.pagination_livreor
{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background: #EDEDED;
	border: solid 1px #C7C7C7;
	color: #595949;	/*texte*/
}

.pagination_livreor .page_on		/* numero de page active*/
{
	font-weight: bold;
	color: #FCA102;	/*orange*/
}

.pagination_livreor a				/*lien vers les autres pages*/
{
	font-weight: bold;
	color: #595949; /*gris très foncé*/
	text-decoration: none;
}

.pagination_livreor a:hover				/*lien vers les autres pages*/
{
	font-weight: bold;
	color: #FCA102;	/*orange*/
}

/************** compteur visites **************/

#compteur_visite
{
	color: #595949;	/*texte*/
	left: 30px;
	top: 80px;
	position: relative;
}	

#compteur_visite img
{
	top: 3px;
	position: relative;
}

#infosite
{
	font-size:80%;
	color: #595949;	/*texte*/
	left: 135px;
	top: 80px;
	position: relative;
}

#infosite a
{
	text-decoration: none;
}

#infosite a:hover
{
	text-decoration: underline;
}