body, html
{
   margin: auto;
   background-color: #fff;
   height: 100%;
   font-family: Helvetica, Arial, Tahoma, sans-serif;
}

::selection 
{
   background: #a8d1ff; /* WebKit */
}

::-moz-selection 
{
   background: #a8d1ff; /* Gecko */
}

#header
{
   height: 120px;
   margin: auto; 
   color: #e8e8e8;
   width: 800px;
   border-bottom: 1px dashed #E2E2E2;
}

#titre
{
	float: left;
	margin-top: 20px;
	margin-left: 0px;
}

#titre a.logo
{ 
	display: block; 
	width: 260px; 
	height: 49px;
	background-image: url('logo-background.png') ;
}

#titre a.logo:hover img 
{ 
	visibility: hidden;
}

#titre p
{
	margin-top: 0px;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 15px;
}

#menu
{
	float: right;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding-top: 68px;
	padding-right: 0px;
	text-transform: uppercase;
}

#menu a
{
	color: #AAA;
	margin-right: 20px;
	margin-left: 20px;
}

#menu a:hover
{
	color: #D0D0D0;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom: 3px solid #4096EE;
}

#menu a.active
{
	color: #4096EE;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 68px;
	border-bottom: none;
	border-left: 1px dotted #4096EE;
}

#container 
{
	position: absolute;
	min-width: 800px;
	width: 100%;
	padding-bottom: 150px;
}

h1
{
	color: #676767;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 5px;
	border-left: 3px solid #4096EE;
}

h2
{
	color: #676767;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 5px;
	border-left: 3px solid #4096EE;
}

h3
{
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	border-left: 3px solid #4096EE;
	padding-left: 5px;
}

h4
{
	color: #717171;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	margin-left: 0px;
}

h5
{
	color: #676767;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 12px;
}

#contenu
{
	margin: auto;
	width: 800px;
	padding-top: 50px;
}

#contenu_principal
{
	float: left;
	width: 570px;
	margin-top: -20px;
	margin-bottom: 30px;
	font-size: 13px;
	text-align: justify;
	height: 100%;
}

#contenu_principal h3 a
{
	color: #454547;
	font-weight: bold;
}

#contenu_principal h3 a:hover
{
	color: #4096EE;
	font-weight: bold;
	background-color: #FFF;
}

#contenu_principal a
{
	color: #4096EE;
}

#contenu_principal ul
{
	list-style-image: url(./arrow.png);
	margin-left: -30px;
}

#contenu_principal a:hover
{
	text-decoration: none;
	color: #FFF;
	background-color: #4096EE;
}

hr {
	color: #EFEFEF;
	background-color: #EFEFEF;
	margin-top: -20px;
	margin-bottom: 20px;
}

a img
{
	background-color: transparent;
	text-decoration:none;
	border-style:none;
}

a:link, a:active, a:visited 
{
	color: #4096EE;
	text-decoration: none;
}

a:hover 
{
	color: #A9A9A9;
	margin-top: 0;
}

blockquote
{
	margin : 20px;
 	padding : 14px 18px 14px 40px;
 	background : #F2F2F2 url('blockquote.png') no-repeat left top;
 	font: italic normal 125% Georgia, "Times New Roman", serif;
 	color: #515151;
}

p 
{
	
	color: #717171;
	padding-bottom: 10px;
	font-size: 13px;
}

.floatleft
{
	float: left;
	margin-right: 15px;
}

.floatright
{
	float: right;
	margin-left: 15px;
}

.center
{
	text-align: center;
}

ul
{
	color: #717171;
	font-size: 13px;
	margin-left: none;
	list-style-image: none;
}

code 
{
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	background-color: #f0f0f0;
	border-left: 4px solid #4096EE;
	color: #494949;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}

code.root 
{
	background: #f0f0f0 url(./root.png) no-repeat;
	background-position: 99% 4px;
	border-left: 4px solid #4096EE;
}

code.user
{
	background: #f0f0f0 url(./user.png) no-repeat;
	background-position: 99% 4px;
	border-left: 4px solid #4096EE;
}

hr
{
	height: 1px;
	margin: 10px 0;
	padding: 0; 
	color: #DCE0E9;
	background-color: #DCE0E9;
	border: 0;
	margin-left: 0px;
	margin-right: 0px;
}

#barre_laterale
{	
	border-left: 1px dashed #DCE0E9;
	float: right;
	width: 180px;
	padding-left: 24px;
	margin-bottom: 50px;
	height: 100%;
	font-size: 13px;
}

#barre_laterale h2
{
	color: #676767;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 14px;
	margin-top: 5px;
	margin-left: -5px;
	margin-bottom: 0px;
	border-left: none;
}

#barre_laterale ul
{
	margin-left: -40px;
	list-style: none ;
}

#barre_laterale a
{
	color: #A9A9A9;
}

#barre_laterale a:hover
{
	text-decoration: none;
	color: #4096EE;
}

#barre_laterale a.rss
{
	color: #4096EE;
}

#barre_laterale a:hover.rss
{
	text-decoration: none;
	color: #FFF;
	background-color: #4096EE;
}

#barre_laterale p
{
	color: #A9A9A9;
	text-align: left;
}

#entete_home p.left
{
	background-color: #F9F9F9;
	border-right: 1px solid #000;
}

div.portfolio_categories
{
	padding-left: 110px;
	padding-bottom: 400px;
}

#changelog 
{
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #E9E9E9;
	color: #D0D0D0;
	display: block;
	margin: 50px 0 50px 0;
	padding: 0px 10px 12px 10px;
}

#changelog h3
{
	font-family: Monaco, Verdana, Sans-serif;
	font-weight: bold;
	font-style: normal;
	border-left: none;
	padding-left: 5px;
}

.titre_article
{
	overflow: hidden;
	border-left: 3px solid #4096EE;
	padding-left: 5px;
	width: 550px;
	height: 40px;
	margin-top: 40px;
}

#titre_article a.categorie
{
	text-transform: capitalize;
	color: #676767;
}

#titre_article a:hover.categorie
{
	color: #4096EE;
}

.blog_gauche
{	
	float: left;
	width: 400px;
}

.blog_gauche h3
{
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	border-left: none;
	padding-left: 0px;
	margin-top: -3px;
}

.blog_gauche p
{	
	margin-top: -15px;
}

.blog_droite
{
	float: right;
}

.blog_droite
{
	margin-top: -12px;
}

p.cartouche_blog
{
	font-family: 'MS Trebuchet', Sans-Serif;
	font-size: 12px;
	padding : 8px;
	border-top: 1px dashed #E2E2E2;
	border-bottom: 1px dashed #E2E2E2;
}

p.cartouche_blog a
{
	text-transform: capitalize;
}

#pagination
{
	color: #BFBFBF;
}

#pagination a 
{
	background: #4096EE;
	padding: 4px 7px;
	text-decoration: none;
	color: #FFF;
	font-size: 13px;
}

#pagination a:hover 
{
	 font-weight: normal;
	 background: #BFBFBF;
	 color: #FFF;
}	

#commentaires
{
	padding-top: 30px;
	margin-bottom: 20px;

}

#commentaires p
{
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	color: #717171;
	margin-top: -15px;
	text-decoration: none; 
	padding: 10px 10px 10px 10px;
	background-color: #FFF;
	width: 480px;
}

#commentaires p.admin_comment
{
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	color: #717171;
	margin-top: -15px;
	padding: 10px 10px 10px 10px;
	background-color: #F9F9F9;
	width: 480px;
}

#commentaires h5
{
	font-size: 12px;
}


#commentaires h3
{
	border-left: 3px solid #4096EE;
	font-size: 16px;
	color: #454547;
}

#commentaires hr
{
	margin-top: 5px;
	margin-bottom: 30px;
}

#commentaire_form
{
	font-family: 'MS Trebuchet', Sans-serif;
	font-size: 12px;
	margin: 1em 15%;
	color: #D0D0D0;
	display: block;
	width: 480px;
	padding: 0px 20px 12px 20px;
}

#commentaire_titre h3
{
	margin-top: 30px;
	border-left: 3px solid #4096EE;
	font-size: 16px;
	color: #454547;
}

#commentaire_titre hr
{
	margin-top: 5px;
}

#style_commentaire input, #style_commentaire textarea
{
	border: #CCC 1px solid;
	background-color: #FAFAFA;
	color: #4D4D4D;
}

#style_commentaire input:hover, #style_commentaire textarea:hover, #style_commentaire input:focus, #style_commentaire textarea:focus
{
	border: #4096EE 1px solid;
	background-color: #FFF;
	color: #000;
}

#style_commentaire input[type="submit"]
{
	border: #BFBFBF 1px solid;
	color: #FFF;
	background-color: #BFBFBF;
}

#style_commentaire input[type="submit"]:hover
{
	border: #4096EE 1px solid;
	background-color: #4096EE;
	color: #FFF;
}

#style_commentaire input[name="auteur"]
{
	background: #FAFAFA url(./pseudo.png) no-repeat;
	text-indent: 20px;
	color: #4D4D4D;
}

#style_commentaire input[name="email"]
{
	background: #FAFAFA url(./mail.png) no-repeat;
	text-indent: 20px;
	color: #4D4D4D;
}

#style_commentaire input[name="site"]
{
	background: #FAFAFA url(./web.png) no-repeat;
	text-indent: 20px;
	color: #4D4D4D;
}

#style_commentaire input[name="auteur"]:hover, #style_commentaire input[name="auteur"]:focus
{
	background: #FFF url(./pseudo.png) no-repeat;
	text-indent: 20px;
	color: #000;
}

#style_commentaire input[name="email"]:hover, #style_commentaire input[name="email"]:focus
{
	background: #FFF url(./mail.png) no-repeat;
	text-indent: 20px;
	color: #000;
}

#style_commentaire input[name="site"]:hover, #style_commentaire input[name="site"]:focus
{
	background: #FFF url(./web.png) no-repeat;
	text-indent: 20px;
	color: #000;
}

/*--------------------------------------------------------------------------------*/

#style_contact input, #style_contact textarea
{
	border: #CCC 1px solid;
	background-color: #FAFAFA;
	color: #4D4D4D;
}

#style_contact input:hover, #style_contact textarea:hover, #style_contact input:focus, #style_contact textarea:focus
{
	border: #4096EE 1px solid;
	background-color: #FFF;
	color: #000;
}

#style_contact input[type="submit"]
{
	border: #BFBFBF 1px solid;
	color: #FFF;
	background-color: #BFBFBF;
}

#style_contact input[type="submit"]:hover
{
	border: #4096EE 1px solid;
	background-color: #4096EE;
	color: #FFF;
}

#style_contact input[name="nom"]
{
	background: #FAFAFA url(./pseudo.png) no-repeat;
	text-indent: 20px;
	color: #4D4D4D;
}

#style_contact input[name="email"]
{
	background: #FAFAFA url(./mail.png) no-repeat;
	text-indent: 20px;
	color: #4D4D4D;
}

#style_contact input[name="nom"]:hover, #style_contact input[name="nom"]:focus
{
	background: #FFF url(./pseudo.png) no-repeat;
	text-indent: 20px;
	color: #000;
}

#style_contact input[name="email"]:hover, #style_contact input[name="email"]:focus
{
	background: #FFF url(./mail.png) no-repeat;
	text-indent: 20px;
	color: #000;
}

p.confirm
{
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	background-color: #5EE05E;
}

p.error
{
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	background-color: #EB5957;
}

p.humour
{
	font-size: 11px;
	text-align: right;
}

#footer
{
   height: 160px;
   margin: auto;
   width: 800px;
   border-top: 1px dashed #e2e2e2;
   position: absolute;
   bottom: 0;
   font-size: 12px;
   color: #e8e8e8;
   text-align: justify;
}

#footer_gauche
{
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 220px;
}

#footer_droite
{
	float: right;
	margin-right: 0px;
	margin-top: -95px;
	width: 220px;
} 

#footer_milieu
{
	margin-left: 250px; 
    margin-right: 250px; 

} 

#footer ul
{
	margin-left: -40px;
	list-style: none ;
}

#footer h5
{
	margin-bottom: -10px;
}