/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu Principale
	- Menu Utilitaire
	- Contact
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body{
	behavior:url("inc/csshover.htc");
}
body#index {
	background : #000000 url(gx/bg.gif) repeat-x; 
	margin : 0; 
	padding : 0; 
	text-align : center; 
} 
body#main {
	background : #474747 url(gx/bg.gif) repeat-y; 
	margin : 0; 
	padding : 0; 
	text-align : center; 
} 
html {
	font-family : "Trebuchet MS"; 
} 
h1, h2, p, form, div, ul, li, a, img {
	margin : 0; 
	padding : 0; 
	border : 0; 
} 
h1 {
	text-transform : uppercase; 
	font-size : 30px; 
	color : #fff; 
	font-family : "Trebuchet MS"; 
} 
h2 {
	font-variant : small-caps; 
	font-size : 20px; 
	color : #fff; 
	font-family : "Trebuchet MS"; 
} 
a h2 {
	font-variant : small-caps; 
	font-size : 20px; 
	color : #fff; 
	text-decoration:none;
	font-family : "Trebuchet MS"; 
} 

h3 {
	font-size : 18px; 
	color : #f18533; 
	margin-top : 0; 
	font-family : "Trebuchet MS"; 
	margin:0;
}
a h3 {
	text-decoration:none;
	font-size : 18px; 
	color : #f18533; 
	margin-top : 0; 
	font-family : "Trebuchet MS"; 
	margin:0;
} 
h4 {
	margin : 0; 
	padding : 0; 
	line-height : 40px; 	
	text-transform : uppercase; 
	font-size : 40px; 
	color : #fff; 
	font-family : "Trebuchet MS"; 
} 
a h4{
	margin : 0; 
	text-decoration:none;
	padding : 0; 
	line-height : 40px; 	
	text-transform : uppercase; 
	font-size : 40px; 
	color : #fff; 
	font-family : "Trebuchet MS"; 
} 
div.cleaner { 
	line-height : 0;
	clear : both;
	height : 0;
	font-size : 0;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur {
	margin : 0 auto; 
	width : 792px; 
	text-align : left; 
	padding : 0; 
} 
#contenu {
	float : left; 
	text-align : left; 
	padding : 0; 
	width : 792px; 
	background : #000 url(gx/00/contenu_bg.jpg) no-repeat left bottom; 
	margin : 0; 
} 
#centreacc {
	float : left; 
	padding : 0; 
	width : 510px;
	display:block;
	margin : 20px 0 20px 10px; 
} 
#centreacc p {
	margin : 0 20px 0 0; 
} 
#centre {
	float : left; 
	padding : 20px; 
} 
#aquarium1bg {
	border : 2px solid #fff; 
	height : 99px; 
	background : url(DATA/IMGACCUEIL/1_4.jpg) no-repeat left top; 
}
#aquarium1bg:hover {
	cursor: pointer;
}
#aquarium1 {
	margin : 10px 20px 0 0; 
	float : left; 
	width : 259px; 
	height : 130px; 
} 
#aquarium2bg {
	border : 2px solid #fff; 
	height : 99px; 
}
#aquarium2bg:hover {
	cursor: pointer;
}
#aquarium2 {
	margin : 10px 0 0; 
	float : left; 
	width : 201px; 
	height : 130px; 
} 
#aquarium2trans {
	padding : 2px 0 0 5px; 
	height : 99px; 

} 
#aquarium2trans h4 {
	margin : 0 0 0 70px; 
	letter-spacing : -5px; 
} 
#aquarium3 {
	float : left; 
	margin : 30px 0 0; 
	padding : 0; 
	height : 213px; 
	width : 484px; 
	border : 2px solid #fff; 
	background : url(gx/00/aquarium3_trans.png) no-repeat left top; 
} 
#aquarium3marg {
	margin : 5px 0 0 10px; 
} 
#colright {
	float : left; 
	margin : 20px 0; 
	width : 245px; 
} 
#colright #crhaut {
	width : 241px; 
	height : 171px;  
	border : 2px solid #25748d;
} 
#colright #crmilieu {
	width : 241px; 
	height : 41px; 
	border-left : 2px solid #25748d; 
	border-right : 2px solid #25748d; 
} 
#colright #crbas {
	width : 241px; 
	height : 159px; 
	border : 2px solid #25748d; 
} 
.imgrighttxt {
	margin-left : 15px; 
} 
#header {
	background : #000; 
	width : 792px; 
	height : 175px; 
	padding : 0; 
	margin : 0; 
	float : left; 
}
a.retour, a.retour:link, a.retour:visited{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
a.retour:hover, a.retour:link:hover, a.retour:visited:hover{
	text-decoration: underline;
}

/* MENU Principale
--------------------------------------------------------------------------------------- */
#menu {
	width : 792px; 
	border-top : 1px solid #fff; 
	border-bottom : 1px solid #fff; 
	background : #dc711f; 
	height : 32px; 
	padding : 0; 
	margin : 0; 
	float : left; 
} 
#menu ul {
	padding : 0; 
	margin : 0; 
	list-style-type : none; 
} 
#menu ul li {
	padding : 0; 
	margin : 4px 0 0 0;  
	float : left; 
	color : #fff; 
	font-size : 16px; 
} 
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
	font-family : "Trebuchet MS"; 
	text-transform : uppercase; 
	height : 16px; 
	font-size : 11.4px; 
	color : #fff; 
	text-decoration : none; 
	font-weight : bold; 
	border-bottom : 1px solid #dc711f; 
	padding : 0; 
	margin : 0 5px; 
} 
#menu ul li a:hover, #menu ul li a:visited:hover {
	height : 16px; 
	border-bottom : 1px solid #ffb84b; 
} 
.champinsc {
	background-color : #b75103; 
	padding-left : 5px; 
	font-family : "Trebuchet MS"; 
	font-size : 11px; 
	width : 125px; 
	margin : 1px 0 4px 5px; 
	color : #fff; 
	border : 1px solid #fff; 
} 

.boutoninsc {
	background : url(gx/m/menuformbtn_bg.gif) no-repeat left top; 
	height : 20px; 
	width : 22px; 
	margin : 1px 0 0 10px; 
	border : none; 
	cursor: pointer;
} 
/* MENU Utilitaire
--------------------------------------------------------------------------------------- */
#menuutili {
	width : 792px; 
	border-top : 4px solid #b95b13; 
	background-color : #e0721e; 
	float : left; 
	margin : 0; 
	padding : 0; 
} 
#menuutili ul {
	padding : 0; 
	margin : 2px 0; 
	list-style-type : none; 
	float : right; 
} 
#menuutili ul li {
	padding : 0; 
	margin : 0; 
	font-family : "Trebuchet MS"; 
	font-size : 12px; 
	float : left; 
	color : #fff; 
} 
#menuutili ul li a, #menuutili ul li a:link, #menuutili ul li a:visited {
	font-family : "Trebuchet MS"; 
	font-size : 12px; 
	color : #fff; 
	text-decoration : none; 
	padding : 0; 
	margin : 0 8px; 
} 
#menuutili ul li a:hover, #menuutili ul li a:visited:hover {
	text-decoration : underline; 
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */ 
#piedPage {
	color : #cfcece; 
	height : 50px; 
	font-family : Tahoma; 
	font-size : 11px; 
	padding : 0; 
	background-color : #474747; 
	padding-top : 10px; 
} 
#piedPage a {
	color : #cfcece; 
	text-decoration : none; 
} 
#piedPage a:hover {
	text-decoration : underline; 
} 
#piedPage #copyrights {
	float : left; 
	margin : 0; 
	text-align : left; 
} 
#piedPage #copyrights a {
	text-decoration : none; 
	padding-top : 10px; 
} 
#piedPage #copyrights a:hover {
	text-decoration : underline; 
} 
#piedPage #copyrights #lienCopyrights {
	font-weight : normal; 
	text-decoration : none; 
	color : #cfcece; 
} 
#piedPage #copyrights #lienCopyrights:hover {
	font-weight : normal; 
	text-decoration : underline; 
	color : #cfcece; 
} 
/* TEXTES
--------------------------------------------------------------------------------------- */
p {
	font-size : 12px; 
	line-height : 140%; 
	color : #fff; 
	text-align : justify; 
}
td {
	font-size : 12px; 
	line-height : 140%; 
	color : #fff; 
	text-align : justify; 
} 
p strong {
	color : #fff; 
} 
#centre img {
	border : 2px solid #20697c; 
} 
#centre ul li {
	font-size : 12px; 
	line-height : 140%; 
	color : #fff; 
	list-style-type : decimal; 
	margin : 10px 0 10px 25px; 
	text-align : justify; 
} 
#centre ul li a {
	font-size : 12px; 
	line-height : 140%; 
	color : #fff; 
	text-decoration : none; 
	text-align : justify; 
} 
#centre ul li a:hover {
	text-decoration : underline; 
} 
p b {
	font-weight : bold; 
	font-size : 12px; 
	line-height : 140%; 
	color : #fff; 
} 
p a, p a:link, p a:visited {
	color : #fff; 
	font-weight:bold;
	text-decoration : none; 
} 
p a:hover, p a:visited:hover {
	color : #fff; 
	text-decoration : underline; 
} 
li.arrivage {
	list-style : square;
	font-size : 12px; 
	line-height : 140%; 
	color : #fff; 
	margin-left:15px;
	text-align : justify; 
}
td a, td a:link, td a:visited {
	color : #fff;
	font-weight:bold;
	text-decoration : none; 
} 
td a:hover, td a:visited:hover {
	color : #fff; 
	text-decoration : underline; 
} 
/* LIGHTBOX CONTROL
--------------------------------------------------------------------------------------- */
#lightbox { padding:20px 20px 5px 20px; margin-top:100px;}
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
/*#overlay img { border:none; }*/

div#overlay{

	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background:#20697c; }
/* couleur du fond tranparent */
#overlay{
	background-color: #341702; 
}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset {
	margin : 0; 
	padding : 5px; 
	width : 456px; 
	border : 1px solid #000; 
} 
fieldset label {
	font-size : 12px; 
} 
.formulaire {
	margin : 0; 
	padding : 0; 
} 
label.labelinsc{
	color: #fff;
	font-family : "Trebuchet MS"; 
	font-size:12px;
}
.champTexte {
	color : #4e677a; 
	border : 1px solid #c9d0d6; 
	background : #eef3f7; 
	margin : 0; 
	padding : 0; 
	font-size : 0.8em; 
} 
.boutonRadio {
	color : #4e677a; 
	background : #eef3f7; 
	margin : 0; 
	padding : 0; 
	font-size : 0.8em; 
} 
.menuDeroulant {
	color : #4e677a; 
	border : 1px solid #c9d0d6; 
	background : #eef3f7; 
	margin : 0; 
	padding : 0; 
	font-size : 0.8em; 
} 
.boiteTexte {
	font-family : "Trebuchet MS"; 
	font-size : 0.8em; 
	color : #4e677a; 
	border : 1px solid #c9d0d6; 
	background : #eef3f7; 
	margin : 0; 
	padding : 0; 
} 
.bouton {
	font-family : "Trebuchet MS"; 
	font-weight:bold;
	line-height : 120%; 
	height : 20px; 
	font-size : 12px; 
	color : #dc711f; 
	background-color : #fff; 
	border : 1px solid #dc711f; 
} 
.boutonImage {
	border : 0; 
} 
.caseaCocher {
	border : 0; 
	background-color : #fff; 
} 
.erreur {
	font-size : 11px; 
	color : #ff0000; 
} 

/* PRODUIT
--------------------------------------------------------------------------------------- */
#listegamme {
	width : 700px;
	height:125px;
	margin:0 0 0 20px;
	padding:10px;
	border : 1px solid #20697c;
}
#listegamme img {
	border : none;
}
h3 a {
	text-decoration:none;
}
#centre #listegamme img{
	margin-right:20px;
}

#listeproduit {
	width : 700px;
	margin:0 0 0 20px;
	padding:10px;
	border : 1px solid #fff;
	
}
#listeproduit img {
	border : none;
}
#listeproduit h3 {
	margin-bottom:0;

}
#listeproduit h1 {
	text-decoration:none;
	font-size : 18px; 
	color : #f18533; 
	margin-top : 0; 
	font-family : "Trebuchet MS"; 
	margin:0;
	margin-bottom:0;

}
#centre #listeproduit img{
	margin-right:20px;
}
#centre #listeproduit p{
	width:475px;
	float:left;
}
/*#centre h1 {
	font-variant: small-caps;
	font-size: 20px;
	color: #ffffff;
	font-family: "Trebuchet MS";
}*/
#listeproduit h4 {
	float:right;
	font-size:25px;
}
#listeproduit h3 a{
	color : #f18533; 
}
#produit {
	width : 700px;
	margin:0 0 0 20px;
	padding:10px;
	border : 1px solid #fff;
	background : url(gx/00/aquarium3_trans.png);
}
#produit img {
	border : none;
}
#produit h3 {
	margin-bottom:0;
}
#centre #produit h1 {
	font-variant: normal;
	text-transform:none;
	font-size: 18px;
	color: #f18533;
	font-family: "Trebuchet MS";
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;

}
#centre #produit img{
	margin-right:20px;
}
#produit h4 {
	float:right;
	font-size:25px;
}
.imgproduit {
	border : 1px solid #20697c;
	margin:10px;
}
table {
	margin-left:20px;
}
#centre div.Titre {
	text-transform : uppercase; 
	font-size : 30px; 
	color : #fff; 
	font-family : "Trebuchet MS"; 
	font-weight: bold;
	margin: 0px
	
	
}
h1.petitEntete {
	font-variant: small-caps;
	font-size: 20px;
	color: #ffffff;
	font-family: "Trebuchet MS";
}


/* ENVOYER A UN AMI
--------------------------------------------------------------------------------------- */

td.ami {
text-align:left;
}