html, body{/*height: 100%;*/} 
a img{border: 0px;outline:none;}

body{
background: #ffffff /*url(../images/main-bg.jpg) repeat-x top left*/;
font-family: arial;
font-size: 13px; /*font-size: 14px;*/
margin:0 /*auto*/;
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/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF0080bf, endColorstr=#FF0d8aca);
	/* Opera */
	background: #0d8aca url("../images/stripe-bg.svg");
	/* Navigateurs récents */
	background-image: -moz-linear-gradient(top, #0080bf, #0d8aca);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0080bf), to(#0d8aca));
	height:26px;
	border-bottom:1px solid #1474a4;
}

#main{
background: transparent url(../images/bg-city.gif) no-repeat center 27px; /*129*/
/*height: 100%;*/
z-index: 1;
}

#wrapper { -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; border:1px solid #018CD1; border-bottom:0; }

a{
border: none;
color: #018cd1;
outline: none;
text-decoration: none;
}

a:hover{
border: none;
outline: none;
text-decoration: underline;
}

p{
    margin:0px;
}

ul{
margin:0px;
padding:0px;
list-style-type: none;
}

/**
*	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{
width: 964px;
/*overflow:auto;*/
margin: auto;
margin-top:-27px; /*-131px*/
z-index: 2;
}

/*----------------FORM--------------------*/

.input-text{
padding: 3px;
}

/*---------------------HEADER--------------------*/
#header{
height: 131px;
z-index: 3;
position: relative;
}
#header-bar{
color: #ffffff;
padding-top: 5px;
height: 22px;
width: 639px;
position: relative;
z-index: 4;
}
#header-bar a.bar-link{
color: #ffffff;
text-decoration: none;
}
#header-bar span.separator{
color: #156289;
margin-left: 10px;
margin-right: 10px;
}

#header-bar #block-id{
/*background-color: #edf8fc;*/
background-color: #0282c1;
position: absolute;
right: 213px;
top: 27px;
z-index: 100;
text-align: left;
padding: 10px 30px;
border:1px solid #808080;
border-top: none;
color: #ffffff;
display: none;
}

.input-text{
color: #4d4d4d;
}

.oubli{
clear: both;
padding-top: 10px;
color: #ffffff !important;
}

#header-bar #block-id ul{
list-style-type: none;
}

#header-bar #block-id li{
padding-top: 10px;
}

#header-bar img.flag{
}
#header-bar img#flag-arrow{
padding-bottom: 2px;
}
#header-bar #flag-dropdown{
position: absolute;
right: 0px;
top: 27px;
z-index: 100;
padding: 10px;
border:1px solid #808080;
border-top: none;
/*color: #4d4d4d;*/
color: #ffffff;
/*background-color: #edf8fc;*/
background-color: #0282c1;
display: none;
}
#header-bar #flag-dropdown a{
color: #ffffff;
text-decoration: none;
}
#header-bar #flag-dropdown a:hover{
font-style: italic;
}

#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{
height: 68px;
background: transparent url(../images/head-separator.jpg) no-repeat center left;
padding-top: 36px;
padding-left: 12px;
padding-right: 12px;
font-size: 10px;
float: right;
}

#header-blocks div.h-blocks-right{
padding-top: 36px;
padding-left: 12px;
padding-right: 12px;
font-size: 10px;
float: right;
}

#header-blocks div.h-blocks-counter{
padding-top: 36px;
padding-left: 12px;
font-size: 10px;
float: right
}

#header-blocks div#news{width: 216px; }
/*#header-blocks div#news p{font-size: 13px; }*/
#header-blocks div#news p span.date{color: #9d9f9f;}


#header-blocks div#media{width: 156px;}
#header-blocks div#media img{margin-right: 5px;}

#header-blocks div#contact{width: 131px; 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{
    position:absolute;
    top: 37px;
    left: 456px;
    width: 280px;
    height: 81px;
    color: white;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    background-image: url(../images/fond_salle.png);
    background-repeat: no-repeat;
}

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

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

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

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

.prochain_cours{
font-size:11px;
float:right;
margin-top:10px;
}

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

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


/*--------------SLIDER=>BUTTONS-----------------*/
#slider #buttons{
position: absolute;
right:9px;
width: 253px;
height: 336px;
}

#slider #buttons .button{
height:56px;
width: 253px;
}
#slider #buttons .button .right{
height:37px;
width: 217px;
background: transparent url(../images/slider/slider-bg-btn.gif) repeat-x top left;
color: #018cd1;
border-top: 1px solid #bdece5;
border-bottom: 1px solid #ffffff;
font-weight: bold;
font-size: 15px;
padding-top: 18px;
padding-left: 5px;
float: left;
cursor: pointer;
}
#slider #buttons .button .left{
width: 31px;
height: 56px;
float: left;
}
#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: #ffffff;
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; /*18px*/
padding-bottom:10px;
}
.great-title{
font-weight: bold;
color: #515151;
font-size: 18px;
}

.little-title{
color: #808080;
font-size: 14px;
}
.title-pad{
padding-top: 3px;
}

.arrow{
float: right;
cursor: pointer;
}
.arrow-right{
border-left: 1px solid #e5e5e5;
}

#tuteurs-container{
height: 195px;
margin-top: 9px;
}

#tuteurs-container .tuteur{
width: 150px;
height: 195px; /*203px*/
/*border-left: 1px solid #e5e5e5;*/
float: left;
padding-left: 10px;
color: #4d4d4d;
}
#tuteurs-container .tuteur.first-tuteur{
border-left: none;
}
#tuteurs-container .tuteur.last-tuteur{
width: 149px;
}


#tuteurs-container  .tuteur-head{
height: 33px;
text-align: left;
overflow: hidden;
}

#tuteurs-container  .tuteur-flag{
float: left;
margin-right: 9px;
}

#tuteurs-container .language{
font-weight: bold;
}
#tuteurs-container .name, #tuteurs-container .sublink, #tuteurs-container .sublink a{
color: #018cd1;
text-decoration: none;
}

#tuteurs-container .tuteur-block-img{
height: 120px;
width: 142px;
margin-bottom: 10px;
}

#tuteurs-container .tuteur-img{
margin-bottom: 10px;
}
#tuteurs-container .sublink{
display: block;
width: 150px; /*130px*/
float:left;
text-align: center;
/*padding-left: 5px;*/
font-weight: bold;
}
#tuteurs-container .sublink:hover{
text-decoration: underline;
}

/*---------------------OFFRES--------------------*/
#offres{
width: 964px;
margin-bottom: 25px;
}
#offres-bar{
height: 30px;
border-bottom: 1px solid #e5e5e5;
margin-top: 8px; /*18px*/
}
#offres-container{
margin-top: 15px;
}
#offres-container .offre{
position: relative;
width: 131px;
height: 123px;
float: left;
text-align: left;
/*border-left: 1px solid #e5e5e5;*/
padding-left: 109px;
color: #4d4d4d;
}
#offres-container .offre .offre-sublink{
color: #018cd1;
text-decoration: none;
font-weight: bold;
}
#offres-container .offre .offre-sublink:hover{
text-decoration: underline;
}
#offres-container .first-offre{
border-left: none;
width: 132px;
}

#offres-container .offre-img{
position: absolute;
}
/*----offre1-----*/
#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{
height: 183px;
background: transparent url(../images/footer-bg.gif) repeat-x top left;
border-top: 1px solid #cce2ea;
clear: both;
}*/
#footer{
/*background: transparent url(../images/footer-bg.gif) repeat-x top left;*/
/* Anciens navigateurs */
background: #fcfeff url("../images/footer-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: #fcfeff;
background: #fcfeff\0/;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe5f5ff, endColorstr=#FFfcfeff);
/* Opera */
background: #fcfeff url("../images/footer-bg.svg");
/* Navigateurs récents */
background-image: -moz-linear-gradient(top, #e5f5ff, #fcfeff);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e5f5ff), to(#fcfeff));
border-top: 1px solid #cce2ea;
clear: both;
height: 183px;
margin: 0 auto;
padding: 0;
}
#footer #footer-container{
width: 964px;
margin: 0 auto;
padding: 0;
}

#footer-container .blue-links{
color: #018cd1;
font-weight: bold;
}
#footer-container .blue-links a{
color: #018cd1;
text-decoration: none;
}
#footer-container .blue-links a:hover{
color: #018cd1;
text-decoration: underline;
}
#footer-container .blue-links .links-separator{
margin-left: 10px;
margin-right: 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: #808080;
margin-top: 13px;
padding-top: 13px;
font-size: 11px;
}

#footer-container .cat-title{
font-weight: bold;
}

#footer-container .cat-list{
list-style-type: none;
}
#footer-container .cat-list a{
color: #808080;
text-decoration: none;
}
#footer-container .cat-list a:hover{
text-decoration: underline;
}

#footer-container .cat-block{
float: left;
width: 241px;
}

/*----------------PAGE => INSCRIPTION---------------*/
#inscription-block-0{
float: left;
width: 544px;
height: 336px;
text-align: left;
background: #ffffff url(../images/qualif_0.jpg) no-repeat top left;
}
#inscription-block-1{
float: left;
width: 544px;
height: 336px;
text-align: left;
background: #ffffff url(../images/qualif_1.jpg) no-repeat top left;
}
#inscription-block-2{
float: left;
width: 544px;
height: 336px;
text-align: left;
background: #ffffff url(../images/qualif_2.jpg) no-repeat top left;
}
#inscription-block-3{
float: left;
width: 544px;
height: 336px;
text-align: left;
background: #ffffff url(../images/qualif_3.jpg) no-repeat top left;
}
#inscription-block-4{
float: left;
width: 544px;
height: 336px;
text-align: left;
background: #ffffff url(../images/qualif_4.jpg) no-repeat top left;
}
#inscription2-block{
float: left;
width: 544px;
height: 336px;
background: #ffffff url(../images/inscription.jpg) no-repeat top left;
}

#inscription-form, #inscription-form-2{
float: left;
width: 379px;
height: 336px; /*323px*/
background-color: #edf8fc;
border-left: 1px solid #ffffff;
color: #4d4d4d;
padding-left: 22px;
padding-top: 0px; /*13px*/
text-align: left;
background: #ffffff url(../images/bg-form-ins.gif) repeat-x bottom left; 
}

#inscription-form ul, #inscription-form-2 ul{
list-style-type: none;
margin:0px;
padding:0px;
}

#inscription-form li, #inscription-form-2 li{
padding-top: 7px;
clear: both;
}

#inscription-form li input, #inscription-form li select, #inscription-form-2 li input, #inscription-form-2 li select{
float: right;
margin-right: 10px;
margin-top: -4px;

}

#inscription-form li input{
width: 170px;
h/eight: 20px;
}
#inscription-form li select{
width: 176px;
}

#inscription-form-2 li input{
width: 220px;
}
#inscription-form-2 li input.passe{
width: 150px;
}
#inscription-form-2 li select{
width: 130px;
}

.comment { font-size:9px; margin-bottom:10px; font-style:italic; }

.ins-text{
position:relative;
margin-top:15px;
width:270px;
color: #ffffff;
left: 262px;
}
.ins-text#text-1{
t/op:31px;
font-size: 26px;
text-shadow: 1px 1px 0px #014ea0;
}
.ins-text#text-2{
t/op:146px;
}
.ins-text#text-3{
t/op:220px;
}
.ins-text#text-4{
t/op:283px;
color: #a4e2ff;
font-style: italic;
}
.ins-text#text-5{
t/op:31px;
font-size: 26px;
text-shadow: 1px 1px 0px #014ea0;
}
.ins-text-gd{
position:relative;
margin-top:15px;
width:320px;
color: #ffffff;
left: 212px;
}
.ins-text-gd#text-1{
t/op:31px;
font-size: 26px;
text-shadow: 1px 1px 0px #014ea0;
}
.ins-text2{
position: absolute;
color: #ffffff;
left: 252px;
}
.ins-text2#text-5{
top:31px;
font-size: 28px;
text-shadow: 1px 1px 0px #014ea0;
}
.ins-text2#text-6{
top:136px;
}
.ins-text2#text-7{
top:170px;
}
.ins-text2#text-8{
top:243px;
}

#form-title{
font-size: 22px; /*font-size: 23px;*/
font-weight: bold;
}
.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{
width: 230px;
color: #808080;
border: 1px solid #cce2ea;
padding: 3px;
}
#inscription-form option, #inscription-form-2 option{
color: #808080;
}
#inscription-form .form-separator{
width: 98%;
border-top: 1px solid #e8eef0;
padding: 0px 0px 0px 0px;
height: 2px; /*height: 7px;*/
overflow: hidden;
}

#inscription-form #qualifform .form-separator, #inscription-form #qualifform .space{
height: 7px;
}
#inscription-form #qualifform  #form-title{
margin-bottom: 15px;
}
#inscription-form #qualifform .form-little-title{
padding-bottom: 5px;
}
#inscription-form #qualifform select{
margin-top:5px;
}
#inscription-form .space{
height: 4px; /*height: 7px;*/
overflow: hidden;
clear: both;
}
#inscription-form ul li input#code_promo {
margin-top:0;
}
.ins-btn{
display: block;
width: 169px;
height: 28px;
background: #f1b01e url(../images/ins-btn.gif) no-repeat top left;
color: #FFFFFF !important;
text-shadow: 1px 1px 0px #cf4c12;
font-size: 16px;
font-weight: bold;
text-align: center;
padding-top: 8px;
cursor: pointer;
float: left;
}
.ins-input{
display: block;
width: 169px;
height:36px;
background: #f1b01e url(../images/ins-btn.gif) no-repeat top left;
border: none;
color:#FFFFFF;
text-shadow: 1px 1px 0px #cf4c12;
cursor:pointer;
float:left;
font-size:16px;
font-weight:bold;
margin-bottom: 6px;
}
.ins-input-popup{
display: block;
width: 164px;
height:26px;
background: #f1b01e url(../images/ins-btn-popup.gif) no-repeat top left;
border: none;
color:#FFFFFF;
text-shadow: 1px 1px 0px #cf4c12;
cursor:pointer;
float:right;
font-size:12px;
font-weight:bold;
margin-bottom: 6px;
}
.btn-qualif{
margin: auto;
float: none;
margin-top: 15px;
}

.ins-btn:hover{
text-decoration: none;
}
#inscription-form #form-last-text{
/*width: 205px;*/
/*padding-top: 10px;*/
padding-left: 5px;
font-size: 12px;
}

#ins-links{
margin-top: 27px;
margin-bottom: 20px;
color: #4d4d4d;
}

#ins-links .ins-separator{
margin-left: 10px;
margin-right: 10px;
color: #f0f3f4;
}
#ins-links span.bold{
margin-right: 30px;
}