@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
/*

[Reset + default styles + extra ]

[Layout]

[Theme : Blocks]

[Theme : Content]

[access cards]

[authors]

[faq]

[elearning]

[home]

[carousel]

[menu]

[error]

[autocomplete]

[title list]

[title info]

[tabs] 

[category list]

[member]

[signup]

[cart]

[shipping]

[payment]

[elearning]

[affilies]

[ipad]

/*** RESET CSS

******************************************************************/
html, body, div, span, applet, object, embed, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul
, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 15px;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
	line-height: 22px;
}
:focus {
    outline: 0 none;
}

p{
	line-height: 22px !important;
}
body {
    font-size: 0.625em;
    line-height: 1;
}
ol, ul {
    list-style: none outside none;
}
table {
    border-spacing: 0;
}
caption, th, td {
    font-weight: 400;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
html {
    font-size: 100.01%;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, fieldset, address, label {
    margin: 1em 0;
}
h1{
    line-height: 34px;
}
#index-h1{
    font-size: 38px;
}
body {
    color: #333333;
    font-family: 'Open Sans',sans-serif;
}
a:link, a:visited {
    color: #0861AC;
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
}
a:link img, a:visited img, a:hover img {
    text-decoration: underline;
}
blockquote {
    background: url("../images/quote1.gif") no-repeat scroll 1em 1em #F5F5F1;
    color: #444444;
    margin: 0 0 1.5em 2em;
    padding: 0 1em 0.2em 4em;
}
blockquote p {
    background: url("../images/quote2.gif") no-repeat scroll right bottom transparent;
    padding: 1em 4em 0 0;
}
fieldset {
    line-height: 1.5em;
    padding: 0.5em;
}
fieldset label {
    margin-left: 1em;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 2em;
    font-weight: 400;
}
h1 {
    color: #666;
    margin: 1.6em 0 0.2em;
	font-size: 34px;
}
h2 {
    color: #196597;
    font-size: 1.7em;
    margin-bottom: 0.8em;
}
h2.title {
	color:#333;
	font-weight: bold
}
h3 {
    color: #666;
	font-size: 15px;
}
h4 {
    font-size: 1.4em;
    font-weight: 700;
}
h5 {
    font-size: 1.3em;
}
h6 {
    font-size: 1.2em;
}
input {
    font-size: 11px;
    padding: 1px;
    vertical-align: middle;
}
input.btn {
    font-size: 12px;
	padding: 4px 9px;
	height: 28px;
	margin-top: 8px;
}
legend {
    font-weight: 700;
}
li, dd {
    margin-left: 2em;
    margin-top: 0.3em;
    line-height: 1.4em;
}
ul,ol {
    list-style-position: outside;
    list-style-type: disc;
}
ol {
    list-style-type: decimal
}

option {
    padding-right: 0.5em;
}
p {
    line-height: 1.4em;
    margin: 0 0 1.4em;
}

#reduite p p ,#agrandi p p {
	margin:0 !important;}

#reduite p {
	line-height: 21px;
}
pre {
    background: none repeat scroll 0 0 #EEECE0;
    border-left: 5px solid #CFCDC2;
    font-family: courier new,courier,monospace;
    line-height: 1.4em;
    margin: 1.5em 2em 1.5em 0;
    overflow: auto;
    padding: 0.5em 2em;
}
select {
    color: #0861AC;
}
sup {
    font-size: 0.9em;
    position: relative;
    top: -3px;
}
small {
    font-size:.9em
}
strong, em {
    font-weight: 700;
}
table {
    border: 1px solid #C2DFEF;
    border-collapse: collapse;
}
textarea {
    color: #0861AC;
}
td, th {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    line-height: 100%;
    padding: 0.6em 0.5em;
}
th {
    /*-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/thBg.gif") repeat-x scroll center top #2C80B3;
    border-color: #2C80B3 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    color: #FFFFFF;
    font-weight: 700;*/
}

.bold{
	font-weight: bold;
}

.center{
	text-align: center;
}

.categoryList {
    border-color: #E8F3F9;
}
.categoryList th {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #333333;
}
tr.gridTwo td {
    background: none repeat scroll 0 0 #E5F1F8;
}
td a:hover, td a:focus {
    color: #000000;
    text-decoration: none;
}
td img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.info, .tips, .promo, div.error {
    background: url("../images/info.gif") no-repeat scroll 1em 50% #E5F4FE;
    border: 1px solid #6FABDC;
    color: #206097;
    margin: 1em 0 1.5em;
    padding: 0.8em 1em 0.8em 5em;
}
.info a:link, .info a:visited {
    text-decoration: underline;
}
div.error {
    background: url("../images/warning.gif") no-repeat scroll 1em 50% #FFEAE0;
    border: 1px solid #E18181;
    color: #C12B2B;
}
div.error p {
    margin: 0;
}
.error {
    border: 1px solid #E18181;
    color: #C12B2B;
}
label.error {
    border: medium none;
    font-weight: bold;
}
.tips {
    background: url("../images/tips.gif") no-repeat scroll 1em 50% #FFFFE0;
    border: 1px solid #F7CA66;
    color: #333333;
}
.promo {
    background: url("../images/present.png") no-repeat scroll 1em 50% #FFEEE0;
    border: 1px solid #FFCA9F;
    border-radius: 10px 10px 10px 10px;
    color: #333333;
    margin: 2em auto;
    width: 350px;
}
td.paging {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-right: 1em;
    text-align: right;
}
.clear {
    clear: both;
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    visibility: hidden;
}
.orange {
    color: #EF5F0B;
}
.infoBox h5 {
    background: none repeat scroll 0 0 #F5FAFC;
    border-bottom: 1px solid #E5F1F8;
    padding: 0.2em;
}
.infoBox p {
    line-height: 150%;
}
.infoBox span {
    font-weight: 700;
}
h4.title {
    margin-bottom: 0.2em;
}
h5.title {
    margin-bottom: 0.5em;
}
.support h3 {
    font-size: 1.2em
}
span.strike, label.strike {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    padding-right: 3px;
    text-decoration: line-through;
}
label.strike {
    color: #E20E0E;
    font-size: 0.8em;
    padding-right: 4px;
}
.highlight {
    background: none repeat scroll 0 0 yellow;
}
.imgleft {
    float:left;
    margin:0 1em .5em 0
}
.imgright {
    float:right;
    margin:0 0 .5em 1em
}
.small, small {
    font-size:.9em
}
.title span {
    font-weight: 400;
    display: block
}
/*LAYOUT*/
.container{
	width: 1024px;
	padding: 0;
}

.full-container{
	width: 100%;
}
#wrapper {
    font-size: 1.1em;
    /* margin: 0 auto; */
}
#wrap2 {
    position: relative;
	margin-top:76px;
	z-index: 0;
}
#wrap2-cat {
    position: relative;
    background: #FFFFFF;
	margin-top: 76px
}
#header {
    color: #333333;
    float: left;
    font-size: 1.04em;
    height: 73px;
    width: 100%;
	min-width: 1030px;
	background : #36a6eb;
	padding-left: 8%;
	padding-right: 8%;
	z-index: 2;
}
#header *{
	z-index: 2;
}
#header-cat {
    color: #333333;
    float: left;
    font-size: 1.04em;
    height: 102px;
    width: 100%;
	min-width: 916px;
	background : url("../images/header.png") center top no-repeat;
}

#header-container {
	height:1px;
	margin:auto;
}

#header-container-cat {
	height:1px;
	margin:auto;
}
#topleft {
    float: left;
    width: 0px;
}
#topright {
    float: right;
    height: 28px;
    margin-bottom: 2px;
    margin-top: 23px;
    padding: 3px 0 10px;
    width: 720px;
}
#header div.connexion {
    float: right;
    height: 30px;
    line-height: 26px;
    text-align: center;
    width: 310px;
	margin-top: 24px;
}

#header-container-cat #header div.connexion {
    text-align: right;
}

#header div.connexion ul#pannierItems{
    display: inline;
    margin: 0;
}
#header div.connexion ul#pannierItems li{
    display: inline;
    margin: 0;
    position: relative;
}
#header div.connexion a {
    color: white;
	font-size: 12px;
	padding: 8px !important;
	text-decoration: none;
	border: 1px solid white;
	border-radius: 5px;
	padding-left: 18px !important;
	margin-right: 10px;
	position: static;
}
#header div.connexion a span.button-title {
    color: white;
	font-size: 15px;
	text-decoration: none;
	display: inline !important;
	font-weight: normal;
}
#header div.connexion a#connexion {
	display: inline;
    background: url("../images/icons/connexion-icone.png") no-repeat scroll 9px 8px transparent;
    background-size: auto auto;
	padding: 7px 3px 2px 20px;
	background-size: 14px;
	padding-left: 29px !important;
}
#header div.connexion a#mobileConnexion {
	display: none;
    background: url("../images/icons/connexion-icone.png") no-repeat scroll 4px 5px transparent;
    background-size: auto auto;
	padding: 7px 3px 2px 20px;
	background-size: 14px;
}
#header div.connexion a#listCours {
	background: url("../images/icons/menu-icone.png") no-repeat scroll 8px 12px transparent;
	background-size: auto auto;
    padding: 7px 3px 2px 20px;
    background-size: 15px;
	padding-left: 29px !important;
}
}
#header div.connexion a.connexion_hover {
    background-color: #FFFFFF !important;
    background-position: 4px 7px !important;
    border-radius: 5px 5px 0 0;
    text-decoration: none;
}
#header div.connexion a.pannier_hover {
    background-color: #FFFFFF !important;
    background-position: 2px 7px !important;
    border-radius: 5px 5px 0 0;
    text-decoration: none;
}
#header div.connexion a span {
    color: #FF8200;
    font-weight: bold;
}

#top-block{
	background: url(../images/header-bg.jpg) center center #ecede8;
	background-size: cover;
	padding-bottom: 60px;
	clear: both;
	margin-top: -4px;
}

#top-block .blue-button {
	color: #FFFFFF;
	background: #36a6eb;
	display: inline-block;
	padding: 8px 11px;
	text-decoration: underline;
}

.vtc_hm_baner {
 display:block;
 color:#535453;
 float:left;
 width:100%
}
.vtc_hm_baner h1 {
 font-size:3em;
 padding-bottom:35px;
 padding-top:0;
 text-align:center;
 font-weight:300;
 margin-top: 50px;
}
.vtc_hm_search {
 text-align:left;
 display:block;
 float:left;
 width:100%;
 padding-bottom:10px;
 padding-top:1em;
 z-index:100
}
.vtc_hm_search .hdtxt {
 text-align:left;
 font-size:1.25em;
 padding-bottom:8px;
 padding-top:0;
 font-weight:400
}
.hm_formblock {
 display:block;
 padding-bottom:5px
}
.hm_formblock input {
 width:78%;
 height:45px;
 padding-left:45px;
 border:1px solid #bcbcbc;
 float:left;
 padding-top:10px;
 padding-bottom:10px;
 font-size:16px;
 background-image: url(../images/search68.png);
 background-repeat: no-repeat;
 background-position:10px 10px;
 -webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);
 -moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);
 box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);
 z-index:500;
 position:relative
}
.hm_formblock input[type=text],textarea {
 border-left:1px solid #bcbcbc;
 border-right:0 solid #bcbcbc;
 border-bottom:1px solid #bcbcbc;
 border-top:1px solid #bcbcbc
}
.hm_formblock input[type=text]:focus,textarea:focus {
 box-shadow:0 0 5px rgba(81,203,238,1);
 border:1px solid rgba(81,203,238,1)
}
::-webkit-input-placeholder {
 color:#838383;
 font-style:italic
}
::-moz-placeholder {
 color:#838383;
 font-style:italic
}
:-ms-input-placeholder {
 color:#838383;
 font-style:italic
}
input:-moz-placeholder {
 color:#838383;
 font-style:italic
}
.vtc_hm_searchbtn input {
 width:22%;
 height:45px;
 float:left;
 color:#fff;
 padding:10px;
 background-color:#36a8ec;
 border:1px solid #36A8EC;
 background-image:none!important
}
.vtc_hm_baner .hm_subject_more .btn-how-works {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #36a7ec;
  font-size: 24px;
  font-weight: 400 !important;
  margin-bottom: 10px;
  margin-right: 0;
  padding: 6px 0 !important;
  text-decoration: underline;
  width: auto !important;
}
.vtc_hm_baner .hm_subject_more .btn-how-works img {
  margin-right: 10px;
  width: 37px;
  vertical-align: middle;
}
.btn-how-works:hover{
  background-color: transparent;
}
.btn-how-works.active,.btn-how-works:active,.btn-marketplace-more.active,.btn-marketplace-more:active,.btn-marketplace.active,.btn-marketplace:active,.btn-moren.active,.btn-moren:active,.open>.dropdown-toggle.btn-how-works,.open>.dropdown-toggle.btn-marketplace,.open>.dropdown-toggle.btn-marketplace-more,.open>.dropdown-toggle.btn-moren {
 background-image:none
}
.vtc_hm_searchbtn input[type=button],textarea {
 border-left:1px solid #36A8EC;
 border-right:1px solid #36A8EC;
 border-bottom:1px solid #36A8EC;
 border-top:1px solid #36A8EC
}
.vtc_hm_searchbtn input[type=button]:hover,textarea:hover {
 background-color:#238fd0;
 border:1px solid #238fd0
}
.hm_all_course {
 text-align:right;
 color:#36a8ec;
 padding-bottom:3em;
 width:100%
}
.hm_all_course a {
 color:#36a8ec
}
.hm_all_course a:hover {
 color:#238fd0
}
.hm_subject {
 padding-top:1em;
 text-align:left;
 padding-bottom:1em
}
.hm_subject .hd,.hm_subject p {
 font-family:'Open Sans',sans-serif;
 padding-bottom:0;
 padding-top:0;
 text-align:left;
 color:#535453
}
.hm_subject .hd {
 font-size:1.15em;
 font-weight:600
}
.hm_subject p {
 font-size:1.1em;
 font-weight:400
}
.btn-how-works,.btn-moren {
 font-family:'Open Sans'!important;
 padding-left:40px;
 padding-right:40px;
 font-weight:300!important;
 margin-left:0;
 margin-right:15px
}
.hm_subject_btnCont {
 padding-top:.2em;
 padding-bottom:6em;
 float:left;
 text-align:left
}
.btn-moren {
 color:#535453;
 background-color:transparent;
 margin-bottom:10px;
 border-color:#7e7e7e!important;
 padding-top:6px!important;
 padding-bottom:6px!important
}
.btn-moren.focus,.btn-moren:focus {
 color:#fff;
 background-color:#383838;
 border-color:#515151
}
.btn-moren.active,.btn-moren:active,.btn-moren:hover,.open>.dropdown-toggle.btn-moren {
 color:#333;
 background-color:#e6e6e6;
 border-color:#adadad
}
.btn-moren.active.focus,.btn-moren.active:focus,.btn-moren.active:hover,.btn-moren:active.focus,.btn-moren:active:focus,.btn-moren:active:hover,.open>.dropdown-toggle.btn-moren.focus,.open>.dropdown-toggle.btn-moren:focus,.open>.dropdown-toggle.btn-moren:hover {
 color:#333;
 background-color:#d4d4d4;
 border-color:#8c8c8c
}
.btn-how-works {
 color:#535453;
 background-color:transparent;
 margin-bottom:10px;
 border-color:#7e7e7e!important;
 padding-top:6px!important;
 padding-bottom:6px!important
}
.btn-marketplace,.btn-marketplace-more {
 font-family:'Open Sans'!important;
 padding-left:50px;
 padding-right:50px;
 font-weight:300!important;
 margin-left:0;
 margin-right:5px;
 margin-bottom:10px;
 padding-top:6px!important;
 padding-bottom:6px!important
}
.btn-how-works.focus,.btn-how-works:focus {
 color:#fff;
 background-color:#383838;
 border-color:#515151
}
.btn-how-works.active,.btn-how-works:active,.btn-how-works:hover,.open>.dropdown-toggle.btn-how-works {
 color:#333;
 background-color:#e6e6e6;
 border-color:#adadad
}
.btn-how-works.active.focus,.btn-how-works.active:focus,.btn-how-works.active:hover,.btn-how-works:active.focus,.btn-how-works:active:focus,.btn-how-works:active:hover,.open>.dropdown-toggle.btn-how-works.focus,.open>.dropdown-toggle.btn-how-works:focus,.open>.dropdown-toggle.btn-how-works:hover {
 color:#333;
 background-color:#d4d4d4;
 border-color:#8c8c8c
}


iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
} 
ul.topnav {
    background: url("topnav_bg.gif") repeat-x scroll 0 0 transparent;
	float: right;
	font-size: 1.2em;
	clear: both;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	margin-right: 23px;
	margin-top: 2px;
}
ul.topnav li {
    float: left;
    font-size: 12px;
    height: 23px;
    list-style: none outside none;
    margin: 0;
    padding-left: 5px;
    position: relative;
}
ul.topnav li:hover {
    background-color: #FFFFFF;
    border-radius: 5px 5px 0 0;
}
ul.topnav li:hover a {
    color: #000000;
    text-decoration: none;
}
ul.topnav li a {
    color: #004B6C;
    display: block;
    float: left;
    padding: 5px;
    text-decoration: underline;
}
ul.topnav li span {
    background: url("../images/arrowMenu.png") no-repeat scroll left 59% transparent;
    float: left;
    height: 23px;
    width: 17px;
}
ul.topnav li span.subhover {
    background-position: center bottom;
    cursor: pointer;
}
ul.topnav li ul.subnav {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.53);
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 10px;
    position: absolute;
    top: 23px;
    width: 200px;
    z-index: 9999;
}
ul.topnav li ul.subnav li {
    clear: both;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 170px;
}
ul.topnav li ul.subnav li a:hover {
    text-decoration: none;
}
html ul.topnav li ul.subnav li a {
    color: #0861AC;
    float: left;
    font-size: 11px;
    padding-left: 20px;
    text-decoration: underline;
    width: 170px;
}
html ul.topnav li ul.subnav li a.externe {
    background: url("../images/external-link.gif") no-repeat scroll 90% 50% transparent;
    padding-right: 10px;
}
html ul.topnav li ul.subnav p strong {
    color: #000000;
    float: left;
    font-size: 11px;
    padding-left: 20px;
    padding-top: 5px;
    width: 170px;
}
.subnav dl, .subnav dl dt, .subnav dl dd {
    margin: 0;
    padding: 0;
}
.subnav dd a {
    color: #0861AC !important;
    float: left !important;
    font-size: 11px !important;
    line-height: 20px !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-top: 0 !important;
    text-decoration: underline !important;
}
.subnav dd a:hover {
    text-decoration: none !important;
}
#logo {
    height: 68px;
    margin: 10px 0 0 10px;
    overflow: hidden;
    width: 235px;
	position:relative;
	display: none;
}
#tutorom-logo{
    margin: 5px 40px 0 0px;
	height: 60px;
}
#logo span, #signature span {
    visibility: hidden;
}
#logo a, #signature a {
    text-decoration: none;
	position:absolute;
}
#signature {
    height: 20px;
    margin: 0 0 0 10px;
    overflow: hidden;
    width: 235px;
	position:relative;
	display: none;
}
#topmenu {
    margin: 4px 0 0;
    width: 210px;
}
#topmenu li {
    border-right: 1px solid #6D97B7;
    display: inline;
    margin: 0 0.5em 0 0;
    padding-right: 0.6em;
}
#topmenu li.langue {
    border: 0 none;
    margin: 0 0 0 0.8em;
    padding: 0;
}
#topmenu li.langue1 {
    border: 0 none;
    color: #CCCCCC;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 50px;
    padding: 0;
}
#topmenu li a {
    color: #F0F0F0;
}
#header-search {
    background-color: transparent;
	background-position: 3px 2px;
	background-repeat: no-repeat;
	border-radius: 5px 5px 5px 5px;
	margin-left: 3px;
	margin-right: 10px;
	margin-top: 4px;
	float: none;
	width: 430px !important;
}
#header-search form{
    position: relative;
}
#header-search h3 {
    margin-bottom: 7px;
    margin-left: 25px;
    position: relative;
}
#header-search #modSearchTitleWord {
    border: 1px solid #aaa;
    color: #666666;
    font-size: 13px;
    height: 36px;
    margin-right: 5px;
    margin-top: -3px;
    padding: 7px;
    width: 425px;
	float: left;
}

#header-search .search {
    position: absolute;
	background: #36a6eb;
	margin: 0;
	padding: 7px 13px;
	right: -4px !important;
	top: -2px !important;
}

#top-search {
    border: medium none;
	color: #666666;
	font-size: 13px;
	margin-right: 5px;
	padding: 0;
	width: 290px;
	height: 32px;
	background: #F9F9F9;
	margin-top: 21px;
}
#top-search form{
    position: relative;
}
#top-search h3 {
    margin-bottom: 7px;
    margin-left: 25px;
    position: relative;
}
#top-search #modSearchTitleWord {
	border: medium none;
	border-right-width: medium;
	border-right-style: none;
	border-right-color: currentcolor;
    color: #666666;
    font-size: 13.5px;
    height: 22px;
    margin-right: 5px;
    margin-top: -3px;
    padding: 7px;
    width: 250px;
    height: 35px;
    background: #f9F9F9;
    border-right: 1px solid #bbb;
}

#button-search{
	position: absolute;
	background: #F9F9F9;
	margin: 0;
	padding: 8.5px 13px;
	right: -4px !important;
	top: -3px !important;
}

#header-l{
	width : 1024px;
	margin : auto;
	max-width: 1024px;
	min-width: 1024px;
}

#header-r{
	width : 1024px;
	max-width: 1024px;
	min-width: 1024px;
}

#header-container-cat #header-r, #header-container-cat #header-l{
	width : 916px;
	max-width: 916px;
	min-width: 916px;
}

#navigation {
    background: url("../images/hmenu-bg.gif") repeat-x scroll 0 0 transparent;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
	margin-top: 99px;
    height: 38px;
	box-shadow: #999 1px 6px 5px -5px;
	-webkit-box-shadow: #999 1px 6px 5px -5px;
	-moz-box-shadow: #999 1px 5px 5px -5px;
    line-height: 26px;
}
#mainmenu {
    float: left;
}
#rightmenu {
    border-left: 1px solid #76B1D3;
    border-right: 1px solid #76B1D3;
    float: right;
    margin-right: 13px;
    width: 240px;
}
#rightmenu ul, #rightmenu li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#rightmenu li {
    float: left;
    width: 120px;
}
#rightmenu a {
    color: #FFFFFF;
    display: block;
    font-size: 1.1em;
    height: 29px;
    line-height: 26px;
    margin: 0;
}
a.cartLink {
    background: url("../images/menu-cart.gif") no-repeat scroll 10px 5px #008BBC;
    border-right: 1px solid #76B1D3;
    padding-left: 38px;
}
a.ordersLink {
    background: url("../images/compte.gif") no-repeat scroll 10px 5px #2A93C3;
    padding-left: 30px;
}
.fullwidth {
    margin-left: 25px;
    padding: 0 !important;
    width: 976px !important;
}
.fullwidth .firstBox{
    margin: 0 !important;
}
.blue-bg{
	background: #36a6eb;
}
.blue-bg h1{
	color: #F5F5F5;
}

.blue-bg h2{
	color: #FAFAFA;
	font-size: 26px;
}

.blue-bg h3{
	color: #FAFAFA;
	font-size: 16px;
}

.exclusive-offer{
	color: white;
	margin-top: 40px;
}


.exclusive-offer .title{
	width: 96%;
	margin-left: 10%;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 0px 0px;
	border-bottom: none;
	background: #ff7d08;
	padding: 6px;
}


.exclusive-offer .price{
	font-size: 22px;
	width: 96%;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-radius: 0px 0px 3px 3px;
	padding: 6px;
	margin-left: 10%;
}


.orange-button{
	display: block;
	color: white !important;
	font-size: 15px;
	width: 96%;
	text-align: center;
	box-shadow: 0px 0px 1px 1px #FAFAFA;
	border-radius: 0px 0px 3px 3px;
	padding: 6px;
	background: #ff7d08;
	margin-top: 7px;
	margin-left: 10%;
}

.features {
	font-size: 11px;
	margin-top: 15px;
}

.features .title{
	font-size: 15px;
	width: 86%;
	margin-left: 7%;
	text-align: left;
	font-weight: bold;
	margin-top: 16px;
}

.features .description{
	font-size: 14px;
	width: 86%;
	margin-left: 7%;
	text-align: left;
}

.features img{
	height: 48px;
}

.tutorial img{
	display: block;
	margin: auto;
	width: 100%;
}

.tutorial .titleName{
	display: block;
	width: 86%;
	margin-left: 7%;
	margin: auto;
	color: #333;
	height: 31px;
	margin-top: 5px;
	line-height: 17px;
	font-size: 13.5px;
}

.tutorial .titleName:hover{
	text-decoration: none;
}

#new-tutorials .blue-button {
	color: #FFFFFF !important;
	background: #36a6eb;
	display: block;
	padding: 8px 11px;
	text-decoration: underline;
	width: 150px;
	margin: auto;
	text-align: center;
}

#new-tutorials a:hover {
	text-decoration: none;
}

#new-tutorials a span:hover {
	text-decoration: underline;
}

#new-tutorials h3{
	font-size: 18px;
	padding: 10px;
}

.black-bg{
	background: #333;
	padding-bottom: 40px;
}

.black-bg h1,.black-bg h2,.black-bg h3{
	color: #FAFAFA;
}

.black-bg h1{
	line-height: 34px;
}

.black-bg h3{
	color: #AAA;
	margin-bottom: 25px;
	font-size: 20px;
}

.black-bg .option img{
	height: 32px;
}

.black-bg .option .title{
	text-align: center;
	font-size: 18px;
}

.option {
	font-size: 11px;
	margin-top: 15px;
	color: #F5F5F5 !important;
}

.option .title{
	font-size: 12px;
	width: 86%;
	margin-left: 7%;
	text-align: left;
	font-weight: bold;
	margin-top: 16px;
}

.option .description{
	font-size: 14px;
	width: 86%;
	margin-left: 7%;
	text-align: left;
}

.option img{
	display: block;
	margin: auto;
}

#options .option-button{
	border: 1px solid #ddd;
	color: #FAFAFA;
	display: inline;
	padding: 6px 20px;
	margin-left: 20px;
	border-radius: 3px;
	font-size: 16px;
}

#options .option-button:first-child{
	margin-left: 0px;
}

#leftcolumn {
	margin-top: 40px;
    color: #333333;
    float: left;
    padding: 1em 0 2em 0;
    width: 650px;
}
#leftcolumn h3, #calendrier h3 {
    color: #333333;
    font-weight: bold;
}
#rightcolumn {
    color: #333333;
    display: inline;
    float: right;
    margin-right: 20px;
    padding-bottom: 2em;
    padding-top: 1.5em;
    position: relative;
    top: -3px;
    width: 242px;
}

.liste-formations{
	margin-bottom: 8px; 
	font-size: 14px; 
	text-decoration:underline
}

#more-titles{
	background: #b3dee7; 
	width: 916px; 
	margin-top: 10px; 
	text-align: center; 
	height: 25px; 
	padding-top:13px; 
}

#more-titles a{
	font-size: 13px; 
	color: #6a6a6a; 
	font-weight: bold;
}

#more-titles a:hover{
	text-decoration: none;
}

#more-titles a span{
	font-size: 11px
}

.bloc-recherche{
	padding-top: 35px; 
	padding-right: -15px; 
	margin-right: -8px;
}

#acces-vod{
	background: #cbbeab; 
	width: 896px; 
	margin-top: 20px; 
	text-align: center; 
	height: 152px; 
	padding:10px; 
}

#acces-vod h1{
	color: #e71288; 
	font-weight: bold; 
	margin:0;
}

#acces-vod p{
	color: white; 
	margin-top: 8px; 
	line-height:220%; 
	font-size: 14px;
}

#acces-vod a.vod-button{
	display: block; 
	background: #f7e8d3; 
	height: 32px; 
	padding-top: 6px; 
	width: 300px; 
	margin:auto; 
	margin-top: 12px; 
	box-shadow: -3px 3px 1px 0px #c5ac8d; 
	color: #666; 
	font-weight: bold; 
	font-size: 16px
}

#acces-vod a.vod-button:hover{
	text-decoration: none;
}

footer {
    padding-bottom: 30px;
}

footer .footer-links {
    margin-top: 25px;
    margin-bottom: 15px;
	color: #FAFAFA;
}

footer .footer-links a, footer .domains a{
	color: #FAFAFA;
	display: inline;
}

footer .contact, footer .copyright, footer .domains{
	margin-top: 7px;
	color: #FAFAFA;
}

#foot_in {
    font-size: 1.1em;
    margin: 0;
    text-align: left;
	width: 1024px;
    margin: 0 auto;
    position: relative
}
#foot_in li {
    list-style: none outside none;
    margin: 0;
}

#foot_in div {
    float: left;
}

.f_sites a:link,.f_sites a:visited,
.address a:link,.address a:visited {
	color:#BEF1FA
}
#foot_bot, .f_logo, .fw a,.f_sites a:hover,.address a:hover,.f_sites {
	color:#fff
}
p.f_sites {
	
	margin:0;
	color:#BEF1FA;
	text-align: center
}
p.address {
	clear: both;
	color:#BEF1FA;
	padding-top:2em;
	margin-bottom: 0;
	text-align: center
}
p.legals {
    color: #BEF1FA;
    font-size: 0.91em;
    padding:0 0 2em;
    margin-top:1px;
    text-align: center;
    margin-bottom: 0;
}

.fw {
	font-size:1.1em;
}
.fw h3 {
	margin-bottom:.3em;
	font-size:1.2em;
	font-weight: 700
}
.f_li_W {
	margin-left:2.5em
}
.fw ul {
    
    padding-right: 1em;
    margin-right:1em;
    border-right:1px solid #BEF1FA;
    min-height: 85px;
    min-width: 135px
}
.f_li {
    float: left;
    margin-top: 0.5em;
    
}
.f_li {
    float: left;
    margin-top: 0.5em;
    
}

.li_1 {
	border:0 !important;
	padding:0 !important;
	min-width: auto !important
   
}
.cat-li_2 {
	min-width: auto !important;
}

.cat-li_2 li {
	margin-bottom: 5px !important;
	width: 200px;
}
.f_prod ul {
border:0
}
/*BLOCKS*/
.b-t {
    background: url("../images/mod-t.png") repeat-x scroll center top #FFFFFF;
    margin-top: 10px;
}
.noH .b-t {
    background: url("../images/hb-px.gif") repeat-x scroll center top #FFFFFF;
    margin-top: 10px;
}
.wht .b-t {
    background: url("../images/mod-wht-t.png") repeat-x scroll center top #FFFFFF;
    margin-top: 10px;
}
.b-l {
    background: url("../images/hb-px.gif") repeat-y scroll left center transparent;
}
.b-r {
    background: url("../images/hb-r.gif") repeat-y scroll right center transparent;
}
.b-b {
    background: url("../images/hb-b.gif") repeat-x scroll center bottom transparent;
}
.b-tl {
    background: url("../images/mod-tl.png") no-repeat scroll left top transparent;
}
.noH .b-tl {
    background: url("../images/hb-tl.gif") no-repeat scroll left top transparent;
}
.wht .b-tl {
    background: url("../images/mod-wht-tl.png") no-repeat scroll left top transparent;
}
.b-tr {
    background: url("../images/mod-tr.png") no-repeat scroll right top transparent;
}
.noH .b-tr {
    background: url("../images/hb-tr.gif") no-repeat scroll right top transparent;
}
.wht .b-tr {
    background: url("../images/mod-wht-tr.png") no-repeat scroll right top transparent;
}
.b-br {
    background: url("../images/hb-br.gif") no-repeat scroll right bottom transparent;
}
.b-bl {
    background: url("../images/hb-bl.gif") no-repeat scroll left bottom transparent;
    width: 100%;
}
.b-bl h3 {
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.wht .b-bl h3, .noH .b-bl h3 {
    color: #3492C6;
    font-size: 1.4em;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.b-bl a:link, .b-bl a:visited {
    text-decoration: underline;
}
.b-bl a:hover, .b-bl a:focus {
    text-decoration: none;
}
#recents ul {
    font-size: 1.1em;
    margin: 0.8em 1.2em 0 1.3em;
    padding-bottom: 1em;
}
.recommendation {
    clear: left;
    padding: 13px;
    width: 88%;
}
.recommendation ul {
    margin: 0 !important;
    padding: 0 !important;
}
.recommendation ul li {
    background: none repeat scroll 0 0 transparent;
    display: table-row;
    height: 130px;
    margin: 0;
    padding: 0;
}
.recommendation ul li p {
    margin: 0;
}
.recommendation ul li p.formationTitre {
    line-height: 1.1em;
    margin-bottom: 5px;
}
.recommendation ul li p.accroche {
    font-size: 0.9em;
}
.recommendation ul li p.detailsTitre a {
    color: #0861AC;
    float: right;
    font-weight: bold;
}
.recommendation ul li a img {
    float: left;
    margin: 0 9px 0 0;
    width: 60px;
}
.recommendation ul li a.titre {
    color: black;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
}
#help {
    background: url("../images/mod-help.png") no-repeat scroll 0 0 transparent;
    height: 130px;
    margin-top: 10px;
    width: 244px;
}
#help .arrowMenu {
    margin-right: 5.5em !important;
}
#help .arrowMenu li {
    line-height: 120% !important;
}
#help h3 {
    color: #FFFFFF;
    height: 28px;
    line-height: 28px;
    margin: 0 0 0.5em 3.5em;
    padding: 0;
}


.mod-tl {
    background: url("../images/mod-tl.png") no-repeat scroll left top #3492C6;
}
.mod-tr {
    background: url("../images/mod-tr2.gif") no-repeat scroll right top transparent;
}
.mod-t {
    background: url("../images/mod-t.png") repeat-x scroll center top #E7F5FE;
    margin-top: 10px;
}
.mod-br {
    background: url("../images/mod-br.gif") no-repeat scroll right bottom transparent;
}
.mod-bl {
    background: url("../images/mod-bl.gif") no-repeat scroll left bottom transparent;
    padding: 0 0 1.4em;
}
.mod-tl h3 {
    border-bottom: 1px solid #6BACD2;
    font-size: 1.3em;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.mod2 .mod-tl h3 {
    border: 0 none;
}
.mod-tl li {
    background: url("../images/arrowB.gif") no-repeat scroll 0 3px transparent;
    font-size: 1.1em;
    line-height: 115%;
    list-style: none outside none;
    margin: 0.6em 0 0;
    padding-left: 1.1em;
}
.mod-tl ul {
    margin: 0 0.8em 0 1em;
    padding-bottom: 1em;
}
#searchright .mod-bl {
    text-align: center;
}
#searchright form {
    padding-top: 0.9em;
}
#modSearchTitleWord {
    height: 15px;
    width: 150px;
}
#bondeau-formation {
    display: inline-block;
    padding: 3px 0 5px;
    text-align: center;
    width: 1024px;
}

#bondeau-cat {
    width: 100%;
	text-align: center;
    background: #a857b6;
	height: 250px;
	margin-top: 102px;
}


#bondeau-content {
    width: 916px;
	margin: auto;
	text-align: left;
	position: relative;
	padding-top: 55px;
}


#bondeau-content .cat-name{
    font-size: 54px; 
	color: #fff;
	width: 615px;
}


#bondeau-content .cat-accroche{
    font-size: 20px; 
	color: #fff; 
	line-height: 140%; 
	margin-top: 10px;
}

#bondeau-content .cat-img{
    float:right; 
	position:relative; 
	top: -13px; 
	width: 390px;
}


#presentation-cat {
    width: 100%;
	text-align: center;
    background: #ecf0f1;
	margin-top: 2px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#presentation-cat .presentation-content {
    width: 800px; 
	margin:auto; 
	text-align:left;
}

#presentation-cat .cat-title {
    font-size: 22px; 
	font-weight: bold
}

#cat-description {
    font-size: 13px; 
	line-height: 140%; 
	text-align:justify
}

#wrap2-cat #bondeau-formation {
    display: inline-block;
    padding: 1px 0 5px;
    text-align: center;
    width: 916px;
}

#banniere-formation-weelearn{
	height:195px;
	overflow:hidden;
	text-align:left;
	width: 915px;
	margin: auto;
}

#banniere-formation-weelearn:hover{
	height:195px;
	overflow:hidden;
	text-align:left;
	text-decoration:none;
}

.banniere-href{
	display:block;
}

.banniere-href:hover{
	text-decoration:none;
}

.cat-image{
	display:block
	height: 239px;
	width: 200px;
	margin-top: 40px;
	margin-left: 50px;
	margin-right: 35px;
	float:left;
}

.banniere-text{
	color: #FFFFFF;
	font_weight: bold;
	font-size: 22px;
	margin-top: 65px;
	margin-right: 40px; 
}

.banniere-description{
	color: #FFFFFF;
	font_weight: bold;
	font-size: 18px;
	margin-right: 40px;
}

.abonner-button{
	background:#ff7e00; 
	width:170px; 
	height:22px;
	margin:auto; 
	font-size:15px;
	padding-top:7px; 
	-webkit-border-radius:3px;
	margin-bottom:10px; 
	color:white; 
	font-weight:bold; 
	text-decoration:none;
}

a.abonner-button{
	display:block;
	color:#ffffff;
	background:#ff7e00; 
	width:170px; 
	height:22px;
	margin:auto; 
	font-size:15px;
	padding-top:7px; 
	-webkit-border-radius:3px;
	margin-bottom:10px; 
	color:white; 
	font-weight:bold; 
	text-decoration:none;
}

a.abonner-button:hover{
	background:#FF9125;
	color:#ffffff
}

.popup-options{
	width:30%;
	text-align:center;
	font-weight: bold;
	line-height:140%;
}
a.abonner-button span{
	font-size: 13px;
}
.abonner-button:hover{
	background:#fbcb9c; 
	color:#cd5013; 
}

.popup_description{
	width:30%;
	font-size: 11px;
	line-height: 140%
}

.abonner-link{
	color:white; 
}
.abonner-link:hover{
	color:#cd5013; 
	text-decoration:none;
}
#searchright h3 {
    background: url("../images/search.gif") no-repeat scroll 3px 3px transparent;
}
.mod2 .mod-tl {
    background: url("../images/mod-tl.gif") no-repeat scroll left top transparent;
}
.mod-tl a:link, .mod-tl a:visited {
    color: #1B7A9E;
    text-decoration: underline;
}
.mod-tl a:hover, .mod-tl a:focus {
    color: #165380;
    text-decoration: none;
}
#basket, #BlockAccount {
    background: url("../images/cart-account-bg.gif") no-repeat scroll right top #008BBC;
    border-bottom: 1px solid #76B1D3;
    border-left: 1px solid #76B1D3;
    border-right: 1px solid #76B1D3;
    color: #FFFFFF;
    position: relative;
    top: -2px;
}
#BlockAccount {
    background: url("../images/cart-account-bg.gif") no-repeat scroll -1px 0 #2A93C3;
}
#basket p, #BlockAccount p {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 0.8em 0 0.5em;
    text-align: center;
}
.total {
    color: #FFFFFF;
}
a.btnBasket {
    background: url("../images/link-cart-bg.gif") repeat-x scroll center top #D2EDFF;
    border: 1px solid #0493CA;
    display: block;
    font-weight: bold;
    margin: 0.6em 1.5em;
    padding: 0.2em 0;
    text-decoration: none;
}
#basket em {
    color: #FFFFFF;
    display: block;
    font: italic 0.9em/110% arial,sans-serif;
    padding: 0.4em 0 0.8em;
}
#BlockAccount ul {
    font-size: 1.1em;
    margin: 0 1em 1em;
}
#BlockAccount a {
    color: #FFFFFF;
}
#titleInfoDemoLinks {
    background: url("../images/titleInfoDemoLinkBg.png") repeat-x scroll center top transparent;
    border: 1px solid #FCE69F;
    border-radius: 8px 8px 8px 8px;
    font-size: 1.1em;
    margin-top: 8px;
    padding-bottom: 5px;
}
#titleInfoDemoLinks h3 {
    background: url("../images/titleInfoDemoLinkPlay.png") no-repeat scroll 0.9em 0.4em transparent;
    color: #333333;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 0.5em 0 0.5em 50px;
}
#titleInfoDemoLinks a {
    text-decoration: underline;
}
#tags h3 {
    border-bottom: medium none;
    font-size: 1.45em;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-transform: none;
}
#tags p {
    font-size: 1.1em;
    margin: 0;
    padding: 0.5em 0.5em 1em;
}
.Dev_auth {
    background: url("../images/d-a-bg.gif") repeat-y scroll left top transparent;
    margin-top: 10px;
}
.Dev_auth div {
    background: url("../images/devenez-auteurs.gif") no-repeat scroll left top transparent;
}
.Dev_auth div div {
    background: url("../images/d-a-b.gif") no-repeat scroll right bottom transparent;
    padding-bottom: 30px;
}
.Dev_auth h3 {
    height: 60px;
    margin: 0;
    visibility: hidden;
}
.Dev_auth p {
    color: #397321;
    font-size: 1.1em;
    margin: 0 1.7em;
}
.Dev_distrib {
    background: url("../images/info2.gif") no-repeat scroll 0.5em 1em #E5F4FE;
    border: 1px solid #C2DFEF;
    margin: 10px 10px 0 0;
}
.Dev_distrib p {
    font-size: 1.1em;
    line-height: 120%;
    margin: 1em 0.5em 1em 30px;
}
.Dev_distrib h3 {
    font-size: 1px;
    margin: 0;
    visibility: hidden;
}
#modBundle {
    background: url("../images/modBundle-t.gif") repeat-x scroll center top #E1F9DB;
}
.latestBundle {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C0DB94;
    margin: 1em 1em 0;
}
#modBundle .latestBundle h3 {
    border-bottom: 1px solid #C0DB94;
    color: #77B639;
    font-size: 1.45em;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.latestBundle li {
    background: url("../images/list2.gif") no-repeat scroll left center transparent;
    padding-left: 18px;
}
#modBundle .mod-tl {
    background: url("../images/modBundle-tl.gif") no-repeat scroll left top transparent;
}
#modBundle .mod-tr {
    background: url("../images/modBundle-tr.gif") no-repeat scroll right top transparent;
}

.module {
    border:1px solid #d8e6ef;
    border-radius: 8px;
    margin-bottom:1.5em;
    font-size:1.1em;
    padding: .8em;
    line-height: 140%


}

.module h3.title {
    color: #333;
    padding: 0;
    margin: .5em 0 0 0;
    text-align: center
}
.module h4.title {
    margin:1em 0 .5em;
    font-size: 1.2em
}
/******************CONTENT*******************************/
.firstBox {
    font-size: 1.1em;
    margin: 0 20px 0 34px;
}
.firstBox .leftInfos {
    float: left;
    margin-bottom: 1.5em;
    width: 659px;
}

#wrap2-cat .firstBox .leftInfos {
    float: left;
    margin-bottom: 1.5em;
    width: 916px;
}
.leftInfos div.modnews h2 {
    border-bottom: 1px solid #E5E5E5;
    color: #343535;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 12px;
    padding-bottom: 5px;
}
.leftInfos div.modnews h2 span {
    color: #44C8EE;
}
.leftInfos div.modnews ul.content {
    margin: 20px 0 0;
}
.leftInfos div.modnews ul.content li:last-child {
    
}
.leftInfos div.modnews ul li {
    border: 1px solid #ECEDED;
	background: #fafafa; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 28%, #ffffff 58%, #fafafa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(28%,#ffffff), color-stop(58%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 28%,#ffffff 58%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%,#ffffff 28%,#ffffff 58%,#fafafa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%,#ffffff 28%,#ffffff 58%,#fafafa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fafafa 0%,#ffffff 28%,#ffffff 58%,#fafafa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=0 ); /* IE6-8 */
    display: inline;
    float: left;
    margin: 0;
	margin-right: 15px;
	margin-bottom:15px;
    padding-bottom: 12px;
    position: relative;
    width: 202px;
	height : 340px
}

.result-item{
    border: 1px solid #ECEDED;
	background: #fafafa; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 28%, #ffffff 58%, #fafafa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(28%,#ffffff), color-stop(58%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 28%,#ffffff 58%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%,#ffffff 28%,#ffffff 58%,#fafafa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%,#ffffff 28%,#ffffff 58%,#fafafa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fafafa 0%,#ffffff 28%,#ffffff 58%,#fafafa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=0 ); /* IE6-8 */
    display: inline;
    float: left;
    margin: 0;
	margin-right: 15px;
	margin-bottom:15px;
    padding-bottom: 12px;
    position: relative;
    width: 202px;
	height : 340px
}

#wrap2-cat .result-item{
	margin-right: 24px;
    width: 209px;
}

.content .result-item{
    border: 1px solid #ECEDED;
	background: #fafafa;
    display: inline;
    float: left;
    margin: 0;
	margin-right: 15px;
	margin-bottom:15px;
    padding-bottom: 12px;
    position: relative;
    width: 202px;
	height : 340px
}

.leftInfos div.modnews ul li  *{
    margin-left:12px;
	margin-right: 12px;
}
.leftInfos div.modnews ul li a {
    text-decoration: none;
}
.leftInfos div.modnews ul li img {
    
    height: 155px;
	margin:0;
    margin-right: 1.2em;
}
.leftInfos div.modnews ul li a {
    color: black;
    font-weight: bold;
}
.leftInfos div.modnews ul li span.titleName {
    display: block;
    line-height: 13px;
    margin: 0.5em 12px 0 12px;
}
.leftInfos div.modnews ul li p {
    margin: 0.5em 0 0;
}
.leftInfos div.modnews ul li p span {
    display: block;
    font-weight: normal;
}
.leftInfos div.modnews ul li p span.titleAccroche {
    color: #666666;
    line-height: 14px;
    margin-bottom: 5px;
}
.firstBox .rightInfos {
	clear:right;
    float: right;
    margin-bottom: 1.5em;
    width: 231px;
	position: relative;
	right: 25px;
}
.rightInfos .guide {
    background: url("../images/images-2013/guide.png") no-repeat scroll 0 0 transparent;
	margin-top: 1.2em;
    padding-top: 43px;
    width: 247px;
}
.rightInfos.rightPageDetails {
    margin-bottom:0;
}

#nprix , #usbprix{
	font-size: 16px;
	position: relative;
	top:7px;
	color: red;
}
.extrait {
	position:relative;
    background: url("../images/images-2013/extrait.png") no-repeat scroll 0 0 #F8FDFE;
    width: 242px;
	display:block;
}
.extrait h3 {
    color: #FFFFFF !important;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
    padding: 11px 0 11px 25px;
    text-decoration: underline;
}
.extrait .visuel {
    border-left: 1px solid #2ECBCB;
    border-right: 1px solid #2ECBCB;
    position: relative;
    text-align: center;
}
.guide .contenu {
    border-left: 1px solid #B7E584;
    border-right: 1px solid #B7E584;
    padding: 10px 5px 0;
}
.contenu h3 {
    font-size: 1.1em;
    margin: 0 10px 7px;
}
.contenu p {
    color: #58ABAB;
    font-size: 13px;
    margin: 0 10px;
    text-decoration: underline;
}
.contenu p a{
    color: #58ABAB;
}
.contenu p img.raccourcie {
    margin-left: 3px;
    margin-top: -2px;
    vertical-align: top;
}
.guide .bottomBlock {
    background: url("../images/images-2013/footerBlock_green.png") no-repeat scroll 0 0 transparent;
}
.video_en_ligne {
    background: url("../images/images-2013/vod.png") no-repeat scroll 3px 6px transparent;
    border: 1px solid #F1F1F1;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 2px 2px 2px -2px #BABABA;
    padding: 65px 0 5px;
    width: 244px;
	margin-bottom: 16px
}
.video_en_ligne p {
    background-color: #F8F8F8;
    border-bottom: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    color: #000000;
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 10px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
.video_en_ligne p span {
    color: #EF1D6E;
}

.video_en_ligne p .strong {
	color: black;
    font-weight: bold;
	font-size : 1.1em;
}
.video_en_ligne ul {
    margin: 0;
}
.video_en_ligne ul li {
    background: url("../images/images-2013/check.gif") no-repeat scroll 15px 2px transparent;
    list-style-type: none;
    margin: 0;
    padding-left: 37px;
}
.coffret-recommander {
    border: 1px solid #F1F1F1;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 2px 2px 2px -2px #BABABA;
    margin-bottom: 20px;
    position: relative;
    width: 245px; 
	height: 230px;
}

.coffret-recommander h3{
    margin:.5em 1em 0 1em;
    text-align: center;
    border-bottom:1px solid #eee;
    padding-bottom:.5em
}

.coffret-recommander div.content img{
    float:left;
    padding-right:8px;
    position:absolute;
}
.coffret-recommander div.content  {
    color: #000000;
    min-height: 165px;
    padding: 15px;
}
.coffret-recommander .content ul {
    margin-left: 50px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 0;
}
.coffret-recommander .content ul li {
    list-style-type: none;
    margin: 0;
    padding-left: 37px;
    font-weight:normal;
}
.coffret-recommander .content ul li.titre a{
    color: #000000;
    display: block;
    font-weight: bold;
    line-height: 13px;
    margin: 0.3em 0 0;
}
.coffret-recommander .content ul li a:hover{
    text-decoration:none; 
}
.coffret-recommander .content ul li.prix{
    color: #0194C8;
    float: left;
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 100%;
}
.coffret-recommander .content ul li.accroche{
    color: #666666;
    line-height: 14px;
    margin-bottom: 5px;
	font-size: 11px;
    margin-top: 9px;
}
.coffret-recommander .content ul li.timing{
    display: block;
    font-weight: normal;
}
.coffret-recommander .commander-coffret img{
    margin-left: 32px; 
    padding-top:10px;
}
.follow_us {
    background-color: #E6F3FF;
    border-radius: 10px 10px 10px 10px;
    padding: 2px;
    width: 243px;
}
.newsletter {
    background: url("../images/bg_newsletter_mod.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #1FBBC3;
    border-radius: 6px 6px 6px 6px;
    height: 139px;
    margin-bottom: 1.2em;
    position: relative;
    width: 246px;
}
.newsletter .loading {
    background: url("../images/loading.gif") no-repeat scroll 50% 50% transparent;
    display: none;
    height: 100%;
    opacity: 0.58;
    position: absolute;
    width: 100%;
}
.newsletter h2 {
    color: #000000;
    margin: 0;
    padding: 10px 20px;
}
.newsletter h2 span {
    color: #FFFFFF;
}
.newsletter p {
    color: white;
    margin: 0;
    padding: 0 20px;
}
.newsletter .form {
    margin: 0;
    padding: 0 20px;
}
.newsletter input[type="text"] {
    border: medium none;
    color: #808080;
    font-size: 13px;
    height: 20px;
    margin: 5px 0;
    padding: 2px 5px;
    width: 189px;
}
.newsletter input.erreurMail {
    background-color: #FFBFBF;
    border: 1px solid #F96161;
    color: #F96161;
}
.newsletter input[type="image"] {
    float: right;
    margin-right: 5px;
}

.cat-newsletter{
    width: 300px; 
	height:115px; 
	background:#0e6b8d; 
	padding-left: 15px
}

.newsletter strong.success, .cat-newsletter strong.success {
    color: #FFFFFF;
    line-height: 140%;
}

.acces-rapide{
		height: 313px;
		background: #ECF0F1;
		border: solid 1px #bdc3c7;
		border-radius: 6px 6px 6px 6px;
		width: 246px;
		margin-bottom: 16px;
	}
	
	.acces-rapide h2{
		background: #9A5CB9;
		height: 30px;
		margin: 0px;
		padding-top: 10px;
		text-align: left;
		font-weight: bold;
		color: white;
		font-size: 19px;
	}
	
	.acces-rapide h2 img{
		position:relative; 
		left:-15px;
	}
	
	.acces-rapide h2 span{
		position:relative; 
		left:30px;
	}
	
	.acces-rapide #content{
		margin-top: 20px;
	}
	.acces-rapide .cat-name{
		height: 19px;
		color: #417bb6;
		font-size: 'lucida grande';
		font-size: 12px;
		padding-top: 8px;
		margin-top: -8px;
		background: url('../images/acces-rapide/clr.png');
		float:left;
		padding-left:4px;
		padding-right:5px;
		text-shadow: 0px 1px 0px white;
	}
	.acces-rapide .cat1{
		
		float: left;
		margin-bottom: 10px;
		position:relative;
		left: 6px;
	}
	.acces-rapide .cat2{
		float: right;
		margin-bottom: 10px;
		position:relative;
		right: 6px;
	}
	.acces-rapide .ic1{
		background: url('../images/acces-rapide/ic1.png');
		height: 27px;
		position: relative;
		top: -8px;
		width: 5px;
		float: left;
		
	}
	.acces-rapide .ic2{
		background: url('../images/acces-rapide/ic2.png');
		height: 27px;
		position: relative;
		top: -8px;
		width: 17px;
		float: right;
	}

.bottomBlock {
    height: 20px;
    width: 247px;
}
h1.pagetitle {
    color: #0162a0;
    margin: 0 0 0.2em;
	margin-top: 12px;
}
h1.rightpagetitle {
    color: #888;
	font-size: 28px;
	margin: 10px 0px 0.2em;
	text-align: center;
}
.titreDescription {
    color: #333333;
    font-size: 1.4em;
    font-weight: 400;
    margin: 0 0 1.5em;
}
#lasuite{
  float:right;
  color:#00B1CA;
  cursor:pointer;
  font-size:12px;
  position:relative;
  right:10px;
  text-align:right;
  top:-5px;
  width:auto;
	}
.voir-extrait {
    float: left;
    width: 224px;
	height:160px;
}
.voir-extrait .mon-extrait {
	
	margin-right:20px;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #2F2F2F;
    border-top: 5px solid transparent;
    float: left;
    line-height: 0;
}
.voir-extrait .mon-extrait a b {
    color: #00b1ca;
    padding-left: 5px;
    text-decoration: underline;
    font-weight:400
}
h2.sdpart {
    color: #333333;
    font-size: 1.8em;
    margin: 2em 0 0.5em;
}
.credential {
    color: #999999;
    font-size: 0.9em;
    margin-bottom: 0.9em;
}
ul.arrow, ul.arrow ul {
    margin: 0.5em 0;
}
.arrow li {
    background: url("../images/list3.gif") no-repeat scroll 0 3px transparent;
    line-height: 160%;
    list-style: none outside none;
    margin: 0;
    padding-left: 20px;
}
.arrow li p {
    margin: 0;
}
.arrow li ul {
    margin-left: 1em;
}
.arrow li ul li {
    background: none repeat scroll 0 0 transparent;
    line-height: 130%;
    list-style: disc outside none;
    padding: 0;
}
#buycardBest {
    background: url("../images/buycardBg.png") no-repeat scroll left top transparent;
    border-bottom: 1px solid #52A3C1;
    margin: 0 4.1em 0 4em;
    padding-top: 0.8em;
    text-align: right;
}
#buycardBestAbonnement {
    background: url("../images/buycardBg.png") no-repeat scroll left top transparent;
    margin: 0 4.1em 0 4em;
    padding-top: 0.8em;
    text-align: right;
}
#buycardFooterAbonnement {
    height: 10px;
    margin: 0 4.1em 2em 4em;
}
#buycardFooter {
    background: url("../images/buycardFooter.png") no-repeat scroll right top transparent;
    border-top: 1px solid #52A3C1;
    height: 20px;
    margin: 0 4.1em 2em 4em;
}
#buycardFooter span {
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 0.3em;
    text-align: center;
    width: 120px;
}
#buycard {
    border-left: 1px solid #52A3C1;
    clear: left;
    height: 100px;
    margin-left: 4em;
    padding-left: 1em;
}
#buycard div {
    border-right: 1px solid #52A3C1;
    float: left;
    margin-right: 1em;
    padding: 1em 0.87em 0 0;
    width: 101.7px;
}
#buycard span {
    display: block;
    line-height: 20px;
    text-align: center;
}
#buycard span span {
    display: inline;
}
#buyAbonnement {
    background: url("../images/abonnement_border.png") no-repeat scroll left top transparent;
    border-radius: 15px 15px 15px 15px;
    clear: left;
    height: 160px;
    margin-left: 4em;
    width: 83%;
}
#buyAbonnement div {
    float: left;
    height: 94%;
    padding: 1em 1em 0 0.67em;
    width: 103px;
}
#buyAbonnement div:last-child {
    border-right: medium none;
}
#buyAbonnement span {
    display: block;
    line-height: 20px;
    text-align: center;
}
#buyAbonnement span span {
    display: inline;
    line-height: 20px;
}
.cardtitle {
    font-weight: 700;
    white-space: nowrap;
}
.cardhour {
    color: #006B9B;
    font-size: 1.4em;
}
.cardprice {
    color: #FF730F;
    font-size: 1.4em;
    font-weight: 700;
}
.tablebtm td {
    font-weight: 700;
}
.creditsPack {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #52A3C1 #52A3C1;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    height: 25px;
    margin: 0 4.1em 0 4em;
    padding-top: 0.6em;
}
.creditsPack span {
    color: #FF0000;
    display: block;
    float: left;
    font-size: 1.2em;
    padding-bottom: 0.5em;
    text-align: center;
    width: 124px;
}
.authors {
    background: url("../images/ico.author.gif") no-repeat scroll 10px 20px #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #333333;
    line-height: 150%;
    margin: 0 auto 1em;
    padding: 1em 1.5em 1.5em 80px;
    text-align: justify;
}
#faq {
    text-align: justify;
}
#faq h3 {
    color: #0069A0;
    font-size: 1.4em;
    margin-bottom: 0.5em;
}
#faq h2 {
    border-top: 1px solid #CCCCCC;
    margin-top: 1.5em;
    padding-top: 1.5em;
}
#home_wrapper {
    background: #FFFFFF;
    float: left;
    position: relative;
    width: 1024px;
}

#annonce {
    padding: 0;
}
#annonceVideo {
    left: 582px;
    position: absolute;
    top: 21px;
}
h2.nvxTutos {
    background-image: url("../images/autre_nvx.gif");
    color: #4DCAED;
    font-size: 1.4em;
    font-weight: 700;
    height: 24px;
    left: 55px;
    position: absolute;

    text-transform: uppercase;
    top: 170px;
    width: 195px;
    z-index: 9;
}
#les-recommandations{
    clear:both;
}

#les-recommandations h2 {
    color: #5594C3;
    font-size: 1.3em;
    font-weight: 500;
    font-style:italic;
    padding-bottom:5px;
}
h2.nvxTutos1 {
    color: #196597;
    font-size: 14px;
    font-weight: 700;
    padding-left: 12px;
    text-transform: uppercase;
}
.nvxTutos span {
    color: #333333;
}
#choixCat_Ed_Prod {
    background: none repeat scroll 0 0 #F1F1F1;
    border-radius: 10px 10px 10px 10px;
    height: 28px;
    line-height: 100%;
    margin: 0 60px 1em;
    position: relative;
    top: -5px;
}
#choixCat_Ed_Prod h3 {
    color: #333333;
    float: left;
    font-size: 1.2em;
    font-weight: 700;
    margin: 7px 15px 0 30px;
}
#choixCat_Ed_Prod p, .tlFilter p {
    float: left;
    margin: 3px 0 0;
}
#choixCat_Ed_Prod select, .tlFilter select {
    color: #333333;
    font-size: 1em;
    margin: 2px 10px 2px 0;
}
#choixCat_Ed_Prod option, .tlFilter option {
    border: medium none;
    color: #333333;
    padding: 1px 3px 0;
}
#choixCat_Ed_Prod .opSel, .tlFilter .opSel {
    display: none;
}
a.tousLesTutos {
    float: right;
    font-size: 1.1em;
    font-weight: 700;
    margin: 8px 30px 0 0;
    text-decoration: underline;
}
.homeblocks {
    clear: both;
    font-size: 1.1em;
    margin: 1.5em 0 0 0;
    border-radius:8px;
    border:5px solid #4DCAED;
    background:#fff url(../images/acc_bgbt.png) bottom repeat-x;
}
.homeblocks h3 {
     color: #4DCAED;
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 2em 0.5em 0;
    padding: 0 0 0.5em;

}
.homeblocks h3 span {
    display: block;
    font-size: 1.2em;
    text-transform: uppercase;
}
.homeblocks ul, .arrowMenu ul {
    margin: 1em 10px 1em 0;
}
.homeblocks li, .arrowMenu li {
    background: url("../images/hb-arrow.gif") no-repeat scroll 0 4px transparent;
    list-style: none outside none;
    margin: 0.3em 0;
    padding-left: 18px;
}
#home_latest {
    border-bottom: 1px solid #73D4EF;
}
#latestEn, #promo, #latestFr {
    float: left;
    margin: 1em 10px;
    width: 280px;
}
#latestFr {
    border: 0 none;
}
#latestFr ul {
    margin-bottom: 0;
    padding-right: 10px;
}
#latestEn {
    border-right: 1px solid #DEDEDE;
    margin-left: 0;
}
#latestEn ul {
    margin-bottom: 0;
}
#latestBlog h3, #latestFr ul, #latestBlog ul {
    margin-right: 0;
}
#promo {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    position: relative;
    top: -5px;
    width: 250px;
}
#findTuto, #latestBlog {
    float: left;
    margin: 0.3em 0 1em 25px;
    width: 640px;
}
#findTuto h3, #latestBlog h3 {
    border-bottom: 0 none;
    padding: 1em 0 0.3em;
}
#findTuto h4, #latestBlog h4 {
    font-size: 1.1em;
    margin: 0 0 0.4em;
}
.findTuto1, .findTuto2 {
    float: left;
    width: 280px;
    min-height: 175px;
    border-right: 1px solid #cae4fa;
}
.findTuto1 ul {
    margin: 0 20px 0 0;
    padding-bottom: 0;
}
.findTuto2 {
    margin-left: 30px;
    width: 280px;
    padding-right: 30px;
    line-height: 140%
}
.findTuto2 ul {
    margin: 0;
}
#latestBlog {
    width: 265px;
}
#findTuto li {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    padding-left: 0;
    padding-right: 5px;
}
#findTuto li.flag_fr {
    background: url("../images/flags/Fr.gif") no-repeat scroll 0 3px transparent;
    display: block;
    padding-left: 18px;
}
#findTuto li.flag_en {
    background: url("../images/flags/En.gif") no-repeat scroll 0 3px transparent;
    display: block;
    padding-left: 18px;
}
#findTuto a:link, #findTuto a:visited {
    text-decoration: underline;
}
#findTuto a:hover, #findTuto a:focus {
    text-decoration: none;
}
#home_enligne a:link, #home_enligne a:visited {
    color: #444444;
}
#home_enligne a:hover, #home_enligne a:focus {
}
.menuList, .menuList ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100;
}
.menuList li {
    list-style: none outside none;
}
.menuList a {
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    height: 31px;
    line-height: 30px;
    padding: 0 12px;
    text-decoration: none;
}
.menuList a.last {
    border-right: medium none;
}
.menuList ul li a {
    border-right: 0 none;
    color: #FFFFFF;
    height: 19px;
    line-height: 19px;
    padding: 3px 0;
    text-indent: 9px;
}
.menuList li {
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
}
.menuList li ul {
    margin: 0;
    padding: 0;
}
.menuList ul {
    left: 0;
    position: absolute;
    top: 29px;
    visibility: hidden;
    width: 160px;
    z-index: 100;
}
.menuList ul ul {
    left: 160px;
    top: 0;
}
.menuList ul li {
    border-left: 0 none;
    border-top: 1px solid #071724;
    color: #FFFFFF;
    float: none;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.menuList li a span {
    background: url("../images/arrowMenu.gif") no-repeat scroll 100% 13px transparent;
    display: block;
    padding-right: 15px;
}
.menuList li a:hover span, .menuList li a:focus span {
    background: url("../images/arrowMenuOff.gif") no-repeat scroll 100% 12px transparent;
    display: block;
    padding-right: 15px;
}
.menuList li a:hover, .menuList li a.highlighted:hover, .menuList li a:focus {
    background: url("../images/hmenu-bg-cat.gif") repeat-x scroll 0 0 transparent;
}
.menuList ul li a:hover, .menuList ul li a.highlighted:hover, .menuList ul li a:focus {
    background: none repeat scroll 0 0 #071724;
}
.menuList a .subind {
    display: none;
}
.menuList ul a .subind {
    display: block;
    float: right;
}
.menuList a {
    float: left;
}
.menuList ul a {
    float: none;
}
.menuList a {
    float: none;
}
* html .menuList ul li {
    float: left;
    height: 1%;
}
* html .menuList ul a {
    height: 1%;
}
ul.menuList ul li a {
    background: none repeat scroll 0 0 #1D2C38;
    display: block;
    width: 160px;
}
ul.menuList ul ul {
    left: 100%;
    top: 0;
}
ul.menuList li:hover > ul {
    visibility: visible;
}
.mRoot {
    background: url("../images/hmenu-bg-cat.gif") repeat-x scroll 0 0 transparent;
}
.mRoot span {
    background: url("../images/arrowMenuOff.gif") no-repeat scroll 100% 12px transparent !important;
}
#thumbVideos {
    left: 0;
    position: absolute;
    top: 248px;
    width: 330px;
}
#thumbVideos img {
    border: 0 none;
    margin: 7px 5px 0;
    opacity: 0.7;
    width: 85px;
}
#thumbVideos img:hover {
    opacity: 1;
}
.thumbHover {
    background: none repeat scroll 0 0 #000000;
    border-radius: 3px 3px 3px 3px;
    color: #D4D4D4;
    font-size: 1.1em;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    z-index: 999;
}
.thumbHoverPaybox {
    background: none repeat scroll 0 0 #000000;
    border-radius: 3px 3px 3px 3px;
    color: #D4D4D4;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 10px;
    position: absolute;
    width: 500px;
    z-index: 999;
}
a.prevVideo, a.nextVideo {
    background: url("../images/prevVideo.png") no-repeat scroll right top transparent;
    display: block;
    float: left;
    height: 80px;
    opacity: 0.5;
    position: relative;
    text-decoration: none;
    width: 20px;
    z-index: 20;
}
a.nextVideo {
    background: url("../images/nextVideo.png") no-repeat scroll left top transparent;
}
a.nextVideo:hover, a.prevVideo:hover {
    opacity: 1;
}

.carousel1 {
    border: 1px solid #DBECF6;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 153px;
    left: 0;
    margin-bottom: 0;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    visibility: visible;
    width: 845px !important;
    z-index: 2;
}
.carousel1 a:hover {
    text-decoration: none;
}
#carousel1 {
    margin-top: 0;
    width: 100%;
}
#carousel1 a.btn_prev, #carousel1 a.btn_next {
    background: url("../images/carousel_prev_on.gif") no-repeat scroll 6px -8px transparent;
	background-position:center;
    display: block;
    float: left;
    height: 155px;
    opacity: 0.5;
    position: relative;
    text-decoration: none;
    top: 0;
    width: 36px;
    z-index: 4;

}
#carousel1 a.btn_next {
    background: url("../images/carousel_next_on.gif") no-repeat scroll left -6px transparent;
	background-position:center;
    opacity:0.5;
}

#carousel1 a:hover {
    opacity:1;
}

.carousel1 li {
    border-right: 1px solid #C6E1F1;
    height: 126px !important;
    list-style: none outside none;
    margin: 0;
    padding: 0 20px;
    position: relative;
    width: 241px !important ;
    z-index: 1;
}
.carousel1 ul {
    left: -850px;
    margin-top: 15px !important;
    padding: 0;
    position: relative;
    width: 4250px;
    z-index: 1;
}
.carousel1 .jCarouselLite {
    background-color: #DDDDDD;
    border: 1px solid white;
    float: left;
    left: 0;
    overflow: hidden;
    position: relative;
    visibility: hidden;
    width: 850px;
    z-index: 2;
}

.nos_recommandations {
	line-height: 21px;
}

.titreBanner {
    bottom: 27px;
    color: #666666;
    font-size: 1em;
    height: 24px;
    line-height: 12px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    width: 130px;
}
.titreBannerLies {
    bottom: 27px;
    color: #00b3dc;
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 110%;
    overflow: hidden;
    right: 0;
    text-align: left;
    width: 130px;
}
span.SpanDetails {
    background: url("../images/images-2013/apple_btn_survol.png") repeat-x scroll 0 0 transparent;
    font-size: 12px;
    font-weight: bold;
}
.apple_btn {
    background: #00b3dc;
    border-radius: 2px 2px 2px 2px;
    bottom: 0;
    color: white;
    font-size: 13px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    margin-top:3px;
	margin-right:5px;
	margin-bottom:5px;
	float:right;
	position:relative;
	bottom:3px;
    right: 0;
    text-align: center;
    text-shadow: 0 0 1px #B9B9B9;
    width: 70px;
	position:absolute;
	bottom:0px
}

.apple_btn:hover {
    background : #ff7e00;
}
.listing {
    color: #0194C8;
    float: left;
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 100%;
}
.prixBanner1 {
    color: red;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 26px;
    line-height: 24px;
    margin: 0 auto;
    width: 45px;
}
.prixBannerCollection {
    color: #000000;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    width: 45px;
}
.prixBanner {
    background: url("../images/BoutonPRIX1.png") no-repeat scroll 0 0 transparent;
    bottom: 50px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    height: 26px;
    line-height: 24px;
    position: absolute;
    right: 30px;
    width: 45px;
}
body.curWait * {
    cursor: wait;
}
#LoginErrors {
    display: none;
}
div.formErrors {
    background: url("../images/ico.error.jpg") no-repeat scroll 40px center #FEEAEA;
    border: 1px solid #FFB6B6;
    color: #C94A4A;
    font: 14px "Trebuchet MS",Georgia,"Times New Roman";
    margin: 0 auto 10px;
    min-height: 40px;
    padding: 20px 0 0 100px;
    text-align: left;
    width: 470px;
}
.formErrors ul li {
    margin: 0;
    padding: 0;
}
.formErrors h3 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.form input.error, input.error, select.errorSelect, .form textarea.errorArea {
    background: none repeat scroll 0 0 #FDF1F1;
    border: 1px solid #E8B098;
}
.form input.error:focus, input.error:focus, select.errorSelect:focus, .form textarea.errorArea:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8B098;
}
.form label.errorLebal, label.errorLebal {
    color: #FF0000;
}
.ac_input {
    color: #333366;
    width: 200px;
}
.ac_results {
    background-color: window;
    border: 1px solid windowframe;
    color: #006699;
    overflow: hidden;
    padding: 0;
}
.ac_results ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ac_results iframe {
    display: block;
    height: 3000px;
    left: 0;
    position: absolute;
    top: 0;
    width: 3000px;
    z-index: -1;
}
.ac_results li {
    cursor: pointer;
    display: block;
    font: menu;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px;
    text-align: left;
    width: 100%;
}
.ac_loading {
    background: url("../images/indicator.gif") no-repeat scroll right center transparent;
}
.ac_over {
    background-color: #66CCFF;
    color: highlighttext;
}
.tlHeader {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 10px 10px 10px 10px;
    text-align: right;
}
.tlFilter {
    display: inline;
    float: left;
    font-size: 0.9em;
    margin-bottom: 3px;
    margin-left: 10px;
}
.tlPaging {
    float: right;
    font-weight: 700;
    margin: 0.6em 1em 0 0;
}
.tlFilter h3 {
    display: none;
}
table.courseList {
    border: medium none;
    clear: left;
    width: 100%;
}
.courseList .gridTwo td {
    background: none repeat scroll 0 0 transparent;
}
.courseList td {
    border-bottom: 1px solid #EEEEEE;
    padding-top: 1em;
    vertical-align: top;
}
.courseList h3 {
    font-size: 1.2em;
    line-height: 120%;
    margin-bottom: 0.3em;
}
.courseList td.paging {
    background: none repeat scroll 0 0 #F5F5F5;
    padding: 0.5em;
    text-align: right;
}
.titleImg {
    width: 180px;
}
.courseList td.price {
    text-align: right;
    width: 100px;
}
.titlePrice {
    border: 1px solid red;
    border-radius: 8px 8px 8px 8px;
    color: #333333;
    font-size: 1.2em;
    font-weight: 700;
    margin-top: 1em;
    padding: 1em 0 0.5em;
}
.titlePrice .strike, .commandprice .strike {
    border-radius: 5px 5px 5px 5px;
    color: black;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    padding-bottom: 3px;
    padding-right: 0;
    text-align: center;
    width: 100%;
}
span.strike {
    color: #555555;
    font-weight: bold;
    vertical-align: middle;
}
.prixTTC {
    color: #CA241A;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    width: 100%;
    /*padding-bottom:1em*/
}
.titleDetails {
    margin-bottom: 0.5em;
}
.titleShipAv {
    float: right;
    margin-top: -29px;
    vertical-align: middle;
}
.titleComp {
    color: #666666;
    font-size: 0.9em;
    font-style: italic;
    margin: 0;
}
.titleShipAv img {
    margin-right: 15px;
}
#abtcourse {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E6E5E5;
    margin: 4px 0;
    padding: 15px 0;
}
#abtcourse a {
    background: url("../images/courseDetails.jpg") no-repeat scroll 0 0 transparent;
    color: #05BB0A;
    margin: 0 0 0 20px;
    padding: 10px 0 5px 50px;
    text-align: left;
    text-decoration: none;
}
#abtcourse a span {
    border-bottom: 1px dashed #05BB0A;
}
#abtcourse a:hover {
    color: #000000;
    text-decoration: none;
}
#courseDetails {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E6E5E5;
    display: block;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 15px 0 15px 20px;
}
#courseDetails h1 {
    background: url("../images/courseDetails.jpg") no-repeat scroll 0 0 transparent;
    color: #05BB0A;
    padding: 3px 0 6px 50px;
    text-align: left;
}
#courseDetails a {
    text-decoration: none;
}
#courseDetails a:hover {
    color: #333333;
}
#courseDetails label {
    color: #0861AC;
    margin-left: 52px;
    text-align: left;
    width: 200px;
}
#courseDetails span {
    color: #0861AC;
    text-align: left;
    width: 300px;
}
#courseDetailsMore {
    display: none;
}
#tooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #37BDDC;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    display: block;
    font-size: 1.1em;
    padding: 10px;
    position: absolute;
    width: 280px;
    z-index: 1000;
}
#container {
    clear: both;
    position: relative;
}
.commandprice {
    bottom: 0;
    color: #333333;
    display: block;
    margin: 0;
    right: 0;
    text-align: center;
}
.commandprice2 {
    border: 2px solid red;
    border-radius: 8px 8px 8px 8px;
    color: #333333;
    margin-left: -7px;
    margin-top: 20px;
    padding: 1em 0 0.5em;
    text-align: center;
    width: 100px;
}
.commandprice .prixTTC, .commandprice .prixHT, .commandprice .strike {
    display: block;
    float: right;
    font-size: 1em;
    margin-right: 15px;
    text-align: right;
    width: 95px;
}
.commandprice .prixHT {
    font-size: 1.2em;
}
.commandprice .prixTTC {
    color: red;
    font-size: 20px;
    margin: 0;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}
.commandprice2 .prixTTC2 {
    color: #9D7471;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-align: center;
    width: 100%;
}
.commandprice .strike {
    font-size: 16px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.enStock {
    background: url("../images/enStock.png") no-repeat scroll left center transparent;
    font-size: 0.87em;
    font-weight: 400 !important;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
}
.exemplaireEnStock {
	color: #4AB230;
    font-size: 1.2em;
    font-weight: bold !important;
    height: 16px;
    line-height: 16px;
}
.boutonsAchat {
    text-align: center;
	display: block;
	background: #13aae5;
	color: white !important;
	box-shadow: 1px 1px 1px 1px #41769a;
	padding: 14px;
	font-size: 14px;
	margin-right: 18px;
	width: 104%;
    line-height: 19px;
	padding-left: 7px;
	padding-right: 7px;
}
.boutonsAchat ul li {
    display: inline;
    margin: 0;
}
.boutonsAchat ul li .portDVD {
    left: 6px;
}
.boutonsAchat ul li .port {
    color: #666666;
    font-size: 0.9em;
    font-style: italic;
    left: 9px;
    position: absolute;
    top: 15px;
}
.boutonsAchat ul li .plus {
    color: #0861AC;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 15px;
}

.boutonsAchat ul {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}
ul.infoAbonnement{
	padding-top:0px;
	padding-left:50px;
	}
ul.infoAbonnement  li {
	display:list-item;
	list-style-image:url(../images/puces_ul.gif);
	text-align:left;
}
 ul.infoAbonnement li a{
	color:#EF276F;
	font-weight:bold;
	text-decoration:underline;
}
 ul.infoAbonnement li a:hover{
	text-decoration:none;
}
.boutonsAchat ul li.middle {
    margin: 0 1.5em;
}
.tvaliv {
    font-size: 11px;
    font-style: italic;
}
#textPrice {
    color: #9D7471;
    font-size: 14px;
    font-weight: bold;
    left: 100px;
    position: absolute;
    top: 28px;
}
a.href {
    color: #222222;
}
.pannier {
    padding-top: 18px;
    position: relative;
}
.acheter {
    display: -moz-stack;
    line-height: 14px;
    padding-left: 8px;
    padding-top: 2px;
}
.prixSpan {
    display: -moz-stack;
    line-height: 14px;
    padding-left: 8px;
    padding-top: 2px;
}
#savoirplus {
    display: -moz-stack;
    padding-top: 3px;
}
#div_to_popup {
    display: block;
    margin-left: 109px;
    position: relative;
    width: 520px;
}
#div_to_popup .buyCart {
    border-bottom: 1px solid #FFF9F3;
    margin: 0;
}
#div_to_popup .buyCartList {
    border: medium none;
    margin: 0;
}
.buyCartList .cartes {
    border: medium none !important;
    padding-bottom: 10px !important;
}
.buyCart h3 {
    clear: both;
    color: #FF6518;
    font-size: 1.4em;
    font-weight: 700;
    margin: 0 0 0.2em 1em;
    text-align: left;
    text-transform: uppercase;
}
.buyCart p.text {
    margin: 0 0 1.5em 1em;
    text-align: left;
}
.buyCart .coins2 {
    float: left;
    margin: 0 1em 0 0;
}
.boutonsAchat table {
    border: medium none;
    border-radius: 11px 11px 11px 11px;
    margin-left: 4px;
    padding-bottom: 5px;
    padding-left: 1px;
    position: relative;
}
.boutonsAchat table tr.cell2 {
    display: table-cell;
    width: 200px;
}
#right {
    width: 210px;
}
#credit {
    color: #222222;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
    text-align: left;
}
.cell2 .left {
    padding-left: 3px;
    text-align: left;
}
.cell2 .right {
    color: #222222;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    margin-left: 18px;
    padding: 0;
    text-align: left;
}
.cell3 .center {
    padding: 0;
    text-align: center;
}
.cell3.right {
    color: #222222;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
    text-align: left;
}
.cell4 {
    display: table-cell;
    width: 200px;
}
.cell4 .radio {
    padding-left: 3px;
    text-align: left;
}
.cell4 .infos {
    color: #222222;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    margin-left: 18px;
    padding: 0;
    text-align: left;
}
.plusInfo {
    background-color: white;
    box-shadow: 1px 2px 5px 4px black;
    display: none;
    height: 600px;
    width: 629px;
}
.titleDescription {
	color:#333333;
  float:right;
  font-size:13px;
  margin-top:-5px;
  text-align:justify;
  width:367px;
  position:relative; 
  left:-46px
}
.titleInformation {
	clear:both;
    font-size: 13px;
    margin-left: 10px;
	padding-top:10px;
    position: relative;
}
#voir_details {
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
}
.titleInformation span.ancre {
    background: url("../images/arrowPlan.gif") no-repeat scroll 96% 50% #E5F1F8;
    border: 1px solid #D8EBF5;
    border-radius: 5px 5px 5px 5px;
    color: #3492D7;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0 20px 0 7px;
}
div.columns {
    clear: both;
    content: ".";
    display: block;
    height: auto;
    position: relative;
    width: 100%;
}
.columns .col1-3 {
    float: left;
    height: auto;
    margin-right: 65px;
    min-height: 30px;
    position: relative;
    width: 255px;
}
.columns .lastCol {
    margin: 0;
}
.col1-3 h6 {
    color: white;
    font-size: 18px;
    margin: 0;
    padding: 3px 12px;
}
.col1-3 li {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
}
.col1-3 p.freeTitle {
    font-size: 22px;
}
.col1-3 .configuration {
    margin-top: 10px;
    min-height: 100px;
    width: 100%;
}
.configuration ul li {
    font-size: 11px !important;
}
div.separateur {
    border-bottom: 1px solid #C0C0C0;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 3px;
    width: 100%;
}
div.separateur span a {
    color: #4084CD;
}
span.fRight {
    float: right;
    font-weight: bold;
    margin-right: 32px;
}
.orange {
    background-color: #FF942F;
}
.green {
    background-color: #43C77B;
}
.blue {
}
.titleCompatibily {
    font-size: 13px;
    position: relative;
}
.boutonsAchat a {
    text-decoration: none;
}
.boutonsAchat a:link img, .boutonsAchat a:visited img {
    opacity: 1;
}
.boutonsAchat a:hover img, .boutonsAchat a:focus img {
    opacity: 0.85;
}
.compatible {
    background: url("../images/enStock.png") no-repeat scroll left center transparent;
    margin: 0.5em 0 1em 9.5em;
    padding-left: 20px;
    position: relative;
}
.titlePrice .enStock {
    font-size: 0.75em;
}
.titleRef {
    color: #126686;
    font-size: 0.8em;
    margin: 0 0 0.5em;
}
.downloadTitle .commandprice {
    background: url("../images/download-price-bg.gif") no-repeat scroll center top transparent;
}
.commandTitle p {

    line-height: 120%;
    margin: 0;
    padding: 0;
}
.timg {
    float: left;
    margin-bottom: 10px;
    position: relative;
	cursor:pointer;
	z-index:5;
	margin-bottom: -24px;
}

.timg img {
    width:92%;
}
.titleDesc {
    margin: 0;
    padding: 2em 1em;
    text-align: justify;
}

.video-size-bar{
	padding: 3px 10px;
	background: #e5f1f8;
	text-align: left;
	clear: both;
	position: relative;
	top: -48px;
	height: 38px;
}

.video-size-bar strong{
	position: relative;
	top: -5px;
}

.video-size-bar #prefLarge{
	position: relative;
	left: 15px;
}

.video-size-bar *{
	font-size: 12px;
}



#accordion{
	position: relative;
	top: -25px;
}

#accordion .panel-title .plus{
	float: right;
	color: #ccc;
	font-weight: 100;
	font-size: 24px;
	margin-top: -5px;
	margin-right: -2px;
}

#accordion .panel-title a{
	color: #888;
	font-size: 15px;
	font-weight: 300;
}

#accordion .panel-default{
    margin-bottom: 6px;
}


#lessonList {
    border-top: 0 none;
    clear: both;
}
#lessonList ul {
    margin: 0;
    padding: 0;
}
#lessonList ul li {
    list-style: none outside none;
    margin: 0;
    padding: 10px 0 0;
}
#lessonList ul li h3 {
    color: #333333;
    font-size: 1.1em;
    font-weight: 700;
    margin: 0;
    padding: 5px 0 5px 20px;
}
#lessonList ul li ul {
    margin: 0;
    padding: 0;
}
#lessonList ul li ul li {
    border-bottom: 1px solid #F5F5F5;
    clear: both;
    color: #666666;
    font-size: 12px;
    /*height: 20px;*/
    line-height: 20px;
    list-style: none outside none;
    padding: 1px 5px 1px 20px;
}

#lessonList .title {
    position: relative;
	font-size: 12px;
	margin-left: 19px;
	color: #555
}


#lessonList .title span {
    padding-right: 20px;
	background: white;
	display: inline;
	font-size: 14px;
}

#lessonList li span {
	font-size: 14px;
}

#lessonList .title:after {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 1px solid #999;
    z-index: -1;
}

#lessonList .chapterTitle{
    background: url(../images/icons/play-icone.png) right no-repeat;
    background-size: auto auto;
	display: inline-block;
	padding-right: 29px;
	background-size: 21px;
}
.infoDemo {
    color: #333333;
    font-weight: 700;
    margin: 0.5em 1em;
}
img.demo {
    padding-left: 0.5em;
    vertical-align: middle;
	margin-top: -14px;
}
.share {
    position: absolute;
    right: 0;
    top: 5px;
}
.share span {
    color: #666666;
    font-style: italic;
    position: relative;
    top: -3px;
}
.lessonListFlashBox {
    float: left;
    line-height: 100%;
    margin: 5px 20px 1em;
    padding: 0.5em 0;
}
.lessonListFlashBoxInnerLeft {
    color: #333333;
    font-weight: 700;
    padding-right: 1em;
}
.lessonListQuicktime {
    background: url("../images/playQuicktime.png") no-repeat scroll left center transparent;
    padding-left: 15px;
}
.lessonListFlash {
    background: url("../images/playFlash.png") no-repeat scroll left center transparent;
    padding-left: 15px;
}
.lessonListQuicktimeBig {
    background: url("../images/ico.quicktime.big.gif") no-repeat scroll 0 0 transparent;
    color: #0861AC;
    padding: 2px 0 2px 20px;
}

.lessonListQuicktime span{
	font-size: 13px;
}
.lessonListFlashBig {
    background: url("../images/ico.flash.big.gif") no-repeat scroll 0 0 transparent;
    color: #0861AC;
    padding: 2px 0 2px 20px;
}
#lessonList ul li ul li a:hover {
    color: #000000;
}
#mediaOptions input {
    margin: 0 3px;
}
#q {
    color: #888888;
    float: right;
    font-size: 1em;
    font-style: italic;
    margin-right: 1em;
    margin-top: 3px;
    padding: 0.1em;
    width: 150px;
}
#q.active {
    color: #333333;
    font-style: normal;
}
#ajax-loader {
    margin-left: 55px;
    margin-top: 4px;
    position: absolute;
    z-index: 100;
}
.noresult {
    padding: 2em;
    text-align: center;
}
.lessonSearch {
    margin-top: 0.5em;
    padding: 0.5em 0.5em 0 0;
}
.commandprice span, .titleInfos span {
    font-weight: 700;
}
p.authorInfo {
    margin: 0;
	margin-top: 29px;
	margin-bottom: 15px;
}
#fragment-3 h3 {
    font-size: 1.4em;
    margin: 1em 0 0 80px;
}
#fragment-2 h3 {
    font-size: 1em;
    font-weight: 700;
    margin: 1em 0 0.5em 20px;
}
#fragment-2 p {
    margin: 0 20px;
}
.authorImg {
    float: left;
    margin: 0;
    width: 48px;
	margin-right: 7px;
}
.titleInfos {
    margin-bottom: 0.5em;
    margin-top: 1.7em;
}
.downloadFMap {
    padding: 0;
}
.downloadFMap a, a.download {
    background: url("../images/download.gif") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 22px;
    line-height: 24px;
    margin: 0;
    padding-left: 22px;
}
a.download {
    height: auto;
    line-height: 100%;
    margin-left: 0;
    padding-top: 0.3em;
}
i.timing {
    display: block !important;
    float: right;
    font-size: 13px;
    font-style: normal;
}
h3 i.timing {
    display: none !important;
}


.expandChapitres li a{
	max-width: 90%;
	overflow: hidden;
	display: inline-block;
}


.latestCoursesText {
    margin: 0 300px 2em 1em;
    text-align: left;
}
.latestCourses {
    border-left: 1px solid #DEDEDE;
    float: right;
    margin-right: 2em;
    padding-left: 2em;
}
.latestCourses h3 {
    font-size: 1.4em;
    margin: 0;
}
#fragment-4 p {
    font-size: 1.1em;
    font-weight: 700;
    margin: 1em 2em 2em;
}
.tabs-hide {
    display: none;
}
.tabs-nav {
    display: none;
}
.tabs-nav {
    margin: 0;
    padding: 0;
}
.tabs-nav:after {
    clear: both;
    content: " ";
    display: block;
}
.tabs-nav li {
    float: left;
    list-style: none outside none;
    margin: 0;
    min-width: 84px;
}
.tabs-nav a, .tabs-nav a span {
    background: url("tab.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding: 0 15px;
}
.tabs-nav a {
    color: #3492C6;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3em;
    padding-left: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 1px;
    white-space: nowrap;
    z-index: 2;
}
.tabs-nav .tabs-selected a {
    color: #196597;
    line-height: 1em;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0 none;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    height: 18px;
    min-height: 18px;
    min-width: 64px;
    padding-right: 0;
    padding-top: 6px;
    width: 64px;
}
* > .tabs-nav a span {
    height: auto;
    width: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: 0.4;
}
.tabs-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C6E1F1;
    color: #333333;
    padding-bottom: 7px;
    text-align: justify;
}
.tabs-loading em {
    background: url("loading.gif") no-repeat scroll 0 50% transparent;
    padding: 0 0 0 20px;
}
.categoryList th {
    padding-left: 20px;
}
.categoryList th.titlecount {
    padding-right: 10px;
    text-align: right;
}
.categoryList td.title {
    padding-left: 20px;
    width: 70%;
}
.categoryList td.count {
    font-weight: 700;
    text-align: right;
}
.categoryList td.catGo {
    padding-right: 2em;
    text-align: right;
    width: 10%;
}
.iconBox {
    background: none repeat scroll 0 0 #E5F1F8;
    border: 1px solid #C2DFEF;
    padding-bottom: 15px;
    padding-right: 15px;
	padding-left: 15px;
}
.iconBox a:link, .iconBox a:visited {
    border: 1px solid #CCCCCC;
    color: #006666;
    display: block;
    float: left;
    font-size: 14px;
    margin: 15px 0 0 54px;
    padding: 1.3em 0 1.3em 70px;
    text-decoration: none;
}
.iconBox a:hover, .iconBox a:focus {
    border: 1px solid #95CFEF;
    color: #165380;
}
.iconBox a.myOrders {
    background: url("../images/ico.shopping.order.gif") no-repeat scroll 6px center #FFFFFF;
}
.iconBox a.myCart {
    background: url("../images/ico.shopping.cart.gif") no-repeat scroll 8px center #FFFFFF;
}
.iconBox a.myDownload {
    background: url("../images/ico.download.cart.gif") no-repeat scroll 8px 10px #FFFFFF;
}
.iconBox a.myProfile {
    background: url("../images/ico.shopping.profile.gif") no-repeat scroll 6px center #FFFFFF;
}
.iconBox a.myPassword {
    background: url("../images/ico.shopping.password.gif") no-repeat scroll 8px center #FFFFFF;
}
.iconBox a.cpteAbonnements {
    background: url("../images/calendar2.png") no-repeat scroll 1px center #FFFFFF;
}
.iconBox a.cpteCredits {
    background: url("../images/coins.png") no-repeat scroll 8px center #FFFFFF;
}
.iconBox a.parrainage {
    background: url("../images/iconParrainage.png") no-repeat scroll 8px center #FFFFFF;
}
.iconBox a.logout {
    background: url("../images/sortir.png") no-repeat scroll 8px center #FFFFFF;
}
.iconBox a.vod {
    background: url("../images/vod.gif") no-repeat scroll 8px center #FFFFFF;
}
#login, #Signup {
    background: none repeat scroll 0 0 #E7F5FE;
    border: 1px solid #B3D8EF;
    height: 195px;
    text-align: right;
    width: 45%;
}
#login {
    margin-left: 54%;
}
#Signup {
    float: left;
}
#Signup .loginBottom {
    margin: 2em 40px 0 0;
}
#Signup #email, #login #userName, #login #password {
    width: 150px;
}
#login .loginBottom {
    margin: 0.5em 20px 0 0;
}
#login input {
    margin: 3px 0;
}
#login .btnsend {
    margin-top: 0.5em;
}
#login h3, #Signup h3 {
    background: none repeat scroll 0 0 #3492C6;
    color: #FFFFFF;
    font-size: 1.4em;
    margin: 0 0 0.5em;
    padding: 0.3em;
    text-align: center;
}

#frmLogin{
	width: 100%;
	max-width: 400px; 
	border: 1px solid #ccc;
	padding: 6%;
	padding-top: 40px;
	padding-bottom: 15px;
	margin-top:20px
}

#rememberMe a{
	position: relative;
	left: 6px;
	top: -1px;
}

#frmLogin input, #frmLogin textarea, #frmLogin select, #rememberMe, #forgotPassword, #loginLink{
	height: 32px;
	display: block;
	width: 100%;
	max-width: 250px;
	margin:auto;
	margin-bottom: 7px;
}

#frmLogin textarea{
	min-height: 100px;
}

.frmSignup{
	max-width: initial !important;
}

.frmSignup input, .frmSignup textarea, .frmSignup select, .frmSignup h3{
	max-width: 360px !important;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 10px;
}

.signupRightBlock{
	border: 1px solid #ddd;
	border-radius: 5px;
	text-align: left;
}


.signupRightBlock h3{
	background: #12e30a;
	color: white;
	font-weight: bold;
	margin: 0;
	padding: 11px;
	font-size: 17px;
}

.signupRightBlock .content{
	padding: 10px;
	text-align: left;
}

.signupRightBlock p{
	line-height:130%;
	font-size:1.1em;
	margin-top:1.5em
}

#forgotPassword{
	text-align: center;
	margin-top: 20px;
}

#rememberMe{
	margin-top: -9px;
	margin-bottom: 10px;
}

#loginLink{
	margin-top: 28px;
	text-align: center;
	text-decoration: underline;
}

#frmLogin input[type=checkbox]{
	display: inline;
	width: 14px;
}

#frmLogin input[type=submit]{
	margin-top: 20px;
	background: #5fbd0e;
	color: white;
}

#frmLogin #errorBox{
	position: relative;
	top: -15px;
}

#loginRightBlock .row img{
	margin-top: 30px;
}

#loginRightBlock .signupBtn{
	border: 1px solid #888;
	color: #888;
	border-radius: 3px;
	display: inline-block;
	padding: 7px 50px;
	font-size: 16px;
	margin-top: 20px;
}



#Plogin, #forgotPass {
    background: url("../images/password.png") no-repeat scroll 1em 20% #F5F5F5;
    border: 1px solid #CCCCCC;
    margin-left: 70px;
    margin-top: 2em;
    width: 400px;
}
#Plogin h2 {
    margin: 0.5em 0 0.5em 125px;
}
#forgotPass h1 {
    margin: 0.5em 0 0 125px;
}
#Plogin label, #forgotPass label {
    font-weight: bold;
}
#Plogin form {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    margin: 0 2em 1.5em 125px;
    padding: 1em;
}
#Plogin input, #forgotPass input {
    margin: 3px 0 10px;
}
.mailOkMessage {
    font-size: 1.1em;
    font-weight: bold;
    margin: 1.5em 0;
}
.login-message {
    float: left;
    font-size: 0.9em;
    font-style: italic;
    line-height: 110%;
    margin: 95px 0 0 25px;
    text-align: center;
    width: 80px;
}
.forgotPassBottom {
    margin: 0 1em 1em 125px;
}
#orderListing td {
    border-top: 1px solid #C2DFEF;
}
.tablebtm td {
    background: none repeat scroll 0 0 #FFFFFF;
}
.signup {
    margin: 0;
    padding: 5px 0 0;
    width: 600px;
}
.signupBottom {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 5px 0 15px;
    width: 600px;
}
.signupBottom label {
    clear: both;
    color: #01315A;
    float: left;
    height: 20px;
    margin: 6px 8px 0 0;
    text-align: right;
    width: 160px;
	font-size: 14px;
}
.signupBottom label span {
    color: #01315A;
    float: left;
    line-height: 20px;
    margin-left: 40px;
    width: 230px;
}
.signupBottom label span.req {
    color: red;
    display: inline;
    float: none;
    font-weight: 700;
    margin-left: 0;
    padding-right: 3px;
    width: auto;
}
.signupBottom input {
    color: #0861AC;
    height: `28px;
    margin: 4px 0;
    width: 300px;
}
.signupBottom input.qualite {
    margin-top: 5px;
    width: 120px;
}
.signupBottom select.qualite {
    margin: 4px 0 4px 5px;
    width: 120px;
}
.signupBottom textarea {
    height: 80px;
    margin-top: 5px;
    width: 300px;
}
.signupBottom select {
    height: 25px;
    margin: 4px 0;
    width: 299px;
}

#frmOrderTitles td,#frmOrderTitles th{
	text-align: left !important;
	font-size: 13.5px;
}

#loginContainer #errorBox, #signupContainer #errorBox, #forgotPasswordContainer #errorBox{
	max-width: 400px;
}

.firstBox div {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.firstBox span.btns {
    float: left;
    margin: 20px 0 10px 285px;
}
.firstBox span input.submit {
    margin: 0;
    width: 95px;
}
.firstBox span input.reset {
    margin: 0 0 0 10px;
    width: 95px;
}

.imgpref{
	cursor: pointer;
}
p.heading {
    line-height: 1.1em;
    margin: 2em 0 0.5em;
}


div#listCours   {
	color: #888;
	min-height: 500px;
}

div#listCours th  {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

div#listCours td  {
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}

div#listCours .titleDate {
	padding-left: 40px;
}

div#listCours td .titleDate {
	padding-top: 22px;
}

div#listCours td p {
	margin-top: 8px;
	margin-bottom: 4px;
	font-size: 14.5px;
	color: #555;
}

div#listCours td .titleImg {
	display: block;
    float: left;
    height: 128px;
    margin: top: 5px;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-right: 20px;
}

div#listCours td .titleTotalTime img, div#listCours td .titleDate img {
	position: relative;
	margin-right: 7px;
}


#cart {
    border: 1px solid rgb(209, 228, 239);
    margin-left: 35px;
    width: 92%;
}
#cart td, #cart th {
	font-size:1.1em;
	padding:.8em 1em
}
#cart td {
    border-top: 1px solid #D1E4EF;
}
.cartRef {
    border-left: 1px solid #D1E4EF;
    width: 6%;
}
.cartTitle {
    width: 20em;
}
.cartSupport {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 90px;
}
th.cartChoice {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/cartChoice.gif") repeat-x scroll center top #57C7DF;
    border-color: #57C7DF #57C7DF #D1E4EF #2C80B3;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    text-align: center;
}
td.cartChoice {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #D1E4EF;
    text-align: right;
}
td.cartChoice option, td.cartChoice select {
    font-size: 11px;
}
.cartPrice {
    text-align: center;
    white-space: nowrap;
    width: 60px;
}
th.cartQte {
    white-space: nowrap;
    width:10px
}
th.cartDel {
    white-space: nowrap;
    width:10px
}
th.cartSupport {
    white-space: nowrap;
    width:150px
}
th.cartTotal {
    border-right: 1px solid #2C80B3;
    text-align: center;
    width: 60px;
}

td.cartTotal {
     white-space: nowrap;
}
.cartBtm td {
    background: none repeat scroll 0 0 #E5F1F8;
}
.cartBtmBtn td {
    background: none repeat scroll 0 0 #FFFFFF;
    text-align: right;
}
.cartBtmBtn a {
    height: 23px;
    margin: 5px 0 10px;
    padding: 3px 0 0;
    text-align: center;
    text-decoration: none;
}
.cartBtmBtn input {
    margin: 0 10px 0 0;
}
.cartBtns {
    float: left;
    margin-bottom: 10px;
    padding-bottom: 20px;
}
.cartBtns h1 {
    margin: 0;
    padding: 20px 0 0 20px;
}
.cartBtns h1 span {
    color: #FFFFFF;
    margin-right: 10px;
    padding: 10px;
}
.cartBtns p {
    margin: 0;
    padding: 15px 0 10px 20px;
}
.cartBtns a {
    color: #FFFFFF;
    display: block;
    height: 30px;
    margin: 0 7px 0 10px;
    padding: 5px 0 0 40px;
}
.cartBtns a.cartMore {
    color: #000000;
    float: left;
    margin: 10px 0 0 10px;
    padding: 0 0 0 25px;
}
.cartBtns a.cartMore span {
    border-bottom: 1px dashed #000000;
}
.cartBtns a.cartMore:hover {
}
.infopromo {
	float:left;
	margin: -3px 0 0 10px;
	line-height:18px;
	padding:0;
	width:550px;
}
.emptyCart {
    background: url("../images/emptyCart.gif") no-repeat scroll 0.8em 2em transparent;
    border: 1px solid #E6E5E5;
    padding: 1.5em 0 1.5em 5em !important;
	margin-top: 20px;
}
.emptyCart p {
    font-weight: bold;
    margin: 0;
    padding: 5px 0 0;
}
.shipping {
    margin: 0;
    padding: 5px 0 0;
}
.shippingBottom {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #01315A;
    margin: 0;
    padding: 5px 0 15px;
}
.shippingBottom label {
    clear: both;
    float: left;
    height: 20px;
    margin: 6px 8px 0 0;
    text-align: right;
    width: 160px;
}
.shippingBottom label span {
    float: left;
    line-height: 20px;
    margin-left: 40px;
    width: 230px;
}
.shippingBottom label span.req {
    color: red;
    display: inline;
    float: none;
    font-weight: 700;
    margin-left: 0;
    padding-right: 3px;
    width: auto;
}
.shippingBottom input {
    height: 27px;
    margin: 4px 0;
    width: 245px;
}
.shippingBottom input.qualite {
    margin-top: 5px;
    width: 120px;
}
.shippingBottom select.qualite {
    margin: 4px 0 4px 5px;
    width: 120px;
}
.shippingBottom textarea {
    height: 80px;
    margin-top: 5px;
    width: 245px;
}
.shippingBottom select {
    height: 25px;
    margin: 4px 0;
    width: 247px;
}
.billingDetails {
    background-color: #E5F1F8;
    border: 2px solid #B3DAEF;
}
.shippingDetails {
    background-color: #FFF9DF;
    border: 2px solid #FFEE9F;
}
.warnShipping {
    color: red;
}

#CGV{
	margin-top: -3px;
	margin-right: 4px;
}
.firstBox span.btns {
    float: left;
    margin: 25px 0 0 285px;
}
.firstBox span input.submit {
    margin: 0;
    width: 95px;
}
.firstBox span input.reset {
    margin: 0 0 0 10px;
    width: 95px;
}
p.heading {
    line-height: 1.1em;
    margin: 2em 0 0.5em;
}
#contact_image {
    color: #666666;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    padding-right: 21px;
}
 /* h3.help {
    margin: 0;
    padding: 0 0 0.2em;
    text-align: left;
} */
h3.help {

    margin-top:70px;
    color:#4dcaed;
    border-bottom:1px solid #4dcaed;
    padding:0 0 .2em 0;
    text-align:left;
    font-weight:700

}
.payment {
    margin: 0 auto;
    padding: 5px 0 0;
    width: 92%;
}
.pAddress {
    float: left;
    margin: 0;
    width: 47%;
}
.pAddress .paymentBottom {
    margin-left: 35px;
    min-height: 135px;
    width: 92% !important;
}
.payment span {
    margin-left: 15px;
}
.paymentBottom {
    background: none repeat scroll 0 0 #E5F1F8;
    border: 1px solid #D1E4EF;
    line-height: 140%;
    margin: 0 auto;
    padding: 5px 0 15px;
}
.paymentBottom label {
    clear: both;
    float: left;
    margin: 0 0 0 20px;
    padding: 5px 0 0;
    width: 130px;
}
.paymentBottom label span {
    float: left;
    line-height: 15px;
    margin-left: 40px;
    padding-top: 13px;
    width: 230px;
}
#cardPay, #chequePay, #bankPay {
    margin-bottom: 0px;
	margin-top: 13px;
	margin-left: 20px;
}
.paymentBottom input {
    margin-top: 5px;
}
.paymentBottom textarea {
    height: 80px;
    margin-top: 5px;
    width: 245px;
}
#btnsPayment {
    border: 0 none;
    height: 26px;
    margin: 20px 10px;
    padding: 0;
    text-align: left;
}
.btnContinue {
    font-size: 13px !important;
    font-weight: 700;
    padding: 0.2em 2em;
}
.fel {
    margin-left: 1em;
    margin-top: 2em;
}
.fel h3 {
    font-size: 1.3em;
    margin-top: 0;
}
.fel_1, .fel_2, .fel3 {
    border-right: 1px solid #CCCCCC;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    width: 180px;
}
#calendrier {
    border-top: 5px solid #08B8DC;
    clear: left;
    margin-top: 2em;
}
#calendrier h2 {
    color: #333333;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding-bottom: 0.4em;
}
#calendrier table {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
}
#calendrier td {
    background: none repeat scroll 0 0 transparent;
    padding: 0.2em 0.3em 0;
    vertical-align: top;
}
#calendrier td.foadMain {
    padding-top: 1.2em;
}
#calendrier .foadMain h3 {
    font-size: 1.3em;
    margin: 0.2em 0 0.5em;
}
#calendrier p {
    line-height: 120%;
    margin: 0;
}
.date {
    background: url("../images/calendar.png") no-repeat scroll center top transparent;
    height: 60px;
    position: relative;
    width: 64px;
}
.jour, .mois, .annee {
    color: #333333;
    display: block;
    font-weight: 700;
    position: absolute;
    text-align: center;
    width: 64px;
}
.mois {
    color: #FFFFFF;
    font-size: 0.9em;
    top: 1px;
}
.jour {
    font-size: 1.5em;
    top: 19px;
}
.annee {
    font-size: 0.8em;
    font-weight: 400;
    top: 33px;
}
#calendrier .nodeco {
    border: 0 none;
}
#calendrier .bgFoadDetails {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #E7F5FE;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 2px;
}
#calendrier .impair td {
    background: none repeat scroll 0 0 #E7F5FE;
}
.foadDetails span {
    clear: left;
    display: block;
    float: left;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 0.8em;
    margin-left: 68px;
    width: 60px;
}
.foadDetails {
    position: relative;
    top: -0.5em;
}
.foadFormateur {
    border-left: 1px solid #DDDDDD;
    width: 230px;
}
.foadDetails .span3 {
    margin-bottom: 0;
    margin-left: 20px;
    width: 150px;
}
.foadDetails .span2, .foadDetails .span4 {
    clear: none;
    font-weight: 400;
    margin-left: 0;
    width: 200px;
}
.foadDetails .span4 {
    margin-left: 20px;
    width: 180px;
}
.foadMore a {
    background: url("../images/plus.gif") no-repeat scroll left center transparent;
    padding-left: 14px;
}
.preload {
    left: -5000px;
    position: absolute;
    visibility: hidden;
}
#calendrier select {
    margin-top: 5px;
}
#headerAff {
    background: url("../images/header-aff.jpg") repeat-x scroll 0 0 transparent;
    color: #333333;
    float: left;
    font-size: 1.04em;
    height: 122px;
    width: 100%;
}
#compteaff {
    color: #FFFFFF;
    font-size: 1.1em;
    left: -13px;
    margin-top: 40px;
    position: relative;
    text-align: center;
}
#compteaff a {
    color: #FFFFFF;
}
#topmenuAff {
    border: 0 none;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: 700;
    margin: 0 0 0 30px;
    padding: 0.5em 0 0;
}
#compteAffiliate {
    line-height: 35px;
    padding: 5px;
}
.signupBottomAff {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 5px 0;
    width: auto;
}
.classemail {
    background-color: #E3E6F0;
    border: 1px solid #C1D1EC;
    display: block;
    height: auto;
    padding: 10px 5px;
    width: 280px;
}
.termes_contrat {
    margin: 0;
    padding: 0 100px 0 0;
    text-decoration: none;
    width: 20px;
}

.dispo span{
	font-size: 12px;
	line-height: 16px;
}
#iPadMenu {
    background: url("../images/iPadDispoMenuBg.png") repeat-y scroll right center transparent;
    width: 245px;
}
#iPadMenuBt {
    background: url("../images/iPadDispoMenuBt.png") no-repeat scroll right bottom transparent;
    width: 245px;
}
#iPadMenuTop {
    background: url("../images/iPadDispoMenu.png") no-repeat scroll right top transparent;
    min-height: 305px;
    padding-bottom: 30px;
    width: 245px;
}
#iPadMenuTop h3 {
    height: 55px;
}
#iPadMenuTop h3 span {
    visibility: hidden;
}
#iPadMenuTop li {
    background: url("../images/iPadPuce.png") no-repeat scroll right bottom transparent;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 20px;
    list-style: none outside none;
    margin: 5px 20px;
    padding: 3px 0 3px 3px;
}
#iPadMenuTop a:link, #iPadMenuTop a:visited {
    color: #000000;
}
#iPadMenuTop a:hover, #iPadMenuTop a:focus {
    color: #165380;
    text-decoration: none;
}
#iPadSupport {
    height: 170px;
    width: 238px;
}
body.activity_fullscreen {
    position: static;
    z-index: 800;
}
.popupBg {
    background: none repeat scroll center center #000000;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
body.activity_fullscreen div#idframe_container {
    background-color: white;
    border: 1px solid #333333;
    height: 670px;
    left: 50%;
    margin: 0 0 0 -400px;
    min-height: 670px;
    padding: 0;
    position: fixed;
    top: 2%;
    width: 800px;
    z-index: 1000;
}
body.activity_fullscreen div#idframe_container span {
    background: url("../images/fermer.gif") no-repeat scroll right top transparent;
    cursor: pointer;
    display: block;
    height: 23px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 66px;
    z-index: 1000;
}
body.activity_fullscreen div#idframe_container #idframe {
    border: 0 none;
    box-shadow: 0 0 7px 3px black;
    height: 100%;
    min-height: 62.4em;
    position: relative;
    width: 800px;
}
.accroche-titre {
    color: #000000;
    margin: -7px 0 18px;
    padding: 0;
}
p.cmTextElement img, p.cmTextElement br {
    display: none;
}
p.cmTextElement, p.cmTextElement2 {
    font-size: 13px;
    text-align: justify;
    margin: 0;  
    padding: 0.3em 0.8em 15px 0;
    position: relative;
    width: 434px;
}
p.cmTextElement3 {
    font-size: 10px;
    letter-spacing: 0;
    margin: 0;
    width: 115px;
}
p.cmTextElement a.cmShowHide {
    font-size: 12px;
    text-decoration: none;
}
a.acheter_title {
    font-size: 13px;
    font-weight: normal !important;
    padding-right: 10px;
    text-decoration: underline;
}
b.acheter_title2 {
    color: #CA241A;
    font-size: 13px;
}

.center a {
    display: block;
    padding-top: 8px;
}
.line {
    border-top: 1px solid #CCCCCC;
    padding-top: 1em;
}
.clearl {
    clear: left;
}
.clear-both {
    clear: both;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}

.satellites h1.pagetitle {
    color: #333333;
    margin-bottom: 0.5em;
}
.pBold {
    font-weight: 700;
    text-align: justify;
}
.satellites .imgInLine {
    float: left;
    margin: 0 1em 1em 0;
}
.satellites p {
    text-align: justify;
}
.satellites p.savoirPlus {
    margin-left: 20px;
}
.satellites p.commande {
    margin-bottom: 0;
    text-align: center;
}
.satellites p.commande a {
    background: none repeat scroll 0 0 #FF6C00;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 0.2em 0.1em;
    text-decoration: none;
}
.satellites .title {
    line-height: 130%;
}
.satellites .title span {
    color: #333333;
    font-size: 1.3em;
}
.satellites .containerNewsLetter {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    display: -moz-stack;
    line-height: 130%;
    padding-top: 1em;
    text-align: center;
}
.satellites .containerNewsLetter div {
    margin-top: 0.8em;
    width: 100%;
}
#input {
    background: none repeat scroll 0 0 #AAAAAA;
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 37px;
    margin-left: 100px;
    width: 373px;
}
input.newsletter {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    float: left;
    font-size: 13px;
    height: 25px;
    margin-left: 1px;
    margin-top: 1px;
    outline: medium none;
    padding: 5px 20px;
    width: 250px;
}
input.send {
    background: url("http://tutorom.fr/themes/default/images/satellites/search1.png") repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    margin-left: 1px;
    margin-top: 1px;
    outline: medium none;
    padding: 5px;
    position: relative;
    width: 80px;
}
.last {
    border: medium none !important;
}
.first {
    padding: 0 0 0.2em !important;
}
.satellites .lecteur {
    text-align: center;
}
.satellites .lecteur a {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}
.satellites .lecteur p {
    font-size: 1.1em;
    padding-top: 1em;
    text-align: center;
}
.sattelites .formations {
    float: left;
}
.satellites .formations img {
    float: left;
    margin: 0 1em 0 0;
}
.satellites .formations h4 {
    margin: 0.5em 0;
    padding-top: 6px;
}
.satellites .error {
    margin-top: 0;
    width: 87.7% !important;
}
.satellites .info {
    margin-top: 0;
}
.info #messageBoxMsg {
    margin: 0;
}
li#collections {
    background: none repeat scroll 0 0 transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
#collections div {
    border-bottom: 1px solid #CCCCCC;
    padding: 8px 0 0.2em;
}
#collections img {
    float: left;
    margin: 0 1em -16px -5px;
    width: 60px;
}
#collections .titre {
    color: black;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 100%;
    text-decoration: none;
}
#collections .small {
    font-size: 0.9em;
}
#collections .description {
    line-height: 120% !important;
    text-align: justify;
    width: auto;
}
.recommandation {
    background-color: #FFFFFF;
    border-color: #515151 -moz-use-text-color #515151 #515151;
    border-radius: 5px 0 0 5px;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    bottom: 6px;
    box-shadow: 0 0 3px #000000;
    height: auto;
    margin: 10px 0 0 10px;
    overflow: visible;
    padding-bottom: 6px;
    padding-right: 0;
    position: fixed;
    right: 0;
    width: 320px;
    z-index: 999;
}
.recommandation #simplereach-slide-header {
    height: 30px;
}
#simplereach-slide-title, #simplereach-slide-help-header {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}
#simplereach-slide-menu {
    color: #6F6F6F;
    float: right;
    font-weight: bold;
    margin: 5px;
    position: absolute;
    right: 0;
    width: 45px;
}
#simplereach-slide-help-button {
    float: left;
    height: 15px;
    padding: 2px 0 0 5px;
    width: 13px;
}
#simplereach-slide-close-button, #simplereach-slide-open-button {
    border: 1px solid #EEEEEE;
    cursor: pointer;
    float: right;
    font-size: 17px;
    height: 18px;
    padding-left: 4px;
    width: 14px;
}
#simplereach-slide-content {
    overflow: hidden;
    padding: 0 10px;
    width: 301px;
}
#icon-link {
    border: medium none;
    display: none;
    float: left;
    text-decoration: none;
}
#simplereach-slide-image {
    margin-right: 10px;
}
#simplereach-slide-link {
    color: #FE3F10;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 9px 0 4px;
    text-decoration: none;
    width: 208px;
}
#container12 {
    height: 190px;
    margin: 0 auto;
    padding-top: 0.5em;
    position: relative;
    z-index: 0;
}
#example {
    height: 196px;
    margin: 0 auto;
    position: relative;
    width: 916px;
}
#ribbon {
    left: -15px;
    position: absolute;
    top: -3px;
    z-index: 500;
}
#slides12 {
    height: 196px;
    left: 4px;
    top: 15px;
    z-index: 3;
}
.slides_container {
    display: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 916px;
}
.slides_container a {
    display: block;
    height: 196px;
    left: 916px;
    width: 916px;
}
.slides_container a img {
    display: block;
    left: 880px;
}
#slides12 .next, #slides12 .prev {
    display: block;
    height: 43px;
    left: -39px;
    position: absolute;
    top: 107px;
    width: 24px;
    z-index: 101;
}
#slides12 .next {
    left: 585px;
}
.pagination {
    float: right;
    margin: 0 0px;
    position: relative;
    right: 50%;
    /*top: -18px;*/
    z-index: 20;;
}
.pagination li {
    float: left;
    list-style: none outside none;
    margin: 0 1px;
}
.pagination li a {
    background-image: url("../images/pagination.png");
    background-position: 0 0;
    display: none;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.pagination li.current a {
    background-position: 0 -12px;
}
.listNav {
    margin: 0 0 10px !important;
}
.ln-letters {
    overflow: hidden !important;
}
.ln-letters a {
    border-color: silver -moz-use-text-color silver silver !important;
    border-image: none !important;
    border-style: solid none solid solid !important;
    border-width: 1px medium 1px 1px !important;
    display: block !important;
    float: left !important;
    font-size: 0.9em !important;
    height: 24px !important;
    line-height: 24px;
    padding: 0 6px !important;
    text-decoration: none !important;
}
.ln-letters a.ln-last {
    border-right: 1px solid silver !important;
}
.ln-letters a:hover, .ln-letters a.ln-selected {
    background: url("../images/hmenu-bg-cat.gif") repeat-x scroll 0 0 transparent !important;
}
.ln-letters a.ln-disabled {
    color: #CCCCCC !important;
}
.ln-letter-count {
    color: #336699 !important;
    font-size: 0.8em !important;
    line-height: 1 !important;
    margin-bottom: 3px !important;
    text-align: center !important;
}
.navLettre {
    background-color: #071724;
    padding: 5px;
    position: relative;
    width: 595px;
}
.navLettre ol li {
    background: none repeat scroll 0 0 #1D2C38;
}
.navLettre ol li a:hover {
    background-color: transparent !important;
}
.navLettre ol li a {
    width: 600px !important;
}
.col1-3 .blue {
    background-color: #1E9BAD;
}
ul.blue > li {
    border-right: 1px solid #FFFFFF;
}
.black {
    background: -moz-linear-gradient(center top , #000000 0%, #3F3C3C 50%, #000000 100%) repeat scroll 0 0 transparent;
    border: 1px solid #000000;
}
ul.black > li {
    border-right: 1px solid #000000;
}
.red {
    background: -moz-linear-gradient(center top , #CE0000 0%, #EA3B3B 50%, #CE0000 100%) repeat scroll 0 0 transparent;
    border: 1px solid #CE0000;
}
ul.red > li {
    border-right: 1px solid #CE0000;
}
.col1-3 .green {
    background: -moz-linear-gradient(center top , #5D9300 0%, #75BA00 50%, #5D9300 100%) repeat scroll 0 0 transparent;
    border: 1px solid #5D9300;
}
ul.green > li {
    border-right: 1px solid #5D9300;
}
.col1-3 .lightBlue {
    background: -moz-linear-gradient(center top , #008C84 0%, #00C09E 50%, #008C84 100%) repeat scroll 0 0 transparent;
    border: 1px solid #008C84;
}
ul.lightBlue > li {
    border-right: 1px solid #008C84;
}
ul#jDropDown a {
    font-family: Arial,Helvetica,sans-serif;
    line-height: 18px;
}
ul#jDropDown ul li a:hover {
    color: #0079B8;
}
ul#jDropDown > li > a {
    color: #FFFFFF;
    font: bold 15px Arial;
}
ul#jDropDown > li > a {
    font-size: 13px;
    height: 23px;
    padding: 4px;
    position: relative;
}
ul#jDropDown li.home img {
    border: 0 none;
}
ul#jDropDown > li > .firstItem, ul#jDropDown > li.firstItem:hover {
    border-radius: 10px 0 0 10px;
}
ul#jDropDown > li > .on {
    color: #000000;
	
}
ul#jDropDown > .tutorom-li:hover, ul#jDropDown > .weelearn-li:hover  {
    background-color: white;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 2px #919191;
    height: 37px;
	padding-top:3px;
    top: -3px;
}
ul#jDropDown > li.home a:hover, ul#jDropDown > li.home a {
    background: none repeat scroll 0 0 transparent;
    padding-top: 0;
    top: 10px;
}
ul#jDropDown {
    height: 23px;
    margin: 0;
    width: 100%;
}
ul#jDropDown li {
    float: left;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0 0.9em;
    position: relative;
}

ul#jDropDown .tutorom-li, ul#jDropDown .weelearn-li, ul#jDropDown .home-button {
    float: left;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
	height: 36px;
    padding: 0 0.9em;
    position: relative;
}


ul#jDropDown .home-button:hover{
	height:42px
}

ul#jDropDown li.firstItem {
    background: url("../images/hmenu-bg-cat.gif") repeat-x scroll 0 0 transparent;
    border-radius: 10px 0 0 10px;
    color: white !important;
    height: 31px !important;
    padding-left: 12px !important;
    top: 0 !important;
}

ul#jDropDown li.firstItem a img {
	margin-top: 1px;
	width: 90%;
}

ul#jDropDown li.firstItem a {
    color: white !important;
}
ul#jDropDown li a {
    display: block;
    line-height: 24px;
    text-decoration: none;
}
ul#jDropDown > li:last-child {
    border-right: medium none;
}
ul#jDropDown ul {
}
ul#jDropDown li .content {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    left: 0;
    margin-top: 5px;
    padding: 10px 0 10px 10px;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 300px;
}
ul#jDropDown ul li {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 3px;
    margin-right: 25px;
    padding: 4px 0;
    width: 170px;
}
ul#jDropDown ul.categories {
    margin-left: 25px;
    margin-top: 5px;
}
ul#jDropDown ul li a {
    border-right: medium none;
    color: #484848;
    display: inline-block;
    width: 100%;
}

.en-savoir{
	width:74%; 
	margin-left:13% !important; 
	height:22px; 
	position:absolute; 
	bottom:6px; 
	background:#00b3dc; 
	border-radius:2px; 
	text-align:center; 
	color:white; 
	font-weight:bold; 
	padding-top:7px
}

.en-savoir:hover{
	background: #00bbe3;
}

.column_4 .main-nav-dd-lower{
    float: left;
    margin: 20px 20px 10px;
}

.column_4 .main-nav-dd-lower_2{
    float: left;
    margin: 20px 20px 10px;
}

.btn_menu {
    background: -moz-linear-gradient(center top , #F6F6F6, #D6D6D6) repeat scroll 0 0 transparent;
    border: 1px solid #BFBFBF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    height: 21px;
    line-height: 21px;
    margin: 0 15px 5px 0;
    outline: medium none;
    padding: 0 15px 2px;
    text-align: center;
    text-decoration: none;
}
.btn_menu:last-child {
    margin-right: 0;
}
.column_1, .column_2, .column_3, .column_4, .column_5 {
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #E5E5E5 #E5E5E5;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 2px 2px #919191;
    left: 0;
    margin-top: 4px;
    position: absolute;
    top: 87%;
    visibility: hidden;
}
.column_1 {
    width: 170px;
    z-index: 9;
}
.column_2 {
    width: 340px;
    z-index: 9;
}
.column_3 {
    width: 510px;
    z-index: 9;
}
.column_4 {
    width: 618px;
    z-index: 9999999999;
	background: rgb(247, 247, 247);
}

#wblock {
	background: #f7f7f7;
}
.column_5 {
    width: 850px;
    z-index: 9;
}
ul#jDropDown .column {
    float: left;
    margin: 10px;
    width: 150px;
}
ul#jDropDown .column .sectionTitle {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    font-weight: bold;
    padding: 8px 0 5px 1px;
}
ul#jDropDown .column .contact {
    color: #676767;
    float: right;
    font: 11px Arial;
    text-align: right;
}
ul#jDropDown .column .contact p {
    margin: 10px 0 0;
}
.column_4 .menu-bottom {
    background: url("../images/main_menu_background_lower.gif") repeat-x scroll 0 100% transparent;
    height: 134px;
    position: relative;
}
.menu-bottom .nouveautees {
    padding-left: 15px;
    padding-top: 18px;
}
.nouveautees .block {
    float: left;
    height: auto;
    margin-bottom: 0;
    margin-right: 10px;
    width: 241px;
}

.nouveautees .new{
    display:block; 
    position:absolute; 
    top:2px; 
    right:-3px;
}
.block .nouveauteesItem {
    height: 93px;
    overflow: hidden;
    padding: 5px;
    width: auto;
}

.tutorom-li .block .nouveauteesItem:hover {
    background-color: #FFFFFF;
}

.nouveauteesItem img {
    float: left;
    margin-right: 5px;
}
.nouveauteesItem p {
    color: #484848;
    line-height: 1.2em;
    margin-bottom: 5px;
	font-size: 11px;
}
.nouveauteesItem p.accroche {
    font-weight: normal;
}
.page_navigation {
	clear:both;
    float: right;
}
.page_navigation a, .alt_page_navigation a {
    color: #58ABAB;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0 2px;
    text-decoration: none;
}
.page_navigation a.first {
    padding: 0 2px !important;
}
.active_page {
    background-color: white !important;
    color: #B2B2B2 !important;
}
table.abonnement_vod {
    border-color: #CACACA;
    border-spacing: 2px;
    border-style: solid;
    border-width: 1px;
    padding: 0;
}
table.abonnement_vod td {
    background-color: #F7F7F7;
    border-color: #CACACA;
    border-style: solid;
    border-width: 1px;
    height: 35px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 135px;
}
table.abonnement_vod td.titre {
    color: #4D4D4D;
    font-size: 11pt;
    font-style: italic;
    height: 35px;
    padding-right: 20px;
    text-align: right;
    vertical-align: middle;
    width: 330px;
}
table.abonnement_vod td.titre a {
    text-decoration: underline;
}
table.abonnement_vod td.titrePromo {
    background-color: #FFFFFF;
    font-size: 11pt;
    font-style: italic;
    font-weight: bold;
    height: 60px;
    line-height: 15px;
    padding-right: 20px;
    text-align: right;
    vertical-align: middle;
}
table.abonnement_vod td.titrePromo span {
    color: red;
    font-size: 9.5pt;
    font-style: normal;
}
table.abonnement_vod tr.promospecial td {
    background-color: #FFFFFF;
}
table.abonnement_vod tr.promospecial td b {
    color: red;
    font-size: 11pt;
    line-height: 15px;
}
table.abonnement_vod tr td.gris {
    background-color: #F0F0F0;
}
table.abonnement_vod tr td.borhidden {
    border-top-style: hidden;
    font-size: 11pt;
    font-style: italic;
}
table.abonnement_vod tr td.details {
    background-color: transparent;
    border-left-style: hidden;
    border-top-style: hidden;
    color: #CCCCCC;
    font-size: 19.24pt;
    font-style: italic;
    padding-bottom: 5px;
    vertical-align: bottom;
}
.pagetitle {
    /*font-size: 14pt;*/
    margin-left: 20em;
}
.blocknoir {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
    height: 17px;
    margin: 5px 5px 0;
    padding-top: 5px;
}
.blockorange {
    background-color: #FF6B19;
    color: #FFFFFF;
    font-size: 19.12pt;
    font-weight: normal;
    height: 28px;
    margin: 0 5px;
    padding-top: 17px;
}
.blockrouge {
    background-color: #FC2525;
    color: #FFFFFF;
    font-size: 19.12pt;
    font-weight: normal;
    height: 28px;
    margin: 0 5px;
    padding-top: 17px;
}
.blockorose {
    background-color: #EF1D6E;
    color: #FFFFFF;
    font-size: 19.12pt;
    font-weight: normal;
    height: 28px;
    margin: 0 5px;
    padding-top: 17px;
}
.blockdarkrose {
    background-color: #E80094;
    color: #FFFFFF;
    font-size: 19.12pt;
    font-weight: normal;
    height: 28px;
    margin: 0 5px;
    padding-top: 17px;
}
.blockdarkrose span.euro, .blockorose span.euro, .blockorange span.euro, .blockrouge span.euro {
    font-size: 16.5pt;
    font-weight: normal;
}
.gris span {
    font-size: 11pt;
}
.triangleorange {
    border-color: #FF6B19 transparent transparent;
    border-style: solid;
    border-width: 9px 6px 0;
    height: 0;
    margin-left: 60px;
    width: 0;
}
.trianglerouge {
    border-color: #FC2525 transparent transparent;
    border-style: solid;
    border-width: 9px 6px 0;
    height: 0;
    margin-left: 60px;
    width: 0;
}
.trianglerose {
    border-color: #EF1D6E transparent transparent;
    border-style: solid;
    border-width: 9px 6px 0;
    height: 0;
    margin-left: 60px;
    width: 0;
}
.triangledarkrose {
    border-color: #E80094 transparent transparent;
    border-style: solid;
    border-width: 9px 6px 0;
    height: 0;
    margin-left: 60px;
    width: 0;
}
.info_credits {
    margin: 0;
    padding: 15px 0 0;
}
.vod-header {
    background: url("../images/images-2013/vod-header.png") no-repeat scroll 0 0 transparent;
    height: 80px;
    width: 890px;
}

#no-hover{
    background-color: transparent !important;
    color: #004B6C !important;
}

.no-hover{
    background-color: transparent !important;
    color: #004B6C !important;
}
/* Pannier cart top */

#cart_content {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 0 0 7px 7px;
	border-style: solid;
	box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.53);
	clear: both;
	min-height: 50px;
	padding-top: 5px;
	position: absolute;
	right: 0px;
	top: 31px;
	visibility: hidden;
	width: 198px;
	z-index: 99;
	left: -69px !important;
}
#cart_content  .empty{
    margin-top: 15px;
    font-size:1.1em
}
.connexionContent ul li {
    display: block !important;
    text-align: left;
}
#cart_content table.cart {
    border: medium none;
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
}
#mesCommande td{
    height: 20px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    border: none !important;
}
#cart_content table.cart td {
    border-bottom: 1px solid #EEEEEE;
    color: #000000;
    padding: 10px 5px;
    vertical-align: middle;
}
#cart_content table.cart td a {
	border: none;
     color: #0861AC;
    line-height: 24px;
    padding: 0;
    text-decoration: underline;
	font-size: 13.5px;
}
#cart_content table.cart td a:hover{
    text-decoration: none;
}
#cart_content table.total {
    border: none;
    border-collapse: collapse;
    clear: left;
    float: right;
    margin-bottom: 5px;
    padding: 5px;
}
#cart_content table.total td {
    color: #000000;
    padding: 0.6em 1.4em;
}
#cart_content div.checkout {
    clear: both;
    padding-bottom: 5px;
    padding-top: 10px;
    text-align: center;
}
a.button {
    background: url("../images/images-2013/button-left.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: inline-block;    
    margin-right: 5px;
    padding-left: 6px !important;
    text-decoration: none;
}
a.button span {
    background: url("../images/images-2013/button-right.png") no-repeat scroll right top transparent;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 7px 12px 6px 6px;
}

div.en_tat{
    font-size: 1.1em;
    padding: 20px;
    text-align: justify;
    width: 600px;
}

.en_tat a.dans_panier{
	display: block;
    background: #00b3dc;
	border-radius: 3px;
	color: white;
	font-size: 13px;
	font-weight: bold;
	width: 170px;
	height: 22px;
	padding-top: 7px;
	font-size: 15px;
	margin:auto;
}

.en_tat a.dans_panier:hover{
	background: #00bbe3;
}

a.dans_panier span{
	font-size:13px
}

.tt_formations {
	display: block;
	width: 210px;
	height: 32px;
	margin: auto;
}
a.dans_panier span {
	font-size: 13px;
}
.nouveautees .block div{
	padding:15px;
}
.nouveautees .block div:hover{
	background: #fff;
}

.dans_panier:hover {
	background: #03C9F7;
	color: #ffffff;
	font-size
}


.timg0{
	width: 472px !important;
}

.timg1{
	width:100% !important;
}

.en_tat h3{
    color: #000;
    margin: 0 0 .5em;
}
.chromeframe {
    margin: 0 auto;
    text-align: center;
    height: 25px;
    background-color: #F9CB37;
    line-height: 25px;
}

/*aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/

.carouselvertical {
    
    height: 400px;
    overflow: hidden;
    position: relative;
    visibility: visible;
    width: 230px !important;
    z-index: 20;
    border: 1px solid #DBECF6;
    border-radius: 6px 6px 6px 6px;
	padding:0;
	padding-left:15px;
	background: #FAFAFA;
}
.carouselvertical a:hover {
    text-decoration: none;
}
#carouselvertical {
	height:500px;
	width:230px;
    margin: 0;
	padding:0;
	margin-top: -25px;
}
#carouselvertical a.btn_prev, #carouselvertical a.btn_next {
    background:  url("../images/images-2013/bottom.png") no-repeat scroll 0 0 #FAFAFA;
	background-position:center;
    position: relative;
	
    display: block;
    float: right;
    height: 16px;
    opacity: 0.5;
    text-decoration: none;
    width: 230px;
    z-index: 5;
	bottom:0;
	margin-top: 5px;
	left: 10px;

}
#carouselvertical a.btn_next {
    background: url("../images/images-2013/top.png") no-repeat scroll left 0 #FAFAFA;
	background-position:center;
    position: relative;
    height: 20px;
    opacity:0.5;
	z-index: 3;
	top:0;
	margin-bottom: 5px;
	left: 10px;
}

#carouselvertical a:hover {
    opacity:1;
}

.carouselvertical li {
    border-bottom: 1px solid #C6E1F1;
	vertical-align:middle;
    height: 135px !important;
    list-style: none outside none;
	padding-right:5px;
    padding-top:10px;
	padding-top:25px;
    padding-bottom:13px;
	margin:0;
    position: relative;
    width: 215px !important ;
    z-index: 2;
}
.carouselvertical em {
    font-size : 11px
}
.carouselvertical ul {
    /*left: -850px;*/
    margin-bottom: 5px !important;
	
    padding: 0;
    position: relative;
    height: 4290px;
	top: -572px;
    z-index: 2;
}
.carouselvertical .jCarouselLite {
    background-color: #DDDDDD;
    border: 1px solid white;
    float: right;
    left: 0;
    overflow: hidden;
    position: relative;
    visibility: hidden;
    height: 300px;
    z-index: 2;
}

#list-logiciels li{
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-left: 6px;
	margin-left:0;
	list-style-type: none;
	cursor: pointer;
}

#list-logiciels li:hover{
	background:rgb(154, 209, 235);
}

#logiciel-select{
	background:url('../images/logiciels-down.png'); 
	width:125px; height:21px; 
	font-weight:bold; 
	font-size:13px; 
	padding-left : 10px;
	padding-top:0px; 
	margin-left:10px;
	cursor: pointer;
}

#logiciels, .bootstrap-select{
	position:absolute; 
	right:6px; 
	margin-top: -12px; 
	z-index:2; 
	font-size: 16px;
	width: 140px;
}


#list-logiciels{
	background:url('../images/logiciel-menu.png'); 
	width:137px; 
	height:192px;  
	font-size:13px; 
	margin-top:5px; 
	padding-top:8px; 
	font-family:arial; 
	display:none;
	overflow: hidden;
}

#list-logiciels a{
	color:black;
	text-decoration: none;
}

.dropdown-menu li{
	margin-left: 0;
}

/*style promotions

.promotion_g{
    
    padding-top: 10px; 
    
}
.promotion_border_bottom{
    border-bottom: 1px solid #E5E5E5;
    display: block;
    margin: 20px;
    padding: 160px;
    
}
.promotions {
    border: 1px solid #E5E5E5;
    display: block;
    float: left;
    height: 135px;
    margin-bottom: 22px;
    margin-left: 0;
    margin-right: 19px;
    overflow: hidden;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 14px;
    position: relative;
    width: 426px; 
}
.promotions:first-child {
    margin-left: 0;
}
 .promotions_content {
     
    margin-left: 55px;
    margin-top: -11px;
    width: 290px; 
}
 .promo_img_content {
margin-bottom: 20px;
margin-top: 7px;
padding: 10px;
}
 .promotion_bondeau {
position: relative;
z-index: 1;
}

.idee_cadeau{
font-size: 11px;
font-weight:bold;
text-transform:uppercase;
letter-spacing: 1px;
color: #FFFFFF;

background-color: #FF0000;
text-align: center;
padding: 6px 29px ;
position: absolute;
display: block;   
top: 26px;
left: -33px;
transform:rotate(-35deg);
-ms-transform:rotate(-35deg); 
-webkit-transform:rotate(-35deg);
-moz-transform:rotate(-35deg);
}
.Titre_promo{
text-transform: capitalize;
font-size: 16px;
font-weight: bold;
margin-top: 0;
margin-bottom: 10px;

}

.Titre_promo span.noel {
    color: #44C8EE;
}

.promotions span.titleName_promo {
    display: block;
    line-height: 13px;
    margin: 0.5em 0 0;
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;    
    vertical-align: baseline;
    color: #000000;
    color: black;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 6px;
}


.promotions span.titleAccroche_promo {    
    border: 0 none;
    font-family: inherit;
    font-size: 14px;
    font-style: inherit;
    color: #086134;
    text-decoration: none;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
.promotions span.listing_promos {
    color: #0194C8;
    float: left;
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 100%;
}
.promotions span.listing_promo {
    display: block;
    font-weight: normal;
    border: 0 none;
    font-family: inherit;
    font-size: 12px;
    font-style: inherit;
    color: #000000;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

.promotions a {
text-decoration: none;
}

.promotions .img_promo {
float: left;
margin-right:10px;
}

.promotions span.acroche_promo {
border: 0 none;
font-family: inherit;
font-size: 12px;
font-style: inherit;
color: #666666;
text-decoration: none;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

.promotions span.em_promo {
color:red;
font-weight:normal;
float:left;
height:5px;
font-size: 12.1px;
}

.promotions span.boutonsPlusDetails {
position: absolute;
 top: 101px; 
 right: 25px;
}

 div.img_promo_VOD {
float: left;
margin-left:10px;
margin-right:10px;
margin-left: 30px;
margin-bottom: 20px;
}

div.lienToutesPromo {

float: right;
font-size: 14px;
font-weight: bold;
color: red;
margin-bottom: 18px;
margin-right: 20px;
}

span.formationEnPromo {
    margin-left: 50px;
}

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

.s-title{
font-size: 1.8em;
font-weight: bold;


}
.s-descriptif {
    font-size: 1.2em;
    width: 555px;
    margin-top: 10px;

}
.img{
    margin-right: 35px;
}

.imgl{
    float: left;
    margin-bottom: 1.5em;
    width: 512px;
}
.n-lecteur{
    clear: right;
float: right;
margin-bottom: 1.5em;
width: 366px;
padding-top: 30px;
}
.nl-title{
    font-size: 1.8em;
    font-weight: bold;
    width: 366px;
}
.nl-descriptif {
    font-size: 1.2em;
    width: 366px;
    margin-top: 10px;
}
.b_ext{
	clear:both; 
	float:left;
	margin-left:9px;
	margin-top: -11px;
}



.voir-extrait span{
	color:#ff7e00;
	font-weight:bold;
	position:relative;
	left: 15px;
	top: 6px;
	font-size: 14px;
}

.voir-extrait a:hover{
	text-decoration:none;
}


.cartMobileTitle{
	display: none;
}

.hiddenTdMobile{
	display: table-cell !important;
}

#panier .heading{
	margin-left: 34px;
}


.black-bg .page-container{
	min-height: 0px !important;
}

.awesomplete li{
	padding: .2em .8em !important;
	margin-left: 0px;
	margin-right: 0px;
}


@media only screen and (max-width: 768px) {
    /* For mobile phones: */
	.pagetitle{
		margin-left: 1px !important;
		margin-bottom: 20px !important;
		margin-top: 10px !important;
	}
	
	
	#header {
		padding-left: 5px;
		padding-right: 5px;
		height: 60px;
		min-width: initial;
	}
	
	#header [class*="col-"] {
        padding-left: 0px;
		padding-right: 0px;
    }
	
	#header-search{
		width: 92% !important;
	}
	
	#header-search .search{
		width: 14%;
		padding: 7.5px 13px !important;
		right: -7px !important;
		top: -3px !important;
		height: 36px;
	}
	
	#header-search #modSearchTitleWord{
		width: 88.5%
	}
	
	#header div.connexion ul#pannierItems li{
		z-index: 9999;
	}
	
	#header div.connexion{
		width: initial;
		line-height: 16px;
	}
	
	#header div.connexion a#listCours {
		display: inline;
		background: url("../images/icons/menu-icone.png") no-repeat scroll 7px 8px transparent;
		background-size: 15px;
		padding-left: 21px !important;
		padding-bottom: 1px !important;
	}
	
	#header div.connexion a#connexion {
		display:none;
		background: url("../images/icons/connexion-icone.png") no-repeat scroll 7px 5px transparent;
		background-size: 14px;
	}
	
	#header div.connexion a#mobileConnexion {
		display: block;
		background: url("../images/icons/connexion-icone.png") no-repeat scroll 7px 5px transparent;
		background-size: 14px;
		min-height: 28px;
		margin-top: -6px;
		padding-left: 20px !important;
	}
	
	#header div.connexion a span.button-title{
		display: none !important;
	}
	
    #tutorom-logo{
		margin: 5px 5px 0 0px;
		height: 48px;
	}
	
	#header #logo,#header #signature{
		display: none;
	}
	
	#wrap2{
		margin-top: 64px;
	}
	
	.full-container, .container, .fullwidth {
		width: 100% !important;
		margin-left: 0px !important;
	}
	
	.page-container{
		padding: 4% 0 !important;
	}
	
	.page-container h1.pagetitle {
		font-size: 29px;
		margin: 0;
		margin-left: 2px;
	}
	
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	
	[class*="col-"] {
        padding-left: 10px;
		padding-right: 10px;
    }
	
	.exclusive-offer .title, .exclusive-offer .price, .orange-button{
		width: 70%;
		margin: 0 15%;
	}
	
	.features img {
		margin-top: 20px;
	}
	
	#option-button-container {
		position: relative;
		top: 35px;
		margin-bottom: 87px;
	}
	
	
	#logiciels {
		margin-top: -9px !important;
		margin-right: 8px !important;
	}
	
	#listCours [class*="col-"] {
		padding-left: 2px;
		padding-right: 2px;
	}
	
	div#listCours td .titleImg {
		margin-bottom: 26px;
		width: 118px;
		height: 95px;
	}
	
	.titleInfo-left-block{
		padding-left: 10px  !important;
	}
	
	.boutonsAchatContainer {
		margin-bottom: 20px;
	}
	
	.boutonsAchat {
		margin-right: 0px;
		width: 100%
	}
	
	.voir-extrait {
		float: left;
		width: 100%;
		height: 100%;
	}
	
	.voir-extrait .timg, .voir-extrait .timg0 {
		width: 100% !important;
	}
	
	#lessonList .title {
		margin-left: 12px;
	}
	
	i.timing {
		margin-right: 6px;
	}
	
	#loginRightBlock .item-text{
		margin-top: 42px;
	}
	
	#cart_content{
		display: none !important;
	}
	
	.connexionContent .navbar-toggle{
		display: none !important;
	}
	
	#navbar-collapse-1 {
		position: relative;
		top: -10px;
		margin-bottom: -10px !important;
	}
	
	#navbar-collapse-1 .navbar-nav{
		margin-bottom: 4px;
	}
	
	#navbar-collapse-1 .navbar-nav li{
		width: 100%
	}
	
	
	#navbar-collapse-1{
		background: #00ACE3;
		margin: 7.5px -15px;
	}
	
	#navbar-collapse-1 a{
		color: white;
		font-size: 14px;
		border-bottom: 1px solid #96c1e3;
	}
	
	#navbar-collapse-1 li{
		margin: -3px 14px;
	}
	
	#navbar-collapse-1 a:hover{
		background: #00ACE3;
		padding-left: 15px;
	}
	
	#step-order{
		width: 100%  !important;
		margin-left: 0 !important;
	}
	
	#cart{
		width: 100%  !important;
		margin-left: 0 !important;
	}
	
	#leftcolumn {
		margin-top: 0px;
	}
	
	.promo-td{
		min-height: 60px;
	}
	
	.cartMobileTitle{
		display: table-cell
	}
	
	.hiddenTdMobile{
		display: none !important;
	}
	
	.orderList{
		margin-bottom: 20px;
	}
	
	#panier .heading{
		margin-left: 0px;
	}	
	
	
	
	/* Force table to not be like tables anymore */
	table.no-tables , 
	.no-tables thead, 
	.no-tables tbody, 
	.no-tables th, 
	.no-tables td, 
	.no-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-tables tr { border: 1px solid #ccc; }
 
	.no-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
		clear: both;
		text-align: right !important;
		width: 100% !important;
		padding-right: 0.7em !important;
	}
 
	.no-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	
	.boutonsAchat {
		padding-left: 20px;
		padding-right: 20px;
	}
 
	/*
	Label the data
	*/
	.no-tables td:before { content: attr(data-title); }
	
	.vtc_hm_baner h1 {
		font-size: 30px;
		line-height: 34px;
	}
	
	.vtc_hm_search .hdtxt {
		font-size: 1.15em;
	}
	
	#top-block{
		padding-bottom: 0px;
	}
	
	.hm_formblock input {
		width:65%;
	}
	.vtc_hm_searchbtn input {
		width:35%;
	}
	
	.btn-how-works, .btn-moren{
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
	}
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.container{
		width: 100%;
	}
	
	#header {
		padding-left: 0%;
		padding-right: 0%;
	}
	
	footer .row {
		margin-left: 0;
		margin-right: 0;
	}
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#wrap2{
		margin-top: 0px;
	}
	.option .description{
		text-align: center;
		margin-bottom: 50px;
	}
	
	#option-button-container{
		top: 0;
	}
	
	.blue-bg{
		overflow-x: hidden;
	}
	
	#frmLogin{
		margin: auto;
	}
	
	.rightpagetitle{
		margin-top: 50px !important;
	}
	
	.boutonsAchat {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.iconBox a:link, .iconBox a:visited{
		margin: 15px 0 0 0px;
	}
}