@charset "ISO-8859-1";
/* CSS Document */

abbr,article,aside,audio,canvas,datalist,details,figure,dialog,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;}


BODY {
	/*BACKGROUND-COLOR: #CCC;*/
	background-image: linear-gradient(bottom, rgb(255,255,255) 10%, rgb(207,207,207) 57%, rgb(190,190,190) 79%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(207,207,207) 57%, rgb(190,190,190) 79%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(207,207,207) 57%, rgb(190,190,190) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(207,207,207) 57%, rgb(190,190,190) 79%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 10%, rgb(207,207,207) 57%, rgb(190,190,190) 79%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.1, rgb(255,255,255)),
	color-stop(0.57, rgb(207,207,207)),
	color-stop(0.79, rgb(190,190,190))
);


	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.9em;
	margin: 0px;
	padding:0px;
}

#conteneur {
	color: #006; /* bleu foncé */
	width: 1024px;
	overflow:visible;
	margin: 0 auto;
	padding:0px;
	background-image: linear-gradient(bottom, rgb(204,255,255) 32%, rgb(255,255,255) 75%);
	background-image: -o-linear-gradient(bottom, rgb(204,255,255) 32%, rgb(255,255,255) 75%);
	background-image: -moz-linear-gradient(bottom, rgb(204,255,255) 32%, rgb(255,255,255) 75%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,255,255) 32%, rgb(255,255,255) 75%);
	background-image: -ms-linear-gradient(bottom, rgb(204,255,255) 32%, rgb(255,255,255) 75%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.32, rgb(204,255,255)), color-stop(0.75, rgb(255,255,255)));
}


/*********************************************** html */
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	font-style: italic;
}

a:link {
	COLOR: #06f;
	Text-Decoration : none;
}
a:visited {
	COLOR: #06f;
	Text-Decoration : none;
}
a:hover {
	COLOR: #06acf1;
	Text-Decoration : none;
}
a:active {
	COLOR: #EEC954;
	Text-Decoration : none;
}

p {
	margin: 0 0 10px 0;
	font-family: "Times New Roman", Times, serif;
	color: #006;
}

hr {
	color:#009;}


/***********************************************  header */
#header {
	padding:0x;
	margin:0;
	height: 140px;
	background-image:url(Templates/f_entete.jpg);
}

#header h1 {
	position: absolute;
	margin:0px;
	padding:20px 0 0 120px;
}

#header #nav2{
	float:right;
	 padding: 27px 10px 0 0;
	margin: 0px;
}

#header p{
	position: absolute;
	margin:0px;
	padding:108px 0 0 120px;
	color:#FFF;
	letter-spacing: 0.5px;
}


/***********************************************  titre */
#titre_rubrique {
	height: 32px;
	margin:10px 0;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	letter-spacing: 0.1em;
	text-align:center;
	background-image: linear-gradient(bottom, rgb(50,64,92) 5%, rgb(87,89,94) 10%, rgb(252,252,255) 35%, rgb(255,255,255) 67%, rgb(160,160,163) 82%, rgb(44,44,61) 99%);
	background-image: -o-linear-gradient(bottom, rgb(50,64,92) 5%, rgb(87,89,94) 10%, rgb(252,252,255) 35%, rgb(255,255,255) 67%, rgb(160,160,163) 82%, rgb(44,44,61) 99%);
	background-image: -moz-linear-gradient(bottom, rgb(50,64,92) 5%, rgb(87,89,94) 10%, rgb(252,252,255) 35%, rgb(255,255,255) 67%, rgb(160,160,163) 82%, rgb(44,44,61) 99%);
	background-image: -webkit-linear-gradient(bottom, rgb(50,64,92) 5%, rgb(87,89,94) 10%, rgb(252,252,255) 35%, rgb(255,255,255) 67%, rgb(160,160,163) 82%, rgb(44,44,61) 99%);
	background-image: -ms-linear-gradient(bottom, rgb(50,64,92) 5%, rgb(87,89,94) 10%, rgb(252,252,255) 35%, rgb(255,255,255) 67%, rgb(160,160,163) 82%, rgb(44,44,61) 99%);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.05, rgb(50,64,92)),
	color-stop(0.1, rgb(87,89,94)),
	color-stop(0.35, rgb(252,252,255)),
	color-stop(0.67, rgb(255,255,255)),
	color-stop(0.82, rgb(160,160,163)),
	color-stop(0.99, rgb(44,44,61))
	);
}
#titre_rubrique img {
	padding-right: 10px;
	padding-left: 10px;
	}

/***********************************************  gauche */	
#gauche {
	float: left;
	text-align: center;
	margin-right: 0px;
	width: 190px;
	padding: 10px 0 0 0;
}

	
#gauche .imgOuvrage {
	text-align: center;
	display: block;
	clear: both;
	width: 130px;
	margin: 10px auto;
	border: solid 1px #006;
	}
	
#gauche .ouvrage_titre {
	display: block;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8.5pt; 
	font-weight: normal; 
	font-style: italic;
	margin: 0 0 0 0;
}

#gauche .ouvrage_auteur {  
	display: block;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8.5pt; 
	font-weight: normal; 
	font-style: normal;
	color: #333;
	margin: 0 0 6px 0;
}


/***********************************************
/***********************************************  Page Index */


/***********************************************  centre */
#centre_haut {
	width: 604px;
	padding: 10px 0;
	margin: 0 0 0 210px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#centre_bas {
	padding: 10px 0;
	margin: 0 30px 10px 220px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#lettre_editeur {
	  margin-bottom: 20px;
	  background-color: #CFF;
	  padding: 6px 20px;
	  -webkit-border-radius: 20px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	  -moz-border-radius: 20px; /* FF1-3.6 */
	  border-radius: 20px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	  -webkit-box-shadow: 0 10px 10px 0 #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	  box_shadow: -moz-box-shadow: 0 10px 10px 0 #000; /* FF3.5 - 3.6 */
	  box_shadow: box-shadow: 0 10px 10px 0 #000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */	

}

#manifestation {
	  margin-bottom: 20px;
	  background-color: #FFF;
	  padding: 6px 20px;
	  -webkit-border-radius: 20px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	  -moz-border-radius: 20px; /* FF1-3.6 */
	  border-radius: 20px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	  border: solid 1px #182B71;
	}
	
/***********************************************
/***********************************************  Fin Page Index */


/***********************************************  Page details */

	
#details {
	width: 604px;
	padding: 10px 0;
	margin: 0 10px 10px 220px;
}	

#ouvrage {
	margin-top: 15px;
	
	}
/***********************************************
/***********************************************  Fin Page details */

/***********************************************  droite */
#droite {
	text-align: center;
	float: right;
	width: 190px;
	padding: 10px 0 0 10px;
}

#droite .ouvrage_titre {
	display: block;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8.5pt; 
	font-weight: normal; 
	font-style: italic;
	margin: 0 0 0 0;
}

#droite .ouvrage_auteur {  
	display: block;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8.5pt; 
	font-weight: normal; 
	font-style: normal;
	color: #333;
	margin: 0 0 6px 0;
}
#droite .imgOuvrage {
	text-align: center;
	display: block;
	clear: both;
	width: 130px;
	margin: 10px auto;
	border: solid 1px #006;
	}
	
	#vedette {
	text-align: center;
	 border: 0px;
	padding: 5px 0 0 0;
	margin-top:10px;
	background-image: linear-gradient(bottom, rgb(255,255,255) 19%, rgb(252,186,116) 95%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 19%, rgb(252,186,116) 95%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 19%, rgb(252,186,116) 95%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 19%, rgb(252,186,116) 95%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 19%, rgb(252,186,116) 95%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, rgb(255,255,255)), color-stop(0.95, rgb(252,186,116)));
	}
	


/*********************************************** navigation */

nav ul{
	  -moz-padding-start: 80px;
	  font-family:"Times New Roman", Times, serif;
	  font-size:12px;
	  margin: 0 auto;
	  overflow:hidden;
	  padding:0 auto;
	  
	background-image: linear-gradient(bottom, rgb(35,35,38) 7%, rgb(83,99,143) 17%, rgb(255,255,255) 47%, rgb(255,255,255) 91%, rgb(93,98,143) 100%);
background-image: -o-linear-gradient(bottom, rgb(35,35,38) 7%, rgb(83,99,143) 17%, rgb(255,255,255) 47%, rgb(255,255,255) 91%, rgb(93,98,143) 100%);
background-image: -moz-linear-gradient(bottom, rgb(35,35,38) 7%, rgb(83,99,143) 17%, rgb(255,255,255) 47%, rgb(255,255,255) 91%, rgb(93,98,143) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(35,35,38) 7%, rgb(83,99,143) 17%, rgb(255,255,255) 47%, rgb(255,255,255) 91%, rgb(93,98,143) 100%);
background-image: -ms-linear-gradient(bottom, rgb(35,35,38) 7%, rgb(83,99,143) 17%, rgb(255,255,255) 47%, rgb(255,255,255) 91%, rgb(93,98,143) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.07, rgb(35,35,38)),
	color-stop(0.17, rgb(83,99,143)),
	color-stop(0.47, rgb(255,255,255)),
	color-stop(0.91, rgb(255,255,255)),
	color-stop(1, rgb(93,98,143))
);

	border-top:solid 2px #006;
	border-bottom: solid 2px #006;
	list-style-type:none;
}

nav ul li A:link {
	font-family:"Times New Roman", Times, serif;
	color: #006;
	float:left;
	padding:0 10px;
	font-weight:900;
	
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 50px;
}

nav ul li a:hover {
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	color: #006;
	background-image: linear-gradient(bottom, rgb(21,24,26) 8%, rgb(44,67,128) 17%, rgb(255,255,255) 49%, rgb(232,247,246) 88%, rgb(44,69,128) 100%);
background-image: -o-linear-gradient(bottom, rgb(21,24,26) 8%, rgb(44,67,128) 17%, rgb(255,255,255) 49%, rgb(232,247,246) 88%, rgb(44,69,128) 100%);
background-image: -moz-linear-gradient(bottom, rgb(21,24,26) 8%, rgb(44,67,128) 17%, rgb(255,255,255) 49%, rgb(232,247,246) 88%, rgb(44,69,128) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(21,24,26) 8%, rgb(44,67,128) 17%, rgb(255,255,255) 49%, rgb(232,247,246) 88%, rgb(44,69,128) 100%);
background-image: -ms-linear-gradient(bottom, rgb(21,24,26) 8%, rgb(44,67,128) 17%, rgb(255,255,255) 49%, rgb(232,247,246) 88%, rgb(44,69,128) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.08, rgb(21,24,26)),
	color-stop(0.17, rgb(44,67,128)),
	color-stop(0.49, rgb(255,255,255)),
	color-stop(0.88, rgb(232,247,246)),
	color-stop(1, rgb(44,69,128))
);
}

/*********************************************** class */

.nouvel_ouvrage {
	margin: 0px;
	padding: 0px;
	
	}

.img_ouvrage {
	display:inline;
	float:left;
	border:thin ridge;
	margin: 5px 20px 10px 0;
	}

.box_shadow {
	  -webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	  box_shadow: -moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5 - 3.6 */
	  box_shadow: box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}



.box_round {
	-webkit-border-radius: 20px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	-moz-border-radius: 20px; /* FF1-3.6 */
	border-radius: 20px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */	
	}
	

	
#nouveaute{
	padding:0px;
	margin: 0px;
	max-width: 890px;
	
}

#nofloat 
{
clear:both;
margin-bottom: 10px;
}


#separataaeur
{
clear:both;
margin-bottom: 10px;
}

.clear {
clear:both;
}


.titre1 {
	FONT-SIZE: 14pt;
	FONT-WEIGHT: bold;
	FONT-STYLE: italic;
	LETTER-SPACING: 0.1em;
	TEXT-ALIGN: center;
	padding-bottom: 15pt;
	padding-top: 15pt;
	margin-top: 50pt: 6px;
	color: #009;
}

.titreLivre { /* ok */
    COLOR: #000099; 
	FONT-STYLE: italic;
	font-size: 11pt; 
	font-weight: bold;
}

.titreLivre2 { /* ok */
    COLOR: #000099;
    FONT-SIZE: 11pt;
	FONT-STYLE: italic
}


.lienDetails { /* ok */
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}

.infos { /* ok */
display:block;
margin: 5px 0 1px 0;
    COLOR: #333333;
    FONT-SIZE: 10pt;
}

.descriptionLivre { /* ok*/
    FONT-SIZE: 10pt;
	font-family: "Times New Roman", Times, serif;
}

.referenceLivre { /* ok*/
    FONT-SIZE: 10pt;
	font-family: "Times New Roman", Times, serif;
    FONT-STYLE: italic;
}

.nomAuteur { /* ok*/
    COLOR: #333333; 
	font-size: 11pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; 
	font-style: normal; 
	line-height: 20pt
}


.epuise { /* ok*/
    COLOR: red;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}


.titreLivre_include {  /* ok*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8.5pt; 
	font-weight: normal; 
	font-style: italic
}

.nomAuteur_include {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8.5pt; 
	font-weight: normal; 
	font-style: normal;
	color: #333333; 
	clip:  rect(20px   ); 
	border-style: none
}

.txt_moyen_clair {	font-size: 0.9em;color: #999999;}	

/*********************************************** boutons */

.bouton {
	text-align:center;
	background-color:#FF9900;
	background-image: linear-gradient(bottom, rgb(46,21,3) 2%, rgb(212,123,45) 18%, rgb(255,115,8) 57%, rgb(212,124,47) 83%, rgb(46,21,3) 98%);
background-image: -o-linear-gradient(bottom, rgb(46,21,3) 2%, rgb(212,123,45) 18%, rgb(255,115,8) 57%, rgb(212,124,47) 83%, rgb(46,21,3) 98%);
background-image: -moz-linear-gradient(bottom, rgb(46,21,3) 2%, rgb(212,123,45) 18%, rgb(255,115,8) 57%, rgb(212,124,47) 83%, rgb(46,21,3) 98%);
background-image: -webkit-linear-gradient(bottom, rgb(46,21,3) 2%, rgb(212,123,45) 18%, rgb(255,115,8) 57%, rgb(212,124,47) 83%, rgb(46,21,3) 98%);
background-image: -ms-linear-gradient(bottom, rgb(46,21,3) 2%, rgb(212,123,45) 18%, rgb(255,115,8) 57%, rgb(212,124,47) 83%, rgb(46,21,3) 98%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.02, rgb(46,21,3)),
	color-stop(0.18, rgb(212,123,45)),
	color-stop(0.57, rgb(255,115,8)),
	color-stop(0.83, rgb(212,124,47)),
	color-stop(0.98, rgb(46,21,3))
);

  -webkit-border-radius: 20px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	  -moz-border-radius: 20px; /* FF1-3.6 */
	  border-radius: 20px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	  -webkit-box-shadow: 0 10px 10px 0 #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	  box_shadow: -moz-box-shadow: 0 10px 10px 0 #000; /* FF3.5 - 3.6 */
	  box_shadow: box-shadow: 0 10px 10px 0 #000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */	

	color:#FFFAAF;
	padding: 4px 15px;
	margin-left: 5px;
	/*width: 130px;*/
}	

.bouton:hover {
	cursor:  pointer;
	text-align:center;
	background-color:#FC3;
	background-image: linear-gradient(bottom, rgb(77,49,8) 3%, rgb(212,124,47) 18%, rgb(255,214,10) 57%, rgb(212,158,51) 83%, rgb(255,255,196) 96%);
background-image: -o-linear-gradient(bottom, rgb(77,49,8) 3%, rgb(212,124,47) 18%, rgb(255,214,10) 57%, rgb(212,158,51) 83%, rgb(255,255,196) 96%);
background-image: -moz-linear-gradient(bottom, rgb(77,49,8) 3%, rgb(212,124,47) 18%, rgb(255,214,10) 57%, rgb(212,158,51) 83%, rgb(255,255,196) 96%);
background-image: -webkit-linear-gradient(bottom, rgb(77,49,8) 3%, rgb(212,124,47) 18%, rgb(255,214,10) 57%, rgb(212,158,51) 83%, rgb(255,255,196) 96%);
background-image: -ms-linear-gradient(bottom, rgb(77,49,8) 3%, rgb(212,124,47) 18%, rgb(255,214,10) 57%, rgb(212,158,51) 83%, rgb(255,255,196) 96%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.03, rgb(77,49,8)),
	color-stop(0.18, rgb(212,124,47)),
	color-stop(0.57, rgb(255,214,10)),
	color-stop(0.83, rgb(212,158,51)),
	color-stop(0.96, rgb(255,255,196))
);
	color:#FFFAAF;
	padding: 4px 15px;
	margin-left: 5px;
}

/*********************************************** pied */
#pied {
	border-top: solid 4px #FFF;
	overflow:hidden;
	color: #FFFFFF;
    background-color: #000000;
	background-image:url(Templates/f_pied.jpg);
    clear: both;
    font-size: 1.1em;
	width: 974px;
    margin: 20px 0;
	padding: 30px 0 30px 50px;
    text-align: left;
	line-height: 1.3em;
}

#pied .title{
	padding-left: 150px;
    text-align: left;
}

#pied img {
	margin: 0;
	padding-right: 10px;
}


#pied p {
	color: #FFFFFF;
/*    font-size: 1.1em;*/
	padding-bottom: 5px;
	}
	
/*#pied A:link, A:active {
	color: #CFF;
    font-size: 0.9em;
	}*/

#pied h2 {
    font-size: 0.9em;
	padding: 0px;
	margin: 0 0 2px 0;
}

.pied {
    float: left;
    padding-right: 20px;
}

#entete_admin {
	position:absolute;
	float:right;
	margin-top: 20px;
	margin-right: 20px;
	}