/********************************/
/* Redefinition des styles html */
/********************************/
body {
	background-color: #ffffff;
	background-repeat: repeat-x;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

p {
	margin: 0 5px 0 15px;
}

h1 {
    font-family : "Verdana", Arial, Sans-Serif;
    font-weight : normal;
    font-size : 9px;
    text-align : left;
	}

a:link {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
	text-decoration: none;
}
a:hover {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC7045;
	text-decoration: none;
}
a:visited {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
a:active {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
	text-decoration: none;
}


.index a:link {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF7F00;
	text-decoration: none;
}
.index a:hover {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
.index a:visited {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
}
.index a:active {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}


form {
	margin: 0;
	text-align: right;
}

ul {
	margin: 0 5px 0 30px;
	padding:0 15px;
}

li {
	list-style: disc;
}

/*************************/
/* Styles de la homepage */
/*************************/
#conteneurhome {
	width: 580px;
	height: 280px;
	margin-top: -140px;
	margin-left: -290px;
	left: 50%;
	top: 50%;
	position: absolute;
}

#visuelhome {
	width: 391px;
	height: 280px;
	top : 0px;
	left: 0px;
	position: absolute;
}

#menuhome {
	width: 189px;
	height: 280px;
	top: 0px;
	right: 0px;
	position: absolute;
	background-image: url(../interface/menu_home_bg.gif);
}

/***************************/
/* Styles du reste du site */
/***************************/
#conteneur {
	width:760px;
	height:540px;
	margin-left: -380px;
	margin-top:-270px;
	left: 50%;
	top: 50%;
	position: absolute;
	padding:0px;
}

#visuel {
	width: 390px;
	top : 0px;
	left: 0px;
	position: absolute;
}

#flash {
	width: 370px;
	height: 340px;
	overflow:auto;
	top : 159px;
	left: 15px;
	position:relative;
}

#menu {
	width: 370px;
	height: 50px;
	top: 39px;
	right: 0px;
	position: absolute;
}

#accueilbg {
	width: 370px;
	height: 371px;
	top: 159px;
	right: 0px;
	position: absolute;
	background-image: url(visuels/designgraphic-bg1.gif);
}

#aptitudesbg {
	width: 370px;
	height: 371px;
	top: 159px;
	right: 0px;
	position: absolute;
	background-image: url(visuels/designgraphic-bg2.gif);
}

#portfoliobg {
	width: 370px;
	height: 371px;
	top: 159px;
	right: 0px;
	position: absolute;
	background-image: url(visuels/designgraphic-bg3.gif);
}

#contactbg {
	width: 370px;
	height: 371px;
	top: 159px;
	right: 0px;
	position: absolute;
	background-image: url(visuels/designgraphic-bg4.gif);
}

#content {
	width: 330px;
	height: 310px;
	top: 179px;
	right: 35px;
	position: absolute;
	color: #303030;
	overflow: auto;
	margin:0 5px 0 0;
	left: 402px;
}

#titlepage {
	width: 128px;
	height: auto;
	top: 178px;
	left: 282px;
	position: absolute;
}

#visuels {
	width: 90px;
	height: auto;
	top: 45px;
	left: 205px;
	position: absolute;
}

.gris {
	color : #666666;
}

.style1 {
	background-color : #D9D9D9;
	padding: 5px;
	margin : 0 10px 0 0;
}

.style2 {
	padding: 5px;
	margin : 0 10px 0 0;
}

#style3 {
	background-color : #D9D9D9;
	width: 193px;
}
#style3  p{
	padding: 10px;
}

#style4 {
	width: 193px;
}
#style4  p{
	padding: 10px;
}

.box {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 240px;
	background-color: #FFFFFF;
	border: 1px solid #9A9A9A;
}

.btn {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#portfolio {
	width: 460px;
	height: 526px;
	margin-top: -263px;
	margin-left: -230px;
	left: 50%;
	top: 50%;
	position: absolute;
}

.style_accueil {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	color:#00A6EB;
	font-weight:bold;
	}
	
.style_contact {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	color:#FF7F00;
	font-weight:bold;
	}
	
.style_apti {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	color:#CD52A3;
	font-weight:bold;
	}

.asterix {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	text-align:left;
	width:100px;
	color:#FF3300;
}

.legende  {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:9px;
}

#navIn li{
	padding-right: 0px;
	border-bottom:solid 1px #ffffff;
	list-style-type:none;
}
#navIn A { color:#000; text-decoration:none}
#navIn A:hover { color:#FF7F00; text-decoration:none}
#navIn li.navOut{text-indent: 2px;border-bottom:solid 1px #b3b3b3;}
.navActif { color:#ff0000; }
#navIn ul{font-size: 11px;text-align:right;list-style-type:none;padding-left: 0px;margin-top:0px;margin-left:10px;}
#navIn{
	border-right : 6px solid #E6E6E6;
	border-bottom : 6px solid #E6E6E6;
	position: absolute;
	left: 190px;
	top: 0px;
	width: 130px;
	height: 300px;
	z-index: 2;
	font-size:11px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
}

#logo {
	position:absolute;
	top: 105px;
	left:10px;
	visibility: hidden;
}
#affiche {
	position:absolute;
	top: 125px;
	left:10px;
	visibility: hidden;
}

#edition{
	position:absolute;
	top: 145px;
	left:10px;
	visibility: hidden;
}
#video{
	position:absolute;
	top: 165px;
	left:10px;
	visibility: hidden;
}
#photo{
	position:absolute;
	top: 185px;
	left:10px;
	visibility: hidden;
}

#web{
	position:absolute;
	top: 205px;
	left:10px;
	visibility: hidden;
}

#animflash{
	position:absolute;
	top: 225px;
	left:10px;
	visibility: hidden;
}


.layerNav {
	left:-146px;
	width:174px;
	z-index:7;
	background-color: #FFFFFF;
	border: #000000 solid 1px;
}

.titLayerNav {color:#ffffff; font-size:10px; font-weight:bold; background-color:#FF7F00; padding:2px; width:155px;}
.txtLayerNav {color:#000000; font-size:10px; padding:2px; }

#boutique {
	width: 75px; 
	height: 60px; 
	border:0; 
	z-index:2;
}
#galerie {
	position: absolute;
	right: 30px; 
	bottom: 50px; 
	position:absolute;
	top: 400px;
}
#boutique {
	position: absolute;
	right: 30px; 
	bottom: 50px; 
	position:absolute;
	top: 450px;
}

#boutique[id] {
	position: fixed; 
}