/* CSS Document */


/* START of CSS Code from http://scott.sauyet.name/CSS/Demo/FooterDemo.css */


html, body, {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

td img {display: block;}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

/* END of CSS Code from http://scott.sauyet.name/CSS/Demo/FooterDemo.css > read their explanation at http://scott.sauyet.name/CSS/Demo/FooterDemo1.html <  Ty, guys !*/









body{
margin: 0px;
background-position:left;
background-repeat:repeat-y;
SCROLLBAR-face-color: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#CCCCCC;
SCROLLBAR-SHADOW-COLOR: #CCCCCC;
SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #CCCCCC;
SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC;}

*{

SCROLLBAR-face-color: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;}



/* -------------------------------------------------ID DIVs start here----------------------------------------------- */


/* -------------------DIV GLOBAL starts here */
#global{
position:absolute;
top:20px;
left:50%;
width:800px;
margin-left:-400px;
padding:0px;
}

.side{
height:100%;
width:10%;
background-color:#CCCCCC;
float:left;}
/* -------------------DIV GLOBAL ends here */



/* -------------------DIV NAVI starts here */

#navi{
position:relative;
background-color:#FFFFFF;
height:100px;
width:800px;
margin-top:20px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
border:#CCCCCC solid 1px;
}


ul, li{
list-style-type:none;
margin:0;
padding:0;
}

ul{
position:absolute;
left:0px;;
top:0px;
background:transparent url(images/navi_/navi_css_background_2.jpg) top left no-repeat; 
height:100px;
width:800px;
text-align:left;
}

li{
display:block;
float:left;
}

li a{
	display:block;
	left:-5000px;
	top:-5000px;
	text-indent:-5000px;
	height:100px;
	line-height:100px;
	color:#999999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}


a#lien1 {
width:70px;
}

a#lien2{
width:100px;
}

a#lien3{
width:70px;

}

a#lien4{
width:110px;

}

a#lien5{
width:140px;

}

a#lien6{
width:80px;

}

a#lien7{
width:60px;

}

a#lien8{
width:80px;

}

a#lien9{
width:90px;
}




li a:hover{
display:block;
color:#1C9BA6;
background:transparent url(images/navi_/navi_css_background_2.jpg) top left no-repeat;
text-decoration:none;
}

a#lien1:hover{
width:70px;
background-position: 0px -100px;
}

a#lien2:hover{
width:100px;
background-position: -70px -100px;
}

a#lien3:hover{
width:70px;
background-position: -170px -100px;
}

a#lien4:hover{
width:110px;
background-position: -240px -100px;
}

a#lien5:hover{
width:140px;
background-position: -350px -100px;
}

a#lien6:hover{
width:80px;
background-position: -490px -100px;
}

a#lien7:hover{
width:60px;
background-position: -570px -100px;
}

a#lien8:hover{
width:80px;
background-position: -630px -100px;
}

a#lien9:hover{
width:90px;
background-position: -710px -100px;
}

/* --------------------DIV NAVI ends here */


/* --------------------DIV FORM starts here */
#form{
background-color:#FFFFFF;
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border:#CCCCCC solid 1px;

padding:0px;
}


/* --------------------DIV HOME starts here */
#home{
background:url(images/deco/spiders.jpg) center bottom no-repeat;
background-color:#FFFFFF;
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border:#CCCCCC solid 1px;

padding:0px;
}


#home_swf{
float:left;
height:350px;
width:50px;
margin:0px;
padding:0px;
}

#home_text{
position:relative;
height:350px;
width:750px;
overflow:auto;
float:left;
text-align:left;
margin:0px;
padding:0px;}

#home_text_news{
width:60%;
margin:auto;
margin-bottom:60px;
}

/* ------------------DIV HOME ends here */



/* ------------------DIV WEBDESIGN starts here */

/*---web.swf inside---*/

#webdesign{
background-color:#FFFFFF;
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border:#CCCCCC solid 1px;
padding:0px;
}



/*-not usefull with the swf gallery placed

#webdesign_text{
height:115px;
width:740px;
overflow:auto;
text-align:left;
margin:auto;
clear:left;
}



#webdesign_thumb{
height:235px;
width:740px;
overflow:auto;
text-align:left;
margin:auto;
clear:left;
}---------------------------------------*/



/* ------------------DIV WEBDESIGN ends here */



/* ------------------DIV LINKS starts here */

#links{
background-image:url(images/links.jpg);
background-position:left;
background-repeat:no-repeat;
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border:#CCCCCC solid 1px;
padding:0px;
}


#art{
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border:#CCCCCC solid 1px;
padding:0px;
}


#art_text{
position:relative;
height:350px;
width:800px;
overflow:auto;
float:left;
text-align:left;
margin:0px;
padding:0px;}

#links_text{
position:relative;
height:350px;
width:765px;
overflow:auto;
float:left;
text-align:left;
margin:0px;
padding:0px;}

#links_swf{
float:left;
height:350px;
width:35px;
margin:0px;
padding:0px;
}

#links_column{
width:400px;
margin-left:130px;
margin-right:auto;
height:100%;}

/* ------------------DIV LINKS ends here */


/* ------------------DIV PRINT starts here */

#print{
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border:#CCCCCC solid 1px;
padding:0px;
}

/*
#print_desc_frame{
height:160px;
width:320px;
position:inherit;
margin:0px;
float:left;
background-color:#666666;

}


#print_frame{
height:auto;
width:auto;
border:#CCCCCC solid 1px;
background-color:#FFFFFF;
margin:0px;
position:inherit;}


#work_desc_frame{
height:200px;
width:auto;
position:relative;
margin:0px;
position:inherit;
float:left;

}

#work_frame{
height:auto;
width:auto;
border:#CCCCCC solid 1px;
margin-top:20px;
margin-bottom:0px;
margin-right:0px;
margin-left:20px;
position:inherit;
padding:5px;}

#work_legend{
height:auto;
width:auto;
margin-top:5px;
margin-bottom:0px;
margin-right:0px;
margin-left:20px;
padding:0px;
}

#print_legend{
height:auto;
width:auto;
margin-top:5px;
margin-bottom:0px;
margin-right:0px;
margin-left:20px;
padding:0px;
position:inherit;
}

*/

/* ------------------DIV PRINT ends here */



/* -------------------DIV RESUME starts here */


#resume{
background-image:url(images/resume.jpg);
background-position:left;
background-repeat:no-repeat;
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
border:#CCCCCC solid 1px;
padding:0px;
}

#resume_deco{
background-image:url(images/iconesophie_1.jpg);
background-position:right;
background-repeat:no-repeat;
position:relative;
height:350px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0px;
}

#resume_text{
position:relative;
height:350px;
width:750px;
overflow:auto;
float:left;
text-align:left;
margin:0px;
padding:0px;}

#resume_swf{
float:left;
height:350px;
width:50px;
margin:0px;
padding:0px;
}

/* ------------------DIV RESUME ends here */





/* ------------------DIV CONTACT starts here */
#contact{
position:relative;
background-image:url(images/iconesophie.gif);
background-repeat:no-repeat;
background-position:right;
height:350px;
width:756px;
margin-left:21px;
margin-top:0px;
border:#CCCCCC solid 1px;
}

#contact_text{
height:350px;
width:756px;
background-image:url(images/sections/titre_section_resume.jpg);
background-position:top left;
background-repeat:no-repeat;
overflow:auto;
float:left;
text-align:left;
}
/* -------------------DIV CONTACT ends here */




/* -------------------DIV BOTTOM starts here */
#bottom{

height:65px;
width:800px;
position:relative;
background-image:url(images/footer/footer_1.jpg);
background-color:#FFFFFF;
background-position:center;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:20px;
border:#CCCCCC solid 1px;
clear:left;
}

/* -----------------DIV BOTTOM ends here */


/* ----------------------------------------------ID DIVs end here-------------------------------------------------- */


/**********************   TEXTE ************************/

/* chapeau de la news */

h1{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin-left:0px;
margin-right:0px;
margin-top:15px;
margin-bottom:15px;
padding:0px;
text-indent:0px;}



/* titre des news */

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin-left:0px;
margin-right:0px;
margin-top:30px;
margin-bottom:10px;
padding:0px;
text-align:left;
font-weight:normal;
}

/* h3 >>>  navi, copyright, liens */

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
margin-left:0px;
margin-right:0px;
margin-top:5px;
margin-bottom:0px;
padding:0px;
text-align:center;
font-weight:normal;
}


/* h4 h5 h6 page contact */

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:2S0px;
padding:0px;
text-align:left;
font-weight:bold;
}

h5{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-left:20px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
padding:0px;
text-align:left;
font-weight:normal;
}

h6{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin-left:0px;
margin-right:20px;
margin-top:5px;
margin-bottom:0px;
padding:0px;
text-align:left;
font-weight:bold;
}


/* texte courant */

p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-align:justify;
text-indent:10px;
padding-right:20px;

}

/***************************   CLASSES   ****************************/


.image{
margin:0px;
float:left;}

.print_image{
margin:auto;
padding:auto;
position:inherit;
}

.thumb{
margin:10px;
border: 1px solid #cccccc;
padding:5px;}

.thumb_legend{
position:inherit;
float:left;
}
/* date dans les news, couleur plus sombre */
.date{
color:#333333;
margin-right:5px;
}

/* decale le copyright de 25px */
.copyright{
margin-top:25px;}

/* div biographie, permet au texte de ne pas se superposer à la photo */
.padding{
padding-right:330px;
padding-left:120px;
}

/* marge à droite pour les flèches, page contact */
.margin_arrow{
margin-right:5px;}


.align_right{
text-align:right;}

.align_center{
text-align:center;}

/* décale le bouton submit du formulaire de courriel */
.margin_submit{
margin-top:20px;
}
.margin-bottom{
margin-bottom:20px;}
.Style1 {color: #333333}td img {display: block;}
/* END of classes */

.description_work{
font-size:10px;
text-indent:0px;
margin:0px;
position:inherit;
text-align:center;
}

.description_print{
font-size:10px;
text-indent:0px;
margin:0px;
}

.highlight{
font-weight:bold;}

.grey{
color:#999999;}

 
/*********************** LINKS ****************/ 
 

a{
color:#2B96AC;
text-decoration:none;
cursor:crosshair;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;}

a:hover{
color:#68B4C4;
cursor:crosshair;
text-decoration:underline;}