body
{
	background-color:#000000;
	/*color:#cccccc;*/
	color:#2189CF;
	/*font: 12px "Times new ROMAN";*/
	font: 12px verdana;
	margin-top:0px;
}

h1 {
	font-style:italic;
	color:#0082C8;
	margin: 25px auto 5px auto;
	
}

h1 span {
	color:white;
	font-size:18px;
}

h2 {
	font-style:italic;
	color:white;
}

p {
	line-height: 20px;
}

p em {
	font-weight:bold;
}
p strong {
	color:#56ADF6;
}

a {
	color:#eaeaea;
}

#corpsSite {
	margin:0 auto 8px auto;
	padding:0;
	width:1024px;
	border-right: 1px solid #0082C8;

	background:url(../images/charte/corpsBG.gif) repeat-y 20px 0;
	background-color: black;
}

#bandeauHaut
{
	width:1024px;
	height:90px;
	background-image: url(../images/charte/bandeauHaut.png) ;
}

#bandeauHaut p {
	color:#0082C8;
	float:right;
	font-weight:lighter;
	font-style:italic;
	font-size:24px;
	margin-right:3px;
	margin-top:38px;
}

#bandeauHaut a.hexaweb
{
	display:block;
	float:left;

	width:320px;
	height:80px;
	margin-left:18px;
}

#bandeauHaut span {
	color:white;
}



#menuGauche {
	background: #0082C8 url(../images/charte/fondMenu.jpg) no-repeat ;
	width:188px;
	height:600px;
	float:left;
	margin: 0 auto 0 21px;
	padding-top:15px;
	
}

#menuGauche ul
{
	//border: 1px solid #ffffff;
	list-style-type:none;
	padding-left:0;
}

#menuGauche li {
	margin-bottom:6px;
}

#menuGauche li a
{
	height:21px;
	border:none;
	text-decoration:none;
	display:block;
	color:#cccccc;
	font-style:italic;
	padding-left:56px;
	padding-top:9px;
	font-weight:bold;
	font-style:italic;
}

#menuGauche a#menuRouge
{
	background:url(../images/charte/menuRouge.png) no-repeat left -30px;
}

#menuGauche a#menuVert
{
	background:url(../images/charte/menuVert.png) no-repeat left -30px;
}
#menuGauche a#menuBleu
{
	background:url(../images/charte/menuBleu.png) no-repeat left -30px;
}

#menuGauche a:hover
{
	color:white;
}

#menuGauche a#menuRouge:hover
{
	color:red;
	background-position: left 0;
}

#menuGauche a#menuVert:hover
{
	color:green;
	background-position: left 0;
}
#menuGauche a#menuBleu:hover
{
	background-position: left 0;
	color:#2244ff;
}

#contenu {
	width:805px;
	float:left;
	padding-left:5px;
	padding-right: 5px;
	padding-bottom:18px;
}

#footer
{
	height:20px;
	text-align: right;
	padding-right: 8px;
	background: url(../images/charte/footer.png) no-repeat 21px 0px;
	font-weight:bold;
	padding-top:3px;

}

#footer a {
	color:yellow;
}

#footer a:hover{
	color:#ff9f22;
}


ul.floatEncart {
	list-style-type:none;
	padding-left:16px;
}

ul.floatEncart h2
{
	font-style: normal;
	font-weight:lighter;
	font-size:16px;
	color:#c0c0c0;
}

ul.floatEncart li {
	float: left; 
	position:relative;
	width:168px;
	margin-left:5px;
	margin-right:24px;
}

.red {
	color:red;
}
.green {
	color:#009900;
}

.blue {
	color:#2244ff;
}

.pack {
	margin: 8px 15px 0 37px;
	width: 350px;
	min-height: 140px;
	float:left;
	/*text-align:justify;*/
}

.pack img {
	width:57px;
	height:53px;
	margin: 1px 3px 2px 1px;
}

.pack h3 {
	margin: 1px 0 1px 0;
	/*font-style:italic;*/
}

.pack li {
	margin-top:4px;
}
.packRouge {
	background:url(../images/charte/packRouge2.png) no-repeat 1px 1px;
}
.packRouge h3 {
	color:#FF3C53;
}

.packRouge ul {
	list-style:circle #ff0000;
	
}

.packVert {
	background:url(../images/charte/packVert2.png) no-repeat 1px 1px;
}

.packVert h3 {
	color:#009662;
}

.packBleu h3
{
	color:#666AFF;
}

.formContact
{
	width: 650px;
	border:1px solid #282828;
	margin:0 auto;
	
}

.formContact label{
	display:block;
	float:left;
	width:140px;
}

.formContact input, .formContact select, .formContact textarea
{
	background-color: #131313;
	border:1px solid #333333;
	color:yellow;
	font-family: Arial;
	margin-bottom:3px;
}

.formContact .nomargin { margin-left:4px;}

.formContact hr {
	height:1px;
	border:none;
	background-color:#333333;
	margin: 12px 15% 12px 7%;
}