/**
* CSS
* 
* @version 1.0
* @author Damien Arnaud — Studio Tabaramounien, Bordeaux
* @client Sandrine Philippe
*/

/* GENERAL */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	 	}

a:link { text-decoration: underline; color:#000000;}
a:active { text-decoration: underline;}
a:visited { text-decoration:underline; color:#000000; }
a:hover { text-decoration: underline; color:#666666; outline:0;}

img { border: none; }



/* MENU */
.portfolio{
position:absolute;
top:5px;
right:5px;
background-image:url(../../../files/img/bt-portfolio.gif);
background-color:#CCCCCC;
}
.portfolio:hover{background-image:url(../../../files/img/bt-portfolio-on.gif);}


.menu{
position:absolute;
top:20px;
left:10px;
}

.menu span {
float:left;
background-repeat:no-repeat;
}

#works{background-image:url(../../../files/img/bt-works.gif);}
#works:hover{background-image:url(../../../files/img/bt-works-on.gif);}

#biographie{background-image:url(../../../files/img/bt-biographie.gif);}
#biographie:hover{background-image:url(../../../files/img/bt-biographie-on.gif);}

#contact{background-image:url(../../../files/img/bt-contact.gif);}
#contact:hover{background-image:url(../../../files/img/bt-contact-on.gif);}

#textes{background-image:url(../../../files/img/bt-textes.gif);}
#textes:hover{background-image:url(../../../files/img/bt-textes-on.gif);}

.logo{
position:absolute;
top:122px;
left:887px;
background-image:url(../../../files/img/logo.gif);
background-repeat:no-repeat;
}
.logo:hover{background-image:url(../../../files/img/logo-on.gif);}

/* FOOTER */
.footer{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
position:fixed;
bottom:10px;
right:15px;
background-color:#ffffff;
z-index:150;
padding:1px;
}

/* CONTENU */
#content{
position:absolute;
top:171px;
left:78px;
text-align:left;
width:990px;
height:auto;
}


/* SECTION DESSIN */
.container-3 p img {
position:absolute;
top:0px;
right:30px;
border:#e6e7e7 thin solid;
}

.container-3 .thumb-img{ /*masquer la miniature*/
position:absolute;
left:-500px;
top:0px;
}


/* SECTION VIDEO */
.video {
position:absolute;
top:0px;
right:30px;
}

.container-4 .thumb-img{ /*masquer la miniature*/
position:absolute;
left:-500px;
top:0px;
}

.presentation {
position:absolute;
top:84px;
width:290px;
text-align:justify;
line-height:15px;
}

.presentation p {
margin-bottom:5px;
}

/*PAGE INDEX*/
.miniatures{
float:left;
height:141px;
width:233px;
border:#e6e7e7 thin solid;
margin-right:10px;
margin-bottom:10px;
}

.miniatures:hover{
border:#000000 thin solid;
}

/* TITRES PAGES */
.titre{
position:absolute;
top:-49px;
left:0px;
}

/*NAVIGATION*/
.section-1 .navigation{ /* works */
position:absolute;
top:-500px;
left:-500px;
}

.section-3 .navigation { /* dessin */
position:absolute;
top:Opx;
left:232px;
width:36px;
margin:0px;
padding:0px;
}

.section-4 .navigation{ /* video */
position:absolute;
top:Opx;
left:435px;
width:36px;
margin:0px;
padding:0px;
}

/*.previous{background-image:url(../../../files/img/prev.gif); text-align:left; vertical-align:top; width:18px; height:14px;}
.previous:hover{background-image:url(../../../files/img/prev-on.gif);}

.next{background-image:url(../../../files/img/next.gif);}
.next:hover{background-image:url(../../../files/img/next-on.gif);}

.retour{background-image:url(../../../files/img/retour.gif);}
.retour:hover{background-image:url(../../../files/img/retour-on.gif);}*/

/* ACCUEIL */
.blocDessin{
position:absolute;
top:0px;
left:0px;
width:433px;
text-align:left;
}
.blocVideo{
position:absolute;
top:0px;
right:30px;
width:433px;
text-align:left;
}

.blocDessin img, .blocVideo img{
border:#ffffff thin solid;
}
.blocDessin a img:hover, .blocVideo a img:hover{
border:#000000 thin solid;
}

/* BIOGRAPHIE */
.colonne{
float:left;
position:relative;
height:auto;
width:310px;
margin-right:15px;
margin-top:35px;
line-height:15px;
text-align:left;
}
.colonne p {
margin-bottom:5px;
}

/* TEXTE*/
.menuText{
position:absolute;
top:-500px;
left:-500px;
}

.section-5 .menuText{
position:absolute;
top:35px;
left:5px;
}

.leTexte{
position:absolute;
top:35px;
left:330px;
width:290px;
text-align:justify;
line-height:15px;
}
.leTexte p {
margin-bottom:5px;
}

/*texte sélectionné */
::selection {

        background: #e6e7e7; /* Safari */

        }

::-moz-selection {

        background: #e6e7e7; /* Firefox */

}