/* GENERIQUES */

body
{
	margin: 0;
	/*background-image: url('images/divers/bande.png');
	background-repeat: repeat-x;*/
	/*background-color: #fff;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
  text-decoration: none;
}

h1,h2,h3
{
	margin: 0;
}

a:link
{
    color: #1e90ff;
    font-size: 11px;
    text-decoration: none;
}

a:visited
{
    color: #1e90ff;
    font-size: 11px;
    text-decoration: none;
}

a:hover
{
    color: #006eb1;
    font-size: 11px;
    text-decoration: underline overline;
}

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

a img
{
	border: 0px;
	vertical-align: middle;
}

input
{
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
}

input:focus
{
	border-width: 1px;
	border-style: solid;
	border-color: #0085c5;
}

select
{
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	z-index: 1;
}

select:focus
{
	border-width: 1px;
	border-style: solid;
	border-color: #0085c5;
}

div
{
	margin: 0;
}

p
{
	margin: 0;
}

hr
{
	margin: 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #808080;
}

ul
{
	list-style-type: circle;
	padding-left: 20px;
}

ul li
{
	line-height: 20px;
}

ol, li
{
	margin: 5px 0 5px 0;
}
/* FIN DES GENERIQUES */

/* ---------------------------------------------------------------------------*/

/* ID */

div#wrapper
{
	/*border: 1px solid #f00;*/
	width: 100%;
	text-align: center;
	/*width: 1000px;
	margin-left: auto;
	margin-right: auto;*/
}

		div#header
		{
			z-index: 1;
			/*border: 1px solid #f00;*/
			height: 150px;
			margin: 0 0 5px 0;
			width: 1000px;
			margin-left: auto;
			margin-right: auto;
		}
		
				div#header_top
				{
					/*border: 1px solid #f00;*/
					height: 110px;
					/*border-width: 0 0 1px 0;
					border-style: solid;
					border-color: #0065a5;*/
					background-color: #fff;
				}
				
						div#top_header_left
						{
							/*border: 1px solid #00f;*/
							/*overflow: hidden;*/
							float: left;
							width: 260px;
							height: 110px;
						}
							
						div#top_header_center
						{
							/*border: 1px solid #0f0;*/
							float: left;
							width: 540px;
							height: 110px;
						}
						
								div#menu_princ
								{
									width: 540px;
									height: 30px;
									background-color: #e4ecf5;
									border-width: 0 1px 1px 1px;
									border-style: solid;
									border-color: #e0e0e0 #d0d0d0 #c0c0c0 #d0d0d0;
									background-image: url('images/divers/bande2.gif');
									_background-image: url('images/divers/bande.png');
                  background-repeat: x-repeat;
									background-position: top left;
									display: table-cell;
									vertical-align: middle;
									color: #d0d0d0;
								}
										
										div#menu_princ span
										{
											margin: 0 8px 0 8px;
										}
										
										div#menu_princ a:link
										{
											font-weight: bold;
											color: #808080;
										}
										
										div#menu_princ a:visited
										{
											font-weight: bold;
											color: #808080;
										}
										
										div#menu_princ a:hover
										{
											font-weight: bold;
											color: #505050;
										}
										
								div#barre_rech
								{
									/*border: 1px solid #ff0;*/
									height: 80px;
									line-height: 25px;
									font-weight: bold;
									color: #0065a5;
								}
								
						div#top_header_right
						{
							/*border: 1px solid #f00;*/
							float: right;
							width: 190px;
							height: 110px;
						}
						
								div#menu_second
								{
									width: 190px;
									height: 30px;
									text-align: right;
									padding: 0 5px 0 0;
									display: table-cell;
									vertical-align: middle;
									line-height: 30px;
									/*border-width: 0 1px 1px 1px;
									border-style: solid;
									border-color: #a0a0a0;
									background-color: #e0e0e0;*/
								}
								
										div#menu_second span
										{
											margin: 0 5px 0 5px;
										}
										
										div#menu_second a:link
										{
											font-weight: bold;
											color: #006eb1;
										}
										
										div#menu_second a:visited
										{
											font-weight: bold;
											color: #006eb1;
										}
										
										div#menu_second a:hover
										{
											font-weight: bold;
											color: #0045a5;
										}
								
								div#it_login
								{
									/*border: 1px solid #f00;*/
									height: 80px;
									overflow: hidden;
									font-size: 11px;
								}
								
										div#it_login table
										{
											font-size: 11px;
											text-align: left;
										}
										
										div#erreur_login
										{
											/*position: absolute;
											z-index: 10;
											left: 1px;*/
											width: 190px;
											height: 80px;
											background-color: #fff;
											color: #dd0000;
											margin: 0 0 200px 0;
										}
				
				div#barre_infos
				{
					height: 30px;
					background-image: url('images/divers/bande2.gif');
					/*background-image: url('images/divers/barre_menu_anim2.gif');*/
					_background-image: url('images/divers/bande.png');
					/*background-repeat: x-repeat;*/
					border-width: 1px 0px 1px 0px;
					border-style: solid;
					border-color: #d0d0d0 #d0d0d0 #d0d0d0 #d0d0d0;
					color: #000;
				}
				
						div#mess_welcome
						{
							float: left;
							width: 250px;
							text-align: center;
							height: 30px;
							line-height: 15px;
						}
								
						div#titre_page
						{
							float: left;
							width: 548px;
							text-align: center;
							height: 15px;
							line-height: 15px;
							margin: 5px 0 0 0;
							/*border: 1px solid #f00;*/
						}
								
						div#nb_aff_page
						{
							float: left;
							width: 200px;
							text-align: center;
							vertical-align: middle;
							height: 15px;
							line-height: 15px;
							margin: 5px 0 0 0;
						}
									
								div#nb_aff_page select
								{
									font-size: 11px;
									vertical-align: middle;
								}
		
		div#content
		{
			z-index: 2;
			width: 980px;
			margin: 0 auto 20px auto;
			background-color: #fff;
			text-align: justify;
			border-width: 0px;
			border-style: solid;
			border-color: #0065a5;
		}
		
		div#footer
		{
			margin: 0 0 30px 0;
			z-index: 2;
			/*border: 1px solid #e0e0e0;
			background-image: url('images/divers/bande.png');
			background-repeat: repeat-x;
			background-position: center center;
			height: 30px;
			padding: 5px 0 0 0;*/
		}

div#popup
{
	border: 1px solid #000;
	height: 210px;
	width: 420px;
	position: absolute;
	top: -250px;
	left: -400px;
	display: block;
	z-index: 50;
	text-align: right;
	background-color: #fff;
}

		div#popup_gauche
		{
			width: 400px;
			height: 210px;
			float: left;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: center center;
		}
		
		div#popup_droite
		{
			width: 18px;
			height: 100%;
			float: right;
			overflow: hidden;
			border-width: 0 0 0 1px;
			border-style: solid;
			border-color: #000;
			background-color: #0065a5;
			display: table-cell;
			vertical-align: middle;
		}

div#infobulle
{
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	color: #808080;
	font-weight: bold;
	background-color: #fff5d3;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	/*max-height: 30px;*/
	padding: 2px 5px 2px 5px;
	text-align: center;
	z-index: 100;
}

div#propositions
{
	width: 200px;
	overflow: auto;
	background-color: #fff;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #a2a2a2;
	margin: 1px 0 2px 0;
	color: #000;
	font-weight: normal;
	/*position: absolute;
	top: 40px;*/
}

		div#propositions div
		{
			cursor: pointer;
		}
		
		div#propositions div:hover
		{
			cursor: pointer;
		}

div#zoom_shadow
{
	z-index: 99;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	width: 700px;
	height: 530px;
	background-color: #303030;
	filter:alpha(opacity=0); /*transparence IE*/
	opacity: 0; /*transparence Firefox*/
}

div#zoom
{
	z-index: 100;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	width: 700px;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	background-color: #606060;
	filter:alpha(opacity=0); /*transparence IE*/
	opacity: 0; /*transparence Firefox*/
}

		div#zoom_legende
		{
			/*background-color: #0065a5;*/
			background-image: url('images/divers/bande2.gif');
			_background-image: url('images/divers/bande.png');
			background-repeat: repeat-x;
			
			color: #505050;
			font-weight: bold;
			font-size: 12px;
			height: 30px;
			border-width: 0 0 1px 0;
			border-style: solid;
			border-color: #000;
			text-align: center;
		}
		
		div#zoom_left
		{
			float: left;
			background-repeat: no-repeat;
			background-position: center center;
			background-color: #303030;
			border-width: 0 1px 0 0;
			border-style: solid;
			border-color: #000;
			width: 500px;
			height: 500px;
			overflow: hidden;
		}
			
		div#zoom_right
		{
			float: right;
			background-color: #c0c0c0;
			width: 195px;
			height: 500px;
			border-width: 0 0 0 1px;
			border-style: solid;
			border-color: #000;
			text-align: center;
		}

div#mess_javascript
{
	position:fixed;
	border-width: 2px;
	border-style: solid;
	border-color: #a0a0a0;
	width: 250px;
	background-color: #f0f0f0;
	/*position: absolute;*/
	top: 30%;
	left: 40%;
	text-align: center;
	padding: 5px 2px 5px 2px;
}

#infos_admin
{
	display: block;
	overflow: hidden;
	height: 15px;
}
/* FIN DES ID */

/*----------------------------------------------------------------------------*/

/* CLASSES */

.clearBoth
{
	clear: both;
	margin: 0;
}

.bouton_gris
{
	cursor: pointer;
  background-image: url('images/divers/bouton_gris.png');
  color: #fff;
  border: 0px;
  font-size: 11px;
  font-weight: bold;
  width: 80px;
  height: 18px;
  padding: 0 0 3px 0;
  background-color: #fff;
}

.bouton_bleu
{
	cursor: pointer;
  background-image: url('images/divers/bouton_bleu.png');
  color: #fff;
  border: 0px;
  font-size: 11px;
  font-weight: bold;
  width: 80px;
  height: 18px;
  padding: 0 0 3px 0;
  background-color: #fff;
}

span.messErr
{
	color: #d00;
}

div.champ_suggest
{
	height: 20px;
	overflow: visible;
}

div.liste_suggest
{
	display: none;
	width: 200px;
	position: absolute;
}

div.first_suggest
{
	border-bottom: 1px dashed #a2a2a2;
	background-color: #e2e2e2;
}

div.cd
{
	float: left;
	width: 244px;
	height: 90px;
	margin: 0 0 20px 0;
}

		div.bandeau img
		{
			margin: 0;
			height: 50px;
		}
		
				div.bandeau img.couv1
				{
					border-width: 1px 0 1px 1px;
					border-style: solid;
					border-color: #808080;
				}
				
				div.bandeau img.couv2
				{
					border-width: 1px 0 1px 0;
					border-style: solid;
					border-color: #808080;
				}
				
				div.bandeau img.couv3
				{
					border-width: 1px 1px 1px 0;
					border-style: solid;
					border-color: #808080;
				}
		
		div.cd a
		{
			font-size: 13px;
		}
		
		div.cd a:visited
		{
			font-size: 13px;
		}
		
		div.cd a:hover
		{
			text-decoration: none;
			font-size: 13px;
		}

div.photo
{
	float: left;
	width: 244px;
	margin: 0 0 25px 0;
	text-align: center;
}

		div.miniature img
		{
			cursor: pointer;
			border: 1px solid #000;
			height: 133px;
		}

div.liens_navigation
{
	text-align: center;
	margin: 5px 0 10px 0;
}

.titre
{
	font-size: 16px;
	font-weight: bold;
	color: #0065a5;
	margin: 0 0 10px 0;
}

.petit_titre
{
	font-size: 12px;
	font-weight: bold;
	color: #0065a5;
	margin: 0 0 10px 0;
}

.format
{
	float: left;
	padding: 0 0 0 5px;
}

.prix_format
{
	float: right;
	padding: 0 5px 0 0;
}

.cd_zoom
{
	margin: 0 -4px 0 0;
	width: 64px;
	height: 43px;
}

span.simu_lien
{
	cursor: pointer;
	color: #1e90ff;
	text-decoration: none;
}

span.simu_lien:hover
{
	cursor: pointer;
	color: #006eb1;
	text-decoration: underline overline;
}

.majuscule
{
	font-size: 18px;
	font-family: Time;
	margin: 0 0 0 20px;
	color: #004585;
}

.majuscule2
{
	font-size: 18px;
	font-family: Time;
	margin: 0 0 0 0px;
	color: #004585;
}

.bloc_border_deg
{
	border: 1px solid #fff;
	background-image: url('images/divers/bg_border.png');
	background-position: top left;
	background-repeat: no-repeat;
}

.bloc_in_border_deg
{
	margin-top: 1px;
	margin-left: 1px;
	background-color: #fff;
	padding: 5px;
}

.lien_infobulle img
{
	vertical-align: middle;
	margin: 0 0 2px 0;
}

.noir
{
	color: #000;
}

.gris
{
	color: #808080;
}

.bleu
{
	color: #0065a5;
}
/* FIN DES CLASSES */