@charset "utf-8";
html{font-size:100%}
body{font:100% Arial, Helvetica, sans-serif;text-align:center;color:#777777;background-color:#efefef;margin:0}
a {color: #44B6AC;text-decoration: none; -webkit-transition: color .2s linear; -moz-transition: color .2s linear;}
a:hover {color: #C14A28;-webkit-transition: color .2s linear; -moz-transition: color .2s linear;}
/************************************************************************ CONTAINER */
#container{width:1020px;margin:0 auto;text-align:left;} 
/************************************************************ V TABS*/
#vtab {margin:30px auto;width: 1020px;height: 100%;}
#vtab > ul > li {font-size:14px;font-weight:bold;text-transform:uppercase;width: 280px; height: 30px; background-color: #fff !important; list-style-type: none; display: block; text-align:left; margin: auto; padding:20px 0 20px 20px; border: 1px solid #fff; position: relative; border-right: none; opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);}
#vtab > ul > li.bienvenue {background: url('images/home.png') no-repeat right center;}
#vtab > ul > li.new {background: url('images/new.png') no-repeat right center;}
#vtab > ul > li.compte {background: url('images/key.png') no-repeat right center;}
#vtab > ul > li.catalogues {background: url('images/catalogues.png') no-repeat right center;}
#vtab > ul > li.contact {background: url('images/contact.png') no-repeat right center;}
#vtab > ul > li.nouveaucat {background: url('images/demande.png') no-repeat right center;}
#vtab > ul > li.chat {background: url('images/support.png') no-repeat right center;}
#vtab > ul > li.selected {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1px solid #ddd;  border-right: none; z-index: 10; background-color: #ffffff !important; position: relative; }
#vtab > ul {float: left; width:300px; text-align: left; display: block; margin: auto 0; padding: 0; position: relative; top: 30px;}
#vtab > div {background-color: #fff; margin-left: 300px; border: 1px solid #ddd; min-height: 500px; padding: 20px 40px; position: relative; z-index: 9; -moz-border-radius: 20px; box-shadow: 0 1px 2px #aaa; -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; border-radius: 5px; text-align:left}
#vtab > div > h1 {color: #000000; font-size: 1.4em; border-bottom: 1px dotted #333333; padding-top: 10px; padding-bottom:10px; margin:0 0 20px 0;}
#vtab > div > h2 {color: #333333; font-size: 1.1em; font-style:italic; font-weight:normal;margin-bottom:15px}
#vtab > div > p {color: #555555; font-size: 0.8em;}
#vtab img {margin:0 8px 8px 0;border:solid #CCCCCC 1px;padding:5px;height:30px;width:70px}
#vtab div li {margin:0;list-style:none;display:inline;}
#vtab div li.avantages {display:list-item; list-style:url(images/check.png);line-height:25px;font-size: 0.85em;color: #555555}
#vtab div li.options {display:list-item; list-style:url(images/favorite.png);line-height:25px;font-size: 0.85em;color: #555555}
/************************************************************ FORMULAIRES*/
form {margin-top:20px}
label {color:#555555;font-size:0.8em;width:150px;text-align:left;float:left;display:inline-block}
fieldset {border: none;}
textarea {width:50%}
input[type=text] {width:50%}
input[type=submit], input[type=button] {background-color: #44B6AC; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 -3px 0 rgba(0, 0, 0, .3) inset, 0 0 10px rgba(255, 255, 255, .3) inset, 0 2px 4px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 -3px 0 rgba(0, 0, 0, .3) inset, 0 0 10px rgba(255, 255, 255, .3) inset, 0 2px 4px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 -3px 0 rgba(0, 0, 0, .3) inset, 0 0 10px rgba(255, 255, 255, .3) inset, 0 2px 4px rgba(0, 0, 0, .2); color: #fff; display: block; font-size: 0.9em;font-weight: bold; text-align: center; text-shadow: 0 -1px rgba(0, 0, 0, .2); padding:8px 20px; margin-left:150px}
input[type=submit]:hover, input[type=button]:hover {background-color: #008688}
input[type=submit]:active, input[type=button]:active {background-color: #008688}
input[type=submit]:visited, input[type=button]:visited {background-color: #008688}
/************************************************************ LISTE CATALOGUES */
.panes div {display:none;padding-top:15px;border:1px solid #999;border-top:0;margin:0}
ul.tabs {list-style:none; margin:0 !important; padding:0;border-bottom:1px solid #666;height:30px;}
ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
ul.tabs a {background:#DFE7EC;display:block;line-height:30px;text-align:center;text-decoration:none;color:#333;padding:0 7px;margin:0px;position:relative;font-size:11px;border:1px solid #666;}
ul.tabs a:active {outline:none;}
ul.tabs a:hover {background:#44B6AC;color:#fff;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background:#008688;cursor:default !important;color:#fff !important;}
.panes .pane {display:none;}
.panes li {margin:0;padding:0;list-style:none;display:inline}
/************************************************************ YOUTUBE */
#vtab #video {width:100%;display:block;position:relative;text-align:left;margin-bottom:5px}
#vtab #video .video_titre {font-size:0.9em; margin:0;}
#vtab #video .video_description {font-size:0.7em;color:#666666; margin:0}
#vtab #video .video_autre {font-size:0.7em;color:#333333; margin-top:5px}