#ajout_panier{
	position : fixed;
	z-index : 20;
	display : none;
	visibility : hidden;
	position : absolute;
	text-align : center;
	width : 400px;
	height : 100px;
	left : 50%;
	top : 50%;
	margin-left : -200px;
	margin-top : -50px;
	background-color: #ffffcc;
	border : #cc3300 1px dashed;
}

.menuMainTitle
{
	margin-left : 5px;
	font-weight : bold;
}

.centrageHistorique
{
	margin-left : 50px;
}

body
{
	margin : 0px;
	padding : 0px;
	background : #354962;
	text-align : left;
	font-family : "Verdana";
	font-size : 12px;
}

div
{
	display : block;
}

ul{
	margin : 0px;
	margin-top : 2px;
	padding : 0px;
	list-style-type : none;
	list-style-position : outside;
	width : 90%;
}

li
{
	font-weight : bold;
}

select
{ 
	background-color : #FFFFCC;
	border-bottom : solid 1px #ffffcc;
	border-left : solid 1px #663300;
	border-right : solid 1px #ffffcc; 
	border-top : solid 1px #663300;
	color: #663300;
	font-size: 12px;
	font-weight: bold;
}

textarea
{ 
	background-color : #ffffcc;
	border-bottom : solid 1px #ffffcc;
	border-left : solid 1px #cc3300;
	border-right : solid 1px #ffffcc; 
	border-right : solid 1px #cc3300;
	color: #cc3300;
	font-size: 12px;
	font-weight: bold;
}

.ajoutArticle
{
	text-align : left;
}

.imgEquipe
{
	width : 350px;
	height : 250px;
	margin-bottom : 25px;
}

.equipe
{
	border-top : solid 1px #cc3300;
	margin-left : 2%;
	text-align : left;
	width : 96%;
}

.equipeTitle
{
	margin : 0px;
	font-weight : bold;
	font-size : 18px;
}

.equipeSelection
{
	margin : 0px;
	margin-bottom : 5px;
	margin-left : 2%;
	text-align : center;
	width : 96%;
}

.contact
{
	margin : 0px;
	padding : 0px;
	margin-left : 0px;
	padding-left : 125px;
	text-align : left;
}

.alignLeft
{
	text-align : left;
	width : 100%;
}

.contact input
{
	width : 250px;
}

.contact select
{
	width : 250px;
}

.contact textarea
{
	width : 250px;
	height : 150px;
}

.textLong
{
	width : 300px;
}

.right
{
	float : right;
	text-align : right;
	margin-right : 5px;
	font-weight : bold;
}

.equipeFunction
{
	margin-top : 5px;
}

.equipeDescription
{
	margin-top : 10px;
	font-style : italic;
	text-indent : 20px;
}

.imgMembre
{
	float : left;
	width : 100px;
	height : 140px;
	margin-right : 5px;
}

.historique
{
	text-align : left;
	text-indent : 20px;
	margin-left : 20px;
}

.menuItemNormal
{
	padding-left : 15px;
}

.menuItemInUse
{
	padding-left : 15px;
}

.horairesPratique
{
	text-align : left;
	margin-left : 250px;
}

.horaires
{
	text-align : center;
	margin-left : 300px;
}

.horaires table
{
	text-align : left;
}

p{
	margin : 0px 0px 15px 0px;
	padding : 0px;}

form{
	margin : 0px;
	padding : 0px;
}

input{
	margin-top : 15px;
	background : #ffffcc;
	color : #cc3300;
	font-weight : bold;
}

.evenementsTitre
{
	font-weight : bold;
	font-size : 22px;
	font-style : italic;
}

.evenementsInvites
{
	margin-top : 0px;
	text-align : right;
	margin-right : 5%;
	font-style : italic;
}

.evenementsResume
{
	margin-top : 25px;
	text-align : left;
	margin-left : 5%;
	text-indent : 5%;
}

.left
{
	float : left;
	text-align : left;
	margin-left : 5px;
	font-weight : bold;
}

.evenementsTable
{
	width : 90%;
	border-collapse : collapse;
	text-align : left;
	margin : auto;
	border :solid 1px #cc3300;
}

.evenementsTable th
{
	background : #cc3300;
	color : #ffffcc;
	text-align : center;
}

.evenementsTable td
{
	padding-left : 7px;
	padding-right : 7px;
}

.inputCompte
{
	width : 140px;
}

.searchResult
{
	color : #cc3300;
}

img{
	border : 0px;
}

td
{
	vertical-align : text-bottom;
}

a
{
	color : black;
	text-decoration : none;
}

a:hover
{
	text-decoration : underline;
}

h1
{
	text-align : center;
	color : #cc3300;
	font-size : 20px;
	font-weight : bold;
}

#boxSite{
	margin : auto;
	width : 900px;
	background-image : url("../images/bord.png");
	background-repeat : repeat-y;
}

#boxLeft{
	float : left;
	width : 150px;
	min-height : 700px;
	height : 100%;
	font-size : 12px;
}

#boxLogo{
	width : 100%;
	min-height : 126px;
	height : 126px;
	background-image : url("../images/fondHaut.gif");
	background-repeat : repeat-y;
}

#boxLogo p
{
	margin-bottom : 0px;
	padding-top : 5px;
	width : 95%;
	color : #ffffcc;
	font-size : 25px;
	font-weight : bold;
	text-align : center;
}

#boxMenu{
	width : 100%;
	min-height : 280px;
	text-align : left;
	border-top : solid 1px #ffffcc;
	border-bottom : solid 1px #ffffcc;
	height : 100%;
	padding-top : 20px;
}

#boxMenu a
{
	color :#ffcc99;
}

#boxRight{
	float : left;
	width : 750px;
	min-height : 700px;
	height : 100%;
}

#boxInfos{
	float : left;
	width : 150px;
	min-height : 325px;
	height : 100%;
	font-size : 12px;
}

#boxCenter{
	float : left;
	width : 600px;
	min-height : 700px;
	background : #ffcc99;
	height : 100%;
}

#boxMiddle{
	width : 100%;
	min-height : 275px;
	text-align : center;
}

#boxTarget{
	width : 100%;
	border-bottom : solid 1px black;
	font-size : 12px;
	min-height : 15px;
	margin-bottom : 10px;
}

#boxTarget a{
	color : black;
	text-decoration : none;
	margin-left : 5px;
	margin-right : 5px;
}

#boxTarget a:hover{
	color : #cc3300;
	text-decoration : underline;
}

#boxSearch{
	width : 100%;
	min-height : 20px;
	background : #cc3300;
}

#boxSearch a
{
	color : #ffffcc;
}

#boxSearch p
{
	margin : 0px;
}

#boxSearch input
{
	margin : 0px;
	font-size : 12px;
	margin-left : 5px;
}

.titre
{
	margin-left : 15px;
	width : 120px;
	height : 40px;
}

.textSearch
{
	font-size : 12px;
	width : 25%;
}

#boxTop{
	width : 100%;
	min-height : 90px;
	background-image : url("../images/bannerHiver.png");
}

#boxBottom{
	width : 900px;
	text-align : center;
	font-weight : bold;
}

.clear{
	clear : both;
}

#mainLinks{
	position : absolute;
	margin-top : 15px;
	width : 750px;
	min-height : 16px;
	background : #ffffcc;
	font-weight : bold;
	font-size : 13px;
}

#mainLinks a
{
	text-decoration : none;
	color : black;
	padding-left : 5px;
	padding-right : 5px;
}

#mainLinks a:hover
{
	background : #cc3300;;
}

.mainLinkInUse{
	background : #cc3300;
}

#secondaryLinks{
	font-weight : bold;
	min-height : 36px;
	height : 36px;
	text-align : center;
}

#loginModule
{
	border-top : solid 1px #ffffcc;
	text-align : center;
	padding-left : 0.5em;
}

#loginModule p{
	margin : 0px;
	padding : 0px;
	text-align : left;
}

#loginModule input{
	margin-top : 5px;
	width : 80%;
}

.usersInterfaceSmall{
	margin-left : 7px;
	text-align : center;
	font-size : x-small;
}

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

.inscriptionForm td{
	text-align : left;
}

.desinscriptionForm
{
	border : solid 1px black;
	text-align : center;
}

.desinscriptionForm table td
{
	text-align : center;
}

.compteForm td
{
	text-align : left;
}

.compteForm td input
{
	width  : 250px;
}

.compteForm td textarea
{
	width  : 250px;
}

.compteForm td select
{
	width  : 250px;
}

.leftTitle
{
	float : left;
	margin : 0px;
	margin-bottom : 25px;
	margin-left : 10px;
	text-align : left;
	width : 40%;
}

.changemdpForm table td{
	text-align : left;	
}

.vitrineTitle
{
	text-align : left;
	font-size : 18px;
	color : #cc3300;
	font-weight : bold;
	margin-left : 10px;
}

.vitrineDescription
{
	text-align : left;
	text-indent : 20px;
	margin-left : 10px;
}

.bookDisplay{
	position : relative;
	width : 100%;
	margin-bottom : 10px;
	text-align : left;
}

.bookDisplay p{
	margin-top : 5px;
}

.bookDisplay table td{
	padding-left : 5px;
	padding-right : 5px;
	background-image: url("../images/border.gif");
	background-position: top;
	background-repeat : no-repeat;
	width : 50%;
	vertical-align : top;
	padding-bottom : 25px;
}

.coupsDeCoeurDisplay{
	position : relative;
	width : 100%;
	margin-bottom : 10px;
	text-align : left;
}

.coupsDeCoeurDisplay p{
	margin-top : 5px;
}

.coupsDeCoeurDisplay table td{
	padding-left : 5px;
	padding-right : 5px;
	width : 50%;
	vertical-align : top;
	padding-bottom : 25px;
}

.bookDetailTable
{
	width : 100%;
	text-align : left;
}

.bookDetailTable td
{
	vertical-align : top;
	text-align : left;
}

.bookDisplay table tr
{
	min-height : 230px;
	height : 230px;
}

.bookDisplayPrice
{
	float : left;
}

.bookDisplayCommander
{
	float : right;
}

.listBookDisplay1
{
	background : #ffdbb7;
	margin : 0px;
	padding : 0px;
	width : 100%;
}

.listBookDisplayTitle
{
	font-weight : bold;
}

.bookDisplayTitle
{
	font-weight : bold;
}

.listBookDisplay2
{
	background : #ffcc99;
	margin : 0px;
	padding : 0px;
	width : 100%;
}

.listTable{

	border-collapse : collapse;
	width : 100%;
}

.listTable p{
	margin-top : 0px;
	margin-bottom : 2px;
	text-align : left;
}

.imgMini{
	float : left;
	margin : 5px 5px 0px 5px;
	height : 40px;
	width : 30px;
}

.imgMedium{
	float : left;
	margin : 5px 5px 0px 5px;
	height : 80px;
	width : 60px;
}

.imgMax{
	float : left;
	height : 240px;
	width : 180px;
	margin-left : 5px;
	margin-right : 5px;
}

.bookList{
	width : 100%;
}

.bookList hr{
	border : solid 1px #ffffcc;
	margin : 0px;
	padding : 0px;
}

.bookList p{
	margin : 0px;
	padding : 0px;
}

.detailBookHead
{
	margin-top : 0px;
	text-align : right;
	font-weight : bold;
	width : 98%;
}

.detailBook
{
	text-align : left;
}

.detailTitle
{
	font-weight : bolder;
	color : #cc3300;
	font-size : 30px;
}

.detailAuthors
{
	font-weight : bold;
}

.detailResume
{
	margin-top : 15px;
	text-indent : 40px;
	margin-left : 5px;
	text-align : left;
}

.detailTable
{
	float : left;
	width : 50%;
	margin-left : 5px;
	margin-right : 5px;
	border-collapse : collapse;
	border : solid 1px black;
	text-align : left;
}

.detailTable caption
{
	background : #cc3300;
	border : solid 1px black;
}

.detailTable td
{
	background : #ffffcc;
}

.detailTable tr
{
	border : solid 1px black;
}

.panierTable
{
	width : 90%;
	border-collapse : collapse;
	text-align	 : left;
	margin : auto;
	border :solid 1px #cc3300;
}

.panierTable th
{
	background : #cc3300;
	color : #ffffcc;
	text-align : center;
}

.panierTable td
{
	padding-left : 7px;
	padding-right : 7px;
}

.inputMini
{
	width : 30px;
}

.commanderTable
{
	width : 90%;
	margin : auto;
	background : #cc3300;
	color : #ffffcc;
	text-align : left;
	font-weight : bold;
}

.booksPageList
{
	border : solid 1px #ffffcc;
	font-size : 10px;
}

.booksPageList a
{
	color : black;
	text-decoration : none;
}

.booksPageList a:hover{
	color : #cc3300;
	text-decoration : underline;
}

.sauvegarderForm
{
	width : 60%;
	margin : auto;
}

.confirmerCommandeForm
{
	text-align : left;
}

.confirmerCommandeForm textarea
{
	width : 80%;
	height : 50px;
}

.commandeLeft
{
	float : left;
	margin-left : 5%;
	display : inline;
	text-align : left;
	font-weight : bold;
}

.commandeRight
{
	float : right ;
	margin-right : 5%;
	display : inline;
	text-align : right;
	font-weight : bold;
}

.bonCommandeStatus
{
	width : 90%;
	margin-top : 15px;
	margin-bottom : 15px;
	margin-left : 5%;
	text-align : left;
	border-collapse : collapse;
	border : solid 1px #cc3300;
}

.bonCommandeStatus th
{
	background-color : #cc3300;
	text-align : center;
}

.bonCommandeOui
{
	color : #00FF00;
	text-align : center;
	font-weight : bold;
}

.bonCommandeNon
{
	color : #FF0000;
	text-align : center;
	font-weight : bold;
}

.bonCommandePanierForm
{
	width : 90%;
	margin-top : 15px;
	margin-bottom : 15px;
	margin-left : 5%;
	text-align : left;
	border-collapse : collapse;
	border : solid 1px #cc3300;
}

.sauvegardePanierForm
{
	width : 90%;
	margin-top : 15px;
	margin-bottom : 15px;
	margin-left : 5%;
	text-align : left;
	border-collapse : collapse;
	border : solid 1px #cc3300;	
}

.bonCommandePanierForm caption
{
	background-color : #cc3300;
	text-align : center;
}

.sauvegardePanierForm caption
{
	background-color : #cc3300;
	text-align : center;
}

#statistiquesModule
{
	margin-top : 10px;
	padding-top : 10px;
	border-top : solid 1px #ffffcc;
	border-bottom : solid 1px #ffffcc;
	color : #ffcc99;
	font-weight : bold;
}

#statistiquesModule a
{
	color :#ffcc99;
}

#statistiquesModule p
{
	margin-left : 10px;
}

.imgFondu
{
	float : left;
	margin-left : 20px;
	width : 220px;
	height : 300px;
}
.recommandation
{
	text-align : left;
	margin : 0px;
	margin-left : 2%;
	margin-top : 5px;
	font-weight : bold;
	font-size : 16px;
	color : #cc3300;
}

.descriptionPratique
{
	margin-top : 5px;
	font-weight : bold;
	font-size : 16px;
	margin-bottom : 25px;
}

.vitrineDisplay
{
	float : right;
	margin : 0px;
	margin-bottom : 10px;
	padding : 0px;
	text-align : right;
	margin-right : 2%;
	width : 50%;
}

#evenementsModule
{
	padding-top : 10px;
	border-bottom : solid 1px #ffffcc;
	color : #ffcc99;
	font-weight : bold;
}

#evenementsModule a
{
	color :#ffcc99;
}

#evenementsModule p
{
	margin-left : 10px;
}

.number{
	color: #ffff70;
	font-size : 18px;
	font-weight : bold;
	margin-right : 4px;
}