/* LES BALISES */

body{
	
	background-color:#E3E3E3;								/* couleur background */
	/*background-attachment:fixed;*/							/* background fixe */
	/*background-position:10% 0;*/
}

table {
	width:100%;												/* largeur tableau */
	margin:auto;											/* marges automatiques */
	background-color:#A0A0A0; 								/* couleur de fond du tableau */
	border: 3px solid #000000; 							/* couleur et épaisseur bordure tableau */
}

h2{
font-size: 1.4em;
}

caption {													/* Titre de chaque section (au dessus du tableau) */
	margin-left:10px;
	text-align: left;
}
 
legend{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

img  {

}

p  {
	padding:3px;
	margin:3px;
}

/* LES ID */

#background1 { width:800px; max-width:800px; height:30px; margin-left:auto; margin-right:auto; overflow:visible;}
	#background2 { background-image:url('../images/style_2/background.jpg'); background-repeat:no-repeat; width:723px; height:945px; margin-left:-250px; margin-top:0px;}
	
#conteneur { width:800px; max-width:800px; margin:auto; background-repeat: no-repeat; overflow:visible; padding:0px; border:1px solid #888888; }
	#header { width:800px; height: 242px; background-repeat:no-repeat; background-image:url("../images/style_2/panel.jpg");}
	#menu { width:800px; height: 30px; }
		#menu ul{width: 800px;height: 30px;margin: 0px;padding: 0px; background-image:url("../images/style_2/transbg.png");}
		#menu li {float: left;height: 30px; display:inline;}
		#menu span{margin-left:10px; margin-right:10px; margin-top:10px; size:20px; }
		#menu a{ font-size:16px; text-decoration:none; color:#2E5369; height:20px; padding-top:5px; padding-bottom:5px; display: block; }
		#menu a:hover{ background-color:#c7c7c7; color:#101060;}	
		#menuselected  a{ background-color:#c7c7c7;}
		
		#flag-container{position: relative; padding:0px; margin:0px; height:0px; width:0px;}
		#flag {position: absolute; top: 0px; left: 770px; width:30px;}
		#flag img{width:20px; height:auto; margin-left:5px; margin-right:5px; border:0px;}

		/*#img a{ width:106px; height:86px; background-image:url("../images/style_2/index_05_5.gif"); float:left;}
		#home a{ width:76px; height:86px; background-image:url("../images/style_2/index_06_6.gif"); float:left;}
		#profil a{ width:76px; height:86px; background-image:url("../images/style_2/index_07_7.gif"); float:left;}
		#portfolio a{ width:76px; height:86px; background-image:url("../images/style_2/index_08_8.gif"); float:left;}
		#weblog a{ width:76px; height:86px; background-image:url("../images/style_2/index_09_9.gif"); float:left;}
		#contact a{ width:102px; height:86px; background-image:url("../images/style_2/index_10_10.gif"); float:left;}*/

	#separateur { width:800px; height:0px; padding:0px; margin:0px;}
	#font_contenu { width:800px; padding:0px; margin:0px;}
	#contenu{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color: #101010; margin-left:25px; margin-right:25px; margin-top:20px; margin-bottom:20px; padding:5px;}
		#contenu span{list-style-image: url("../images/style_2/croix.gif"); display:list-item;}
		#contenu div{text-align: justify;}
		
	#bas { width:800px; height:0px; }
	
	
	#modif_page { width:800px; margin-left:auto; margin-right:auto; margin-top:2px;}
	.commentaires { text-align:left; width:578px; padding:10px; color:#000000; border:1px solid #888888; clear:both;}
	.main { clear: both; padding:5px; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:30px; background-repeat:repeat; background-position:top right; background-attachment:scroll; background-image:url("../images/style_2/transbg.png");}
	
#maincategorie { float: left; left:0px; margin-left:0px; padding-left:0px; width:650px; list-style-type: none; height:auto; font-size:13px; margin-bottom:0px; margin-top:0px;}

#categorienormal{ float: left; color:#101010; background-image:url("../images/style_2/transbg.png"); display: inline; padding:5px;}

#categorieselected{ float: left; color: #505050; background-color:#c7c7c7; display: inline; padding:5px;}

/* LES CLASS */

.pages{													/* style du texte de "caption" */
	height:auto;
	width:500px;	
	margin-top:0px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:auto;
	padding:0px;
	font-size: 17px;
}

.page{													/* style du texte de "caption" */
	color: #101010;
	display:inline;
	height:auto;
	padding:0px;
	margin:0px;
	padding-right: 3px;
}

.pageselection{													/* style du texte de "caption" */
	color: #808080;
	display:inline;
	height:auto;
	padding:0px;
	margin:0px;
	padding-right: 3px;
}

div.table {
	border: 1px solid #808080;
	padding:1em;
	margin:auto;
	width:95%;
	height:auto;
}

div.Gauche {
	text-align:left;
	width:30%;
	height:auto;
	float:left
}

div.Centre {
	text-align:justify;
	width:auto;
	height:auto;
}

.post{
	margin:auto;
	margin-bottom: 0px;
	padding: 5px;
	height:200px;
	max-height:200px;
	width:169px;
	max-width:169px;
	float:left;
	display:inline;
}

.content img{
	border-width:0px;
}

.post-title{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size:12px;
 	border-bottom: solid #888888 1px;
}

.post-pict{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.post-separator{
	clear:both;
	height:0px;
	padding:5px;
	border-top: solid #888888 1px;
}

.post-end{
	clear:both;
	width:100%;
	height:0px;
}

.img-top{
	float:right;
	clear:both;
}

.img-post{
	width:600px;
	max-width:600px;
	margin:auto;
}

.img-portfolio{
	width:600px;
	height:auto;
}

.post-content{
	/*clear:both;*/
	/*text-align: justify;*/
}

.post-content p {
	margin-top: 0px;
	margin-bottom: 10px
}

.post-comment{
	clear: both;
}

.lien_menu{ display:none;}									/* Permet de faire afficher l'image pour chaque menu et pas le texte */

.underline{
	text-decoration: underline;
}

.add-comment{
	text-align: right;
	margin:1px;
}


/* LES LIENS */ 

a { color:#101010; text-decoration:none; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; }
a:link { color:#303030; text-decoration:none; }
a:visited { color:#303030; text-decoration:none; }
a:hover { color:#505050; text-decoration:none; }
a:active { color:#303030; text-decoration:none; }
a:focus { color:#505050; text-decoration:none; }

