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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body{
	behavior:url("inc/csshover.htc");}	
	
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #E5E5E5 url(gx/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}
h1{
	border-bottom:8px solid #757575;
	line-height:20px;
}

h2{
	font-size: 12px;
	color: #769ED8;
	font-weight:bold;
	font-family: Arial;
	line-height:20px;
}

h3{
	font-size: 11px;
	color: #769ED8;
	font-weight:normal;
	font-family: Arial;
	border-bottom:1px dashed #818181;
	line-height:20px;
}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	background-color: #fff;
	margin: 0 auto 0 auto;
	width:760px;
	text-align:left;
}

#contenu{
	width:760px;
}

#headerbord{
	padding:0;
	margin:0;
	background-color:#5B6C86;
	width:760px;
	float:left;
	border-bottom:8px solid #304057;
}

#header{
	margin:0 15px;
	width:730px;
	height: 88px;
	background: #5B6C86 url(gx/header_bg.gif) repeat-x;
	padding:0;
}

#header a.backhome{
	float:left;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
	diplay:block;
	width:120px;
	height:52px;
	padding:0;
	margin:26px 0 0 0;
	background: url(gx/m/backhome_bg.gif) no-repeat left top;
}

#header #dessutmenu{
	float:left;
	width:610px;
	height:63px;
	background: url(gx/m/dessutmenu_bg.gif) no-repeat left 26px;
}

#header #wrappe {
	width:600px;
	float:left;
}

#formrech {
	width:760px;
	height:40px;
	float:left;
	background: #fff url(gx/formrech_bg.gif) repeat-x bottom;
}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	float:left;
	width:610px;
	padding: 0;
	margin: 0;

}
#menu ul{
	float:right;
	padding: 0;
	margin: 0 0 0 50px;
	list-style: none;

}
#menu ul li{
	float:left;
	margin: 0;
	padding: 0 5px 0 0;
}

#menu ul li a{
	float:left;
	text-decoration: none;
	margin:0;
	padding:0;
	display:block;
	height:25px;
}

/* ACCUEIL
--------------------------------------------------------------------------------------- */

a.atelier{
	float:left;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
	diplay:block;
	width:232px;
	height:175px;
	padding:0;
	margin:34px 19px 0 0;
	background: url(gx/00/atelier.gif) no-repeat left top;
}
a.produits{
	float:left;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
	diplay:block;
	width:232px;
	height:175px;
	padding:0;
	margin:34px 19px 0 0;
	background: url(gx/00/produits.gif) no-repeat left top;
}
a.speciaux{
	float:left;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
	diplay:block;
	width:232px;
	height:175px;
	padding:0;
	margin:34px 0 0 0;
	background: url(gx/00/speciaux.gif) no-repeat left top;
}

a.atelier:hover{
	cursor: pointer;
	background: url(gx/00/atelier_over.gif) no-repeat left top;
}
a.produits:hover{
	cursor: pointer;
	background: url(gx/00/produits_over.gif) no-repeat left top;
}
a.speciaux:hover{
	cursor: pointer;
	background: url(gx/00/speciaux_over.gif) no-repeat left top;
}

/* Contact
--------------------------------------------------------------------------------------- */

#map
{
	float:right;
	margin:20px 20px 0 0;
	width:400px;
	height:300px;
	
}

/* LISTE DE PRODUIT
--------------------------------------------------------------------------------------- */

a.siteweb{
	float:left;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
	diplay:block;
	width:126px;
	height:32px;
	padding:0;
	margin:0 25px;
	background: url(gx/01/btn_siteweb.gif) no-repeat left top;
}

a.siteweb:hover{
	cursor: pointer;
	background: url(gx/01/btn_siteweb_over.gif) no-repeat left top;
}
a.explose{
	float:left;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
	diplay:block;
	width:126px;
	height:32px;
	padding:0;
	margin:0 0 0 116px;
	background: url(gx/05/btn_explose.gif) no-repeat left top;
}

a.explose:hover{
	cursor: pointer;
	background: url(gx/05/btn_explose_over.gif) no-repeat left top;
}

p.effectueoui {
	padding:0 0 0 10px;
	display: block;
	margin:5px;

	background-color: #DCF697;
	font-weight:bold;
}

p.effectuenon {
	padding:0 0 0 10px;
	display: block;
	margin:5px;
	color: #939393;
	font-weight:bold;
}

.produits1 {
	padding:5px;
	border-bottom:1px dotted #818181;
	border-left:1px dotted #818181;
	border-right:1px dotted #818181;
}

.produits2 {
	border-bottom:1px dotted #818181;
	padding:5px;
}


.produits3 {
	padding:5px;
	border-bottom:1px dotted #818181;
	border-left:1px dotted #818181;
	border-right:1px dotted #818181;
}

.produits4 {
	padding:5px;
	border-bottom:1px dotted #818181;
	border-right:1px dotted #818181;
}
.produitstop1 {
	padding:5px;
	border:1px dotted #818181;
}

.produitstop2 {
	border-top:1px dotted #818181;
	border-bottom:1px dotted #818181;
	padding:5px;
}


.produitstop3 {
	padding:5px;
	border:1px dotted #818181;
}

.produitstop4 {
	padding:5px;
	border-top:1px dotted #818181;
	border-bottom:1px dotted #818181;
	border-right:1px dotted #818181;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #B2B2B2;font-family: Tahoma;font-size: 10px;padding: 0; background: #818181 url(gx/piedpage_bg.gif) repeat-x top; height:70px; }
#piedPage a{ color: #B2B2B2; text-decoration: none;}
#piedPage a:hover{ color: #B2B2B2; text-decoration: underline; }
#piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #B2B2B2;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #B2B2B2;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; font-family:arial; line-height: 140%; color: #000; text-align:justify; padding:0;}
td{font-size: 11px; font-family:arial; line-height: 140%; color: #000;}
td a, td a:link, td a:visited{color: #769ED8; text-decoration: none;}
td a:hover, td a:visited:hover{text-decoration: underline;}
p b{font-weight: bold; color: #000;}
p a, p a:link, p a:visited{color: #769ED8; text-decoration: none;}
p a:hover, p a:visited:hover{text-decoration: underline;}
p ul li{list-style: square;}

/*p:first-letter{color: green; font-size: 200%; text-transform:uppercase;}*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding: 5px; width: 456px; border:1px solid #000;}
/*fieldset legend{font-family: Arial; font-size: 14px; font-weight: bold;}*/
label{font-size: 12px;}

.formulaire{margin: 0;padding: 0;}

.motrechsub {
	width:20px;
	height:20px;
	background: url(gx/motrechsub_bg.gif) no-repeat left top;
	border:0;
	margin:6px 13px 0 5px;
	padding:0;
}

.motrechsub:hover {
	cursor: pointer;
	background: url(gx/motrechsub_bg_over.gif) no-repeat left top;
}

.champTexte{	
	color:#626262;
	font-size:9px;
	font-family:arial;
	border: 1px solid #BBBBBB;
	background: #D4D4D4;
	margin: 6px 0 0 0;
	padding: 2px 0 2px 5px;
}
.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{
	color:#626262;
	font-size:9px;
	font-family:arial;
	border: 1px solid #BBBBBB;
	background: #D4D4D4;
	margin: 0;
	padding: 0;
}
.bouton{
	background-color: #E1E9F2;
	color: #498ECB;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #498ECB;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}