@charset "iso-8859-1";

/*@import("../templates/customize/menus.css");*/

body {
	font-family: Helvetica,Verdana, Arial, sans-serif; 
	font-size: 12pt;
}

/* Liens du footer */
a.flink {color: #000080; font-family: verdana, sans-serif;font-size: 10px ;text-decoration: none;}
a.flink:visited {color: #000080;font-family: verdana, sans-serif; font-size: 10px;}
a.flink:active {color: #FF0000; font-family: verdana, sans-serif;font-size: 10px ;}
a.flink:hover {color: #CC0000; font-family: verdana, sans-serif;font-size: 10px;text-decoration:underline}

/* Syles images*/
.handon {cursor:   hand; }

/*typographie */
H1{
font-family:Arial,verdana,sans-serif;
font-size:20px;
color:#565E37;
border-bottom:1px #ddd solid;
padding-bottom:4px;
font-weight:normal;
}

H2{
font-weight:normal;
font-family:Arial,Verdana,sans-serif;
font-size:2.3em;
margin-bottom:0;
color:#555;
}

H2 span {
display:block;
font-weight:bold;
color:#FF1493;
font-size:14px;
margin-top:5px;
border-top:1px #ddd solid
}

h2 span a{
	color:#814883;
}
	
H2 em{
font-style:normal;
font-weight:bold;
color:#FF6600
}

/* for IE-Mac */
html>body h1 {
	margin-top: 3em;
}


H3{
font-family: arial,verdana,sans-serif;
font-size:18px;
margin:14px 0 20px 0;
color:#555;
}

H3 span {
	display:block;
	font-weight:normal;
	color:#FF1493;
	font-size:14px;
	margin-top:5px;
	border-top:1px #ddd solid
}

h3 a, h3 a:hover{
	color:#406FA1;
}
	
H4{
font-family:arial,verdana;
color:#06c;
font-weight: bolder;
font-size:16px;
margin-bottom:20px;
}

fieldset H4{
	font-family:arial,verdana,sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-top:14px;
	color:#ff6600;
	border-bottom:1px solid #ffe6b8
}

H5,H6{
	font-family:arial,verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:14px;color:#555;
}

H6{color:#ff6600;margin-bottom:0}

acronym {border-bottom:#000 1px dashed;cursor:help}
span {font-family:arial;font-size:8pt;color:black;text-transform:none}
span.special {font-family:arial;font-size:8pt;color:red;font-weight:bold;text-transform:none}
span.stats {font-family:arial;font-size:10pt;color:red;font-weight:bold;text-transform:none}

p.bigp{font-size:16px;font-family:arial;font-weight:bold;}
.bigp span{color:#ff6600;font-size:16px;}

#main{
	background: #fff;
	margin-top:50px;
}

#main h1{
	margin-bottom:20px;
}

#main h2{ /*ŕ vérifier*/
	padding:2px;
	margin-bottom:5px;
}

span.libelle{color:#ff6600;font-size:20px;}

.bordered{border:1px #888 solid; padding:20px;}

#description{
	border: 1px solid #FF6D45;
	background: #ffffe9;
	font-weight:bold;
	padding: 2px;
	padding-left:20px;
	max-width: 36em;
}

#formulaire{
margin:0 auto;
margin-top:20px;
border: 1px solid #c2c3be;
color:#000;
background: #f8f9f2;
font-weight:bold;
font-size:14px;
padding:20px;
width:94%;
max-width: 36em;
}
#formulaire p{line-height:150%;margin-top:10px;margin-bottom:10px;}
#formulaire span{color:red}
p.remarque {color:red; border-top:2px solid red;border-bottom:2px solid red}

/* Pour les boites d'avertissement */
#attention
{
border: 1px solid #FF6D45;
background: #FFF6F3;
color:#FF6D45;
font-weight:bold;
font-size:14px;
padding: 4px;
width:400px;
max-width: 36em;
}
/* Pour les grandes boites d'avertissement */
#bigattention
{
border: 1px solid #FF6D45;
background: #FFF6F3;
color:#000;
text-align:left;
font-size:12px;
padding: 1em;
width:91%;
margin-bottom:10px;
max-width:95%;
}

#bigattention em {font-weight:bold; color:#FF6D45;}      
.center{text-align:center;padding-top:10px;}

/*---------------------------------------------------------*/
/* Les tables des listes 
/*----------------------------------------------------------*/
table{font-size:10px;font-family:verdana;}
table.data {font-size:10px;font-family:verdana;background:#000;padding:0px;border-spacing:1px;width:95%}
table.data100 {font-size:10px;font-family:verdana;background:#000;padding:0px;border-spacing:1px;width:98%}
table.oserach {font-size:10px;font-family:verdana;background:#000;padding:0px;border-spacing:1px;width:98%}
table.minidata {font-size:10px;font-family:verdana;background:#000;padding:0px;border-spacing:1px;width:470px}
th {background :#ffcc67;border:1px #ffcc67 solid;font-size:10px;text-align:left;}/*#b6d768;*/
tr.impair {background :#fff;}
tr.pair {background :#F4F4E8;}
tr.hilite {background :#fff1ac;}
tr.rebatehilite {background :#66ccff;}
tr.blackhilite {background :#EBEBFC;}
tr.markhilite {background :#EDFFB8;}
tr.cochhilite{background :#F9FFDC;}

tr.pages{background :#FFF3BC;font-weight:bold}
tr.footer{background :#99d4e3;text-align:right ;font-weight:bold}
td.special{background :#F9FFDD;font-weight:bold;color:red}
td.affiliatecol{background :#b3ecec;}
td.searchcol{background :#FFD8B0;}
td.refcol{background :#F9FFDC;}

/* mini tables*/
tr.hilitemini {background :#33cccc;}

/*la table des commandes du client*/
table.sortable {font-size:10px;font-family:arial;background:#000;padding:0px;border-spacing:1px;width:100%}
table.sortable th {background :#b6d768;border:0px #000 solid;font-size:10px;text-align:left;}/*#b6d768;*/
table.sortable th:hover {background :#ffcc00;border:0px #000 solid;font-size:10px;text-align:left;}/*#b6d768;*/
table.sortable tr {background :#fff;border:0px #000 solid;border-bottom:1px #000 solid;}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}
table.sortable a {
    color: black;
    text-decoration: none;
}
/
/*-------------------------------------------------------*/
/* CSS Formyulaires*/
/*--------------------------------------------------------*/
form{
font-size:12px;
font-family:arial,verdana,"sans serif";
}

/* Champs et bouttons */
input {
	font-size: 12px;
	background: #fff;
	padding: 1px;
	margin: 1px 0px 1px 0px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}
select {
	font-size: 12px;
	background: #fff;
	padding-top: 1px;
	margin: 1px 0px 1px 0px;
	border-color: #999 #FFF #FFF #999;
	border-width: 1px;
	border-style: solid;
}

input.bouton 
{
	padding: 2px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-color: #FFF #999 #999 #FFF;
	border-width: 1px;
	border-style: solid;
       	background: #aad2e9; 
}

.radio_group
{
	FONT-FAMILY: arial,Helvetica;
	FONT-SIZE: 10px;
}

.radio_group input
{
	BORDER-TOP: none;
	BORDER-RIGHT: none;
	BORDER-LEFT: none;
	BORDER-BOTTOM: none;
}

.radio_group input:hover , .radio_group input:focus
{
	BORDER-TOP: none;
	BORDER-RIGHT: none;
	BORDER-LEFT: none;
	BORDER-BOTTOM: none;
}


.radio_group label:after
{
	content:"";
}

/* fieldset styling */
fieldset {
	margin: 20px 0;
	border :2px solid #ccc;
	background: #fffef7;
	padding:15px;
}

fieldset.buttonspanel{border:2px #ffcc55 solid; background:#ffffaa;padding:8px;}

/* legend styling */
legend {
font-family:arial,verdana;
color:#06c;
font-weight: bolder;
padding: 0 0.5em; /* just some cosmetic padding */
font-size:1.4em;
}


label{
	font-size: 12px;font-weight:normal;
}
label span{color:red; font-size:20px}
label:after{content:" : ";}
/* style for required labels */
label.required:after{content:"*  ";color:red; font-size:150%}

input,select,textarea{font-size:8pt; padding:3px;}

/* style form elements on focus */
input:focus, textarea:focus {
border:1px solid #555
}
input:hover {
border:1px solid #555
}
textarea {
	width: 100%;
}

input.button
{
color: #fff; 
background: #ff6600 url(../../images/fade-butt.gif);
border: 2px double #a43002;
border-left-color: #ffba77;
border-top-color: #ffba77;
font-size:10pt;

font-family: Arial,Verdana;
-moz-border-radius: 2px;
-msie-border-radius: 2px; 
}
input.button:active
{
border: 2px double #ffba77;
border-left-color: #a43002;
border-top-color: #a43002;
}

input.button:hover{color:#ffee11}


input.button:hover{color:#ffee11}

#toggle {
	margin-top: 0;
}

p.forminfo{border:2px solid #bbb; background:#ffffdd;padding:20px;}
p.orderinfo{border:2px solid #bbb; background:#ffffdd;padding:5px;}

.centered{text-align:center}
.right{text-align:right}
.erreur{border:2px solid #E04A70; background:#ffeeee;padding:5px;color:#000}
.noerror{border:2px solid #BADC87; background:#E2FBC4;padding:5px;color:#000}

input.bigbutton
{
border-style: double; 
border-color: rgb(153, 204, 255) rgb(0, 76, 178) rgb(0, 76, 178) rgb(153, 204, 255); 
border-width: 3px; 
padding: 2px; 
width: auto; 
background-color: #1B8CC4; 
background-repeat: repeat-x; 
color: #fff; 
font-size:150%;
font-weight: bold; 
font-family: Verdana,Helvetica,Arial,sans-serif;
}

 input.bigbutton:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}


/*______________________________
* MISC.
________________________________*/
.hidden{display:none;}
.visible{display:block;}

#printcontainer{
width:550px;
margin:10px auto;
}
input.groschamp,span.grosspan{font-size:1.5em;padding:6px}
input.groschamp:hover{border:1px #555 solid;}
/* for order done tpl*/
.noteit{border:2px #ffcc55 solid; background:#ffffaa;padding:8px;margin-top:0px;font-size:120%}
.spotlighted{
border:2px #ffcc88 solid; 
background:#FEFFEF;
padding:8px;
margin-top:-8px;
margin-bottom:8px;
font-size:120%;
border-bottom:4px #ffcc55 solid;}

/* Styles des cours et lecons vus par l'user*/


#printcontainer{
	margin:10px auto;
	padding:20px;
	width:80%;
	border:1px solid #555;
}
.cours {
	background: #fff;
	margin-top:0.5em;
}	
.cours h3{
	border: 2px #eee solid;
	padding: 8px;
	background-color:#fffff0;
	margin-bottom:0;
}
	
.cours h4{
margin-top:5px;
}

.courseexcerpt{
padding:8px;
margin-top:0px;
border:1px #ddd solid;
background:#FaFaFa;
}

.courselinks,.lessonlinks{
font-weight:bold;
margin-top:0px;
padding:8px;
border:1px #ddd solid;
background:#FFFFF3;
}

.courselinks a,.courselinks a:hover,.lessonlinks a, .lessonlinks a:hover{
color:#4469A1;
background:#FFFFF3;
}

.lessoncontent{
	margin-top:5px;
	border-top:1px #eee solid;
	padding:10px;
}
	
.green{
	background-color:#EBFFD5;
}

.attention{
	border:2px solid #BADC87; 
	background:#E2FBC4;
	padding:5px;
	color:#000;
	font-size:1.5em;
}

/* pour les questionnaire imprime*/
.printedq{
	border:2px solid #ddd;
	padding:10px;
	margin:10px 0;
}
	
UL { 
list-style-image: url(../../images/star.gif);padding:0;
 }


UL.choix{font-size:12px; font-weight:bold;}
UL.choix LI{padding:4px}
/* for order done tpl*/
/* gestion des erreurs javascript input classes*/
input.wrong{border:2px solid red}
.wrongradio{border:2px solid red;background:#ffe7f0;padding:5px;}
.wrongradio input{border:none}
.wrongradio label:after{content:"";}

select.wrongselect{background:#FFC0CB}
#errorindicator{float:right;width:200px;clear:both;background:red;color:#fff;padding:5px;font-size:12px;margin:-20px -15px 20px 20px}
#errorindicator em{font-weight:bold;font-size:10pt;color:yellow}

H3.coursename{color:#555;
margin-bottom:0px;
border:1px #ddd solid;border-bottom:3px solid #ddd;
background: #F6F6F6 url(../../images/stripes.gif);
padding:2px;padding-left:8px}

.little{width:75%}
.zeropadding{padding:0}
/* page d'accueil*/
.GUIproductslist {margin-left:20px;line-height:150%;font-size:120%}
img{border:0}



/* menu eleve */
#studentmenucontainer{
margin:40px auto;
margin-bottom:10px;
text-align:center;
width:80%;
}

#studentmenu{
	background: #fff;
	padding: 3px 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0.1em;
	font: bold 1em Arial;
	text-align:center;
	border-bottom:5px #FFD700 solid;
}

#studentmenu li{
list-style: none;
display: inline;
margin: 0;
margin-left: 3px;
background: #FDFCDC;
}

#studentmenu li a{
padding: 3px 6px;
border: 1px solid #bbb;
border-bottom: none;
background: #FDFCDC;
text-decoration:none;
}

#studentmenu li a:link, #studentmenu li a:visited{
color: #777;
}

#studentmenu li a:hover{color:#000}

#studentmenu li a.current{
background: lightyellow;
}
#studentmenu li:hover, #studentmenu li:hover a {
      color:#000;     background:#FFD700;
      }
#studentmenu li:hover a {
      }

/*pour mettre la liste des prds en hilite*/
.hiliteit{ background:#fefefe;
border:1px solid #ffcc00;
padding:3px;
font-weight:bold;}