
/* Le Studio Vert : www.lestudiovert.fr*/

/* ========= MENU 1 */

#menu1 {
	width: 100%;
	background: #3F506A; 
	height: 2em;
	position: relative;
}

#menu1A {
	position: absolute;
	left: 0;
	top: 5px;
	width:360px;
}

#menu1A li a {
	border-right: 1px solid #999;
	padding-right: 5px;
	margin-left: 5px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}

#menu1A li a:hover {
	color: #ccc;
}

/* ========= MENU 1B */

#menu1B {
	right: 0;
	top: 0;
	position: absolute;
}

#menu1B ul.pictos li {
	padding: 0;
	width: 27px;
	height: 20px;
	display: inline;
	float: left;
	margin: 0 6px 0 0;
}

a.galerie {
	background: url(../IMAGES/pct_galerie.gif) no-repeat left top;
	display: block;
	width: 27px;
	height: 20px;
	text-decoration: none;
}

a:hover.galerie {
	background: url(../IMAGES/pct_galerie_over.gif) no-repeat left top;
	text-decoration: none;
}

a.localisation {
	background: url(../IMAGES/pct_localisation.gif) no-repeat left top;
	display: block;
	width: 27px;
	height: 20px;
	text-decoration: none;
}

a:hover.localisation {
	background: url(../IMAGES/pct_localisation_over.gif) no-repeat left top;
	text-decoration: none;
}

a.faq {
	background: url(../IMAGES/pct_faq.gif) no-repeat left top;
	display: block;
	width: 27px;
	height: 20px;
	text-decoration: none;
}

a:hover.faq {
	background: url(../IMAGES/pct_faq_over.gif) no-repeat left top;
	text-decoration: none;
}

a.plan {
	background: url(../IMAGES/pct_plan.gif) no-repeat left top;
	display: block;
	width: 27px;
	height: 20px;
	text-decoration: none;
}

a:hover.plan {
	background: url(../IMAGES/pct_plan_over.gif) no-repeat left top;
	text-decoration: none;
}

a.contact {
	background: url(../IMAGES/pct_contact.gif) no-repeat left top;
	display: block;
	width: 27px;
	height: 20px;
	text-decoration: none;
}

a:hover.contact {
	background: url(../IMAGES/pct_contact_over.gif) no-repeat left top;
	text-decoration: none;
}

a.aide {
	background: url(../IMAGES/pct_aide.gif) no-repeat left top;
	display: block;
	width: 27px;
	height: 20px;
	text-decoration: none;
}

a:hover.aide {
	background: url(../IMAGES/pct_aide_over.gif) no-repeat left top;
	text-decoration: none;
}

/* ========= MENU 2 */

#menu2 {
	width: 100%;
	background: #E8EEDC;
	position: relative;
	height: 2.5em;
}

#menu2A {
	display: block;
	margin-top: 0.5px;
	padding-top: 10px;
}

#menu2A li a {
	color: #1B547E;
	padding-right: 5px;
	margin-left: 5px;
	border-right: 1px solid #1B547E;
	text-decoration: none;
	font-weight: normal;
}

#menu2B {
	float: right;
	display: block;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding-top: 5px;
}

#formulaireRecherche {
	color: #1B547E;
	font-size: 11px;
}

#motclef {
	color: #006D50;
	vertical-align: middle;
	text-align: left;
	margin: 0;
	padding: 0 0 0 0.2em;
	background: #ffffff;
	border: 1px solid #ccc;
	width: 150px;
	font-size: 11px;
}

/* ========= MENU NAVIGATION */

#menuNavigation h3, #menuNavigation li.titreMenuNavigation, #menuNavigationIframe h3, #menuNavigationIframe li.titreMenuNavigation  {
	color: #990000;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
	padding-right: 10px ;
	padding-left: 5px;
	background: none;
}

#menuNavigation ul, #menuNavigationIframe ul {
	margin: 0;
	padding: 0;
}

#menuNavigation ul li, #menuNavigationIframe ul li {
	color: #333;
	list-style: none;
	margin: 6px 0 0 !important;
	padding: 0 0 0 10px !important;
	background: none !important;
	line-height: 15px;
	border-bottom-color: #c8d5af;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#menuNavigation li a, #menuNavigationIframe li a {
	display: block;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #333;
}

#menuNavigation li a:hover, #menuNavigationIframe li a:hover {
	color: #5B9331;
}

#menuNavigation ul ul, #menuNavigationIframe ul ul {
	padding: 0;
	margin: 0;
	display: none;
}

#menuNavigation ul li:hover ul, #menuNavigationIframe ul li:hover ul {
/*	 	display: block; */
}

#menuNavigation li ul li, #menuNavigationIframe li ul li {
	list-style: none;
	color: #333;
	line-height: 15px;
	margin: 0 !important;
	padding: 0.2em 0 !important;
	border-bottom: 1px dotted #ccc;
	border-left: 2px solid #ccc;
	border-top-style: none;
	border-right-style: none;
}

#menuNavigation li ul li a, #menuNavigationIframe li ul li a {
	color: #444;
	text-decoration: none;
	padding-left: 0.3em;
	font-size: 11px;
}

#menuNavigation li ul li a:hover, #menuNavigation li ul li a.menu_actif, #menuNavigationIframe li ul li a:hover, #menuNavigationIframe li ul li a.menu_actif {
	background: url(../IMAGES/menugauche_fd.gif) repeat;
	font-weight: bold;
	font-size: 12px;
	color: #5B9331;
}

#menuNavigation1 {
	padding-top: 10px;
	background-color: #BBD1A6;
	padding-bottom: 5px;
}

#menuNavigation2 {
	background: #C8D5AF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menuNavigation3 {
	background: url(../IMAGES/btn_boutique.gif) no-repeat left top;
	height: 75px;
	position: relative;
	padding: 0;
	margin: -6px 0 0;
}

#menuNavigation3 li, #menuNavigation4 li  {
	border-bottom-style: none !important;
}

#menuNavigation3 h3  {
	display: none;
}

a.btnBoutique {
	display: block;
	width: 145px;
	margin: 0;
	padding: 0;
	height: 55px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
}

#menuNavigation4 {
	background: url(../IMAGES/menugauche4.gif) no-repeat left bottom #E8EEDC;
	height: 60px;
}

#formulaireAccesIntranet {
	padding-left: 10px
}

#identifiant, #password {
	color: #006D50;
	vertical-align: middle;
	text-align: left;
	margin: 0;
	padding: 0 0 0 0.1em;
	background: #ffffff;
	border: 1px solid #ccc;
	width: 55px;
	font-size: 9px;
}

/* ========= SOUSMENU */

#sousmenu {
	display: block;
	background: #f6f8f1;
	height: 1.7em;
	padding-top: 0.7em;
	margin: 0.5em 0 1em;
	border-bottom: 1px dotted #5B9331;
}

#sousmenu ul {
	padding: 0;
	margin: 0;
	text-align: left;
}

#sousmenu ul li {
	display: inline;
	background: none !important;
	padding: 0 !important;
	list-style: none;
}

#sousmenu li a {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	margin: 0 !important;
	color: #333 !important;
	padding: 6px;
}

#sousmenu li a:hover, #sousmenu li a.actif {
	color: #fff !important;
	background: #5B9331;
}
