body{ background:#FFF; font-family:arial; font-size:13px; margin:0; padding:0; }
#stripe { 
	/* Anciens navigateurs */
	background:#0D8ACA url("/images/stripe-bg.png") repeat-x top;
	-o-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	/* Internet Explorer */
	*background:#0D8ACA;
	background:#0D8ACA\0/;
	/* Opera */
	background:#0D8ACA url("/images/stripe-bg.svg");
	/* Navigateurs récents */
	background-image:-webkit-gradient(linear, left top, left bottom, from(#0080BF), to(#0D8ACA));
	background-image:-webkit-linear-gradient(top, #0080BF, #0D8ACA);
	background-image:-moz-linear-gradient(top, #0080BF, #0D8ACA);
	background-image:-ms-linear-gradient(top, #0080BF, #0D8ACA);
	background-image:-o-linear-gradient(top, #0080BF, #0D8ACA);
	background-image:linear-gradient(top, #0080BF, #0D8ACA);
	border-bottom:1px solid #1474A4;
	height:26px;
}
#main{ background:transparent url("/images/bg-city.gif") no-repeat center 27px; z-index:1; }
#wrapper { border:1px solid #018CD1; border-bottom:0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }
a{ border:none; color:#018CD1; outline:none; text-decoration:none; }
a:hover{ border:none; outline:none; text-decoration:underline; }
a img{ border:0px; outline:none; } 
p{ margin:0px; }
ul{ list-style-type:none; margin:0px; padding:0px; }

/***** GENERAL STUFF *****/
.a-right{text-align:right;}
.a-center{text-align:center;}
.a-left{text-align:left;}
.f-left{float:left;}
.f-right{float:right;}
.clear{clear:both;}
.bold{font-weight:bold;}
.spacer{clear:both; height:1px;}
.strike{text-decoration:line-through;}

/***** STRUCTURE *****/
#main-container{ margin:auto; margin-top:-27px; min-height:440px; width:964px; z-index:2; }

/*----------------FORM--------------------*/
.input-text{ padding:3px; }

/*---------------------HEADER--------------------*/
#header{ height:131px; position:relative; z-index:3; }
#header-bar{ color:#FFF; height:22px; padding-top:5px; position:relative; z-index:4; }
#header-bar a.bar-link{ color:#FFF; text-decoration:none; }
#header-bar span.separator{ color:#156289; margin-left:10px; margin-right:10px; }
#header-bar #block-id{ background-color:#0C89C9; border:1px solid #1474A4; border-top:none; color:#FFF; display:none; padding:10px 20px; position:absolute; right:212px; text-align:left; top:26px; z-index:100; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; }
.input-text{ color:#4D4D4D; }
.oubli{ clear:both; color:#FFF !important; padding-top:10px; }
#header-bar #block-id ul{ list-style-type:none; }
#header-bar #block-id li{ padding-top:10px; width:170px; }
#header-bar img.flag{ } 
#header-bar img#flag-arrow{ padding-bottom:2px; }
#header-bar #flag-dropdown{ background-color:#0C89C9; border:1px solid #1474A4; border-top:none; color:#FFF; display:none; padding:10px; position:absolute; right:0px; top:26px; z-index:100; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; }
#header-bar #flag-dropdown a{ color:#FFF; text-decoration:none; text-transform:capitalize; }
#header-bar #flag-dropdown a:hover{ font-style:normal; text-decoration:underline; }
#header-bar #flag-dropdown ul{ list-style-type:none; }
#header-bar #flag-dropdown li{ padding-top:10px; }
#header-bar #flag-dropdown .flag{ }
#header-blocks{ color:#4D4D4D; }
#header-blocks div.h-blocks{ background:transparent url("/images/head-separator.jpg") no-repeat center left; font-size:10px; float:right; height:68px; padding-top:36px; padding-right:0; padding-left:10px;  }
#header-blocks div.h-blocks-right{ font-size:10px; float:right; padding-top:36px; padding-right:12px; padding-left:12px; }
#header-blocks div.h-blocks-counter{ font-size:10px; float:right; padding-top:36px; padding-left:429px; }
#header-blocks div#news{ background:none; width:217px; }
#header-blocks div#news p span.date{color:#9D9F9F;}
#header-blocks div#media{width:154px;}
#header-blocks div#media img{margin-right:5px;}
#header-blocks div#contact{width:222px; clear:right;}
#header-blocks div p.header-title{ font-weight:bold; font-size:14px; margin-bottom:8px; }
#tuteurs-bar .header-title,#offres-bar .header-title{ font-weight:bold; font-size:14px; }
#header-blocks div.h-class{
    color:white;
    font-size:12px;
    font-weight:bold;
    height:81px;
	left:406px;
    padding-top:5px;
    position:absolute;
    top:37px;
    width:280px;
	z-index:1000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	box-shadow:0 0 5px #666;
    /* Anciens navigateurs */
	background:#E47C01 url("/images/fond_salle.png") repeat-x top;
	-o-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	/* Internet Explorer */
	*background:#E47C01;
	background:#E47C01\0/;
}
@media all and (min-width:0px) {
	#header-blocks div.h-class{
	/* Opera */
	background:#E47C01 url("/images/fond_salle.svg");
	/* Navigateurs récents */
	background-image:-webkit-gradient(linear, left top, left bottom, from(#F1AF1D), to(#E47C01));
	background-image:-webkit-linear-gradient(top, #F1AF1D, #E47C01);
	background-image:-moz-linear-gradient(top, #F1AF1D, #E47C01);
	background-image:-ms-linear-gradient(top, #F1AF1D, #E47C01);
	background-image:-o-linear-gradient(top, #F1AF1D, #E47C01);
	background-image:linear-gradient(top, #F1AF1D, #E47C01);
	}
}

#main-logo{ background:transparent url("/images/learnissimo-logo.png") no-repeat top left; display:block; height:121px; width:325px; }
#logo-text{ left:2px; position:absolute; top:94px; }

/*---------------------SLIDER--------------------*/
#slider{ clear:both; position:relative; }
#slider #top{ background:transparent url("/images/slider/slider-head.gif") no-repeat top left; height:8px; overflow:hidden; }
#slider #middle{ background:transparent url("/images/slider/slider-middle.gif") repeat-y top left; height:336px; padding:0px 9px; position:relative; width:946px; }
#slider #bottom{ background:transparent url("/images/slider/slider-bottom.gif") no-repeat top left; height:11px; left:-38px; position:absolute; width:1032px; }
#slider-space{ margin-bottom:20px; }

/*---------------------VIERGE--------------------*/

#middle-vierge{ background:transparent url("/images/slider/slider-middle.gif") repeat-y top left; height:330px; padding:0px 9px; position:relative; width:946px; }
#bottom-vierge{ background:transparent url("/images/slider/slider-bottom.gif") no-repeat top left; height:11px; left:-38px; margin-bottom:20px; position:relative; width:1032px; }
.titre-vierge { color:#4D4D4D; font-size:24px; font-weight:bold; margin-top:10px; margin-bottom:10px; }
.prochain_cours{ font-size:11px; float:right; margin-top:10px; }

/*--------------SLIDER=>MAIN CONTAINER-----------------*/
#slider-main-container{ background:transparent url("/images/slider/slider-main-bg.jpg") no-repeat top left; color:#FFF; float:left; height:336px; position:relative; width:721px; }
#slider-main-container #tuteur-btn{ color:#FFF; display:block; font-size:18px; font-weight:bold; height:34px; left:393px; padding-top:8px; position:absolute; text-align:center; text-decoration:none; text-shadow:1px 1px 0px #E06606; top:227px; width:270px; }
#slider-main-container .slider-title{ font-size:28px; position:absolute; text-shadow:1px 1px 0px #4CAC16; }
#slider-main-container .slider-list{ font-size:14px; font-weight:normal; list-style-type:disc; margin:0px; padding:0 42px 0 0; position:absolute; text-align:left; }
#slider-main-container .slider-list li{ margin-bottom:3px; }
#slider-main-container .list-title{ font-size:14px; font-weight:bold; position:absolute; }
/*BLOCK 1*/
#slider-main-container #slider-img1{ left:17px; position:absolute; top:41px; }
#slider-main-container .slider-title#slide1{ left:397px; top:43px; }
#slider-main-container .slider-title#slide1-2{ font-size:14px; font-style:italic; left:500px; top:108px; }
#slider-main-container .slider-list#list1{ left:397px; top:129px; }
/*BLOCK 2*/
#slider-main-container #slider-img2{ left:12px; position:absolute; top:17px; }
#slider-main-container .list-title#list-title-2{ left:397px; top:125px; }
#slider-main-container .slider-title#slide2{ left:397px; top:43px; }
#slider-main-container .slider-list#list2{ left:397px; top:145px; }
/*BLOCK 3*/
#slider-main-container #slider-img3{ left:20px; position:absolute; top:50px; }
#slider-main-container .slider-title#slide3{ left:397px; top:27px; }
#slider-main-container .slider-list#list3{ left:397px; top:118px; }
/*BLOCK 4*/
#slider-main-container #slider-img4{ left:69px; position:absolute; top:0; }
#slider-main-container .list-title#list-title-4{ left:348px; top:295px; }
#slider-main-container .slider-title#slide4{ left:397px; top:20px; }
#slider-main-container .slider-list#list4{ left:397px; top:100px; }
/*BLOCK 5*/
#slider-main-container #slider-img5{ left:18px; position:absolute; top:32px; }
#slider-main-container .slider-title#slide5{ left:397px; top:43px; }
#slider-main-container .slider-list#list5{ left:397px; top:125px; }
/*BLOCK 6*/
#slider-main-container #slider-img6{ left:8px; position:absolute; top:37px; }
#slider-main-container .slider-title#slide6{ left:397px; text-align:left; top:27px; }
#slider-main-container .list-title#list-title-6{ left:397px; top:125px; }
#slider-main-container .slider-list#list6{ left:397px; top:145px; }

#content-1{display:block;}
#content-2, #content-3, #content-4, #content-5, #content-6 {display:none;}

/*--------------SLIDER=>BUTTONS-----------------*/
#slider #buttons{ height:336px; position:absolute; right:9px; width:253px; }
#slider #buttons .button{ height:56px; width:253px; }
#slider #buttons .button .right{ 
background:transparent url("/images/slider/slider-bg-btn.gif") repeat-x top left; 
border-top:1px solid #bdece5; 
border-bottom:1px solid #FFF; 
color:#018CD1; 
cursor:pointer; 
float:left; 
font-size:15px; 
font-weight:bold; 
height:37px; 
padding-top:18px; 
padding-left:5px; 
text-align:left;
width:217px; 
}
#slider #buttons .button .left{ float:left; height:56px; width:31px; }
#slider #buttons .button .leftnoborder{ height:55px; }
#slider #buttons .button .rightnoborder{ border-top:none; height:37px; }
#slider #buttons .button .righthover{ background:transparent url("/images/slider/slider-bg-btn-hover.gif") repeat-x top left; border-top:none; color:#FFF; height:39px; }
#slider #buttons .button .lefthover{ height:57px;}
#slider #buttons .button .left.slider-arrow-1, 
#slider #buttons .button .left.slider-arrow-2,
#slider #buttons .button .left.slider-arrow-3,
#slider #buttons .button .left.slider-arrow-4,
#slider #buttons .button .left.slider-arrow-5,
#slider #buttons .button .left.slider-arrow-6{ background:transparent url("/images/slider/slider-arrow-1.gif") no-repeat top left; }

/*---------------------TUTEURS--------------------*/
#tuteurs{ width:964px; }
#tuteurs-bar{ border-bottom:1px solid #e5e5e5; margin-top:20px; padding-bottom:10px; }
.great-title{ color:#515151; font-size:18px; font-weight:bold; text-align:left; }
.little-title{ color:#808080; font-size:14px; }
.title-pad{ padding-top:3px; }
.arrow{ cursor:pointer; float:right; }
.arrow-right{ border-left:1px solid #e5e5e5; }
#tuteurs-container{ height:195px; margin-top:9px; }
#tuteurs-container .tuteur{ color:#4D4D4D; float:left; height:195px; padding-left:10px; width:150px; }
#tuteurs-container .tuteur.first-tuteur{ border-left:none; }
#tuteurs-container .tuteur.last-tuteur{ width:149px; }
#tuteurs-container .tuteur-head{ height:33px; overflow:hidden; text-align:left; }
#tuteurs-container .tuteur-flag{ float:left; margin:1px 5px 0 0; }
#tuteurs-container .language{ font-weight:bold; line-height:13px; text-transform:capitalize; }
#tuteurs-container .name{ font-size:12px; text-transform:capitalize; }
#tuteurs-container .name, #tuteurs-container .sublink, #tuteurs-container .sublink a{ color:#018CD1; text-decoration:none; }
#tuteurs-container .tuteur-block-img{ height:126px; margin-bottom:4px; width:142px; }
#tuteurs-container .tuteur-img{ margin-bottom:10px; }
#tuteurs-container .sublink{ display:block; float:left; font-weight:bold; text-align:center; width:150px; }
#tuteurs-container .sublink:hover{ text-decoration:underline; }

/*---------------------OFFRES--------------------*/
#offres{ margin-bottom:25px; width:964px; }
#offres-bar{ border-bottom:1px solid #e5e5e5; height:30px; margin-top:8px; }
#offres-container{ margin-top:15px; }
#offres-container .offre{ color:#4D4D4D; float:left; height:131px; padding-left:109px; position:relative; text-align:left; width:131px; }
#offres-container .offre .offre-sublink{ color:#018CD1; font-weight:bold; text-decoration:none; }
#offres-container .offre .offre-sublink:hover{ text-decoration:underline; }
#offres-container .first-offre{ border-left:none; width:133px; }
#offres-container .offre-img{ position:absolute; }
#offres-container #offre1{ top:0px; left:26px; }
#offres-container #offre2{ top:0px; left:15px; }
#offres-container #offre3{ top:0px; left:15px; }
#offres-container #offre4{ top:19px; left:15px; }
#offres-container .offres-title{ font-weight:bold; margin-bottom:3px; }

/*---------------------FOOTER--------------------*/
#footer {
/* Anciens navigateurs */
background:#185ba1 url("/images/footer-bg.png") repeat-x top;
height:184px;
}
@media all and (min-width:0px) {
	#footer {
		/* Opera */
		background:#185ba1 url("/images/footer-bg.svg");
		/* Navigateurs récents */
		background-image:-webkit-gradient(linear, left top, left bottom, from(#3480BC), to(#185ba1));
		background-image:-webkit-linear-gradient(top, #3480BC, #185ba1);
		background-image:-moz-linear-gradient(top, #3480BC, #185ba1);
		background-image:-ms-linear-gradient(top, #3480BC, #185ba1);
		background-image:-o-linear-gradient(top, #3480BC, #185ba1);
		background-image:linear-gradient(top, #3480BC, #185ba1);
	}
}

#footer #footer-container{ margin:0 auto; padding:1px 0 0; width:964px; }
#footer #footer-container p#first-links, #footer #footer-container p#second-links { text-align:center; }
#footer-container .blue-links{ color:#FFF; font-weight:bold; }
#footer-container .blue-links a{ color:#FFF; text-decoration:none; }
#footer-container .blue-links a:hover{ color:#FFF; text-decoration:underline; }
#footer-container .blue-links .links-separator{ margin-right:10px; margin-left:10px; }
#footer-container .blue-links#first-links{ margin-top:18px; }
#footer-container .blue-links#second-links{ margin-top:12px; }
#footer-container #cat-links-block{ border-top:1px solid #d9ebf3; color:#CCC; font-size:11px; margin-top:13px; padding-top:13px; }
#footer-container .cat-title{ font-weight:bold; }
#footer-container .cat-list{ list-style-type:none; }
#footer-container .cat-title a, #footer-container .cat-list a{ color:#41596B; text-decoration:none; }
#footer-container .cat-title a:hover, #footer-container .cat-list a:hover{ text-decoration:underline; }
#footer-container .cat-block{ float:left; width:241px; }

/*----------------PAGE => INSCRIPTION---------------*/
#inscription-block-0, #inscription-block-1, #inscription-block-2, #inscription-block-3, #inscription-block-4, #inscription2-block { float:left; height:336px; text-align:left; width:544px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; }
#inscription-block-0{ background:#FFF url("/images/qualif_0.jpg") no-repeat top left; }
#inscription-block-1{ background:#FFF url("/images/qualif_1.jpg") no-repeat top left; }
#inscription-block-2{ background:#FFF url("/images/qualif_2.jpg") no-repeat top left; }
#inscription-block-3{ background:#FFF url("/images/qualif_3.jpg") no-repeat top left; }
#inscription-block-4{ background:#FFF url("/images/qualif_4.jpg") no-repeat top left; }
#inscription2-block{ background:#FFF url("/images/inscription.jpg") no-repeat top left; }
#inscription-form, #inscription-form-2{
background:#FFF url("/images/bg-form-ins.gif") repeat-x bottom left; 
border-left:1px solid #FFF;
color:#4D4D4D;
float:left;
height:336px;
padding:0 7px 0 15px;
text-align:left;
width:379px;
-moz-border-radius:0 6px 6px 0;
-webkit-border-radius:0 6px 6px 0;
border-radius:0 6px 6px 0;
}

#inscription-form ul, #inscription-form-2 ul{ list-style-type:none; margin:0px; padding:0px; }
#inscription-form li, #inscription-form-2 li{ clear:both; padding-top:7px; }
#inscription-form li input, #inscription-form li select, #inscription-form-2 li input, #inscription-form-2 li select{ float:right; margin-top:-4px; margin-right:10px; margin-bottom:0; }
#inscription-form li input{ /*height:20px;*/ width:170px; }
#inscription-form li select{ width:176px; }
#inscription-form-2 li input{ width:170px; }
#inscription-form-2 li input.passe{ width:150px; }
#inscription-form-2 li select{ width:130px; }
.comment { font-size:9px; font-style:italic; margin-bottom:10px;}

.ins-text{ color:#FFF; left:262px; margin-top:15px; position:relative; width:270px; }
.ins-text#text-1{ /*top:31px;*/ font-size:26px; margin-top:15px; text-shadow:1px 1px 0px #014EA0; }
.ins-text#text-2{ /*top:146px;*/ }
.ins-text#text-3{ /*top:220px;*/ }
.ins-text#text-4{ /*top:283px;*/ font-style:italic; }
.ins-text#text-5{ /*top:31px;*/ font-size:26px; text-shadow:1px 1px 0px #014EA0; }
.ins-text-gd{ position:relative; margin-top:15px; width:320px; color:#FFF; left:212px; }
.ins-text-gd#text-1{ /*top:31px;*/ font-size:26px; text-shadow:1px 1px 0px #014EA0; }
.ins-text2{ color:#FFF; left:252px; position:absolute; }
.ins-text2#text-5{ font-size:28px; text-shadow:1px 1px 0px #014EA0; top:31px; }
.ins-text2#text-6{ top:136px; }
.ins-text2#text-7{ top:170px; }
.ins-text2#text-8{ top:243px; }
#form-title{ font-size:22px; font-weight:bold; margin-top:24px; }
.form-little-title{ font-size:14px; font-weight:bold; padding-bottom:10px; }
.form-info{ color:#808080; font-size:12px; padding-top:3px; }
#inscription-form select, #inscription-form-2 select{ border:1px solid #cce2ea; color:#808080; padding:3px; width:230px; }
#inscription-form option, #inscription-form-2 option{ color:#808080; }
#inscription-form .form-separator, #inscription-form-2 .form-separator{ border-top:1px solid #e8eef0; height:2px; overflow:hidden; padding:0; width:98%; }
#inscription-form #qualifform .form-separator, #inscription-form #qualifform .space{ height:7px; }
#inscription-form #qualifform #form-title{ margin-top:20px; margin-bottom:15px; }
#inscription-form #qualifform .form-little-title{ padding-bottom:5px; }
#inscription-form #qualifform select{ margin-top:5px; }
#inscription-form .space, #inscription-form-2 .space{  clear:both; height:4px; overflow:hidden; }
#inscription-form ul li input#code_promo { margin-top:0; }
.ins-btn, .ins-input, .ins-input-popup {
background:#f1b01e url("/images/ins-btn.gif") no-repeat top left;
color:#FFF !important;
cursor:pointer;
display:block;
float:left;
font-size:16px;
font-weight:bold;
height:28px;
line-height:20px;
padding-top:8px;
text-align:center;
text-shadow:1px 1px 0px #CF4C12;
max-width:225px; 
width:auto !important;
}
.ins-input{ border:none; height:36px; line-height:25px; margin-bottom:6px; }
.ins-input-popup{ border:none; height:26px; float:right; font-size:12px; margin-bottom:6px; }
.btn-qualif{ float:none; margin:auto; margin-top:15px; }
.ins-btn:hover{ text-decoration:none; }
#inscription-form #form-last-text{ padding-left:5px; font-size:12px; }
#ins-links{ margin-top:27px; margin-bottom:20px; color:#4D4D4D; }
#ins-links .ins-separator{ margin-right:10px; margin-left:10px; color:#F0F3F4; }
#ins-links span.bold{ margin-right:30px; }