/* body, global, conteneur */

body {
	
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	 
	 background-color: #CCCCCC;


}



#global {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
	border:none;
}


/* � changer height selon la longuer voulu de la page */
#conteneur {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: none;
	
	background-image: url(images/body800.png);
	}
	
/* header */	
	
#header {
	height: 178px;
	width: 800px;
	background-repeat: no-repeat;
	background-position:  top;
	background-color: #CCCCCC;
	background-image: url(images/header800-4.png);
	margin-right:auto;
	border:none;
	margin-left: auto;
	margin-right: auto;
}

/* � changer height selon la longuer voulu de la page */
	
	

#center 
{
	height: auto;
	width: 800px;
	background-color: none;
	text-decoration: none;
	
	
	margin-left: auto;
	margin-right: auto;
	

}


/* menu de navigation */	

.boîte1 {
background-color: #FFFFFF;
margin: 2px;
float: left;
width: 100px;
text-align: center;

}
.boîte2 {
background-color: #E66BE9;
margin: 2px;
float: left;
width: 100px;
text-align: center;
}
.boîte3{
background-color: #6AF2F3;
margin: 2px;
float: left;
width: 100px;
text-align: center;
}
.boîte4 {
background-color: #00ff00;
margin: 2px;
float: left;
width: 100px;
text-align: center;
}
.boîte5 {
background-color: #6F7B9E;
margin: 2px;
float: left;
width: 100px;
text-align: center;
}
.menu {
width: 95%;
height: 20px;
background-color: #808080;
text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   0.8em;
	font-weight: normal;
	font-variant: normal;
	margin-left: auto;
	margin-right: auto;

padding-left: 2px;
background-repeat: no-repeat;

}
hr {
clear: both;
visibility: hidden;
}
/* liens menus a */
.menu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  0.8em;
	font-weight: normal;
	font-variant: normal;
	color: #4D4D4D;
	text-decoration: none;
	
}




/* liens de navigation */
#liens {
display:block;
left:908px;
position:absolute;
width:auto,
height:auto;
top:181px;
	
}




#contenu{
	height: 800px;
	width: 790px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: none;
	margin-left: auto;
	margin-right: auto;
	
}



/* premiere partie*/


/* cadre des packs*/

#partiegauche{
	margin-left: 20px;
	height: auto;
	width: 460px;
	
	float: left;
	background-color:#F9F9F9;
border: 1px solid #BCB2B2;
	
	
}

#packhaut{
	height: 54px;
	width: 450px;
	background-color: #F9F9F9;
	background-image: url(images/packshaut3.png);
	background-repeat: no-repeat;
}

#packmilieu{
	height: auto;
	width: 450px;
	background-color: #F9F9F9;
	background-image: url(images/packs1milieu.png);
	background-repeat: repeat-y;
	
}

#packbas{
	height: 20px;
	width: 450px;
	background-color: #F9F9F9;
	background-image: url(images/packs1bas.png);
	background-position: center;
	background-repeat: no-repeat;

}


/* cadre de droite travaux en cours*/

#partiedroite{
margin-right:20px;
height: 439px;
width:246px;
background-color: #FFFFFF;
float: right;
background-image: url();
}

#hautdroite{
height: 54px;
width:246px;
background-color: #FFFFFF;
background-image: url(images/hautdroit.png);
}

#milieudroite{
margin-right:10px;
height:221px;
width:246px;
background-color: #FFFFFF;

}

#piedroite{
height:164px;
width:246px;
background-color: #FFFFFF;
background-image: url(images/basdroit2.png);
}





.tab2{
	height:auto;
	width:400px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   small;
	font-weight: normal;
	font-variant: normal;	

	
}


#packecom{
height:97px;
width:95px;
background-color: #F9F9F9;
background-image: url(images/boutpack1.png);
background-repeat: no-repeat;
background-position: center;

}

#packsimple{
height:97px;
width:95px;
background-color: #F9F9F9;
background-image: url(images/boutpack3.png);
background-repeat: no-repeat;
background-position: center;
}

#packfull{
height:97px;
width:95px;
background-color: #F9F9F9;
background-image: url(images/boutpack2.png);
background-repeat: no-repeat;
background-position: center;
	
}





/* deusieme partie*/




#partiegauche2{
	margin-left:23px;
	margin-top: 15px;
	height: auto;
	width:480px;
	background-color: #F2F2F2;
	float: left;
	
}

#packhaut2{
	height: 15px;
	width: 480px;
	background-color: #F9F9F9;
	background-image: url(images/cadrehaut3.png);
	background-repeat: no-repeat;
}

#packmilieu2{
	height: 350px;
	width: 430px;
	background-color:#F2F2F2;
	background-image: ;
	background-repeat: repeat-y;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  0.8em;
	font-weight: normal;
	font-variant: normal;
	padding-left:20px;
	padding-right: 20px;
}

#packbas2{
	height: 20px;
	width: 480px;
	background-color: #F2F2F2;
	background-image: url(images/cadrebas3.png);
	background-position: bottom;
	background-repeat: no-repeat;

}

/* liens a pack milieu*/
#packmilieu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  0.8em;
	font-weight: normal;
	font-variant: normal;
	color: #4D4D4D;	
	
}

/* dcadre des partenaires*/

#partiedroite2{
margin-top:10px;
margin-right:20px;
height: 317px;
width:246px;
background-color: #FFFFFF;
float: right;
background-image: url(images/cadre2.png);
background-repeat: no-repeat;

}


#partiedroite2haut{
height: 41px;
width:246px;
}

#partiedroite2milieu{
height: 195px;
width:246px;



}

#partiedroite2bas{
height: 68px;
width:246px;
}








#titres {
font-family:verdana;
color:#FFFFFF;
margin-top:250px;
width:460px;
height:20px;
background-color:#4D4D4D;
text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  0.8em;
	font-weight: normal;
	font-variant: normal;
	
	margin-right: auto;
	margin-left: 20px;
	
}













/* footer */

#footer{
	height: 300px;
	width: 800px;
	background-image: url(images/pied800-2.png);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	
}

#msnchat{
width:auto;
height:auto;
float:right;
margin-right:20px;
margin-top:5px;
text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  0.8em;
	font-weight: normal;
	font-variant: normal;
	padding-bottom:5px;
	position:absolute;

}

#boutonskype{
float:right;
position:absolute;
margin-left:580px;
}



#skypeid{
position:absolute;
width:500px;
margin-left:310px;
}


#espclient{
float:right;
position:absolute;
margin-left:670px;
margin-top:61px;
}




