/*
Author: Gaétan Weltzer

	This theme was designed and built by Gaétan Weltzer,
	whose site you will find at http://www.designspartan.com/
	
ALL RIGHTS RESERVED 2009-2010
*/

ol.commentlist .author_comment {border-bottom: 1px solid #fdd503; border-top: 1px solid #fdd503;
background-color: white;} 

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

#h1_logo {margin-top:0px;}

body {
	background: #121f32 url(images/body_bg.png) repeat-y center top;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
	color: #000;
    text-align: center;
	margin : 0 0 0 0;
}
	
#top_header {
	background: url(images/bg_top_header.png) repeat-x;
	height : 45px;
	position : relative;
	z-index: 2;
}

#menu_content {
	margin : auto;
	width : 991px;
	height :45px;
	position: relative;
	background: transparent url(images/menu_content_bg.png) no-repeat;
}

p#logo_top_header {
	float : left;
	width : 172px;
	margin : 0;
	margin-left : 20px;
	text-align : left;
}

ul#top_menu { 
	margin : 0;
	padding : 0;
}

ul#top_menu  span {display : none;}

ul#top_menu li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: absolute; 
}

ul#top_menu li, ul#top_menu a{
	display : block;
	height : 45px;
	width : 92px;
	padding: 0px;
}
ul#top_menu li.lien0 {background: url("images/onglets_lien0.png") transparent; right: 460px; width:103px;}
.lien1{right: 368px; background: transparent url(images/onglets_lien1.png);}
.lien2{right: 276px; background: transparent url(images/onglets_lien2.png);}
.lien3{right: 184px; background: transparent url(images/onglets_lien3.png);}
.lien4{right: 92px; background: transparent url(images/onglets_lien4.png);}
.lien5{right: 0px; background: transparent url(images/onglets_lien5.png);}

ul#top_menu li.lien0:hover,
li.lien1:hover,
li.lien2:hover,
li.lien3:hover,
li.lien4:hover,
li.lien4:hover,
li.lien5:hover {background-position: bottom;}
li#lien_up {background-position: bottom;}

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

p#infos_header_invisibles{margin-left : -9999px;}

#logo_url {
width: 90px;
height: 101px;
position: absolute;
margin-left: 61px;
margin-top: 38px;
}

#astuce {       
    background: url(images/astuce_bg.jpg) no-repeat center top; 
	position : relative;
	z-index : 1;
	margin : 0;
	margin-top : -21px;
	padding : 0;
}

#page {
	text-align: left;
	margin: auto;
	width: 976px;
	padding-right : 15px;
}

.narrowcolumn {
	float: left;
	padding: 0;
	margin: 165px 0 0 0px;
	width: 661px;
}

/*---------------------------------------------------featured slider-------------------------------------------------------*/
#bloc_feature{margin-bottom : 27px;}
 
#slider {
	position:relative;
	display:block;
	width:659px;
	height:273px;
	background:url(images/featured_bg.png) no-repeat ;
	overflow:hidden;
}
#slider h2 {
	margin:0px 0px 3px 0px;
	font-size:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
#slider h2 a {
	color:#fff;
}
#slider h2 a:hover {
	text-decoration:none;
}
.panelContainer img {
	border:none;
}
.panelContainer {
	display:block;
	height:200px;
	overflow:hidden;
	margin-bottom:24px;
}

p#drapeau_featured {
	position : absolute;
	width : 203px;
	margin-top: -290px;
	margin-left : 436px;
	z-index = 200;
}

.slider-wrap{ 
	width: 620px; 
	position: absolute; 
	top: 10px; 
	left: 20px; 
}

.wrapper{border: 1px solid #e4faff;}

.stripViewer .panelContainer .panel ul{ text-align: left; margin: 0 15px 0 30px;  }

.stripViewer{ position: relative; overflow: hidden; width: 618px; height: 220px;}

.stripViewer .panelContainer	{ position: relative; left: 0; top: 0;}

.stripViewer .panelContainer .panel	{ float: left; height: 100%; position: relative; width: 618px;}

.stripNavL, .stripNavR, .stripNav{ display: none; }

.nav-thumb { border: 1px solid #e4faff; margin-right: 5px; width:119px; height:39px; }

#movers-row	{ margin: -17px 0 0 0px;}
#movers-row div{ width: 124px; float: left;}
#movers-row div a.cross-link { float: left;}

.photo-meta-data{ 
  background: url(http://www.tutorial9.net/wp-content/themes/leviticus/stylesheets/images/transpBlack.png); 
  padding: 10px; height: 60px;overflow:hidden;
  margin-top: -80px; 
  position: relative; 
  z-index: 998; 
  color: #d6d6d6;
  font-family:Helvetica, Arial, sans-serif;
  font-size:.8em;
}

.photo-meta-data p { font-size: .9em; margin:0px; }

.cross-link{
 display: block;
 width: 119px;
 margin-top: -17px;
 position: relative;
 padding-top: 20px;
 z-index: 998; 
}
 
.active-thumb {background: transparent url(images/fleche_featured.png) top center no-repeat;}

/*------------------------------------------------end slider-------------------------------------------------------------*/

.post {
	padding-left : 15px;
	padding-right : 15px;
	padding-bottom : 20px;
	margin: 0 0 35px;
color : #222;
	text-align: justify;
	background : white url(images/bg_post.jpg) no-repeat;
}


.post ul {list-style-type : disc;}

.post img {-ms-interpolation-mode: bicubic;}

.in-post{background : url(images/bg_bas_post.jpg) no-repeat bottom;}

h1, h2 {	margin: 30px 0 0;}
	
.post h1, .post h2{
        color: #007db1;
        display: block; 
		padding-top : 7px;
line-height:1.2em;
        font-size: 22px; 
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
        font-weight: normal;
}

.post h3 a{
        color: #007db1;
        display: block; 
		padding-top : 7px;
        font-size: 20px; 
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
        font-weight: normal;
}

h2.pagetitle {
		color: #007db1;
		text-align: center;
        display: block; 
        font-size: 1.8em; 
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
        font-weight: bold;
		font-style: italic;
		margin-top : 10px;
}

.post .entry {margin-top:8px;}

.post h2 a:hover {text-decoration: underline;}
.post h3 a:hover {text-decoration: underline;}

.post small {color: #7f7f7f;}

a.more-link {
	display: block;
	width: 150px;
	height: 24px;
	padding-top : 6px;
	float: left;
	text-align : center;
	background : url(images/bg_lire_la_suite.png);
	margin-top: 5px;
	margin-left: 15px;
	color : #272f5c;
}

div.commentaires {
	width: 166px;
	height: 24px;
	padding-top : 6px;
	text-align : center;
	float : left;
	background : url(images/bg_nb_comm.png);
	margin-top: 5px;
	margin-left: 15px;
	color : #272f5c;
}

.widecolumn {
	float: left;
	line-height: 1.6em;
	padding: 0 0px 20px 0px;
	margin: 138px 0 0 0px;
	width: 660px;
}

/*-------------------- Résultats de recherche vide --------------------*/
.narrowcolumn form.searchform {margin : 20px 0px 0px 20px;}
/*-------------------- Résultats de recherche vide --------------------*/

/*-------------------- Résultats de recherche vide --------------------*/
.narrowcolumn .post#post-21 {margin : 0;}
/*-------------------- Résultats de recherche vide --------------------*/

#sidebar
{
	margin-top : 159px;
	padding-left : 15px;
	margin-left: 676px;
	width: 285px;
}

#sidebar .tweetmeme_button
{ display:none;}

div#sidebar ul li ul#menu_social, div#sidebar_about ul#menu_social
{
	margin : 0 0 0 -2px;
	padding : 0;
}

ul#menu_social  span {display : none;}

ul#menu_social li {
	margin: 0; 
	padding: 0;
	list-style: none;
	float : left;
	width : 100%;
}

ul#menu_social li, ul#menu_social a{
	display : block;
	height : 32px;
	padding: 0px;
}

div#sidebar ul li ul li#lien_rss{width : 50px; margin-right : 6px; background: transparent url(images/btn_rss.png);}
div#sidebar ul ul li#lien_rss_com{width : 54px; margin-right : 18px; background: transparent url(images/btn_rss_com.png);}
div#sidebar ul ul li#lien_twitter{width : 36px; margin-right : 19px; background: transparent url(images/btn_twitter.png);}
div#sidebar ul ul li#lien_da{width : 36px; margin-right : 19px; background: transparent url(images/btn_da.png);}
div#sidebar ul ul li#lien_fb{width : 36px; background: transparent url(images/btn_fb.png);}

div#sidebar ul ul li#lien_rss:hover,
div#sidebar ul ul li#lien_rss_com:hover,
div#sidebar ul ul li#lien_twitter:hover,
div#sidebar ul ul li#lien_da:hover,
div#sidebar ul ul li#lien_fb:hover{background-position: bottom;}

div#sidebar ul li h2 {
color:#004d6d;
display:block;
font-family:'Trebuchet MS','Lucida Grande',Verdana,Sans-Serif;
font-size:18px;
font-weight:normal;
padding:10px 0px 6px 0px;
}

div#sidebar ul li#get-recent-comments ul li, div#sidebar label{
color : #2a608a;
}

div#sidebar ul li#get-recent-comments ul li{
padding-bottom : 3px;
border-bottom : 1px solid #78efff;
}

div#sidebar ul li#get-recent-comments ul li a{
color : #01587c;
font-weight : bold;
}

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

li#search-2{
padding-top : 48px;
}

.searchform {
display: block;
height: 32px;
}

#archives_search {

}

.searchform #s {
display: block;
padding-left : 3px;
padding-top : 3px;
width: 225px;
height : 20px;
font-family: Verdana, Arial, sans-serif;
color: #fff; 
font-size: 14px;
background: url(images/searchbar.png); 
border: 0px;
}

 .searchsubmit {
display: block;
margin-top: -27px;
margin-left: 238px;
width: 36px;
height: 32px;
border: 0px;
background: url(images/btn_loupe.png);
}

div.domtab{width : 291px; height:164px; padding-left : 9px; margin: 0; margin-left : -15px; background : url(images/bg_domtab_onglets.png);}

div.domtab ul li {
margin: 0; 
	padding: 0;
display:block;
width : 140px;
height : 25px;
list-style-image: url(images/puce_onglets.png);
float:left;
}

div.domtab ul li[float="left"] + li {
float:none;
}

ul.domtabs li a span{display: none;}

div.domtab ul.domtabs li, div.domtab ul.domtabs a{
	display : block;
	height : 22px;
	padding: 0px;
}

div.domtab div ul li a{
	font-size: 16px; 
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
}

ul.domtabs li.trompe_bug {width : 60px;}

ul.domtabs li.lien_categories {width : 114px; background : url(images/bg_domtab_categories.png);}
ul.domtabs li.lien_themes {width : 90px; background : url(images/bg_domtab_themes.png); }
ul.domtabs li.lien_categories:hover, ul.domtabs li.lien_themes:hover, ul.domtabs li.active{background-position: bottom;}

li.widget_links ul li a{padding : 2px 2px 2px 2px;}

#sidebar div#userLinkMenu li#query-posts-3 h2.widgettitle {color:#ddd;font-size:1.5em;}

.comment_number {
display : inline;
font-size : 20px;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-style : italic;
color : #3dc1e5;
}

h3#comments, h3#respond {
	margin-left : 15px;
	color:#004D6D;
	font-size:1.5em;
}
	
form#commentform {
	margin-left : 15px;
	width : 95%;
}

#sidebar .post {
	margin : 0;
	padding : 0;
	font-family: Arial, Verdana, Sans-Serif;
	background: none;
}

#sidebar div#menuSoumettreLien {
height : 24px;
font-size : 13px;
margin-bottom : 10px;
background : #56d5f1;
text-align : center;
-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
-webkit-border-radius: 3px;
}

#sidebar div#menuSoumettreLien a{margin-right : 10px; color : #333;}
#sidebar div#menuSoumettreLien a:hover{text-decoration : none; color:black;}
#sidebar div#menuSoumettreLien a img{vertical-align : middle;}
#sidebar div.entry-content p a{font-weight: bold; color: #004D6D;}
#sidebar div.entry-content p {margin:5px 0 0px;}

li.widget_polls-widget p {color : #333;}
#sidebar ul li.widget_polls-widget ul li a{margin-top : -10px; float: right;}

#footer {
	padding: 0;
	/*margin-top: 10px;*/
	height:250px;
	background: url(images/bg_footer.jpg) no-repeat center top;
	clear: both;
	text-align: justify;
}

#subfooter {  
	width:990px; 
	height:185px;
	margin : auto;
	clear:both;  
}
  
#subfooter li {   
list-style-type: none;  
list-style-image: none; 
}  
  
#subfooter li ul {  
padding-left:0px;  
font-size:12px;  
}  

#subfooter a {  
	padding:5px;  
	width:90%;  
	text-decoration:none;  
	clear:both;  
	display:block;  
}  

#subfooter h2 {font-size : 1.8em; color: #007db1;}

li.widget_links ul li a:hover, #subfooter a:hover {
	background-color:#c9def0;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px;
	color:#000;
}

#subfooter #widget1 {  
	width:308px;  
	height:185px;  
	float:left;  
	margin-left : 15px;
	margin-right:2px;
}  

#subfooter #widget1 .inner a, #subfooter #widget2 .inner li{  
text-align : left;
font-size : 11px;
}

#subfooter #widget2 {  
width:308px;  
height:185px;  
float:left;  
margin-left : 15px;
}   

#subfooter #widget2 ul#recentcomments li{
height : 30px;
}

#subfooter #widget_about{  
width:285px;
height:185px;  
float:left;  
margin-left : 35px;
}  
#subfooter #widget_about h2{
margin-left : 40px;color: #005d91;}
#subfooter #widget_about p{font-size : 12px;}

#subfooter .widget .inner {  
padding:10px;  
}  
  
img#wpstats {display:none;}
  
.entry img {/*
margin-left:25px;*/
}

.entry .no_decale img{/*
margin-left:0px;*/
}

a{
outline:0;             /* pour supprimer les pointill?s gris par d?faut */
color: #1f6397;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

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

#content {
	font-size: 1.2em

	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;

	}



.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.4em;
	}

h1, h1 a, h1 a:hover, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.6em;
	color : #007DB1;
	}

.commentlist cite a{text-decoration : underline}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}







/* Begin Structure */


#header {
	margin: 0 0 0 1px;
	padding: 0;
	height: 200px;
	width: 800px;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}


.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {

	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;

}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

.clear {

	clear: both;
}

/* End Structure */



#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}


/* End Headers */







/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;

	}


img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;


	display: inline;


	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	padding-left: 10px;
	}

html>body .entry li {/*
	margin: 7px 0 8px 10px;*/
	}


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}


#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}


/* End Entry Lists */
/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 0;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;


	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;


	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {


	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {text-align: center;	}

hr {display: none;}

a img {border: none;}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

/*--------------PAGE ABOUT--------------*/
/*-------------------------------------------*/

#astuce_about {       
    background: url(images/astuce_about_bg.jpg) no-repeat center top; 
	position : relative;
	z-index : 1;
	margin : 0;
	margin-top : -21px;
	padding : 0;
}

body#body_about {background: #170e04 url(images/body_about_bg.png) repeat-y center top;}

div#contenu_about {
	padding : 0px 15px 20px 15px;
	margin: 0 0 35px;
	text-align: justify;
}

p#choose_language{
	margin-top : -5px;
	color : #863200;
	font-size : 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
}

p#choose_language img{vertical-align : middle;}

div#contenu_about h2 {
	height: 42px;
	text-indent : 11px;
	margin-left : -11px;
	margin-top : 22px;
	line-height: 1.5em;
	font-size : 22px;
	font-weight: normal;
	color : #863200;
	background: url(images/bg_h2_about.png) no-repeat;
}

p.photo_g {float: left; margin : 30px 15px 0px 5px;}

p.photo_g_eng {float: left; margin : 15px 15px 0px 5px;}

div#bloc_liens_about {
float: right;
width : 510px;
margin-top : 5px;
}

div#bloc_liens_about img{
float: left;
vertical-align : middle;
margin-right : 10px;
}

.droits_reserves {font-size : 16px;}
div#bloc_liens_about p{float: left;}
.decalage_5px {	line-height: 2.3em;}

#sidebar_about{
	margin-top : 170px;
	padding-left : 15px;
	margin-left: 676px;
	width: 285px;
}

#sidebar_about p{font-size : 12px;}

#sidebar_about h2{
	font-size:18px;
	color : #612a0a;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
	margin : 0;
}
#sidebar_about h3{
	font-size:15px;
	font-style : italic;
	font-weight : normal;
	margin: 0;
	color : #612a0a;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
}

#sidebar_about h2.h2_about {
margin-top : 30px;
margin-bottom : 10px;}

#sidebar_about ul#competences_about {
	list-style-type : none;
	font-size:13px;
	line-height: 1.3em;
	padding-left : 10px;
}

#sidebar_about ul#menu_social{padding-left : -15px;}

#sidebar_about ul li#lien_rss{width : 50px; margin-right : 6px; background: transparent url(images/btn_rss.png);}
#sidebar_about ul li#lien_rss_com{width : 54px; margin-right : 18px; background: transparent url(images/btn_rss_com.png);}
#sidebar_about ul li#lien_twitter{width : 36px; margin-right : 19px; background: transparent url(images/btn_twitter.png);}
#sidebar_about ul li#lien_da{width : 36px; margin-right : 19px; background: transparent url(images/btn_da.png);}
#sidebar_about ul li#lien_fb{width : 36px; background: transparent url(images/btn_fb.png);}

#sidebar_about ul li#lien_rss:hover,
#sidebar_about ul li#lien_rss_com:hover,
#sidebar_about ul li#lien_twitter:hover,
#sidebar_about ul li#lien_da:hover,
#sidebar_about ul li#lien_fb:hover{background-position: bottom;}

div#footer_about {
	padding: 0;
	height:250px;
	background: url(images/bg_footer_about.jpg) no-repeat center top;
	clear: both;
}

/*-----------PAGE PORTFOLIO-----------*/
/*-------------------------------------------*/

#desc_site {
height:51px;
margin-left:181px;
margin-top:68px;
position:absolute;
width:390px;
background: url(images/bg_titre.png) no-repeat;
}

#body_portfolio #top_header {position:fixed; top:0; width:100%;}

#page_portfolio {
	text-align: left;
	margin: auto;
	width: 991px;
}

#astuce_portfolio {       
    background: url(images/astuce_portfolio_bg.jpg) no-repeat;
	background-attachment:fixed; 
	background-position:center 34px;
	position : relative;
	z-index : 1;
	margin : 0;
	margin-top : 34px;
	padding : 0;
}

body#body_portfolio {background: #0c0513 url(images/bg_portfolio_body.png) repeat-y center top;}

div#content_portfolio {margin-top : 132px;}

div#contenu_portfolio{
	padding: 0;
	background : url(images/bg_post_portfolio.png) repeat-y;
	width: 991px;
}
div#mini_sidebar{
	margin-top : 185px;
	padding-left : 15px;
	margin-left: 676px;
	width: 285px;
	height : 280px;
}

div#mini_sidebar p{
font-size : 12px;
color: white;
margin-top : 30px;
}

div#mini_sidebar ul li a{
	font-size: 16px; 
	color : white;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
}

h2.titre_portfolio{
	height:55px;
	margin-bottom : 10px;
	font-weight : normal;
	text-indent:-9999px;
	color : white;
	font-family: Verdana, 'Lucida Grande', Verdana, Sans-Serif;
	font-size:1.7em;
	font-style:italic;}
	
h2#digital_art {  background : url(images/bg_portfolio_h2_digital_art.png) no-repeat;}
h2#webdesign {	background : url(images/bg_portfolio_h2_webdesign.png) no-repeat;}
h2#veralka { background : url(images/bg_portfolio_h2_veralka.png) no-repeat; margin-bottom:2px;}
h2#obscur { background : url(images/bg_portfolio_h2_obscur.png) no-repeat; margin-bottom:2px;}
h2#desktopography { background : url(images/bg_portfolio_h2_desktopography.png) no-repeat; margin-bottom:2px;}
h2#zone_zero { background : url(images/bg_portfolio_h2_zone_zero.png) no-repeat; margin-bottom:2px;}
h2#weode { background : url(images/bg_portfolio_h2_weode.png) no-repeat; margin-bottom:2px;}
h2#orangina { background : url(images/bg_portfolio_h2_orangina.png) no-repeat; margin-bottom:2px;}
h2#sanjose { background : url(images/bg_portfolio_h2_sj.png) no-repeat; margin-bottom:2px;}
h2#bmw { background : url(images/bg_portfolio_h2_bmw.png) no-repeat; margin-bottom:2px;}
h2#sjames { background : url(images/bg_portfolio_h2_sjames.png) no-repeat; margin-bottom:2px;}

.white_text p {color:#eee; margin-left:15px;}

ul.cat_portfolio{
	list-style: none;
	margin: 0 auto; padding:0 15px;
}

ul.cat_portfolio li {
	width : 180px;
	float : left;
	display:inline;
	position:relative;
	margin:6px;
	padding:0px;
}

ul.cat_portfolio li:hover {z-index: 98;}

ul.cat_portfolio li img { position: relative;}
ul.cat_portfolio li:hover img{z-index: 99;}
	
ul.cat_portfolio li .info_port {
	position: absolute;
	left: -6px; 
	top: -6px;
	padding: 120px 0px 10px;
	width: 186px;
	display: none;
	background: #ddd  url(images/bg_info_port.png) repeat-x bottom;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #fff;
}

ul.cat_portfolio li:hover .info_port {display: block;}

ul.cat_portfolio li .info_port h3 { padding:0 5px; font-size:13px; font-weight:bold; margin-bottom:0px; color:#2f2934;}
ul.cat_portfolio li .info_port p { padding:0 5px; font-size:11px; color:#555; margin-top:5px;}
ul.cat_portfolio li .info_port a.more_info { 
	display:block;
	height: 17px;
	padding-top:2px;
	font-size:11px; 
	color:#140f1d; 
	font-weight:bold;
	text-shadow: 0 1px 0 #ae88d4;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/btn_more_info.png) center bottom;
	margin-top:15px;
	margin-bottom:-10px;}
ul.cat_portfolio li .info_port a.more_info:hover { text-decoration:none; }

ul.cat_portfolio li a.image_thumb{
	width: 176px; /*--Width of image--*/
	height: 118px; /*--Height of image--*/
	cursor: pointer;
	display : block;
}

ul.cat_portfolio li span { /*--Used to crop image--*/
	width: 176px; /*--Width of image--*/
	height: 118px;
	overflow: hidden;
	display: block;
}

div#footer_portfolio {
	padding: 0;
	height:86px;
	background: url(images/bg_footer_portfolio.png) no-repeat center top;
	clear: both;
}

div#inner_footer {	width:991px; margin:auto; padding-top:23px;}

#ul_footer {padding:0 20px; margin:0;}

#ul_footer li{
	display:block; 
	float:left; 
	margin:0 5px;
	width:307px;
	height:61px;}

#ul_footer li a{
	display:block; 
	float:left; 
	text-indent:-9999px;
	width:307px;
	height:61px;}
#ul_footer li#li_about_footer a{ background: url(images/btn_footer_about.png) no-repeat 0 0; }
#ul_footer li#li_contact_footer a{ background: url(images/btn_footer_contact.png) no-repeat 0 0; }
#ul_footer li#li_follow_footer a{ background: url(images/btn_footer_follow.png) no-repeat 0 0; }
	
#ul_footer li#li_about_footer a:hover, #ul_footer li#li_contact_footer a:hover, #ul_footer li#li_follow_footer a:hover { background-position:0 -61px;}

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

#go_back { 
	display:block;
	height: 17px;
	width:89px;
	padding-top:2px;
	font-size:11px; 
	color:#140f1d; 
	font-weight:bold;
	text-shadow: 0 1px 0 #ae88d4;
	text-align:center;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/btn_go_back.png) center top no-repeat;}

#go_back:hover { text-decoration:none;}


/*--------------PAGE CONTACT--------------*/
/*-------------------------------------------*/

body#body_contact{background: #0f100b url(images/body_bg_contact.jpg) repeat-y center top;}

#astuce_contact {       
    background: url(images/astuce_contact_bg.jpg) no-repeat center top; 
	position : relative;
	z-index : 1;
	margin : 0;
	margin-top : -21px;
	padding : 0;
}

div#content_contact {
	min-height : 500px;
	margin:0 0 35px;
	padding:0 15px 20px;
	text-align:justify;
}

div#content_contact form#contact{background:url(images/bg_form_contact.png) no-repeat top right;}

#astuce_contact p#choose_language{
	margin-top : -5px;
	color : #36421d;
	font-size : 16px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
}

div#content_contact h1{
	height: 42px;
	text-align: left;
	text-indent : 11px;
	margin-left : -11px;
	margin-top : 22px;
	line-height: 1.5em;
	font-size : 22px;
	font-weight: normal;
	color : #36421d;
	background: url(images/bg_h2_about.png) no-repeat;
}

div#content_contact  p{font-size : 12px;}

div#content_contact  input{width : 200px;}

div#content_contact  input#submit_contact {
	text-align : left;
	padding-left : 8px;
	width: 114px;
	border: none;
	height: 24px;
	padding-bottom : 3px;
	background : url(images/btn_send_message.png) no-repeat;
}

div#astuce_contact  #sidebar_about h2{color : #3a4325;}

#sidebar_about p img{vertical-align : middle;}

div#footer_contact {
	padding: 0;
	height:250px;
	background: url(images/bg_footer_contact.jpg) no-repeat center top;
	clear: both;
}