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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #FFF url(gx/m/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}

html{color:#717172; font-size:11px; font-family:Arial, Verdana, Tahoma;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{color: #2594f5;font-size:22px;font-style:normal;padding:0 0 5px 0;letter-spacing:-1px; font-variant: small-caps;}
h1 em{color:#0064bb;font-style: normal;}
h1 a, h1 a:link, h1 a:visited{color:#2594f5;}
h2{color:#5e5e5e;font-size:16px;padding:0 0 5px 0;}
h3{color:#5e5e5e;font-size:14px;padding:0 0 5px 0; font-style:italic; text-align: center; text-decoration:none;}
a:hover h3, a:hover:visited h3{color:#2594f5;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{margin: 0 auto 0 auto;text-align:left;width:966px;}
#conteneurColGauche{width:220px;float:left;}
#conteneurColDroite{width:746px;float:right;}
#boiteHaut{display:block;float:left;height:72px;width:746px;}
#contenu{width:733px;float:right;display: block;}

/* Colonne de gauche */
#boiteGauche{background:url(gx/m/boiteGauche_bg.gif) repeat-y; width:220px;}
.boiteColore{float:left;display:block;margin:0 0 10px 15px;}

#boiteMembre{background:#f6fbe9;padding:0;margin:0;}
#boiteMembre p{color:#71a444; padding:0 10px 5px 10px; line-height:140%;}
#boiteMembre p strong{color:#71a444;font-size:14px;}
#boiteMembre p a, #boiteMembre p a:link, #boiteMembre p a:visited{color:#71a444; text-decoration:none;}
#boiteMembre p a:hover, #boiteMembre p a:hover:visited{text-decoration:underline;}

#boiteInfolettre{background:#f8f4e8;padding:0;margin:0;}
#boiteInfolettre p{color:#b59848;padding:0 10px 0 10px;}
#boiteInfolettre p strong{color:#b59848;font-size:14px;}

/* MENU HORIZONTAL DU HAUT
--------------------------------------------------------------------------------------- */
#menuHaut{margin:10px 0 0 0; padding:10px 0 0 0;float:right;}
#menuHaut ul{margin:0;padding:0;}
#menuHaut ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menuHaut ul li a, #menuHaut ul li a:link, #menuHaut ul li a:visited{
	background:#014c8d;
	border-right:solid 1px #0163b9;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	line-height:33px;
	padding:9px;
	text-decoration:none;
}
#menuHaut ul li a:hover, #menuHaut ul li a:visited:hover{color:#8fc8fa;}
#menuHaut ul li a.actif, #menuHaut ul li a.actif:visited{color:#d6c289;}
#menuHaut ul li a#menuHaut_Gauche{background:url(gx/m/menuHaut_gauche.gif) left center no-repeat;}
#menuHaut ul li a#menuHaut_Droite{background:url(gx/m/menuHaut_droite.gif) right center no-repeat;border:0;}

#menuHaut2{margin:10px 0 0 3px; padding:10px 0 0 0;float:right;}
#menuHaut2 ul{margin:0;padding:0;}
#menuHaut2 ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menuHaut2 ul li a, #menuHaut2 ul li a:link, #menuHaut2 ul li a:visited{
	background:#003a6c;
	border-right: solid 1px #0163b9;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 33px;
	padding: 9px;
	text-decoration: none;
}
#menuHaut2 ul li a:hover, #menuHaut2 ul li a:visited:hover{color:#8fc8fa;}
#menuHaut2 ul li a.actif, #menuHaut2 ul li a.actif:visited{color:#d6c289;}
#menuHaut2 ul li a#menuHaut2_Gauche{background:url(gx/m/menuHaut2_gauche.gif) left center no-repeat;}
#menuHaut2 ul li a#menuHaut2_Droite{background:url(gx/m/menuHaut2_droite.gif) right center no-repeat;border:0;}

/* Sous-menu */
#boiteSousMenu{background:url(gx/m/boiteGauche_bg.gif) repeat-y; width:220px;}
#boiteSousMenu #titre{background: url(gx/m/sousMenu_bg.gif) no-repeat; color:#98bc38; font-size:14px; font-weight:bold;padding:12px 0 10px 16px;}
#sousMenu{padding:5px 10px 10px 10px;margin:0;float:left;display:block;}
#sousMenu a, #sousMenu a:link, #sousMenu a:visited{color:#707070; float:left; display:block; font-size:12px; margin:0; padding:5px 5px 3px 5px; text-decoration:none; width:191px;}
#sousMenu a:hover, #sousMenu a:visited:hover{background-color:#dde9ba; color:#000;}
#sousMenu a.actif, #sousMenu a.actif:visited{background-color:#8bad2f; color:#FFF;}

/* PAGE D'ACCUEIL */
#boiteCommunaute{float:left; width:501px;}
/*#boiteCommunaute h1{color:#034f91; font-size:16px; font-weight:normal;letter-spacing:0;}*/
#boiteCommunaute p{font-size: 11px;}

/* Menu communauté Miele horizontal */
#menu{margin-bottom:10px;}
#menuComm{margin-bottom:10px; padding:0;float:left;}
#menuComm ul{margin:0;padding:0;}
#menuComm ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menuComm ul li a, #menuComm ul li a:link, #menuComm ul li a:visited{
	background:url(gx/00/menuComm_bg.gif) no-repeat;
	color: #FFF;
	display: inline;
	float:left;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	padding: 7px 0 7px 0;
	text-decoration: none;
	text-align:center;
	width:153px;
}
#menuComm ul li a:hover, #menuComm ul li a:visited:hover{color:#8fc8fa;}
#menuComm ul li a.actif, #menuComm ul li a.actif:visited{background:url(gx/00/menuComm_bg_on.gif) no-repeat;}


#fildArianne{color:#666;font-size:11px;text-align:right;font-weight:bold;height:25px; padding: 0 0 0 15px;}
#fildArianne a, #fildArianne a:link{
	color:#333;text-decoration:none;
}
#fildArianne a:hover, #fildArianne a:visited:hover{
	text-decoration:underline;
	color:#87b50d;
}
#fildArianne span.actif{
	color:#2594f5;
}


/* PAGES GÉNÉRALES */
#boiteCadreHaut{background:url(Gx/00/boiteCadreHaut_bg.gif) no-repeat;display:block; margin:14px 0 10px 0; padding:20px;}
#boiteCadreHaut a{padding:0 4px 0 4px;}

/* PAGE LISTES */
#boiteBike{width:231px;float:left;text-align:left;}

/* PAGE DÉTAIL */
.boiteCadreCouleur{background:#dddddd; display:block; float:left; margin:0 0 2px 0; padding:1px;}
.boiteCouleur{border:1px solid #FFF;height:20px;}

.boiteCadrePhoto{background:#dddddd; display:block; float:left; margin:0 2px 4px 0; padding:1px;}
.boiteCadrePhoto:hover{background:#2594f5;}
.boiteCadrePhoto img{border:1px solid #FFF;display:block;}

/* ONGLETS DÉTAIL */
#boiteOngletHaut a, #boiteOngletHaut a:link, #boiteOngletHaut:visited{
	background:url(gx/06/onglet_bg.gif) repeat-x bottom;
	color:#397fb4;
	margin:0 2px 0 0;
	float:left;
	font-size: 13px;
	font-weight: bold;
	padding:4px 20px 5px 10px;
	text-decoration: none;
}
#boiteOngletHaut a:hover, #boiteOngletHaut a:visited:hover{color:#999;text-decoration: none;}
#boiteOngletHaut a.actif{background:#e8eff5; color:#000;}

#boiteOnglet{}
.ongletPage{background:#e8eff5; padding:10px;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 170%; color: #333335;}
p strong{font-size: 14px;color: #333335;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#000; text-decoration:underline;}
ul li{font-size:12px; line-height:150%; color:#333335; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#333335; margin-left:25px;}

.lienRSS{background: url(Gx/rss.gif) no-repeat left; padding:5px 0 5px 20px;font-weight:normal;font-size:11px;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left; padding:5px 0 5px 20px;}

/* Onglet Géométrie */
#tabgeo{border-collapse:collapse; border:none; color:#000; text-align:left; font-size:11px; width:670px;}
#tabgeo td{border-bottom: 1px solid #d8d8d8; padding:6px 0 6px 0;}
#tabgeo tr.last td{border: none;}
#tabgeo .name{width: 165px;}
#tabgeo .value{padding: 0 5px 0 0; /*width: 50px;*/}	
.imggeo{margin: 6px 0 0 0;}

/* Boite actualité liste */
.actualite{list-style-type:none; width:731px;}
.actualite li{display:block; float:left; /*width:638px;*/ padding:0 9px 0 5px; margin:0; height:100%; cursor:pointer; border-bottom: 1px solid #e7e7e7;}
.actualite li:hover{background:#f6fee2; /*filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;*/ }
.actualite li:hover span{color:#fff;}
.actualite .date{float:left; width:63px; margin:6px 0; overflow:hidden;	background:none;}
.actualite .date span{width:50px; display:block; color:#FFF; text-transform:capitalize; font-weight:normal; padding:14px 0 16px 0; line-height:20px; font-size:17px; text-align:center; background:#c6d2de;}
.actualite .date strong{font-weight:normal; font-size:22px;}
.actualite .date img{display: block;}
.actualite .txt{float:right; width:650px; padding:12px 0 0 0; background:none;}

.dealer .googlemap{
	width: 330px;
	height: 215px;	
	background: transparent url(Gx/00/googlemap_bg.gif) no-repeat top left;
	float: right;
}	
.dealer .googlemap .inner{
	margin: 0 0 0 5px;
}

.dealer .googlemap .nomap{
	background: #FFF;
	text-align: center;
	width:320px;
	height:205px;
	overflow:hidden;
	line-height: 205px;}
	

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{background:url(gx/m/piedPage_bg.gif) no-repeat; color:#bdbdbd; float:left; display:block; height:60px; font-size:11px; padding:15px;}
#piedPage a{color:#bdbdbd; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#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:#bdbdbd;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#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:10px solid #FFF;}
div#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#lightbox{ background:#003a6c;} /* couleur du contour popup */
#overlay{background-color: #003a6c;} /* couleur du fond tranparent */

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #e8e8e8;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#689ec8; padding:3px;border:0;}
fieldset label{font-size: 12px; color:#666;margin:2px 0 2px 0;font-weight:bold; height:20px;}

.champTexte{background: #e3f1fc;border: 1px solid #d0e7f9;color: #689ec8;font-size: 12px;margin:2px 0 2px 0;}
.champTexteInfolettre{background: #efe4c8;border: 1px solid #e8d6a4;color: #b59848;font-size: 12px;margin:2px 0 2px 0;}
.listeDeroulante{background: #e3f1fc;border: 1px solid #d0e7f9;color: #689ec8;font-size: 12px;margin:2px 0 2px 0;}
.boiteTexte{background: #e3f1fc;border: 1px solid #d0e7f9;color: #689ec8;font-family: Arial;font-size: 12px;margin:2px 0 2px 0;}

.bouton{background: url(Gx/M/bouton_bg.gif) repeat-x top;color: #FFF;font-family: Arial;font-size: 12px;font-weight: bold;height:25px;}
.bouton:hover{background: #0157a2;} /* FF seulement */

.boutonInfolettre{background: url(Gx/M/boutonInfolettre_bg.gif) repeat-x top;color: #FFF;font-family: Arial;font-size: 12px;font-weight: bold;height:25px;}
.boutonInfolettre:hover{background: #b59848;} /* FF seulement */

.boutonLogin{background: url(Gx/M/boutonLogin_bg.gif) repeat-x top;color: #FFF;font-family: Arial;font-size: 12px;font-weight: bold;height:25px;}
.boutonLogin:hover{background: #71a444;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}