/* CSS - Marion Baglan */

body {
	font-family 	 : georgia, serif ;
	background-color : #000000 ;
	color 	 	 : #CDCBCB ;
	font-size 	 : 12px ;
	line-height 	 : 1.3em ;
}

hr {
	height 		: 2px ;
	color 		: #FF0000 ;
	background-color : #FF0000 ;
	border-color : #FF0000 ; 
	width 		: 300px ;
	text-align 	: left ;
	margin		: 0px;
	padding		: 0px;
	border 		: 0px;
}

a, a:link, a:hover, a:visited {
	font-family 	: georgia, serif ;
	color 			: #FF0000 ;
	font-size 		: 12px ;
	text-decoration : none ;
}

a:hover {
	text-decoration : underline ;
}
ul#chooselanguage{
float:right;
height: 16px;
}

ul#chooselanguage li{
float: left;
}
ul#chooselanguage img{
border:0px;
}
ul#chooselanguage a{
color: #FFFFFF;
}
ul#chooselanguage a:hover{
text-decoration : underline ;
}

#conteneur {
	margin:auto;
	width:880px;

}

#before
{
	height:750px;
	display: none;
border: #000000 1px solid;
}

#menu {
	height: 135px;
}

#contenu {
	width 	 : 865px ;
	padding: 5px;
	clear: both;
}

.colonnes {
	float : left;
	width : 430px;	
}

.colonne_first {
	margin-right: 20px;
}

.conteneuraccueil {

position:absolute; 
top:0; bottom:0; left:0; right:0;
			margin:auto; height:585px; width:811px;
}

*+html .conteneuraccueil{
top:12%;
left : 25%;

}
* html .conteneuraccueil{
top:5%;
left : 25%;

}
.conteneuraccueil2{
float:left;
width:25%;
margin-top:540px;

}


/* - - - - Types de texte - - - - */
.titre {
	font-size   : 24px;
	font-weight : normal;
	color		: #FF0000;
	line-height : 1em ;
}

.soustitre {
	font-size 	: 16px;
	font-weight : normal;
	color		: #FF0000;
}

.soustitre2 {
	font-size 	: 16px;
	font-style : italic;
	font-weight : bold;
	color		: white;
	text-indent:7%;
margin-top:8mm;
}

/*paragraphe en général*/

.txt14px {
font-size:14px;
line-height:1.5em;
}
p.txt14px:first-letter
{
padding-left: 40px;
} 
p#firstParagraphBio:first-letter{
font-size:xx-large;
font-weight:bolder;
}
/*end*/

#premierMois
{
margin-bottom:0%;
}
.mois{
margin-bottom:	1mm;
margin-top:3mm;
color:red;
}

.moisSeul{

color:#CDCBCB;
font-weight:bold;
text-indent:5mm;
font-stretch: wider;
text-decoration:underline;
margin-bottom:2mm;
}

.oeuvres {
	font-style	: italic ;
}

.auteurs {
	font-size 	: 15px;
	font-weight : bold ;
}

strong {
color: #ECE6E6;
}

.red {
color : red ;
}




.txt13px {
font-size : 13px ;

}
.txt15px {
font-size : 15px ;
}


.mini {
font-size : 10px ;
}

.alignRight {
text-align : right ;
}
/* ************** Menu *************** */ 
li a span { /*un span dans un a dans un li */
	position 	: relative ; 
	display 	: none ;
	text-decoration : none ;
}
li a:hover {
	background  : none ;
	text-decoration : none ;
}
li a:hover span {
	display 	: block ;
	position 	: relative ; 
	font-size 	: 19px;
	font-weight : normal;
	color		: #FF0000;
	text-decoration 	: none ;
	top 		: 3px ;
	text-align 	: center ;
	z-index 	: 500 ;
}

ul, li {
	list-style-type : none ;
	margin : 0 ;
	padding : 0 ;
}


#menu ul li {
	float : left ;
	width : 110px ;
}

#menu img {
	width: 100px;
	height: 100px;
	padding: 5px;
	border: 0;
}

/* ****** Extraits *******/
a .ecouter, a:link .ecouter, a:hover .ecouter, a:visited .ecouter {
	color : #FF0000 ;
}


/* ******** Photos **********/
.menuphotos,
.menuArticles {
	float: left;
	width: 200px;
}

.menuphotos img {
	width: 66px;
	height: 66px;
	border: 1px solid;
	border-color:black;
	padding: 5px;
}
.menuphotos img:hover {
	border-color : red;	
}
.menuArticles img {
	width: 66px;
	height: 66px;
	border:1px solid;
	border-color: black;
	padding: 5px;
}

.menuArticles img:hover {

	border-color : red;
}

#pho {
	float 	 : right;
	width: 600px;
}

#legend  {
 font-size:14px;
 font-weight:bolder;
}

.mainPages
{
width:265;
 height:400;
float:right;
margin: 2px 0px 10px 20px;
}

/* **** Presse ***** */
img.pre {
	position : absolute ;
	float 	 : right;
	top  	 : 30px ;
	left 	 : 280px ;
}

/* **** Photo "Répertoire complet" ****** */
img.rep{
width:350px;
	height:auto;
	position : fixed ;
	float : right;
	top  	 : 220px ;
	left 	 : 900px ;
	}
.moisSeul+.mois{
	margin-top:1mm;
}