/* CSS Document */

body {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

.page {
text-align: left;
width: 800px;
height: 600px;
}


/*fond page*/
.fond{
position:absolute;
text-align: left;
width:775px;
height:575px;
background-image:url(images/fond.jpg);
}

/*bouton accueil*/
a.boutonaccueil:link{
width:130px; 
height:30px; 
top:90px;
left:3px;
background-image:url(images/bouton_accueil.jpg);
}

a.boutonaccueil:visited{
width:130px; 
height:30px;
top:90px;
left:3px;
background-image:url(images/bouton_accueil.jpg);
}

a.boutonaccueil:hover{
width:130px; 
height:30px; 
top:90px;
left:3px;
background-image:url(images/bouton_accueil_over.jpg);
}

.boutonaccueil{position: absolute ;}


/*bouton contact*/
a.boutoncontact:link{
width:130px; 
height:30px; 
top:125px;
left:3px;
background-image:url(images/bouton_contact.jpg);
}

a.boutoncontact:visited{
width:130px; 
height:30px;
top:125px;
left:3px;
background-image:url(images/bouton_contact.jpg);
}

a.boutoncontact:hover{
width:130px; 
height:30px; 
top:125px;
left:3px;
background-image:url(images/bouton_contact_over.jpg);
}

.boutoncontact{position: absolute ;}


/*cadre menu*/
.cadre{
position:absolute;
border:solid;
border-width:2px;
border-color:#C9B1C9;
width:254px;
height:191px;
margin-left:1px;
margin-top:186px;
}


.nosservices{
position:absolute;
text-align: left;
width:254px;
height:47px;
margin-left:0px;
background-image:url(images/nosservices.jpg);
}


.laphotographie{
position:absolute;
text-align: left;
width:247px;
height:50px;
margin-left:0px;
background-image:url(images/photographie.jpg);
}


/*menu dans le cadre*/
.menu{
position:absolute;
margin-left:0px;
margin-top:50px;
width:260px;
}


/*page index*/
a.boutonphotographie:link{
width:250px; 
height:25px; 
margin-left:2px;
background-image:url(images/bouton_photographie.jpg);
}

a.boutonphotographie:visited{
width:250px; 
height:25px;
margin-left:2px;
background-image:url(images/bouton_photographie.jpg);
}

a.boutonphotographie:hover{
width:250px; 
height:25px; 
margin-left:2px;
background-image:url(images/bouton_photographie_over.jpg);
}

.boutonphotographie{position: absolute ;}

a.boutonservice_min:link{
width:250px; 
height:20px; 
margin-left:2px;
margin-top:30px;
background-image:url(images/bouton_service_min.jpg);
}

a.boutonservice_min:visited{
width:250px; 
height:20px;
margin-left:2px;
margin-top:30px;
background-image:url(images/bouton_service_min.jpg);
}

a.boutonservice_min:hover{
width:250px; 
height:20px; 
margin-left:2px;
margin-top:30px;
background-image:url(images/bouton_service_min_over.jpg);
}

.boutonservice_min{position: absolute ;}

a.boutonimprim_ville:link{
width:250px; 
height:22px; 
margin-left:2px;
margin-top:55px;
background-image:url(images/bouton_imprimerie_ville.jpg);
}

a.boutonimprim_ville:visited{
width:250px; 
height:22px;
margin-left:2px;
margin-top:55px;
background-image:url(images/bouton_imprimerie_ville.jpg);
}

a.boutonimprim_ville:hover{
width:250px; 
height:22px; 
margin-left:2px;
margin-top:55px;
background-image:url(images/bouton_imp_ville_over.jpg);
}

.boutonimprim_ville{position: absolute ;}

a.boutonevenementiel:link{
width:250px; 
height:21px; 
margin-left:2px;
margin-top:80px;
background-image:url(images/bouton_evenementiel.jpg);
}

a.boutonevenementiel:visited{
width:250px; 
height:21px;
margin-left:2px;
margin-top:80px;
background-image:url(images/bouton_evenementiel.jpg);
}

a.boutonevenementiel:hover{
width:250px; 
height:21px; 
margin-top:80px;
margin-left:2px;
background-image:url(images/bouton_evenementiel_over.jpg);
}

.boutonevenementiel{position: absolute ;}

a.boutoninternet:link{
width:251px; 
height:20px; 
margin-left:2px;
margin-top:105px;
background-image:url(images/bouton_internet.jpg);
}

a.boutoninternet:visited{
width:251px; 
height:20px;
margin-left:2px;
margin-top:105px;
background-image:url(images/bouton_internet.jpg);
}

a.boutoninternet:hover{
width:251px; 
height:20px; 
margin-left:2px;
margin-top:105px;
background-image:url(images/bouton_internet_over.jpg);
}

.boutoninternet{position: absolute ;}


/*page photographie*/

a.boutoncitylab:link{
width:250px; 
height:25px; 
margin-left:4px;
background-image:url(images/bouton_city_lab.jpg);
}

a.boutoncitylab:visited{
width:250px; 
height:25px;
margin-left:4px;
background-image:url(images/bouton_city_lab.jpg);
}

a.boutoncitylab:hover{
width:250px; 
height:25px; 
margin-left:4px;
background-image:url(images/bouton_city_lab_over.jpg);
}

.boutoncitylab{position: absolute ;}


a.boutonlabophoto:link{
width:250px; 
height:22px; 
margin-left:4px;
margin-top:30px;
background-image:url(images/bouton_labo_photo.jpg);
}

a.boutonlabophoto:visited{
width:250px; 
height:22px;
margin-left:4px;
margin-top:30px;
background-image:url(images/bouton_labo_photo.jpg);
}

a.boutonlabophoto:hover{
width:250px; 
height:22px; 
margin-left:4px;
margin-top:30px;
background-image:url(images/bouton_labo_photo_over.jpg);
}

.boutonlabophoto{position: absolute ;}


a.boutonprisevue:link{
width:250px; 
height:21px; 
margin-left:4px;
margin-top:80px;
background-image:url(images/bouton_prise_vue.jpg);
}

a.boutonprisevue:visited{
width:250px; 
height:21px;
margin-left:4px;
margin-top:80px;
background-image:url(images/bouton_prise_vue.jpg);
}

a.boutonprisevue:hover{
width:250px; 
height:21px; 
margin-left:4px;
margin-top:80px;
background-image:url(images/bouton_prise_vue_over.jpg);
}

.boutonprisevue{position: absolute ;}


a.boutontravauxnum:link{
width:250px; 
height:43px; 
margin-left:4px;
margin-top:55px;
background-image:url(images/bouton_travaux_num.jpg);
}

a.boutontravauxnum:visited{
width:250px; 
height:43px;
margin-left:4px;
margin-top:55px;
background-image:url(images/bouton_travaux_num.jpg);
}

a.boutontravauxnum:hover{
width:250px; 
height:43px; 
margin-left:4px;
margin-top:55px;
background-image:url(images/bouton_travaux_num_over.jpg);
}

.boutontravauxnum{position: absolute ;}



/*cadre liens*/
.cadrelien{
position:absolute;
text-align:center;
margin-left:0px;
margin-top:160px;
width:254px;
}

/*lien*/
a:link {
	color: #FE2401;
	text-decoration:none;
}
a:visited {
	color: #FE2401;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:underline;
}

.lien {
text-align: center;
font-size:11px;
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif;
font-weight:bold;
color:#FE2401;
position: relative;
width:254px;
margin-left:0px;
margin-bottom:5px;
}


/*cadre bas contient adresse CDS*/
.bas{
position:absolute;
margin-left:0px;
margin-top:575px;
width:775px;
}

.textebas {
text-align:center;
font-size:9px;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#339933;
width: 775px;
height: 20px;
position: absolute;
margin-left:0px;
}


/*fond seppia page photo*/
.fondsepia{
position:absolute;
text-align:left;
width:775px;
height:575px;
background-image:url(images/fondsepia.jpg);
}


/*fond bleu page services minute*/
.fondbleu{
position:absolute;
text-align:left;
width:775px;
height:575px;
background-image:url(images/fondbleu.jpg);
}



/*texte haut page*/
.titre{
text-align:left;
font-size:16px;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#FE2401;
width: 250px;
height: 50px;
position: absolute;
margin-left:270px;
margin-top:155px;
}


/*cadre de defilement*/
.listing {
	position:absolute;
	border-right:none; 
	border-top: none; 
	overflow: auto; 
	word-spacing: normal; 
	font-size:14px; 
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align:justify;
	border-left: none; 
	width: 475px;
	height: 340px;
	border-bottom: none; 
	letter-spacing: normal;  
	margin-top:210px;
	margin-left:275px;
}



/*bouton services minute*/

a.boutonservicesminute:link{
width:250px; 
height:52px; 
margin-left:0px;
background-image:url(images/servicesminute.jpg);
}

a.boutonservicesminute:visited{
width:250px; 
height:52px;
margin-left:0px;
background-image:url(images/servicesminute.jpg);
}

a.boutonservicesminute:hover{
width:250px; 
height:52px; 
margin-left:0px;
background-image:url(images/servicesminuteover.jpg);
}

.boutonservicesminute{position: absolute ;}


/*bouton cles*/
a.boutoncle:link{
width:250px; 
height:25px; 
margin-left:4px;
margin-top:10px;
background-image:url(images/bouton_cle.jpg);
}

a.boutoncle:visited{
width:250px; 
height:25px;
margin-left:4px;
margin-top:10px;
background-image:url(images/bouton_cle.jpg);
}

a.boutoncle:hover{
width:250px; 
height:25px; 
margin-left:4px;
margin-top:10px;
background-image:url(images/bouton_cle_over.jpg);
}

.boutoncle{position: absolute ;}


/*bouton gravure*/
a.boutongravure:link{
width:250px; 
height:20px; 
margin-left:4px;
margin-top:40px;
background-image:url(images/bouton_gravure.jpg);
}

a.boutongravure:visited{
width:250px; 
height:20px;
margin-left:4px;
margin-top:40px;
background-image:url(images/bouton_gravure.jpg);
}

a.boutongravure:hover{
width:250px; 
height:20px; 
margin-left:4px;
margin-top:40px;
background-image:url(images/bouton_gravure_over.jpg);
}

.boutongravure{position: absolute ;}

/*bouton photocopie*/
a.boutonphotocopie:link{
width:250px; 
height:21px; 
margin-left:4px;
margin-top:65px;
background-image:url(images/bouton_photocopie.jpg);
}

a.boutonphotocopie:visited{
width:250px; 
height:21px;
margin-left:4px;
margin-top:65px;
background-image:url(images/bouton_photocopie.jpg);
}

a.boutonphotocopie:hover{
width:250px; 
height:21px; 
margin-left:4px;
margin-top:65px;
background-image:url(images/bouton_photocopie_over.jpg);
}

.boutonphotocopie{position: absolute ;}


/*pages imprimerie*/


/*fond vert page imprimerie ville*/
.fondvert{
position:absolute;
text-align:left;
width:775px;
height:575px;
background-image:url(images/fondvert.jpg);
}


.imprimerieville{
position:absolute;
text-align: left;
width:250px;
height:52px;
margin-left:0px;
background-image:url(images/imprimerie_ville.jpg);
}


/*bouton imprimerie*/
a.boutonimprimerie:link{
width:250px; 
height:21px; 
margin-left:4px;
margin-top:20px;
background-image:url(images/bouton_imprimerie.jpg);
}

a.boutonimprimerie:visited{
width:250px; 
height:21px;
margin-left:4px;
margin-top:20px;
background-image:url(images/bouton_imprimerie.jpg);
}

a.boutonimprimerie:hover{
width:250px; 
height:21px; 
margin-left:4px;
margin-top:20px;
background-image:url(images/bouton_imprimerie_over.jpg);
}

.boutonimprimerie{position: absolute ;}

/*bouton tampon*/
a.boutontampon:link{
width:250px; 
height:22px; 
margin-left:4px;
margin-top:70px;
background-image:url(images/bouton_tampon.jpg);
}

a.boutontampon:visited{
width:250px; 
height:22px;
margin-left:4px;
margin-top:70px;
background-image:url(images/bouton_tampon.jpg);
}

a.boutontampon:hover{
width:250px; 
height:22px; 
margin-left:4px;
margin-top:70px;
background-image:url(images/bouton_tampon_over.jpg);
}

.boutontampon{position: absolute ;}

/*bouton microed*/
a.boutonmicroed:link{
width:250px; 
height:43px; 
margin-left:4px;
margin-top:45px;
background-image:url(images/bouton_micro.jpg);
}

a.boutonmicroed:visited{
width:250px; 
height:43px;
margin-left:4px;
margin-top:45px;
background-image:url(images/bouton_micro.jpg);
}

a.boutonmicroed:hover{
width:250px; 
height:43px; 
margin-left:4px;
margin-top:45px;
background-image:url(images/bouton_micro_over.jpg);
}

.boutonmicroed{position: absolute ;}



/*pages evenementiel*/


/*fond rouge page evenementiel*/
.fondrouge{
position:absolute;
text-align:left;
width:775px;
height:575px;
background-image:url(images/fondrouge.jpg);
}


.evenementiel{
position:absolute;
text-align: left;
width:250px;
height:52px;
margin-left:0px;
background-image:url(images/evenementiel.jpg);
}



.salon{
position:absolute;
text-align: left;
width:250px;
height:22px;
margin-left:4px;
margin-top:30px;
background-image:url(images/bouton_salon.jpg);
}


/*pages internet*/


/*fond jaune page internet*/
.fondjaune{
position:absolute;
text-align:left;
width:775px;
height:575px;
background-image:url(images/fondjaune.jpg);
}


.solutioninternet{
position:absolute;
text-align: left;
width:250px;
height:52px;
margin-left:0px;
background-image:url(images/internet.jpg);
}


/*bouton developpement*/
a.boutondeveloppement:link{
width:250px; 
height:20px; 
margin-left:2px;
margin-top:30px;
background-image:url(images/bouton_developpement.jpg);
}

a.boutondeveloppement:visited{
width:250px; 
height:20px;
margin-left:2px;
margin-top:30px;
background-image:url(images/bouton_developpement.jpg);
}

a.boutondeveloppement:hover{
width:250px; 
height:20px; 
margin-left:2px;
margin-top:30px;
background-image:url(images/bouton_developpement_over.jpg);
}

.boutondeveloppement{position: absolute ;}


/*bouton hebergement*/
a.boutonhebergement:link{
width:250px; 
height:22px; 
margin-left:0px;
margin-top:60px;
background-image:url(images/bouton_hebergement.jpg);
}

a.boutonhebergement:visited{
width:250px; 
height:22px;
margin-left:0px;
margin-top:60px;
background-image:url(images/bouton_hebergement.jpg);
}

a.boutonhebergement:hover{
width:250px; 
height:22px; 
margin-left:0px;
margin-top:60px;
background-image:url(images/bouton_hebergement_over.jpg);
}

.boutonhebergement{position: absolute ;}
