/*
Caracteres violet : 643264

Violet clair: AC82AC
Violet plus clair : E4CEE4
Violet tres clair: F4E6F1
Jaune : FCCE04
*/

/*
Violet: ADA2D5
Orange: ED8362
*/

/*
veleur actuelle
Violet foncé: #55447B

*/
body {
  background-color: white;
  font-family: Arial;
  font-size: 10pt;
  width: 1024px;
	margin: auto;
	padding: auto;
}

h1 {
	color: #58447B;
	font-weight:bold;
	font-size: 18pt;
	margin:0px;
	padding-bottom:5px;
}

h2 {
  color: #55447B;
	font-size: 10pt;
	margin:0px;
	padding:0px;
}

h3{
	font-size:10pt;
	color: #878684; /* A2A19F */
	text-decoration:none;
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.footer a:link { color:#A2A19F; }
.footer a:visited { color:#A2A19F; }
.footer a:hover { color:#A2A19F; }
.footer{
	color: #A2A19F;
	text-decoration:none;
	font-weight:normal;
	text-align:center;
}

a:link,a:visited {
	font-size:10pt;
	color: black;
	text-decoration: none;
}

a:hover {
}

INPUT.submitbutton
{
		border : 1px #000000 solid;
		height:20;
		font-weight:bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: "Verdana" , "Helvetica" , sans-serif;
    color: white;
    BACKGROUND-COLOR: #000000;
}

INPUT.textBox
{
		border : 1px #8D80A3 solid;
		height:20;
		font-weight:bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: "Verdana" , "Helvetica" , sans-serif;
    color: white;
    BACKGROUND-COLOR: #8D80A3;
}

img {
border:0
}
a.menuheader:link,a.menuheader:visited {
	font-size:10pt;
	color: black;
	text-decoration: none;
}
a.menuheader:hover {
}
a.menuheaderinfo:link,a.menuheaderinfo:visited {
	font-size:10pt;
	color: #58447B;
	text-decoration: none;
}
a.menuheaderinfo:hover {
}

a.textHeader:link,a.textHeader:visited {
	font-size:20pt;
	color: black;
	text-decoration: none;
    FONT-FAMILY: Arial
}
a.textHeader:hover {
}

div{
	text-align: left;
	margin:auto;
	padding:auto;
}
table{
	margin:0px;
	padding:0px;
}


/* class accueil scenario */
a.selectscenario:link,a.selectscenario:visited {
	font-size:10pt;
	font-weight: bold;
	color: #2C1D43;
	text-decoration: none;
}
a.selectscenario:hover {
}
a.selectscenescenario:link,a.selectscenescenario:visited {
	font-size:10pt;
	font-weight: bold;
	color: #5E5C60;
	text-decoration: none;
	margin-right:2px;
	margin-left:2px
}
a.selectscenescenario:hover {
}
a.selectscenarioDesc:link,a.selectscenarioDesc:visited {
	font-size:10pt;
	font-weight: none;
	color: #624F7D;
	FONT-FAMILY: Arial;
	text-decoration: none;
}
a.selectscenarioDesc:hover {
}
table.scenario{
	height: 227px;
	width: 268px;
}	
td.scenario-image{
	height: 227px;
	width: 268px;
}	
td.scenarioselected{
	background-color: black;
	font-size:10pt;
	font-weight: bold;
	color: white;
	border-bottom : 1px #7A6F8D solid;
	padding-left :20px;
/*	padding-right :79px; */
	text-align: left;
}
td.scenarionotselected{
	border-bottom : 1px #7A6F8D solid;
	padding-left :20px;
	//padding-right :79px;
	text-align: left;
}
div.selectscenescenario{	
	font-weight: bold;
	font-size:10pt;
	color: #5E5C60;
}	
span.titlescenario
{
    FONT-SIZE: 14pt;
    COLOR: #624F7D;
    FONT-FAMILY: Arial
}
span.titledescscenario
{
    FONT-SIZE: 10pt;
    COLOR: #624F7D;
    FONT-FAMILY: Arial
}
span.infodescscenario
{
    FONT-SIZE: 10pt;
    COLOR: #878684;
    FONT-FAMILY: Arial
}
span.pucedescscenario
{
    FONT-SIZE: 10pt;
		font-weight: bold;
    COLOR: black;
    FONT-FAMILY: Arial
}
span.descscenario
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial
}

span.copyright{
    FONT-SIZE: 10pt;
    COLOR: #624F7D;
    FONT-FAMILY: Arial
}

/* *********************** */

/* positionnement des div */
div.conteneur {
	text-align: center;	
	margin: auto;
	padding: auto;
}
div.centre {
	background-color: white;
	width: 1024px;
	text-align: center;	
  margin-top:0;
	padding-top:0;
}
div.header-left {
	text-align: left;
	background-color: white;
	width: 185px;
	margin-left: 0px;
	float: left;
	top:0px;
}
div.header-right {
	text-align: left;
	background-color: white;
	margin-left: 185px;
	padding:0px;
}
div.main {
	text-align: left;
	margin-top:10px;
}
div.menu {
	background-color: white;
	border-bottom : 1px #7A6F8D solid;
	height: 20px;
	margin-top: 8px;
	text-align: left;
	width: 690px;
	margin-left: 0px;
	margin-right: 0px;
}
div.menu-item {
  float: left;
	height: 20px;
  text-align: center;
	padding-left: 15px;
	padding-right: 15px;
/*	position:relative;
	left:1;*/
}
div.vertical-separator {
	float: left;
	width: 1px;
}

div.menu-info {
	color: #58447B; 
	background-color: white;
	height: 20px;
	margin-top: 0px;
	text-align: right;
}
div.menu-item-info{
	color: #58447B; 
  float: left;
	height: 20px;
  text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
div.vertical-separator-info {
	color: #58447B; 
	text-align: left;
	float: left;
	width: 1px;
}
/* ordre d'affichage de la structure d'une page */
td.body-left {
	text-align: left;
	background-color: white;
	width: 186px;
}
td.body-center {
	text-align: left;
	background-color: white;
	margin-left: 0px;
	width: 260px;
}
td.body-right {
	text-align: left;
	background-color: white;
	width: 415px;
}
td.body-left-and-center-and-right {
text-align: left;
background-color: white;
width: 861px;
}
td.body-center-and-right {
text-align: left;
background-color: white;
width: 675px;
}

div.body-left {
text-align: left;
background-color: white;
width: 186px;
float: left;
}
div.body-center {
text-align: left;
background-color: white;
margin-left: 0px;
width: 260px;
float: left;
}

div.body-right {
text-align: left;
background-color: white;
width: 415px;
float: left;
}
div.body-center-and-right {
text-align: left;
background-color: white;
width: 675px;
float: left;
}
div.body-center-and-right-and-right-menu{
text-align: left;
background-color: white;
width: 835px;
float: left;
}
div.body-right-menu {
text-align: left;
background-color: white;
width: 160px;
float: left;
}
/***** fin ***********/
div.body-title {
text-align: left;
background-color: white;
margin-left: 451px;
}
/*  fin positionnement des div */

.imgVideo{
/*	background: url(/comfortice/images/img_video.png) no-repeat; */
}

/*span */
span.textHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    COLOR: #000000;
    FONT-FAMILY: Arial
}
SPAN.textDesc
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial
}

UL
{	margin:0px;
	padding:0px; 
} 

p{
	 margin:0px; 
	 padding:0px;
} 
tbody{
	 margin:0px; 
	 padding:0px;
} 
li 
{
	 margin:0px; 
	 padding:0px;
} 

/* Inset 3D Raised */
.raised {background: transparent;  margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#E9E8F0; border-left:1px solid #594779; border-right:1px solid #594779;}
.raised .b3 {background:#E9E8F0; border-left:1px solid #594779; border-right:1px solid #594779;}
.raised .b4 {background:#E9E8F0; border-left:1px solid #594779; border-right:1px solid #594779;}
.raised .b4b {background:#E9E8F0; border-left:1px solid #594779; border-right:1px solid #594779;}
.raised .b3b {background:#E9E8F0; border-left:1px solid #594779; border-right:1px solid #594779;}
.raised .b2b {background:#E9E8F0; border-left:1px solid #594779; border-right:1px solid #594779;}


.raised .b1 {margin:0 5px; background:#594779;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#594779;}
.raised .boxcontent {display:block;  background:#E9E8F0; border-left:1px solid #594779; border-right:1px solid #594779;}


/*referencement*/
div.reference {
	display:none;
}