/* David REVOY */  

/* ---------------------
Html et body
--------------------- */
/* remise à zéro */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }

accronym {
border-bottom: 1px dotted grey;
cursor: help;
}

html {
	font : 75%/1.7em "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	color : #eee;
	background : #D6B777 url("images/back3.jpg") no-repeat center 0;
	margin : 0;
	padding : 0;
}

body {
}

.pageglobal {
		position:relative;
	width : 950px;
	margin : 10px auto 0 auto;
	padding : 0 0 0 0;
	clear : both;
	background : #A39F84 url("images/cycle-dark.jpg");
        -moz-border-radius: 5px;
	border-top: 1px solid #333;
	border-left: 1px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #000;

}
.page {
	width : 950px;
	margin : 10px auto 0 auto;
	padding : 0 0 0 0;
	clear : both;
	background : #A39F84 url("images/cycle-dark.jpg");
        -moz-border-radius: 5px;
	border-top: 1px solid #333;
	border-left: 1px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #000;

}
#pagetuto {
	width : 950px;
	margin : 10px auto 0 auto;
	padding : 0 0 0 0;
	clear : both;
        background : #C8C6AF url("images/cycle-light.jpg");
        -moz-border-radius: 5px;
	border-top: 1px solid #333;
	border-left: 1px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #000;

}
#pageabout {
	width : 920px;
	margin : 10px auto 0 auto;
	padding : 0 0 0 0;
	clear : both;
        background : #C8C6AF url("images/cycle-light.jpg");
        -moz-border-radius: 5px;
	border-top: 1px solid #333;
	border-left: 1px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #000;

}
#pagetout {
	width : 917px;
	margin : 10px auto 0 auto;
	padding : 0 0 0 0;
	clear : both;
	border: 0px;

}
/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 2.2em;}
h2 {padding-top: 10px;padding-left: 3px;top:0;left:0;z-index:10000;color:#eee;font-size:18px; font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;}
h3 {font-size : 1.1em; margin : 0; padding: 0}
p {margin : 0; padding: 0}
a {color : #fff; text-decoration: underline;}
a:hover {color : #f90;}
a img {margin: 4px;padding: 0px; text-decoration: none; border: 0px;}
a:hover img {border-color: #f0f0f0;}
img {margin: 4px;padding: 0px; text-decoration: none; border: 0px;}
.clearer {clear : both; visibility : hidden; margin : 0; padding : 0;}

/* ---------------------
Formulaire
--------------------- */
fieldset {
	border : 0;
}
label {
	display : block;
}
input, textarea {
	border-left : 1px solid #C3C9D0;
	border-top : 1px solid #C3C9D0;
	border-right : 1px solid #D4DAE2;
	border-bottom : 1px solid #D4DAE2;
}
input:focus, textarea:focus {
	background-color : #FFFFFF;
	border-left : 1px solid #D4DAE2;
	border-top : 1px solid #D4DAE2;
	border-right : 1px solid #C3C9D0;
	border-bottom : 1px solid #C3C9D0;
}
input[type=submit], input[type=reset] {
	background : #8f8971 ;
        border: 1px solid #555;
        padding: 2px 9px;
        -moz-border-radius: 6px;
	}
input[type=text] {
	margin : 0 0 0 5px;
        -moz-border-radius: 3px;
}
textarea {
	width : 85%;
        -moz-border-radius: 5px;
}

/* ---------------------
Haut de page (#top)
--------------------- */
#titleprint {
	display:none;
}
#header {
	color : #545454;
}
#header h1 { /* Titre et sous-titre du site */
	font-weight : normal;
	letter-spacing : 1px;
	color : #eee;
	display : inline;
}
#header p{
	display : inline;

	color : #fff;
	font-size : 0.00001em;
}
#menu {
	background : url("images/menubar.jpg") ;
	margin : 10px auto 0 auto; 
	width: 950px;
	height: 45px;
        -moz-border-radius: 5px;
	border-top: 0px;
	border-left: 1px solid #222;
	border-right: 2px solid #444;
	border-bottom: 2px solid #333;
}
#menu ul {
	margin : 0 auto; 
	padding : 0;
	list-style-type : none;
}
#menu li {
	float : left;
	padding: 0 0 0 10px;
}
#menu li a {
	display : block;
	padding: 10px 20px 30px 20px;
	color :  #000;
	text-decoration : none;
	text-transform : uppercase;
	font-size : 1em;
	letter-spacing : 1px;
}
#menu li a:hover {
	color :  #DB5621;
	text-decoration : underline;
}
#menu li.active a {
	background : url("images/tab.gif") no-repeat;
	background-position:center 29px;
}
#menu .titlebar {
	text-decoration : none;
	font-size : 1.4em;
	text-transform : none;
}

#menu .titlebar a{
	text-decoration : none;
	text-transform : none;
	font-weight : bold;
	letter-spacing : 2px;

}
#menu .titlebar a:hover{
	text-decoration : none;
	text-transform : none;
}
/* --------------------- 
Zone de contenu (#content)  
--------------------- */


/* -----Gallerie----- */
#gallerie { 
	width:880px;
	margin: 0 auto;

}
#gallerie a img{ 
	padding: 1px;
	border: 1px solid #444;
}
#gallerie a img:hover{ 
	border: 1px solid #f90;

}
.hiddendesc{ 
	display: none;

}
.ecran {  
	height:  328px;  
	width:   929px;  
	padding: 0;  
	margin : 0px auto;
	right: 6px;

} 
 
.ecran img {  
	padding: 0;
	height:  328px;  
	width:   929px;
	text-decoration: none;
	border: 0px;
	top:  0; 
	left: 0; 
	border-top: 1px solid #333;
	border-left: 1px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #000;
} 

/* -----NEWS home----- */
.news{
	margin : 0 auto;
	padding: 0 50px 15px 42px;
}
.news h2 {
	color : #fff;
	font : 20px "Times New Roman", Times, serif; 
	margin : 0 0;
	padding : 16px 0 10px 13px;
}
.news p{
	color : #eee;
	padding: 0 0 8px 0;
	font : 1.1em "Times New Roman", Times, serif; 

}
.news .date{
	color : #DB5621;
	padding: 0 26px 5px 0;
	text-transform : uppercase;
	font : 13px "Times New Roman", Times, serif; 
}

/* -----Contenu----- */

#content { /* Bloc */
	float : left;
	width : 76%;Digital painting exemple Durian project, concept art
Last news

May. 2009 Lead Concept Artist for the project Durian, the 3rd open movie of the Blender Foundation http://durian.blender.org 
	margin : 0 0 0 0;
	padding : 8px;

}
#content p {
	margin-top:10px;
}
#contentb { /* Bloc */
	
	margin : 0 0 0 0;
	padding : 8px;
}

#contentb p {
	margin-top:10px;

}
#contentc { /* Bloc tutorial */
font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
        /* background : #C8C6AF url("images/cycle-light.jpg"); */
        -moz-border-radius: 5px;
	width : 760px;
	margin : 20px auto;
	padding : 8px 5px;
        color: #111;
	font-size : 1.2em;
}

/* _____________ */
/*               */
/* Page Tutorial */
/*               */
/* _____________ */

#contentc i{ /* tutorial intro */
	font-size : 1.1em;
}
#contentc img{ /* tutorial image border black */
border: 1px solid #5B3D1A;
margin: 0px 20px 0px 0px;
}
/* tutorial chapo */
#contentc .chapoin{ 
border: 3px double #5B3D1A;
padding: 20px 20px 36px 20px;
}
#contentc .chapoin p{ 
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-size: 1em;
	font-style: italic;
}
#contentc .chapoin h4{ 
	clear : both;
 visibility : hidden;
 margin : 0;
 padding : 0;
}
#contentc .chapoin p:first-letter{ 
	font-size: 140%;
	font-style: italic;
	padding: 0px 0px 0px 20px;
}
#contentc .chapoin img{ 
	float: left;
}
#contentc h1 { /* Titre de l'article */
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	color : #5B3D1A;
	font-size : 2.15em;
	margin : 0 0 0 0;
	padding : 15px 0 40px 12px;
	letter-spacing : 2px;
}
#contentc a { /* Lien sur le titre de l'article */
	color : #5B3D1A;
	text-decoration : underline;
	font-style : bold;
}
#contentc a:hover {
	color : #000;
	text-decoration : underline;
}
#contentc h2{ /* tutorial title design */
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-size : 2em;
	color: #111;
	font-style: italic;
	padding: 30px 10px 10px 40px;
}
#contentc h4{ /* tutorial img description */
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-size : 16px;
	color: #111;
	font-style: italic;
}
#contentc p{ /* paragraph */
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	padding: 5px 0px;
}
#contentc p:first-letter{ /* paragraph lettrine */
	font-size: 140%;
	font-style: italic;
	padding: 0px 0px 0px 20px;
}
.contentc a{
        color: #811 !important;
}
.contentc a:hover{
        color: #f61;
}
ol{
list-style-type:square;
padding : 0px 0px 0px 100px;
}
ul{
list-style-type:square;
padding : 0px 0px 0px 100px;
}
/* post */
.post { 
	width : 632px;
	padding : 4px 65px 50px 15px;
	margin : 0 0 10px 0px;
        background : #eee url("images/cycle-light.jpg");
        -moz-border-radius: 5px;
	border-top: 1px solid #333;
	border-left: 1px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #000;
        color: #111;
	font-size : 1.2em;
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;

}
.post p{
	font-style: italic;
}
.post p:first-letter{ 
	font-size: 140%;
	font-style: italic;
	padding: 0px 0px 0px 20px;
}
.post a{
        color: #7F4303;
}
.post a:hover{
        color: #111;
}
.post img{
	float:left;
	padding: 0px 10px 0px 20px;
}
.post h4{ 
	clear : both;
 visibility : hidden;
 margin : 0;
 padding : 0;
}
/* Boutton Read more */
.buttonreadpost{
background:  #FFC34B url("images/sidetitle.png");
-moz-border-radius: 5px;
width: 95px;
height: 22px;
float: right;
text-align: center;
padding: 3px 0 0 0;
margin: 15px 0 0 0;
}
.buttonreadpost a{
font-size : 0.9em;
color : black;
display: block;
font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
font-style: bold;
text-decoration: none;
}
.buttonreadpost a:hover{
color : white;
display: block;
text-decoration: none;
/* déco post */
}
.title { /* Titre de l'article */
	color : #5B3D1A;
	font-size : 1.45em;
	margin : 0 0 0 0;
	padding : 0px 0 8px 12px;
	letter-spacing : 2px;
}
.title a { /* Lien sur le titre de l'article */
	color : #5B3D1A;
	text-decoration : none;
	font-style : bold;
}
.title a:hover {
	color : #000;
	text-decoration : underline;
}
.post-info {
	margin : 0!important;
	padding : 8px 0 0px 0px;
	font-size : 0.85em;
	color : #222;
font-style : italic;
}
.post-info a{
	text-decoration : none;	
	color : #222;
}
.post-info a:hover{
	text-decoration : underline;	
}
.feed_article {
	padding : 8px 0 0 28px;
	background : url("images/feed-icon-14x14.gif") no-repeat 10px 12px;
}
.comment_nb {
	float : right;
	background : url("images/comment.gif") no-repeat 0 6px;
	margin : 0!important;
	padding : 4px 4px 0 20px;
}
#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	text-align : center;
	margin : 0 0 0 0;
	padding : 25px 0 10px 0;
}

/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
	float : right;
	width : 190px;
	padding : 0;
	margin : 9px 17px 0 0;
	font-size : 1.2em;

}
#sidebar h2 { /* Titre des menus de la sidebar */
	color : #eee;
	font-size : 1.2em;
	margin : 0;
	padding : 6px 8px 12px 8px;
	background-color : #000;
}
#sidebar .lienblog { /* Bloc de liste */
	margin : 0;
	padding : 0;
        font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	background : #837961;
        font-size : 1.1em;
	-webkit-border-radius:  8px;
	-moz-border-radius:  8px;
	-khtml-border-radius:  8px;
}
.lienblog li { /* Elément de liste */
	list-style-type : none;
	padding : 4px;
	border-bottom : 1px solid #444;

}
.lienblog li a { /* Liens dans les listes */
	display: block;
	color : #000;
	padding : 0 0 0 18px;
	text-decoration : none;

}
.lienblog li:hover, #sidebar li.active {
	color : #000;
	background-color : #fff;
}
.lienblog li a:hover, #sidebar li.active a, #sidebar li.active a:hover {
	color : #000;
}
#sidebar .menublog { /* Bloc de liste */
	margin : 0;
	padding : 0;
        font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	background:  #F7B94D;
        font-size : 1.1em;
	-webkit-border-radius:  8px;
	-moz-border-radius:  8px;
	-khtml-border-radius:  8px;
}
.menublog li { /* Elément de liste */
	list-style-type : none;
	padding : 4px;
	border-bottom : 1px solid #444;
	border-top : 1px solid #FFF;
	-webkit-border-radius:  8px;
	-moz-border-radius:  8px;
	-khtml-border-radius:  8px;

}
.menublog li a { /* Liens dans les listes */
	display: block;
	color : #000;
	padding : 0 0 0 18px;
	text-decoration : none;
	text-shadow: #AF310A 2px 2px 7px;

}
.menublog li:hover, #sidebar li.active {
	color : #000;
	background-color : #fff;
}
.menublog li a:hover, #sidebar li.active a, #sidebar li.active a:hover {
	color : #000;
}
.syndic {
text-align: center;
	margin : 0;
	padding : 0;

}

#syndication a{
list-style-type : none;
color : #000;
text-decoration : none;
	display : block;
	padding : 4px 6px 4px 30px;
margin:	0 0 4px 0;
	-webkit-border-radius:  8px;
	-moz-border-radius:  8px;
	-khtml-border-radius:  8px;
text-shadow: #FFF 2px 2px 7px;
	background :  #D7CEB6 url("images/feed-icon-14x14.gif") no-repeat 7px 8px;
	}
#syndication a:hover {
	background : #FFF url("images/feed-icon-14x14.gif") no-repeat 7px 8px;
}

/* ---------------------
Commentaires (#comments)
--------------------- */
#comments {
background : #A39F84 url("images/cycle-dark.jpg");
}

#comments h2 {
	font-size : 1.2em;
	margin : 10px 0 10px 10px;
	padding : 0px 0;
	letter-spacing : 2px;
}

#comments a {
	color : #7F4303;
}
.comment {
	background : #333 url("images/cycle-light.jpg");
        color: #111;
	margin : 0 0 25px 25px;
	border : 1px solid #666;
	padding : 0 0 22px 0;
	-webkit-border-radius:  5px;
	-moz-border-radius:  5px;
	-khtml-border-radius:  5px;
width : 900px;
}
.comment blockquote {
	padding : 2px 30px 2px 40px;
	margin : 0;
}
.info_comment {
        color : #777461;
	font-weight : bold;
	padding : 0px 24px;

}
p.message_com {
	text-align : center;
	font-weight : bold;
	color : #1F537B;
	margin : 8px 0 0 0;
	padding : 4px 0;

}
#form h2 {
	color : #517CA1;
	font-size : 1.2em;
	margin : 15px 0 0 0;
	padding : 4px 0;
	letter-spacing : 2px;
	border-bottom : 1px dashed #517CA1;
}
#form {
	margin : 50px;
	letter-spacing : 2px;
}
/* ---------------------
previous and next page
--------------------- */
.nextpost{
float : right;
background:  #FFC34B url("images/sidetitle.png");
-moz-border-radius: 5px;
width: 140px;
height: 22px;
text-align: center;
padding: 3px 0 0 0;
margin: 15px 0 0 0;
}
.nextpost a{
font-size : 1.2em;
color : black;
display: block;
font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
font-style: bold;
text-decoration: none;
}
.nextpost a:hover{
color : white;
display: block;
text-decoration: none;
}


.previouspost{
float : left;
background:  #FFC34B url("images/sidetitle.png");
-moz-border-radius: 5px;
width: 140px;
height: 22px;
text-align: center;
padding: 3px 0 0 0;
margin: 15px 0 0 0;
}
.previouspost a{
font-size : 1.2em;
color : black;
display: block;
font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
font-style: bold;
text-decoration: none;
}
.previouspost a:hover{
color : white;
display: block;
text-decoration: none;
}
/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	width :940px;
	margin : 0 auto 0 auto;
	text-align : center;
	font-size : 0.85em;
	/*background : #0f0f0f url("images/menu.gif") repeat-x;*/
	color : #000;
	padding : 7px 0;
}
#footer a {
	color : #000;
	text-decoration : none;
}
#footer a:hover {
	color : #fff;
	border-bottom : 1px dotted #bcbcbc;
}
#gallerie a[href^="http:"] {
padding-right: 0px;
background: none;
}

a[href^="mailto:"] {
background: url(images/maillink.gif) no-repeat right top;
padding-right: 13px;
}h2 {padding-top: 10px;padding-left: 3px;top:0;left:0;z-index:10000;color:#eee;font-size:18px; font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;}
#visite {
color: #ffffff;
font-family: arial,helvetica,sans-serif;
text-align: center;
font-size:10px;
text-align:center;
width:100%;
}
#visite img{
margin: 0 0;
padding: 0 0 
}
.share {
float: right;
}
.share a[href^="http:"] {
padding-right: 0px;
background: none;
}
.disclaimer{
padding : 8px 20px 8px 70px;
background : #DB9470 url(images/warning.png) no-repeat left center;
border: 10px solid #DB9470;
font-style: italic;
color: #880000;
}
.avatar{
padding : 10px 10px;
float: right;
}
#capcha{
	padding : 10px 10px;
	background : #333 url("images/capcha.jpg");
        color: #333;
	border : 1px solid #880000;
	-webkit-border-radius:  5px;
	-moz-border-radius:  5px;
	-khtml-border-radius:  5px;
font-size:14px;
font-style: bold;
color: #880000;
}
.clear {
clear: both;
}