@charset "UTF-8";
body {
	background-color: #090909;
	margin: 0px;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
}
#index {
	height: 600px;
	margin-top: 20px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	list-style-type: none;
}
#yomgraph {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.3em;
	color: #666666;
	width: 169px;
	text-align: justify;
	height: 80%;
	background-image: url(../images/yomgraph_07.jpg);
	display: block;
	position: absolute;
	top: 480px;
	margin-left: 265px;
	overflow: hidden;
}
.ulli {
	display: block;
}
.blanc {
	color: #FFFFFF;
}
#contenu{
	width:380px;
	height: 380px;
	position: relative;
	float: right;
}
.contenu {
	opacity: 0;
}
.contenu2 {
	opacity: 1;
}
/*............................................................................. menu */
/*........................................................ base menu */

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CCCCCC;
	text-decoration: none;
}
.menu     a:link {
	color: #777777;
	cursor:pointer;
	}
.menu  a:visited {
	color: #555555;
	cursor:pointer;
	}
.menu  a:hover {
	color: #CCC;
	cursor:pointer;
	}
.menu  a:active {
	color: #000000 ;
	cursor:pointer;
	}
	
/*........................................................ base menu fin */
/*........................................................ menu principal */




/*........................................................ menu identité fin */
/*........................................................ menu imprimé */
#menux {
	display: block;
	height: 25px;
	width: 500px;
	position: absolute;
	margin-left: 445px;
	margin-top: 360px;
	padding-left: 0px;
	list-style-type: none;
	z-index: 9;
	color: #555555;
}
#menux li {
	float: left;
	display: block;
	margin-right: 10px;
	outline: none;
}
#menux a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	text-decoration: none;
	outline: none;
}
#menux a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	display: block;
	text-decoration: none;
}

#fondmenus {
	width: 430px;
	background-color: #090909;
	display: block;
	position: absolute;
	margin-left: 470px;
	z-index: 0;
	height: 200px;
	margin-top: 378px;
	border: 1px solid #151515;
}
#lesmenus {
	width: 171px;
	background-color: #090909;
	display: block;
	position: absolute;
	margin-left: 470px;
	z-index: 100;
	height: 250px;
}
.lesmenus {
	margin-top: 379px;
}
.lesmenus2 {
	margin-top: 650px;
}
#menuportfolio2 {
	display: block;
	width: 160px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 380px;
	margin-left: 475px;
	z-index: 33;
	list-style-type: none;
	text-align: right;
	padding-right: 5px;
	font-size: 10px;
	background-color: #090909;
	position: absolute;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #222222;
	padding-left: 0px;
}
#menuportfolio2  a {
	color: #666666;
	text-decoration: none;
	outline: none;
	text-align: right;
}
#menuportfolio2  a:hover {
	color: #CCCCCC;
}
.menuportfolio2off {
	opacity: 0;
}
.menuportfolio2on {
	opacity: 1;
}
#menuportfolio3 {
	display: block;
	width: 160px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 380px;
	margin-left: 475px;
	z-index: 32;
	list-style-type: none;
	text-align: right;
	padding-right: 5px;
	font-size: 10px;
	background-color: #090909;
	position: absolute;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #222222;
	visibility: hidden;
	padding-left: 0px;
}
#menuportfolio3 a {
	color: #666666;
	text-decoration: none;
	outline: none;
	text-align: right;
}
#menuportfolio3 a:hover {
	color: #CCCCCC;
}
.menuportfolio3off {
	opacity: 0;
}
.menuportfolio3on {
	opacity: 1;
}
#menuportfolio4 {
	display: block;
	width: 160px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 380px;
	margin-left: 475px;
	z-index: 32;
	list-style-type: none;
	text-align: right;
	padding-right: 5px;
	font-size: 10px;
	background-color: #090909;
	position: absolute;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #222222;
	visibility: hidden;
	padding-left: 0px;
}
#menuportfolio4  a {
	color: #666666;
	text-decoration: none;
	outline: none;
	text-align: right;
}
#menuportfolio4  a:hover {
	color: #CCCCCC;
}
.menuportfolio4off {
	opacity: 0;
}
.menuportfolio4on {
	opacity: 1;
}
#masque2 {
	background-image: url(../portfolio/identite/menu/pict_identite_small.png);
	display: block;
	height: 26px;
	width: 20px;
	position: absolute;
	margin-top: 359px;
	margin-left: 710px;
	z-index: 1000;
	cursor: pointer;
	outline: none;
	zoom: 1;
}
.masque2off {
	opacity: 0;
	filter: alpha(opacity=0);
}
.masque2on {
	opacity: 1;
}
#masque3 {
	background-image: url(../portfolio/papier/menu/masque-papier.png);
	display: block;
	height: 28px;
	width: 21px;
	position: absolute;
	margin-top: 354px;
	margin-left: 737px;
	z-index: 1001;
	cursor: pointer;
	outline: none;
	zoom: 1;
}
.masque3off {
	opacity: 0;
	filter: alpha(opacity=0);
}
.masque3on {
	opacity: 1;
}
#masque4 {
	background-image: url(../portfolio/ecran/menu/masque-ecran.png);
	display: block;
	height: 20px;
	width: 18px;
	position: absolute;
	margin-top: 359px;
	margin-left: 688px;
	z-index: 1002;
	cursor: pointer;
	outline: none;
	zoom: 1;
}
.masque4off {
	opacity: 0;
	filter: alpha(opacity=0);
}
.masque4on {
	opacity: 1;
}
#adresse {
	display: block;
	width: 260px;
	text-align: right;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	margin-top: 485px;
	float: left;
}
.logo {
	background-image: url(../images/yomgraph_02.png);
	display: block;
	height: 521px;
	width: 521px;
	position: absolute;
	z-index: 8;
}
.accueiltexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #999;
	text-decoration: none;
	text-align: justify;
}
.bienvenue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #666;
	text-decoration: none;
}