/*
Theme Name: Alan Marie
Theme URI: http://www.alanmarie.fr/
Description: Alan Marie Blog
Version: 0.1
Author: Alan Marie
 
Creation Theme by Alan Marie || http://www.alanmarie.fr
*/

/* 
	jaune : 		#f8d307
	orange : 		#f3b802
	gris clair : 	#eaeae8
	gris : 			#b1b1b1
	bleu :			#7baee3
	vert :			#91c98c
*/


/* --------------------------------------------------------------------------------------------------------------------- */
/* Global -------------------------------------------------------------------------------------------------------------- */
html 
{
	overflow-y: scroll;
} 

body{
	font-family: Arial, Sans-Serif;
	background: url(images/header/bdy_bg.jpg) repeat-x top;
	margin: auto;
}

#global_container{
	width: 990px;
	margin: auto;
	clear: both;
	background-color: #FFFFFF;
}


img{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	color: #f3b802;
	outline: none;
}
a:visited {
	text-decoration: none;
	border: 0px;
	color: #f3b802;
}


h1, h2, h3 {
	font-family: Arial, Sans-Serif;
	margin: 0 0 0px 0;
	padding: 0;
}

h1{
	font-size: 0.9em; 
	font-weight: bold;
	font-style: normal;
	color: black;
	border-left: 1px #f3b802 solid;
	padding-left: 9px;
	margin-bottom: 10px;
}	
	h1 a{
		font-weight: bold;
		font-style: normal;
		color: black;
		border-left: 1px #f3b802 solid;
		padding-left: 9px;
		margin-bottom: 10px;
	}
	h1 a:visited{
		font-weight: normal;
		font-style: normal;
		color: black;
		border-left: 1px #f3b802 solid;
		padding-left: 9px;	
		margin-bottom: 10px;
	}
	

h2{
	font-size: 0.8em; 
	font-style: normal;
	font-weight: bold;
	color: black;
	border-left: 1px #f8d307 solid;
	padding-left: 9px;
	margin-bottom: 0px;

}
	h2 a{
		font-style: normal;
		font-weight: bold;
		color: black;
		margin-bottom: 0px;
	}
	h2 a:visited{
		font-style: normal;
		font-weight: bold;
		color: black;
		margin-bottom: 0px;
	}


h3 {
	font-size: 0.7em; 
	font-style: normal;
	font-weight: bold;
	color: black;
	padding-left: 10px;
}



.textwidget{
	text-align: left;
	font-style: italic;	
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	
	color: #b1b1b1;
	
}

p{
	text-align: justify;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
	font-size: 0.7em;
}
.p_retrait{
	text-align: justify;
	font-size: 0.7em;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


ol{
	list-style-type: none;
	list-style-image: none;
	margin-left: 10px;
	padding: 0px;
}
li{
	list-style-type: none;
	list-style-image: url('images/content/square.jpg');
	margin-left	: 10px;
	padding: 0px;
}
ul{
	/*list-style-type: none;*/
	list-style-image: none;
	margin-left: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 0px;
	padding: 0px;
}


.separation{
	border-bottom: 1px solid #eaeae8;
	height: 1px;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}

.doubleSeparation {
	border-bottom: 3px double #eaeae8;
	height: 1px;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
}

.doubleSeparationBig {
	border-bottom: 3px double #eaeae8;
	height: 1px;
	display: block;
	margin-bottom: 50px;
	margin-top: 50px;
}


.aligncenter {
	display: block;
	text-align: center;
}

.floatLeft{
	float: left;
}


.alignright,
div.alignright {
	display: block;
	text-align: right;
}

.clear{
	clear: both;
}



/* --------------------------------------------------------------------------------------------------------------------- */
/* Header -------------------------------------------------------------------------------------------------------------- */

#header{
	width: 990px;
	margin: auto;
}
 

.ban_H01{
	width: 990px;
	height: 46px;
	float: left;
	display: block;
	background: url('images/header/ban_H01.jpg');
}

.ban_B01{
	width: 91px;
	height: 32px;
	float: left;
	background: url('images/header/ban_B01.jpg');
}

.ban_B02{
	width: 488px;
	height: 32px;
	float: left;
	background: url('images/header/ban_B02.jpg');
}
.ban_B02b{
	width: 488px;
	height: 32px;
	float: left;
	background: url('images/header/ban_B02b.jpg');
}


a.ban_btnBlog{
	width: 76px;
	height: 32px;
	float: left;
	background: url('images/header/btn_blog.jpg');
	display: block;
}
a.ban_btnBlogSelec{
	width: 76px;
	height: 32px;
	float: left;
	background: url('images/header/btn_blog.jpg');
	display: block;
	background-position: 0px -32px;
}
a.ban_btnBlog:hover{
	background-position: 0px -32px;
}

a.ban_btnGalerie{
	width: 87px;
	height: 32px;
	float: left;
	background: url('images/header/btn_galerie.jpg');
	display: block;
}
a.ban_btnGalerieSelec{
	width: 87px;
	height: 32px;
	float: left;
	background: url('images/header/btn_galerie.jpg');
	display: block;
	background-position: 0px -32px;
}
a.ban_btnGalerie:hover{
	background-position: 0px -32px;
}

a.ban_btnAmAdmin{
	width: 26px;
	height: 32px;
	float: left;
	background: url('images/header/btn_amAdmin.jpg');
	display: block;
}
a.ban_btnAmAdmin:hover{
	background-position: 0px -32px;
}

a.ban_btnAPropos{
	width: 99px;
	height: 32px;
	float: left;
	background: url('images/header/btn_aPropos.jpg') 0px 0px;
	display: block;
}
a.ban_btnAProposSelec{
	width: 99px;
	height: 32px;
	float: left;
	background: url('images/header/btn_aPropos.jpg') 0px 0px;
	display: block;
	background-position: 0px -32px;
}
a.ban_btnAPropos:hover{
	background-position: 0px -32px;
}

a.ban_btnPortfolio{
	width: 123px;
	height: 32px;
	float: left;
	background: url('images/header/btn_portfolioWeb.jpg');
	display: block;
}
a.ban_btnPortfolioSelec{
	width: 123px;
	height: 32px;
	float: left;
	background: url('images/header/btn_portfolioWeb.jpg');
	display: block;
	background-position: 0px -32px;
}
a.ban_btnPortfolio:hover{
	background-position: 0px -32px;
}


/* --------------------------------------------------------------------------------------------------------------------- */
/* Index --------------------------------------------------------------------------------------------------------------- */

#index_container{
	width:  615px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.index_post{
	padding-bottom: 5px;
	margin-left: 20px;
}
	.index_post h1 {
		font-size: 1em;
		color: white;	
		padding-left: 10px;
		font-weight: normal;
		font-style: normal;
		border-left: 0px;
		margin-bottom: 0px;
	}
	.index_post h1 a {
		text-decoration: none;
		outline: none;
		color: white;
		font-size: 1em;
		padding-left: 10px;
		font-weight: normal;
		font-style: normal;
		border-left: 0px;
		margin-bottom: 0px;

	}
	.index_post h1 a:visited {
		text-decoration: none;
		color: white;
		font-size: 1em;
		padding-left: 10px;
		font-weight: normal;
		font-style: normal;
		border-left: 0px;
		margin-bottom: 0px;
	}

.index_post_thb01{
	width: 567px;
	height: 137px;
	margin-left: 10px;
}

.index_post_thb02{
	width: 567px; 
	height: 35px; 
	margin-left: 10px;
}

.index_post_thb03{
	width: 567px; 
	height: 28px;
	/*font-size: 0.7em;*/
	margin-left: 10px;
}
	.index_post_thb03 td{
		padding-top: 12px;
	}
	.index_post_thb03 table{
		width: 100%;
		font-size: 0.7em;
		border-bottom: solid 1px #eaeae8;
	}
	.index_post_thb03 .left{
		text-align: left;
	}
	.index_post_thb03 .right{
		text-align: right;
	}

.index_post_content{
	width: 567px;
	margin-left: 10px;
	margin-top: 4px;
}

.index_post_separation{
	width: 22px;
	height: 3px;
	background: url('images/separationArticle.jpg');
	display: block;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* Single -------------------------------------------------------------------------------------------------------------- */

#single_container{
	width: 590px;
	float: left;
	padding-top: 5px;
}

.single_post{
	padding-bottom: 10px;
}

.single_post_content{
	padding-left: 5px;
}
	.single_post_content p {
		text-align: justify;
		margin: 0px;
		padding-bottom: 10px;
		padding-top: 5px;
		padding-left: 10px;
		font-size: 0.7em;
	}
	.single_post_content .p_question{
		color: #7c7c7c;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 20px;
	}
	.single_post_content .p_reponse{
		color: #b95207;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

.single_img {
	border: 3px solid black;
}
/* --------------------------------------------------------------------------------------------------------------------- */
/* Sidebar ------------------------------------------------------------------------------------------------------------- */

#sidebar_container{	
	width: 369px;
	margin-left: 617px;
	background: url(images/sidebar/sdb_bg.jpg) repeat-y;
}

#sidebar_container_Niv1 {
	margin-right: 39px;
	margin-left: 20px;
	padding-top: 5px;
}

.sidebar_post{

	}
	.sidebar_post h1 {
		font-size: 1em;	
		color: black;	
		padding-left: 0px;
		font-weight: normal;
		font-style: normal;
		border-left: 0px;
		margin-bottom: 0px;
	}
	.sidebar_post h1 a {
		text-decoration: none;
		outline: none;
		color: black;
		font-size: 1em;
		padding-left: 0px;
		font-weight: normal;
		font-style: normal;
		border-left: 0px;
		margin-bottom: 0px;
	}
	.sidebar_post h1 a:visited {
		text-decoration: none;
		color: black;
		font-size: 1em;
		padding-left: 0px;
		font-weight: normal;
		font-style: normal;
		border-left: 0px;
		margin-bottom: 0px;
	}


.sidebar_post_thb {
	float: left;
	padding-right: 10px;
	padding-top: 8px;
}



.sidebar_lienImage
{
	height: 43px;
	margin: auto;
	width: 166px;
}

.sidebar_twitter
{
	width: 83px;
	height: 43px;
	display: block;
	background: url('images/twitter.jpg');
	float: left;
}
.sidebar_twitter:hover{
	background-position: 0px -43px;
}


.sidebar_rss
{
	width: 83px;
	height: 43px;
	display: block;
	background: url('images/rss.jpg');
	float: left;
}
.sidebar_rss:hover{
	background-position: 0px -43px;
}




.sidebar_last_element {
	padding-bottom: 10px;
	font-size: 0.7em;
	list-style-type: square;
}
.sidebar_last_element h2{
	font-size: 1.2em;
}

.sidebar_element {
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 0.7em;
	border-bottom: 1px solid #eaeae8;
	list-style-type: square;

}

.sidebar_element h2{
	font-size: 1.2em;
}


/* --------------------------------------------------------------------------------------------------------------------- */
/* Archive ------------------------------------------------------------------------------------------------------------- */

#archive_container{
	width:  800px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.archive_post{
	padding-bottom: 10px;
}

.archive_post_thb{
	float: left;
	height: 80px;
	witdh: 118;
	display: block;
}

.archive_post_meta{
	font-style: italic;	
	margin : 0px;
	padding: 0px;
}

.archive_post_content
{
	margin-left: 138px;
}



/* --------------------------------------------------------------------------------------------------------------------- */
/* Page ---------------------------------------------------------------------------------------------------------------- */


.page_post{
	padding-top: 5px;
}
.page_post_content{
	width: 620px;
	padding-bottom: 10px;
}


/* --------------------------------------------------------------------------------------------------------------------- */
/* Footer -------------------------------------------------------------------------------------------------------------- */

#footer{
	background: url(images/footer/fot_bg.jpg) repeat-x top;
	clear: both;
}
	#footer .textwidget{
		text-align: left;
		font-size: 0.7em;
		margin: 0px;
		padding: 0px;
		padding-left: 5px;
		margin-bottom: 10px;
		font-style: normal;
		border: none;
		color: black;
	}

#footer_content{
	margin: auto;
	width: 990px;
}


.footer_endSidebar {
	height: 29px;
	width: 990px;
	background: url('images/footer/fot_endSidebar.jpg');
}
.footer_endSidebarB {
	height: 29px;
	width: 990px;
	background: url('images/footer/fot_endSidebarB.jpg');
}

.footer_element{
	width: 400px;
	float: right;
	text-align: center;
}

.footer_mention
{
	font-size: 0.6em;
	color: #b1b1b1;
}



#footer a {
	font-size: 0.7em;
}


/* --------------------------------------------------------------------------------------------------------------------- */
/* Galerie ------------------------------------------------------------------------------------------------------------- */

.thb_theme{
	width: 190px;
	height: 108px;
	float:left;
	margin-right: 2px;
	margin-bottom: 2px;
}


.miniature_photo
{
	padding-top: 0px;
	padding-bottom: 3px;
	border-bottom: 1px solid #eaeae8;
	margin-bottom: 3px;
}

.boxgrid{ 
	width: 190px; 
	height: 108px; 
	margin-right: 2px;
	margin-bottom: 2px;
	float:left;
	overflow: hidden; 
	position: relative; 
}
	.boxgrid img{ 
		/*position: absolute; */
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid h3{
		color:  #ffffff;
		margin: 5px;
	}
	
.boxcaption{ 
	float: left;
	position: absolute; 
	background: black; 
	height: 35px; 
	width: 190px; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
		.captionfull .boxcaption {
			top: -35px;
			left: 0px;
		}
		
.imageSerie
{
	border: 5px solid black;
	margin-bottom: 10px;
}	


.content_galerie {
	padding-top: 10px;
	padding-bottom: 15px;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* Commentaires -------------------------------------------------------------------------------------------------------- */

.comments-template
{
	
}
.commentmetadata
{
	
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* Admin --------------------------------------------------------------------------------------------------------------- */

.admin-form{
		
}
.admin-form-content{
	margin-left: 15px;
	margin-top: 5px;
}

.erreur{
	color: red;
}
.confirm{
	color: green;
}