/* CSS Document */

.contenutab {text-align: left;}
.contenutab p {font-size: 100%; padding-left: 10px;}
.contenutab h2 {color: #5f2140; font-size: 120%; text-align: center; padding:10px;}
.contenutab h3 {color: #5f2140;}
.imgga {margin: 10px; float: left;}
.imgdr {margin: 10px; float: right;}
#contenu3 {width: 840px; margin-left: auto; margin-right: auto; padding:20px;}
#contenu3 p {text-align: left;}

.tableauongles {border: none; background: none;}
.tableauongles td {border: none; vertical-align: top;}

.gallerycontainer2{
margin-left: 2px;
position: relative;
height: 300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#gallerycontainer3{
margin-left: 2px;
position: relative;
height: 300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail2 img{
border: 1px solid #5f2140;
margin: 0 2px 2px 0;
text-decoration: none;
}

.gallerycontainer2 a {text-decoration: none;}

.gallerycontainer2 a img{margin-bottom: 0px;}

.thumbnail2:hover{
background-color: transparent;
text-decoration: none;

}

.thumbnail2:hover img{
border: 1px solid #5f2140;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #8e2b57;
padding: 2px;
left: -100px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -5px;
left: 120px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


#tech1 {width: 710px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; padding: 20px; padding-bottom: 0px; text-align: left;}
#tech2{width: 710px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; padding: 20px; padding-bottom: 0px; text-align: left;}
#tech3{width: 710px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; padding: 20px; padding-bottom: 0px; text-align: left;}
#tech4{width: 710px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; padding: 20px; padding-bottom: 0px; background:#990033;}
#imgtech4 {width: 150px; float:left; padding: 5px; background:#0033CC;}
#gallerycontainer4{
margin-left: 2px;
height: 300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
background:#FFCC33;
}
.imgtech {width: 150px; float:left; padding: 5px;}
.thtech1 {width: 120px; float: left; padding: 5px;}
.thtech1 a img {margin-left: 17px; margin-bottom: 5px;}
.texttech {width: 360px; float: left; padding: 10px; z-index: 1000;}
.texttech h2 {font-size: 110%; margin-left: 5px; text-align: center;}
.texttech h3 {font-size: 105%; color: #5f2140; font-style: italic; text-align: center; padding:5px;}

.texttech p {font-size: 100%;}
.italik {color: #5f2140; font-style: italic;}

.lientech {font-size: 100%; text-align: center; margin-top:30px;}


#techniciennes {width: 730px; height: auto; border: 1px solid #5f2140; margin-left: auto; margin-right: auto;}