@charset "utf-8";
/* CSS Document */

.menu1{
font-family: 'Open Sans', sans-serif;
font-size: 0.8em;
font-weight:400;
color: #3B3B3B;
}

.menu1 a{
color: #3B3B3B;
text-decoration: none;
-webkit-transition: color 500ms; /* Safari 3.1 to 6.0 */
transition: color 500ms;
}

.menu1 a:hover{
color: #B3B3B3;
}

h1{
font-family: 'Lato', sans-serif;
font-size: 2.3em;
color: #3B3B3B;
line-height: 0.8em;
-webkit-transition: color 900ms; /* Safari 3.1 to 6.0 */
transition: color 900ms;
}

h1:hover{
color: #BABABA;
}

h2{
font-family: 'Lato', sans-serif;
font-size: 2em;
color: #fff;
line-height: 0.8em;
margin-bottom:2px;
}

p {
font-family: 'Open Sans', sans-serif;
font-size:0.8em;
color:#2B2B2B;
}

span p{
font-size:0.9em;
}

table tr td div{
width:600px;
position:relative;
}

#bottin{
position:relative;
margin-top:150px;
padding:0;
}

.bottin-specialiste-wordpress {
font-family: 'Open Sans', sans-serif;
font-size:0.8em;
color:#2B2B2B;
}

.bottin-specialiste-wordpress a{
color:#2B2B2B;
}

table tr td span{
width:300px;
top:270px;
position:absolute;
}

.web-cursor1{
cursor: pointer;
}

.web-cursor2{
cursor: pointer;
}

.web-cursor3{
cursor: pointer;
}

.web-cursor4{
cursor: pointer;
}

.specialiste-wordpress{
display:none;
height:100%;
-webkit-transition: visible 900ms; /* Safari 3.1 to 6.0 */
transition: visible 900ms;
margin:0;
padding:0;
}

.referencement{
display:none;
height:100%;
}

.hebergement{
display:none;
height:100%;
}

.infographie-graphisme{
display:none;
height:100%;
}

.web-cursor1:focus + .specialiste-wordpress{
display:block;
}

.web-cursor2:focus + .referencement{
display:block;
}

.web-cursor3:focus + .hebergement{
display:block;
}

.web-cursor4:focus + .infographie-graphisme{
display:block;
}



/*Animation */

.services1{
-webkit-animation: mymove; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 4.5s; /* Safari 4.0 - 8.0 */
animation: mymove;
animation-duration: 4.5s;
animation-delay: 700ms;
visibility:hidden;
}

.services2{
-webkit-animation: mymove; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 5.0s; /* Safari 4.0 - 8.0 */
animation: mymove;
animation-duration: 5.0s;
animation-delay: 1700ms;
visibility:hidden;
}

.services3{
-webkit-animation: mymove; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 6.0s; /* Safari 4.0 - 8.0 */
animation: mymove;
animation-duration: 6.0s;
animation-delay: 2700ms;
visibility:hidden;
}

.services4{
-webkit-animation: mymove; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 5.0s; /* Safari 4.0 - 8.0 */
animation: mymove;
animation-duration: 5.0s;
animation-delay: 3700ms;
visibility:hidden;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {color: #fff;}
    to {color: #3B3B3B;}
}

@keyframes mymove {
    from {color: #fff;}
    to {color: #3B3B3B;}
}