/*
Theme Name: fviola V1.0
Theme URI: http://www.fviola.com/
Description: Thème créé pour le portfolio de fviola.
Version: 1.0
Author: Frédéric Viola
 
Thème créé par fviola || http://www.fviola.com
 
*/

* { padding: 0; margin: 0; }


/* ------------ STYLES DU CORPS DE LA PAGE & STYLES GÉNÉRALE ------------ */

body {
	font: 12px/14px Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: #FFF;
	background: #000 url(images/fond.jpg) no-repeat scroll top center;
}

p {
	margin: 10px 0;
}

h1, h2, h3 {
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	text-align:left;
}

h1 {
	font:24px;
}

h2 {
	font:21px;
}

h3 {
	font:18px;
}

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	margin-top:10px;
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:20px; 
	text-align: center; 
	background: transparent url(images/btn_sprite.png) no-repeat right -110px; 
}
	
button.submitBtn span {
	padding: 5px 0 0 15px; 
	height:30px; 
	background: transparent url(images/btn_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -165px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -55px;
}





/* ------------ STYLES DES LIENS ------------- */

a:link, a:visited {
	color:#FCF1BC;
	text-decoration: none;
}

a:hover, a:active {
	color:#FCF1BC;
	text-decoration:underline;
}

a img {
	border:1px solid #FFF;
}



/* ------------ STYLE DE LA PAGE (en-tête, menu, contenu, footer) ------------ */

#page {
	margin: 0 auto;
	width: 454px;
	text-align: center;
	background: url(images/fond_transp.png) repeat fixed;
	border-width: 0 1px;
	border-style: solid;
	border-color: #484848;
}



/* ------------ STYLES DE L'EN-TÊTE ------------ */

#header {
	float: left;
	width: 454px;
	height: 290px;
	position:relative;
}

/* DIV POUR CENTRAGE VERTICAL DU LOGO */
.temp {
	position:absolute;
	height:1px;
	width:1px;
	overflow:visible;
	top:50%;
	left:50%;
}

.logo {
    position:absolute;
    height:200px;
    width:166px;
    top:-100px;
	left:-83px;
}

.logo img {
	border:0px;
}



/* ------------ STYLES DU MENU VERTICAL ------------ */

#menuprincipale {
	float: left;
	width: 454px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #484848;
	padding: 10px 0;
}

#menuprincipale a {
	font:28px Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	margin:10px 15px;
}


/* ------------ STYLES DES CONTENUS ------------ */

/* CONTENUS SUR INDEX.PHP */
#content-index {
	float: left;
	width: 392px;
	padding: 0 31px 36px 31px;
}

/* CONTENUS GÉNÉRAUX */
#content {
	float: left;
	width: 382px;
	padding: 36px;
	
}


/* ------------ STYLES DES ARTICLES ------------ */

/* TITRE CATEGORIES */
.titre-categories {
	float:left;
	width:384px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #FFF;
	margin: 46px 5px 15px 5px;
	padding: 5px 0;
}

/* TITRES ARTICLES */
.titre-articles {
	float:left;
	width:382px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #FFF;
	margin: 15px 0;
	padding: 5px 0;
}

.content-articles {
	float:left;
	width:382px;
	margin: 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #FFF;
}

.colonne1 {
	float:left;
	width:180px;
	padding-right:10px;
	border-right:1px solid #FFF;
	text-align:left;
}

.colonne2 {
	float:left;
	width:181px;
	padding-left:10px;
	text-align:left;
}

.colonne1 ul {
	margin: 10px 0 0 13px;
}

.colonne2 ul {
	margin: 10px 0 0 13px;
}

.sous-titre-articles {
	border-width: 1px 0;
	border-style: solid;
	border-color: #FFF;
	margin: 0 0 5px 0;
	padding: 5px 0;
}

.texte-articles {
}

/* ARTICLES SUR INDEX.PHP */
.post-index {
	width:186px;
	height:80px;
	float:left;
	margin: 5px;
}

/* ARTICLES GÉNÉRAUX */
.post {

}


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

.texte-about {
}

.texte-about p {
	text-align: justify;
}

.content-about {
	float:left;
	width:382px;
	margin: -8px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #FFF;
}

.content-about .sous-titre-articles {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #FFF;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}



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

.content-contact
{
    font-size: 14px;
	width:382px;
	text-align:left;
}

.content-contact input[type="text"], .content-contact textarea
{
	font-size: 12px;
	margin: 5px 0;
	display: block;
	padding: 4px;
	border: solid 1px #484848;
	width: 374px;
	background-image: url(images/input_background.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#EEE;
}

.content-contact input[type="text"]:focus, .content-contact textarea:focus
{
	background-color: #FFF;
	border: 1px solid #999;
}




/* ------------ PIED DE PAGE ------------ */

#footer {
	width: 382px;
	height: 200px;
	clear: both;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #484848;
	padding: 10px 36px;
}

#footer .tableau {
	width:382px;
	height: 200px;
	display:table-cell;
	vertical-align:bottom;
	padding:0;
}

#footer .tableau p {
	width:382px;
	text-align:center;
	font-size: 10px;
	color: #999;
}

#footer .tableau p a {
	font-size: 10px;
	color: #999;
	text-decoration: underline;
}