BODY {
      background-color : #EBEBEB;
      font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
      }

td.puntos {
		border-bottom-style: dashed;
		border-top-style: dashed;
		border-bottom-width: 1px;
		border-top-width: 1px;
		border-color: #B2B2AA
}
td.ruler {
		border-bottom-style: dashed;
		border-bottom-width: 1px;
		border-color: #BE80C1;
}
td.sep {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-color: #BE80C1;
		height:23px;	
}
bor {
		border-style: solid;
		border-width: 1px;
		border-color: #BE80C1;
}

td.seppadd {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-color: #BE80C1;
		height:23px;	
		padding-bottom:10px;
}


td.sep2 {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-color: #BE80C1;
		height:30px;	
}

td.puntosblancos {
		background-image: url(../images/fdo_menu_noir.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 23px; 
		
}

td.actual {
	padding: 0px 16px 10px 10px;
	line-height: 1.5;
	text-align: left;
	font-family : Arial, Helvetica, sans-serif;
}

.texto
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #6D6D68;
    FONT-STYLE: normal;
    font-family : Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

.texto12
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: #6D6D68;
    FONT-STYLE: normal;
	font-family : Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

.casos
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #B7345C;
    FONT-STYLE: normal;
	font-family : Trebuchet MS, Helvetica, sans-serif;;
    TEXT-DECORATION: none;
	padding-top:5px;
	padding-left:10px;
}

.textobold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
	font-family : Arial, Helvetica, sans-serif;;
    TEXT-DECORATION: none;
}

.textobold1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #000000;
    FONT-STYLE: normal;
	font-family : Arial, Helvetica, sans-serif;;
    TEXT-DECORATION: none;
}

.tit_breves
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #6D6D68;
    FONT-STYLE: normal;
	font-family : Arial, Helvetica, sans-serif;;
    TEXT-DECORATION: none;
}

.tit_verde
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    padding-left: 13px;
    COLOR: #000000;
    FONT-STYLE: normal;
	font-family : Arial, Helvetica, sans-serif;;
    TEXT-DECORATION: none;
}


.tit_notas
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #6D6D68;
    FONT-STYLE: normal;
	font-family : Arial, Helvetica, sans-serif;;
    TEXT-DECORATION: none;
}
.fechanota_detalle
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
	font-family : Arial, Helvetica, sans-serif;;
    TEXT-DECORATION: none;
}
.fechanotas
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #BE80C1;
    FONT-STYLE: normal;
	font-family : Arial, Helvetica, sans-serif;;
    TEXT-DECORATION: none;
}

.txtpq
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #BE80C1;
    FONT-STYLE: normal;
	font-family : Arial, Helvetica, sans-serif;;
    TEXT-DECORATION: none;
}

.itemsmenu
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;/*#484a4a;:/*#686868;*/
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
    TEXT-DECORATION: none;
}

.itemsmenu:Hover
{
	FONT-WEIGHT: bold;
	COLOR: #f85f5f; /*#90A41E;*/
	TEXT-DECORATION: none
}

.itemsmenu_on
{
    FONT-WEIGHT: bold;
    COLOR: #ef0c0c; /*#060ab3*/; /*#B53EBA;*/
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
    TEXT-DECORATION: none;
}

.item_contact
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 14px;
    TEXT-DECORATION: none;
}
td.menuvert {
	text-align: left;
	font-family : Arial, Helvetica, sans-serif;
	background-color:#EFF0E9;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width: 5px;
	padding-left:13px;
	padding-top:5px;
	padding-bottom:5px;
}
td.path_tit {
	background-color:#F2F8CD;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width: 5px;
	padding-left:13px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}
td.path_tit_prod {
	background-color:#F2F8CD;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width: 0px;
	padding-left:13px;
	padding-top:0px;
	padding-bottom:0px;
        padding-right: 2px;
	text-align:left;
}
.itemsmenu_vert
{
    FONT-WEIGHT: bold;
    COLOR: #686868;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
    TEXT-DECORATION: none;
}
.itemsmenu_vert:Hover
{
    FONT-WEIGHT: bold;
    COLOR: #060ab3; /*#A651A9;*/
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
    TEXT-DECORATION: none;
}
.itemsmenu_vert_on
{
    FONT-WEIGHT: bold;
    COLOR: #060ab3; /*#A651A9;*/
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
    TEXT-DECORATION: none;
}
#texto_content {
	display:none;
}
.lightbox img {
	border:solid 1px #999;
}
.titre_collect_vert{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #22a51f;
}
.txt_gris_collect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a8a8a8;
}
.sub_title { padding: 12px 12px 30px 10px; font-size: 14px; text-align: justify;}

 /* main vertical scroll */
 #main {
 position:relative;
 overflow:hidden;
 height: 554px;
 width: 420px;
 }

/* root element for pages */
 #pages {
 position:absolute;
 height:20000em;
 }

 /* single page */
.page {
 padding:10px;
 height: 554px;
 background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
 width:406px;
 }

 /* root element for horizontal scrollables */
 .scrollable {
 position:relative;
 overflow:hidden;
 width: 406px;
 height: 554px;
 }

 /* root element for scrollable items */
 .scrollable .items {
width:20000em;
 position:absolute;
 clear:both;
 }

 /* single scrollable item */
 .item {
 float:left;
 cursor:pointer;
 width:400px;
 height:554px;
 padding:10px;
 }

 /* main navigator */
 #main_navi {
 float:left;
 padding:0px !important;
 margin:0px !important;
 }

 #main_navi li {
 background-color:#333;
 border-top:1px solid #666;
 clear:both;
 color:#FFFFFF;
 font-size:12px;
 height:100px;
 list-style-type:none;
 padding:10px;
 width:190px;
 cursor:pointer;
 }

 #main_navi li:hover {
 background-color:#444;
 }

 #main_navi li.active {
 background-color:#555;
 }

 #main_navi img {
 float:left;
 margin-right:10px;
 }

 #main_navi strong {
 display:block;
 }

 #main div.navi {
 margin-left:250px;
 cursor:pointer;
 } 
.overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

	
#apple {
		background-image:url(http://static.flowplayer.org/img/overlay/apple.png);
		color:#fff;
		}


#triggers img {
 cursor:pointer;
 margin:0 5px;
 background-color:#fff;
 border:1px solid #ccc;
 padding:2px;

 -moz-border-radius:4px;
 -webkit-border-radius:4px;

 } 
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:-2px;
	z-index: 99999;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}
#myform {
 background:#333 url(/img/gradient/h300.png) repeat-x;
 padding:15px 20px;
color:#eee;
 width:400px;
 margin:0 auto;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
}

/* nested fieldset */
#myform fieldset {
 border:0;
 margin:0;
 padding:0;
 background:#333333 url(/tools/img/logo-medium.png) no-repeat scroll 215px 40px;
}

/* typography */
#myform h3 { color:#eee; margin-top:0px; }
#myform p { font-size:11px; }

#myform select {
 border:1px solid #444;
 background-color:#666;
 padding:5px;
 color:#ddd;
 font-size:12px;
}
/* input field */
#myform input {
 border:1px solid #444;
 background-color:#666;
 padding:5px;
 color:#ddd;
 font-size:12px;

 /* CSS3 spicing */
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 text-shadow:1px 1px 1px #000;
}

#myform input:focus { color:#fff; background-color:#777; }
#myform input:active { background-color:#888; }


/* button */
#myform button {
 outline:0;
 border:1px solid #666;
}




/* field label */
label {
 display:block;
 font-size:11px;
 color:#ccc;
}

#terms label {
 float:left;
}

#terms input {
 margin:0 5px;
} 
.button button:hover { background-color: red; color: #000000; }
button {
-moz-border-radius-bottomleft:10.2em;
-moz-border-radius-bottomright:10.2em;
-moz-border-radius-topleft:10.2em;
-moz-border-radius-topright:10.2em;
background-color:#5D689A;
border-bottom:0.2em solid #666666;
border-width:1px 1px 0.2em;
color:#FFFFFF;
cursor:pointer;
font-size:0.8em;
line-height:1;
padding:0.3em 0.6em;
text-shadow:0 0 0.1em #222222;
}

.scrollablestudio {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 698px;
	height:155px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollablestudio .items {
	/* this cannot be too large */
	width:20000em;
	position:relative;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.scrollablestudio .items div {
	float:none;
}
#image_wrap {
		/* dimensions */
		width:677px;
		margin:15px 0 15px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}
a.browse {
 background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
 display:block;
 width:30px;
 height:30px;
 float:left;
 margin:40px 10px;
 cursor:pointer;
 font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down {
 background:url(../img/scrollable/arrow/vert_large.png) no-repeat;
 float: none;
 margin: 10px 50px;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
 visibility:hidden !important;
}