@import url(reset.css);
@import url(menu.css);

body{
		text-align : center;
		background-color : #E8DFCD;
		margin : 0 auto;
		padding : 0;
		width : 770px;
		font-family : Helvetica, Verdana, Arial, sans-serif;
		

}
h3{
		margin : 2em 0 1em 0;
		font-size : 1.2em;
		text-align : center;
}
#col0{
		position : relative;
		background: url(../_media/header.jpg) no-repeat center top;
		height : 660px;
		margin : 0 auto;
		padding : 0;
}
#critiques{
		position : absolute;
		width : 850px;
		text-align : left;
		z-index : 1;
		margin-left : -40px;
}
#critiques div{
		width : 175px;
		text-align : center;
		color : #660000;
}
a.auteur{
		font-size : 0.7em;
		line-height : 0.7em;
}
#critiques div.i{
		float : left;
}
#critiques div.ii{
		float : right;
}

div#vero{
		background : url(../_media/veroruban.jpg) no-repeat right top;
		width : 760px;
		margin : 0;
		padding : 0;
		left-margin : -200px;
		text-align : left;
}
div#vero p{
		width : 400px;
		text-align : left;
		margin : 60px 0 -45px 20px;
}





div.gauche{
		width : 250px;
		height : 200px;
		float : left;
		margin : 0px 0 0 0;		
}
div.gauche p{
		width : 250px;
		color : #660000;
		text-align : center;
		margin : 50px auto 0 auto;		
}
div.gauche p em{
		font-size : 1.14em;
		font-style : none;		
}
div.droite{
		width : 760px;
		margin :  0px 0 -45px 20px;
		padding : 0;
		text-align : center;
} 
div.persos{
		width : 350px !important;
		float : right;
		font-size : 0.7em ;
}
div.persos p , div.persos h4{
		margin-left: 125px !important ;
		text-align : left;
}
div.perso h4{
		font-size : 1.1em ;
		color : #660000;
}
div.perso h4 em{
		color : #000033;
}
div.perso div.gauche{
		width : 350px !important;
		float : left;
		font-size : 0.7em ;		
}
div.perso div.gauche p , div.perso div.gauche h4{
		margin-right: 175px !important ;
		text-align : left;
}
div.droite p, div.perso div.gauche p{
		text-align : left;
		line-height :1.2em;
		margin : 0.5em 0;
		color:#963;
} 
.rouge{
		color : #660000;
} 
.bleu{
		color : #000033;
}
div#profil p{
		text-align : left !important;
		margin : 1em 0;
}
div#profil p img{
		float : right;
		margin-bottom : 2em;
}
div#profil h4{
		text-align : left;
		margin : 2em 0 1em 0;
}
div.datesdespec{
		background : url(../_media/billets.gif) no-repeat right top;		
}



.perso{
		background : url(../_media/persos.gif) no-repeat center top;
		height : 650px;
}



#footer{
		text-align : center;
		font-size : 0.9em;
		margin : 5em auto;
		color:#5A4525;

}










.petit{
		font-size : 75%;
}

.clearer {
		clear:both;
}
p{
		text-align:center;
		color:#963;
		font-weight : bold;
		line-height :1.2em;
}	
a{
		color : #000033;
		text-decoration:none;
}
a:hover{
		color:#FF9A00;
		text-decoration:none;
}

div#home{
		position : absolute;
		top :158px;
		left : 134px;
		z-index : 2;
}
.datesdespec a{
		color : #660000;
}
.datesdespec a:hover{
		color:#FF9A00;
		text-decoration:none;
}