/*  
Theme Name: CorinneBrun-Royer
Theme URI: http://www.corinnebrunroyer.com
Description: theme minimaliste pour Corinne Brun-Royer
Version: 1.0
Author: Ange Andrianavalona
Author URL: http://www.aandria.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
/*ol, ul, li { list-style:none }*/
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */


body {
	font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Sans-serif;
	font-size: 0.8em;
	text-align: center;
	background:#fff;
	color: #4F4F4F;
	margin: 0;
	width:100%;
}


/***********************************
		
			PAGE

************************************/
#hidden_logo{
	height:1px;
	overflow:hidden;
	text-indent: -5000px ;
}

#page {
	margin: 0 auto 0 auto;
	padding:0;
	width: 965px;
	background:transparent;
	text-align:center;
}


#page a{
	text-decoration:none;
	color:#9DB37C;
	font-weight:strong;
}

#page a:hover{
	color:#515F41;
}

#page p{
	line-height:1.5em;
}

#page h1{
	font-family:Georgia, Verdana, Arial Serif;
	font-size:2.8em;
	letter-spacing:1px;
	margin:0 20px 30px 0;
	text-align:left;
}



#page h2{
	font-family:Georgia, Verdana, Arial Serif;
	font-size:1.4em;
	letter-spacing:1px;
	margin:0 20px 30px 0;
	color:#9DB37C;
}

#page h2 a{
	color:#9DB37C;
}

#page h3{
	font-size:2.4em;
	font-weight:bold;
	font-family:Garamond, Georgia, Verdana, Arial Serif;
	color:#cacaca;
	margin:0;
}

#page h3 a{
	color:#cacaca;
}


#page em{
	font-style:italic;
}









/***********************************
		
			  HEADER

************************************/
#header {
	font-family: Georgia, Verdana, Serif;
	float: left;
	width: 965px;
	height: 285px ;
	padding: 0;
	margin: 0 auto 40px auto;
	background:transparent;
}




#logo{
	float:left;
	height: 285px ;
	width:965px;
	margin:10px 0 0 0;
	font-size:0.8em;
	display:block;
	background:transparent url(layout/bg_top.jpg) top right no-repeat;
}

#header h1
{
	height: 285px ;
	margin:0;
	padding:0;

}

#header h1 a
{
	width: 965px ;
	height: 285px ;
	display: block ;
	position: relative ;
	overflow:hidden;
	text-indent: -5000px ;
}
  
#header p
{
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent: -5000px ;
}




/************************************
			NAVI
*/

#navi{
	float:left;
	width:965px;
	margin:0 auto 0 auto;
	font-family: Georgia, Verdana, Serif;
	line-height:2.5em;
	text-align:center;
	margin:0;
	margin:0 0 30px 0 !important;
}


#navi ul{
	width:600px;
	height:60px;
	float:left;
	margin:0 auto 0 200px;
	padding:0;
	display:inline;
	text-align:center;
	background:transparent url(layout/navi_decoration.png) top right no-repeat;
}

#navi li{
	float:left;
	margin:0 20px 0 0;
	text-align:center;
	display:block;
}




#navi a{
	padding:7px 7px 10px 7px;
	font-weight:bold;
	color:#AFAFAF;
}

#navi a:hover{
	border-bottom:2px solid #E47B24;
}









/*========================================

                         TOP PAGE                                          
======================================== */

#content_top{
	width:965px;
	margin:0 auto 50px auto;
	float:left;
	text-align:center;
}

#content_top h3, #content_top h3 a{
	color:#9DB37C;
	border-bottom:2px solid #D2CCC3;
	padding:0 0 20px 0;
	text-align:left;
	margin:0 0 15px 0;
	font-weight:normal;
	letter-spacing:0.1em;
}


.colonne_top{
	width:190px;
	margin:0 35px 0 0;
	float:left;
}


.colonne_top p{
	text-align:justify;
	font-family:Georgia, Verdana, Arial Serif;
	line-height:20px;
	margin:10px 0 10px 0;
	color:#4F4F4F;
}

.colonne_top li{
	text-align:left;
}


.colonne_plus{
	font-weight:bold;
	margin:10px 0 0 0;
	font-family:Georgia, Verdana, Arial Serif;
}

.colonne_plus img a{
	margin:0 0 50px 0;
	border:5px solid red;
}

.article_plus{
	float:left;
	font-weight:bold;
	margin:10px 0 0 0;
}

.sidebar_plus{
	width:100%;
	font-weight:bold;
	margin:25px 0 20px 0;
	padding:0 0 0 20px;
	background:transparent url(layout/bg_article_plus.png) center left no-repeat;
}

.colonne_top h4{
	font-family:Georgia, Verdana, Arial Serif;
	text-align:left;
	margin:0 0 20px 0;
}


#content_top ul{
	list-style-type:square;
}

#content li{
	margin:0 0 15px 0;
}


.article_plus{
	float:right;
	font-weight:bold;
	margin:25px 0 20px 0;
}

.sidebar_plus{
	width:100%;
	font-weight:bold;
	margin:25px 0 20px 0;
	padding:0 0 0 20px;
	background:transparent url(layout/bg_article_plus.png) center left no-repeat;
}

/*
/************************************
			IMAGES
*/


.left{
	float:left;
	text-align:left;
	background:#EFEFEF;
}

.right{
	float:right;
	text-align:left;
	
}

.center{
	width:600px;
	margin: 20px auto 20px auto;
	text-align:center;
}

img{
	padding:3px;
	background:#FFF;
	border:1px solid #CFCFCF;
}

img a{
	padding:3px;
	background:#FFF;
	border:1px solid #CFCFCF;
}





/***********************************
		
			FOOTER

************************************/

#footer_container {
	clear:both;
	text-align:center;
	width: 100%;
	font-family:Georgia, Verdana, Arial Serif;
	background:#EEEEEE url(layout/footer_bg.png) bottom right no-repeat;
	float:left;
	padding: 0 0 10px 0;
	border-top:1px solid #CFCFCF;
	margin:0;
}


#footer {
	font-size: 1.1em;
	padding: 10px 10px 0 0;
	margin:30px auto 20px auto;
	width: 965px;
	color:#5F5F5F;
	text-align:center;
}

#footer p{
	font-weight:bold;
	line-height:1.6em;
}

#footer em{
	font-weight:bold;
	color:#B6B6B6;
}