*{
	text-decoration: none;
}

.cg {
	font-family: "comic";
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.cg a:visited {
	text-decoration: none;
	color: #0055bb;
	text-shadow: 0.02em 0.04em 0.05em white;
}

.cg a:hover {
	font-size: 13px;
	text-decoration: none;
	color: white;
	text-shadow: 0.06em 0.04em 0.2em red;

}

sup { vertical-align: super; font-size: 60%; color: black;} 

.bloc {
	position: absolute;
	left: 20px;
}

.index {
	background: url('../images/fonda.png') no-repeat 0px 0px;
	width: 610px;
	height: 600px;
	position: absolute;
	top: 1px;
	left: 20%;
	right: 20%;

}

.titre1{
	background: url('../images/site_web.png') no-repeat 0px 0px;
	height: 148px;
	width: 198px;
	margin: auto;
	display: absolute;
	position: absolute;
	float: left;
	margin-left: 450px;
	top: 150px;
}

.titre {
	font-family: "comic";
	font-size: 15px;
	margin: 0px;
	color: #221111;
	font-weight: bold;
	text-shadow: 0.02em 0.04em 0.3em #777777;
	text-align: center;
	text-decoration: none;
}
.titre:hover {
	color: #555555;
}

.titre2 {
	font-family: "comic";
	font-size: 13px;
	color: #555555;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	text-decoration: none;
}
.titre2:hover {
	color: #221111;
}

.T1 {
	font-family: "comic";
	font-size: 14px;
	text-align: center;
	color: black;
	font-weight: bold;
	
}
.T1 :hover {
	color: blue;
	text-shadow: 0.06em 0.04em 0.2em white;
}

h1{
	font-family: "comic";
	font-size: 15px;
	margin: 0px;
	color: #221111;
	font-weight: bold;
	text-shadow: 0.02em 0.04em 0.3em #777777;
	text-align: center;
}

h2{
	font-family: "comic";
	font-size: 13px;
	color: #555555;
	font-weight: normal;
	text-align: center;
	margin: 0px;
}

h3{
	font-family: "comic";
	font-size: 14px;
	margin: 3px;
	color: #221111;
	font-weight: bold;
	text-align: left;
}
h3 a  {
	color: white;
	text-shadow: 0.06em 0.04em 0.2em red;
}
h4{
	font-family: "comic";
	font-size: 12px;
	margin: 0px;
	color: #555555;
	font-weight: normal;
	text-align: left;
}
h5{
	font-family: "comic";
	font-size: 13px;
	color: #555555;
	font-weight: normal;
	text-align: left;
	margin: 0px;
}

h6{
	font-family: "comic";
	font-size: 18px;
	margin: 0px;
	color: #221111;
	font-weight: bold;
	text-shadow: 0.02em 0.04em 0.3em #777777;
	text-align: left;
}

.h7{
	font-family: "comic";
	font-size: 13px;
	color: #221111;
	font-weight: normal;
	text-align: left;
	margin: 0px;
}
.devis {
	position: absolute; /* absolute : a coté du texte, de l'image */
	color: blue; /* couleur du texte apparent */
	text-decoration: none;
	font-size: 13px;
	left: 100px;
	bottom: 50px;
	z-index: 10;
	text-align: center;
}

.notes {
	position: absolute;
	top: 237px;
	margin-left: 190px;
	z-index: 12;
}	

.text {
	position: absolute;
	top: 260px;
	left: 210px;
	margin-top: 10em 0;
	z-index: 12;
}	

.bloc1 {
	position: absolute;
	top: 237px;
	margin-left: 60px;
}

.bloc2 {
	position: absolute;
	top: 237px;
	margin-left: 160px;
	z-index: 13;
}

.bouton_site {
	background: url('../images/site1.png') no-repeat top center;
	position: absolute;
	top: 123px;
	left: 73px;
	width: 131px;
	height: 18px;
	z-index: 50;
}
.bouton_site:hover {
	background: url('../images/site2.png');
	text-decoration: none; 
} 

.bouton_identite {
	background: url('../images/identite1.png') no-repeat top center;
	position: absolute;
	top: 93px;
	left: 89px;
	width: 131px;
	height: 18px;
	z-index: 50;
}
.bouton_identite:hover {
	background: url('../images/identite2.png');
	text-decoration: none; 
} 
.bouton_identite1 {
	background: url('../images/identite2.png') no-repeat top center;
	position: absolute;
	top: 95px;
	left: 88px;
	width: 131px;
	height: 18px;
	z-index: 50;
}

.bouton_photo {
	background: url('../images/photo1.png') no-repeat top center;
	position: absolute;
	top: 67px;
	left: 115px;
	width: 131px;
	height: 18px;
	z-index: 50;
}
.bouton_photo:hover {
	background: url('../images/photo2.png');
	text-decoration: none; 
} 
.bouton_photo1 {
	background: url('../images/photo2.png') no-repeat top center;
	position: absolute;
	top: 67px;
	left: 115px;
	width: 131px;
	height: 18px;
	z-index: 50;
}


.bouton_contact {
	background: url('../images/contact1.png') no-repeat top center;
	position: absolute;
	top: 178px;
	left: 418px;
	width: 131px;
	height: 18px;
	z-index: 50;
}
.bouton_contact:hover {
	background: url('../images/contact2.png');
	text-decoration: none; 
} 
.bouton_contact1 {
	background: url('../images/contact2.png') no-repeat top center;
	position: absolute;
	top: 180px;
	margin-left: 600px;
	width: 131px;
	height: 18px;
	z-index: 50;
}

.bouton_accueil {
	background: url('../images/accueil1.png') no-repeat top center;
	position: absolute;
	top: 160px;
	left: 87px;
	width: 131px;
	height: 18px;
	z-index: 50;
}
.bouton_accueil:hover {
	background: url('../images/accueil2.png');
	text-decoration: none; 
} 

.menu-lateral {
	position: absolute;
	top: 275px;
	left: 0px;
}

.vitrine {
	background: url('../images/vitrine1.png') no-repeat top center;
	position: absolute;
	bottom: 120px;
	width: 177px;
	height: 28px;
	z-index: 50;
}
.vitrine:hover {
	background: url('../images/vitrine2.png');
	text-decoration: none; 
} 
.vitrine1 {
	background: url('../images/vitrine2.png') no-repeat top center;
	position: absolute;
	bottom: 120px;
	width: 177px;
	height: 28px;
	z-index: 50;
}

.sur_mesure {
	background: url('../images/sur_mesure1.png') no-repeat top center;
	position: absolute;
	bottom: 100px;
	width: 177px;
	height: 28px;
	z-index: 50;
}
.sur_mesure:hover {
	background: url('../images/sur_mesure2.png');
	text-decoration: none; 
} 
.sur_mesure1 {
	background: url('../images/sur_mesure2.png') no-repeat top center;
	position: absolute;
	bottom: 100px;
	width: 177px;
	height: 28px;
	z-index: 50;
}

.packcom {
	background: url('../images/Pcom1.png') no-repeat top center;
	position: absolute;
	bottom: 80px;
	width: 177px;
	height: 28px;
	z-index: 50;
}
.packcom:hover {
	background: url('../images/Pcom2.png');
	text-decoration: none; 
} 
.packcom1 {
	background: url('../images/Pcom2.png') no-repeat top center;
	position: absolute;
	bottom: 80px;
	width: 177px;
	height: 28px;
	z-index: 50;
}

.classcom {
	background: url('../images/Pclasscom1.png') no-repeat top center;
	position: absolute;
	bottom: 60px;
	width: 177px;
	height: 28px;
	z-index: 50;
}
.classcom:hover {
	background: url('../images/Pclasscom2.png');
	text-decoration: none; 
} 
.classcom1 {
	background: url('../images/Pclasscom2.png') no-repeat top center;
	position: absolute;
	bottom: 60px;
	width: 177px;
	height: 28px;
	z-index: 50;
}

.refonte {
	background: url('../images/refonte1.png') no-repeat top center;
	position: absolute;
	bottom: 40px;
	width: 177px;
	height: 28px;
	z-index: 50;
}
.refonte:hover {
	background: url('../images/refonte2.png');
	text-decoration: none; 
} 
.refonte1 {
	background: url('../images/refonte2.png') no-repeat top center;
	position: absolute;
	bottom: 40px;
	width: 177px;
	height: 28px;
	z-index: 50;
}

.maj{
	background: url('../images/maj1.png') no-repeat top center;
	position: absolute;
	bottom: 20px;
	width: 177px;
	height: 28px;
	z-index: 50;
}
.maj:hover {
	background: url('../images/maj2.png');
	text-decoration: none; 
} 
.maj1 {
	background: url('../images/maj2.png') no-repeat top center;
	position: absolute;
	bottom: 20px;
	width: 177px;
	height: 28px;
	z-index: 50;
}

.real{
	background: url('../images/realisations1.png') no-repeat top center;
	position: absolute;
	bottom: 0px;
	width: 177px;
	height: 28px;
	z-index: 50;
}
.real:hover {
	background: url('../images/realisations2.png');
	text-decoration: none; 
} 
.real1 {
	background: url('../images/realisations2.png') no-repeat top center;
	position: absolute;
	bottom: 0px;
	width: 177px;
	height: 28px;
	z-index: 50;
}

.logo_marron {
	background: transparent url('../images/logo_marron2.png') no-repeat top center;
	width: 204px;
	height: 53px;
	display: inline-block;
	text-decoration: none;
	margin-left: 10px;
	z-index: 30;
}

.logo_marron:hover {
	background: url('../images/logo_marron2.png');
	text-decoration: none;
}

.legal {
	background: none;
	text-decoration: none;
	position: relative;
	margin-left: 100px;
}


.invisible {
	display: none;
}

.fancybox1 { /* partie accueil */
	display: inline-block;
	background: note;
	text-decoration: none;
} 


.map1 { /* carte en coin gauche decalé de 30 px */
	right: 8px;
	bottom: 50px;
	position: absolute;
	
	border:12px solid white;
	-moz-border-radius: 12px; /* bords arrondis */
	border-radius: 12px; /* bords arrondis */
	z-index: 90;
}


.sites {
	text-align: left;
	background: none;
	display: absolute;
	text-decoration: none;	
	z-index: 16;

}
.sites a {
	margin-left: 20px;
	margin-right: 20px;
}
.sites:hover {
	background: none;
}

	
.center {
	text-align: center;
}

.cagouille {
	display: relative;
	width: 49px;
	height: 52px;
	background: transparent url('../images/cagouille-b.png') no-repeat top center;
	position: absolute;
	float: left;
	left: 450px;
	bottom: 12px;
	z-index: 40;
}

.cagouille:hover {
	background: url('../images/cagouille-a.png') no-repeat top center;
}

.bullecag {
	width: 127px;
	height: 84px;
	background: transparent url('../images/bulle_cag-b.png') no-repeat top center;
	display: absolute;
	position: absolute;
	left: 367px;
	bottom: 50px;
	text-decoration: none;
	
	font-family: "comic";
	font-size: 0px;
	text-align: center;
	font-weight: bold;
	padding-top: 11px; 
	
}

.bullecag:hover {
	background: url('../images/bulle_cag-c.png') no-repeat top center;
	font-size: 11px;
	color: #0055bb;
	text-shadow: 0.065em 0.045em 0.25em white;
	text-decoration: none;
}

.logo1{
	background: transparent url('../images/logo_marron.png') no-repeat top center;	
	width: 227px;
	height: 142px;
	display: absolute;
	position: relative;
	left: 70px;
	top: 430px;
}
.logo1:hover {
background: transparent url('../images/logo.png') no-repeat top center;
}

.anim1 {
	position: absolute;
	left: 240px;
	top: 28px;
	text-decoration: none;
	z-index: 199;
}

.anim2 {
	position: absolute;
	right: 211px;
	top: 30px;;
}
.anim3 {
	position: absolute;
	right: 211px;
	top: 30px;
}
.animcontact {
	position: absolute;
	left: 230px;
	top: 32px;
}

a.bulle1 { /* bulle pour texte sur texte : on souligne le texte, marque point d'interrogation */
   position: absolute; /* absolute : a coté du texte, de l'image */
   color: none; /* couleur du texte apparent */
   /*font-weight: italic;  style ecriture (gras > bold, fin, italic >> italic... */
   /*font-family: Script MT Bold;
   font-size: 17px*/
   right: -3px;
   bottom: 2px;
   background: transparent url('..images/cagouille-b.png') no-repeat top center;
   width: 49px;
   height: 52px;
}


a.bulle1 span {
   display: none; /* on masque l'infobulle */
}
a.bulle1:hover {
   background: none; /* correction d'un bug IE */
   z-index: 12; /* on définit une valeur pour l'ordre d'affichage   */
}

a.bulle1:hover span { /* la bulle */
	z-index: 11;
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	bottom: 30px; /* on positionne notre infobulle */
	left: 50px;
	background: white; /* couleur dans la bulle */
	
	/* bordures de bulle */ 
	-moz-border-radius: 10px; /* bords arrondis */
	border-radius: 10px; /* bords arrondis */
	border:1px solid #0055bb;
	border-left: 1px solid #0055bb;
	border-right: 1px solid #0055bb;
	
    /*Éléments pour positionner le texte dans la bulle*/
    padding-left: 3px;
    padding-top: 3px; 
    padding-bottom: 3px;
    padding-right: 3px;
	
	/* Style du character dans la bulle */ 
	font-family: comic;  
	font-weight: normal;  
	font-style: boldc;  
	font-size: 13px;  
	color: #0055bb;
	text-shadow: 0.065em 0.045em 0.25em white; 
	text-align: center;  /*center, justify */
}