body {padding:0px; margin:0px; background-color:#FFFFFF; text-align:center; 
font-family:Arial; color:#666666; font-size:11px;}

td {line-height:12pt; vertical-align:top;}
div {line-height:12pt; vertical-align:top; margin:0px; padding:0px;}

div.content {padding:5px; padding-top:0px; font-family:Arial; color:#666666; font-size:11px; }

content.a{color:#f29500; font-family:Arial; font-weight:bold; text-decoration:underline;}

span.link{cursor:pointer; cursor:hand; text-align:left;}
span {cursor:pointer; cursor:hand; text-align:left;}

span.linkorange{color: #FFA618;font-weight: bold;text-decoration: underline;cursor:pointer; cursor:hand; text-align:left;}

a.left-links:link {color: #666666;text-decoration: none }
a.left-links:active {color: #666666;text-decoration: none }
a.left-links:visited {color: #666666;text-decoration: none }
a.left-links:hover  {color: #666666;text-decoration: none }


b.red { color: #FF0000; font-size:14px;}

div.fond-orange {
width:120px; color:white; font-weight:bold;
padding-left:7px; padding-top:3px; 
background-color:#FFA618; background-image:url(images/soutien-scolaire-onglet.gif);
}

div.cadre-orange {border:#FFA618 1px solid;width:150px;padding-top:3px;padding-left:3px;padding-right:0px;font-weight:bold;margin-bottom:5px; background-color:#E7E3DE;color:#666666;}


div.cadre-orange a {text-decoration:none !important;color:#666666 !important;font-weight:bold}

div.fond-gris {background-color:#666666;width:120px; color:white; font-weight: bold;padding-left:7px;padding-top:3px;background-image:url(images/soutien-scolaire-onglet.gif)    }
div.cadre-gris {border:#666666 1px solid;width:150px;padding-top:3px;padding-left:3px;padding-right:0px;font-weight:bold;margin-bottom:5px;background-color:#E7E3DE;color:#666666;}
div.cadre-gris a {text-decoration:none;color:#666666;font-weight:bold}

div.fond-ce {background-color:#9c0000;width:120px; color:white; font-weight: bold ;padding-left:7px;padding-top:3px;background-image:url(images/soutien-scolaire-onglet.gif)  }
div.cadre-ce {border:#9c0000 1px solid;padding-top:3px;width:150px;padding-left:3px;padding-right:0px;font-weight:bold;margin-bottom:5px;background-color:#E7E3DE;color:#666666;}
div.cadre-ce a {text-decoration:none;color:#666666;font-weight:bold}


div.all{margin-left:auto;margin-right:auto;width:1000px}

td.bottom { vertical-align:bottom}

li.none{ list-style:none; list-style-image:none;}



/* css concernant le menu  */

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
 width:100%;
list-style: none; 
}
/*#csstopmenu { margin-left:50px;}*/
#csstopmenu li{float: left; position: relative; list-style:none;}

#csstopmenu a{text-decoration: none;}

.mainitems{
/*border: 1px solid black;
border-left-width: 0;
*/
background-color: #00A0C6; margin-right:1px;  text-align:center;border: #FFFFFF 1px outset; 
}
.headerlinks a{
/*margin: auto 8px;*/
font-weight: bold;
font-size:13px;  color:#FFFFFF !important;
}

.submenus{
display: none;
/*width: 10em;
*/
position: absolute;

/*top: 1.2em;
left: 0;
*/
/*background-color: #EEFFCC;
*/
/*border: 1px solid black;*/
 /*	background: transparent url(../bgsubmenu.png) repeat-x;*/ 
 background-color: #FFFFFF;
 text-align:left; 
}

.submenus li{
width: 100%;   font-size:12px; background-color:#FFB74A; border: #FFFFFF 1px solid; list-style:none ; padding:5px 2px 5px 2px ;
}
.submenus li a{
display: block;
width: 100%;
text-indent: 5px;   color:#FFFFFF; 
}
html>body .submenus li a{ /* non IE browsers */
width: auto;
}
.submenus li a:hover{
/*	background: url(blsubmenu_h.gif) no-repeat 12px 100% !important  ; */
/*background-image:url(../blsubmenu_h.gif); background-position:left; background-repeat:no-repeat; */

margin:0px;
	  color:#FFFFFF; width:95%;
}
#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto; 
}
#csstopmenu li:hover ul, li.over ul {
display: block; font-size:12px; color:#FFFFFF;
}

<!--#center  { text-align:center; color:#666666;  font-family:Arial, Helvetica, sans-serif;  }-->

#menu_site { width:100%; margin:0px; }


/*  encadrement avec pointillé */
.BoiteComment { /* boite gauche (avec le menu) */
   position: relative; /* positionné par rapport à la boite parent (ici .container) */
  /* left: 25px; *//* démarre à 10 pixels de la gauche de la boite parent */
    /* largeur de la boite */
   padding-top: 10px; /* marge intérieure haute */
   border:dashed 1px red; text-align:center;} /* encadrement discret de la boite */ 

.BoiteResult { /* boite gauche (avec le menu) */
   position: relative; /* positionné par rapport à la boite parent (ici .container) */
   top:10px;
  /* left: 25px; *//* démarre à 10 pixels de la gauche de la boite parent */
    /* largeur de la boite */
   padding-top: 10px; /* marge intérieure haute */
   border:solid 1px #065787; text-align:center;
   background-color: #E3EDF2 } 

/* Onglet utilisé dans le module de suivi prévu pour les profs  */
*.container {
	width: 450px;
	padding: 15px;
	margin: 3px 0 20px 0;
	border: 1px solid #ccc;
	background: #fff;
	}


#navPyra {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #9FB1BC;
	}

#navPyra li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#navPyra span {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #708491;
	}

#navPyra span.active {
	color: #000;
	background: url(http://www.keepschool.com/images/tab_pyra.gif) no-repeat bottom center;
	}
	
/*pour JAVANCE */
h4.noir       {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: bold;
	margin: 0 0 5px }

	
	

/*  pour le référencement webformance */
#ref {position: absolute;overflow: hidden;display: none;visibility: hidden;text-align:left;}

h1{color:#FF9900; font-size:16px; font-family: Arial; font-variant:normal; font-weight:bold;
padding:0px;margin-top:0px}



h1.bleu {color: #666666;font-size: 18px;font-family: Arial;font-variant: normal;font-weight: bold ;padding:2px;margin-bottom:2px}
h1.rouge{color: #FF0000;font-size: 18px;font-family: Arial;font-variant: normal;font-weight: bold ;padding:2px;margin-bottom:2px}

h2, h2 a{color:#666666;font-size:14px;font-family:Arial; font-weight:bold; padding:2px;margin-bottom:4px; border-bottom:1px solid #666666; text-decoration:none}

h2.rouge {color:#FF0000;font-size:13px;font-family:Arial;font-variant:normal;text-align:left;font-weight:bold;border-bottom:1px solid #FF0000;padding:2px;margin-bottom:2px}

td.middle {vertical-align:middle;}
/*for adultes site*/
h4  {color: #006600;font-size: 14px;font-family: Arial;font-variant: normal;font-weight: bold;border-bottom: 1px solid #006600 ;padding:2px;margin-bottom:4px}

h3  {color: #666666;font-size: 14px;font-family: Arial;font-variant: normal;font-weight: bold;border-bottom: 1px solid #666666 ;padding:2px;margin-bottom:4px}

h3.gros  {color: #666666;font-size: 20px;font-family: Arial;font-variant: normal;font-weight: bold;border-bottom: 1px solid #666666 ;padding:4px;margin-bottom:4px}
h3.red{color:#FF0000;font-size:14px;font-family:Arial;font-variant:normal;text-align:left;font-weight:bold;border-bottom:1px solid #FF0000;padding:2px;margin-bottom:2px}
h4 {font-size : 14px;}

h6 {color:  #2baae1;text-align:left;font-size: 14px;font-variant: normal;font-weight: bold ;padding-left:10px;margin-bottom:0px}


input.text  { border : solid; border-width : 1px;margin-top:0px;margin-bottom:0px;border-color:#666666;font-size : 8pt;text-align: center;}
input.radio  { border : solid; border-width : 0px;margin-top:1px;margin-bottom:1px;border-color:#666666;font-size : 8pt;text-align: center;}

input.boutton  { border-width : 1px;margin:0;padding:0;border:0;text-align: center;}
select {color : #666;background-color : #FFF;border : solid;border-width : 1px;margin-top:1px;margin-bottom:1px;font-size : 8pt;text-align: left;}

form {margin:0px; padding:0px;}

td.left{color:#000000;text-align:left;}

a:link {color: #FFA618;font-weight: bold;text-decoration: underline }
a:active {color: #FFA618;font-weight: bold;text-decoration: underline }
a:visited {color: #FFA618;font-weight: bold;text-decoration: underline }
a:hover  {color: #FFA618;font-weight: bold;text-decoration: underline }

a.gris:link {color: #666666;font-weight: bold;text-decoration: underline }
a.gris:active {color: #666666;font-weight: bold;text-decoration: underline }
a.gris:visited {color: #666666;font-weight: bold;text-decoration: underline }
a.gris:hover  {color: #666666;font-weight: bold;text-decoration: underline }


a.h2:link {color: #999999;font-weight: bold;text-decoration: none }
a.h2:active {color: #999999;font-weight: bold;text-decoration: none }
a.h2:visited {color: #999999;font-weight: bold;text-decoration: none }
a.h2:hover  {color: #999999;font-weight: bold;text-decoration: none }


.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }
#topgauche { position:absolute;  z-index:10; }

a.menu:link {color: #FFFFFF;font-weight: bold;text-decoration: none }
a.menu:active {color: #FFFFFF;font-weight: bold;text-decoration: none }
a.menu:visited {color:#FFFFFF;font-weight: bold;text-decoration: none }
a.menu:hover  {color: white !important;font-weight: bold;text-decoration: none }

a.sous_menu:hover  {color: #FFFFFF !important;font-weight: bold;text-decoration: none }
a.sous_menu:link {color: #FFFFFF;font-weight: bold;text-decoration: none }
a.sous_menu:active {color: #FFFFFF;font-weight: bold;text-decoration: none }
a.sous_menu:visited {color:#FFFFFF;font-weight: bold;text-decoration: none }

a.onglets:link {color:white ;font-weight: bold;text-decoration: none;font-size:12px }
a.onglets:active {color: white;font-weight: bold;text-decoration: none;font-size:12px }
a.onglets:visited {color:white;font-weight: bold;text-decoration: none;font-size:12px }
a.onglets:hover  {color: #FFA618 !important;font-weight: bold;text-decoration: none;font-size:12px }

a.onglets_encours:link {color:#FFA618 ;font-weight: bold;text-decoration: none;font-size:12px }
a.onglets_encours:active {color: #FFA618;font-weight: bold;text-decoration: none;font-size:12px }
a.onglets_encours:visited {color:#FFA618;font-weight: bold;text-decoration: none;font-size:12px }
a.onglets_encours:hover  {color: #FFA618 !important;font-weight: bold;text-decoration: none;font-size:12px }


a.menu_adultes:link {color: #006600;font-weight: bold;text-decoration: none }
a.menu_adultes:active {color: #006600;font-weight: bold;text-decoration: none }
a.menu_adultes:visited {color:#006600;font-weight: bold;text-decoration: none }
a.menu_adultes:hover  {color: #006600 !important;font-weight: bold;text-decoration: none }

a.menu_perso:link {color: black;font-weight: bold;text-decoration: none }
a.menu_perso:active {color: black;font-weight: bold;text-decoration: none }
a.menu_perso:visited {color:black;font-weight: bold;text-decoration: none }
a.menu_perso:hover  {color: black !important;font-weight: bold;text-decoration: none }

a.white:link {color: white;font-weight: bold;text-decoration: underline }
a.white:active {color: white;font-weight: bold;text-decoration: underline }
a.white:visited {color:white;font-weight: bold;text-decoration: underline}
a.white:hover  {color: white !important;font-weight: bold;text-decoration: underline }

a.left:link {color: black;font-weight: bold;text-decoration: none }
a.left:active {color: black;font-weight: bold;text-decoration: none}
a.left:visited {color:black;font-weight: bold;text-decoration: none }
a.left:hover  {color: black !important;font-weight: bold;text-decoration: none }

a.footer:link {color: black;font-weight: normal;text-decoration: underline }
a.footer:active {color: black;font-weight: normal;text-decoration: underline }
a.footer:visited {color:black;font-weight: normal;text-decoration: underline }
a.footer:hover  {color: black !important;font-weight: normal;text-decoration: underline }
	
a.top:link {color: black;font-weight: bold;text-decoration: none;font-size: 9px; }
a.top:active {color: black;font-weight: bold;text-decoration: none;font-size: 9px; }
a.top:visited {color:black;font-weight: bold;text-decoration: none;font-size: 9px; }
a.top:hover  {color: black !important;font-weight: bold;text-decoration: underline;font-size: 9px; }


a.hidden,
a.hidden:hover,
a.hidden:visited,
a.hidden:active,
a.hidden:focus
{
  cursor: text;
  text-decoration: none;
  font-color:black;
  font-weight:normal;
  /*
  autres propriétés eventuellement nécessaires
  font-family;
  font-size;
  font-weight;
  */
}

.justify {text-align:justify;}
li   {
	line-height:   11pt;
	list-style-image: URL(http://www.keepschool.com/partage/images/puce-orange.gif);
	display:         list-item }
li.blanc   {
	line-height:    11pt;
	list-style-image: URL(http://www.keepschool.com/partage/images/puce-blanche.gif);
	display:         list-item }	


ul {
	margin-left: 20px;
	padding-left: 0;}

p {margin:0px;text-align:left;line-height:    12pt;}	
div.click{ cursor: hand; } ;
	
	
textarea.bleu    {color: #666;
	font-size: 8pt;
	background-color: #fff;
	margin: 0;
	padding: 1px;
	border: solid 1pt #00A0C6 !important;
	outline-width: 0 }
	
button   {
	color:           #00A0C6;
	font-size:        8pt;
	font-weight:      bold;
	background-color: #fff;
	border:           solid 1px }

button:hover  {
	color:           #00A0C6;
	font-size:        8pt;
	background-color: #fff;
	border:           solid 1px }
	
table.red_arrondi{
   border-top-style:none;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	
	border-left-color:#FF0000 ;
	border-right-color:#FF0000;
	border-bottom-color:#FF0000;
	
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;}
	
	table.bleu_arrondi{
   border-top-style:none;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	
	border-left-color:#0096BD ;
	border-right-color:#0096BD;
	border-bottom-color:#0096BD;
	
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;}
	
table.orange_arrondi{
	 border-top-style:none;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-style:none;
	
	border-left-color:#FFA618 ;
	border-right-color:#FFA618;
	
	border-left-style: solid;
	border-right-style: solid;}
	
	table.vert_arrondi{
	 border-top-style:none;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-style:none;
	
	border-left-color:#009933 ;
	border-right-color:#009933;
	
	border-left-style: solid;
	border-right-style: solid;}
	
table.violet_arrondi{
	 border-top-style:none;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-style:none;
	
	border-left-color:#915E9D ;
	border-right-color:#915E9D;
	
	border-left-style: solid;
	border-right-style: solid;}	

table.rose_arrondi{
	 border-top-style:none;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-style:none;
	
	border-left-color:#FF8E8C;
	border-right-color:#FF8E8C;
	
	border-left-style: solid;
	border-right-style: solid;}		
	
	table.rouge {
	border: 1px solid #FF0000;
	text-align:left;}
	
	table.rouge td.rose {background-color: #FFE6E6 !important;text-align:normal;}
 table.rouge td {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-color: #ffffff;
text-align: center;
border: 1px solid #FF9F9F;
}
	
table.rouge th {
font-size:12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-color:#FF3300;
border: 1px solid #FF9F9F;
color: #FFFFFF;

}

	input.rouge-rose    {
	color: #000000;
	font-size: 8pt;
	background-color: #FFE9E8;
	text-align: center;
	margin: 0;
	padding: 1px;
	border: solid 1pt #FF352B;
	outline-width: 0 }
	
	input.Boutonred {
	color: #000000;
	font-size: 12px;
	background-color:#FFE9E8 ;
	text-align: center;
	margin: 0;
	padding: 1px;
	border: thin solid #FF0000 ;
	outline-width: 0 }
	
input.rouge    {
	color: #000000;
	font-size: 8pt;
	background-color: #fff;
	text-align: center;
	margin: 0;
	padding: 1px;
	border: solid 1pt #FF352B;
	outline-width: 0 }

textarea.rouge {font-family: Arial, Helvetica, sans-serif  !important;font-size: 12px  !important;font-weight:normal;color:  #000000!important;	background-color: #FFFFFF !important;border: 1px solid #FF0000  !important;}


a.orange-rouge:link {
	color: #f60;
	font-weight: bold;
	text-decoration: none }

a.orange-rouge:active {
	color: #f60;
	font-weight: bold;
	text-decoration: none }

a.orange-rouge:visited {
	color: #f60;
	font-weight: bold;
	text-decoration: none }

a.orange-rouge:hover  {
	color: #FF0000 !important;
	font-weight: bold }

table.orange {
	border: 1px solid #ffcf88;
	background-color:#FFFFFF;
	text_align:left;
}
table.orange td {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-color: #ffffff;
text-align: center;
border: 1px solid #ffcf88;
}
table.orange th {
font-size:12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-color:#ff9900;
border: 1px solid #ffcf88;
color: #FFFFFF;
}	
	
table.orange td.yellowClair { background-color: #FEEED8 !important;} 

table.bleufonce {
	border: 1px solid #065787;
	
	/*background-color:#FFFFFF;*/
}
table.bleusimple {
	
	
	/*background-color:#FFFFFF;*/
}
table.bleufonce th {
font-size:12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-color:#065787;
border: 1px solid #c1d5e1;
color: #FFFFFF;
}

table.bleufonce td.yellow {background-color: #FFFFE6 !important;} 

table.bleufonce tr td {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-align: center !important;
border: 1px solid #c1d5e1;
color:#000000;
}

	
.titleHeader{text-align:right; color:#FFFFFF; font-weight:bold; font-size:16px; margin-right:5px;}
.texteHeader{margin-left:30px; color:#666666; /*height:65px; margin-top:px;*/ text-align:left;}

.leftBloc{border:solid 1px #00ADEF;}
.leftTitreBloc{background-color:#00ADEF; font-weight:bold; text-align:center; color:#FFFFFF;}

#leftList{background-image:url(pj/images/index31_2.gif); background-repeat:no-repeat; padding-left:20px; font-weight:bold;}
#leftList a{text-decoration:none; color:#666666; font-weight:bold;}

.rightmaterie{border:solid 1px #FF9900; padding-left:5px; padding-right:5px;}

.rightBloc{border:solid 1px #FF9900;}


.rightTitreBloc{background-color:#FF9900; font-weight:bold; text-align:center; color:#FFFFFF;}
.rightTitreBloc h1{color:#FFFFFF; font-size:14px; font-family: Arial; font-variant:normal; font-weight:bold; padding:0px;margin-top:0px}


.rightBlocFixe{border:solid 1px #FF9900; width:209px;}


.rightprof{border:solid 1px #FF0000;}
.rightTitreprof{background-color:#FF0000; font-weight:bold; text-align:center; color:#FFFFFF;}

.rightprofFixe{border:solid 1px #FF0000;  width:209px; }

.rightprofFormulaire{border:solid 1px #FF0000;  width:210px; }
.rightBlocFormulaire{border:solid 1px #FF9900; width:210px;}

.rightBlocFixeL{border:solid 1px #FF9900; width:235px;}

.mini_formular select{width:100px;}
.mini_formular td select{width:100px;}

.mini_form_input{width:100px;}






.rightList{font-family: Arial; font-size: 9.0pt; color: #666666; font-weight:bold;}
.rightSousList{font-family: Arial; font-size: 7.0pt; color: #666666;}

.rightListprof{font-family: Arial; font-size: 9.0pt; color: #FF0000; font-weight:bold;}

#listeRight a{text-decoration:none; color:#666666}

/*.footerDiv{background-color:#00ADEF; color:#FFFFFF; text-align:center;}*/
div.footerDiv{width:980px; background-color:#6f7887;/*#00ADEF;*/ color:#FFFFFF; text-align:center;}
div.footerDiv a{text-decoration:none; color:#ffffff; font-weight:normal;} 

.footerSpan{color:#FFFFFF;}

.centre{border:solid 1px #FF9900; margin:0px; padding:0px; }
.centreTitre{background-color:#FF9900; text-align:center; font-weight:bold; color:#FFFFFF;}

.centreTitre h1{color:#FFFFFF; font-size:14px; font-family: Arial; font-variant:normal; font-weight:bold; padding:0px;margin-top:0px;}
.centreTitre span{color:#FFFFFF; font-size:14px; font-family: Arial; font-variant:normal; font-weight:bold; padding:0px;margin-top:0px;}

.centreFull{border:solid 1px #FF9900;}

.cahierCentre{border:solid 1px #FF9900; width:600px; background-color:#E4E4E4; background-image:url(images/nachhilfe_ist.jpg); background-repeat:no-repeat;}

.cahierCentreTitre{background-color:#FF9900; text-align:center; font-weight:bold; color:#FFFFFF}

.cadreOrangeTitre{border:solid 1px #FF9900; color:#666666; height:25px;  width:170px;}
.cadreOrange{border:solid 1px #FF9900; color:#666666; height:120px; width:170px;}


.cadreOrangeLarge{border:solid 1px #FF9900; color:#666666; width:550px;}
.cadreOrangeLargeTitre
	{color:#666666; height:20px; width:550px; text-align:center; font-weight:bold;
	border-left:solid 1px #FF9900; border-right:solid 1px #FF9900; border-top:solid 1px #FF9900;}
	
	
.cvProf{border:solid 1px #FF9900; width:560px; text-align:left; color:#666666;}
.cvProfTitre{background-color:#FF9900; text-align:left; font-weight:bold; color:#FFFFFF;}

.cvProfL{border:solid 1px #FF9900; width:600px; text-align:left; color:#666666;}

.cvProfR{border:solid 1px #FF9900; width:380px; text-align:left; color:#666666;}


.etoile{font-size:10px; color:#FF0000;}

.bouton{border:solid 1px #FF9900; width:150px; height:20px; text-align:center;}


#orange { width: 370px;  border:none; float:left; margin-right:10px; }
#firstligne{ width:600px; margin-left:10px; margin-bottom:15px; clear:right;}
#secondligne{  width:600px; margin-left:10px; margin-bottom:15px; clear:both;}
#contenu { padding:5px; font-size:12px; font:Arial, Helvetica, sans-serif; color:#666666;}

 
#secondligne #contenu { padding:5px;}
#titlewb{ color: #2baae1;font-size: 18px;padding-left:10px;margin-bottom:10px;font-variant: normal;font-weight: bold ;  float:left;  width:480px;}
h7  {color: black;font-size: 12px;font-variant: normal;font-weight: bold;padding:1px;margin-bottom:4px;margin-top:4px}


.wbBloc{border:solid 1px #FF9900; width: 365px; float:left; margin-right:10px;}
.wbTitreBloc{background-color:#FF9900; font-weight:bold; text-align:center; color:#FFFFFF; width: 365px; float:left; margin-right:10px;}

.divGris a{color:#666666; font-weight:bold; text-decoration:none;}
.divGris a:hover{color:#666666; font-weight:bold; text-decoration:underline;}

/**************** RIGHT ************************/
.grisY{background-image:url(images/grisY.jpg); background-repeat:repeat-y;}
.orangeY{background-image:url(images/orangeY.jpg); background-repeat:repeat-y;}

.textRight{font-size:11px; color:#666666; font-family:Arial; margin-left:10px; margin-right:10px;}

.textRight a{color:#666666; font-weight:normal;  text-decoration:underline}
.textRight a:hover{color:#666666; font-weight:normal; text-decoration:underline}

.textBrochure{font-size:11px; color:#666666; font-family:Arial; width:200px; margin-bottom:10px;}

.brochure_right select{width:200px; border:solid 1px #0066CC;}

/********* NEW HOME PAGE ******/
.page_centre{border:solid 1px #FF9900; width:585px }

/*.check{background-image:url(images/check.gif); background-repeat:no-repeat; padding-left:20px; 
margin-bottom:5px;}*/
.check{background-image:url(http://www.keepschool.de/images/N_tick.gif); background-repeat:no-repeat;
padding-left:20px; margin-bottom:12px;}

.check_bleu{background-image:url(http://www.keepschool.de/images/N_tick_bleu.gif); background-repeat:no-repeat;
padding-left:20px; margin-bottom:12px;}

.souligne{border-top:solid 1px #FF9900; border-bottom:solid 2px #FF9900; font-weight:bold; font-size:14px; padding-bottom:3px; padding-top:3px;}

.ville{margin-bottom:3px;}
.ville a, .ville a:hover{text-decoration:none; color:#666666;}

.etapes h2{border:0px}


.table_hp{ width:980px; float:left;}

.table_hp .ligne1{width:980px; float:left;}

.table_hp .ligne1 .coll_1{width:585px; float:left; padding-right:10px;}

.table_hp .ligne1 .coll_2{width:380px; float:left;}




.table_centre{ width:585px; float:left; margin-bottom:5px;}

.table_centre .ligne1{ float:left; width:585px;}

.table_centre .ligne1 .col_1{ float:left; width:300px; padding-left:15px}

.table_centre .ligne1 .col_2{ float:left; width:270px}



.table_etapes{float:left; width:585px;}

.table_etapes .ligne1{float:left; width:585px;}

.table_etapes .ligne1 .col_1{float:left; width:180px; padding-right:10px; padding-left:5px}

.table_etapes .ligne1 .col_2{float:left; width:175px; padding-right:10px;}

.table_etapes .ligne1 .col_3{float:left; width:200px}



.table_etapes2{float:left; width:980px; border-top:solid 2px #FF9900}

.table_etapes2 .ligne1{float:left; width:980px;}

.table_etapes2 .ligne1 .col_1{float:left; width:300px; padding-right:10px; padding-left:5px}

.table_etapes2 .ligne1 .col_2{float:left; width:300px; padding-right:10px;}

.table_etapes2 .ligne1 .col_3{float:left; width:300px}


.table_liste_ville{float:left; width:180px;}

.table_liste_ville .ligne1{float:left; width:180px;}

.table_liste_ville .ligne1 .col_1{float:left; width:75px; margin-right:15px; }

.table_liste_ville .ligne1 .col_2{float:left;  width:75px;}

.table_liste_ville .ligne1 .col_1 a, .table_liste_ville .ligne1 .col_2 a
{ text-decoration:none; color:#666666; }

.table_listes{float:left;  width:340px;}

.table_listes .ligne1{float:left; width:340px;}

.table_listes .ligne1 .col_1{float:left; width:150px; margin-right:5px;}

.table_listes .ligne1 .col_2{float:left; width:150px; margin-right:5px;}

.col_1 h2, .col_2 h2, .col_3 h2{border:0px;}

.formulaire_home{padding:5px;}
.formulaire_home .liste{height:18px; padding-left:5px; width:145px;}

.reed_rss{margin-top:10px; margin-bottom:10px}
.reed_rss ul{padding:0px; margin:0px;  list-style:none; list-style-image:none;}
.reed_rss li{margin-bottom:5px; font-weight:normal;  list-style:none; list-style-image:none;}
.reed_rss li p{ text-align:justify; font-weight:normal;}
.reed_rss li a{color:#666666; font-weight:bold;}

.texte_hp p{text-align:justify}

.puceOrange{background-image:url(images/puceOrange.gif); background-repeat:no-repeat; padding-left:20px; font-weight:bold;}
.puceOrange a{color:#666666; text-decoration:none; margin-bottom:3px}


.recherche_text{width:140px; color:#666666; font-size:11px; font-weight:normal; font-family:Arial;}

/**************** FICHES DE COURS ************/
.matieres_entete{background:#999999; color:#FFFFFF; padding-bottom:5px; padding-top:5px; margin-bottom:5px;}
.matieres_entete td {color:#FFFFFF; font-weight:bold;}

.matieres_classe td{padding-bottom:3px; padding-top:3px}

.titre_cours{font-size:18px; font-weight:bold; margin-left:20px}

.exemple_fiche li a{font-weight:normal; color:#666666; text-decoration:none; }
.exemple_fiche li a :hover{font-weight:normal; color:#666666; text-decoration:underline;}


.question_quiz{background-image:url(images/question2.gif); background-repeat:no-repeat; 
width:21px; height:20px; padding-left:5px; padding-top:1px; text-align:center;
color:#FFFFFF; font-weight:bold;}
/********************/


/*********** NEW TEMPLATE *********/

.div_global{width:980px; margin-left:5px; margin-right:5px; padding-left:5px; padding-right:5px; background:#FFFFFF}

.entete{width:777px; height:105px; float:left; background:url(images/fond_header.gif);background-repeat:no-repeat; background-position:right;}

.div_menu_tel{height:42px; width:980px; float:left;}


.div_centre_page{width:980px; margin-top:5px; float:left; text-align:left}

.centre_page{width:755px; margin-left:10px; float:left; font-size:12px; color:#000000}

.div_centre_page p{font-size:12px; color:#000000;}


.nachhilfein_text{text-align:justify; padding:5px;}
.nachhilfein_text p{text-align:justify;}

.liste{width:200px; border:solid 1px #0066CC; margin-bottom:3px;}
.textArea{border:solid 1px #0066CC;}
.texte{width:110px; border:solid 1px #0066CC; padding:0px; margin:0px;}
.question{width:340px; font-size:11px; float:left;}
.brochure{background-color:#F5F5F5; width:560px;}

.fleche-rouge{background-image:url(images/fleche-rouge.gif); background-repeat:no-repeat; 
padding-left:25px;}

.fleche-bleu{background-image:url(images/fleche-bleu.gif); background-repeat:no-repeat; 
padding-left:25px;}

.num_vert{font-size:20px; font-weight:bold; color:#0044CC;}

.num_bleu{font-size:22px; font-weight:bold; color:#336699;}


.form_etape_1{padding:0px; margin:0px; font-size:12px;}

.form_etape_1 input  {height:18px; border:solid 1px #D5D5AB; padding:0px; margin:1px;}

.form_etape_1 select {height:18px; border:solid 1px #D5D5AB; padding:0px; margin:1px;}

.form_etape_1 td{vertical-align:middle; margin:0px; padding:1px;}

.form_etape_1 label, .form_etape_1 span{margin:0px; padding:0px;}

.form_etape_1 textarea{ border:solid 1px #D5D5AB;}

.petit{color:#666666; font-size:11px;}



.persoText{font-size:11px; color:#5D6775; font-family:Arial; 
height:13px; margin-bottom:3px; width:120px; padding-left:18px; border:solid 1px #666666;
background-image:url(images/user.gif); background-repeat:no-repeat;}

.persoPass{font-size:11px; color:#5D6775; font-family:Arial; 
height:13px; margin-bottom:3px; width:120px; padding-left:18px; border:solid 1px #666666;
background-image:url(images/lock.gif); background-repeat:no-repeat;}

.catalogue{background-color:#FF6600; color:#FFFFFF; font-weight:bold;}