body{	
	background-color:#636365;
	text-align: center;
	font-family:Verdana;
}

/*-------------le cadre à bords blancs qui délimite le site---------*/
.cadre_principal{
border-width: 10px;
border-style: solid;
border-color: #fff;
width: 980px;
height: 610px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -315px; /* moitié de height + marges*/
margin-left: -500px; /* moitié de width + marges*/

}
/*------------------------le contenu du site-----------------------*/
.cadre_interne{
position : relative;
margin-left : auto;
margin-right : auto;
width: 939px;
height:550px;
text-align: center;
margin-top:20px;
border-bottom:1px solid #ffffff;
}

/*------copyright à mettre sur chaque page----------*/
.copyright{
width: 1000px;
text-align: right;
font-size:9px;
color: #000;
height: 10px;
position: absolute;
top: 50%;
left: 50%;
margin-top: 315px; /* moitié de height + marges*/
margin-left: -500px; /* moitié de width + marges*/
} 

/*------------le menu à mettre sur chaque page---------------------*/
.menu
{
margin-top : 5px;
margin-left : auto;
margin-right : auto;
width: 939px;
text-align: right;
color: #fff;
font-size:12px;
font-family:Verdana;
text-decoration:none;
word-spacing:4px;
}

.menu a:link{color:white;text-decoration:none;}
.menu a:hover{color:white;text-decoration:none;}
.menu a:visited{color:white;text-decoration:none;}
.menu a:active{color:white;text-decoration:none;}
/*-----------quelque classs pour les liens...----------------*/
a.vert:link{color:#00b400;font-weight: bold;text-decoration:none;}
a.vert:hover{color:#00b400;font-weight: bold;text-decoration:none;}
a.vert:visited{color:#00b400;font-weight: bold;text-decoration:none;}
a.vert:active{color:#00b400;font-weight: bold;text-decoration:none;}

a.noir:link{color:#000;font-weight: bold;text-decoration:none;}
a.noir:hover{color:#000;font-weight: bold;text-decoration:none;}
a.noir:visited{color:#000;font-weight: bold;text-decoration:none;}
a.noir:active{color:#000;font-weight: bold;text-decoration:none;}

.copyright a:link{color:#000;text-decoration:none;}
.copyright a:hover{color:#000;text-decoration:none;}
.copyright a:visited{color:#000;text-decoration:none;}
.copyright a:active{color:#000;text-decoration:none;}

.credit_text a:link{color:#000;text-decoration:none;}
.credit_text a:hover{color:#000;text-decoration:none;}
.credit_text a:visited{color:#000;text-decoration:none;}
.credit_text a:active{color:#000;text-decoration:none;}

/*------c'est le CSS du cadre de la page services.php----------*/
.cadres_des_ongles{
position:relative;
width:940px;
height:550px;
overflow:hidden;
cursor:default;
}

.onglets{
position:absolute;
left:0px;
top:0px;
}

.image_onglet{
width:796px;
height:550px;
border-style:none;
border-width:0px;
}

/*------c'est le CSS de la box translucide de la page services.php----------*/
.box{
position : absolute;
top:65px;
left:0px;
width:360px;
height:230px;
visibility:hidden;
overflow:hidden;
cursor:pointer;
filter:alpha(opacity=100);
opacity:1.00;
}

.box_myst{
position:absolute;
left:0px;
top:0px;
width:360px;
height:230px;
border-style:none;
background-color:#fff;
opacity: 0.70;
filter:alpha(opacity=50);
}

.text_box{
position:relative;
left:0px;
top:0px;
width:340px;
height:230px;
text-align:left;
overflow:hidden;
padding-left:10px;
padding-right:10px;
padding-top:10px;
border-style:none;
color:#000;
font-family:Verdana;
font-size:11px;
text-decoration:none;
opacity: 1.0;
filter:alpha(opacity=100);
}

.titre_box{
font-size:14px;
height:20px;
}
.corps_box{
text-align:justify;
height:150px;
}
.corps_box a:link{color:#000;text-decoration:none;}
.corps_box a:hover{color:#000;font-weight: bold;text-decoration:none;}
.corps_box a:visited{color:#000;text-decoration:none;}
.corps_box a:active{color:#000;text-decoration:none;}

.prix_box{
text-align: right;
font-size:14px;
}
.prix_box a:link{color:#000;text-decoration:none;}
.prix_box a:hover{color:#000;font-weight: bold;text-decoration:none;}
.prix_box a:visited{color:#000;text-decoration:none;}
.prix_box a:active{color:#000;text-decoration:none;}

.prix_box hr{
	color:#000000;
	background-color: #000000;
	margin-top:2px;
	margin-bottom:2px;
	height: 1px;
	border-style: none;
}

.hr_titre_box{
	color:#000000;
	background-color: #000000;
	margin-top:2px;
	margin-bottom:8px;
	height: 1px;
	border-style: none;
}

.bleu
{color:#009DE0;text-decoration:none;}

/*-------------page d'accueil---------*/
/*-------------page d'accueil avec photo de guitch et cadre blanc---------*/
.cadre_accueil{
margin-left : auto;
margin-right : auto;
border-width: 10px;
border-style: solid;
border-color: #fff;
width: 980px;
height: 610px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -315px; /* moitié de height + marges*/
margin-left: -500px; /* moitié de width + marges*/
background: url(http://www.poste-it.ch/site/images/MontageHomePage_V5.jpg) no-repeat;
}

/*---------------------------div des survols pictos----------------------------*/
.colis {position : absolute; top: 65px; left: 455px; width: 70px; height: 55px; z-index: 10;}
.train {position : absolute; top: 180px; left: 475px; width: 70px; height: 55px; z-index: 10;}
.geneve {position : absolute; top: 100px; left: 540px; width: 70px; height: 40px; z-index: 10;}
.voiture {position : absolute; top: 18px; left: 580px; width: 75px; height: 50px; z-index: 10;}
.velo {position : absolute; top: 40px; left: 700px; width: 70px; height: 55px; z-index: 10;}
.zurich {position : absolute; top: 190px; left: 745px; width: 70px; height: 40px; z-index: 10;}
.enveloppe {position : absolute; top: 120px; left: 790px; width: 60px; height: 40px; z-index: 10;}
.horloge {position : absolute; top: 5px; left: 825px; width: 70px; height: 60px; z-index: 10;}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*------div logo sur page d'accueil et contact----------*/
.logo{
position : absolute;
margin-left : auto;
margin-right : auto;
top: 475px;
left: 0px;
}
/*------div box blanche sur page d'accueil et contact----------*/
.rect_blanc{
position : absolute;
margin-left : auto;
margin-right : auto;
width: 291px;
height:170px;
top: 80px;
left: -21px;
background-color:#fff;
}

/*------text div box blanche sur page d'accueil----------*/
.text_accueil{
position:relative;
left:0px;
top:0px;
width:251px;
height:160px;
text-align:left;
overflow:hidden;
padding-left:21px;
padding-right:20px;
padding-top:10px;
padding-bottom:0px;
border-style:none;
color:#000;
font-family:Verdana;
text-decoration:none;
}

.titre_accueil{
font-size:24px;
height:95px;
padding-bottom:7px;
}
.ligne_accueil{
height:1px;	
color:#000000;
background-color: #000000;
margin-top:0px;
margin-bottom:3px;
border-style: none;
}

.corps_accueil_box{
position:relative;
height:40px;
width:251px;
}
.ville_accueil_box{
position:relative;
float: left;
font-size:14px;
height:40px;
width:130px;
}
.tel_accueil_box{
position: relative;
float: right;
text-align : right; 
font-size: 14px;
height: 40px;
width: 110px;
}

/*------text div box blanche sur page contact---------------------------------------------------------------------------------------*/
.boxtext_contact{
position:relative;
left:0px;
top:0px;
width:251px;
height:160px;
text-align:left;
padding-left:21px;
padding-right:20px;
padding-top:10px;
padding-bottom:0px;
color:#000;
font-family:Verdana;
}
.titre_contact{
position:relative;
font-size:14px;
height:25px;
padding-bottom:0px;
}
.adresse_contact{
position:relative;
font-size:11px;
height:49px;
margin-top: 3px;
padding-bottom:10px;
}
.adresseY_contact{
position:relative;
float: left;
font-size:11px;
height:49px;
margin-top: 3px;
padding-bottom:10px;
}
.adresseNE_contact{
position:relative;
float: right;
text-align : left; 
font-size:11px;
height:49px;
margin-top: 3px;
padding-bottom:10px;
}
.corps_contact_box{
position:relative;
height:40px;
width:251px;
}
.ville_contact_box{
position:relative;
float: left;
font-size:14px;
height:40px;
width:130px;
}
.tel_contact_box{
position: relative;
letter-spacing: 0.2px;
float: right;
text-align : right; 
font-size: 14px;
height: 40px;
width: 110px;
}
.mail_contact{
position:relative;
font-size:11px;
height:15px;
margin-top: 0px;
padding-bottom:0px;
color:#000;
text-decoration:none;
}
.mail_contact a:link{color:#000;text-decoration:none;}
.mail_contact a:hover{color:#000;font-weight: bold;text-decoration:none;}
.mail_contact a:visited{color:#000;text-decoration:none;}
.mail_contact a:active{color:#000;text-decoration:none;}


/*------div bigbox blanche gauche sur page partenaire et la droite idem que dans contact----------*/

.bigbox_gauche{
position: relative;
float: left;
width: 450px;
height: 535px;
background: url(http://www.poste-it.ch/site/images/BigBoxV2.jpg) no-repeat;
}
/*------div bigbox blanche sur page contact----------*/
.bigbox_droite{
position: relative;
float: right;
width: 450px;
height: 535px;
background: url(http://www.poste-it.ch/site/images/BigBoxV2.jpg) no-repeat;
}

/*------div bigbox titre sur bigbox----------*/
.bigbox_titre{
position: relative;
width: 415px;
height: 20px;
margin-top:27px;
padding-left:35px;
font-family:Verdana;
font-size:14px;
text-align : left;
}
.ligne_bigbox_titre{
position: relative;
height:1px;	
color:#000000;
background-color: #000000;
width: 380px;
margin-left:35px;
margin-right:35px;
margin-top:0px;
margin-bottom:0px;
border-style: none;
}

/*------div colonne gauche et droite dans les bigbox blanche partenaire et contact----------*/
.box_colonne{
position: relative;
height: 290px;
width: 450px;
}
.colonne_gauche{
position: relative;
float: left;
width: 215px;
height: 270px;
padding-top:20px;
padding-left:10px;
text-align : left;
font-size:11px;
font-family:Verdana;
}
.colonne_droite{
position: relative;
float: right;
width: 215px;
height: 270px;
padding-top:20px;
padding-left:10px;
text-align : left;
font-size:11px;
font-family:Verdana;
}

.colonne_gauche a:link{color:black;text-decoration:none;}
.colonne_gauche a:hover{color:black; font-weight: bold; text-decoration:none;}
.colonne_gauche a:visited{color:black;text-decoration:none;}
.colonne_gauche a:active{color:black;text-decoration:none;}

.colonne_droite a:link{color:black;text-decoration:none;}
.colonne_droite a:hover{color:black; font-weight: bold; text-decoration:none;}
.colonne_droite a:visited{color:black;text-decoration:none;}
.colonne_droite a:active{color:black;text-decoration:none;}

/*------div colonne gauche et droite dasn les bigbox blanche partenaire technique----------*/
.box_technique{
position: relative;
height: 100px;
width: 450px;
}
.technique_gauche{
position: relative;
float: left;
width: 190px;
height: 70px;
margin-top:30px;
margin-left:35px;
text-align : left;
}
.technique_gauche img {border:none;}
.technique_droite{
position: relative;
float: right;
width: 190px;
height: 70px;
margin-top:30px;
margin-left:35px;
text-align : left;
}
.technique_droite img {border:none;}
/*------div colonne gauche et droite dans les bigbox blanche references----------*/
.box_ref_top{
position: relative;
height: 70px;
width: 450px;
margin-top:15px;
}
.box_ref{
position: relative;
height: 70px;
width: 450px;
}
.ref_gauche{
position: relative;
float: left;
width: 105px;
height: 50px;
margin-top:20px;
margin-left:35px;
margin-right:85px;
text-align : center;
border: none;
}
.ref_gauche img {border:none;}
.ref_droite{
position: relative;
float: right;
width: 105px;
height: 50px;
margin-top:20px;
margin-left:35px;
margin-right:85px;
text-align : center;
}
.ref_droite img {border:none;}

/*------div news----------*/

.touteslesnews{
height: 395px;
width: 380px;
text-align : left;
font-size:11px;
}

.titre_news{
position: relative;
width: 380px;
height: 15px;
margin-top:20px;
padding-left:35px;
padding-right:35px;
font-family:Verdana;
font-weight: bold;
color:#636365;
}

.text_news{
position: relative;
width: 380px;
margin-top:5px;
padding-left:35px;
padding-right:35px;
font-family:Verdana;
}

.bleu{
color: #009DDF;
}

/*------div credit sur bigbox droite contact----------*/
.credit_titre{
position: relative;
width: 415px;
height: 10px;
margin-top:0px;
padding-left:35px;
font-family:Verdana;
font-size:11px;
text-align : left;
}
.ligne_credit{
position: relative;
top: 5px;
height:1px;	
color:#000000;
background-color: #000000;
width: 380px;
margin-left:35px;
margin-right:35px;
margin-top:0px;
margin-bottom:0px;
}
.credit_text{
position: relative;
top: 5px;
width: 415px;
height: 20px;
margin-top:0px;
padding-left:35px;
font-family:Verdana;
font-size:9px;
text-align : left;
}