@charset "UTF-8";
/* CSS Document */

/*////// DEBUT OK TAILLANDIER ///////*/
body {
	/*background-color:#FFED65;*/
	background-color: #032C6E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	behavior: url("csshover2.htc");
}

a, a:link, a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFCC00; text-decoration:none;}
a:hover, a:active {color:#FF9900;}

a.a2, a.a2:link, a.a2:visited, .numpage {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ff9900; text-decoration:none;}
a.a2:hover, a.a2:active {color:#FFCC00;}

#entier {
	background-color:#013A8F;
	width:1000px;
	padding:0px 0px;
	margin:0 auto;
	z-index:50;
 }
 
.clear {clear:both; padding-top:0px;} 

#encadre {
	float: left;
	width: 1000px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/cadre_espace.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

.copy {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFED65; line-height:30px; width:1000px; margin:0 auto;}

img {border:0;}

#centre {
	float: left;
	width: 1000px;
	/*padding: 100px 60px;*/
	background-image: url(../img/cadre_centre.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#centre .zone-titre {
	display: block;
	position: relative;
	float: left;
	height: 65px;
	width: 615px;
	padding-left: 45px;
}

/*//////// MENU GAUCHE///////*/
#centre .colonne-gauche {
	float: left;
	height: 100%;
	width: 210px;
	padding-right: 20px;
	padding-left: 20px;
}
#centre .colonne-gauche .coulmenuG, .coulmenuG a:link, .coulmenuG a:visited {
	color: #8CDAFF;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

#centre .colonne-gauche ul {margin: 20px 0 20px 28px; padding: 0; }
#centre .colonne-gauche ul li {list-style-type: none; width: 210px; margin-bottom: 20px; }
#centre .colonne-gauche ul li:hover {list-style-image: url(../img/fleche.jpg);}
#centre .colonne-gauche ul li a:hover {list-style-type: none; color: #FFED65;}
#centre .colonne-gauche ul li.actif {color:#FFED65; list-style-image:  url(../img/fleche.jpg);}
#centre .colonne-gauche ul li a.actif {color:#FFED65;}

#centre .colonne-gauche ul li a {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;
}

#centre .colonne-gauche ul li ul {margin-left:20px;}
#centre .colonne-gauche ul li ul li {list-style-type:none; margin-bottom:0;}
#centre .colonne-gauche ul li ul li:hover {list-style-type:none; list-style-image:url(../img/fleche2.jpg);}
#centre .colonne-gauche ul li ul li a:hover { font-weight:bold;}
#centre .colonne-gauche ul li ul li.actif {color:#FFED65; list-style-image:url(../img/fleche2.jpg);}
#centre .colonne-gauche ul li ul li a.actif {color:#FFED65;}

#centre .colonne-gauche ul li ul li a {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}

ul.menu2 li {list-style-type:none; list-style-image:none;}
ul.page li {margin-left:20px; list-style-type:none; list-style-image:url(../img/fleche2.jpg);}

#centre .zone-contenu {
	display: block;
	position: relative;
	float: left;
	width: 615px; /*width:750px; */
	padding-right: 100px;
	padding-left: 5px;
}

#centre .zone-contenu, p, .texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 21px;
	text-align: left;
	font-weight: normal;
}

#centre .zone-pointille {
	display: block;
	position: relative;
	float: left;
	width: 615px; 
	height: 25px;
}

#centre .accueil-pointille {
	display: block;
	position: relative;
	float: left;
	width: 450px; 
	height: 25px;
}

#centre .accueil-oeuvre {
	display: block;
	position: relative;
	float: left;
	/*height: 470px;*/
	width: 300px;
	padding-left: 50px;
}

#centre .accueil-oeuvre .carre-oeuvre {
	/*display: block;
	position:relative;
	width:300px;
	float:left;*/
	margin-bottom:20px;
}

#centre .accueil-espace {
	display: block;
	position: relative;
	float: left;
	height: 400px;
	/*width: 30px;*/
	padding-left: 0px;
} 
#centre .accueil-actu {
	display: block;
	position: relative;
	float: left;
	width: 450px;
	padding-left: 10px;
	margin-right: 160px;
	margin-left: 10px;
}

#centre .accueil-actu p, .texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 21px;
	text-align: left;
	font-weight: normal;
}

.titre
{
	color: #FFCC00;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.soustitre
{
	color: #FFED65;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.texte2
{
	color: #FFED65;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

.actus-titre
{
	color: #8161E0;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}

.accueil-titre
{
	color: #FF33A4;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}
.biographie-titre
{
	color: #009966;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}

.contact-titre
{
	color: #00C1F2;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}

.ecrits-titre
{
	color: #FE212E;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}

.oeuvres-titre
{
	color: #FFBF00;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}
.presse-titre
{
	color: #FF6633;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}

.img-actu {width:120px; float:left;}
.img-actu p {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:120px;}

.img-contact {width:160px; float:left;}
.img-contact p {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:160px;}

.img-contact2 {width:70px; float:left;}
.img-contact2 p {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:70px;}

/*////// DEBUT AFFICHAGE OEUVRES ///////*/ 
#total {
	/*display: block;*/
	width: 615px;
	padding-top:5px;
	float:left;
}
#total .carre {
	display: block;
	position:relative;
	width:150px;
	margin-right:50px;
	float:left;
	margin-bottom:20px;
}

#total .carre img {
/*width:123px;
height:123px;*/
background-color:#032C6E;
text-align:center;
margin-bottom:0px;
}

#total .carre table {
	margin:0; 
	vertical-align:middle; 
	width:150px;
	height:150px;
	background-color:#032C6E;
}

#total .carre p {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
color:#FFF;
widows:150px;
}

#total .carre p a:hover {color:#FFF; text-decoration:none;}
/*////// FIN AFFICHAGE OEUVRES ///////*/