/* CSS Document */
/* principaux */
img{
	border:none;
}

body{
background-color:#FFFFFF;
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
font-family:"Trebuchet MS", Helvetica, sans-serif;
/*color:#4d4d4d;*/
color:#000;
font-size:11px;
line-height:18px;
background-image:url(../images/vert_fond.jpg);
background-repeat:repeat-x;
text-align:center;
}

html {
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#fff; /*color background - only works in IE */

}
/*
a:link{
color:#4d4d4d;
}
a:hover{
color:#4d4d4d;
}
a:active{
color:#4d4d4d;
}
a:visited{
color:#4d4d4d;
}*/
a:link{
color:#000;
}
a:hover{
color:#000;
}
a:active{
color:#000;
}
a:visited{
color:#000;
}

#superCont{
	margin:0px auto;
	text-align:left;
	width:950px;

}

#genLeft{
	float:left;
	width:166px;
}

#bloc_newsletter{
	float:left;
	width:166px;
	height:140px;
	background-image:url(../images/vert_logo.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:10px;
	line-height:15px;
	margin:10px 0 0 0;
	padding:115px 0 0 10px;
	float:left;
}

	#bloc_newsletter h1
	{
		color:#FFF;
		font-weight:bold;
	}
	
	form#newsletter label{
		width:auto;
		float:left;
		color:#FFF;
		padding:5px 0 0 2px;
		margin: 0 5px 0 0;
	}
	
	form#newsletter input{
		float:left;
		margin: 5px 0 0 0;
	}
	
	form#newsletter .inputTextNewsletter
	{
		float:left;
		width:140px;
		height:13px;
		border:none;
		background:transparent;
		background-image:url(../images/fond_input150.jpg);
		background-position:left;
		background-repeat:no-repeat;
		padding:4px 5px 5px 5px;
		margin:5px 0 0 0;
		color:#333333;
		font-size:9px;
	}
	
	form#newsletter .btnNewsletter{
		float:right;
		margin: 5px 20px 0 0;
	}

#recherche{
	float:left;
	/*color:#4d4d4d;*/
	color:#000;
	font-size:11px;
	margin:0px 0 0 0;
	width:166px;
}


/* structure */
#contSite{
	/*float:left;*/
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	position:relative; 
	word-wrap:break-word;
	text-align:left;
}

#ban{
/*height:147px;*/
float:left;
margin:8px 0 0 10px;
}



#contenu{
float:left;
margin:0 0 0 15px;
}

#contenuGauche{
float:left;
width:347px;
font-style:normal;
padding:0 0 0 0;

}
#contenuForm{
float:left;
width:347px;
font-style:normal;
padding:0 0 0 0;
}
#contenuDroite{
float:left;
width:364px;
color:#ffffff;
margin:5px 0 0 0;
}
#contenuDroiteHeader{
float:left;
width:364px;
height:21px;
background-image:url(../images/fond_nouveauHeader.jpg);
background-repeat:no-repeat;
}
#contenuDroiteBody{
float:left;
width:364px;
background-image:url(../images/fond_nouveauBody.jpg);
background-repeat:repeat-y;
}
#contenuDroiteFooter{
float:left;
width:364px;
height:94px;
background-image:url(../images/fond_nouveauFooter.jpg);
background-repeat:no-repeat;
}


.nouveau{
margin:20px 20px 30px 20px;
}

#contenuLivre{
width:450px;
float:left;
margin:0 20px 0 0;
}
#contenuListeLivre{
float:left;
width:650px;
margin:0 20px 0 0;
}

#tabMore{
float:left;
width:250px;
}
.contImg{
float:right;
margin:20px 0 10px 20px;
}
.prix{
font-size:14px;
font-style:italic;
font-weight:bold;
}

.resumLivre{
margin:20px 0 50px 0;

}
/* listes */



#menu_ban{
float:left;
list-style-type:none;
margin:8px 0 0 0;
padding:0 0 0 0;

}

#menu_ban li{
float:left;
margin:0 0 0 0;
}
#menu_ban  li a{
display:block;
height:46px;
background-image:url(../images/menu_actif.jpg);
background-repeat:no-repeat;
text-indent:-1900px;
}
#menu_ban  li a:hover{
background-image:url(../images/menu_passif.jpg);
}

#panier{
background-image:url(../images/shopping-cart.gif);
background-repeat:no-repeat;
padding:10px 0 0 20px;
background-position:0 10px ;
margin:0 0 0 20px;
text-decoration:none;
}

.caddy{
	float:left;
	width:164px;
	height:73px;
	background-image:url(../images/caddy.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:10px 0 0 0;
}
	a.lien_caddy, a.lien_caddy:link, a.lien_caddy:visited, a.lien_caddy:active{
		display:block;
		float:left;
		width:129px;
		height:18px;
		padding:5px 0 0 35px;
		color:#FFF;
		text-decoration:none;
		font-size:11px;
		text-align:left;
	}
	
	.userConnect{
		float:left;
		width:154px;
		margin: 0 0 0  0;
		padding:5px 0 0 10px;
		background-image:url(../images/caddy_separation.gif);
		background-position:top;
		background-repeat:no-repeat;
		color:#FFF;
		font-size:10px;
	}
	
	a.deconnect_caddy, a.deconnect_caddy:link, a.deconnect_caddy:visited, a.deconnect_caddy:active{
		float:right;
		width:75px;
		display:block;
		padding:0 10px 0 0;
		text-align:right;
		color:#FFF;
		text-decoration:none;
		font-size:10px;
	
	}	

#liAccueil{
background-position: 0 0;
width:80px;
}
#licata {
background-position: -78px 0;
width:103px;
}
#liProf {
background-position: -180px 0;
width:152px;
}
#liLib {
background-position: -329px 0;
width:117px;

}
#liGroupe{
background-position: -445px 0;
width:91px;
}

.bloc1,.bloc2,.bloc3{
width:246px;
height:100%;
margin:30px 0 0 0;
padding: 0 0 10px 0;
}
.bloc1{
background-color:#006a91;
}
.bloc2{
background-color:#299cc6;
}
.bloc3{
background-color:#6ecff3;
}
.listeRel{
list-style-type:none;
background-color:#ffffff;
width:230px;
height:100%;
margin:0 0 0 3px;
padding:10px 0 0 10px;
text-transform:uppercase;
font-size:10px;
}
.listeRel li{
	margin:0 0 5px 0;
}
.listeRel li a{

}
/* textes */
.titreH3{
font-style:normal;
height:25px;
margin:0 0 0 0;
font-size:18px;
}
h4{


}
.titreForm{
padding:0 0 0 15px;
height:13px;
margin-top:5px;
width:100px;
font-size:18px;
}

h4{
font-style:normal;
margin:0px;
font-size:13px;
font-family:"Century Gothic",sans-serif;
font-weight:normal;
}

h4.titreBulle{
font-style:normal;
margin:0px;
font-size:14px;
font-family:"Century Gothic",sans-serif;
font-weight:bold;
}

.ariane{
font-style:normal;
margin:5px 0 15px 0;
height:20px;
font-size:14px;
}
.italique{
font-style:italic;
padding:0;
margin:0;
}
.italiqueTitre{
font-style:italic;
font-weight:normal;
font-size:11px;
text-transform:none;
padding:0 0 0 15px;
}
p{
margin:0 0 0 0;
}
.titreLivre{
font-size:14px;
text-transform:uppercase;
margin:0 0 0 0;
background-color:#006a91;
color:#ffffff;
padding:0 0 0 3px;
}
.descriptionLivre{
text-align:justify;
margin:0 0 20px 0;
line-height:22px;

}

.descriptionLivreDetail{
text-align:justify;
margin:5px 0 20px 0;
line-height:22px;
/*min-height:150px;*/
height:100%;
width: 305px;
}

.isbn{
font-weight:bold;
margin:0 0 0 5px;
}
.titreBloc{
color:#ffffff;
font-size:11px;
padding:5px 5px 0 10px;
}
/* images */
.nouveau img{
float:right;
border:3px solid #ffffff;
}


.iconsActionOuv{
	text-align:center;
	margin :0 auto;
}
.iconOuv{
	border:none;
	margin: 0 8px 0 8px;
}
.couv{
border:3px solid #e5e0dd;
}
.couvSupp{
border:3px solid #e5e0dd;
margin:5px 0 0 0 ;
}
/* liens */
.lienNouveau:link,.lienNouveau:hover,.lienNouveau:visited,.lienNouveau:active{
font-weight:bold;
color:#ffffff;
}
.matiere{
margin:0 0 20px 5px;
}
ul#matiere{
		margin:0 0 0 0;
		list-style:none;
	}
	
	ul#matiere li{
		background-image:url(../images/matiere.jpg);
		background-position:0px 5px;
		background-repeat:no-repeat;
		padding:0 0 0 18px;
		margin:0;
	}

.flech{
background-image:url(../images/fleche.jpg);
background-repeat:no-repeat;
padding:0 0 3px 20px;
background-position:0px 1px;
margin:5px 0 5px 10px;
}
.enSavoirPlus{
background-image:url(../images/ensavoirPLus.jpg);
background-repeat:no-repeat;
padding:0 0 3px 20px;
background-position:0px 1px;
}
.retour{
background-image:url(../images/retour.jpg);
background-repeat:no-repeat;
padding:0 0 3px 20px;
margin:0 0 20px 0;
background-position:0px 1px;
}
/* formulaires */
.button{
background:none;
height:22px;
padding:0;
margin:0 0 0 2px;
background-color:#000000;
border:1px solid #999999;
font-size:9px;
vertical-align:top;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;

}



label{
float: left;
width: 120px;

}

.inputForm{
width: 130px;
margin-bottom: 5px;
border:1px solid #e6e6e6;
background-color:#f1f1f1;
height:18px;
}



.boxes{
width: 1em;
}

.submitbutton{
margin-left: 120px;
margin-top: 5px;
height:22px;
width:90px;
padding:0;
background-color:#000000;
border:1px solid #999999;
font-size:9px;
vertical-align:top;
color:#FFFFFF;
font-weight:bold;
}
.submitbuttonGauche{
margin-top: 5px;
height:22px;
width:90px;
padding:0;
background-color:#000000;
border:1px solid #999999;
font-size:9px;
vertical-align:top;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
}



select{
border:1px solid #bababa;
width:150px;
height:20px;
margin:0 0 0 0;
padding:2px;
font-size: 11px;
color:#88756f;
}

#foot {
background-image:url(../images/vert_fond_footer.jpg);
background-repeat:repeat-x;
 height:184px; 
 z-index:4; 
 width:100%;
 clear:both;
}


.auto_complete_update {
    border: 1px solid #999;
    background: #fafafa;
  }
  .auto_complete_update ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .auto_complete_update a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    color: #333;
  }
  .selected {
    background: lightyellow;
  }


/*** TOOLTIP ***/
.tooltipsBody{
	background-image:url(../images/tooltips_body.gif);
	width:234px;
	height:79px;
	background-repeat:no-repeat;
	padding:2px;
	padding-left:14px;
	text-align:left;
	z-index:99;
	color:#FFF;
}
.tooltipsHead{
	background-image:url(../images/tooltips_head.gif);
	width:246px;
	height:17px;
	background-repeat:no-repeat;
	background-position:center;
	padding:2px;
	padding-top:4px;
	font-weight:bold;
	z-index:99;
	color:#FFF;

}

a.all{
	color:#FFF;
	margin: 0 0 0 10px;
}

.clear{
	clear:both;
}

#contenuEnseignant{
	float:left;
	width:347px;
	color:#FFF;
}
#contenuEnseignantHeader{
	float:left;
	width:347px;
	height:21px;
	background-image:url(../images/decoPubVertHeader.jpg);
	background-repeat:no-repeat;
}
#contenuEnseignantBody{
	float:left;
	width:317px;
	padding:0 15px 0 15px;
	background-image:url(../images/decoPubVertBody.jpg);
	background-repeat:repeat-y;
}
#contenuEnseignantFooter{
	float:left;
	width:347px;
	height:94px;
	background-image:url(../images/decoPubVertFooter.jpg);
	background-repeat:no-repeat;
}

#contenuLibraire{
	float:left;
	width:347px;
	color:#FFF;
}
#contenuLibraireHeader{
	float:left;
	width:347px;
	height:21px;
	background-image:url(../images/decoPubOrangeHeader.jpg);
	background-repeat:no-repeat;
}
#contenuLibraireBody{
	float:left;
	width:317px;
	padding:0 15px 0 15px;
	background-image:url(../images/decoPubOrangeBody.jpg);
	background-repeat:repeat-y;
}
#contenuLibraireFooter{
	float:left;
	width:347px;
	height:94px;
	background-image:url(../images/decoPubOrangeFooter.jpg);
	background-repeat:no-repeat;
}

#pagePage ul{margin:15px 0 0 0; list-style:none;}
#pagePage ul li{float:left;margin:0 0 0 5px;}
#pagePage a{float:left;display:block; width:10px; height:15px; background-color:#CCCCCC; border:1px solid #333333; padding:0 0 0 5px; margin:0 0 0 2px; font-size:9px; color:#000000; }




/* ----- BOUTIQUE ----- */

input.cmd,
input.cmdErreur,textarea.cmd{
	background			: 	#f0f5fa;
	border				: 	1px solid #3f88d1;
	border-top-color	: 	#0052a5;
	border-left-color	: 	#0052a5;
	color				: 	#0052a5;
	padding				: 	1px;
}

input.cmdErreur{
	background			: 	#ecb9b9;
	color				: 	#f00;
}

.msgImportant{
	border				:	dotted 1px #003300;
	padding				:	5px;
	font-size			:	11px;
	background-color	:	#f5f4f3;
}

#identification{
	float				:	left;
	width				:	214px;
/*	height				:	220px;*/
}

#nouveau{
	float				:	left;
	width				:	206px;
/*	height				:	220px;*/
	border-left			:	1px dotted #0052a5;
	padding-left		:	16px;
}

	#identification h3,
	#nouveau h3{
		font-size:12px;
		font-weight:bold;
	}

#listeArticle{
	border			:	none;
	border-collapse	:	collapse;
	width			:	530px;
}

	#listeArticle td,
	#listeArticle th{
		margin			:	0;
		padding			:	4px;
		background		:	#e5e5e5 url(../images/gene/bt_bg_cell.gif) top repeat-x;
		font-weight		:	normal;
	}
	
		#listeArticle th.entete a{
			text-decoration:underline;
			color:#fff;
		}
	
		#listeArticle th.entete{
		font-size			:	12px;
		text-align			:	center;
		background			:	#006a91 url(../images/gene/bt_bg_header.gif) top repeat-x;
		color				:	#fff;
		border-right		:	1px solid #fff;
		border-bottom		:	1px solid #0052a5;
		font-weight			:	bold;
		}
	
		#listeArticle td.dispo,
		#listeArticle td.photoPict,
		#listeArticle td.caddie{
			text-align	:	center;
			width		:	40px;
		}
		
		#listeArticle td.photoPict{width:20px;}
		
		#listeArticle td.designation{
			width	:	390px;
		}
		
		#listeArticle td.prix{
			width		:	40px;
			/*font-style	:	italic;*/
			text-align	:	right;
		}
		
#listePanier{
	border			:	none;
	border-collapse	:	collapse;
	width			:	530px;
}

	#listePanier td,
	#listePanier th{
		margin			:	0;
		padding			:	4px;
		background		:	#e5e5e5 url(../images/gene/bt_bg_cell.gif) top repeat-x;
		font-weight		:	normal;
	}
	
		#listePanier th.entete a{
			text-decoration:underline;
			color:#fff;
		}
	
		#listePanier th.entete{
		font-size			:	12px;
		text-align			:	center;
		background			:	#006a91 url(../images/gene/bt_bg_header.gif) top repeat-x;
		color				:	#fff;
		border-right		:	1px solid #fff;
		border-bottom		:	1px solid #0052a5;
		font-weight			:	bold;
		}
	
		#listePanier td.dispo
		{
			text-align	:	center;
			width		:	50px;
		}
		
		#listePanier td.suppArt{
			text-align	:	center;
			width		:	30px;
		}
		
		#listePanier td.designation{
			width		:	340px;
		}
		
		#listePanier td.qte{
			width		:	60px;
			text-align	:	center;
		}
		
		#listePanier td.prix{
			width		:	50px;
			/*font-style	:	italic;*/
			text-align	:	right;
		}

#det_prod{
	float:left;
	width:306px;
	background-color:#fcfcfc;
	padding:0 0 4px 4px;
}
		
		
#recapAdress{
	border			:	none;
	border-collapse	:	collapse;
}

	#recapAdress td{
		margin			:	0;
		padding			:	4px;
		border-bottom	:	#448cd6 dotted 1px;
		font-weight		:	normal;
		width			:	190px;
		background-color:	#fcfcf5;
	}
	
	#recapAdress td.entete{
		font-size			:	12px;
		text-align			:	center;
		background			:	#006a91 url(../images/gene/bt_bg_header.gif) top repeat-x;
		color				:	#fff;
		border-bottom		:	1px solid #0052a5;
		font-weight			:	bold;
		padding				:	4px;
	}
	
#livraisonAdress{
	border			:	none;
	border-collapse	:	collapse;
}

	#livraisonAdress td.entete{
		font-size			:	12px;
		text-align			:	center;
		background			:	#006a91 url(../images/gene/bt_bg_header.gif) top repeat-x;
		color				:	#fff;
		border-bottom		:	1px solid #0052a5;
		font-weight			:	bold;
		padding				:	4px;
	}
	
.newcompte td{padding:3px;}

	.newcompte td.label{width:160px;}

/*.btn{
	width:91px;
	height:30px;
	padding:5px;
	text-align:center;
	color:#fff;
	font-size:11px;
	border:none;
	background:url(../images/gene/bt_btn_bg.gif) no-repeat left;
	cursor:pointer;
}*/

.btn{
margin-top: 5px;
height:22px;
width:105px;
padding:0;
background-color:#000000;
border:1px solid #999999;
font-size:9px;
vertical-align:top;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
}

.cmd_btnSel,
.cmd_btn{
	float:left;
	padding:5px;
	text-align:center;
	font-weight:normal;
	border-bottom:4px solid #0052a5;
	color:#0052a5;
	font-size:13px;
}

.cmd_btn{	
	color:#3181d1;
	border-bottom:1px solid #3181d1;
}yyyy

a.disconnect{
	background:url(../images/gene/bt_connect.gif) no-repeat left;
	padding-left:18px;
}

a.connect{
	background:url(../images/gene/bt_disconnect.gif) no-repeat left;
	padding-left:18px;
}

#f_newClient label{
	width:150px;
	margin-bottom:5px;
}
#f_newClient .cmd{
	margin-bottom:5px;
}


#principal{width:550px;}
/************/


a.catalogueSuite{
	margin:0 0 0 25px;
	color:#00638a;
}

.clear{
	clear:both;
}

.erreur{
	color:#ff0000;
}

#contFoot{
	margin:0px auto;
	text-align:left;
	width:850px;

}

/**
**NEWSLETTER
**/

#coordonnee{
	float:right;
	width:232px;
	height:133px;
	padding:15px 0 0 20px;
	margin:35px 0 0 0;
	background-image:url(../images/bgNewsletter.jpg);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFF;
	font-size:11px;
}
	
	
/**
** NAVIGATION FOOTER 
**/


ul#navigationFooter{
	float:right;
	text-align:right;
	margin:38px 0 0 0;
}

	ul#navigationFooter li{
		width:200px;
		text-align:right;
		float:left;
		display:block;
		padding:0 0 0 0;
		color:#FFF;
		height:12px;
		clear:both;
		margin:10px 0 0 0;		
	}
	
		ul#navigationFooter li.borderRight{
			border-right:#FFF solid 1px;
		}
		
		ul#navigationFooter li a{
			text-align:right;
			text-decoration:none;
			color:#FFF;
		}
		
#sepFoot{
	float:right;
	background-image:url(../images/separationFooter.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:2px;
	height:125px;
	margin: 35px 50px 0 50px;
}
	
.makeDivClickable {
	height: 73px;
	width: 693px;
	overflow: hidden;
	position: absolute;
}
.posDiv {
	margin-left: 0px;
	margin-top: -3px;
}

#pub{
	background:transparent;
	margin:3px 0 0 5px;
	/*border:1px solid #CCCCCC;*/
	height:73px;
	width:693px;
	padding:0;
}


.gifSize {
	height: 73px;
	width: 693px;
}

#anim_pub{
	height: 73px;
	width: 693px;
}
/*#divInfos {
	height: 73px;
	width: 693px;
}*/