/* CSS Document */

/*POUR LES TESTS*/
.zimageProd{
	background:#999;
}

/*****************************************/
/*   DÉCLARATIONS POUR LES POLICES WEB   */
/*****************************************/

@font-face {
font-family:Averra;
src: url(../../polices/averia/AveriaSerif-Light.ttf) format('truetype');
}

@font-face {
font-family: Bethhrg;
src: url(../../polices/bethhrg_.ttf) format('truetype');
}

@font-face {
font-family: Tabitha;
src: url(../../polices/tabitha.ttf) format('truetype');
}

/*****************************************/
/*BODY ET DÉCLARATIONS POUR TOUTE LA PAGE*/
/*****************************************/
body{
	background-image:url(../../_image/fond_haut.jpg);
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html body .center{
	text-align: center;
}

html body .a_txPetit{
	font-size:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html body .policePetit{
	font-size:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:15px;
}

html body .rouge{
	color:#991b1f;
}

html body .blanc{
	color:#FFF;
}

html body .menucote{
	color:#556cb2;
}

html body .bold{
	font-weight:bold;	
}

html body .italic{
	font-style:italic;
}

html body .petitMargin{
	margin-left:5px;
}

html body .block{
	display:block;
}

html body .a_tx_000033{
	font-size:0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	margin-left:33px;
	margin-right:200px;
}
html body .a_alinea{
	font-size:0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	margin-left:20px;
}
html body .a_alinea_plus{
	font-size:0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	margin-left:110px;

}

.txjustifie{
	text-align:justify;
}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#0e2a01;
}

div#zoneGauche p, div#zoneDroite p, div#zoneCentre p{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.photoGauche, .photoDroite{
	margin-bottom: 4px;
}

.mp3Gauche{
	float: left;
	margin-right: 20px;
	padding-bottom:20px;
}
.photoGauche{
	float: left;
	margin-right: 20px;
}

.photoDroite{
	float: right;
	margin-left:22px;
}
.image_fond{
	background-image: url(../../_image/graph/cote/bibliotheque_30.jpg);	 
}

.echos {
	
	margin-left: 50px;
	 
}



/*****************************************/
/*DÉCLARATIONS POUR LES TITRES (H1, etc.)*/
/*****************************************/
@font-face {
font-family: Bethhrg;
src: url(../../polices/Bethhrg_.ttf) format('truetype');
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-variant: normal;
	text-transform: none;
	color: #930;

	
	margin-bottom:10px;
	margin-top:15px;
}


h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-variant: normal;
	text-transform: none;
	color: #547317;
	padding-top: 15px;
	margin-bottom:2px;
	width: 100%;
	padding-left: 0px;
	background:none
}


h3 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #930;
	margin:0 auto;
}




div#zoneDroite h3+select{
	width:300px;
}

h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	display:inline;
	margin: 10px 0;
	color: #344DA1;
	border-bottom-style: double;
	font-weight:bold;
}


h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #344DA1;
	padding-top: 10px;
	padding-left:10px;
	padding-right:inherit;
	margin:0 auto;
}


		/*Fond en dégradé (CSS3)bleu */
	background: -moz-linear-gradient(left, rgba(52,77,161,0.35) 0%, rgba(52,77,161,0) 50%, rgba(52,77,161,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(52,77,161,0.35)), color-stop(50%,rgba(52,77,161,0)), color-stop(100%,rgba(52,77,161,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(52,77,161,0.35) 0%,rgba(52,77,161,0) 50%,rgba(52,77,161,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(52,77,161,0.35) 0%,rgba(52,77,161,0) 50%,rgba(52,77,161,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(52,77,161,0.35) 0%,rgba(52,77,161,0) 50%,rgba(52,77,161,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(52,77,161,0.35) 0%,rgba(52,77,161,0) 50%,rgba(52,77,161,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59344da1', endColorstr='#00344da1',GradientType=1 ); /* IE6-9 */
}

h10{
	/*Fond en dégradé (CSS3)*/
	background: -moz-linear-gradient(left,  rgba(153,27,31,0.35) 0%, rgba(153,27,31,0) 50%, rgba(153,27,31,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,27,31,0.35)), color-stop(50%,rgba(153,27,31,0)), color-stop(100%,rgba(153,27,31,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(153,27,31,0.35) 0%,rgba(153,27,31,0) 50%,rgba(153,27,31,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(153,27,31,0.35) 0%,rgba(153,27,31,0) 50%,rgba(153,27,31,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(153,27,31,0.35) 0%,rgba(153,27,31,0) 50%,rgba(153,27,31,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(153,27,31,0.35) 0%,rgba(153,27,31,0) 50%,rgba(153,27,31,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59991b1f', endColorstr='#00991b1f',GradientType=1 ); /* IE6-9 */

}

/*****************************************/
/*  DÉCLARATIONS RELATIVES AU CONTENEUR  */
/*****************************************/

div#conteneur a{
	color:#930;
	text-decoration:underline;
}

div#conteneur a:hover{
	color:#547317;
	text-decoration:underline;
}

div#conteneur ul{
	margin-top: 10px;
	margin-left: 40px;
}

div#conteneur ul li.deuxieme{
	list-style:	circle;
	font-weight:normal;
	margin-left: 40px;
}

div#conteneur ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style:	circle;
	margin: 15px 0;
}

div#conteneur{
	width:1000px;
	min-height:550px;
	margin:0 auto;
	overflow:auto;
}

div#conteneur select{
	width:150px;
}

div#conteneur div#ligneRouge{
	background-color:#B29100;
	height: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#conteneur div#ligneVerte{
	background-color:#7a9931;
	height: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*****************************************/
/* DÉCLARATIONS D'ÉLÉMENTS RÉUTILISABLES */
/*****************************************/

div#ligneRouge{
	background-color:#none;
	height: 4px;
}

div#conteneur+div#ligneRouge{
	background-color:#d15818;
	height: 4px;
}

div#ligneVerte{
	background-color:#none;
	height: 2px;
}

/*****************************************/
/* DÉCLARATIONS POUR LE HAUT DE LA PAGE  */
/*****************************************/

div#menuHaut{
	width:100%;
	height:20px;
	position:absolute;
}

div#menuHaut p{
	width:960px;
	margin:0 auto;
}

div#menuHaut a{
	color:#369;
}

div#menuHaut a:hover{
	color:#547317;
	text-decoration:underline;
}

div#menuHaut form{
	display:inline;
}

.zimageHaut{
	position: absolute;
	z-index: -10;
	top: -10px;
	left: -88px;
}



div#menuHaut p{
	width:1000px;
	margin:0 auto;
	text-align:right;
	color:#FFF;
	position:relative;
	z-index:10;
	top:0px;
}

div#entete{
	position:relative;
	width:1000px;
	margin:0 auto;
	height:250px;
}

ul#nav{
	position:relative;
	margin: 0 auto;
	width:1000px;
	bottom: 0;
	height:30px;
	background-color:547317;
}

ul#nav li.choixMenuPrincipal{
	position:relative;
	float:left;
	border-left: #000 solid 0px;
	padding: 0 20px;
	height:30px;
}

ul#nav li.choixMenuPrincipal:last-child{
	border-right: #000 solid 1px;
}

ul#nav li.choixMenuPrincipal:hover{
	float:left;
	height:30px;
	background-color:#none;
}

ul#nav li.choixMenuPrincipal a{
	display:block;
	height:30px;
	font-size:1em;
	text-align:center;
	color:#547317;
	line-height: 2em;
}

div#nav{
	width:100%;
	margin:0 auto;
	margin-top:0px;
	text-align:center;
}

div#nav ul ul {
	display: none;
}
	div#nav ul li:hover > ul {
		display: block;
	}

div#nav ul {
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	div#nav ul:after {
		content: ""; clear: both; display: block;
	}

div#nav ul li {
	float: left;
}
	div#nav ul li:hover {
		/*background: #594C4C;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/
	}
		div#nav ul li:hover a {
			color: #547317;
		}
	
	div#nav ul li a {
		display: block; padding: 10px 20px;
		color: #930; text-decoration: none;
	}

div#nav ul ul {
	border-radius: 0px; padding: 0;
	position: absolute; top: 28px;
	/*border:1px solid #aa0;*/
	z-index:10;
}
	div#nav ul ul li {
		float: none; 
		background-image: url(../_images/graph/fond_boutons.png);
		position: relative;
	}
	
	div#nav ul ul li:first-child a{
		border-top:1px solid #aa0;
	}
	
	div#nav ul ul li:last-child a{
		border-bottom:1px solid #aa0;
	}
	
		div#nav ul ul li a {
			font-size:0.8em;
			padding: 5px 20px;
			color: #b29100;
			border-left:1px solid #aa0;
			border-right:1px solid #aa0;
		}	
			div#nav ul ul li a:hover {
				background: #fbd504;
			}
			
div#nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

div#conteneurNav{
	background-color:#none;
}

/**********************************************/
/* DÉCLARATIONS POUR LA STRUCTURE DU CONTENU  */
/*      LE CONTENU EST 960 PIXEL DE LARGE     */
/**********************************************/

/*Petit = 320px*/
.petit{
	width:320px;
}
.menu{
	width:250px;
}
.imageGauche{
	width:125px;
}

div#zoneGauchePetit{
	float:left;
	width:320px;
}

div#zoneCentrePetit{
	width:320px;
	float:left;
	margin-left:20px;
}

div#zoneDroitePetit{
	float:right;
	width:320px;
}

div#zoneCentrePetitCouleur{
	width:320px;
	float:left;
	padding:0 10px;
	background-color:#e9edf6;
}

/* Large = 640px */
.large{
	width:640px;
}
.largeL{
	width:820px;
}

div#zoneGaucheLarge{
	float:left;
	width:640px;
}
div#zoneDroiteLarge{
	float:right;
	width:740px;
}


/* Complet = 960px */
.complet{
	width:960px;
}

div#zoneGaucheComplet{
	float:left;
	width:960px;
}

/* DeuxCol = 465px */
.moyen{
	width:465px;
}

div#zoneDeuxColGauche{
	float:left;
	width:465px;
}

div#zoneDeuxColDroite{
	float:right;
	width:465px;
}
div#zoneDeuxColCentre{
	float:right;
	width:20px;
}

/* accueil-Trois colonnes une petite- deux moyennes */

div#zoneTroisColGauche{
	float:left;
	width:20px;
	background-color:;
}

div#zoneTroisColDroite{
	float:right;
	width:270px;
}
div#zoneTroisColCentre{
	width:650px;
	float:left;
	padding:10px 10px;
}
div#zoneTroisColHaut{
	width:760px;
	float:right;
	padding left:10px;
}



/* templates -Trois colonnes sections - si titre ou image à gauche*/

div#3ColGauche{
	float:left;
	width:75px;
}


div#3ColCentre{
	width:580px;
	float:left;
	padding:0 10px;
}
div#3ColDroite{
	float:right;
	width:300px;
}

/* templates -Deux colonnes sections - si titre ou image à gauche*/

div#ColGauche{
	float:left;
	width:460px;
}

div#ColDroite{
	float:right;
	width:460px;
	margin:0 20px;
}



/*Déclarations Génériques (Aucune largeur spécifiée)*/

div#zoneDroite{
	float:right;
}

div#zoneCentre{
	float:left;
	margin:0 20px;
}

div#zoneGauche{
	float:left;
}

/*********************************************/
/*MENU DE DROITE DANS LA PAGE DES PRODUCTIONS*/
/*********************************************/
div.menuDroite{
	width:				90%;
	background-color: 	#bec5e2;
	padding-top: 1px;
	padding-bottom: 1px;
	border-left:#91add5 2px solid;
	border-right:#91add5 2px solid;
	border-bottom:#91add5 1px solid;
}

div.menuDroite:first-child{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top:#91add5 2px solid;
}

div.menuDroite:last-child{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom:#91add5 2px solid;
}

div.menuDroite ul{
	display:			none;
	background-color:	#FFF;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

div.menuDroite:last-child ul{
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

#conteneur div.menuDroite ul li{
	list-style-type:	none;
	margin:0;
	padding: 4px 2px;
}

#conteneur div.menuDroite ul li:first-child{
	border-bottom:#CCC 1px solid;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

#conteneur div.menuDroite ul li{
	border-bottom:#CCC 1px solid;
}

#conteneur div.menuDroite ul li:hover{
	background-color:#981b1e;
}

#conteneur div.menuDroite ul li a{
	text-decoration: none;
}

#conteneur div.menuDroite ul li a:hover{
	color:#FFF;
	text-decoration: none;
}

/*********************************************/
/*     DÉCLARATIONS POUR LE BAS DE PAGE      */
/*********************************************/
div#pied{
	background-image:url(../../_images/graph/fond_bas.jpg);
	background-repeat:repeat-x;
	height:100px;
}