body{
    margin:0;
    background: #FFFFFF url(/html/css/images/verticalhaut.png) 50% 0 repeat-x;
}

div#header{
    background: url(/html/css/images/t.png) left top no-repeat;
    /*height:162px;*/
    padding-bottom:36px;
    padding-top:18px;
}

div#header a.toplink{
	color:#FFFFFF;
	margin-right:4px;
}
div#logo{
    /*margin-left:25px;*/
}

h3#branding{
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-style:oblique;
    font-weight:bold;
	margin-left:5px;
	padding-top:50px;
	font-size:1.3em;
}

h3#branding1,h3#branding2{
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-style:oblique;
    font-weight:bold;
	margin-left:5px;
	padding-top:50px;
	font-size:1.3em;
}

h3#branding2{
	padding-top:36px;
}

div#left{
   /* width:240px;*/
}

div#left .left-m {
	background: url(/html/css/images/rallonge.png) 0 0 repeat-y;
	width:240px;
}

div#left .left-t {
	background: url(/html/css/images/descente.png) 0 0 no-repeat;
	width:240px;
}

div#left .left-b {
	width:240px;
	background: url(/html/css/images/left_b4.png) 0 100% no-repeat;
	color: #FFFFFF;
}

div#left div.menucontainer{
    background:#192841 url(/html/css/images/menu_bg.png) no-repeat scroll 0pt 0pt;
    width:198px;
    margin-left:21px;
	margin-bottom:162px;
}

div#left ul.menu{
	overflow: hidden;
	list-style: none;
	margin-left:0;
	margin-right:0;
}

div#left a.modulelink{
	padding-left:16px;
}

div#left a.modulelink:hover{
	/*cursor:default;*/
}

div.menucontainer li.titre{
    background:#192841 url(/html/css/images/level1.png) no-repeat bottom;
    text-align:center;
    /*padding: 9px 0;*/
	padding-bottom:14px;
    font-weight:bold;
    font-size:1.2em;
}

div.menucontainer li.menu1{
    background:#142136 url(/html/css/images/level2.png) no-repeat scroll 0pt 0pt;
    /*height:36px;*/
    /*padding:9px 0pt 9px 36px;*/
	font-weight:bold;
}

div.menucontainer ul.level2, div.menucontainer ul.level3{
	margin:0 0;
	list-style-type:none;
}

div.menucontainer li.menu2{
    background:#142136 url(/html/css/images/level2.png) no-repeat scroll 0pt 0pt;
	padding:9px 0pt 9px 18px;
	font-weight:bold;
}

div.menucontainer li#modules li.menu2{
	padding-left:0;
}

div.menucontainer li.menu3{
	background:#0E1E37 url(/html/css/images/level3.png) no-repeat scroll 0pt 0pt;
	padding:0 0 0 18px;
}


div.menucontainer li.mcourant{
	/* TODO changer la couleur */
	/*background-color:#*/
}

div.menucontainer li.mcourant span{
	background:transparent url(/html/css/images/mcourant.png) no-repeat center right;
	display:block;
}

div.menucontainer li.mfait span{
	background:transparent url(/html/css/images/mfait.png) no-repeat top right;
	display:block;
}

div.menucontainer li.menu1 a{
    color:#FFFFFF;
    margin-left:19px;
    text-decoration:none;
}

div.menucontainer li.menu1 a:hover{
    text-decoration:underline;
    /*border-bottom:1px solid #FFFFFF;*/
}


div.menucontainer li#main_menu{
    background-image:none;
    height:auto;
	/*padding: 9px 0px 9px 0;*/
	font-weight:normal;
}

div.menucontainer li#main_menu div.loginheader{
	/*padding-top:20px;*/
	/*padding-bottom:18px;*/
	/*padding-left:9px;*/
	padding-left:28px;
}

div.menucontainer li#main_menu div.loginheader label{
	/*float:left;*/
}

div.menucontainer li#main_menu div.loginheader p{
	/*clear:both;*/
	padding-left:10px;
}
input.login_input{
    border:medium none;
	/*padding:4px;
    font-weight:bold;
    text-align:right;*/
	font-size:10pt;
	font-weight:normal;
	/*float:left;*/
}

div.loginheader th,div.loginheader th td{
    padding:4px 3px;
}

div#right div.corps_acceuil2{
    border-bottom:1px solid #b4b4b4;
    padding:0pt 8px;
}

div#right div.services{
    border-top:1px solid #b4b4b4;
    border-right:1px solid #b4b4b4;
    border-left:1px solid #b4b4b4;
    margin-bottom:1em;
    
}

div#right h4{
    background:#162842 url(/html/css/images/right_h.png) no-repeat 0pt 0pt;
   /* padding:18px 9px 18px 9px;*/
	height:54px;
	padding-left:9px;
	padding-right:9px;
	padding-top:18px;
    color:#FFFFFF;
}


div#right div.p1b, div#right div.p2b, div#right div.p3b, div#right div.p4b,div#right p.p1 a, div#right p.p2 a, div#right p.p3 a, div#right p.p4 a {
    font-weight:bold;
    padding-left:24px;
}

div#right div.p1b, div#right p.p1 a{
    background:transparent url(/images/cours/Image/Icones/drapeau_en.png) no-repeat scroll 0pt 3px;
}

div#right div.p2b, div#right p.p2 a{
    background:transparent url(/images/cours/Image/Icones/drapeau_fr.png) no-repeat scroll 0pt 3px;
}

div#right div.p3b, div#right p.p3 a{
    background:transparent url(/images/cours/Image/Icones/drapeau_es.png) no-repeat scroll 0pt 3px;
}

div#right div.p4b, div#right p.p4 a{
    background:transparent url(/images/cours/Image/Icones/drapeau_de.png) no-repeat scroll 0pt 3px;
}



div#middle h2{
    color:#06344C;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-style:oblique;
    font-weight:bold;

}

div#middle h3{

}

div#middle p.suite{
    color:#000000;
    font-style:normal;
    font-weight:bold;
    text-align:left;
}

div#middle h4.lien2{
    background: transparent url(/images/interface/check2.png) no-repeat top left;
    padding-left:28px;
}

div#middle h4.lien2 a{
    font-weight:bold;
}

div#middle div.corps_acceuil{
    /*background:#dcdcdc url(/html/css/images/middle_t.png) no-repeat scroll 2px 0pt;*/
	
	/*padding-left:2px;*/
}
div#home div.corps_chapitre, div#middle div.corps_acceuil{
	/*background:transparent url(/html/css/images/middle_t2.png) no-repeat scroll 2px 0pt;*/
	/*background:#dcdcdc url(/html/css/images/middle_m.png) repeat scroll 0pt 0pt;*/
	background-color:#DCDCDC;
	border:1px solid #AAAAAA;
	padding:5px;
}
/*
div#middle div.corps_acceuil div, div#home div.corps_chapitre div{
    background:transparent url(/html/css/images/middle_b.png) repeat-x scroll 2px 100%;
    padding:2px 0px;
}

div#middle div.corps_acceuil div div, div#home div.corps_chapitre div div{
    background:#dcdcdc url(/html/css/images/middle_m.png) repeat scroll 0pt 0pt;
    color:#333333;
    padding:10px 5px;
}

div#middle div.corps_acceuil div div div, div#home div.corps_chapitre div div div{
	background:transparent none;
	color:inherit;
	padding:0 2px;
}
*/
div#middle div.corps_acceuil h3, div#home div.corps_chapitre h3{
    color:#333333;
	border-bottom:1px solid #333333;
}

div#footer{
	background: #FFFFFF url(/html/css/images/footer_bg.png) 0 0 repeat-x;
	width:100%;
	height:54px;
	text-align:center;
	clear:both;
        padding-top:32px;
}

div#menu_onglets{
	/*height:54px;*/
	/*background-color:#192841;*/
	
}

div#home div.corps_chapitre_2 p img{
	float:none;
	margin:0;
}

div#menu_onglets div.onglets{
	/*height:36px;*/
	/*width:140px;*/
	margin:0 5px 0 0;
}

div#menu_onglets div.tdcentre{
	background: url(/html/css/images/onglet_m.png) repeat-x;	
	/*text-indent:14px;*/
	height:36px;	
	margin-left:10px;
}

div#menu_onglets div.tdgauche{	
	background: transparent url(/html/css/images/onglet_l.png) no-repeat top left;
	text-align:center;
}

div#menu_onglets div.tddroite,div#menu_onglets div.tddroite2,div#menu_onglets div.tddroite3{
	background: transparent url(/html/css/images/onglet_r.png) no-repeat top right;
	height:36px;
	padding-top:10px;
}	

div#menu_onglets div.tddroite2{
	padding-top:0;
}

div#menu_onglets div.tddroite3{
	padding-top:4px;
}

div#menu_onglets div.encours div.tdcentre, div#menu_onglets div.attente:hover div.tdcentre{
	background: url(/html/css/images/onglet_h_m.png) repeat-x;	
	height:36px;	
	margin-left:10px;
	text-align:center;
}

div#menu_onglets div.encours div.tdgauche, div#menu_onglets div.attente:hover div.tdgauche{	
	background: transparent url(/html/css/images/onglet_h_l.png) no-repeat top left;
}

div#menu_onglets div.encours div.tddroite, div#menu_onglets div.attente:hover div.tddroite,div#menu_onglets div.encours div.tddroite2, div#menu_onglets div.attente:hover div.tddroite2,div#menu_onglets div.encours div.tddroite3, div#menu_onglets div.attente:hover div.tddroite3{
	background: transparent url(/html/css/images/onglet_h_r.png) no-repeat top right;
	height:36px;
	padding-top:10px;
}
	
div#menu_onglets div.encours div.tddroite2, div#menu_onglets div.attente:hover div.tddroite2{
	padding-top:0;
}

div#menu_onglets div.encours div.tddroite3, div#menu_onglets div.attente:hover div.tddroite3{
	padding-top:4px;
}
div#menu_onglets a{
	color: #646464;
	text-decoration:none;
	font-weight:bold;
}		

div#menu_onglets div.encours a, div#menu_onglets div.attente a:hover{
	color: #FFFFFF;
	text-decoration:none;
	padding:4px 24px 4px 0pt;
	font-weight:bold;
	background:transparent url(/html/css/images/check.png) no-repeat top right;
}	

div#menu_onglets div.attente a:hover{
	background-image:none;
	padding:0;
	_color:#333333;
}

div#home div.corps_chapitre_2{
	/*background-color:#093359;*/
	border-left:2px solid #3b537f;
	border-right:2px solid #3b537f;
	border-bottom:2px solid #3b537f;
	/*min-height:500px;*/
	padding-bottom:18px;
	background:#093359 url(/html/css/images/pattern.png) repeat-x left bottom;
}

div#home div.corps_chapitre_2 div#copywriting{
	background-color:#FFFFFF;
	border:2px solid #ccccce;
	/*width:490px;*/
	width:360px !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:18px;
	padding:18px 18px;	
}




div#phpbb th{
	color:#FFFFFF;
	background-color:#333333;
	text-align:center;
}

table#construction{
	clear:both;
}

table#construction th,table#construction2 th, table#presentation th, table.construction th{
	background-color:#333333;
	color:#FFFFFF;
	text-align:right;
}

table#construction a.action, table.construction a.action, table.construction a{
	color:#FFFFFF;
}

table#construction a.action:hover, table.construction a.action:hover, table.construction a:hover{
	text-decoration:none;
}

table#construction2 th{
	text-align:right;
}

table#presentation tr.contenu1{
	background-color:#E7E7E7;
}

table#presentation tr.contenu2{
	background-color:#FFFFFF;
}

table#presentation td.open {
	background-image:url(/images/interface/puce_verte.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

table#presentation th a {
	color:#FFFFFF;
	text-decoration:underline;
}

table#presentation th a:hover {
	text-decoration:none;
}

table#construction td.item1, table#construction td.item2,table#construction td{
	background-color:#FFFFFF;
	border:1px solid #999999;
}

table#construction td.item2,table#construction td {
	border-top:none;
}
/*
// STYLES des listes dragNdrop
*/


.dragZoneClassList {
    list-style-type:none;
}

.largeZone{
    font-weight:bold;
}

.mediumZone{
	width:330px;
}

ul.dragZoneClassList{
	margin:0;
}

.dragZoneClassList ul{
    list-style-type:none;
    display:none;
}

.dragZoneClassList li.sub{
   background-color:#E7EAF5;
	border:1px solid #97A2C4;
}

.dragZoneClassList li{
    background-color: #EEE;
}
.dragZoneClassList li:hover{
    cursor:move;
}

.dragZoneClassList li.row1 {
	background-color:#E7E7E7;

}

.dragZoneClassList li.row2 {
	background-color:#FFFFFF;    
}

.dragZoneClassList li.row0 {
	color:#FFFFFF;
	background-color:#333333;
}

.dragZoneClassList li.row0:hover {
    cursor:default;
}

.dragZoneClassList li.over {
   
}

.headerBoxZone {
    /*border: 1px solid #97A2C4;*/
	background-color:#525252;
	color:#FFFFFF;
	margin-bottom:1em;
	padding:5px;
}


.headerBoxZone a{
	color:#FFFFFF;
	font-weight:bold;
}

.headerBoxZone a:hover{
	text-decoration:none;
}

.dropZoneClassThumb{
   
}

.dragZoneClassThumb{
   
}

.catZone {
    
}

.currentLesson {
    color: #800000;
    text-decoration: underline;
}

.consignZone{
    font-weight: bold;    
    text-align:left;
}

ul.dragZoneClassList span.span1, #dragzone span.span1{
	display:block;
	float:left;
	width:100px;
	text-align:center;
}

ul.dragZoneClassList span.span2,ul.dragZoneClassList span.span2bis,ul.dragZoneClassList span.span2ter, #dragzone span.span2{
	display:block;
	float:left;
	width:180px;
	text-align:center;
	
}

ul.dragZoneClassList span.span2bis{
	width:240px;
}

ul.dragZoneClassList span.span2ter{
	width:120px;
}
ul.dragZoneClassList span.span3, #dragzone span.span3{
	clear:both;	
}

/*
//
*/

div.corps_chapitre div.dtree div{
	padding:0 0;
}


/* ie6 de m....*/
div#middle h4.lien2{
	_padding-left:0;
	_background-image:none;
}

div#home{
	/*_margin-left:-10px;*/
}


div#left {
	/*_margin-right:0;*/
}

div#middle{

}
div#right{

}

div#method{
	margin-left:auto;
	margin-right:auto;
	width:695px;
}

div#memosound, div#exophrase,div#shockwave,div#rsscour{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

div#comprehension{
	width:690px;
	margin-left:auto;
	margin-right:auto;	
}

div#labolangue{
	width:650px;
	margin-left:auto;
	margin-right:auto;	
}

div#grammaire{
	width:600px;
	margin-left:auto;
	margin-right:auto;	
}


div#exophrase{
		text-align:center;
}

div#exophrase,div#shockwave,div#rsscour{
	background-color:#FFFFFF;
	border-bottom:2px solid #CCCCCE;
	border-left:2px solid #CCCCCE;
	border-right:2px solid #CCCCCE;
}

div#exophrase h4#maternal{
	color: #FF0000;
}

.container {

_width:970px;
}


html, body {
    height: 100%;
}

.container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -54px;
}

#footer, .push {
    height: 54px;
}

/* popup html */

.highslide-wrapper {
    background-color: white;
}
/* Set 400px as the default width for expanders */
.highslide-wrapper .highslide-html-content {
    width: 70%;
	height: 70%;
    padding: 5px;	
}

.highslide-html-content {
	display: none;
}

/* The list of controls */
.highslide-wrapper .highslide-header ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
.highslide-wrapper .highslide-header ul li {
    display: inline;
    padding-left: 1em;
}
/* Hide the previous and next links */
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
    display: none;
}

.highslide-wrapper .highslide-header table{
    display:inline;
}

.highslide-wrapper .highslide-header a {
    font-weight: bold;
    text-decoration: none;
	color: gray;
}
.highslide-wrapper .highslide-header a:hover {
    color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
    cursor: move;
}
.highslide-wrapper .highslide-footer {
    height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
    cursor: nw-resize;
    float: right;
    height: 11px;
    width: 11px;
    background: url(/library/highslide/graphics/resize.gif);
    position: relative;
    top: 3px;
    left: 3px;
}

.highslide-header{
	min-width:300px;
	text-align:right;
}

/* popup image */

.highslide {
	cursor: url(/library/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	/*border: 2px solid gray;*/
}
.highslide:hover img {
	/*border: 2px solid white;*/
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    font-family: Verdana, Helvetica;
    font-size: 11pt;
    padding: 5px;
    background-color: white;
    text-align:left;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/library/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(/library/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(/library/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(/library/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(/library/highslide/graphics/close.png);
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

div#viewbar{
	padding-left:36px;
	background:transparent url(/html/css/images/bg_hide_nav.png) repeat-y scroll 0pt 0pt;
}

div#viewbar a {
	color :#FFFFFF;
	font-weight:bold;
}

div#menu_onglets a.info {
	z-index:24;	
	position:relative;
}

div#menu_onglets a.info:hover{
	z-index:25;
}

div#menu_onglets a.info span {
	display:none;
}

div#menu_onglets a.info:hover span{ 
	display:block; 
	position:absolute;
	top:-20px; 
	left:40px;;
	width:150px;
	border:1px solid #333333;
	background-color:#DEDEDE;
	text-align: center;
	font-weight:normal;
	color:#323232;
	padding:5px;    
}

h1.lesson_name {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
	border-bottom:1px solid #333333;
}

div#copywriting p.inp2{
	margin-top:10px;
	margin-bottom:10px;
}

div#copywriting p.inp2 label {
	font-size:12px;
	font-weight:normal;
}

div#copywriting p.inp2 input{
	font-size:14px;
	background-color:#FFFFEE;
	border:1px solid #006699;
}

div#copywriting div.contform,div.contform{
	background-color:#EFF2F5;
	padding:5px;
}

div#copywriting div.contform div.filet,div.contform div.filet{
	border:5px solid #FFFFFF;
	background-color:#EFF2F5;	
	/*padding:10px;*/
}

p#help_button {
	float:right;
}