body {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#48591f; z-index: 1; }

div{vertical-align:top; text-align:top;}



#contenaire{
	width:940px;
    margin-left: auto;
    margin-right: auto;	

	/* 
	position: absolute ;
	 margin: auto;
margin-left: 5px;
	margin-left: 50%;
	position: absolute; top:5px;  
	left:auto; 	margin-left:5px; */
	padding-bottom:15px;

	background-color:#ffffff ;
}


#banniere{
width:940px;
}

#lac {
width:940px; 
}

#map_vtt {
	/*
	position: absolute;
	top: 535px;
	left: 0px;
	*/
	    margin-left: auto;
    margin-right: auto; margin-top:50px ; 
	width: 940px;
	height: 450px; 
	color:black ;
	background: url(../images/boite_dialogue.jpg) no-repeat;
}

.text_map {
	padding: 20px 20px 0px 20px;
	color: #48591f ;
	font-size: 14px;
	line-height: 18px;
}

#pagegauchetete{
	width:609px;
	/* height:321 px ; */
	float:left;


}


 

#pagetext{width:580px; padding:0 10px 0 0; float:left ;}



#pathway{width:940px; height:25px; clear:both;   line-height:2.3em; font-weight:bold; background-image:url(../artpackage/pathway.gif); background-repeat:repeat-x; font-size:11px;}
#pathway a{text-decoration:none; color:#2C6A93; background-color:#FFFFFF;}  /* color:#ff9900  */
#pathway a:hover{text-decoration: underline; font-weight:bold;color:#ffbe33;}

 
#footer_gg{clear:both; width:940px; height:25px;  color:black; font-size:10px; padding:0px 0 0 0; }
#footer_gg p{text-align:center;padding:0; margin:0; color:black;}
#footer_gg a{text-decoration:none;   color:black; }
#footer_gg a:hover{text-decoration:underline; font-weight:bold;}



/* ****************************** MENU VERTICAL ********************************* */
  
#menu_vertical ul{
	padding:15px 0 0 0;
	margin:0;
	margin-left:4px ;
	list-style:none;
}
 
#menu_vertical li a{padding:0; margin:0; color:#2C6A93; background-color:inherit; text-decoration:none; }
#menu_vertical li a:hover{ font-weight:bold; text-decoration:underline; color:#ffbe33; background-color:inherit;}

.menutitre a{ display: block; background-repeat:no-repeat; height:25px; width:180px; background-position:left top; font-weight:bold; font-size:16px; text-indent:15px;padding:5px 0 0 0; color:#2C6A93!important; background-color:#FFFFFF; line-height:0.9em}
.menutitre a:hover{ text-decoration:none !important; color:#2C6a93;; background-color:#FFFFFF; }

/*  BLEU DESORMAIS -- menutitre en rouge #F92205 devenue en bleu #2C6A93  pour JCMB */
.menutitrered a{ display: block; background-repeat:no-repeat; height:25px; width:180px; background-position:left top; font-weight:bold; font-size:16px; text-indent:15px;padding:5px 0 0 0; color:#2C6A93!important; background-color:#FFFFFF; line-height:0.9em}
.menutitrered a:hover{ text-decoration:none !important; color:#ffbe33; background-color:#FFFFFF; }


.solutions a{background-image:url(../artpackage/solutions1.gif); background-repeat:no-repeat;}
.societe a{ background-image: url(../artpackage/societe1.gif); background-repeat:no-repeat;}
.temoignage a{background-image:url(../artpackage/temoignage1.gif); background-repeat:no-repeat;}
.logiciel a{background-image:url(../artpackage/logiciel1.gif); background-repeat:no-repeat;}
.materiel a{background-image:url(../artpackage/materiel1.gif); background-repeat:no-repeat;}
.services a{background-image:url(../artpackage/services1.gif); background-repeat:no-repeat;}

.solutions a:hover {background-image:url(../artpackage/solutions2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.societe a:hover { background-image: url(../artpackage/societe2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.temoignage a:hover {background-image:url(../artpackage/temoignage2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.logiciel a:hover {background-image:url(../artpackage/logiciel2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.materiel a:hover {background-image:url(../artpackage/materiel2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}
.services a:hover {background-image:url(../artpackage/services2.gif); background-repeat:no-repeat;color:#ffbe33!important; background-color:#FFFFFF;}



/* ****************************** FORMULAIRE *************************************** */
.module form{padding:0;margin:0; color:black; background-color:inherit;}
.input{  height:18px; font-size:10px; margin-bottom:5px; width:180px; color:black; background-color:inherit; border:1px solid blue;}
.textarea{  font-size:12px;  margin-bottom:5px;  color:black; background-color:inherit; border:1px solid blue;  }
.select{  height:18px; font-size:10px;  width:100px; line-height:1em;}
.chkbox{ line-height:2em; border:none; color:black;background-color:#fff;}
.bouton{background-color:#FFFFFF; color:black; border:1px solid blue; }


/* ****************************** STYLE  ********************************** */
hr{display:block; clear:both; padding:3px 0 3px 0; visibility:hidden; border:none}
br {float:none}
.rouge{color:#C40D0A; background-color:inherit; font-weight:bold; font-size:11px; text-decoration:underline;}
.rougerubisbold {color: #C40D0A; font-weight: bold;}
.rouge a {color:#C40D0A; background-color:inherit; }
.gris{color:#666666;background-color:inherit; font-weight:bold;}
.blanc{color:white;background-color:inherit; font-weight:bold;}
.noir{color:black;background-color:inherit; font-weight:bold;  font-size:16px;}
img a{border:none;}  /* de jacques ???? signification ??? */
a img{border:none;}   /* Gilles :  pas de cadre sur une image qui est un lien  */
.clear{clear:both;}

.tablenpage{margin:0; padding:0; border:none; border-collapse:collapse;}
table{width:100%; margin:0; padding:0; border:none; border-collapse:collapse;}

table p{text-align:justify;}
#pagecentre li{ line-height:1.2em; font-size:12px;padding : 0 0 4px 0; list-style-image:url(../artpackage/puce.gif); font-family:Arial, Helvetica, sans-serif }


#pagecentre ul {clear:both; padding-top: 10px; list-style-image:url(../artpackage/puce.gif); }
#pagecentre ol {clear:both; padding-top: 10px; list-style-image:decimal }


#pagecentretete {color:#666666; background-color:inherit; float:right;width:320px; height:300px ;  padding-top:15px; padding-right:5px;}
h1{ color:#7CAC29;; background-color:inherit; font-size:18px; font-weight:bold; margin:0; padding:10px 0px 5px 10px;}
h2{ clear:both; color:#7CAC29; background-color:inherit; font-size:16px; font-weight:bold;}
h3{ color:#2C6A93; background-color:inherit; font-size:14px; font-weight:bold; }
h4{ color:#2C6a93;; background-color:inherit; font-size:14px; font-weight:bold;}
h5{ color:#2C6a93;; background-color:inherit; font-size:12px; font-weight:bold;}
h6{ color:#2C6a93;; background-color:inherit; font-size:14px; font-weight:bold;}

#pagecentretete a{color:#7CAC29;; background-color:inherit; text-decoration: underline; font-style:italic; font-weight:bold; }
#pagecentretete a:hover{color:#ffbe33; background-color:inherit;}

#pagecentretete li{ line-height:1.2em; font-size:12px;padding : 0 0 4px 0; list-style-image:url(../artpackage/puce.gif); font-family:Arial, Helvetica, sans-serif; }

/* ******************************* PAGE CONTACT ********************************* */
.listeadresse{padding-left:17px; color:#666; background-color:inherit;}
.listeadresse span{padding:0; margin:0; font-size:12px; color:#2C6a93; background-color:inherit; font-weight:bold;}
.listeadresse img{border:none;}
.listadresse a img{border:none;}
.listeadresse a{color:#666; background-color:inherit;}
.listeadresse a:hover{color:#333333; background-color:inherit;}

.formcontact {color:black; background-color:inherit;}
.formcontact .input{width:240px; border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;}
.formcontact .input-etroit{width:110px; border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;}
.formcontact .area{width:240px; border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;}
.formcontact .liste{width:116px; border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;}
.formcontact .area2{border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;}
.formcontact .area-etroite{width:110px; border: 1px solid #ff0000; color:black; background-color:inherit; margin-left:10px;}