/*
Theme Name: Repaira Beta
Theme URI: http://www.repaira.fr/
Description: Thème Repaira développé par marquedefabrique.net.
Version: 0.9
Author: Aurélie Jallut et Christophe Violeau
Author URI: http://www.marquedefabrique.net/
Tags: deux colonnes, menu page 

Repaira 0.9
http://www.marquedefabrique.net/

Ce thème a été conçu et développé par marquedefabrique.net,
voir à l'adresse http://www.marquedefabrique.net.

le CSS, XHTML ainsi que le design sont protégés par la Common License

*/
/* Begin Typography & Colors */
/** {
margin: 0px;
padding: 0px;
text-decoration: none;
text-align: left;
}*/

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: url(images/NB_bg.jpg) #fff;
}

#wrapper {
width: 1042px;
margin: 0px auto;
padding: 0px;
background: #fff;
}

#header {
margin: 0px;
height: 180px;
background: url(images/repaira-bandeau.jpg) no-repeat;
}

#beta {
float: right;
margin: 0px;
width: 165px;
height: 165px;
background: url(images/beta.png) no-repeat;
}

/* Menu horizontal */
#menu-horizontal {
padding-left: 60px;
height: 41px;
}

#navigation {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;
	}
	
#navigation li {
	float: left ;
	width: 146px ;
	margin-right: 10px ;
	color: #00469e ;
	background: #fff ;
	font: Verdana, Arial, Helvetica, sans-serif;
	}
	
#navigation li a {
	display: block ;
	height: 41px;	
	background: #fff url(images/bouton-coulissant.jpg) left top no-repeat ;
	color: #00469e ;
	
	padding-top: 7px;
	line-height: 1em ;
	font-size: 1.2em;
	text-align: center ;
	text-decoration: none ;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #fff url(images/bouton-coulissant.jpg) right top no-repeat ;
	
	}

/* Styles de main */
#main {
width: 630px;
float: left;
padding: 10px 0px 20px 90px;
background: url(images/repaira-fond-mainframe.jpg);
}

p{
	line-height:1.8em;
	text-align:justify;
}

.post {
clear: both;
color: #00469e;
padding-bottom: 10px;
}
.post h2 {
font-size: medium;
}

.post a {
color: #ff6c00;
text-decoration:underline;
}

.post a:hover, .post a:focus, .post a:active {
color: #00469e;
text-decoration: underline;
}

.entry {
padding-left: 10px;
font-size: small;
}

/* Début des Images */
p img {
padding: 0;
max-width: 100%;
}


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;
}
/* Fin des Images */

/* Styles du menu vertical */
#menu-vertical {
width: 284px;
float: left;
padding: 20px 20px 0px 10px;
color: #00469e;
}

#menu-vertical ul li {
list-style: none;
}

#menu-vertical h2 {
font-size: small;
font-weight: normal;
border-bottom: 1px solid;
}

#menu-vertical a {
text-decoration: none;
}

#menu-vertical a:hover,  #menu-vertical a:focus, #menu-vertical a:active {
text-decoration: underline;
}

.linkcat {
padding-top: 5px;
}

.xoxo {
padding-left: 10px;
}

.xoxo li, .xoxo a {
padding-top: 2px;
color: #ff6c00;
}

/* Footer */
#footer {
clear: both;
height: 67px;
background: url(images/repaira-pied-de-page.jpg) no-repeat;
text-align: center;
padding-top: 80px;
}

#footer a {
color: #00469e;
text-decoration: none;
}

#footer a:hover, #footer a:focus, #footer a:active {
text-decoration: underline;
}