/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */

body#main{
	background: #7f8180;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #000000;
	font-size: 12px;
	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;}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{
	background:#ffffff;
	margin: 0 auto 0 auto;
	text-align:left;
	width:978px;
}

#hautPage{ background:#202020; width:978px; height:34px; }
#hautPage .contenu{ float:right; display:block; }
#hautPage ul li{ list-style:none; padding:10px 10px 9px 10px; float:left; display:block; }
#hautPage a, #hautPage a:link, #hautPage a:visited{ color:#ffffff; font-size:12px; text-decoration:none; }
#hautPage a:hover, #hautPage a.actif, #hautPage a.actif:link, #hautPage a.actif:visited, #hautPage a.actif:hover{ color:#70a32d; }

/* MENU
--------------------------------------------------------------------------------------- */
#menu{ width:242px; float:left; display:block; }
#menu .logo{ margin:30px 0 20px 7px; }
#menu ul li{ background:url(Gx/M/menu_bg.gif) no-repeat center bottom; list-style:none; width:242px; height:31px; padding: 0 0 1px 0; }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{ color:#000000; font-size:18px; text-decoration:none; background:url(Gx/M/fleche1.gif) no-repeat 10px 15px; padding: 5px 0 4px 20px; display:block; }
#menu ul li a:hover{ background:#ebf0e5 url(Gx/M/fleche1.gif) no-repeat 10px 15px; }
#menu ul li a.actif, #menu ul li a.actif:link, #menu ul li a.actif:visited, #menu ul li a.actif:hover{ color:#689330; background:url(Gx/M/fleche1.gif) no-repeat 10px 15px; }
#menu .bouton{ margin:20px 0 20px 7px; }

#sousmenu h1{ color:#cde2b2; font-size:14px; background:#527820; padding:10px 15px 10px 15px; }
#sousmenu ul li{ list-style:none; width:225px; }
#sousmenu ul li a, #sousmenu ul li a:link, #sousmenu ul li a:visited{ color:#000000; font-size:11px; font-weight:bold; text-decoration:none; width:205px; padding:10px 0 10px 20px; display:block; }
#sousmenu ul li a:hover{ background:#88b251 url(Gx/M/fleche3.gif) no-repeat 9px 14px; }
#sousmenu ul li a.actif, #sousmenu ul li a.actif:link, #sousmenu ul li a.actif:visited, #sousmenu ul li a.actif:hover{ color:#d1f0a8; background:url(Gx/M/fleche4.gif) no-repeat 9px 14px; }
#sousmenu ul li a.deconnexion, #sousmenu ul li a.deconnexion:link, #sousmenu ul li a.deconnexion:visited{ color:#d1f0a8; font-weight:normal; background:url(Gx/M/fleche2.gif) no-repeat 20px 14px; padding:10px 10px 0 32px; }
#sousmenu ul li a.deconnexion:hover{ color:#ffffff; }

/* CONTENU
--------------------------------------------------------------------------------------- */
#contenu{ width:736px; min-height: 590px; float:left; display:block; }
.simple{ background:url(Gx/M/contenu_bg.gif) repeat-y left top; } .double{ background:url(Gx/M/contenudouble_bg.gif) repeat-y left top; }
#contenu .haut{ width:736px; height:180px; }

#contenu .gauche{ background:url(Gx/M/page_bg.gif) no-repeat left bottom; min-height: 410px; padding: 20px; float:left; display:block; }
.simple .gauche{ width:696px; } .double .gauche{ width:470px; }
#contenu .gauche h1{ color:#000000; font-size:18px; margin:0 0 10px 0; }
#contenu .gauche h2{ color:#666666; font-size:14px; font-style:italic; margin:0 0 5px 0; }
#contenu .gauche h3{ color:#000000; font-size:12px; margin:0 0 5px 0; } #contenu .gauche h3 strong{ color:#666666; font-size:11px; font-weight:normal; display:block; }
#contenu .gauche .texte{ line-height:200%; }
#contenu .gauche .texte p{ margin:0 0 15px 0; }
#contenu .gauche a, #contenu .gauche a:link, #contenu .gauche a:visited{ color:#000000; } #contenu .gauche a:hover{ color:#666666; }
#contenu a.retour, #contenu a.retour:link, #contenu a.retour:visited, #contenu a.retour:hover{ text-decoration:none; background:url(Gx/M/fleche5.gif) no-repeat 0px 5px; padding: 0 0 0 12px; }
#contenu a.pdf, #contenu a.pdf:link, #contenu a.pdf:visited, #contenu a.pdf:hover{ text-decoration:none; background:url(Gx/icone_pdf.gif) no-repeat 0px 0px; padding: 2px 0 2px 20px; }
#contenu a.ppt, #contenu a.ppt:link, #contenu a.ppt:visited, #contenu a.ppt:hover{ text-decoration:none; background:url(Gx/icone_ppt.gif) no-repeat 0px 0px; padding: 2px 0 2px 20px; }
#contenu a.doc, #contenu a.doc:link, #contenu a.doc:visited, #contenu a.doc:hover{ text-decoration:none; background:url(Gx/icone_doc.gif) no-repeat 0px 0px; padding: 2px 0 2px 20px; }
#contenu a.video, #contenu a.video:link, #contenu a.video:visited, #contenu a.video:hover{ text-decoration:none; background:url(Gx/icone_vid.gif) no-repeat 0px 0px; padding: 2px 0 2px 24px; }
#contenu .gauche ul li{ list-style:none; line-height:200%; background:url(Gx/M/fleche5.gif) no-repeat 0px 10px; padding:0 0 0 10px; margin:0 0 2px 5px; }
#contenu .gauche ul li ul li, #contenu .gauche .texte ul li ul li{ font-size:11px; line-height:150%; background:none; padding:0 0 0 0; margin:0 0 2px 15px; }
#contenu .gauche ol li, #contenu .gauche ul li ol li{ list-style:decimal; line-height:200%; background:none; padding:0 0 0 0; margin:0 0 0 20px; }
#contenu .gauche ul li a, #contenu .gauche ul li a:link, #contenu .gauche ul li a:visited, #contenu .gauche ul li a:hover{ text-decoration:none; }
#contenu .gauche .imagelegende{ font-size:10px; width:200px; float:left; display:block; }
#contenu .gauche .imagelegende ol li{ line-height:100%; margin:0 0 2px 20px; }
#contenu .gauche .intro{ font-size:11px; line-height:150%; margin:5px 0 20px 0; }
#contenu .gauche .intro a, #contenu .gauche .intro a:link, #contenu .gauche .intro a:visited, #contenu .gauche .intro a:hover{ text-decoration:none; }
#contenu .gauche .erreur, #contenu .gauche .erreur a, #contenu .gauche .erreur a:link, #contenu .gauche .erreur a:visited, #contenu .gauche .erreu a:hover{ color:#ff0000; }

#contenu .droite{ width:226px; min-height: 410px; float:left; display:block; }
#contenu .droite #boite{ background:#486a1c url(Gx/M/boite_bas_bg.gif) no-repeat left bottom; width:211px; padding:0 0 10px 0; margin:10px 0 0 7px; }
#contenu .droite #boite .contenu{ background:url(Gx/M/boite_haut_bg.gif) no-repeat left top; padding:10px 10px 0 10px; }

/* ACCUEIL
--------------------------------------------------------------------------------------- */
.boutonaccueil{ width:227px; margin:0 5px 0 0; float:left; display:block; }
.nouvelleaccueil{ padding:20px 5px 20px 5px; }
.nouvelleaccueil h2{ color:#ffffff; font-size:16px; margin:0 0 10px 15px; }
.nouvelleaccueil h3{ color:#000000; font-size:12px; margin:0 0 5px 0; }
.nouvelleaccueil h3 span{ color:#ffffff; font-size:11px; font-weight:normal; display:block; }
.nouvelleaccueil .boite{ background:url(Gx/M/ligne1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:0 0 10px 0; }
.nouvelleaccueil .dernier{ background:none; padding:0 0 0 0; margin:0 0 0 0; }
.nouvelleaccueil .texte{ color:#ffffff; font-size:11px; line-height:150%; margin:0 15px 0 15px; }
.nouvelleaccueil .texte a, .nouvelleaccueil .texte a:link, .nouvelleaccueil .texte a:visited{ color:#b9d694; text-decoration:none; background:url(Gx/M/fleche2.gif) no-repeat right 5px; padding:0 8px 0 0; margin:5px 0 0 0; }
.nouvelleaccueil .texte a:hover{ color:#ffffff; }
.nouvelleaccueil .bouton{ background:#4e7220; padding:10px; margin:15px; }
.nouvelleaccueil .bouton a, .nouvelleaccueil .bouton a:link, .nouvelleaccueil .bouton a:visited{ color:#b9d694; font-size:11px; text-decoration:none; background:url(Gx/M/fleche2.gif) no-repeat 0px 5px; padding:0 0 0 8px; }
.nouvelleaccueil .bouton a:hover{ color:#ffffff; }

/* PRODUITS
--------------------------------------------------------------------------------------- */
.boutonproduit{ width:211px; height:106px; margin:0 20px 20px 0; float:left; display:block; }
#contenu .gauche .imprimer{ float:right; }
#contenu .gauche .imprimer a, #contenu .gauche .imprimer a:link, #contenu .gauche .imprimer a:visited{ color:#666666; font-size:12px; font-style:italic; text-decoration:none; background:url(Gx/02/btn_imprimer.gif) no-repeat 0px 0px; padding:0 0 0 20px; }
#contenu .gauche .imprimer a:hover{ color:#000000; }

/* DOCUMENTS
--------------------------------------------------------------------------------------- */
#contenu .gauche .document{ padding: 5px; }
#contenu .gauche .gris{ background:#cccccc; }

#contenu .droite .document h1{ color:#88b251; font-size:11px; margin:0 0 5px 0; }
#contenu .droite .document ul li{ list-style:none; margin:0 0 5px 0; }
#contenu .droite .document a, #contenu .droite .document a:link, #contenu .droite .document a:visited{ color:#000000; }
#contenu .droite .document a:hover{ color:#ffffff; }

/* BLOG
--------------------------------------------------------------------------------------- */
.menublog h1{ color:#cde2b2; font-size:14px; background:#527820; padding:10px 15px 10px 15px; }
.menublog ul li{ list-style:none; }
.menublog ul li a, .menublog ul li a:link, .menublog ul li a:visited{ color:#000000; font-size:11px; font-weight:bold; text-decoration:none; background:url(Gx/M/fleche4.gif) no-repeat 10px 10px; padding:5px 0 5px 22px; display: block; }
.menublog ul li a:hover, #contenu .menublog ul li a:hover{ color:#000000; background:#88b251 url(Gx/M/fleche3.gif) no-repeat 10px 10px; }
#contenu .menublog ul li.actif a, #contenu .menublog ul li.actif a:link, #contenu .menublog ul li.actif a:visited, #contenu .menublog ul li.actif a:hover{ color:#ffffff; background:url(Gx/M/fleche4_o.gif) no-repeat 9px 11px; padding: 5px 0 2px 22px; }
.menublog ul li ul{ display:none; } .menublog ul li.actif ul{ display:block; }
#contenu .menublog ul li.actif ul li a, #contenu .menublog ul li.actif ul li a:link, #contenu .menublog ul li.actif ul li a:visited{ color: #000000; font-weight:normal; background:none; padding:2px 0 2px 32px; }
#contenu .menublog ul li.actif ul li a:hover, #contenu .menublog ul li.actif ul li a.actif, #contenu .menublog ul li.actif ul li a.actif:link, #contenu .menublog ul li.actif ul li a.actif:visited, #contenu .menublog ul li.actif ul li a.actif:hover{ color:#ffffff; font-weight:normal; background:none; padding:2px 0 2px 32px; }

/* LOCALISATEUR
--------------------------------------------------------------------------------------- */
#map{ border:#cccccc 1px solid; width:470px; height:300px; }
.legende h1{ color:#88b251; font-size:11px; margin:0 0 5px 0; }
.legende div{ font-size:11px; font-weight:bold; padding:0 0 0 20px; margin:0 0 10px 0; }
.legende .dernier{ margin:0 0 0 0; }
.legende .type1{ background:url(Gx/logoGoogle1.png) no-repeat 0px 0px; color:#99dd40; }
.legende .type2{ background:url(Gx/logoGoogle2.png) no-repeat 0px 0px; color:#e2993a; }
.legende .type3{ background:url(Gx/logoGoogle3.png) no-repeat 0px 0px; color:#5badfa; }

/* LOGIN
--------------------------------------------------------------------------------------- */
.login{ background:url(Gx/07/boite_bas_bg.gif) no-repeat left bottom; width:250px; padding:0 0 8px 0; }
.login .contenu{ background:url(Gx/07/boite_bg.gif) repeat-y 0px 0px; }
#contenu .gauche .login h1{ color:#ffffff; font-size:12px; background:url(Gx/07/boite_haut_bg.gif) no-repeat left top; padding:8px 0 5px 15px; margin:0 0 0 0; }
.login .form{ padding:0 15px 0 15px; }
.login .form label{ font-size:11px; display:block; }
.login .form input.Input{ border:#666666 1px solid; width:200px; margin:0 0 10px 0; }
.login .form input.Bouton{ color:#ffffff; font-size:11px; font-weight:bold; border:0px; background:url(Gx/M/fleche2.gif) no-repeat 0px 5px; padding:0px 0px 0px 5px; }
#contenu .gauche .login a.boutondevenir, #contenu .gauche .login a.boutondevenir:link, #contenu .gauche .login a.boutondevenir:visited{color: #fff;padding-left: 25px;font-size: 11px;background:url(Gx/M/fleche2.gif) no-repeat 15px 5px;text-decoration: none;}
#contenu .gauche .login a.boutondevenir:hover, #contenu .gauche .login a.boutondevenir:visited:hover{text-decoration: underline;}

/* FORMULAIRE
--------------------------------------------------------------------------------------- */
#formulaire div{ width: 320px; margin: 0 20px 10px 0; float: left; display: block; }
#formulaire label{ color: #000000; margin: 0 0 2px 0; display: block; } #formulaire label em{ color:#666666; }
#formulaire input.Input, #formulaire textarea, #formulaire select{ color: #000000; font-size: 12px; font-family: Arial; border:#666666 1px solid; background:#ffffff; width: 275px; }
#formulaire .large, #formulaire .large div{ width: 615px; } #formulaire .section{ margin: 10px 20px 10px 0; }
#formulaire input.Bouton{ font-size:11px; font-weight:bold; border:#666666 1px outset; background:#689330; }

.double #formulaire div{ width:210px; }
.double #formulaire input.Input, .double #formulaire textarea, .double #formulaire select{ width: 200px; }
.double #formulaire .large, .double #formulaire .large div{ width: 430px; }

#formulaire div div{ height:16px; margin:0 0 0 0; float: none; }
#formulaire div div.valeur{ background:#cccccc; height:16px; margin: 0 5px 0 0; float: left; }
#formulaire div div.mesure{ height:16px; float: left; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{border-top:#7f8180 3px solid; background:#575757; width:938px; padding:20px 20px 0 20px; }
#piedPage ul li{ list-style:none; border-right:#b0b0b0 1px solid; padding:0 10px 0 0; margin:0 10px 0 0;float:left; display:block; }
#piedPage ul li.dernier{ border:0px; padding:0px; margin:0px; }
#piedPage ul li a, #piedPage ul li a:link, #piedPage ul li a:visited{ color:#b0b0b0; text-decoration:none; }
#piedPage ul li a:hover{ color:#dfdfdf; }
#piedPage ul.produit{ margin:5px 0 0 0; }
#piedPage ul.produit li a, #piedPage ul.produit li a:link, #piedPage ul.produit li a:visited{ color:#ffffff; text-decoration:none; }
#piedPage ul.produit li a:hover{ color:#dfdfdf; }
#piedPage .copyrights{ color:#000000; }
#piedPage .copyrights a, #piedPage .copyrights a:link, #piedPage .copyrights a:visited{ color:#000000; text-decoration:none; }
#piedPage .copyrights a:hover{ color:#333333; }

/* Partager cette page (bookmarker) */
#bookmark{ padding: 0; float: right;width: 330px;}
#socialBookmarker{ color:#ffffff; font-size:10px; }
#bookmarker a{ color:#ffffff; text-decoration:underline; }
#bookmarker a:hover{ color:#000; }