/* 
CSS Document 
Créé par ALLIANTIC pour Alphonse LEDUC SA

Couleurs Utilisées

Rouge:		#b70718
Bleu:		#005da8
Orange:		#eb690a

*/
html
{
	overflow-y: scroll;
}
html, body
{
	background: white;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Garamond, "Times New Roman";
}
img
{
	border: 0px;
}
.rouge
{
	color: #b70718;
}
.orange
{
	color: #eb690a;
}
.bleu
{
	color: #005da8;
}
a
{
	color: black;
}
a:hover
{
	color: gray;
}
a.rouge
{
	color: #b70718;
}
a.rouge:hover
{
	color: #eb690a;
}
a.orange
{
	color: #eb690a;
}
a.orange:hover
{
	color: #b70718;
}
a.bleu
{
	color: #005da8;
}
a.blanc
{
	color: white;
}
a.blanc:hover
{
	color: silver;
}
.alignRight
{
	text-align: right;
}
#conteneur
{
	min-width: 1200px;
	width: 100%;
	max-width: 1400px;
	margin: auto;
	background: white;
}
#banniere
{
	display:none;
	
}
#contenu
{
	padding-top: 77px;
	padding-bottom: 30px;
}
#contenu .paragraphe
{
	padding: 0 10% 0 10%;
	text-align: left;
}
/* GESTION DES MESSAGES */
#message_zone
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
}
#message_background
{
	width: 100%;
	height: 100%;
	top: 0px;
	position: absolute;
	background: white; 
	opacity: 0.8;
		-moz-opacity: 0.80;
}
#message_box
{
	width: 100%;
	position: absolute;
	text-align: center;
}
#message_box table
{
	background: white; 
	border: 1px solid #eb690a;
	width: 500px;
	height: 70px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	margin: 15% auto auto auto;
}
#message_box table.formulaire
{
	border: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: left;
	font-weight: bold;
	margin: auto;
}
#bulle
{
	display: none;
	position: absolute;
	margin: 0px;
	padding: 5px;
	border-collapse: collaspe;
	text-align: left;
	z-index: 99;
	background: #f8d388;
	border: 1px solid gray;
	opacity: 0.75;
		-moz-opacity: 0.75;
}
h1
{
	font-family: Garamond;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	letter-spacing: -1.5px;
	text-align: left;
}
h1.rouge
{
	color: #b70718;
}
h1.orange
{
	color: #eb690a;
}
h2
{
	text-align: left;
	margin-bottom: 10px;
}
h3
{
	text-align: left;
}
.lignerouge
{
	display: block;
	width: 100%;
	margin: auto;
	height: 2px;
	overflow: hidden;
	margin: 5px 0;
	background: #b70718;
}
.ligneorange
{
	display: block;
	width: 100%;
	margin: auto;
	height: 2px;
	overflow: hidden;
	margin: 5px 0;
	background: #eb690a;
}
.ligneImage
{
	width: 100%;
	height: 14px;
	overflow: hidden;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}
.ligneImage img
{
	display: block;
}
.ligneImage .TopRouge
{
	width: 100%;
	height: 14px;
	background: url('images/ligne_top_middle_rouge.gif') repeat-x top;
}
.ligneImage .TopOrange
{
	width: 100%;
	height: 14px;
	background: url('images/ligne_top_middle_orange.gif') repeat-x top;
}
.ligneImage .BottomRouge
{
	width: 100%;
	height: 14px;
	background: url('images/ligne_bottom_middle_rouge.gif') repeat-x;
}
.ligneImage .BottomOrange
{
	width: 100%;
	height: 14px;
	background: url('images/ligne_bottom_middle_orange.gif') repeat-x;
}
.ligneImage .gauche
{
	width: 6px;
	float: left;
	background: white;
	vertical-align: top;
}
.ligneImage .droite
{
	width: 6px;
	float: right;
	background: white;
	vertical-align: top;
}
table td
{
	vertical-align: top;
}
input[type="submit"], input[type="button"]
{
	display: none;
}
.formulaireOrange 
{
	display:none;
}
.formulaireRouge
{
	display:none;
}
/*
MENU DEROULANT
*/
#menu
{
	display:none;
}
/*Premier etage*/
#menuDeroulant
{

	display:none;
}
/*
FIN MENU DEROULANT
*/
.accueil
{
	width: 100%;
	margin: auto;
	display: block;
	max-width: 1065px;
}
/*
Div du lien pour accéder au plan du site
*/
.planDuSite
{
	text-align: right;
	margin-top: -20px;
	margin-right: 20px;
}
.planDuSite a
{
	color: black;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}
.planDuSite a:hover
{
	color: #b70718;
}
.infoRecherche
{
	color: #b70718;
	font-weight: bold;
	width: 100%;
	font-size: 12pt;
}
.infoRecherche a
{
	color: #b70718;
}
.infoRecherche td
{
	witdh: 33%;
	padding-right: 2%;
	vertical-align: top;
}
.infoRecherche td.orange
{
	color: #eb690a;
}
.infoRecherche td.orange a
{
	color: #eb690a;
}
.pagination
{
	text-align: center;
	margin-top: 10px;
}
.pagination a
{
	color: #b70718;
}
.pagination a:hover
{
	color: #eb690a;
}
.resultat
{
	padding-bottom: 15px;
	font-weight: bold;
	color: #b70718;
	width: 66%;
}
.resultat .auteur
{
	font-size: 12pt;
}
.resultat .titre
{
	font-size: 10pt;
}
.resultat .cotage
{
	color: #eb690a;
	font-size: 10pt;
}
.resultat .prix
{
	color: black;
	font-size: 10pt;
}
.resultat .nouveaute
{
	float: right;
	color: #eb690a;
}
.tabAuteur
{
	width: 100%;
	padding-bottom: 15px;
}
.auteurBio
{
	color: #b70718;
	vertical-align: top;
	font-size: 13pt;
	text-align: justify;
	padding-right: 20px;
}
.editionsRepresentees
{
	vertical-align: top;
}
.editionsRepresentees td
{
	vertical-align: top;
	padding-right: 10px;
}
.editionsRepresentees .leduc
{
	color: #b70718;
	font-weight: bold;
	text-align: left;
}
.editionsRepresentees .exclusive td
{
	width: 50%;
}
.editionsRepresentees div.leduc
{
	margin-top: 8px;
}
.editionsRepresentees .exclusive .nom
{
	color: #b70718;
	font-weight: bold;
	text-align: left;
	margin-top: 8px;
}
.editionsRepresentees .exclusive .type
{
	color: #eb690a;
	font-style: normal;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}
.editionsRepresentees .exclusive .legende
{
	font-size: 10pt;
	font-weight: bold;
	color: #eb690a;
	text-align: right;
}
#cadreCatalogue
{
	width: 230px;
}
#cadreCatalogue td
{
	vertical-align: bottom;
	text-align: right;
}
#cadreCatalogue div
{
	color: #eb690a;
	font-weight: bold;
	font-size: 14pt;
}
#cadreCatalogue img.couverture
{
	height: 150px;
}
.orchestreCatalogue
{
	color: #b70718;
	font-weight: bold;
	margin: auto;
}
.orchestreCatalogue td
{
	padding-right: 10px;
}
.orchestreCatalogue div
{
	text-align: right;
}
.tableau
{
	width: 100%;
}
.tableau td
{
	text-align: center;
	font-weight: bold;
}
.couverture
{
	border: 1px solid black;
}
.coordonnees
{
	width: 98%;
	margin: auto;}
.coordonnees th
{
	background: #b70718;
	border: 1px solid #b70718;
	color: white;
	width: 20%;
	text-align: left;
	vertical-align: top;
}
.coordonnees td
{
	padding-right: 5%;
	vertical-align: top;
}
.coordonnees input[type="text"]
{
	border: 1px solid #b70718;

	width: 100%;	}
.coordonnees textarea
{
	border: 1px solid #b70718;
	width: 100%;
	height: 150px;
}
.coordonnees .infoEnvoiCatalogue
{
	width: 14%;
	text-align: right;
	vertical-align: bottom;
	color: #eb690a;
	padding-left: 10px;
	padding-right: 0;
}
.coordonnees .infoEnvoiCatalogue span
{
	color: #b70718;
	font-size: 8pt;
}
.coordonnees img
{
	display: inline-block;
	width: 16px;
	height: 16px;
}
.infoContact
{
	color: #eb690a;
	font-weight: bold;
}
#carteMonde
{
	display: block;
	margin: auto;
	margin-bottom: 10px;
}
.fondOrange
{
	width: 800px;
	background: url("images/fond_middle.png") repeat;
	border-collapse: collapse;
	margin: auto;
	padding: 0;
	border: 0;
}
.fondOrange .top .left
{
	width: 4px;
	height: 6px;
	background: url("images/fond_top_left.png") top left no-repeat white;
}
.fondOrange .top .right
{
	width: 4px;
	height: 6px;
	background: url("images/fond_top_right.png") top right no-repeat white;
}
.fondOrange .bottom
{
	height: 6px;
}
.fondOrange .bottom .left
{
	width: 4px;
	height: 6px;
	background: url("images/fond_bottom_left.png") bottom left no-repeat white;
}
.fondOrange .bottom .right
{
	width: 4px;
	height: 6px;
	background: url("images/fond_bottom_right.png") bottom right no-repeat white;
}
.fondOrange .info
{
	width: 30%;
	padding: 10px;
	color: white;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
.fondOrange .info span
{
	color: #b70718;
}
.fondOrange .editions
{
	color: white;
	background: #b70718;
	padding: 3px;
	vertical-align: top;
	font-weight: bold;
}
.fondOrange .editions span
{
	width: 21%;
	display: block;
	float: left;
}
.fondOrange .editions div
{
	color: black;
	background: white;
	width: 77%;
	height: 133px;
	padding: 3px;
	float: right;
	font-size: 13pt;
}
.liens td
{
	padding: 5px;
	width: 50%;
}
.liens td.right
{
	text-align: right;
}
.liens td.left
{
	text-align: left;
}
.liens .titre
{
	height: 69px;
}
.liens table
{
	width: 100%;
}
.liens table th
{
	vertical-align: bottom;
	color: #eb690a;
	font-weight: bold;
	font-size: 14pt;
}
.liens .left table th
{
	text-align: left;
}
.liens .right table th
{
	text-align: right;
}
.liens table .image
{
	width: 1%;
	padding: 0;
}
.liens img
{
	border: 1px solid black;
	width: 111px;
	height: 67px;
	display: block;
}
.liens .left img
{
	margin-right: 5px;
}
.liens .right img
{
	margin-left: 5px;
}
.liens a
{
	color: #b70718;
}
.tableauHistorique
{
	width: 100%;
}
.tableauHistorique td
{
	vertical-align: top;
	padding: 5px;
}
.tableauHistorique th
{
	text-align: center;
	font-weight: normal;
}
.catalogue
{
	width: 100%;
	margin: auto;
	color: #eb690a;
}
.indication
{
	color: #b70718;
	font-weight: bold;
	text-align: center;
}
#deconnexion
{
	float: right;
}
.formActualite
{
	margin: auto;
	width: 100%;
}
.formActualite th
{
	width: 120px;
	text-align: left;
	vertical-align: top;
}
.formActualite td
{
	padding-right: 10px;
}
.formActualite .prevu
{
	width: 60%;
}
.formActualite div
{
	width: 100%;
	height: 300px;
	text-align: left;
	border: 1px solid #b70718;
	overflow-y: scroll;
}
.formActualite input[type="text"]
{
		width: 100%;}
.formActualite textarea
{
	width: 100%;
}
.actualiteOrange
{
	background-color: #fedfa8;
	color: #eb690a;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
	cursor: pointer;
}
li.actualiteOrange
{
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 5px;
	list-style-position: outside;
	width: 40%;
	cursor: pointer;
}
.actualiteRouge
{
	background-color: #f4a587;
	color: #b70718;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
	cursor: pointer;
}
.actualiteOrange .titre
{
	font-size: 16pt;
}
.actualiteRouge .titre
{
	font-size: 16pt;
}
.listeActualites
{
	width: 40%;
}
#actualite
{
	text-align: left;
	font-weight: normal;
}
#affichageActualite
{
	margin-top: -5px;
	display: none;
}
.boutonSup
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background:  url("images/administration/delete.png");
	cursor: pointer;
	margin-right: 3px;
}
/*CSS Autocomplétion*/
.AutoCompleteDivListeStyleRouge
{
	font-size: 13px;
	font-family: arial,sans-serif;
	word-wrap:break-word;
	text-align : left;
	border: 1px solid #b70718;
}
.AutoCompleteDivListeStyleOrange
{
	font-size: 13px;
	font-family: arial,sans-serif;
	word-wrap:break-word;
	text-align : left;
	border: 1px solid #eb690a;
}
.AutoCompleteDivStyle
{
	display: block;
	height: 16px; 
	verflow: hidden;
	background-color: white; 
	padding-left: 2px;
	padding-right: 3px;
}
.AutoCompleteDivActRouge
{
	background-color: #b70718;
	color: white ! important;
	padding-left: 6px;
}
.AutoCompleteDivActOrange
{
	background-color: #eb690a;
	color: white ! important;
	padding-left: 6px;
}