@charset "utf-8";
/* CSS Document */

/*html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}
#arriere{
width : 100%;
height: 100%;
}*/

body {
	background-color: #000000;
	background-image: url(img/fond_ca.png);
	background-repeat:repeat;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/** Object data frame - lecteur prods **/
.prods {
	height: 341px;
	width: 760px;
	overflow:hidden;
}
/******/
#design {
	background-image: url(img/dessin.png);
	background-repeat:no-repeat;
	width: 550px;
	height: 355px;
	margin-top: -8px;
	margin-left: 0px;
	z-index:2;
}

#croix-bleu {
	background-image: url(img/croix_bleu.png);
	width: 50px;
	height: 250px;
	margin-top: -310px;
	margin-left: -40px;
	z-index:10;
}
/** Croix menu **/
#croix-bleu-menu {
	background-image: url(img/croix_bleu.png);
	width: 50px;
	height: 300px;
	margin-top: 0px;
	margin-left: 0px;
	z-index:10;
}

#croix-vert-menu {
	background-image: url(img/croix_vert.png);
	width: 50px;
	height: 300px;
	margin-top: 0px;
	margin-left: 0px;
	z-index:10;
}

#croix-rose-menu {
	background-image: url(img/croix_rose.png);
	width: 50px;
	height: 300px;
	margin-top: 0px;
	margin-left: 0px;
	z-index:10;
}

#croix-jaune-menu {
	background-image: url(img/croix_jaune.png);
	width: 50px;
	height: 300px;
	margin-top: 0px;
	margin-left: 0px;
	z-index:10;
}
/** Menu **/
#menu {
	width: 10px;
	height: 200px;
	margin-top: -260px;
	margin-left: 30px;
	z-index:10;
}
	
/*** Texte ***/
.txt-bleu{
	color: #b7cace;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
}

.txt-vert{
	color: #abc0a6;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
}

.txt-rose{
	color: #bca3a5;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
}

.txt-jaune{
	color: #f0eeb7;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
}

/*** Texte Titre***/
.txt-bleu-titre{
	color: #b7cace;
	font-size:15px;
	font-family:  Verdana, Geneva, sans-serif;
}

.txt-vert-titre{
	color: #abc0a6;
	font-size:15px;
	font-family:  Verdana, Geneva, sans-serif;
}

.txt-rose-titre{
	color: #bca3a5;
	font-size:15px;
	font-family:  Verdana, Geneva, sans-serif;
}

.txt-jaune-titre{
	color: #f0eeb7;
	font-size:15px;
	font-family:  Verdana, Geneva, sans-serif;
}
/*** Menu ***/
.txt-bleu-menu{
	color: #b7cace;
	font-size:24px;
	font-family: Verdana, Geneva, sans-serif;
}

.txt-vert-menu{
	color: #abc0a6;
	font-size:20px;
	font-family: Verdana, Geneva, sans-serif;
}

.txt-rose-menu{
	color: #bca3a5;
	font-size:24px;
	font-family: Verdana, Geneva, sans-serif;
}

.txt-jaune-menu{
	color: #f0eeb7;
	font-size:20px;
	font-family: Verdana, Geneva, sans-serif;
}

.copy {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#FFF;
}

a:link {
	color: #cccccc;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #cccccc;
}
a:hover {
	text-decoration: none;
	color: #F90;
}
a:active {
	text-decoration: none;
	color: #cccccc;
}

a.txt-bleu-menu:link {
    color:#b7cace;
	font-size:24px;
	text-decoration: none;
}
a.txt-bleu-menu:visited {
	text-decoration: none;
	font-size:24px;
	color: #b7cace;
}
a.txt-bleu-menu:hover {
	text-decoration: none;
	font-size:24px;
	color: #ffffff;
}
a.txt-bleu-menu:active {
	text-decoration: none;
	font-size:24px;
	color: #b7cace;
}

a.txt-vert-menu:link {
    color:#abc0a6;
	font-size:20px;
	text-decoration: none;
}
a.txt-vert-menu:visited {
	text-decoration: none;
	font-size:20px;
	color: #abc0a6;
}
a.txt-vert-menu:hover {
	text-decoration: none;
	font-size:20px;
	color: #ffffff;
}
a.txt-vert-menu:active {
	text-decoration: none;
	font-size:20px;
	color: #abc0a6;
}
/*** CV ***/
a.txt-rose-menu:link {
    color:#bca3a5;
	font-size:24px;
	text-decoration: none;
}
a.txt-rose-menu:visited {
	text-decoration: none;
	font-size:24px;
	color: #bca3a5;
}
a.txt-rose-menu:hover {
	text-decoration: none;
	font-size:24px;
	color: #ffffff;
}
a.txt-rose-menu:active {
	text-decoration: none;
	font-size:24px;
	color: #bca3a5;
}
/*** Contact ***/
a.txt-jaune-menu:link {
    color:#f0eeb7;
	font-size:20px;
	text-decoration: none;
}
a.txt-jaune-menu:visited {
	text-decoration: none;
	font-size:20px;
	color: #f0eeb7;
}
a.txt-jaune-menu:hover {
	text-decoration: none;
	font-size:20px;
	color: #ffffff;
}
a.txt-jaune-menu:active {
	text-decoration: none;
	font-size:20px;
	color: #f0eeb7;
}