/* style.css Merci Mick ! */


html, body {
height : 100%;
}
body { background-color:#FFF;
background-repeat : repeat-x;
font : 14px "Lucida Grande", Arial, Verdana, sans-serif;
}
body, h1, h2, h3, h4, h5, p, ul, li, img, form, dl, dd, dt {
margin : 0;
padding : 0;
border : 0;
font-weight : normal;
font-family : "Lucida Grande", Arial, Verdana, sans-serif;
}
input, textarea {
font-family : "Lucida Grande", Arial, Verdana, sans-serif;
}
p {
font : 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
color : #939393;
line-height : 16px;
}
.para-align {
font : 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
color : #939393;
line-height : 16px;
text-align: justify
}
h1 {
	font : 24px "Trebuchet MS", Verdana;
	color : #c36;
	font-family: "Trebuchet MS", Verdana;
}
h2 {
	font : 18px "Trebuchet MS", Verdana;
	color : #c36;
}
h3 {
font : 14px "Trebuchet MS", Verdana;
color : #c36;
padding-top : 10px;
}


.turquoise14 {
font : 14px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color:#3AB5B9; 
}
.rose10liens {
font : 10px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
} 
.rose12 {
font : 12px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color:#c36;
}
.rose12bold {
font : 12px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color:#c36; font-weight:bold;
}
.rose14 {
font : 14px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color:#c36;
}
.rose14bold {
font : 14px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color:#c36; font-weight:bold;
}
.rose16 {
font : 16px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color:#c36;
}
.rose16bold {
font : 16px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color:#c36; font-weight:bold;
}
.rose18 {
font : 18px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color:#c36; 
}
.rose18bold {
font : 18px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color:#c36; font-weight:bold;
}
.mauve10 {
font : 10px "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color: #8B629F; font-weight:bold;
}
.mauve12 {
font : 12px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color: #bb91ae;
}
.mauve14 {
font : 14px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color: #8B629F;
}
.mauve14bold {
	font : 16px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	color: #8B629F; font-weight:bold;
}
.mauve16 {
font : 16px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color: #8B629F; line-height:16px;
}
.mauve16bold {
	font : 16px  "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	color: #8B629F; line-height:16px; font-weight:bold;
}
.mauve18 {
font : 18px "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color: #8B629F; line-height:20px;
}
.mauve18bold {
font : 18px "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color: #8B629F; line-height:20px;  font-weight:bold;
}
.mauve24 {
font : 24px "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
color: #8B629F;
}



a, a:hover, a:active, a:visited, a:link {
text-decoration : none;
color : #bb91ae;
outline : none;
cursor : pointer;
}
a.vmenu, a.vmenu:active, a.vmenu:visited, a.vmenu:link {
text-decoration : none;
color : #999;
outline : none;
cursor : pointer;
}
a.vmenu:hover {
text-decoration : none;
color: #d59660;
outline : none;
cursor : pointer;
}

a.hmenu, a.hmenu:active, a.hmenu:visited, a.hmenu:link {
text-decoration : none;
color : #fff;
outline : none;
cursor : pointer;
}
a.hmenu:hover {
text-decoration : none;
color: #fbf4df;
outline : none;
cursor : pointer;
}
#menu {
list-style : none;
clear : right;
float : right;
margin-top : 38px;
overflow : hidden;
}
#menu li {
float : left;
}
#menu li a {
float : left;
display : block;
height : 33px;
text-decoration : none;
font-size : 14px;
font-weight : normal;
}
#menu li a.current:hover, #menu li a.first_current:hover, #menu li a.last_current:hover {
text-decoration : none;
}
#menu li a span {
float : left;
display : block;
height : 33px;
}
#menu li a span span {
padding : 11px 12px 0 15px;
height : 22px;
}

a.button, .button, .button span, .button:hover {
display : block;
height : 40px;
text-decoration : none;
}
.button span:hover {
color : #939393;
}
.button, .button span {
float : left;
font-size : 14px;
color : #939393;
background : url('pix-nul.png') no-repeat;
}
.button span {
background-position : right -80px;
}
.button span span {
margin : 0 20px;
padding : 10px 0;
height : 20px;
background-position : left -40px;
background-repeat : repeat-x;
}
.button span span span {
margin : 0 -5px;
background : transparent;
padding : 0;
}
.button:active, .button.active {
background-position : 0% -120px;
color : #9f9f9f;
}
.button:active span, .button.active span {
background-position : right -200px;
color : #9f9f9f;
}
.button:active span span, .button.active span span {
background-position : 0% -160px;
}
.button.play span span span {
background : url('pix-nul.png') no-repeat;
background-position : 0% 1px;
padding-left : 17px;
}
.button.play:active span span span, .button.play.active span span span {
background-position : 0% -37px;
}
.select {
width : 347px;
height : 32px;
background-image : url('pix-nul.png');
margin : 0 auto;
overflow : hidden;
}
.select.second {
background-position : 0% -32px;
}
.select a {
float : left;
display : block;
height : 15px;
padding : 9px;
font-size : 12px;
text-decoration : none;
width : 155px;
text-align : center;
}
#interstices {
width : 883px;
margin : 0 auto 0 auto; 
overflow : hidden;
padding-bottom : 25px;
}
#head {
width : 100%;
background : transparent url('pix-nul.png') repeat-x 0% 97px;
height : 98px;
}
#head.backg {
background : transparent;
}
#head.backg #head_in {
background : url('pix-nul.png') repeat-x 0% 92px;
}
#head_in {
overflow : hidden;
}
#logo {
position : absolute;
background : url('logo.png') no-repeat;
margin-top : 5px;
margin-left : -15px;
display : block;
width : 312px;
height : 117px;
}
#logo:active {
background-position : 0%  20px;
}
#logo span {
display : none;
}
#languages {
background : url('pix-nul.png') repeat-x;
background-position : 0% -27px;
float : right;
height : 27px;
font-size : 11px;
}
#languages div {
background : url('pix-nul.png') no-repeat;
background-position : left top;
height : 27px;
}
#languages div div {
background-position : right -54px;
}
#languages ul {
list-style : none;
padding : 0 3px 0 3px;
overflow : hidden;
}
#languages ul li {
padding : 7px 5px 5px 5px;
float : left;
height : 15px;
}
#languages ul li a, #clientsection_link a {
text-decoration : none;
}
#languages ul li a:hover, #clientsection_link a:hover {
text-decoration : underline;
}
#languages ul li.current {
background : url('pix-nul.png') no-repeat center 23px;
}
#clientsection_link {
float : right;
font-size : 11px;
padding : 7px 7px 0 0;
}
#page {
background : transparent url('pix-nul.png') repeat-x;
}
#page_in {
overflow : hidden;
min-height : 300px;
}
#footer {
background-image : url(BG_interstices_foot.jpg);
background-repeat : repeat-x; width : 100%;
height : 150px;
clear : both;
overflow : hidden;
margin-top : -20px;
}
#footer ul#footer_left {
padding-left : 10px;
float : left;
}
#footer ul {
list-style : none;
float : right;
font-size : 11px;
padding-top : 10px;
}
#footer ul li {
padding : 0 15px 0 5px;
color : #8c8b8c;
float : left;
}



#twitter, #facebook {
background : url('services.png') no-repeat;
padding-left : 19px;
height : 14px;
display : block;
float : left;
}
#twitter {
background-position : 0% -23px;
}
#homepage #top {
overflow : hidden;
width : 100%;
height : 225px;
background : url('pix-nul.png') no-repeat;
}
#homepage #title {
margin : 58px auto 0 auto;
display : block;
height : 53px;
background-position : center top;
background-repeat : no-repeat;
}
#homepage #preview_button {
margin : 18px auto 0;
background-repeat : no-repeat;
width : 217px;
height : 61px;
display : block;
}
#homepage #preview_button:active {
background-position : 0% -61px;
}
#homepage #title span, #homepage #preview_button span {
display : none;
}
#features {
background : transparent url('pix-nul.png') repeat-x;
overflow : hidden;
}
.bottom {
background : url('pix-nul.png') no-repeat left bottom; margin-top:30px;
overflow : hidden;
padding-bottom : 6px;
}
.sidebar {
position : relative;
margin-top : 55px;
float : left;
background : transparent url('pix-nul.png') repeat-y right top;
width : 208px;
z-index : 100;
}
.sidebar_in {
background : transparent url('pix-nul.png') repeat-y right top;
float : left;
width : 196px;
}
.sidebar ul {
list-style : none;
font : 12px "Lucida Grande";
text-decoration : none;
width : 230px;
background : transparent url('slide.png') no-repeat 0 0;
float : left;
margin : 10px 8px;
}
.sidebar ul li {
width : 188px;
overflow : hidden;
}
.sidebar ul li a {
display : block;
padding : 11px;
text-decoration : none;
width : 165px;
background : url('pix-nul.png') no-repeat 172px 13px;
cursor : pointer;
}
.sidebar ul li .inter {
width : 188px;
background : url('pix-nul.png') repeat-x 0% 0%;
height : 2px;
display : block;
position : absolute;
margin-top : -1px;
}
.sidebar ul li.selected a {
font-weight : bold;
}
.content_with_sidebar {
position : relative;
float : left;
width : 686px;
z-index : 50;
margin-left : -11px;
overflow : hidden;
}
.content_with_sidebar .column {
float : left;
width : 298px;
padding : 30px 0 0 30px;
}
.content_with_sidebar .column.tiny {
width : 237px;
}
.content_with_sidebar .column.medium {
width : 359px;
}
.content_with_sidebar .column p {
padding-top : 8px;
margin : 0;
clear : both;
overflow : hidden;
}
.clearl {
clear : left;
}
.content_with_sidebar h2 {
margin-top : 30px;
float : left;
clear : left;
}
.content_with_sidebar h2.no_margin {
margin : 0;
}
.content_with_sidebar .a_content {
overflow : hidden;
min-height : 300px;
}
.content_with_sidebar .quicklook {
float : right;
margin-top : 35px;
}
.content_with_sidebar .quicklook.no_margin {
margin-top : 5px;
}
a.quicklook {
font-weight : bold;
text-decoration : none;
display : block;
background : url('quicklook.png') no-repeat 0% 3px;
font-size : 11px;
padding : 0 0 1px 20px;
}
a.quicklook:active {
color : #888888;
background-position : 0% -20px;
}
.rounded_rect {
background : #191919;
}
.video_feature {
clear : left;
float : left;
width : 608px;
padding : 5px;
}
.video_feature.tiny {
margin : 0;
width : 298px;
}
.video_feature.medium {
width : 350px;
margin : 0;
}
.video_feature span.info {
width : 100px;
float : right;
padding : 8px;
text-align : right;
color : #939393;
font-size : 12px;
}
.video_feature .button {
float : right;
margin : 4px;
}
.video_feature .button span {
float : left;
}
.play_video_feature_button {
display : block;
background : url('pix-nul.png') no-repeat;
height : 40px;
width : 199px;
}
.play_video_feature_button:active {
background-position : 0% -40px;
}
.keyboard, .content_with_sidebar p.keyboard {
background : url('pix-nul.png') no-repeat;
margin : 3px 0 0 0;
padding-left : 26px;
padding-top : 0;
line-height : 22px;
}
.keyboard span {
padding-left : 35px;
}
.video_player {
overflow : hidden;
padding : 0;
}
.window.videos, .window.videos .selection_content {
width : 660px;
}
.window.videos .video_player {
padding : 20px;
}
.window.videos .video_player .video {
display : block;
margin : 0 auto 0 auto;
}
#demo .subtitle {
font-size : 14px;
color : #fff;
}
#demo {
padding : 30px 0 30px 30px;
overflow : hidden;
}
#demo .column {
padding-top : 18px;
float : left;
width : 395px;
padding-right : 30px;
}
#demo h1 {
padding-bottom : 15px;
}
#demo .img {
margin-top : -5px;
margin-left : -9px;
height : 210px;
}
#demo .column p {
width : 350px;
}
#demo p strong {
color : #fff;
}
#demo .button {
margin-left : -2px;
}
#support {
padding : 30px 30px 0 30px;
overflow : hidden;
}
#support .col_left {
clear : left;
padding-right : 30px;
}
#support .col_left, #support .col_right {
width : 396px;
float : left;
}
#support .row {
overflow : hidden;
padding-bottom : 30px;
}
#support .contact {
float : left;
display : block;
width : 395px;
height : 67px;
text-decoration : none;
margin-left : 20px;
background : #363636;
}
#support .contact p {
font-size : 14px;
padding : 16px;
}
#support .contact:active {
background : #282828;
}
#support .contact p strong {
color : #fff;
}
#support ul {
list-style : none;
}
#support ul li {
padding : 7px 5px 5px 5px;
float : left;
}
#support ul li a {
text-decoration : none;
}
#support ul li a:hover {
text-decoration : underline;
}
#support ul li {
background : url('pix-nul.png') no-repeat center 23px;
}
#agenda {
padding : 30px;
}
#agenda h1 {
	font-size : 23px;
	font-family: "Trebuchet MS", Verdana;
}
#agenda .column {
float : left;
padding-top : 28px;
width : 265px;
margin-right : 30px;
}
#agenda .column.second {
	margin-right : 0px;
	width : 525px; height:330px;
}
#agenda .column.second.pop {
	margin-right : 0px;
	width : 525px; height:380px;
}
#agenda .column.ter {
	margin-right : 0px;
	width : 260px;
}
#agenda .column.quart {
	margin-right : 0px;
	width : 260px;
}
#agenda #agenda_box {
background : #363636;
padding : 18px 18px 15px;
overflow : hidden;
}
#agenda #agenda_box p {
clear : left;
float : left;
padding : 8px 0 0 0;
margin : 0;
width : 400px;
font-size : 11px;
}
#agenda #agenda_box .button.agenda {
margin-left : 10px;
}
#agenda #agenda_box .button {
margin-left : -2px;
margin-top : 0;
margin-bottom : -4px;
}
#agenda img {
margin-top : 18px;
margin-left : -14px;
}
#agenda .column p {
	padding : 10px 0 45px 0; margin-right:30px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
.form {
overflow : auto;
}
.form label {
color : #626262;
font-size : 12px;
clear : left;
float : left;
width : 265px;
text-align : right;
padding : 10px;
}
.form .input {
float : left;
}
.form .info {
clear : left;
padding-left : 285px;
padding-bottom : 6px;
}
.form .info p {
width : 310px;
font-size : 11px;
}
.form .form_row .input input, .form .form_row textarea {
color : #626262;
}
.form .form_row.focus label {
color : #fff;
}
.form .form_row.error label {
color : #c44b43;
}
.form .form_row.focus .input input, .form .form_row.focus textarea {
border-color : #fff;
color : #fff;
}
.clearl {
clear : left;
}
.content_with_sidebar h2 {
margin-top : 30px;
float : left;
clear : left;
}
.content_with_sidebar h2.no_margin {
margin : 0;
}
.content_with_sidebar .a_content {
overflow : hidden;
min-height : 300px;
}
.content_with_sidebar .quicklook {
float : right;
margin-top : 35px;
}
.content_with_sidebar .quicklook.no_margin {
margin-top : 5px;
}
a.quicklook {
font-weight : bold;
text-decoration : none;
display : block;
background : url('quicklook.png') no-repeat 0% 3px;
font-size : 11px;
padding : 0 0 1px 20px;
}
a.quicklook:active {
color : #888888;
background-position : 0% -20px;
}