html{
	height:100%;
}

body{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
	padding:0px;
	margin:0px;
	height:100%;

}

p{
padding:0;
margin:0;
}

h1{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	
}

h2{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

h3{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

h4{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.balise{
	color: #595959;
	padding:0px;
	margin:0px;
	font-weight:normal;
}

img{
	border:none;
}
.soustitre{
	font-weight:bold;
	color:#0E3C87;
}
/*Structure de page*/
#conteneur{
	text-align:center;
	padding:0px;
	margin:auto;
	background-image:url(../images/charte/tranche.jpg);
	background-repeat:repeat-y;
/*	background-color:#EAEAEA;*/
	width:997px;
}

#contenu{
	width:980px;
	margin:auto;
	text-align:justify;
}


#header{
	width:980px;
	height:90px;
}

#logo{
	width:158px;
	height:84px;
	margin-left:15px;
	padding-top:15px;
}

/*Extranet*/

#extranet{
	width:185px;
	height:25px;
	margin-left:775px;
	top:15px;
}

#extranet li {
	
	list-style:none;
	float:left;
}

#extranet li a {
	display: block;
	width: 185px;
	height: 25px;

}

#extranet .contact {
	background:url(../images/charte/btn-menu/contact.png);
	width:91px;
	height:25px;
}
#extranet .contact:hover {
	background:url(../images/charte/btn-menu/contact-b.png);
	width:91px;
	height:25px;
}

#extranet .extranet {
	background:url(../images/charte/btn-menu/extranet.png);
	width:91px;
	height:25px;
}
#extranet .extranet:hover {
	background:url(../images/charte/btn-menu/extranet-b.png);
	width:91px;
	height:25px;
}


/*Extranet 3cx*/

#extranet-3cx{
	width:728;
	height:90px;
	margin-left:5px;
	margin-top:25px;
	margin-bottom:15px;

}

/*Menu*/

#headerMenu{
	height:20px;
	width:997px;
	background-image:url(../images/charte/header-menu2.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	
}

#headerMenuGlobal{
	
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border-right:1px #FFFF08 solid;	
	margin:0px;	
	
}

.menuaccueil a{display:inline-block; height:20px; padding:0px 15px 0px 15px;   color:#FFFFFF; text-decoration:none;}
.menuconseil a{display:inline-block; height:20px; padding:0px 15px 0px 15px;   color:#FFFFFF; text-decoration:none;}
.menucommunication a{display:inline-block; height:20px;  padding:0px 15px 0px 15px;  color:#FFFFFF; text-decoration:none;}
.menudeveloppement a{display:inline-block;  height:20px; padding:0px 15px 0px 15px;   color:#FFFFFF; text-decoration:none;}
.menuequipement a{display:inline-block; height:20px; padding:0px 15px 0px 15px;    color:#FFFFFF; text-decoration:none;}
.menutelemaintenance a{display:inline-block; height:20px; padding:0px 15px 0px 15px; color:#FFFFFF; text-decoration:none;}
.menu3cx a{display:inline-block; height:20px; padding:0px 15px 0px 15px; color:#FFFFFF; text-decoration:none;}
.wavesoft a{display:inline-block; height:20px; padding:0px 15px 0px 15px; color:#FFFFFF; text-decoration:none;}


.menuaccueil a:hover{color:#FFFFFF; height:19px;  background-color:#c30b1d; line-height:15px; text-decoration:none;}
.menuconseil a:hover{color:#FFFFFF; height:19px;  background-color:#c30b1d; line-height:15px; text-decoration:none;}
.menucommunication a:hover{color:#FFFFFF;  height:19px;  background-color:#c30b1d; line-height:15px; text-decoration:none;}
.menudeveloppement a:hover{color:#FFFFFF; height:19px;  background-color:#c30b1d; line-height:15px; text-decoration:none;}
.menuequipement a:hover{color:#FFFFFF;  height:19px;  background-color:#c30b1d; line-height:15px; text-decoration:none;}
.menutelemaintenance a:hover{color:#FFFFFF;  height:19px;background-color:#c30b1d; line-height:15px; text-decoration:none;}
.menu3cx a:hover{color:#FFFFFF;  height:19px;background-color:#c30b1d; line-height:15px; text-decoration:none;}
.wavesoft a:hover{color:#FFFFFF;  height:19px;background-color:#c30b1d; line-height:15px; text-decoration:none;}
.lienmenu{
	text-decoration:none;
	color:#0E3C87;
	font-weight:bold;
}

.lienmenu a{
	text-decoration:none;
	color:#0E3C87;
	font-weight:bold;
}

.lienmenu a:hover{
	text-decoration:none;
	color:#003;
	font-weight:bold;
}

.bouton-orange{
	width:182px;
	height:28px;
	background-image:url(../images/charte/btn-orange.png);
	background-repeat:no-repeat;
	padding-left:50px;
	
}



/*carousel*/
#carousel{
	width:930px;
	height:200px;
	margin:auto;
	margin-top:15px;
}


.buttons{padding:0px;}
.buttons span{color:#eaeaea;padding:0 0px;cursor:pointer;font:1px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}



/* Sample 3*/
#box3{
	position:absolute;
	width:930px;
	height:200px;
}
#box3 span{
	display:block;
	float:left;
}



/* ********************************** */


#cont{
	width:930px;
	margin:0 auto;
	background:#fff;
	text-align:left;
	padding:20px
}


.thumbs{
	width:930px;
}
.thumbs div{
	display:block;
	width:930px;
	height:200px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}



.mask2{
	position:relative;
	width:930px;
	height:200px;
	overflow:hidden;
}


span img{
	display:block;
	border:none;
}


/*newsletter*/
#zonenews{
	width:620px;
	margin-left:30px;
	text-align:justify;
	
}


/*page*/


#zonetexte{
	width:700px;
	margin-left:15px;
	text-align:justify;
	margin-bottom:15px;
}

#titre{
	height:41px;
	margin-left:15px;
	margin-top:15px;
	
}
/*communication*/
#bloc-communication{
	margin:auto;
}
#bloc-communication a{
	border-color:#F00;
	border-bottom-style:groove;

	
}

#bloc-communication a:hover{
	border:#006;
	border-bottom-style:groove;
	
}

/*multimédia*/
.lien-multimedia a{
	color:#900;
	text-decoration:none;
}

.lien-multimedia a: hover{
	color:#009;
	text-decoration:none;
}

/*logiciel*/


#logiciel{
	text-decoration:none;
	color:#003;
}

#logiciel a{
	text-decoration:none;
	color:#003;
}

#logiciel a:hover{
	text-decoration:none;
	color:#003;
}

.logiciel{
	font-weight:bold;
	color:#900;
}

.logicielDescription{
	
	color:#003;
}



/*contact*/

#contact{
	width:730px;
}

.texteContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
}
.grosBlanc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	
}

#contenuContact{
	margin:auto;
	padding-top:3px;
	padding-left:5px;
}




/*References*/
.ref {
	list-style:none;
	list-style-image:url(../images/charte/v_puce6.png);
	margin-left:75px;
}
.ref li {
	margin-top:10px;
}

/*Plan du site*/
#plansite{
	color:#666;	
}

#plansite a{
	color:#0E3C87;
	text-decoration:none;
}

#plansite a:hover{
	color:#003;
	text-decoration:none;
}
/*Plan du site*/
#mentions{
	font-size:12px;
	margin-left:25px;
}



/*Footer*/

#footer{

	text-align:center;
	clear:both;
	background-image:url(../images/charte/tranche-footer.jpg);
	/*background-image:url(../images/charte/footer.jpg);*/
	background-repeat:repeat-y;
	width:997px;
	height:45px;
	margin:auto;
	line-height:20px;
	
}

#footer a{
	color:#FF0;	
}

.textfooter{
	color:#FFF;
	margin-left:5px;
	
	}