/* BLUE STYLES */

/* GENERAL */
body      { margin:0; padding:0; text-align:center; font:normal 12px/15px "Arial"; color:#222; background:url(../img/blue/fond_header.gif) repeat-x #fff;}
h1        { margin:0; padding:0; height:50px; width:150px; }
h2        { margin:0 0 10px 0; padding:0;  background:url(../img/blue/fond_h2.gif) repeat-x 0 8px #fff; text-align:left }
h2.demi        { width:auto; margin:0 0 10px 0; padding:0;  background:url(../img/blue/fond_h2.gif) repeat-x 0 8px #fff; text-align:left }
h2 span   { margin:0 0 0 5px; padding:0px 5px; height:30px; font:bold 20px/20px "Arial"; color:#222; text-transform:uppercase; background:#fff; }
h2 span.minus   {
	margin:0 0 0 5px;
	padding:0px 5px;
	height:30px;
	font:bold 20px/20px "Arial";
	color:#222;
	background:#fff;
	text-transform: none;
}
h2 span a.here, h2 span a.here:link, h2 span a.here:active, h2 span a.here:visited { color:#222; }
h2 span.mini  { margin:0; padding:0px 5px; height:30px; font:bold 12px/20px "Arial"; color:#222; text-transform:uppercase; background:#fff; }
h2 .back  { margin:0; padding:2px 0 0 5px; font:normal 12px/14px "Arial"; float:right; text-transform:none; background:#fff}
h3        { margin:0 0 10px 0; padding:0; height:20px; background:url(../img/fond_h3.gif) no-repeat right top #222; font:normal 9px/20px "Trebuchet MS";}
h3 span   { margin:0 10px 0 0; padding:0 10px 0 10px; height:20px; font:normal 9px/20px "Trebuchet MS"; color:#acf; text-transform:uppercase; background:url(../img/fond_h3.gif) no-repeat left top #222; display:block;}
h3.rge   { margin:0 0 10px 0; padding:0; height:20px; background:url(../img/fond_h3_rge.gif) no-repeat right top #222; font:normal 9px/20px "Trebuchet MS";}
h3 span.rge   { margin:0 10px 0 0; padding:0 10px 0 10px; height:20px; font:normal 9px/20px "Trebuchet MS"; color:#acf; text-transform:uppercase; background:url(../img/fond_h3_rge.gif) no-repeat left top #222; display:block;}

h3 span em{ color:#fff; font-style:normal; }
h3 a.back { float:right; margin:0; padding:0 10px 0 18px; font:normal 9px/20px "Trebuchet MS"; color:#acf; text-transform:uppercase; background:url('../img/puce_2.gif') no-repeat 0px 2px; }
h3 a, h3 a:link, h3 a:active, h3 a:visited	   { color:#acf; text-decoration:none}
h3 a:hover                                     { color:#acf; text-decoration:underline}
h4        { margin:0 0 7px 0; padding:0; font:bold 16px/20px "Arial"; color:#07b; }
h5        { margin:0 0 7px 0; padding:0; font:bold 14px/16px "Arial"; color:#07b; }
h6        { margin:0 0 2px 0; padding:0; font:bold 12px/14px "Arial"; color:#07b; }
p         { margin:0 0 10px 0; padding:0; text-align:justify}
p.info    { margin:0 0 10px 0; padding:10px; border:#e5e5d5 1px solid; background-color:#eed; }
div.info  { margin:0 0 10px 0; padding:10px 10px 10px 35px; border:#e5e5d5 1px solid; background:url(../img/info.gif) no-repeat left center #eed; }
div.info2 { margin:0 0 10px 0; padding:10px; border:#e5e5d5 1px solid; background:#fff; }
div.info3 { margin:0 0 10px 0; padding:10px; border:#acf 1px solid; background:#def; }
p.error   { margin:0 0 5px 0; padding:8px 8px 8px 35px; background:url('../img/mini_error.gif') 5px 5px no-repeat #c00; color:#fff; font-weight:bold}
ol        { margin:0 0 10px 25px; padding:0 0 0 5px;}
ul        { margin:0 0 10px 25px; padding:0; list-style:square;}
li        { margin:0; padding:0; color:#333; }
hr        { margin:0; padding:0; visibility:hidden; clear:both; height:1px; line-height : 1px;}
blockquote{ margin:0 0 2px 0; padding:10px 0 10px 50px; max-height:200px; overflow:auto; background:url(../img/quote.gif) no-repeat center left #fff; font:italic 12px/14px "Georgia"; color:#333; }
acronym   { margin:0; padding:1px 3px 1px 3px; background:#def; color:#333; text-decoration:none; border:none; cursor:help;}
.answer   { background:url(../img/bulle_poll.gif) no-repeat 3px 0px #eed; color:#333; border:solid 1px #e5e5d5; cursor:help; }
a, a:link, a:active, a:visited	{ color:#07b; text-decoration:none}
a:hover                         { color:#07b; text-decoration:underline}
a img     { border:none; }
a.right   { margin:10px 0 0 0; padding:0 20px 0 0; display:block; background:url('../img/puce_2.gif') no-repeat right;  text-align:right; clear:both;}
a.left    { margin:5px 0 0 0; padding:0 0 0 20px; display:block; background:url('../img/puce_2.gif') no-repeat left; text-align:left; }
object, embed    { margin:0 0 10px 0; padding:0; }
big       {font-size:16px; font-weight:bold; color:#07b;}

strong.black{ color:#000;margin-left:10px;}

/* FORM input.white height:14px; */
input, select { margin:0 0 10px 0; font:normal 12px/15px "Arial"; color:#333;}
input.white   { margin:0 0 10px 0; padding:2px 5px;  width:185px; border:solid 1px #ccc; background:url(../img/fond_champs.gif) repeat-x #fff; text-align:left;}
input.whiteShort   { margin:0 10px 10px 10px; padding:2px 5px; width:70px; border:solid 1px #ccc; background:url(../img/fond_champs.gif) repeat-x #fff; text-align:left;}
input.blue    { margin:0 0 10px 0; padding:2px 5px; height:20px; width:100px; font:normal 9px/10px "Trebuchet MS"; color:#07b; background-color:#acf; text-transform:uppercase; border:none; text-align:left;}
input.bluef   { margin:0 0 10px 0; padding:2px 5px; height:20px; width:100px; font:normal 9px/10px "Trebuchet MS"; color:#acf; background-color:#07b; text-transform:uppercase; border:none; text-align:left;}
input.brown   { margin:0 0 10px 0; padding:2px 5px; height:20px; width:100px; font:normal 9px/10px "Trebuchet MS"; color:#edc; background-color:#953; text-transform:uppercase; border:none; text-align:left;}
input.radio   { margin:5px 0 0 10px !important; margin:5px 0 0 5px; padding:0; border:none; background:none;}
textarea.white{ margin:0 0 10px 0; padding:2px 5px; height:200px; width:400px; border:solid 1px #ccc; background:url(../img/fond_champs.gif) repeat-x #fff; text-align:left; font:normal 12px "Arial";}
select        { margin:0 0 10px 0; padding:2px; border:solid 1px #ccc; height:20px; width:197px; background:url(../img/fond_champs.gif) repeat-x #fff;}

label.sentence{ margin:0 0 10px 0; padding:0 0 2px 0; display:block; font-weight:bold; background:url(../img/px_horizontal.gif) repeat-x bottom;  }
label.word    { margin:0 10px 10px 0; padding:0; text-align:left; float:left; width:90px; height:19px; font-weight:bold; line-height:20px; background:url(../img/px_horizontal.gif) repeat-x bottom;  }
label.wordLong    {
	margin:0 10px 10px 0;
	padding:0 10 0 0;
	text-align:left;
	width:120px;
	height:19px;
	float:left;
	font-weight:bold;
	line-height:20px;
	background:url(../img/px_horizontal.gif) repeat-x bottom;
}
label.wordXLong    {
	margin:0 10px 10px 0;
	padding:0 10 0 0;
	text-align:left;
	width:210px;
	height:19px;
	float:left;
	font-weight:bold;
	line-height:20px;
	background:url(../img/px_horizontal.gif) repeat-x bottom;
}
label.wordXXLong    {
	margin:0 10px 10px 0;
	padding:0 10 0 0;
	text-align:left;
	width:250px;
	height:19px;
	float:left;
	font-weight:bold;
	line-height:20px;
	background:url(../img/px_horizontal.gif) repeat-x bottom;
}
em.petit{
	font-size:10px;
}
span.number		{ display:block; margin:7px 0; font:normal 14px/22px "Georgia"; color:#07b; }

/* MENUS */
ul#menu     { margin:-10px 0 0 0; padding:0; position:absolute; top:0; left:200px; height:80px; width:445px; list-style:none }
ul#menu li  { margin:0; padding:0; height:80px; width:auto; font:bold 14px/20px "Arial"; color:#fff; display:block; float:left;}
ul#menu li a:hover  { color:#fff; text-decoration:underline; background:url(../img/fond_menu_hover.gif) repeat-x ;}
ul#menu li a, ul#menu li a:link, ul#menu li a:active, ul#menu li a:visited { margin:0; padding:45px 15px 20px 15px; display:block; height:15px; font:bold 14px/20px "Arial"; color:#fff; text-decoration:none }

a#journal   { width:55px; }
a#cowmunity { width:45px; }
a#notebook  { width:133px; }
a#tools     { width:85px; }

a#journal.up, a#cowmunity.up, a#notebook.up, a#tools.up    { background:url(../img/fond_menu_hover.gif) repeat-x ; }

#cat     { margin:0 auto; padding:8px 0 0 0; height:30px; width:680px; list-style:none; background:url(../img/fond_menu.gif) #fff no-repeat; text-align:center; border-bottom:15px solid #fff}
#cat li  { margin:0 0 0 8px; padding:5px 0 7px 25px; text-align:left; display:inline; width:auto; height:30px; font:normal 12px/14px "Arial"; text-transform:uppercase; color:#fff;}
#cat a:hover     { padding:0; color:#000; border-bottom:solid 2px #07b}
#cat a, #cat a:link, #cat a:active, #cat a:visited	{ color:#000; text-decoration:none}
li.Une            { background:url(../img/mini_une.gif) bottom left no-repeat #F1EFE2;}
li.World          { background:url(../img/mini_world.gif) bottom left no-repeat #F1EFE2;}
li.Sport          { background:url(../img/mini_sport.gif) bottom left no-repeat #F1EFE2;}
li.Entertainment  { background:url(../img/mini_entertainment.gif) bottom left no-repeat #F1EFE2;}
li.Life           { background:url(../img/mini_life.gif) bottom left no-repeat #F1EFE2;}
li.Technology     { background:url(../img/mini_technology.gif) bottom left no-repeat #F1EFE2;}
li.Archives       { background:url(../img/mini_archives.gif) bottom left no-repeat #F1EFE2;}

/* POSITIONNEMENT */
#header   { margin:10px auto; padding:0; width:950px; height:80px; text-align:left; position:relative; top:0; left:0; z-index:5;}
#presentation   { z-index:3; margin:-30px auto 20px auto; padding:0; height:170px; background:url(../img/blue/fond_presentation.gif) repeat-x top center #07b; border-bottom:solid 5px #222; text-align:center; position:relative;}
#presentationResource   { z-index:3; margin:-30px auto 20px auto; padding:0; height:170px; background:url(../img/blue/fond_presentation.gif) repeat-x top center #07b; border-bottom:solid 5px #222; text-align:center; position:relative;}
#contentResource  { margin:170px auto 0 auto; padding:0; width:950px; text-align:left; position:relative; height:auto !important; height:300px; min-height:400px; background-color:#fff;}
#content  { margin:0 auto 0 auto; padding:0; width:950px; text-align:left; position:relative; height:auto !important; height:500px; min-height:600px; background-color:#fff;}
#contentRegister  { margin:0 auto 0 auto; padding:0; width:950px; text-align:left; position:relative; height:auto !important; height:300px; min-height:400px; background-color:#fff;}
#contentAbo  { margin:0 auto 0 auto; padding:0; width:950px; text-align:left; position:relative; height:auto ;  min-height:200px; background-color:#fff;}
#contentMail  { margin:0 auto 0 auto; padding:0; width:950px; text-align:left; position:relative; height:auto;  min-height:200px; background-color:#fff;}
#footer   { margin:20px auto 20px auto; padding:20px 0 0 0; height:auto; text-align:center; background:url(../img/fond_footer.gif) repeat-x top center; clear:both; }

#content.fond_111  { background:url(../img/fond_111.gif) repeat-y #fff; }
#content.fond_11  { background:url(../img/fond_11.gif) repeat-y #fff; }
#content.fond_12  { background:url(../img/fond_12.gif) repeat-y #fff; }
#content.fond_21  { background:url(../img/fond_21.gif) repeat-y #fff; }


/* HEADER */
#header span  { position:absolute; top:38px; left:60px; font:normal 11px/12px "Arial"; color:#999; background:none;}
#footer span  { margin:0; padding:0; font:normal 11px "Arial"; color:#555; text-align:center; width:950px;}


/* MEMBER */
div#member     { position:absolute; top:0px; right:0px; margin:0; padding:0; width:340px; text-align:right; font:normal 11px/12px "Arial"; color:#555;}
div#member div   { display:block; margin:0 0 6px 0; }

div#header a:hover     { color:#acf; text-decoration:none}
div#header a, div#header a:link, div#header a:active, div#header a:visited	{ color:#999; text-decoration:underline;}

#welcome        {color:#ddd;}
#welcome a.abo:hover     {color:#ddd; text-decoration:underline;}
#welcome a.abo, #welcome a.abo:link, #welcome a.abo:active, #welcome a.abo:visited {color:#ddd; text-decoration:underline;}

/* PRESENTATION */
#presentation div     { margin:0 auto; padding:0; position:relative; text-align:left; width:950px; }
#presentation div h2  { margin:0; padding:20px 0 0 0; background:none; font:bold 18px/18px "Arial"; color:#fff; text-align:left }
#presentation p       { margin:0 25px 0 0; padding:0; color:#fff; width:625px; line-height:20px; text-align:justify; }
#presentation img     { margin:0; padding:0; float:right; display:block;}

.colonne1     { float:left; margin:0 12px 0 0; padding:0; height:auto;}
.colonne2     { float:left; margin:0 13px; padding:0; height:auto;}
.colonne3     { float:left; margin:0 0 0 12px; padding:0; height:auto;}

#text{ padding: 0pt 5px; margin: 0px; overflow: auto; height: 145px; border: 5px solid rgb(34, 34, 34); width: 300px; background: none repeat scroll 0% 0% rgb(34, 34, 34); color: rgb(255, 255, 255); position: absolute; top: 0px; right: 0px; opacity: 0.7;}

/* ARTICLE */
.articleTxt		{ font-size:12px;}
dl.news          { margin:0; padding:0; width:300px; background:none;}
.news dt         { margin:0; padding:0 0 5px 0; height:auto; font:bold 16px/20px "Arial"; color:#07b; }
.news dt.audio   { margin:0; padding:5px 0 5px 25px; height:auto; background:url(../img/audio.gif) no-repeat #fff; }
.news dd.pic     { margin:0 5px 0 0; padding:0; float:left }
.news dd.summary { margin:0 0 5px 0; padding:0; font-weight:normal; text-align:justify; }
.news dd.folder  { margin:0 0 0 0; padding:0 0 0 28px; line-height:25px; background:url(../img/mini_folder.png) left 1px no-repeat #fff; }
.news dd.text    { margin:0 0 0px 0; padding:0; text-align:justify; }
.news dd.sign    { margin:0 0 10px 0; padding:0; font:normal 11px/13px "Arial"; color:#999; }
.news dd.date    { margin:0 0 5px 0; padding:0; font:normal 11px/13px "Arial"; color:#999; }
.news dd.home    { margin:5px 0 0 0; padding:0px; }

/* AUTHOR */
dl.author          { margin:0 0 10px 0; padding:5px; height:50px; background:#def; border:1px solid #acf;}
.author dt         { margin:0 5px 5px 0; padding:0; float:left;  }
.author dd.pseudo  { margin:0 0 3px 0; padding:0; font:normal 12px/14px "Arial"; color:#07b; width:auto;}
.author dd.info    { position:relative; left:5px; margin:0; padding:0; font-weight:bold; font:normal 12px/14px "Arial"; color:#333; width:auto; display:block; }
.author dd.link    { float:right}

/*LEXICON*/
dl.lexical         { margin:0 0 10px 0; padding:0; border:1px solid #e5e5d5; width:620px; background-color:#fff;}
.lexical dt        { clear:both; margin:0; padding:5px; font-weight:bold; float:left; width:200px; border-top:1px solid #e5e5d5; background-color:#F1EFE2; }
.lexical dd        { margin:0; padding:5px; float:right; width:400px; border-top:1px solid #eed; background-color:#fff;}
.ExoMenu        { background:#fff; }
.ExoMenu a.up   { font: bold 10px/12px Arial, Helvetica, sans-serif; margin:0 1px 5px 0; padding:3px 5px; background:#def; border:solid 1px #acf; text-transform:uppercase; }
.ExoMenu a.down { font: normal 10px/12px Arial, Helvetica, sans-serif; border:solid 1px #dedede; margin:0 1px 5px 0; padding:3px 5px; background:#eed; text-transform:uppercase; }
a.up:link, a.up:visited     { text-decoration: none; color: #07b; }
a.down:link, a.down:visited	{ text-decoration: none; color: #07b; }

/* ressources */
.ressource dt      { background-color:#eed; padding:5px 5px; margin:0; font:normal 10px/13px "Arial"; color:#333; text-transform:uppercase}
.ressource dt span { float:right; font-weight:normal;}
.ressource dd      { border-left: solid #eed 1px; padding:5px 5px 5px 0; margin:0 0 0 25px; }
.ressource ul      { margin:0 0 0 5px; padding:0; list-style:none }
.ressource ol      { margin:0 0 0 5px; padding:0 0 0 20px; }
.ressource li      { padding: 2px; margin:0; background: url(../img/px_horizontal.gif) repeat-x bottom left; color: #333; font:normal 12px/20px "Arial"; }
.ressource ul li a    { margin:0; padding:5px 0 5px 25px; background:url('../mini_case.gif') no-repeat top left; color:#07b; font:normal 12px/22px "Arial"; }
.pj         { margin:0 0 2px 0; padding:10px 10px 10px 35px; border:solid 1px #E5E5D5; background:url('../img/resource.png') no-repeat #F1EFE2 left center}
.cours      { margin:0 0 10px 0; padding:10px; border:solid 1px #E5E5D5; height:auto !important; height:100px; min-height:100px}

/* TRANSLATOR */
.dictionnary form div { margin:2px 0 10px 0; padding:10px 10px 10px 55px; border:solid 1px #e5e5d5; background:url('../img/mini_dictionnary.gif') no-repeat #eed left top}
.translator form div  { margin:2px 0 10px 0; padding:10px 10px 10px 55px; border:solid 1px #e5e5d5; background:url('../img/mini_translator.gif') no-repeat #eed left top}
.translator p         { margin:0 0 2px 0; padding:10px; border:#e5e5d5 solid 1px; background:#fff;}
.listen form div      { margin:10px 0 10px 0; padding:10px 10px 10px 55px; border:solid 1px #e5e5d5; background:url('../img/mini_listen.gif') no-repeat #eed left top}

/* REGISTER */
.masqueur{display:none;}
div.demiG {float:left;width:400px;margin:10px; padding-top:20px;padding-right:50px;padding-bottom:20px;padding-left:10px; border-right:dashed 1px #666;}
div.demiG1 {float:left;width:400px;margin:5px; padding-top:0px;padding-right:50px;padding-bottom:20px;padding-left:10px; border-right:dashed 1px #666;}
div.demiD { float:left;width:450px;margin:1px; padding-top:20px;padding-right:5px;padding-bottom:5px;padding-left:10px; border-right:none;}
div.demiD1 { height:auto;float:left;width:450px;margin:1px; padding-top:20px;padding-right:5px;padding-bottom:5px;padding-left:10px; border-right:none;}
div.demiD2 { height:auto;float:left;width:450px;margin:1px; padding-top:20px;padding-right:5px;padding-bottom:5px;padding-left:10px; border-right:none;}
/*div.demiD == height:500px;*/
.textR{font:normal 12px/14px "Arial"; text-transform:none; background:#fff}

.floatR{float:right;}
.floatL{float:left;}
div.left   { width:auto;background:url(../img/fond_h3.gif) no-repeat left top #222; height:20px; letter-spacing:1px; text-indent:5px; padding-left:5px; margin-bottom:0px;float:left; font-weight:bold;  font:normal 9px/20px "Trebuchet MS"; color:#acf; text-transform:uppercase; }
div.right  { width:150px;background:url(../img/fond_h3.gif) no-repeat right top #222; height:20px; letter-spacing:1px; padding-left:0px; margin-bottom:0px;float:right;font-weight:bold; font:normal 9px/20px "Trebuchet MS"; color:#acf; text-transform:uppercase; text-align:left; }
div.ligne{padding:0px;margin:7px 0px 7px 0px ;border-bottom:dotted 1px #999;float:right;width:100%;height:2px; font-size:1px;}
div.blocNoir{width:440px;height:20px;background-color:black;margin-bottom:20px;}
/* REGISTER */
div.regInfoGrp{height:20px; color:#999; background-color:#e5e5d5;margin:0px;margin-bottom:0px;margin-top:0px;padding:5px;border-top:dotted 1px #999;}

div.regInfo{width:430px;height:30px; color:#999; background-color:#e5e5d5;margin:0px;margin-bottom:10px;margin-top:10px;padding:7px;border-top:dotted 1px #999;}
div.regInfoTypo{height:30px;float:right;width:40px;margin-top:2px;}

p.infoReg    { margin:10px 0 10px 0; padding:10px; border:#e5e5d5 1px solid; background-color:#eed; width:400px; }


.abo1 {float:left;width:150px; margin:1px;padding:0px;}
.abo2 {float:left;width:135px; margin:1px;padding:0px;}
.abo3 {float:left;width:133px; margin:1px;padding:0px;}

.abo2Small {float:left;width:140px; margin:1px;padding:0px;font-size:10px;}
.abo3Small {float:left;width:133px; margin:1px;padding:0px;font-size:10px;}

.noPadMarg{margin:0px;padding:0px;}
.margL{margin:0px;padding:0px;margin-left:5px;}

div.colored{background-color:#F1EFE2;height:120px;padding-top:15px;border-top:dotted 1px #999;}
div.colored2{background-color:#F1EFE2;height:auto;margin-top:0px;border-top:dotted 1px #999;}
div.colored3{background-color:#F1EFE2;height:130px;margin-top:0px;border:dotted 1px #999;}
div.colored4{background-color:#F1EFE2;height:30px;margin-top:10px;padding-top:10px;border-top:dotted 1px #999;}

div.coloredW{background-color:#F1EFE2;height:30px;margin-top:0px;border-top:dotted 1px #999;}

.reg      { margin:0 0 10px 0; padding:0 0 1px 0; background:url(../img/px_horizontal.gif) repeat-x bottom left #fff;}
.reg2   { margin:0; padding:0 5px; background:#222; height:20px; font:normal 9px/20px "Trebuchet MS"; color:#acf; text-transform:uppercase; border-bottom:#fff 10px solid }
.reg2 span   { color:#fff }
.reg3   { margin:0; padding:7px 5px; background:url(../img/px_horizontal.gif) repeat-x top left #F1EFE2; color:#222;}

form div.contratB  {width:345px; margin:2px 0 10px 0; padding:10px 10px 10px 65px; border:solid 1px #e5e5d5; background:url('../img/contrat.png') no-repeat #F1EFE2 left top}

/*#content form div div div{ background-color:#FC0;}
#content form div{ background-color:#CF0;}
#content form div div{ background-color:#C0F;}*/

/* FORUM */
table.forum      { margin:0 0 10px 0; padding:0 0 1px 0; background:url(../img/px_horizontal.gif) repeat-x bottom left #fff;}
table.forum th   { margin:0; padding:0 5px; background:#222; height:20px; font:normal 9px/20px "Trebuchet MS"; color:#acf; text-transform:uppercase; border-bottom:#fff 10px solid }
table.forum th span   { color:#fff }
table.forum th.left   { background:url(../img/fond_h3.gif) no-repeat left top #222; padding:0 0 0 10px; }
table.forum th.right  { background:url(../img/fond_h3.gif) no-repeat right top #222; }
table.forum td   { margin:0; padding:7px 5px; background:url(../img/px_horizontal.gif) repeat-x top left #F1EFE2; color:#222;}

div.post         { margin:0; padding:0 0 10px 0; }
.post h3         { margin:0 0 2px 0; }
.post h3 em      { margin:0 10px 0 0; float:right; font:normal 10px/20px "Georgia";}
.post dl         { position:relative; margin:0 0 0 0; padding:0; height:20px; background: url(../img/px_horizontal.gif) repeat-x bottom left #fff;}
.post dt         { display:inline; margin:0; padding:0 10px; color:#07b; font:bold 12px/14px "Arial"; }
.post dd.statut  { display:inline; margin:0; padding:0; color:#222; font:normal 11px/14px "Arial";  }
.post dd.avatar  { position:absolute; top:28px; left:10px; margin:0; padding:0;  }
.post .message   { margin:0 0 0 0; padding:10px 10px 10px 70px; background:url(../img/px_horizontal.gif) repeat-x bottom left #F1EFE2; color:#222;  }
.post .contenu   { margin:0 0 10px 0; padding:0; height:auto !important; height:50px; min-height:50px; color:#000}
.post .signature { margin:0; padding:10px 0; border-top:dotted 1px #666 }
.post .report    { margin:0; padding:0; float:right; background:none; border:none; }

.post span.correction {margin:0; padding:0 0 0 20px; background: url(../img/help.png) no-repeat center left; font-size:10px; line-height:20px; }
.post div.correction {margin:10px 0; padding:40px 10px 10px 10px; background: url(../img/blue/correction.gif) no-repeat top left #def; font-size:12px; color:#07b; border:solid 1px #acf; }
.post div.correction p { margin:0; padding:0; }

div.forum        { margin:0 0 10px 0; padding:52px 15px 0 15px; height:23px; width:595px; color:#fff; }
div.forum span   { float:right; height:25px; font:normal 12px/15px "Arial"; }
div.forum a:hover                                                       { color:#fff; text-decoration:underline; }
div.forum a, div.forum a:link, div.forum a:active, div.forum a:visited	{ color:#fff; text-decoration:none; }

div.album          { margin:0; padding:0 0 10px 0;}
.album .see        { margin:0 2px 2px 0; padding:0; text-align:center; width:175px; height:175px; line-height:175px; background:#F1efe2 }
.album .edit       { margin:0 2px 2px 0; padding:10px; text-align:center; width:153px; height:70px; background:#fff; border:1px solid #e5e5d5 }
.album input       { width:50px }
.album div img     { vertical-align:middle}
form.new           { margin:10px; padding:10px; background:#f1efe2}
form.new h3        { font:normal 14px/16px "Georgia";}

/* LISTES */
ul.bloc        { margin:-5px 0 10px 0; padding:0; list-style:none;}
ul.bloc li     { margin:0; padding:0; background: url(../img/px_horizontal.gif) repeat-x bottom left; }
ul.bloc li span{ float:right;}

ol.bloc        { margin:-5px 0 10px 0; padding:0; list-style:none;}
ol.bloc li     { margin:0; padding:0; background: url(../img/px_horizontal.gif) repeat-x bottom left; }
ol.bloc li span{ float:right;}

ul.bloc2        { margin:-5px 0 10px 0; padding:0; list-style:none;}
ul.bloc2 li     { margin:0; padding:0; background: url(../img/px_horizontal.gif) repeat-x top left; }
ul.bloc2 li span{ float:right;}

ul.fleche      { margin:-5px 0 10px 0; padding:0; list-style:none;}
ul.fleche li   { margin:0; padding:0 0 0 30px; background: url(../img/blue/fleche.gif) no-repeat 0 2px; }

ul.carre      { margin:-5px 0 10px 0; padding:0; list-style:none;}
ul.carre li   { margin:0; padding:0 0 0 20px; background: url(../img/puce_1.gif) no-repeat; }

/* A */
a.sos          { margin:0; padding:7px 0 7px 25px; background:url(../img/bulle_sos.gif) no-repeat 4px 7px; color:#07b; font:normal 12px/22px "Arial"; }
a.post         { margin:0; padding:7px 0 7px 25px; background:url(../img/bulle_post.gif) no-repeat 4px 7px; color:#07b; font:normal 12px/22px "Arial"; }
a.poll         { margin:0; padding:7px 0 7px 25px; background:url(../img/bulle_poll.gif) no-repeat 4px 7px; color:#07b; font:normal 12px/22px "Arial"; }
a.video        { margin:0; padding:7px 0 7px 25px; background:url(../img/bulle_video.gif) no-repeat 4px 7px; color:#07b; font:normal 12px/22px "Arial"; }
a.sos_read     { margin:0; padding:7px 0 7px 25px; background:url(../img/bulle_sos_read.gif) no-repeat 4px 7px; color:#07b; font:normal 12px/22px "Arial"; }
a.post_read    { margin:0; padding:7px 0 7px 25px; background:url(../img/bulle_post_read.gif) no-repeat 4px 7px; color:#07b; font:normal 12px/22px "Arial"; }
a.poll_read    { margin:0; padding:7px 0 7px 25px; background:url(../img/bulle_poll_read.gif) no-repeat 4px 7px; color:#07b; font:normal 12px/22px "Arial"; }
a.video_read   { margin:0; padding:7px 0 7px 25px; background:url(../img/bulle_video_read.gif) no-repeat 4px 7px; color:#07b; font:normal 12px/22px "Arial"; }

a.contact      { margin:0; padding:7px 0 7px 25px; background:url(../img/mini_contact.png) no-repeat 4px 4px; color:#07b; font:normal 12px/22px "Arial"; }
a.del          { margin:0; padding:7px 0 7px 25px; background:url(../img/poubelle.png) no-repeat 4px 5px; color:#07b; font:normal 12px/22px "Arial"; }
a.sendmail     { margin:0; padding:7px 0 7px 23px; background:url(../img/mini_sendmail.png) no-repeat 4px 6px; color:#07b; font:normal 12px/22px "Arial"; }
a.news         { margin:0; padding:7px 0 7px 25px; background:url(../img/mini_news.gif) no-repeat 3px 6px; color:#07b; font:normal 12px/22px "Arial"; }
a.radio         { margin:0; padding:7px 0 7px 25px; background:url(../img/mini_radio.gif) no-repeat 3px 6px; color:#07b; font:normal 12px/22px "Arial"; }
a.brief        { margin:0; padding:7px 0 7px 25px; background:url(../img/mini_brief.gif) no-repeat 3px 6px; color:#07b; font:normal 12px/22px "Arial"; }
a.cs           { margin:0; padding:7px 0 7px 25px; background:url(../img/mini_cs.gif) no-repeat 3px 6px; color:#07b; font:normal 12px/22px "Arial"; }
a.dashboard    { margin:0; padding:0 0 0 19px; background:url(../img/mini_dashboard.gif) no-repeat 0px 0px; }
a.mailbox      { margin:0; padding:0 0 0 17px; background:url(../img/mini_mail.gif) no-repeat 0px 2px; }
a.mailbox_new  { margin:0; padding:0 0 0 17px; background:url(../img/mini_mail_new.gif) no-repeat 0px 2px; }
a.admin        { margin:0; padding:0 0 0 17px; background:url(../img/mini_admin.gif) no-repeat 0px 0px; }
a.report  { margin:0; padding:7px 0 7px 25px; background:url('../img/mini_report.png') no-repeat center left; color:#07b; font:normal 12px/22px "Arial";}
a.blogthis{ margin:0; padding:7px 0 7px 25px; background:url('../img/mini_blog.png') no-repeat center left; color:#07b;  font:normal 12px/22px "Arial";}
a.question{ margin:0; padding:7px 0 7px 25px; background:url('../img/mini_question.png') no-repeat 4px 7px; color:#07b;  font:normal 12px/22px "Arial";}
a.dictionnary { margin:0; padding:7px 0 7px 25px; background:url('../img/mini_dico.gif') no-repeat 4px 7px; color:#07b; font:normal 12px/22px "Arial";}
a.edit    { margin:0; padding:7px 0 7px 25px; background:url('../img/mini_edit.png') no-repeat 5px 6px; color:#07b; font:normal 12px/22px "Arial";}
a.sendto  { margin:0; padding:7px 0 7px 25px; background:url('../img/mini_send.png') no-repeat center left; color:#07b; font:normal 12px/22px "Arial";}
a.print   { margin:0; padding:7px 0 7px 25px; background:url('../img/mini_printer.png') no-repeat center left; color:#07b; font:normal 12px/22px "Arial";}
a.top { text-align:right; display:block}

div.false   { margin:0; padding:5px 0 5px 25px; background:url(../img/mini_false.gif) no-repeat 2px 4px; color:#000; font:normal 12px/22px "Arial"; display:inline; }
div.true    { margin:0; padding:5px 0 5px 25px; background:url(../img/mini_true.gif) no-repeat 2px 2px; color:#000; font:normal 12px/22px "Arial"; display:inline; }
div.case    { margin:0; padding:5px 0 5px 25px; background:url(../img/mini_case.gif) no-repeat 2px 4px; color:#000; font:normal 12px/22px "Arial"; display:inline; }



/* DIV */
div.notebook   { margin:0 0 10px 0; padding:8px 8px 8px 8px; background:url(../img/notebook.gif) no-repeat 5px 45px #def; }
div.sos        { margin:0 0 10px 0; padding:8px 8px 8px 50px; background:url(../img/sos.gif) no-repeat 10px 8px #eed; }
div.lesson     { margin:0 0 10px 0; padding:8px 8px 8px 55px; background:url(../img/lesson.gif) no-repeat 10px 8px #eed; }
div.meet       { margin:0 0 10px 0; padding:50px 60px 10px 60px; width:180px; height:190px; background:url(../img/meet.jpg) no-repeat #fff; }
div.archives   { margin:0; padding:25px 0 0 175px; width:450px; height:75px; background:url(../img/archives.jpg) no-repeat #eed; }

/* form */
form div.folder, div.folder   { margin:2px 0 10px 0; padding:10px 10px 10px 70px; border:solid 1px #e5e5d5; background:url('img/folder.png') no-repeat #F1EFE2 left center}
form div.write    { margin:2px 0 10px 0; padding:10px 10px 10px 60px; border:solid 1px #e5e5d5; background:url('../img/write.png') no-repeat #F1EFE2 left top}
form div.picture  { margin:2px 0 10px 0; padding:10px 10px 10px 65px; border:solid 1px #e5e5d5; background:url('../img/picture.png') no-repeat #F1EFE2 left center}
form div.personal { margin:2px 0 10px 0; padding:10px 10px 10px 65px; border:solid 1px #e5e5d5; background:url('../img/personal.png') no-repeat #F1EFE2 left top}
form div.contrat  { margin:2px 0 10px 0; padding:10px 10px 10px 65px; border:solid 1px #e5e5d5; background:url('../img/contrat.png') no-repeat #F1EFE2 left top}
form div.pass     { margin:2px 0 10px 0; padding:10px 10px 10px 65px; border:solid 1px #e5e5d5; background:url('../img/pass.png') no-repeat #F1EFE2 left top}
form div.newsletter { margin:5px 0; padding:0; width:200px;}
.newsletter h6      { padding:0 0 0 30px; background:url('../img/mini_newsletter.png') no-repeat #fff left center; height:22px; line-height:20px;}
/*form div.quizz      { margin:2px 0 10px 0; padding:10px 10px 10px 10px; border:1px #e5e5d5 solid; background:url('../img/quizz.png') no-repeat left center #F1EFE2 }
*/
form div.quizz      { margin:2px 0 10px 0; padding:10px 10px 10px 10px; border:1px #e5e5d5 solid; background:#F1EFE2 }


div.headlines  { margin:0; padding:5px 0 0 5px; float:left; width:395px; height:260px; background:url('../img/fond_headlines.gif') no-repeat #fff}
div.headlines .une { height:175px; width:390px }
div.headlines h4   { margin:5px 0 5px 0; padding:0; font:bold 14px/23px "Arial"; color:#fff; height:23px; width:390px; overflow:none; }
div.headlines h4 a, div.headlines h4 a:hover, div.headlines h4 a:active, div.headlines h4 a:visited, div.headlines h4 a:link             { color:#fff}
div.headlines .tbn { margin:0 1px 0 0; padding:0; border:solid 3px #222; height:40px; width:90px; float:left; }

div.cs         { margin:0px 0 0 0; padding:12px 10px 10px 10px; background:url(../img/cs.gif) no-repeat 8px 2px #def; color:#333; }
div.cs h5      { color:#7af}
div.cs h6      { color:#07b}

/* ARTICLES */
div.article div.contenu      { margin:0 0 10px 0; padding:0; width:450px; font:normal 13px/17px "Arial";}
div.article div.illustration { float:right; margin:0 0 10px 0; padding:0 0 0 10px; width:150px; background:url(../img/px_vertical.gif) top left repeat-y #fff; }
div.article div.lexicon      { margin:0; padding:0 0 10px 9px; background:url(../img/px_horizontal.gif) bottom left repeat-x #fff; width:149px; position:relative; left:-9px; text-align:left;}
div.article div.lexicon h6   { margin:0 0 5px 0; padding:15px 0 0 35px; background:url(../img/definition.png) no-repeat -2px 0 #fff; height:17px; }
h6.radio   { margin:0 0 5px 0; padding:15px 0 0 35px; background:url(../img/radio.gif) no-repeat -2px 0 #fff; height:17px; }
div.article div.action, div.course div.action      { margin:0 0 10px 0; padding:5px 0 0 0; background:#fff; border-top:solid 1px #acf; border-bottom:solid 1px #acf; }
div.article div.action span, div.course div.action span   { margin:0 0 0 10px; height:20px; position:relative; top:-10px; font:bold 14px/16px "Arial"; color:#07b }
div.article div.action div.listen, div.course div.action div.listen {float:right; text-align:right; margin:0; font:normal 9px/9px "Arial"; color:#07b}

div.course div.contenu      { float:right; margin:0 0 10px 0; padding:0; width:450px;}
div.course div.illustration { float:left; margin:0 0 10px 0; padding:0 10px 0 0; width:150px; background:url(../img/px_vertical.gif) top right repeat-y #fff; }
div.course div.lexicon      { margin:0; padding:0 9px 10px 0; background:url(../img/px_horizontal.gif) bottom right repeat-x #fff; width:149px;  text-align:left;}


/* LISTEN */
.listento     {margin:0 0 10px 0; padding:32px 10px 10px 50px; width:240px; height:33px; background:url(../img/listento.gif) no-repeat #000;}
.listento object {margin:0; padding:0}
.listento  a  { float:right; color:#8DC63F; font:normal 10px/10px "Georgia";}

/* NOTEBOOK */
div.bareme    { float:right; margin:0 0 0 5px; padding:10px; border:solid 1px #acf; background:#def; width:278px; height:138px; }
div.bareme h2        { background:url(../img/blue/fond_h2_2.gif) repeat-x 0 8px #def;  }
div.bareme h2 span   { background:#def;  }

div.bareme ul         { margin:0 0 10px 0; padding:0px; list-style:none}
div.bareme ul li      { margin:0; padding:3px 10px 1px 20px; font:normal 12px/15px "Arial"; border-bottom:#acf dotted 1px; background:url(../img/puce_2.gif) no-repeat 0px 1px #def;}
div.bareme ul li span { font:normal 12px/15px "Arial"; float:right;}
div.bareme ul li.total{ margin:0; padding:3px 10px 1px 10px; background:none;}
img.p                 { position:relative; top:3px; left:0; }

/*// TABULATION*/
.tabMenu        { background:#fff }
.tabMenu a.up   { font: bold 10px/12px Arial, Helvetica, sans-serif; margin:0 1px 0 0; padding:3px 5px; background:#fff; border:solid 1px #dedede; border-bottom:none; text-transform:uppercase; }
.tabMenu a.down { font: normal 10px/12px Arial, Helvetica, sans-serif; position:relative; top:0; margin:0 1px 0 0; padding:4px 5px 2px 5px; background:#eed; text-transform:uppercase; }
a.up:link, a.up:visited     { text-decoration: none; color: #07b; }
a.down:link, a.down:visited	{ text-decoration: none; color: #07b; }
.tabContent     { margin:1px 0 10px 0; padding:10px; border:solid 1px #ddd; background:#fff;}

.stats            { margin:0 0 10px 0; padding:0; height:7px; line-height:1px; width:auto; background:#fff; border:solid 1px #666}
.stats div        { margin:0; padding:0; height:5px;  line-height:1px; background:#fa2; border:solid 1px #fff}

/*//PAGE*/
div.meta    { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:solid 1px #e5e5d5;}
.meta h5    { margin:0 0 7px 0; padding:0 0 0 30px; height:30px; background:url('../img/page.gif') no-repeat #fff; }
.meta h5 span  { font: normal 10px/12px Arial, Helvetica, sans-serif; color:#222; display:block;}

/*// FAQ*/
dl.faq          { margin:10px 0 0 0; padding:0 10px 0 0 ; float:left; width:460px; background:none;}
.faq dt         { margin:0 0 5px 0; padding:0; font-weight:bold; }
.faq dd         { margin:0 0 5px 25px; padding:0;}
.faq dd.sign    { margin:0 0 10px 0; padding:0; text-align:right; font:normal 11px/13px "Arial"; color:#999; }

/*//MAIL*/
div.mail          { margin:0; padding:0 0 10px 0; }
.mail dl          { margin:2px 0 2px 0; padding:10px 10px 10px 70px; border:solid 1px #E5E5D5; background:url('../img/letter.png') no-repeat #eed left center}
.mail dt          { margin:0; padding:0; float:left; width:60px; color:#333;}
.mail dd          { margin:0; padding:0; font-weight:bold;}
.mail .message    { margin:0 0 5px 0; padding:10px; border:solid 1px #E5E5D5}
.mail form        { margin:0 0 10px 0; padding:10px; border:solid 1px #E5E5D5; background:url('../img/letter.png') no-repeat #eed left center}

.readSpeakPad{
	position:absolute;
	bottom:-10px;
	left:0px;
	text-align: center;
}
p.demo{
	margin-bottom:0px;
	padding-bottom:0px;
}
.howTo{
	margin:20px;
	padding:5px;
	text-align:center;
}
.howToBig{
	margin:20px;
	padding:5px;
	font-size:18px;
	text-align:center;
}
.divHowTo{

	width:625px;
	margin-left:auto;
	margin-right:auto;
}
.howToGal{
	float:right;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
}
.howToGalPod{
	margin:5px;
	vertical-align: middle;
}
.mdePage{
	 padding:0 0 0 31px; background:url('../img/vacheQuestion.png') no-repeat #fff left center; height:34px; line-height:34px;
}
.texteBleu{
	color:#07b;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
	letter-spacing: 0.2em;
	word-spacing:  0.2em;
}
.texteNoir{
	color:#333;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
	letter-spacing: 0.2em;
	word-spacing:  0.2em;
}
.bordLangActif{
	border: solid red 1px;
	background-color:red;
}
.bordLangInactif{
	border: solid white 1px;
	background-color:#FFF;
}