/* ************** GLOBAL  ********************** */
BODY {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:left;
	line-height:16px;
}

DIV{
	position:relative;
	margin:0px;
	padding:0px;
}

IMG{
	margin:0px;
	padding:0px;
	border:none;
	behavior: url("./win_png.htc");
}	

P{
	margin:0px;
	padding:0px;
}
FORM{
	margin:0px;
	padding:0px;
}
A{
	text-decoration:none;
	color:#666666;
}
A:hover{
	text-decoration:underline;
}
H1{
	margin:0px;
	padding:0px;
}
H2{
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	color:#009160;
}


UL {
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-left:20px;
}

LI {
	margin-bottom:2px;
	padding:0px;
	padding-left:15px;
	list-style:none;
	background: url(img/puce.gif) top left no-repeat;
}

TABLE {
}

/************************************************************************/
/*							ELEMENTS COMMUNS							*/
/************************************************************************/

#main{
/*	position:absolute;*/
	top:12px;
	width:954px; 
	left: 50%;
	height:auto;
	margin-left: -475px;
}
#menu {
/*	position:absolute;*/
	top:7px;
	left:0px;
	width: 954px;
	height:127px;
	padding-top:5px;
	/*height:auto;*/
	/*height:260px;*/
	background:url(img/top-bandeau.jpg) top right no-repeat;
	z-index:2;
}

.top-navig {
	padding-top:35px;
	/*margin-left:616px;*/
	margin-left:551px;
}
.navig {
	margin-top:15px;
	margin-left:230px;
}


/************************************************************************/
/*								HP										*/
/************************************************************************/
#hp-gauche {
	position:absolute;
	top:120px;
	left:0px;
	width:186px;
	height:480px;
	text-align:center;
	padding-top:20px;
	background:url(img/hp-gauche-background.gif) top left no-repeat;
}
#hp-gauche P{
	margin:0px 15px 5px 25px;
	text-align:left;
}
.hp-titre {
	display:block;
	margin-left:11px;
	height:auto;
	text-align:left;
	background:url(img/hp-gauche-titre-bg.gif) top left repeat-y;
}
#hp-anim {
	position:absolute;
	top:119px;
	left:186px;
	width:755px;
	height:306px;
}
#hp-main-accroche-visuel {
	position:absolute;
	display:inline-table;
	vertical-align:middle;
	top:442px;
	left:203px;
	width:150px;
	height:107px;
	z-index:4;
	z-index:3;
	background-color:#FFFFFF;
}
#hp-bulle {
	position:absolute; 
	top:442px;
	left:203px;
	width:150px;
	height:105px;
	z-index:4;
}
#hp-main-accroche {
	position:absolute;
	top:433px;
	left:186px;
	width:768px;
	height:122px;
	background:url(img/hp-bottom-bg-bis.gif) top left no-repeat;
	z-index:2;
}
#hp-main-accroche P{
	margin:4px 30px 0px 186px;
}
#hp-main-accroche IMG{
	margin-top:10px;
}
.hp-plus {
	color:#009160;
}
#hp-bottom-vito {
	position:absolute;
	top:572px;
	left:186px;
	width:780px;
	height:31px;
	background:url(img/hp-bottom-vito2.gif) top left no-repeat;
	z-index:3;
}

/************************************************************************/
/*								ARTICLE									*/
/************************************************************************/
#colonne-gauche {
	position:absolute;
	top:125px;
	left:0px;
	width:186px;
	height:auto;
	background:url(img/col-gauche-background.gif) top left repeat-y ;
	z-index:3;
}
#colonne-gauche-top {
	position:absolute;
	width:186px;
	height:48px;
	z-index:1;
	background:url(img/col-gauche-top.gif) top left no-repeat;
}
#colonne-gauche-middle {
	display:compact;
	width:186px;
	height:100%;
	z-index:2;
}

#colonne-gauche-middle P{
	margin-left : 20px;
}
#colonne-gauche-bottom {
	width:186px;
	height:48px;
	background:url(img/col-gauche-bottom.gif) top left no-repeat;
}
#contenu {
	position:absolute;
	top:124px;
	left:186px;
	width:768px;
	height:auto;
	background:url(img/contenu-background.gif) top left repeat-y;
}

#contenu-chapo {
	width:758px;
	height:125px;
	color:#FFFFFF;
	font-size:14px;
	background:url(img/contenu-chapo-middle.gif) top left repeat-y;
	z-index:2;
}
#contenu-chapo-top {
	position:absolute;
	width:758px;
	height:102px;
	background:url(img/contenu-chapo-top.gif) top left no-repeat;
	z-index:1;
}
#contenu-chapo-middle {
	display:compact;
	padding:0px 20px 0px 20px; 
	width:100%;
	height:auto;
	z-index:2;
}
#contenu-chapo-middle DIV {
	float:left; 
	width:350px;
	height:85px;
}
#contenu-chapo-bottom {
	clear:both;
	width:758px;
	height:24px;
	background:url(img/contenu-chapo-bottom.gif) top left no-repeat;
}
#contenu-texte {
	clear:both;
	top:10px;
	height:100%;
	z-index:2;
	padding:0px 20px 0px 30px;
}
#contenu-texte P{
	margin-top:10px;
}
#contenu-texte A{
	color:#009160;
	text-decoration:underline;
}
#contenu-texte A:hover{
	text-decoration:none;
}
#contenu-visuels {
	float:right; 
	width:202px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

#colonne-degrade-bottom {
	margin-top:-90px;
	width:100%;
	z-index:1;
	height:99px;
	background:url(img/contenu-bottom.gif) top left no-repeat;
	/*height:180px;
	background:url(img/article-bottom3.gif) bottom left no-repeat;*/
}
#contenu-bottom {
	width:754px;
	height:35px;
	left:-2px;
	background:url(img/article-bottom4.gif) bottom left no-repeat #FFFFFF;
	/*height:92px;
	background:url(img/article-bottom3.gif) top left no-repeat;*/
	z-index:1;
}
/*#contenu-bottom {
	width:754px;
	height:15px;
	z-index:1;
	background:#FFFFFF;
}*/

#footer {
	padding-top:5px;
	width: 768px;
	height:auto;
	color:#666666;
	font-size:10px;
	text-align:center;
	background:#FFFFFF;
}

#deconnexion {
	position:absolute;
	z-index:3;
	left:825px;
	text-align:right;
	color:#029261;
}

#carte-vito-guyane {
	margin-left:-5px;
}
/************************************************************************/
/*							ESPACE CLIENT								*/
/************************************************************************/
#contenu-texte-client {
	clear:both;
	top:10px;
	height:100%;
	z-index:2;
	padding:0px 20px 0px 30px;
}
#contenu-texte-client TABLE{
	width:715px;
	margin-top:15px;
}
#contenu-texte-client TD  {
	padding: 2px 3px;
	vertical-align:top;
	border-right:solid 1px;
	border-right-color:#CCCCCC;
}
#contenu-texte-client P{
	margin-top:0px;
}
#contenu-texte-client A{
	color:#009160;
	text-decoration:underline;
}
#contenu-texte-client A:hover{
	text-decoration:none;
}
/************************************************************************/
/*								MENU GAUCHE								*/
/************************************************************************/

#menuGauche
{
	width: 175px;
	height:100%;
	margin: 0;
	padding: 0;
	padding-left:11px;
	border: 0;
	letter-spacing:-0.2px;
	margin-top:30px;
} 

#menuGauche li
{
	display:block;
	width: 175px;
	height:auto;
	margin: 0;
	padding: 0;
	border: 0;
	font-size:12px;
	font-weight:bold;
	list-style-type: none;
}
#menuGauche li a:link, #menuGauche li a:visited
{
	display:block;
	width:145px;
	height:26px;
	color: #009160;
	padding: 6px 10px 0px 10px;
	margin-top:2px;
	text-decoration: none;
	background:url(img/menugauche.gif) top left no-repeat;
}
#menuGauche li a.on:link, #menuGauche li a.on:visited
{
	display: block;
	width:145px;
	height:24px;
	color:#FFFFFF;
	padding: 8px 10px 0px 10px;
	margin-top:0px;
	text-decoration: none;
	background:url(img/menugauche-on.gif) top left no-repeat;
}
#menuGauche li a.on:hover { color:#FFFFFF; }
#menuGauche li a:hover { color:#cc0033;  }

/************************************************************************/
/*								LIENS									*/
/************************************************************************/
a.lien-vert {
	color:#009160;
}
a.lien-gris {
	color:#666666;
}
a.lien-sansroll{
	text-decoration:none;
}
a.lien-sansroll:hover{
	text-decoration:none;
}

/************************************************************************/
/*								TEXTES									*/
/************************************************************************/
H3{
	margin:0px;
	margin-top:10px;
	padding:10px 0px 5px 0px;
	font-size:12px;
	font-weight:bold;
	color:#009160;
}
.intertitre{
	display:block;
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
	color:#009160;
}

/************************************************************************/
/*								FORMULAIRES								*/
/************************************************************************/
/*TD.leftcol
{
	width:300px;
	height:25px;
	text-align:right;
	vertical-align:middle;
	padding-right:10px;
}

INPUT{
	border: 1px solid #8ed7d0;
	background-color:#FFFFFF;
	width: 200px;
	height: 16px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
}
TEXTAREA {
	border: 1px solid #8ed7d0;
	background-color:#FFFFFF;
	width: 260px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
}
.asterisque {
	color:#CC0033;
	font-size:9px;
}

.message-retour {
	color:#CC0033;
	font-size:11px;
	margin-bottom:10px;
}
.bouton {
	border: 0px;
	width:120px;
	height:24px;
	background-color:#32b5a9;
	color: #FFFFFF;
}
*/

/************************************************************************/
/*							FORMULAIRES		VITOCARTE					*/
/************************************************************************/

.accroche{
	display:block;
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
	color:#009160;
	margin-bottom:5px;
}
.confirmation{
	display:block;
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
	color:#009160;
	margin-bottom:5px;
}
.variation {
	color:#000033;
	font-weight:bold;
	text-align:right;
}
.error {
	color:#CC0000;
}