@charset "iso-8859-1";

/*** MINI RESET ******************************************************************************/
a, img { border: 0; }
a:focus { outline: 0; }
form { margin: 0; padding: 0; }
.reset { margin: 0; padding: 0; }
.clear { clear: both; }
img { margin: 0; padding: 0; }


/*** BODY & MAIN *********************************************************************************/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #667b80;
	background-color: #eff2f2;
	height: 100%;
}

html{
	height: 100%;
}

div#main {
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	min-height: 91%;
}


/*** CLASSIQUE ***********************************************************************************/
.violet, h2 { color: #803969; }
.gris { color: #667b80; }

h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 18px;
	color: #000000;
}
div#header h1.titre_image {
	float: left;
	margin: 0;
	padding: 0;
}
h1.titre_image {
	margin: 1px 0 0px 0;
	padding: 0;
	font-size: 18px;
	color: #000000;
}
p {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 15px;
	color: #667b80;
}
div#galerie div.classique p { width: 870px; }
a {
	margin: 0;
	padding: 0;
	color: #803969;
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	margin: 0;
	padding: 0;
}


/*** TOPMENU INDEX *******************************************************************************/
ul#topmenu_index {
	margin: 0 0 0 20px;
	list-style-type: none;
}
ul#topmenu_index li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
ul#topmenu_index li a { display: block; }
ul#topmenu_index li a img {
	margin: 0;
	padding: 0;
}
ul#topmenu_index li a img.puce { margin: 0 7px 0 0; }
div#separation_index {
	float: left;
	margin: 12px 0 0 0;
	width: 446px;
	height: 9px;
	background-image: url(/media/images/background/separation.png);
	background-repeat: repeat-x;
}
ul#topmenu_index li a#presentation {
	background-image: url(/media/images/bouton/index/presentation.png);
	background-repeat: no-repeat;
	width: 111px;
	height: 31px;
}
ul#topmenu_index li a#presentation:hover {
	background-image: url(/media/images/bouton/index/hover/presentation.png);
	background-repeat: no-repeat;
}
ul#topmenu_index li a#oeuvre {
	background-image: url(/media/images/bouton/index/l-oeuvre.png);
	background-repeat: no-repeat;
	width: 81px;
	height: 31px;
}
ul#topmenu_index li a#oeuvre:hover {
	background-image: url(/media/images/bouton/index/hover/l-oeuvre.png);
	background-repeat: no-repeat;
}
ul#topmenu_index li a#projet {
	background-image: url(/media/images/bouton/index/les-acteurs-du-projet.png);
	background-repeat: no-repeat;
	width: 106px;
	height: 31px;
}
ul#topmenu_index li a#projet:hover {
	background-image: url(/media/images/bouton/index/hover/les-acteurs-du-projet.png);
	background-repeat: no-repeat;
}
ul#topmenu_index li a#livre {
	background-image: url(/media/images/bouton/index/le-livre-d-or.png);
	background-repeat: no-repeat;
	width: 106px;
	height: 31px;
}
ul#topmenu_index li a#livre:hover {
	background-image: url(/media/images/bouton/index/hover/le-livre-d-or.png);
	background-repeat: no-repeat;
}


/*** TOPMENU *************************************************************************************/
ul#topmenu { list-style-type: none; }
ul#topmenu li { float: left; }
ul#topmenu li a { display: block; }

ul#topmenu li a#presentation {
	background-image: url(/media/images/bouton/menu/presentation.gif);
	background-repeat: no-repeat;
	width: 119px;
	height: 17px;
}
ul#topmenu li a#presentation:hover, ul#topmenu li a#presentation.presentation_hover {
	background-image: url(/media/images/bouton/menu/hover/presentation.gif);
	background-repeat: no-repeat;
}
ul#topmenu li a#oeuvre {
	background-image: url(/media/images/bouton/menu/oeuvre.gif);
	background-repeat: no-repeat;
	width: 86px;
	height: 17px;
}
ul#topmenu li a#oeuvre:hover, ul#topmenu li a#oeuvre.oeuvre_hover {
	background-image: url(/media/images/bouton/menu/hover/oeuvre.gif);
	background-repeat: no-repeat;
}
ul#topmenu li a#acteurs {
	background-image: url(/media/images/bouton/menu/acteurs.gif);
	background-repeat: no-repeat;
	width: 176px;
	height: 17px;
}
ul#topmenu li a#acteurs:hover, ul#topmenu li a#acteurs.acteurs_hover {
	background-image: url(/media/images/bouton/menu/hover/acteurs.gif);
	background-repeat: no-repeat;
}
ul#topmenu li a#livre {
	background-image: url(/media/images/bouton/menu/livre.gif);
	background-repeat: no-repeat;
	width: 119px;
	height: 17px;
}
ul#topmenu li a#livre:hover, ul#topmenu li a#livre.livre_hover {
	background-image: url(/media/images/bouton/menu/hover/livre.gif);
	background-repeat: no-repeat;
}


/*** SOUSMENU ************************************************************************************/
ul#sousmenu { list-style-type: none; }
ul#sousmenu li { float: left; }
ul#sousmenu li a { display: block; }


/*** SOUSMENU ACTEURS ****************************************************************************/
/*** PRINCIPAL ***/
ul#sousmenu li a#principal {
	background-image: url(/media/images/bouton/sousmenu/principal.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 16px;
}
ul#sousmenu li a#principal:hover, ul#sousmenu li a#principal.principal_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/principal.gif);
	background-repeat: no-repeat;
}
/*** CONSEIL ***/
ul#sousmenu li a#conseil {
	background-image: url(/media/images/bouton/sousmenu/cg.gif);
	background-repeat: no-repeat;
	width: 171px;
	height: 16px;
}
ul#sousmenu li a#conseil:hover, ul#sousmenu li a#conseil.conseil_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/cg.gif);
	background-repeat: no-repeat;
}
/*** PERSONNEL ***/
ul#sousmenu li a#personnel {
	background-image: url(/media/images/bouton/sousmenu/personnel.gif);
	background-repeat: no-repeat;
	width: 341px;
	height: 16px;
}
ul#sousmenu li a#personnel:hover, ul#sousmenu li a#personnel.personnel_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/personnel.gif);
	background-repeat: no-repeat;
}

/*** SOUSMENU OEUVRES ****************************************************************************/
/*** LA GALERIE ***/
ul#sousmenu li a#lagalerie {
	background-image: url(/media/images/bouton/sousmenu/galerie.gif);
	background-repeat: no-repeat;
	width: 128px;
	height: 16px;
}
ul#sousmenu li a#lagalerie:hover, ul#sousmenu li a#lagalerie.lagalerie_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/galerie.gif);
	background-repeat: no-repeat;
}
/*** LES 6 ***/
ul#sousmenu li a#les6 {
	background-image: url(/media/images/bouton/sousmenu/6e.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 16px;
}
ul#sousmenu li a#les6:hover, ul#sousmenu li a#les6.les6_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/6e.gif);
	background-repeat: no-repeat;
}
/*** LES 5 ***/
ul#sousmenu li a#les5 {
	background-image: url(/media/images/bouton/sousmenu/5e.gif);
	background-repeat: no-repeat;
	width: 64px;
	height: 16px;
}
ul#sousmenu li a#les5:hover, ul#sousmenu li a#les5.les5_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/5e.gif);
	background-repeat: no-repeat;
}
/*** LES 4 ***/
ul#sousmenu li a#les4 {
	background-image: url(/media/images/bouton/sousmenu/4e.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 16px;
}
ul#sousmenu li a#les4:hover, ul#sousmenu li a#les4.les4_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/4e.gif);
	background-repeat: no-repeat;
}
/*** LES 3 ***/
ul#sousmenu li a#les3 {
	background-image: url(/media/images/bouton/sousmenu/3e.gif);
	background-repeat: no-repeat;
	width: 64px;
	height: 16px;
}
ul#sousmenu li a#les3:hover, ul#sousmenu li a#les3.les3_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/3e.gif);
	background-repeat: no-repeat;
}
/*** LES UPI ***/
ul#sousmenu li a#lesupi {
	background-image: url(/media/images/bouton/sousmenu/les_upi.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 16px;
}
ul#sousmenu li a#lesupi:hover, ul#sousmenu li a#lesupi.lesupi_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/les_upi.gif);
	background-repeat: no-repeat;
}
/*** LES HAUTS THEBAUDIERES ***/
ul#sousmenu li a#hautsthebaudieres {
	background-image: url(/media/images/bouton/sousmenu/hauts_thebaudieres.gif);
	background-repeat: no-repeat;
	width: 219px;
	height: 16px;
}
ul#sousmenu li a#hautsthebaudieres:hover, ul#sousmenu li a#hautsthebaudieres.hautsthebaudieres_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/hauts_thebaudieres.gif);
	background-repeat: no-repeat;
}
/*** LE PERSONNEL ***/
ul#sousmenu li a#lepersonnel {
	background-image: url(/media/images/bouton/sousmenu/le_personnel.gif);
	background-repeat: no-repeat;
	width: 87px;
	height: 16px;
}
ul#sousmenu li a#lepersonnel:hover, ul#sousmenu li a#lepersonnel.lepersonnel_hover {
	background-image: url(/media/images/bouton/sousmenu/hover/le_personnel.gif);
	background-repeat: no-repeat;
}


/*** PRESENTATION ********************************************************************************/
div#presentation p {
	width: 530px;
	text-align: justify;
}
div#presentation div#illustration {
	float: right;
	margin: 0 0 0 20px;
	width: 320px;
}
div#presentation div#illustration img {
	clear: both;
	max-width: 320px;
	margin: 0 0 20px 0;
}


/*** ACTEURS *************************************************************************************/
div#acteurs p {
	width: 530px;
	text-align: justify;
}
div#acteurs div#illustration {
	float: right;
	margin: 0 0 0 20px;
	width: 320px;
}
div#acteurs div#illustration img {
	clear: both;
	max-width: 310px;
	margin: 0 0 20px 0;
}


/*** GALERIE *************************************************************************************/
div#galerie p {
	width: 420px;
	text-align: justify;
}
div#galerie div#video {
	float: right;
	margin: 0 0 0 20px;

}
div#galerie div.video {
	float: left;
	margin: 0;
	width: 860px;
}

div#galerie div.video p{
	margin-top: 10px;
}

div#galerie div.classique img {
	float: left;
	margin: 0 7px 0 0;
	width: 283px;
	height: 214px;
}


/*** CONTACT *************************************************************************************/
#sidebar {
	float: right;
	width: 320px;
}
#sidebar img { margin: 0 0 15px 0; }
#form_contact {
	padding: 15px 10px;
	width: 300px;
	background-color: #eff2f2;
}
.label {
	margin: 0 10px 0 0;
	font-weight: bold;
}
.input_text {
	margin: 0;
	border: 1px solid #667b80;
	width: 233px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #667b80;
}
.textarea {
	margin: 0;
	border: 1px solid #667b80;
	width: 233px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #667b80;
}
div#contact { width: 535px; }
div#contact div.message {
	padding: 0 5px 0 0;
	text-align: justify;
}
div#contact div.message p.auteur {
	float: left;
	font-weight: bold;
}
div#contact div.message p.date {
	float: right;
 }
div#contact div.message p.texte {
	clear: left;
	margin: 0;
	padding: 0;
	width: 535px;
}
div#contact div.separation {
	margin: 20px 0;
	height: 1px;
	background-color: #667b80;
}


/*** PAGER ***************************************************************************************/
div#pager {
	float: right;
}
div#pager a {
	margin: 0;
	padding: 0 4px;
	font-size: 12px;
	color: #ffffff;
	background-color: #d1d7d9;
	text-decoration: none;
}
div#pager a:hover, div#pager a.current {
	color: #ffffff;
	background-color: #803969;
}


/*** DRAPEAUX ************************************************************************************/
div#drapeaux img {
	margin: 0 10px 0 0;
	padding: 0;
	max-width: 70px;
}
#drapeaux_details {
	margin: 0;
	padding: 0;
}
#drapeaux_details img {
	margin: 0;
	padding: 0;
	max-width: 410px;
}
#drapeaux_details p#details {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #667b80;
}
#drapeaux_details p#photographe {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #803969;
}
#drapeaux_details p#album {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}