html {
cursor:normal;
width:996px ;
height:600px ;
margin-right:auto !important;
margin-left:auto !important;
background:#ffffff;
text-align:center !important;
}
body {
width:996px ;
height:600px;
overflow:auto;
font-family: Arial;
text-align:center;
margin-right:auto !important;
margin-left:auto !important;
background:#ffffff;

}
#main {
width:996px;
height:auto;
overflow:none;
text-align:center;
}
#blog {
width:523px;
height:auto;
position:relative;
float:left;
margin-right:10px;
}

#blog a{
font-size:14px;
font-famiily:Arial;
}


#blog td{
font-size:14px;
font-famiily:Arial;
}
.deroulant {
width:98%;
height:25px;
font-famiily:Arial;
font-size:14px;
position:relative;
float:left;
text-align:left;
}

.deroulant a {
color:blue;
border-bottom: 1px blue solid;
text-decoration:underline
}
.categorie {
width:350px;
height:25px;
font-famiily:Arial;
font-size:14px;
position:relative;
float:left;
text-align:left;
}
.date {
width:160px;
height:25px;
font-famiily:Arial;
font-size:14px;
position:relative;
float:left;
text-align:right;
}
.sousTitre {
width:100%;
height:auto;
font-famiily:Arial;
font-size:14px;
font-weight:bold;
position:relative;
float:left;
text-align:center;
}

.titre {
width:100%;
height:auto;
font-famiily:Arial;
font-size:16px;
color:#6CA6CD;
font-weight:bold;
position:relative;
float:left;
text-align:center;
}

.chapo {
width:100%;
height:auto;
font-famiily:Arial;
font-size:16px;
color:black;
position:relative;
float:left;
text-align:left;
}

.chapo a {
font-famiily:Arial;
color:blue;
font-size:16px;
border-bottom:1px blue solid;
}
.article a {
font-famiily:Arial;
color:blue;
font-size:14px;
border-bottom:1px blue solid;
}
.article em {
font-famiily:Arial;
font-size:14px;
}
p {
font-famiily:Arial;
font-size:14px;

}

.article {
width:100%;
height:auto;
font-famiily:Arial;
font-size:14px;
position:relative;
float:left;
text-align:left;
}

.aVisiter {
width:100%;
height:auto;
font-famiily:Arial;
margin-top:10px;
font-size:14px;
font-decoration:italic;
position:relative;
float:left;
text-align:left;
}

.auteur {
width:100%;
height:auto;
font-famiily:Arial;
font-size:14px;
font-weight:bold;
position:relative;
float:left;
text-align:left;
}

.mailto {
width:100%;
height:auto;
margin-top:15px;
font-famiily:Arial;
font-size:14px;
color:red;
position:relative;
float:left;
text-align:left;
cursor:pointer;
}












#bandeau_pub {
width:727px;
height:91px;

}

#pubBandeau {
width:565px;
position:absolute;
top:110px !important;
top:120px;
right:190px !important;
right:290px ;
height:25px;
/*background:white;*/
color:white;
font-family:Arial;
font-size:8px;
}

#accesPanier {
width:120px;
position:absolute;
top:102px !important;
top:110px;
right:30px !important;
right:150px ;
height:40px;
background:url('../icon/accesPanier.png') no-repeat;
}


#pied {
width:100%;
height:85px;
background:#1a171b;
position:relative;
float:left;
}

#gauche {
width:235px;
height:750px;
position:relative;
float:left;
background:url('../icon/filet.gif') no-repeat;
background-position:96% 80px;
qposition: fixed;
}

#droite {
width:725px;
height:600px;
top:0px;
position:relative;
float:left;

margin-left:10px;
qmargin-left: 25%;
}



#panierCentral {
width:992px;
height:650px;
padding-top:5px;
border-left:solid 2px #9d7d68;
border-right:solid 2px #9d7d68;
position:relative;
float:left;
overflow:auto;
}
.lignePanier {
width:95%;
height:30px;
/*padding-top:5px;*/
position:relative;
float:left;
}
.titrePanier {
width:450px;
height:30px;
position:relative;
padding-left:2px;
padding-right:2px;
float:left;
border-left:1px solid black;
border-right:1px solid black;
font-family:Arial;
font-size:14px;

}
.qPanier {
width:90px;
height:30px;
position:relative;
float:left;
border-left:1px solid black;
padding-left:2px;
margin-left:10px;
text-align:center;
}
.pUPanier {
width:125px;
height:30px;
position:relative;
float:left;
text-align:right;

border-right:1px solid black;
font-family:Arial;
font-size:14px;
padding-right:5px;
}
.poubellePanier {
width:20px;
height:30px;
position:relative;
float:left;
text-align:right;

/*border-right:1px solid black;*/

padding-right:5px;

background:url('../icon/poubelle.png') no-repeat center;
cursor:pointer;
}


#colonne_centre {
width:600px;
height:600px;
padding-top:5px;
border-left:solid 6px #9d7d68;
position:relative;
float:left;
overflow:auto;
}
#colonne_droite {
width:150px;
height:600px;
position:relative;
float:left;
/*background:grey;*/
}

#pub2 {
width:150px;
height:250px;
position:relative;
float:left;
background:url('../icon/EP-LibB-150x250.jpg');
margin-top:10px;
margin-left:4px;
}

#pub1 {
width:150px;
height:270px;
margin-top:5px;
margin-left:4px;
position:relative;
float:left;
/*background:url('../icon/EP-LibA-150x250.jpg');*/
background:url('../icon/EP-Lib-150x270.jpg');
}

#pub_rudy {
width:150px;
height:195px;
margin-top:10px;
margin-left:4px;
position:relative;
float:left;
background:url('../icon/logo_esat.jpg') no-repeat center;
cursor:pointer;
}


#pub3 {
width:700px;
height:80px;
top:8px;
margin-left:280px;
position:relative;
background:url('../icon/EP-LibC-700x80.jpg');
}


.calque_recherche {
width:100%;
height:40px;
margin-top:-1px;
background:url('../icon/recherche.png') no-repeat right;
position:relative;
float:left;
}

#calque_recherche_input {
width:148px;
height:20px;
margin-top:8px;
margin-left:45px !important;
margin-left:20px;
position:relative;
float:left;
}

#calque_recherche_ok {
width:32px;
height:23px;
margin-top:9px !important;
margin-top:8px;
margin-left:193px !important;
margin-left:-20px ;

background:url('../icon/recherche_ok.png') no-repeat right;

position:absolute;
float:left;
cursor:pointer;
}


.bouton_gauche {
width:170px;
height:285px;
margin-left:50px;
margin-top:-1px;
text-align:center;
border-left:solid 3px #fecb03;
border-right:solid 3px #fecb03;
position:relative;
float:left;
}
.genre {
color:#e1007c;
width:auto;
font-family:Arial;
font-size:10px;
font-weight:bold;
text-align:left;
margin-top:5px;
margin-left:5px;
line-height:10px;
/*padding-left:10px;*/
/*background:url('../icon/rond.png') left center no-repeat;
cursor:pointer;*/
position:relative;
float:left;
cursor:pointer;
text-decoration:underline !important;
border-bottom:1px solid #e1007c;
}
.espaceGenre {
width:100%;
height:117px;
position:relative;
float:left;
}


.bt_gauche {
border:none;
margin-top:5px;
cursor:pointer;

}

#panierGauche {
width:170px;
height:150px;
margin-left:50px;
padding-top:10px;
text-align:left;
font-size:14px;
font-family:arial;
font-weight:bold;
border-left:solid 3px #fecb03;
border-right:solid 3px #fecb03;
position:relative;
float:left;
overflow:auto;
}
#validationPanierGauche {
width:170px;
height:20px;
position:relative;
float:left;
margin-left:50px;
background:url('../icon/validez.png') center no-repeat;
border-left:solid 3px #fecb03;
border-right:solid 3px #fecb03;
cursor:pointer;
}


.case_livre {
width:174px ! important;
width:189px ;
height:450px;
padding-left:10px ! important;
padding-right:10px !important;

text-align:center;
position:relative;
float:left;
background-color:#F5F5F5;
}

.accroche_livre{
width:100%;
height:25px;
padding-top:5px;
text-align:center;
position:relative;
float:left;
color:white;
font-family:Arial;
font-size:14px;
font-weight:bold;
cursor:pointer;
background:no-repeat center;
}

.auteur {
width:100%;
height:17px;
position:relative;
float:left;
font-family:Arial;
font-size:14px;
cursor:pointer;
text-align:left;
font-weight:bold;
}
.genrePresentation {
width:100%;
height:14px;
position:relative;
float:left;
font-family:Times;
font-size:12px;
line-height:12px;
text-align:left;
font-weight:bold;
}

.prix_remise{
width:60px;
height:20px;
position:relative;
float:left;
font-family:Arial;
font-size:14px;
text-align:center;
font-weight:bold;
color:white;
}

.prix_base{
width:105px;
height:20px;
margin-left:5px !important;
margin-left:5px;
position:relative;
float:left;
font-family:Times;
font-size:14px;
text-align:left;
font-weight:;
}
.c4_etendue {
width:100%;
height:80px;
position:relative;
float:left;
font-family:Arial;
font-size:12px;
text-align:left;
line-height:12px;


}
.cover {
width:200px;
height:140px;
margin-top:4px;
position:relative;
float:left;
border:none;

cursor:pointer;
text-align:center;
margin-right:auto;
margin-left:auto;
}
.messageArgumentaire {
width:100%;
height:48px;
margin-bottom:5px;
position:relative;
float:left;
font-family:Arial;
font-size:12px;
text-align:left;
line-height:12px;
}



.ajoutPanier {
width:119px;
height:15px;
margin-top:5px;
cursor:pointer;
position:relative;
float:left;
background:url('../icon/ajout_panier.png') no-repeat center;
}
.ajoutPanierInerte {
width:100%;
height:15px;
margin-top:5px;
cursor:pointer;
position:relative;
float:left;
font-size:10px;
color:#845c40;
font-family:Arial;
background:#fdcb03;
}



.lignePanierGauche {
width:98%;
position:relative;
float:left;
padding-left:3px;
background:#DDDDDD;
}

.titrePanierGauche {
width:70%;
height:auto;
position:relative;
float:left;
font-family:arial;
font-size:12px;
text-align:left;
font-weight:normal;
overflow:hidden;
}
.qPanierGauche {
width:10%;
height:auto;
position:relative;
float:left;
font-family:arial;
font-size:12px;
text-align:left;
font-weight:bold;
overflow:hidden;
}
.poubellePanierGauche {
width:20%;
height:17px;
position:relative;
float:left;
background:url('../icon/poubelle.png') no-repeat center;
cursor:pointer;
}

.ligne{
width:100%;
height:27px;
position:relative;
float:left;
font-size:14px;
cursor:pointer;
}
.libelle {
width:100px;
height:100%;
margin-right:10px;
position:relative;
float:left;
text-align:right;
color:blue;
font-size:14px;
font-weight:bold;
}


.donnee {
width:790px;
height:100%;
position:relative;
float:left;
text-align:left;
}
.donnee input {
border:1px grey solid;
-moz-border-radius:15px;
background:cornsilk;
width:330px;
padding-left:5px;
}

.donnee input:focus {
background:#ffff99;
border:1px black solid;
padding-left:5px;
}

.donnee select {
border:1px grey solid;
background:cornsilk;
}

.donnee select:focus {
background:#ffff99;
border:1px black solid;
}







#ligneCouleur {
width:100%;
height:6px;
background:url('../icons/ligne_couleur.jpg') no-repeat;
position:relative;
float:left;
}
#boutonRetour {
width:50px;
height:17px;
margin-top:35px;
margin-left:3px;
background:url('../icons/retour.jpg') no-repeat;
position:relative;
float:left;
text-decoration:none;
}
#boutonRetour2{
width:26px;
height:17px;
margin-top:35px;
margin-left:20px;
background:url('../icons/bout_retour.jpg') no-repeat;
position:relative;
float:left;
text-decoration:none;
}
#menu {
width:163px;
height:554px;
top:125px;
left:71px;
background:url('../icons/cadr.jpg') no-repeat;
position:absolute;
}
.bouton {
margin-top:20px;
margin-left:30px;
width:120px;
height:18px;
cursor:pointer;
}
#aparaitre{
background:url('../icons/bout_aparaitre.jpg') no-repeat left;
}
#aparaitre:hover {
background:url('../icons/bout_aparaitre_survol.jpg') no-repeat left;
}
#vienparaitre{
background:url('../icons/bout_vienparaitre.jpg') no-repeat left;
}
#vienparaitre:hover {
background:url('../icons/bout_vienparaitre_survol.jpg') no-repeat left;
}
#catacomplet{
background:url('../icons/bout_catacomplet.jpg') no-repeat left;
}
#catacomplet:hover {
background:url('../icons/bout_catacomplet_survol.jpg') no-repeat left;
}
#creapass{
background:url('../icons/bout_creapass.jpg') no-repeat left;
margin-top:50px;
}
#squareloisir{
background:url('../icons/bout_squareloisir.jpg') no-repeat left;
margin-top:50px;
}

#cotesimple{
background:url('../icons/bout_cotesimple.jpg') no-repeat left;
margin-top:50px;
}


#catalog {
background:url('../icons/bout_editer_catalog.jpg') no-repeat left;
}

#zone_travail {
width:540px;
height:590px;
top:130px;
left:245px;
position:absolute;


}
.travail {
width:535px;
height:585px;
margin-top:0px;
margin-left:0px;
position:absolute;
visibility:hidden;
}
.carre {
width:175px;
height:175px;
margin-bottom:1px;
background:url('../icons/cadr_ombr.png')  ;
position:relative;
float:left;
cursor:pointer;
/*z-index:1;*/
visibility:hidden;
}
.carre img {
margin-top:0px;
margin-left:0px;
width:160px;
height:160px;
cursor:pointer;
/*z-index:1;*/
}
img {
border:none;
text-decoration:none;
}
#cadre_crea {
width:242px;
height:274px;
background:url('../icons/encadr_crea.gif');
position:absolute;
top:325px;
left:200px;
z-index:100;
visibility:hidden;
cursor:pointer;
}
#cadre_square {
width:242px;
height:274px;
background:url('../icons/encadr_squar.gif') no-repeat left;
position:absolute;
top:290px;
left:220px;
z-index:100;
visibility:hidden;
cursor:pointer;
}
.page_precedente {
width:129px;
height:26px;
top:-30px;
left:-153px;
position:absolute;
background:url('../icons/flech_g3.gif') no-repeat left;
visibility:hidden;
z-index:100;
cursor:pointer;
}
.page_centrale {
width:350px;
height:26px;
top:-30px;
left:35px;
position:absolute;
visibility:visible;
z-index:100;
font-size:14px;
color:black;
}


.page_suivante {
width:129px;
height:26px;
top:-30px;
left:417px;
position:absolute;
background:url('../icons/flech_d3.gif') no-repeat right;
visibility:hidden;
z-index:100;
cursor:pointer;
}
.message{
width:500px;
height:26px;
top:150px;
left:250px;
visibility:hidden;
position:absolute;
z-index:110;
text-align:center;
font-size:16px;
font-weight:bold;
color:red;

}
	a {
		text-decoration: none;
		font-family: Arial;
		font-size:12px;
		white-space: nowrap;
		color: black;
		font-weight:none;
		border:1px solid white;
	}

	.list {float: left; color:white; }
	.list div { line-height: 1.0; margin-left: 20;}
	.list h3 {text-align: center; font-weight: normal; }

#sommaire {
width:150px !important;
width:151px;
height:300px;
/*background:url('../icon/cadr_fich.jpg') no-repeat center !important;*/

background:#dadada;
position:absolute;
overflow:hidden;
margin-top:15px;
margin-left:0px !important;
margin-left:-72px;

}
#bouton_monte {
width:18px;
height:26px;
top:120px;
right:0px !important;
right:0px;
background:url('../icon/bout_monte.gif') no-repeat center;
position:absolute;
cursor:pointer;
}

#bouton_descend {
width:18px;
height:26px;
top:200px;
right:0px !important;
right:0px;
background:url('../icon/bout_descend.gif') no-repeat center;
position:absolute;
cursor:pointer;
}
#box_sommaire {
width:125px !important;
width:125px; 
height:230px;
font-family:Arial;
font-size:10px;
margin-left:10px !important;
margin-left:-60px;
margin-top:10px;
overflow:hidden;
position:absolute;
}

#detail_sommaire {
width:125px !important;
width:125px;
height:230px;
cursor:auto;
margin-top:0px;
font-family:Arial;
font-size:10px;
display:block;
text-align:left;

/*overflow:hidden;*/
/*position:absolute;*/
}