/*



[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 {

    margin:0;

    padding:0;

    border:0;

    outline:0;

    font-weight:inherit;

    font-style:inherit;

    font-size:100%;

    font-family:inherit;

    vertical-align:baseline

}

/* remember to define focus styles! */

:focus {

    outline:0

}

body {

    line-height:1;

    font-size:.625em;



}

ol,ul {

    list-style:none

}

/* tables still need 'cellspacing="0"' in the markup */

table {

    border-spacing:0;

}

caption,th,td {

    text-align:left;

    font-weight:400

}

blockquote:before,blockquote:after,q:before,q:after {

    content:""

}

blockquote,q {

    quotes:"" ""

}



/*Default styles 

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

html {

    font-size: 100.01%

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, fieldset, address, label {

    margin: 1em 0

}

body {



    font-family:Arial,sans-serif;

	background: #f2faff;

	color:#333;

   

}

/*A-Z*/

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 {

    margin: 0 0 1.5em 2em;

    padding: 0 1em 0.2em 4em;

    background: #F5F5F1 url(../images/quote1.gif) 1em 1em no-repeat;

    color: #444

}

blockquote p {

    padding: 1em 4em 0 0;

    background: url(../images/quote2.gif) bottom right no-repeat;

}

fieldset {

    line-height: 1.5em;

    padding: .5em

}

fieldset label {

    margin-left: 1em

}

h1, h2, h3, h4, h5, h6 {

    font-size: 2em;

    font-weight: 400

}

h1 {

    color: #196597;

    margin: 1.6em 0 .2em 0

}

h2 {

    font-size: 1.7em;

    color: #196597;

    margin-bottom: 0.8em

}

h3 {

    font-size: 1.45em;

    color: #FFF

}

h4 {

    font-size: 1.4em;

    font-weight: 700;

}

h5 {

    font-size: 1.3em;

}

h6 {

    font-size: 1.2em

}

input {

    vertical-align: middle;

    font-size: 11px;

    padding: 1px

}

input.btn {

    font-size: 12px;

    padding: 0;

}

legend {

    font-weight: 700

}

li, dd {

    margin-left: 2em

}

li {

    line-height: 1.4em;

    margin-top: 0.3em;

    list-style-position: outside;

    list-style-type: disc

}

ol li {

    list-style-type: decimal

}

option {

    padding-right: .5em

}

p {

    line-height: 1.4em;

    margin: 1.4em 0;

    margin-top: 0

}

pre {

    background: #EEECE0;

    border-left: 5px solid #CFCDC2;

    line-height: 1.4em;

    font-family: courier new, courier, monospace;

    overflow: auto;

    margin: 1.5em 2em 1.5em 0;

    padding: 0.5em 2em

}

select {

    color: #0861ac;

}

sup {

    position:relative;

    top:-3px;

    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 {

    background: #2c80b3 url(../images/thBg.gif) top repeat-x;

    font-weight: 700;

    color: #fff;

    border: 0;

    border-top:1px solid #2c80b3

}

.categoryList {

    border-color: #e8f3f9

}

.categoryList th {

    color: #333;

    background: #fff;

    border: 0;

}

/****/

tr.gridTwo td {

    background: #e5f1f8

}



td a:hover, td a:focus {

    color: #000;

    text-decoration: none

}

td img {

    vertical-align: middle;

    margin: 0;

    padding: 0

}

/**extra

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

.info, .tips, .promo, div.error {

    margin: 1em 0 1.5em 0;

    padding: 0.8em 1em 0.8em 5em;

    background: #E5F4FE url(../images/info.gif) 1em 50% no-repeat;

    border: 1px solid #6FABDC;

    color: #206097;

}

.info a:link, .info a:visited {

    text-decoration: underline;

}

div.error {

    background: #FFEAE0 url(../images/warning.gif) 1em 50% no-repeat;

    border: 1px solid #E18181;

    color: #C12B2B

}

div.error p {

    margin: 0

}

.error {

    border: 1px solid #E18181;

    color: #C12B2B

}

label.error {

    font-weight: bold;

    border: none;

}

.tips {

    background: #FFFFE0 url(../images/tips.gif) 1em 50% no-repeat;

    border: 1px solid #F7CA66;

    color: #333

}

.promo {

    background: #FFEEE0 url(../images/present.png) 1em 50% no-repeat;

    border: 1px solid #FFCA9F;

    color: #333;

    width: 350px;

    margin: 1em auto;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    border-radius:10px;

    margin:2em auto

}

td.paging {

    text-align: right;

    background: #fff;

    padding-right: 1em

}

.clear {

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 1px;

    height: 1px;

    overflow: hidden;

    font-size: 1px

}

.center {

    text-align: center;

    padding-bottom: .8em;

    background: transparent

}

.orange {

    color: #ef5f0b

}

.infoBox h5 {

    background: #f5fafc;

    padding: .2em;

    border-bottom: 1px solid #e5f1f8

}

.infoBox p {

    line-height: 150%

}

.infoBox span {

    font-weight: 700

}

h4.heading {

    margin-bottom: .2em

}

h5.heading {

    margin-bottom: .5em

}

span.strike, label.strike {

    color: #000;

    font-size: 14px;

    text-decoration: line-through;

    font-weight: 400;

    padding-right: 3px;

    line-height:100%

}

label.strike {

    padding-right: 4px;

    color: #e20e0e;

    font-size: .8em

}

.highlight {

    background: yellow;

}

/*Layout

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

#wrapper {

    margin: 10px auto;

    width: 940px;

    background: #fff url(../images/wrapper_border.gif) left repeat-y;

    font-size: 1.1em;

}

#wrap2 {

    background: url(../images/wrapper_border.gif) right repeat-y;

    margin-top: 30px;

    position: relative;

    top: -20px;

}

#header {

    color: #333;

    width: 100%;

    float: left;

    height: 126px;

    background: url(../images/header-noel.png) no-repeat;

    font-size: 1.04em

}

#topleft {

    width: 350px;

    float: left

}

#topright {

    width: 235px;

    float: right;

    margin-top:12px

}

#logo span, #signature span {

    visibility: hidden

}

#logo a, #signature a {

    text-decoration: none

}

#logo {

    width: 330px;

    height: 50px;

    overflow: hidden;

    margin: 10px 0 0 10px

}

#signature {

    width: 270px;

    height: 40px;

    overflow: hidden;

    margin: 10px 0 0 60px

}

#topmenu {

    width: 210px;

    margin: 4px 0 0 20px;

}

#topmenu li {

    display: inline;

    border-right: 1px solid #6d97b7;

    margin: 0 .5em 0 0;

    padding-right: .6em;

}

#topmenu li.langue {

    border: 0;

    padding: 0;

    margin: 0 0 0 .8em

}

#topmenu li.langue1 {

    border: 0;

    padding: 0;

    margin-top: 0;

    margin-right: 0;

    margin-bottom: 0;

    margin-left: 50px;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 1.2em;

    color: #CCC;

    font-weight: bold;

}

#topmenu li a {

    color: #f0f0f0

}

#header-search {

    margin-top: 35px;

    margin-left: 15px

}

#header-search h3 {

    margin-left: 25px;

    margin-bottom: 7px

}

#header-search #modSearchTitleWord {

    width: 160px

}

#navigation {

    float: left;

    width: 100%;

    height: 33px;

    color: #fff;

    background: #08B8DC url(../images/hmenu-bg.gif) 0 -1px repeat-x;

    line-height: 26px;

    border-top: 1px solid #ace3ef;

}

#mainmenu {

    float: left;

}

#rightmenu {

    float: right;

    width: 240px;

    border-left: 1px solid #76b1d3;

    border-right: 1px solid #76b1d3;

    margin-right: 13px;

}

#rightmenu ul, #rightmenu li {

    margin: 0;

    padding: 0;

    list-style: none

}

#rightmenu li {

    width: 120px;

    float: left

}

#rightmenu a {

    color: #fff;

    font-size: 1.1em;

    line-height: 26px;

    margin: 0;

    display: block;

    height: 29px

}

a.cartLink {

    background: #008BBC url(../images/menu-cart.gif) 10px 5px no-repeat;

    padding-left: 38px;

    border-right: 1px solid #76b1d3;

}

a.ordersLink {

    background: #2a93c3 url(../images/compte.gif) 10px 5px no-repeat;

    padding-left: 30px;

}

#leftcolumn {

    color: #333;

    width: 640px;

    float: left;

    padding: 1em 0 2em 1em

}

#leftcolumn h3, #calendrier h3 {

    color: #333;

    font-weight:bold;

}

#rightcolumn {

    float: right;

    color: #333;

    width: 242px;

    display: inline;

    padding-bottom: 2em;

    margin-right: 13px;

    position:relative;

    top:-3px

}

#footer {

    width: 100%;

    clear: both;

    text-align: left;

    font-size:1.1em;

    color: #fff;

    background: #2298c8 url(../images/footer-bg.png) top repeat-x;

    margin: 0;

    padding: 0 0 .5em 0;

    border-top:7px solid #56d3ef;
}

#footer img {

    float:left;margin:0;padding:0

}

#footer li {

    list-style: none;

    margin: 0;

}

#footer p {

    margin: 1em 0 0 4em

}

#footer a {

    color: #fff;

}

#footer p a {

    color:#bef1fa

}
#footer h3 {
	border-bottom:1px solid #bef1fa;
	padding-bottom:.5em;
	margin-bottom:.5em
}
#footer div {
	float:left
}

#footer h3 {

	border-bottom:1px solid #bef1fa;

	padding-bottom:.5em;

	margin-bottom:.5em

}

#footer div {

	float:left

}



p.legals {

    font-size:.91em;

    color:#bef1fa;

    clear:left;

    position:relative;

    top:-1em

}

.f_li_W {

	width:260px;

	margin-left:4em

}

.f_li {

	width:150px;
	float:left;
	margin-top:.5em

	}

.f_li_2 {

	width:110px;

	}

.f_nc {
	margin:0 3em
}
#footer .f_logo {
	width:290px;

	margin-left:2em;

	float:right

}
/*theme

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

/***Blocks***/

/* white rounded drop-shadowed module*/

/* .noH : no-heading - .wht : light heading - nothing : blue heading */

.b-t {

    background: #fff url(../images/mod-t.png) top repeat-x;

    margin-top: 10px;

}

.noH .b-t {

    background: #fff url(../images/hb-px.gif) top repeat-x;

    margin-top: 10px;

}

.wht .b-t {

    background: #fff url(../images/mod-wht-t.png) top repeat-x;

    margin-top: 10px;

}

.b-l {

    background: url(../images/hb-px.gif) left repeat-y

}

.b-r {

    background: url(../images/hb-r.gif) right repeat-y

}

.b-b {

    background: url(../images/hb-b.gif) bottom repeat-x

}

.b-tl {

    background: url(../images/mod-tl.png) top left no-repeat

}

.noH .b-tl {

    background: url(../images/hb-tl.gif) top left no-repeat

}

.wht .b-tl {

    background: url(../images/mod-wht-tl.png) top left no-repeat

}

.b-tr {

    background: url(../images/mod-tr.png) top right no-repeat

}

.noH .b-tr {

    background: url(../images/hb-tr.gif) top right no-repeat

}

.wht .b-tr {

    background: url(../images/mod-wht-tr.png) top right no-repeat

}

.b-br {

    background: url(../images/hb-br.gif) bottom right no-repeat

}

.b-bl {

    background: url(../images/hb-bl.gif) bottom left no-repeat;

    width:100%;

}

.b-bl h3 {

    margin:0;

    padding:0;

    font-weight:400;

    color:#fff;

    text-align:center;

    font-size:1.5em;

    height: 28px;

    line-height: 28px;

}

.wht .b-bl h3, .noH .b-bl h3 {

    margin:0;

    padding:0;

    color:#3492c6;

    font-size:1.4em;

    height: 28px;

    line-height: 28px;

    text-transform:uppercase;

    font-weight:700

}

.b-bl a:link, .b-bl a:visited {

    text-decoration:underline

}

.b-bl a:hover, .b-bl a:focus {

    text-decoration:none

}

#recents ul {

    margin: .8em 1.2em 0 1.3em;

    font-size: 1.1em;

    padding-bottom:1em

}

#help {

    background:url(../images/mod-help.png) no-repeat;

    width:244px;

    height:130px ;

    margin-top:10px;

}

#help .arrowMenu {

    margin-right:5.5em !important;

}

#help .arrowMenu li {

    line-height:120% !important;

}

#help h3 {

    padding:0;

    margin:0;

    margin-bottom:.5em;

    margin-left:3.5em;

    height:28px;

    line-height:28px;

    color:#fff;



}

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

.mod-tl {

    background: #3492c6 url(../images/mod-tl.png) top left no-repeat;

}

.mod-tr {

    background: url(../images/mod-tr2.gif) top right no-repeat;

}

.mod-t {

    background: #e7f5fe url(../images/mod-t.png) top repeat-x;

    margin-top: 10px;

}

.mod-br {

    background: url(../images/mod-br.gif) bottom right no-repeat

}

.mod-bl {

    background: url(../images/mod-bl.gif) bottom left no-repeat;

    padding: 0 0 1.4em 0

}

.mod-tl h3 {

    text-transform: uppercase;

    text-align: center;

    font-size: 1.3em;

    border-bottom: 1px solid #6bacd2;

    margin: 0;

    height: 28px;

    line-height: 28px;

    padding: 0;

}

.mod2 .mod-tl h3 {

    border: 0

}

.mod-tl li {

    list-style: none;

    margin: .6em 0 0 0;

    font-size: 1.1em;

    line-height: 115%;

    padding-left: 1.1em;

    background: url(../images/arrowB.gif) 0 3px no-repeat;

}

.mod-tl ul {

    margin: 0 .8em 0 1em;

    padding-bottom: 1em

}

/**search**/

#searchright .mod-bl {

    text-align: center;

}

#searchright form {

    padding-top: .9em

}

#modSearchTitleWord {

    width: 150px;

    height: 15px

}

#searchright h3 {

    background: url(../images/search.gif) 3px 3px no-repeat

}



.mod2 .mod-tl {

    background: url(../images/mod-tl.gif) top left no-repeat;

}

.mod-tl a:link, .mod-tl a:visited {

    color: #1b7a9e;

    text-decoration: underline

}

.mod-tl a:hover, .mod-tl a:focus {

    text-decoration: none;

    color: #165380

}

/**Basket Module**/

#basket, #BlockAccount {

    border-left: 1px solid #76b1d3;

    border-right: 1px solid #76b1d3;

    border-bottom: 1px solid #76b1d3;

    background: #008BBC url(../images/cart-account-bg.gif) top right no-repeat;

    color: #fff;	

    position:relative;

    z-index:100;

    top:-2px

}

#BlockAccount {

    background: #2A93C3 url(../images/cart-account-bg.gif) -1px 0 no-repeat

}

#basket p, #BlockAccount p {

    font-size: 1.2em;

    font-weight: bold;

    text-align: center;

    margin: 0;

    padding: .8em 0 .5em 0;

}

.total {

    color: #fff

}

a.btnBasket {

    display: block;

    border: 1px solid #0493ca;

    background: #d2edff url(../images/link-cart-bg.gif) top repeat-x;

    text-decoration: none;

    font-weight: bold;

    margin: .6em 1.5em;

    padding: .2em 0

}

#basket em {

    color: #fff;

    font: italic .9em/110% arial, sans-serif;

    display: block;

    padding: .4em 0 .8em 0

}

#BlockAccount ul {

    margin: 0 1em 1em 1em;

    font-size: 1.1em;

}

#BlockAccount a {

    color: #fff

}

/** Title Info Demo Link **/

#titleInfoDemoLinks {

    background:url(../images/titleInfoDemoLinkBg.png) top repeat-x;

    border:1px solid #fce69f;border-radius:8px;

    -moz-border-radius:8px;

    -webkit-border-radius:8px;

    font-size:1.1em;

    margin-top:8px;

}

#titleInfoDemoLinks h3 {

    color:#333;

    font-weight:700;

    margin:0;

    padding:.5em 0 .5em 50px;

    font-size:12px;

    background:url(../images/titleInfoDemoLinkPlay.png) .9em .4em no-repeat;

}

#titleInfoDemoLinks a {text-decoration:underline}

/**TAGS****/

#tags h3 {

    text-transform: none;

    font-size: 1.45em;

    border-bottom: none;

    margin: 0;

    height: 28px;

    line-height: 28px;

    padding: 0;

}

#tags p {

    font-size: 1.1em;

    padding: .5em .5em 1em .5em;

    margin: 0

}

/***devenir auteur ***/

.Dev_auth {

    background: url(../images/d-a-bg.gif) top left repeat-y;

    margin-top: 10px;

}

.Dev_auth div {

    background: url(../images/devenez-auteurs.gif) top left no-repeat

}

.Dev_auth div div {

    background: url(../images/d-a-b.gif) bottom right no-repeat;

    padding-bottom: 30px

}

.Dev_auth h3 {

    visibility: hidden;

    height: 60px;

    margin: 0

}

.Dev_auth p {

    margin: 0 1.7em;

    color: #397321;

    font-size: 1.1em

}

/***Devenir distributeur***/

.Dev_distrib {

    background: #E5F4FE url(../images/info2.gif) .5em 1em no-repeat;

    margin: 10px 10px 0 0;

    border: 1px solid #c2dfef

}

.Dev_distrib p {

    font-size: 1.1em;

    margin: 1em .5em 1em 30px;

    line-height: 120%

}

.Dev_distrib h3 {

    visibility: hidden;

    margin: 0;

    font-size: 1px

}

/***Bundle***/

#modBundle {

    background:#e1f9db url(../images/modBundle-t.gif) top repeat-x

}

.latestBundle {

    background:#fff;

    border:1px solid #c0db94;

    margin:1em 1em 0 1em

}

#modBundle .latestBundle h3 {

    margin:0;

    padding:0;

    color:#77b639;

    text-transform:none;

    font-size:1.45em;

    border-bottom: 1px solid #c0db94;

}

.latestBundle li {

    background:url(../images/list2.gif) left no-repeat;

    padding-left:18px

}

#modBundle .mod-tl {

    background:url(../images/modBundle-tl.gif) top left no-repeat

}

#modBundle .mod-tr {

    background:url(../images/modBundle-tr.gif) top right no-repeat

}

/****THEME CONTENT

*********************************************************

#vinline {

        background: url(../images/voir-en-ligne.png) top no-repeat;

        height: 56px;

        clear:both;

        position: relative;

}

#vinline p {

        color: #333;

        font-weight: bold;

        white-space: nowrap;

        padding: 0;

        margin: 0 0 0 2em;

        position: absolute;

        top: 35px

}

#vinline a:link, #vinline a:visited {

        text-decoration: underline;

        color: #1b7a9e

}*/

.firstBox {

    margin: 0 20px;

    font-size: 1.1em

}

h1.pagetitle {

    margin: .5em 0 .2em 0;

    color:#333

}

.titreDescription {

    margin:0 0 1.5em 0;

    font-size:1.4em;

    font-weight:400;

    color:#333;

}

h2.sdpart {

    /*cart h2**/

    color: #333;

    font-size: 1.8em;

    margin: 2em 0 .5em 0;

}

.credential {

    color: #999;

    font-size: .9em;

    margin-bottom: .9em

}

ul.arrow, ul.arrow ul {

    margin: .5em 0

}

.arrow li {

    list-style: none;

    margin: 0;

    background: url(../images/list3.gif) 0 3px no-repeat;

    padding-left: 20px

}

.arrow li ul {

    margin-left: 1em

}

.arrow li ul li {

    background: none;

    padding: 0;

    line-height: 130%;

    list-style: disc

}

/*access card

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

#buycardBest {

    border-bottom :1px solid #52a3c1;

    margin:0 4.1em 0 4em;

    text-align:right;

    background:url(../images/buycardBg.png) top left no-repeat;

    padding-top:.8em

}

#buycardFooter {

    border-top :1px solid #52a3c1;

    margin:0 4.1em 2em 4em;

    background:url(../images/buycardFooter.png) top right no-repeat;

    height:20px;

}



#buycardFooter span {

    display:block;

    float:left;

    width:120px;

    margin-left:5px;

    text-align:center;

    margin-top:.3em



}

#buycard {

    border-left: 1px solid #52a3c1;

    padding-left: 1em;

    margin-left: 4em;

    clear:left;

    height:100px

}

#buycard div {

    border-right: 1px solid #52a3c1;

    padding: 1em 0.87em 0 0;

    float:left;

    width:101.7px;

    margin-right:1em

}

#buycard span {

    display: block;

    text-align: center;

    line-height: 20px

}

#buycard span span {

    display: inline

}

.cardtitle {

    font-weight: 700;

    white-space:nowrap

}

.cardhour {

    font-size: 1.4em;

    color: #006b9b

}

.cardprice {

    color: #ff730f;

    font-weight: 700;

    font-size: 1.4em

}

.tablebtm td {

    font-weight: 700

}



.creditsPack {

    margin:0 4.1em 0 4em;

    padding-top:.6em;

    border: 1px solid #52a3c1;

    border-top:0;

    height:25px

}

.creditsPack span {

    display:block;

    float:left;

    width:124px;

    text-align:center;

    font-size:1.2em;

    color:#ff0000;

    padding-bottom:.5em

}



/*authors

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

.authors{

    margin:0 auto 1em auto;

    padding:1em 1.5em 1.5em 80px;

    background:#f5f5f5 url(../images/ico.author.gif) no-repeat 10px 20px;

    border:1px solid #ccc;

    color:#333;

    text-align:justify;

    line-height:150%

}



/*faq

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

#faq {

    text-align: justify

}

#faq h3 {

    margin-bottom: 0.5em;

    font-size: 1.4em;

    color: #0069a0

}

#faq h2 {

    border-top: 1px solid #ccc;

    padding-top: 1.5em;

    margin-top: 1.5em

}



/*home

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

#home_wrapper {

    position: relative;

    float: left;

    width: 938px;

    margin-left: 1px;

    /*background: url(../images/acc_bg2.png) 0 270px repeat-x;*/

}

#home_wrap2 {

    background: url(../images/acc_bgbt.png) bottom repeat-x;

}

#annonce {

    padding:10px 0 5px 12px

}

#annonceVideo {

    position:absolute;

    top:21px;

    left:582px;

}

h2.nvxTutos {

    position:absolute;

    top:325px;

    left:58px;

    color:#4dcaed;

    font-weight:700;

    font-size:1.4em;

    text-transform:uppercase

}



h2.nvxTutos1 {

    color:#4dcaed;

    font-weight:700;

    font-size:14px;

    text-transform:uppercase;

	padding-left: 12px;

	width:900px;

	

}

.nvxTutos span {

    color:#333

}

#choixCat_Ed_Prod {

    height:28px;

    background:#f1f1f1;

    line-height:100%;

    position:relative;

    top:-5px;

    -webkit-border-radius: 10px;

    -moz-border-radius:10px;

    border-radius: 10px;

    margin:0 60px 1em 60px;

}

#choixCat_Ed_Prod h3 {

    font-weight:700;

    font-size:1.2em;

    color:#333;

    float:left;

    margin:7px 15px 0 30px;

}

#choixCat_Ed_Prod p,.tlFilter p {

    margin:0;

    float:left;

    margin-top:3px;

}

#choixCat_Ed_Prod select,.tlFilter select {

    margin:2px 10px 2px 0;

    font-size:1em;

    color:#333;

}

#choixCat_Ed_Prod option, .tlFilter option  {

    color:#333;

    border:none;

    padding:1px 3px 0 3px

}

#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: 0 45px 0 50px 

}



.homeblocks h3 {

    font-weight: 700;

    font-size: 1.1em;

    margin: 0 2em .5em 0;

    padding: 0 0 .5em 0;

    color: #333;

    border-bottom:1px solid #73d4ef;

}

.homeblocks h3 span {

    display:block;

    text-transform:uppercase;

    color:#4dcaed;

    font-size: 1.2em

}

.homeblocks ul, .arrowMenu ul {

    margin: 1em 10px 1em 0;

}

.homeblocks li, .arrowMenu li {

    list-style: none;

    background: url(../images/hb-arrow.gif) 0 4px no-repeat;

    padding-left: 18px;

    margin: .3em 0

}

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

#home_latest {

    border-bottom:1px solid #73d4ef;

}

#latestEn, #promo, #latestFr {

    margin: 1em 10px 1em 10px;

    float: left;

    width: 280px;

}

#latestFr {

    border: 0;

}

#latestFr ul{

    padding-right:10px;

    margin-bottom:0

}

#latestEn {

    margin-left:0;	

    border-right: 1px solid #dedede;

}

#latestEn ul {

    margin-bottom:0

}

#latestBlog h3, #latestFr ul, #latestBlog ul {

    margin-right:0

}

#promo {

    width:250px;

    margin:0;

    position:relative;

    top:-5px;

    font-size:.9em;

    padding:0

}

/*

#promo h3 {

        border-bottom:0;

        font-size:1.3em

}

#promo h3 span {

        display:inline;

        font-size:inherit

}

#promo .vodp a {

        display:block

        

}*/

/*

#promo {

        width:230px;

        margin-right:0;

        position:relative;

        top:-5px

}

#promo h3 {

        text-align:center;

        line-height:105%;

        font-size:1.1em;

        text-transform: lowercase;

        color:#444;

        border-bottom-color:#ff8622;

        padding:.5em 0;

        margin-left:.8em;

        margin-right:1.2em

}

#promo h3 span {

        display:block;

        color:#ff8622;

        padding-bottom:1px;

        text-transform:uppercase;

        font-size:1.31em;

        letter-spacing:1px

}

#promo p {

        font-size:.9em;

        margin:.8em;

        color:#666

}*/

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

#findTuto, #latestBlog {

    float:left;

    width:600px;

    margin:.3em 0 1em 0;

}

#findTuto h3, #latestBlog h3 {

    border-bottom:0;

    padding:1em 0 .3em 0;

}

#findTuto h4,#latestBlog h4 {

    font-size:1.1em;

    margin:0 0 .4em 0;

}

.findTuto1,.findTuto2 {

    float:left;

    width:280px;

}

.findTuto1 {

    border-right:1px solid #dedede;

    min-height:150px

}

.findTuto1  ul {

    margin:0 20px 0 0;

    padding-bottom:0

}

.findTuto2 {

    width:250px;

    margin-left: 30px;

}

.findTuto2 ul{

    margin:0;



}

#latestBlog {

    width:220px;

    margin-left:10px

}

#findTuto li {

    background:none;

    padding-left:0;

    padding-right:5px;

    display:inline

}

#findTuto li.flag_fr {

    display:block;

    padding-left:18px;

    background:url(../images/flags/Fr.gif) 0 3px no-repeat

}

#findTuto li.flag_en {

    display:block;

    padding-left:18px;

    background:url(../images/flags/En.gif) 0 3px no-repeat

}

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

#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:#444;

}

#home_enligne a:hover, #home_enligne a:focus {



}



/*Menu

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

/* */

/*** General ***/

.menuList, .menuList  ul {

    margin: 0;

    padding: 0;

    list-style: none;

    float: left;

    z-index: 100;

    position: relative

}

.menuList  li {

    list-style: none;

}

.menuList a {

    display: block;

    padding: 0 12px;

    color: #fff;

    text-decoration:  none;

    height:29px;

    line-height: 28px;

    border-right: 1px solid #89d2e1 /*#76b1d3*/

}

.menuList ul li a {

    height: 19px;

    line-height: 19px;

    padding: 3px 0;

    border-right: 0;

    text-indent:9px;

    color:#fff

}

/*** Layout ***/

.menuList li {

    float: left;

    padding: 0;

    margin: 0;

    position: relative;

    font-weight: 700;

    font-size:13px;

}

.menuList li ul {

    padding: 0;

    margin: 0;

}

.menuList ul {

    visibility: hidden;

    position: absolute;

    top: 29px;

    left: 0px;

    width: 160px;

    z-index: 100;

}

.menuList ul ul {

    top: 0px;

    left: 160px;

}

.menuList ul li {

    float: none;

    margin: 0;

    padding: 0;

    border-left: 0 /*#175885*/;

    border-top: 1px solid #071724 /*#175885*/;

    font-weight: 400;

    font-size:12px;

    color: #fff;

}

.menuList li a span {

    display:block;

    padding-right:15px;

    background:url(../images/arrowMenu.gif) 100% 12px no-repeat

}

.menuList li a:hover span,.menuList li a:focus span {

    display:block;

    padding-right:15px;

    background:url(../images/arrowMenuOff.gif) 100% 12px no-repeat

}

.menuList li a:hover, .menuList li a.highlighted:hover, .menuList li a:focus {

    background:url(../images/hmenu-bg-cat.gif) repeat-x /* premier niveau*/;

}

.menuList ul li a:hover, .menuList ul li a.highlighted:hover, .menuList ul li a:focus {



    background: #071724; /*deuxieme niveau*/;

}

/* Only style submenu indicators within submenus. */

.menuList a .subind {

    display:  none;

}

.menuList ul a .subind {

    display:  block;

    float: right;

}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */

.menuList a {

    float: left;

}

.menuList ul a {

    float: none;

}

/* \*/

.menuList a {

    float: none;

}

/* */

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/

* html .menuList  ul li {

    float: left;

    height: 1%;

}

* html .menuList  ul a {

    height: 1%;

}

/* End Hack 									  

/* IE 6 & 7 Needs Inline Block */

ul.menuList ul li a {

    width:160px;

    display: block;

    background: #1d2c38 /*#186893*/;

} 



/* 

        LEVEL THREE

*/

ul.menuList ul ul 				{ left: 100%; top: 0; }

ul.menuList li:hover > ul 			{ visibility: visible; }

/* End Hack */

.mRoot {

    background:url(../images/hmenu-bg-cat.gif) repeat-x

}

.mRoot span {

    background:url(../images/arrowMenuOff.gif) 100% 12px no-repeat !important

}





/*carousel 2 -> #featured

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

#thumbVideos {

    width:330px;

    position:absolute;

    top:248px;

    left:0

}

#thumbVideos img {

    border:0;

    margin:7px 5px 0 5px;

    width:85px;

    opacity:0.7;

    filter:alpha(opacity=70)

}

#thumbVideos img:hover  {

    opacity:1;

    filter:alpha(opacity=100)

}

.thumbHover {

    position:absolute;

    background:#000;

    padding:5px 10px;

    -moz-border-radius:3px;

    -webkit-border-radius:3px;

    border-radius:3px;

    color:#d4d4d4;

    text-align:center;

    z-index:999;

    font-size:1.1em;

}

.thumbHoverPaybox{

    position:absolute;

    background:#000;

    padding:5px 10px;

    -moz-border-radius:3px;

    -webkit-border-radius:3px;

    border-radius:3px;

    color:#d4d4d4;

    z-index:999;

    font-size:12px;

	width:500px;

	line-height:15px;

}

a.prevVideo,  a.nextVideo {

    display: block;

    float: left;

    position: relative;

    z-index: 20;

    width: 20px;

    height: 80px;

    text-decoration: none;

    background: url("../images/prevVideo.png") top right no-repeat;

    opacity:.5

}

a.nextVideo {

    background: url("../images/nextVideo.png") top left no-repeat;

}

a.nextVideo:hover,a.prevVideo:hover {

    opacity:1

}

.carousel2 {

    position: relative;

    overflow: hidden;

    float: left;

    height: 80px;

    margin:0 1px 0 1px;

}



.carousel2 .jCarouselLite {

    border: 0;

    float: left;

    background-color: #ddd;

    /* Needed for rendering without flicker */

    position: relative;

    visibility: hidden;

    overflow: hidden;

    left: -1450px;

    z-index: 15;

    left: 0;

    width: 290px;

}

.carousel2 ul {

    position: relative;

    z-index: 10;

    margin: 0;

    padding: 0;

    width: 1450px;

    left: -290px

}

.carousel2 li {

    position: relative;

    z-index: 10;

    width: 96px;

    height: 80px;

    margin: 0;

    padding: 0;

    list-style:none

}

/*carousel

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

#carousel {

    margin-top: 1em;

    height:200px;

}

.carousel {

    position: relative;

    overflow: hidden;

    float: left;

    height: 200px;

    margin-bottom: 0;

    margin-left:4px

}



#carousel a.prev,  #carousel a.next {

    display: block;

    float: left;

    position: relative;

    top:0em;

    z-index: 4;

    width: 42px;

    height: 170px;

    text-decoration: none;

    background: url("../images/carousel_prev_off.gif") top right no-repeat;

}

#carousel a.next {

    background: url("../images/carousel_next_off.gif") top left no-repeat;

}

#carousel a.next:hover {

    background-image: url("../images/carousel_next_on.gif");

}

#carousel a.prev:hover {

    background-image: url("../images/carousel_prev_on.gif");

}



.carousel .jCarouselLite {

    border: 1px solid white;

    float: left;

    background-color: #ddd;

    /* Needed for rendering without flicker */

    position: relative;

    visibility: hidden;

    overflow: hidden;

    left: -5000px;

    z-index: 2;

    left: 0;

    width: 850px;

}

.carousel ul {

    position: relative;

    z-index: 1;

    margin: 0;

    padding: 0;

    width: 4250px;

    left: -850px

}

.carousel li {

    position: relative;

    z-index: 1;

    width: 170px;

    height: 200px;

    margin: 0;

    padding: 0;

    text-align: center;

    list-style:none

}

.titreBanner {

    bottom: 5px;

    height: 50px;

    line-height: 12px;

    position: absolute;

    right: 0;

    text-align: left;

    width: 130px;

}

.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;

}

/*Error Styles

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

body.curWait * {

    cursor: wait;

}

#LoginErrors {

    display: none;

}

div.formErrors {

    width: 470px;

    min-height: 40px;

    margin: 0px auto 10px auto;

    padding: 20px 0px 0px 100px;

    background: #feeaea url(../images/ico.error.jpg) no-repeat 40px;

    border: 1px solid #ffb6b6;

    font: normal 14px  "Trebuchet MS", Georgia, "Times New Roman";

    color: #c94a4a;

    text-align: left;

}

.formErrors ul li {

    margin: 0;

    padding: 0;

}

.formErrors h3 {

    margin: 0;

    padding: 0;

    font-size: 12px;

}

.form input.error, input.error, select.errorSelect, .form textarea.errorArea {

    background: #FDF1F1;

    border: 1px solid #E8B098;

}

.form input.error:focus, input.error:focus, select.errorSelect:focus, .form textarea.errorArea:focus {

    background: #FFF;

    border: 1px solid #E8B098;

}

.form label.errorLebal, label.errorLebal {

    color: #FF0000;

}

/*autocomplete

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

/* CSS Document */

.ac_input {

    width: 200px;

    color: #333366;

}

.ac_results {

    padding: 0px;

    border: 1px solid WindowFrame;

    background-color: Window;

    overflow: hidden;

    color: #006699;

}

.ac_results ul {

    width: 100%;

    list-style-position: outside;

    list-style: none;

    padding: 0;

    margin: 0;

}

.ac_results iframe {

    display: none;

    /*sorry for IE5*/

    display

    /**/

    : block;

    /*sorry for IE5*/

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    filter: mask();

    width: 3000px;

    height: 3000px;

}

.ac_results li {

    margin: 0px;

    padding: 2px 5px;

    cursor: pointer;

    display: block;

    width: 100%;

    font: menu;

    font-size: 12px;

    overflow: hidden;

    text-align: left;

}

.ac_loading {

    background: url('../images/indicator.gif') right center no-repeat;

}

.ac_over {

    /*background-color: Highlight;

    */

    background-color: #66CCFF;

    color: HighlightText;

}



/*title list

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

.tlHeader {

    background:#f5f5f5;

    text-align:right;

    border-radius:10px;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

}

.tlFilter   {

    margin-left:10px;

    margin-bottom:3px;

    font-size:.9em;

    float:left;

    display:inline;

}

.tlPaging {

    float:right;

    margin:.6em 1em 0 0;

    font-weight:700

}

.tlFilter h3 {

    display:none;

}



table.courseList {

    border:none;

    clear:left;

    width:100%

}

.courseList .gridTwo td {

    background:none;

}

.courseList td {

    border-bottom:1px solid #eee;

    padding-top:1em;

    vertical-align:top

}

.courseList h3 {

    line-height:120%;

    font-size:1.2em;

    margin-bottom:.3em

}

.courseList td.paging {

    background:#f5f5f5;

    padding: .5em;

    text-align:right;



}

.titleImg {

    width:95px

}

.courseList td.price {

    width:100px;

    text-align:right

}

.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 0;

}

.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 {

    font-weight: bold;

    vertical-align: middle;

    color: #555555;



}





.prixTTC { width: 100%; color: #9A0900; font-size: 13px;font-weight:bold; vertical-align:middle}

.titleDetails {

    margin-bottom:.5em;



}

.titleShipAv {

    float: right;

    margin-top: -29px;

    vertical-align: middle;

}



.titleComp {

    font-size:.9em;

    color:#666;

    font-style:italic;

    margin:0

}

.titleShipAv img {

    margin-right:15px;



}

/*title info

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

#abtcourse {

    margin: 4px 0px;

    padding: 15px 0px 15px 0px;

    background: #fafafa;

    border: 1px solid #e6e5e5;

}

#abtcourse a {

    margin: 0px 0px 0px 20px;

    padding: 10px 0px 5px 50px;

    text-decoration: none;

    color: #05bb0a;

    text-align: left;

    background: url(../images/courseDetails.jpg) no-repeat;

}

#abtcourse a span {

    border-bottom: 1px dashed #05bb0a;

}

#abtcourse a:hover {

    text-decoration: none;

    color: #000;

}

#courseDetails {

    margin-top: 4px;

    margin-bottom: 4px;

    padding: 15px 0px 15px 20px;

    background: #fafafa;

    border: 1px solid #e6e5e5;

    display: block;

}

#courseDetails h1 {

    /*margin-bottom: 10px;

    */

    padding: 3px 0px 6px 50px;

    /*border-bottom: 1px solid #e6e5e5;

    */

    color: #05bb0a;

    text-align: left;

    background: url(../images/courseDetails.jpg) no-repeat;

}

#courseDetails a {

    text-decoration: none;

}

#courseDetails a:hover {

    color: #333;

}

#courseDetails label {

    width: 200px;

    margin-left: 52px;

    color: #0861ac;

    text-align: left;

}

#courseDetails span {

    width: 300px;

    color: #0861ac;

    text-align: left;

}

#courseDetailsMore {

    display: none;

}

#tooltip{
	color: #555;
	background:#fff;
	border:3px solid #37BDDC;
	display:block; /*--Hides by default--*/
	padding:10px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:280px;
	font-size:1.1em
}

/*

.commandMulti {

        background: #fff4d0;

        border: 1px solid #f9e298;

        padding: .3em 1em;

}

.commandMulti span {

        font-weight: 700;

        font-size: 1.1em;

        color: #0f5480

}


/*-------------------------------------------*/

#container {

    clear:both;

    position:relative;

}

.commandprice {
    /*width: 100px;
    float: right;
    border:2px solid red;
    margin: 0 0 2em 1em;
    padding:1em 0 .5em 0;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    text-align:center;
    color:#333*/
	border: none;margin: 0; padding: 0;position: absolute;color: #333333;right: 0;text-align: center;top: -28px;width: 100px;
}



.commandprice2 {

    width: 100px;

    margin-left: -7px;

    margin-top: 20px;

    border:2px solid red;

   

    padding:1em 0 .5em 0;

    border-radius:8px;

    -moz-border-radius:8px;

    -webkit-border-radius:8px;

    text-align:center;

    color:#333

}

.commandprice .prixTTC,.commandprice .prixHT,.commandprice .strike {

    font-size:1em;

    display:block;

    width:95px;

    float:right;

    text-align:right;

    margin-right:15px;



}





.commandprice .prixHT {

    font-size:1.2em;

}

.commandprice .prixTTC {

    font-size: 20px;

    margin: 0;

    text-align: center;

    width: 100%;

    color: red;

}



.commandprice2 .prixTTC2 {

   	margin: 0;

    text-align: center;

    width: 100%;

   color: #9D7471;

    font-size: 14px;

    font-weight: bold;

}

.commandprice .strike {

    font-size: 16px;

    margin: 0;

    text-align: center;

    width: 100%;

}

.enStock {

    display:block;

    height:16px;

    line-height:16px;

    background:url(../images/enStock.png) left no-repeat;

    padding-left:20px;

    margin:.2em 0 .2em 15px;

    font-weight:400 !important;

    font-size:.91em;

    float:left;



}

.boutonsAchat {
	/*border: medium none;

               margin: 10px 0 24px 122px;*/
	border-top: 1px solid gray;
    margin: 25px 0 24px 122px;
    padding-top: 10px;
}

.tvaliv{font-size: 11px; font-style: italic;}
#textPrice{position: absolute; color: rgb(157, 116, 113); font-weight: bold; font-size: 14px; left: 100px; 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{position: relative; margin-left: 109px; display: block; width: 520px;}
#div_to_popup .buyCart{border-bottom: 1px solid rgb(255, 249, 243); margin: 0pt;}
#div_to_popup .buyCartList{border: medium none; margin: 0pt;}
.buyCartList .cartes{padding-bottom: 10px !important; border: none !important;}
.buyCart h3{font-weight:700;text-align:left;clear:both;margin:0 0 .2em 1em;color:#ff6518;text-transform:uppercase;font-size:1.4em}
.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{text-align: left; padding: 0pt; font-family: verdana;font-size: 11px; font-weight: normal; color: #222222;}
.cell2 .left{ text-align: left;padding-left: 3px;}
.cell2 .right{padding: 0pt; font-family: verdana; font-weight: normal; font-size: 11px;color: #222222;; text-align: left; margin-left: 18px;}
.cell3 .center{ text-align: center;padding: 0}
.cell3.right{text-align: left; padding: 0pt; font-family: verdana; font-size: 11px;font-weight: normal; color: #222222;}
.cell4{display: table-cell; width: 200px;}
.cell4 .radio{ text-align: left;padding-left: 3px;}
.cell4 .infos{padding: 0pt; font-family: verdana; font-size: 11px;font-weight: normal; color: #222222;; text-align: left; margin-left: 18px;}

.plusInfo{background-color: white;width: 629px; height: 600px; display: none; box-shadow: 1px 2px 5px 4px black}

.titleDescription{color: #333333; margin-bottom: 0.5em; margin-left: 10.5em; text-align: justify;}

.titleInformation{margin-left: 10.5em;}

.titleCompatibily{font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; position: relative}
.boutonsAchat a {text-decoration:none}

.boutonsAchat a:link img,.boutonsAchat a:visited img {

    opacity:1;

    filter : alpha(opacity=100); 

}

.boutonsAchat a:hover img,.boutonsAchat a:focus img {

    opacity:.85;

    filter : alpha(opacity=85);

}

.compatible {
	background: url("../images/enStock.png") no-repeat scroll left center transparent;
    margin: 0.5em 0 1em 122px;
    padding-left: 20px;
    position: relative;
}

.titlePrice .enStock {

    font-size:.75em;

    /*margin-top:1em*/

}

.titleRef {

    font-size:.8em;

    color: #126686;

    margin:0 0 .5em 0

}

.downloadTitle .commandprice {

    background: url(../images/download-price-bg.gif) top no-repeat;

}



.commandTitle p {

    margin: 0;

    padding: 0;

    line-height: 120%;

}

.timg {

    float:left;

    margin:0 2em 0.3em 0.5em;

    position:relative;

    top:-8px

}

.titleDesc {

    margin:0;

    padding:2em 1em;

    text-align:justify;

}

#lessonList {

    border-top: 0;

    clear:both;

}

#lessonList ul {

    margin: 0px;

    padding: 0px;

}

#lessonList ul li {

    margin: 0px;

    padding: 10px 0 0 0;

    list-style: none;

}

#lessonList ul li h3 {

    margin:0;

    padding: 5px 0 5px 20px;

    font-size: 1.1em;

    font-weight:700;

    color:#333;



}

#lessonList ul li ul {

    margin: 0px;

    padding: 0px;

}

#lessonList ul li ul li {

    padding: 1px 0px 1px 20px;

    margin-left:20px;

    margin-right:20px;

    list-style: none;

    height: 20px;

    line-height: 20px;

    color: #666;

    font-size:12px;

    border-bottom:1px solid #f5f5f5;

    clear:both

}

.infoDemo {

    margin:.5em 1em;

    font-weight:700;

    color:#333

}

img.demo {

    vertical-align:middle;

    padding-left:.5em;

}

.share {

    position:absolute;

    top:5px;

    right:0

}

.share span {

    font-style:italic;

    color:#666;

    position:relative;

    top:-3px;



}

/*-------------------------------------------*/

.lessonListFlashBox {

    float:left;

    line-height: 100%;

    padding:.5em 0;

    margin:5px 20px 1em 20px;

}

.lessonListFlashBoxInnerLeft {

    color: #333;

    font-weight: 700;

    padding-right: 1em

}

.lessonListQuicktime {

    background: url(../images/playQuicktime.png) no-repeat left;

    padding-left: 15px;

}

.lessonListFlash {

    background: url(../images/playFlash.png) no-repeat left;

    padding-left: 15px;

}

.lessonListQuicktimeBig {

    padding: 2px 0 2px 20px;

    color: #0861ac;

    background: url(../images/ico.quicktime.big.gif) no-repeat 0px 0px;

}

.lessonListFlashBig {

    padding: 2px 0 2px 20px;

    color: #0861ac;

    background: url(../images/ico.flash.big.gif) no-repeat 0px 0px;

}

#lessonList ul li ul li a:hover {

    color: #000;

}

#mediaOptions input {

    margin: 0 3px

}

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

#q {

    font-style: italic;

    color: #888;

    margin-right:1em;

    padding:.1em;

    width:150px;

    font-size:1em

}

#q.active {

    font-style:normal;

    color: #333;

}

#ajax-loader {

    position:absolute;

    margin-left:-20px;

    z-index:100

}

.noresult {

    text-align:center;

    padding:2em

}

.lessonSearch {

    padding:.5em .5em 0 0;

    text-align:right;

    margin-top:.5em

}

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

.commandprice span,.titleInfos span {

    font-weight:700

}

p.authorInfo {

    margin:.5em 2em 3em 80px

}

#fragment-3 h3{

    font-size:1.4em;

    margin:1em 0 0 80px;

}

#fragment-2 h3 {

    font-size:1em;

    font-weight:700;

    margin:1em 0 .5em 20px

}

#fragment-2 p {

    margin:0 20px

}

.authorImg {

    float:left;

    width:48px;

    margin:1.5em 0 0 1em;

}

.titleInfos {

    margin-top:1.7em;

    margin-bottom:.5em

}

.downloadFMap {

    padding:0

}

.downloadFMap a, a.download {

    display:block;

    float:left;

    margin:0;

    height:22px;

    line-height:24px;

    padding-left: 22px;

    background: url(../images/download.gif) left no-repeat

}

a.download {

    margin-left:0;

    line-height:100%;

    height:auto;

    padding-top:.3em;

}

i.timing {

    display:block !important;

    float: right;

    margin-right: 1em;

    font-size: 11px;

    font-style:normal

}

.latestCoursesText {

    margin:0 300px 2em 1em;

    text-align:left

}

.latestCourses {

    float:right;

    margin-right:2em;

    padding-left:2em;

    border-left:1px solid #dedede

}

.latestCourses h3 {

    margin:0;

    font-size:1.4em

}

#fragment-4 p {

    font-weight:700;

    margin:1em 2em 2em 2em

}

/*tabs

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

/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen {

    /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

    .tabs-hide {

        display: none;

    }

}

/* Hide useless elements in print layouts... */

@media print {

    .tabs-nav {

        display: none;

    }

}

/* Skin */

.tabs-nav {

    margin: 0;

    padding: 0;

}

.tabs-nav:after {

    /* clearing without presentational markup, IE gets extra treatment */

    display: block;

    clear: both;

    content: " ";

}

.tabs-nav li {

    list-style: none;

    float: left;

    margin: 0;

    min-width: 84px;

    /* be nice to Opera */

}

.tabs-nav a, .tabs-nav a span {

    display: block;

    padding: 0 15px;

    background: url(tab.png) no-repeat;

}

.tabs-nav a {

    position: relative;

    top: 1px;

    z-index: 2;

    padding-left: 0;

    color: #3492c6;

    font-size: 13px;

    font-weight: bold;

    line-height: 1.3em;

    text-align: center;

    text-decoration: none;

    white-space: nowrap;

    /* required in IE 6 */

}

.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;

    /* prevent dotted border in Firefox */

}

.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 {

    width: 64px;

    /* IE 6 treats width as min-width */

    min-width: 64px;

    height: 18px;

    /* IE 6 treats height as min-height */

    min-height: 18px;

    padding-top: 6px;

    padding-right: 0;

}

*>.tabs-nav a span {

    /* hide from IE 6 */

    width: auto;

    height: 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 {

    /* @ Opera, use pseudo classes otherwise it confuses cursor... */

    cursor: text;

}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {

    /* @ Opera, we need to be explicit again here now... */

    cursor: pointer;

}

.tabs-nav .tabs-disabled {

    opacity: .4;

}

.tabs-container {

    border: 1px solid #c6e1f1;

    color: #333;

    background: #fff;

    text-align:justify;

    padding-bottom: 7px;

    /*background:url(../images/tabs-bg-bds.png) top left no-repeat;

/* declare background color for container to avoid distorted fonts in IE while fading */

}

.tabs-loading em {

    padding: 0 0 0 20px;

    background: url(loading.gif) no-repeat 0 50%;

}



/* category list

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

.categoryList th {

    padding-left: 20px;

}

.categoryList th.titlecount {

    text-align: right;

    padding-right: 10px;

}

.categoryList td.title {

    width: 70%;

    padding-left: 20px;

}

.categoryList td.count {

    font-weight: 700;

    text-align: right;

}

.categoryList td.catGo {

    text-align: right;

    padding-right: 2em;

    width: 10%

}

/*Member

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

/* CSS Document */

.iconBox {

    background: #E5F1F8;

    padding-bottom: 15px;

    padding-right: 15px;

    border: 1px solid #C2DFEF

}

.iconBox a:link, .iconBox a:visited {

    display: block;

    float: left;

    width: 195px;

    color: #006666;

    text-decoration: none;

    margin: 15px 0 0 20px;

    padding: 1.3em 0 1.3em 70px;

    border: 1px solid #ccc;

    font-size: 1.2em

}

.iconBox a:hover, .iconBox a:focus {

    border: 1px solid #95CFEF;

    color: #165380

}

.iconBox a.myOrders {

    background: #fff url(../images/ico.shopping.order.gif) no-repeat 6px center;

}

.iconBox a.myCart {

    background: #fff url(../images/ico.shopping.cart.gif) no-repeat 8px center;

}

.iconBox a.myProfile {

    background: #fff url(../images/ico.shopping.profile.gif) no-repeat 6px center;

}

.iconBox a.myPassword {

    background: #fff url(../images/ico.shopping.password.gif) no-repeat 8px center;

}

.iconBox a.cpteAbonnements {

    background: #fff url(../images/calendar2.png) no-repeat 1px center;

}

.iconBox a.cpteCredits {

    background: #fff url(../images/coins.png) no-repeat 8px center;

}

/***/

#login, #Signup {

    background: #e7f5fe;

    border: 1px solid #B3D8EF;

    width: 285px;

    height: 140px;

    text-align: right

}

#login {

    margin-left: 313px;

}

#Signup {

    float: left;

}

#Signup .loginBottom {

    margin: 2em 40px 0 0

}

#Signup #email, #login #userName,#login #password {

    width:150px

}

#login .loginBottom {

    margin: .5em 20px 0 0

}

#login input {

    margin: 3px 0

}

#login .btnsend {

    margin-top: .5em

}

#login h3, #Signup h3 {

    padding: .3em;

    margin: 0 0 .5em 0;

    text-align: center;

    background: #3492c6;

    font-size: 1.4em;

    color: #fff

}

#Plogin, #forgotPass {

    margin-left: 70px;

    margin-top: 2em;

    width: 400px;

    border: 1px solid #ccc;

    background: #f5f5f5 url(../images/password.png) 1em 20% no-repeat

}

#Plogin h2 {

    margin: .5em 0 .5em 125px

}

#forgotPass h1 {

    margin: .5em 0 0 125px

}

#Plogin label, #forgotPass label {

    font-weight: bold

}

#Plogin form {

    margin: 0 2em 1.5em 125px;

    border: 1px solid #ccc;

    padding: 1em;

    background: #f1f1f1

}

#Plogin input, #forgotPass input {

    margin: 3px 0 10px 0;

}

.mailOkMessage {

    font-weight: bold;

    margin: 1.5em 0 1.5em 0;

    font-size: 1.1em

}

.login-message {

    float: left;

    width: 80px;

    text-align: center;

    margin: 95px 0 0 25px;

    line-height: 110%;

    font-size: .9em;

    font-style: italic

}

.forgotPassBottom {

    margin: 0 1em 1em 125px

}

#orderListing td {

    border-top: 1px solid #c2dfef

}

.tablebtm td {

    background: #fff

}





/*Signup

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

.signup{	

    margin:0;

    padding:5px 0 0 0;

    width:520px;

}



.signupBottom{	

    margin:0;

    padding:5px 0 15px 0;

    width:520px;



    background:#f5f5f5;

    border:1px solid #Ccc

}

.signupBottom label{

    clear:both;

    float:left;

    margin:6px 8px 0 0;

    width:160px;

    height:20px;

    color:#01315a;

    text-align:right

}

.signupBottom label span{

    float:left;

    width:230px;

    line-height:20px;

    margin-left:40px;

    color:#01315a;

}

.signupBottom label span.req {

    display:inline;

    width:auto;

    margin-left:0;

    padding-right:3px;

    color:red;

    font-weight:700;

    float:none



}

.signupBottom input{

    width:245px;

    color:#0861ac;

    margin: 4px 0;

    height:18px 

}

.signupBottom input.qualite{

    width:120px;

    margin-top:5px;		

}

.signupBottom select.qualite{

    width:120px;

    margin:4px 0px 4px 5px;

}

.signupBottom textarea{

    width:245px;

    height:80px;

    margin-top:5px;	

}

.signupBottom select{

    width:247px;

    height:25px;

    margin:4px 0;		

}

.firstBox span.btns{

    float:left;

    margin:20px 0px 10px 285px;

}

.firstBox span input.submit{

    width:95px;

    margin:0px 0px 0px 0px;

}

.firstBox span input.reset{

    width:95px;

    margin:0px 0px 0px 10px;

}

p.heading {

    margin:2em 0 .5em 0;

    line-height:1.1em

}



/*cart

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

#cart {

    border: 1px solid #D1E4EF

}

#cart td {

    border-top: 1px solid #D1E4EF

}

.cartRef {

    width: 6%;

    border-left:1px solid #D1E4EF;

}

.cartTitle {

    width: 30em;

}

.cartSupport {

    width: 90px;

    padding-left: 0;

    padding-right: 0;

    text-align: center

}

th.cartChoice {

    background: #57c7df url(../images/cartChoice.gif) top repeat-x;/*#2CB332;*/

    text-align: center;

    border: 1px solid #57c7df;

    border-bottom-color:#d1e4ef;

    border-left: 1px solid #2c80b3;

    color: #fff

}

td.cartChoice {

    text-align: right;

    background: #fff;

    border-left: 1px solid #d1e4ef

}

td.cartChoice option, td.cartChoice select {

    font-size: 11px

}

.cartPrice {

    width: 60px;

    text-align: right;

    white-space: nowrap;

}

td.cartQte {

    white-space: nowrap;

}

th.cartTotal {

    width: 5em;

    text-align: center;

    border-right:1px solid #2c80b3

}

.cartBtm td {

    background: #e5f1f8

}

.cartBtmBtn td {

    background: #fff;

    text-align:right

}

.cartBtmBtn a {

    margin: 5px 0px 10px 0px;

    padding: 3px 0px 0px 0px;

    height: 23px;

    text-decoration: none;

    text-align: center;

}

.cartBtmBtn input {

    margin: 0 10px 0 0;

}

/*****/

.cartBtns {

    float: left;

    margin-bottom: 10px;

    padding-bottom: 20px;

}

.cartBtns h1 {

    margin: 0px;

    padding: 20px 0px 0px 20px;

}

.cartBtns h1 span {

    margin-right: 10px;

    padding: 10px;

    color: #fff;

}

.cartBtns p {

    margin: 0px;

    padding: 15px 0px 10px 20px;

}

.cartBtns a {

    display: block;

    margin: 0px 7px 0px 10px;

    padding: 5px 0px 0px 40px;

    height: 30px;

    color: #fff;

}

.cartBtns a.cartMore {

    float: left;

    margin: 10px 0px 0px 10px;

    padding: 0px 0px 0px 25px;

    color: #000;

}

.cartBtns a.cartMore span {

    border-bottom: 1px dashed #000;

}

.cartBtns a.cartMore:hover {

}

/* BEGIN EMPTY CART */

.emptyCart {

    margin: 0px auto 10px auto;

    padding: 1.5em 1em 1.5em 5em;

    border: 1px solid #e6e5e5;

    background: url(../images/emptyCart.gif) .8em 2em no-repeat

}

.emptyCart p {

    margin: 0px;

    padding: 5px 0px 0px 0px;

    font-weight: bold;

}

/*shipping

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

.shipping {

    margin: 0;

    padding: 5px 0 0 0;

}

.shippingBottom {

    margin: 0;

    padding: 5px 0 15px 0;

    background: #f5f5f5;

    border: 1px solid #ccc;

    color: #01315a;

}

.shippingBottom label {

    clear: both;

    float: left;

    margin: 6px 8px 0 0;

    width: 160px;

    height: 20px;

    text-align: right

}

.shippingBottom label span {

    float: left;

    width: 230px;

    line-height: 20px;

    margin-left: 40px;

}

.shippingBottom label span.req {

    display:inline;

    width:auto;

    margin-left:0;

    padding-right:3px;

    color:red;

    font-weight:700;

    float:none



}

.shippingBottom input {

    width: 245px;

    margin: 4px 0;

    height:18px 

}

.shippingBottom input.qualite {

    width: 120px;

    margin-top: 5px;

}

.shippingBottom select.qualite {

    width: 120px;

    margin: 4px 0px 4px 5px;

}

.shippingBottom textarea {

    width: 245px;

    height: 80px;

    margin-top: 5px;

}

.shippingBottom select {

    width: 247px;

    height: 25px;

    margin: 4px 0;

}

/*********/

.billingDetails {

    background-color:#E5F1F8;

    border:2px solid #B3DAEF

}

.shippingDetails {

    background-color:#FFF9DF;

    border:2px solid #FFEE9F

}

.warnShipping {

    color:red

}

/********/

.firstBox span.btns {

    float: left;

    margin: 25px 0px 0px 285px;

}

.firstBox span input.submit {

    width: 95px;

    margin: 0px 0px 0px 0px;

}

.firstBox span input.reset {

    width: 95px;

    margin: 0px 0px 0px 10px;

}

p.heading {

    margin: 2em 0 .5em 0;

    line-height: 1.1em

}

#contact_image {

    color: #666;

    font-size: 10px;

    font-style: normal;

    font-weight: 400;

    padding-right: 21px;

}

h3.help {

    margin-top:70px;

    color:#4dcaed;

    border-bottom:1px solid #4dcaed;

    padding:0 0 .2em 0;

    text-align:left;

    font-weight:700

}

/*payment

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

.payment {

    margin: 0px auto;

    padding: 5px 0 0 0;

}

.pAddress {

    margin:0;

    float:left;

    width:295px;



}

.pAddress .paymentBottom {

    min-height:130px

}

.payment span {

    margin-left: 15px;

}

.paymentBottom {

    margin: 0px auto;

    padding: 5px 0 15px 0;

    background: #E5F1f8;

    border: 1px solid #d1e4ef;

    line-height: 140%

}

.paymentBottom label {

    clear: both;

    float: left;

    margin: 0px 0px 0px 20px;

    padding: 5px 0px 0px 0px;

    width: 130px;

}

.paymentBottom label span {

    float: left;

    width: 230px;

    line-height: 15px;

    margin-left: 40px;

    padding-top: 13px;

}

#cardPay, #chequePay, #bankPay {

    margin-top:5px;

    margin-bottom:5px

}

.paymentBottom input {

    margin-top: 5px;

}

.paymentBottom textarea {

    width: 245px;

    height: 80px;

    margin-top: 5px;

}

#btnsPayment {



    margin: 20px 10px;

    padding:0;

    border: 0px;

    text-align: left;

    height: 26px;

}

.btnContinue {

    font-weight:700;font-size:13px !important;padding:.2em 2em

}

/*elearning

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

/*formation en ligne*/

.fel {

    margin-top:2em;

    margin-left:1em

}

.fel h3 {

    font-size:1.3em;

    margin-top:0

}

.fel_1,.fel_2,.fel3 {

    float:left;

    width:180px;

    margin-right:10px;

    padding-right:10px;

    border-right:1px solid #ccc

}

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

#calendrier {

    clear:left;

    margin-top:2em;

    border-top:5px solid #08B8DC;

}

#calendrier h2 {

    padding-bottom:.4em;

    color:#333;

    margin-bottom:.5em;

    margin-top:.5em

}

#calendrier table {

    background:none;

    border:0;

}

#calendrier td {

    background:none;

    padding:.2em .3em 0 .3em;

    vertical-align:top;

}

#calendrier td.foadMain {

    padding-top:1.2em

}

#calendrier .foadMain h3 {

    margin:.2em 0 .5em 0;

    font-size:1.3em

}

#calendrier p {

    margin:0;

    line-height:120%

}



.date {

    position:relative;

    height:60px;

    width:64px;

    background:url(../images/calendar.png) top no-repeat

}

.jour,.mois,.annee {

    position:absolute;

    display:block;

    text-align:center;

    width:64px;

    font-weight:700;

    color:#333

}

.mois {

    top:1px;

    font-size:.9em;

    color:#fff;

}

.jour {

    top:19px;

    font-size:1.5em;

}

.annee {

    top:33px;

    font-size:.8em;

    font-weight:400

}

#calendrier .nodeco {

    border:0

}

#calendrier .bgFoadDetails {

    border:0;

    border-bottom: 2px solid #e7f5fe;

}

#calendrier .impair td {

    background:#e7f5fe

}

.foadDetails span  {

    font-weight:700;

    display:block;

    float:left;

    clear:left;

    width:60px;

    margin-bottom:.8em;

    margin-left:68px;

    line-height:140%

}

.foadDetails {

    position:relative;

    top:-0.5em

}

.foadFormateur {

    width:230px;

    border-left:1px solid #ddd

}

.foadDetails .span3  {

    width:150px;

    margin-left:20px;

    margin-bottom:0

}

.foadDetails .span2,.foadDetails .span4 {

    margin-left:0;

    font-weight:400;

    clear:none;

    width:200px

}

.foadDetails .span4 {

    width:180px;

    margin-left:20px

}

.foadMore a {

    padding-left:14px;

    background:url(../images/plus.gif) left no-repeat

}

.preload {

    position:absolute;

    left:-5000px;

    visibility:hidden

}

/*pour ie*/

#calendrier select {

    margin-top:5px

}

/******************affilies**************************************/



#headerAff {



    color: #333;

    width: 100%;

    float: left;

    height: 122px;

    background: url(../images/header-aff.jpg) repeat-x;

    font-size:1.04em

}

#compteaff {

    color: #fff;

    font-size:1.1em;

    margin-top:40px;

    text-align:center;

    position:relative;

    left:-13px

}

#compteaff a{

    color: #FFF;	

}

#topmenuAff {

    border:0;

    padding:.5em 0 0 0;

    margin: 0 0 0 30px;

    font-size:1em;

    color:#fff;

    font-weight:700

}

#compteAffiliate {

    line-height: 35px;

    padding: 5px;

}

.signupBottomAff{	

    margin:0;

    padding:5px 0 5px 0;

    width:auto;

    background:#f5f5f5;

    border:1px solid #Ccc

}

.classemail{

    border: 1px solid #C1D1EC;

    height: auto;

    display:block;

    background-color: #E3E6F0;

    width: 280px;

    padding-top: 10px;

    padding-right: 5px;

    padding-bottom: 10px;

    padding-left: 5px;

}

.termes_contrat {

    padding:0 100px 0 0;

    margin: 0;

    text-decoration: none;

    width: 20px;

}

/*********iPad***************************************************/

#iPadMenu {

    background:url(../images/iPadDispoMenuBg.png) right repeat-y;

    width:245px;

}

#iPadMenuBt {

    background:url(../images/iPadDispoMenuBt.png) right bottom no-repeat;

    width:245px;

}

#iPadMenuTop {

    background:url(../images/iPadDispoMenu.png) right top no-repeat;

    width:245px;

    min-height:305px;

    padding-bottom:30px

}

#iPadMenuTop h3 {

    height:55px

}

#iPadMenuTop h3 span {

    visibility:hidden

}

#iPadMenuTop li {

    list-style:none;

    background:url(../images/iPadPuce.png) right bottom no-repeat;

    margin:5px 20px;

    font-weight:700;

    font-size:1.1em;

    line-height:20px;

    padding:3px 0 3px 3px

}

#iPadMenuTop a:link,#iPadMenuTop a:visited {

    color:#000

}

#iPadMenuTop a:hover, #iPadMenuTop a:focus {

    text-decoration:none;

    color: #165380;

}

#iPadSupport {

    width:238px;

    height:170px;

}







/*ceebox*/

body.activity_fullscreen { 

    position: static;

    z-index:800



}

.popupBg {

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:#000;

    background-position:center;

    opacity:.4;

    filter:alpha(opacity=70);

    z-index:900

}

body.activity_fullscreen div#idframe_container {



    margin:auto;

    width : 800px;

    min-height : 670px;

    height : 670px;

    border : 1px solid #333;

    background-color : #000;

    padding:0px;

    margin:0px;

    position : fixed;

    top:2%;

    left:50%;

    margin-left:-400px;

    z-index : 1000;

}

body.activity_fullscreen div#idframe_container span {

    display : block;

    height : 40px;

    width : 37px;

    position : absolute;

    top : -4px;

    right : -38px;

    background:url(../images/close.png) top right no-repeat;

    cursor: pointer;

    z-index : 1000;



}

body.activity_fullscreen div#idframe_container #idframe {

    height : 100%;

    width : 800px;

    min-height : 99.9%;

    border:0;

    position:relative;

}

.accroche-titre {

    margin: -7px 0 18px;

    color: #000000;

    padding: 0;

}

p.cmTextElement img, p.cmTextElement br {

    display:none;

}



p.cmTextElement,p.cmTextElement2{

    margin:0;

    padding:.3em .8em 7px 0;

    position:relative;

    width: 488px;

    font-size: 13px;

}

p.cmTextElement3{

	margin:0;

	width: 115px;

	font:verdana,arial,helvetica,sans-serif;

	letter-spacing:0px;

	font-size: 10px;

}

p.cmTextElement a.cmShowHide{text-decoration:none;font-size: 12px;} 



a.acheter_title{

    text-decoration:underline;

    font-size:13px;

    padding-right:10px;

    font-weight: normal !important;

}

b.acheter_title2{

    font-size:13px;

    color: #9A0900;



}

/***********************************PAGE DE CONTENU***************************************/

.center{text-align: center !important; font-size: 14px;}

.center a {

	display: block;

    padding-top: 8px;	

}

.line{border-top:1px solid #ccc;padding-top:1em}

.clearl{clear: left}

.satellites h1.pagetitle{

	margin-bottom:.5em;

	color: #333333;

	}

.pBold{

	text-align:justify;

	font-weight:700

	}

.satellites .imgInLine{

	float:left;margin:0 1em 1em 0;

}

.satellites p{

	text-align:justify

	}

.satellites p.savoirPlus{

	margin-left:20px

	}

.satellites p.commande{

	text-align:center;
	margin-bottom: 0;
}

.satellites p.commande a{

	background:#ff6c00;text-decoration:none;color:#fff;padding:.2em .1em;font-size:1.1em

	}

.satellites .title{

	line-height:130%;

	}

.satellites .title span{

	color:#333;font-size:1.3em

	}

.satellites .containerNewsLetter{

	text-align:center;border:1px solid #ccc;padding-top:1em;line-height:130%;background:#f5f5f5;display: -moz-stack;

	}

.satellites .containerNewsLetter div{

	width:100%;margin-top:.8em;

	}

#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 #FFF;

    border: medium none;

    border-radius: 2px 2px 2px 2px;

    color: #666;

    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: 0pt 0pt 0.2em !important;}

.satellites .lecteur{text-align:center}

.satellites .lecteur a{background: none; padding:0;}

.satellites .lecteur p{text-align:center;font-size:1.1em;padding-top:1em}

.sattelites .formations{float: left}

.satellites .formations img{float:left;margin:0 1em 0 0}

.satellites .formations h4{margin:.5em 0; padding-top: 6px;}

.satellites .error{width: 87.7% !important;margin-top: 0;}
.satellites .info{margin-top: 0;}
.info #messageBoxMsg{margin: 0;}

li#collections{margin:0 !important; padding:0 !important; background:none !important;}

#collections div{padding: 8px 0pt 0.2em; border-bottom: 1px solid #CCC;}

#collections img{float:left;margin: 0 1em -16px -5px;width:60px}

#collections .titre{font-size:1.1em; font-weight:bold; color:black;line-height:100%; text-decoration:none}

#collections .small{font-size: .9em;}

#collections .description{line-height: 120% ! important; width: auto; text-align: justify;}