html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th{margin:0;padding:0;}table{border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}
html
{
background-color: #000;
font: 11px/18px arial, verdana,"sans serif";
color: #babaa7;
background-image: url(../img/bg.gif);
overflow:hidden;
}
a:link {
	color: #babaa7;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #babaa7;
}
a:hover {
	text-decoration: none;
	color: #f60;
}
a:active {
	color: #000;
		text-decoration: none;
}

/* Contient le menu */
#nav{
float: left;
position: relative;
width:100%;
border-bottom: 1px solid #444400;
height:26px;
overflow:hidden
}
#nav ul {
margin-left:15px;
list-style: none;
}
#nav li {
float: left;
}
#nav li img {
cursor:pointer;
padding-left:1px
}
/* Chaque "bloc" du site */
.block{
position:relative;
float:left;
height:650px;
width:1000px;
padding:10px 10px 0 20px;
}
.flag {
position: absolute;
left: 503px;
top: 10px;
z-index:2;
}
.flag2 {
position: absolute;
left: 530px;
top: 10px;
z-index:2;
}
#txt_pres{
height:300px;
width:440px;
padding:10px 0px 0px 0px;
line-height:15px;
}
.txt_liens{
position: absolute;
height:150px;
width:400px;
left: 20px;
top: 55px;
z-index:2;
}
.txt_liens2{
position: absolute;
height:150px;
width:600px;
left: 220px;
top: 57px;
z-index:2;
}
.txt_portfolio{
position: absolute;
height:150px;
width:630px;
left: 54px;
top: 50px;
z-index:2;
}
.txt_full_portfolio{
position: absolute;
height:150px;
width:200px;
left: 720px;
top: 96px;
z-index:2;
}
.txt_pres2 {
position: absolute;
height:150px;
width:400px;
left: 540px;
top: 55px;
z-index:2;
}
.block_slider_intro {
	position: absolute;
	width: 248px;
	height: 171px;
	left: 720px;
	top: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #babaa7;
	text-decoration: none;
	background-image: url(../img/picto_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}
#block_site {
position:relative;
width:100%;
overflow:hidden;
height:650px;
float:left
}
#pres_title {
padding-top:20px;
}
#portfolio_title {
padding-top:20px;
}
#liens_title {
padding-top:20px;
}
#contact_title {
padding-top:20px;
}
.line {
width:434px;
height:2px;
border-top-width: 1px;
border-top-style: dotted;
}
.line_vertical {
position: absolute;
left: 480px;
top: 30px;
z-index:2;
width:1px;
height:400px;
border-left-width: 1px;
border-left-style: dotted;
z-index:2;
}
.line_vertical_portfolio {
position: absolute;
left: 700px;
top: 100px;
z-index:2;
width:1px;
height:390px;
border-left-width: 1px;
border-left-style: dotted;
z-index:2;
}
.line_vertical_pres {
position: absolute;
left: 500px;
top: 57px;
z-index:2;
width:1px;
height:350px;
border-left-width: 1px;
border-left-style: dotted;
z-index:2;
}
.line_vertical_liens {
position: absolute;
left: 195px;
top: 58px;
z-index:2;
width:1px;
height:70px;
border-left-width: 1px;
border-left-style: dotted;
z-index:2;
}
.photomaton {
position: absolute;
left: 500px;
top: 50px;
z-index:2;
}

#line3 {
width:250px;
height:2px;
border-top-width: 1px;
border-top-style: dotted;
}
#line2 {
left:1500px;
top:39px;
width:624px;
height:10px;
z-index:1;
border-top-width: 1px;
border-top-style: dotted;
}
.popup{
position: absolute;
background-color: #FFF;
display: none;
z-index: 7;
overflow:hidden;
}
.popup .content{
width:100%;
position:relative;
}
.popup .title{
height:30px;
width:100%;
position:relative;
overflow:hidden;
text-align:center;
padding:0 20px;
font-size:14px;
}
.popup .close{
position: absolute;
bottom:2px;
right:0px;
width:26px;
height:26px;
background:url(../img/close.gif);
cursor:pointer;
}
#logo {
width: 180px;
height: 180px;
position: absolute;
left: 190px;
top: 120px;
z-index:2;
}
#sound {
width: 151px;
height: 176px;
position: absolute;
left: 21px;
top: 430px;
z-index:2;
}
#presentateur {
width: 137px;
height: 270px;
position: absolute;
left: 605px;
top: 304px;
z-index:2;
}
#panneau_job {
padding:20px 0 0 10px;
position: absolute;
width: 244px;
height: 310px;
left: 720px;
top: 200px;
z-index:2;
background: url(../img/panneau_job.jpg) no-repeat;
}
.container {
width: 460px;
height: 370px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #babaa7;
text-decoration: none;
}
textarea {
margin-left:0px;
width: 435px;
height: 155px;
background-color: #000;
border: 1px solid #383804;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #babaa7;
}
#name {
margin-left: 0px;
width: 200px;
height: 20px;
background-color: #000;
border: 1px solid #383804;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #babaa7;
}
#email {
margin-left: 0px;
width: 200px;
height: 20px;
background-color: #000;
border: 1px solid #383804;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #babaa7;
}
.buttons {
float: left;
margin-top: 10px;
}
fieldset {
border: 0px;
}
#bg_txt_contact {
background-color: #000;
height: 5px;
width: 5740px;
clear: left;
}
#banner {
width: 18px;
height: 350px;
position: absolute;
left: 20px;
top: 140px;
z-index:2;
}
#banner2 {
width: 18px;
height: 350px;
position: absolute;
left: 245px;
top: 140px;
z-index:2;
}
#banner3 {
width: 18px;
height: 350px;
position: absolute;
left: 469px;
top: 140px;
z-index:2;
}
.vignette{
margin-left:30px;
position:absolute;
top:0px;
width:222px;
height:140px;
z-index:2;
}
#vignette_1 {
margin-top:101px;
}
#vignette_2 {
margin-top:234px;
}
#vignette_3 {
margin-top:367px;
}
#vignette_4 {
margin-left:253px;
margin-top:101px;
}
#vignette_5 {
margin-left:253px;
margin-top:234px;
}
#vignette_6 {
margin-left:253px;
margin-top:367px;
}
#vignette_7 {
margin-left:478px;
margin-top:101px;
}
#vignette_8 {
margin-left:478px;
margin-top:234px;
}
#vignette_9 {
margin-left:478px;
margin-top:367px;
}
#panel_flash {
margin-left:184px;
margin-top:100px;
}
.vignette_type {
position:absolute;
width:182px;
height:94px;
z-index:3;
border: 1px solid #5f6700;
}
.vignette_type_bottom {
position:absolute;
top:98px;
width:182px;
height:24px;
z-index:4;
border: 1px solid #5f6700;
background-color: #141904;
}
.picto_screen{
background-image:url(../img/picto_screen.gif);
position:absolute;
width:19px;
height:14px;
top:104px;
left:160px;
z-index:5;
}
.picto_txt{
background-image:url(../img/picto_txt.gif);
position:absolute;
width:6px;
height:6px;
top:109px;
left:7px;
z-index:5;
}
.title_vignette{
position:absolute;
top:102px;
left:18px;
z-index:5;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #babaa7;
}

#contact {
top:120px;
width:553px;
height:271px;
z-index:1;
}

#cee_window{
display:none;
}
.ivts_modal{
position: absolute;
left: 0;
top: 0;
background-color: #000;
}
.ivts_modal_msg{
position: absolute;
overflow: auto;
text-align: center;
border: 2px #000 solid;
background-color: #FFF;
color: #000;
padding: 10px;
display:none
}
.common_container{
background: url(../img/block2.jpg) no-repeat left bottom;
height: 500px;
}
.liens_container{
background: url(../img/block4.jpg) no-repeat left bottom;
height: 500px;
}
.contact_container{
background-image: url(../img/block3.jpg);
background-repeat: no-repeat;
background-position: left bottom;
height: 583px;
}
.tags { 
width: 200px;
height: 500px;
position: absolute;
left: 800px;
top: 130px;
z-index:2;
margin: 10px 2px 0 10px; color: #3c3e00; }
.tags strong, .tags a strong { font-weight: normal; }
.tags a { color: #A1A6A8; }
.tags a:hover { color: #5E6C70; }
.estilo1 { font-size: 1em; }
.estilo2 { font-size: 1.1em; }
.estilo3 { font-size: 1.6em; }
.estilo4 { font-size: 1em; }
.estilo5 { font-size: 1.3em; }
.estilo6 { font-size: 1.8em; }
.estilo7 { font-size: 1.1em; }