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

.horschamps {
display: none; 
}
.Style6 {font-size: 12px}
#page {
	margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
	
}

#conteneur {
position: absolute;
top: 190px;
left: 290px;
width: 450px;
z-index: 0;
text-align: center;
/*background-color:red;*/
}

/****************************CSS by Sandrina JUSTINO*******************************/


/******** Home******/
.descriptif ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*text-align: left;*/
}

.descriptif li { 
padding: 3px 0px 3px 5px;
 list-style: square;
 }

/*page*/
.tabsession{
text-align : center;
}
body , table {
text-align : justify; 
color : black; 
font-size : 11px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
liennorm {
text-align : justify; 
color : black; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.liennorm {
text-align : justify; 
color : blue; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.liennormbig{
text-align : justify; 
font-size : 14px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: blue;
font-style: italic, bold;
} 
a.liennormbig:link {
text-align : justify; 
font-size : 14px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: blue;
font-style: italic;
} 
a.liennormbig:visited {
text-align : justify; 
font-size : 14px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: blue;
font-style: italic;
} 
a.liennormbig:hover {
text-align : justify; 
font-size : 15px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: red;
font-style: italic, bold;
} 
.menug {
text-align : justify; 
color : blue; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
#menug A:visited{
text-align : justify; 
color : blue; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 

a.menug:link {
text-align : justify; 
color : blue; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.menug:visited {
text-align : justify; 
color : blue; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.menug:hover {
text-align : justify; 
color : red; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.liennorm:link {
text-align : justify; 
color : blue; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.liennorm:visited {
text-align : justify; 
color : blue; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.liennorm:hover {
text-align : justify; 
color : red; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.piedpage {
text-align : justify; 
color : black; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.piedpage:link {
text-align : justify; 
color : blue; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.piedpage:hover {
text-align : justify; 
color : red; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a.piedpage:visited {
text-align : justify; 
color : green; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
p.copyright {
text-align : justify; 
color : black; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
p.titrerubrique {
text-align : center; 
color : blue; 
font-size : 14px; 
font-weight : bold; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
p.titrerubrique:link {
text-align : center; 
color : blue; 
font-size : 14px; 
font-weight : bold; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
p.important {
text-align : justify; 
color : blue; 
font-size : 12px; 
font-weight : bold; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
img{
border:0px solid;
}

.erreur{
  color:red;
}

.table-etapes{
  color:white;
  border:1px solid orange;
}

.table-etapebleu{
text-align:center;
  border:1px solid black;
  background-color:#0060ff; 
}

.table-etapegris{
text-align:center;
  border:1px solid black;
  background-color:#a0a0a0; 
}

.tableaud {
  border: 2px solid #000000; /* contour du tableau */
  border-collapse: collapse;
}
.tableaud td {
  border-right:2px solid #000000;
  border-left:2px solid #000000;
}
#tablelogin td {
  width:32px;
  color:blue;
  font-size:8px;
    color:blue;
  font-weight:bold;
}
td.tablelogin {
  width:22px;
  color:blue;
  font-weight:bold;
  font-size:10px;
}
td.tablelogin2 {
  width:22px;
  color:blue;
  font-weight:bold;
  font-size:10px;
  text-align:left;
}
 
.tableaud th {
  border: 2px solid #000000; /* contour de chaque cellule */
}

.celluled1{
  border-top:2px solid #000000;
  border-bottom:1px solid #CCCCFF;
}

.celluled2{
  border-top:1px solid #CCCCFF;
  border-bottom:2px solid #333366;
}

.ColonneMenu {
	border: 2px solid #000000;
	border-right:0px solid black;
	text-align:center;
	font-size: 12px;
	font-weight: bolder;
}

#menup A:hover {
	border: 1px solid #A37C45;
	text-decoration: none;
	background-color: ##F2F0E1;
	color: #A37C45;
}
.vert{
background-color:#BFFFBF;
}
.marron{
background-color:#FBD199;
}
.rose{
background-color:#FFD5FF;
}
.jaune{
background-color:#FFFF80;
}
.blanc{
background-color:#ffffff;
}

.etape{
  font-weight:bold;
  color:white;
}

.titre_etape{
  font-weight:bold;
  font-size:14px;
  text-align:center;
  border-top:1px solid black;
  border-left:1px solid black;
}

.normal{
font-weight:normal;
}

/*entete*/
#logo {
background-attachment : fixed; 
position : absolute; 
top : 0; 
left : 0; 
z-index : 10; 
} 
#banniere {
background-attachment : fixed; 
position : absolute; 
top : 0; 
left : 190px; 
z-index : 20; 
} 

#menu span {
width : 200px; 
height : 25px; 
display : block; 
} 
#menu a , #menu a:visited {
position : absolute; 
left : 10px; 
text-decoration : none; 
font-size : 12px; 
font-weight : bold; 
color : blue; 
} 
#menu a:hover {
text-decoration : underline; 
color : red; 
} 
#menu #courant a {
text-decoration : none; 
color : red; 
} 
menuhaut span {
width : 200px; 
height : 25px; 
display : block; 
} 
a.menuhaut {
text-decoration : none; 
font-size : 14px; 
font-weight : bold; 
color : white; 
} 
a.menuhaut:visited {
text-decoration : none; 
font-size : 14px; 
font-weight : bold; 
color : white; 
} 
a.menuhaut:hover {
text-decoration : none; 
color : red; 
} 
a.petitmenu {
text-decoration : none; 
font-size : 12px; 
font-weight : bold; 
color : white; 
} 
a.petitmenu:visited {
text-decoration : none; 
font-size : 12px; 
font-weight : bold; 
color : white; 
} 
a.petitmenu:hover {
text-decoration : none; 
color : red; 
} 
a.menutop {
text-decoration : none; 
font-size : 20px; 
font-weight : bold; 
color : blue; 
} 
a.menutop:visited {
text-decoration : none; 
font-size : 20px; 
font-weight : bold; 
color : blue; 
} 
a.menutop:hover {
text-decoration : none; 
font-size : 20px; 
color : red; 
} 

#menuhaut #courant a {
text-decoration : none; 
color : red; 
} 

#telephone {
background-image : url('../images/telephone.jpg'); 
background-repeat : no-repeat; 
background-attachment : fixed; 
position : absolute; 
top : 460px; 
left : 0; 
width : 176px; 
height : 57px; 
z-index : 40; 
} 
/*contenu*/
#contenu {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
position : absolute; 
left : 203px; 
top : 100px; 
width : 560px; 
z-index : 60; 
} 
#accroche {
font-family : Trebuchet ms, Verdana,sans-serif; 
position : absolute; 
left : 290px; 
top : 80px; 
font-size : 16px; 
font-weight : bold; 
color : #000000; 
text-align : center; 
z-index : 5; 
} 
#imgaccueil {
position : absolute; 
top : 100px; 
left : 20px; 
} 
#phrases {
position : absolute; 
top : 120px; 
left : 380px; 
font-family : Trebuchet MS, Verdana, sans-serif; 
font-weight : bold; 
font-size : 15px; 
text-align : center; 
} 
#phrase1 a , #phrase1 a:visited {
position : absolute; 
top:0px;
height : 60px; 
width:160px;
color : #ff00ff; 
text-decoration : none; 
font-size : 15px; 
} 
#phrase2 a , #phrase2 a:visited {
position : absolute; 
top:65px;
height : 60px;
width:160px; 
color : #6699ff; 
text-decoration : none;
font-size : 15px; 
} 
#phrase3 a , #phrase3 a:visited {
position : absolute; 
top:130px;
height : 60px; 
width:160px;
color : #ff3300; 
text-decoration : none; 
font-size : 15px; 
} 
#ours {
position : absolute; 
top : 400px; 
width : 560px; 
text-align : center; 
font-size : 11px; 
border-top : 1px solid orange; 
} 
#clause {
font-size : 9px; 
} 
#piedpage {
width : 560px; 
height : 20px; 
border-top : 1px solid orange; 
text-align : center; 
} 
#piedpage #courant {
text-decoration : underline; 
} 
#ancre {
width : 560px; 
font-size : 11px; 
text-align : right; 
} 
#tes {
position : absolute; 
left : 300px; 
top : 220px; 
width : 265px; 
height : 265px; 
} 
#lieninterne a, a:visited{
text-decoration:none;
color:#330033;
}
#lieninterne a:hover{
text-decoration:none;
color:#bbbbbb;
}

.grostitre{
font-size : 28px; 
font-weight : normal; 
color : #0033cc; 
}

h1 {
font-size : 18px; 
font-weight : normal; 
color : blue; 
} 
h2 {
font-size : 15px; 
color : #ff9900; 
font-weight : bold; 
}
 
.titre3{
font-size : 13px; 
color : #0080ff; 
font-weight : bold; 
} 

h4 {
font-size : 13px; 
color : #ff9900; 
font-weight : bold; 
border-bottom : 1px solid #ff9900;
}

.tableau {
font-size : 12px; 
} 
#orange {
color: #FFA500;
font-weight : bold; 
} 
.blue1 {
color:blue;
font-weight : bold; 
font-size:18px;
} 
blue1 {
color:blue;
font-weight : bold; 
font-size:18px;
} 

blue1.a , blue1.a:visited {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
text-decoration : none; 
color: blue; 
font-weight : bold; 
font-size:18px;
} 
blue1.a:hover {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:18px;
color : red; 
font-weight : bold; 
} 
.blue1.a , .blue1.a:visited {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
text-decoration : none; 
color: blue; 
font-weight : bold; 
font-size:18px;
} 
.blue1.a:hover {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:18px;
color : red; 
font-weight : bold; 
} 
.blue2 {
color:blue;
font-weight : bold; 
} 

a.blue2 , a.blue2:visited {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
text-decoration : none; 
color: blue; 
font-weight : bold; 
font-size:11px;
} 
a.blue2:hover {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:11px;
color : red; 
font-weight : bold; 
} 

#blue1 {
color:blue;
font-weight : bold; 
} 

.orangen {
color:blue;
font-weight : normal; 
} 
a , a:visited {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
text-decoration : none; 
color: rgb(255,255,255); 
font-weight : bold; 
font-size:10px;
} 
a:hover {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:10px;
color : red; 
font-weight : bold; 
} 
#fiche {
position : absolute; 
width : 800px; 
top : 80px; 
left : 200px; 
} 
.Style6 {
font-size:10px;
font-family : Arial Narrow,sans-serif ; 
text-align : center; 
color : black; 
} 
TD.close {
font-size:9px;
text-align:center; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 

.jaune{
background-color:#FFCC00;
}

.blanc{
background-color:#FFFFFF;
}

.noir{
background-color:#000000;
}

.vert{
color:lightgreen;
font-size:13px;
font-weight:bold;
}


.devistab{
border:4px solid;
}

.dispotab{
background-color:#000000;
border:1px solid black;
}

.dispotab td{
border:1px solid black;
}

.mandat{
text-align:justify;
color:black;
font-size:11px;
font-family:Arial Narrow, sans-serif;
}

h1.mandat{
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
}

#offre {
width : 560px; 
color:darkred;
background-color:wheat;
border:1px solid orange;
} 

#offre div{
font-size:14px;
font-weight:bold;
height:20px;
}

#remarque{
font-size:11px;
color:red;
}

/*formulaires*/
.form{
color : black; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 10px; 
} 
.devis {
color : black; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
border : 1px solid black; 
} 
.select {
color : black; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
} 
.selectd {
color : black; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
} 
.boutons {
color : white;
background-color:blue; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : bold; 
}
.champs  {
border : 1px solid black; 
font-size:10px;
}

.champce  {
border : 1px solid black; 
font-size:10px;
width:130px;
}


/*********************Style pour le deuxième menu dans le club enseignants******************/

dl, dt, ul.ssmenu, li.ssmenu {
margin: 0;
padding: 0;
font: verdana, arial, sans-serif;
list-style-type: none;
}

#secondmenu{
position: absolute;
font: verdana, arial, sans-serif;
width: 1000px;
}


#secondmenu1{
float:left;
width: 70px;
border-right:1px solid white;
left:100px;
}

#secondmenu2{
float:left;
width: 100px;
border-right:1px solid white;
left:170px;
}

#secondmenu3{
float:left;
width:100px;
border-right:1px solid white;
left:270px;
}

#secondmenu4{
float:left;
width: 120px;
border-right:1px solid white;
left:370px;
}


#secondmenu5{
float:left;
width: 100px;
border-right:1px solid white;
}
#secondmenu6{
float:left;
width: 100px;
border-right:1px solid white;
}


dt{
color:white;
cursor: pointer;
text-align: center;
font-weight: bold;
background: blue;
border: 1px solid orange;
font: verdana, arial, sans-serif;
font-size:12px;
}

#sousmenu1{
position: absolute;
top:16px;
left:1px;
width: 70px;
border-top,: 1px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
}

#sousmenu2{
position: absolute;
top:16px;
left:70px;
width: 134px;
border-top: 1px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
}

#sousmenu3{
position: absolute;
top:16px;
left:174px;
width: 140px;
border-top: 1px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
}

#sousmenu4{
position: absolute;
top:16px;
left:276px;
width: 179px;
border-top: 1px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
}


#sousmenu5{
position: absolute;
top:16px;
left:398px;
width: 169px;
border-top: 1px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
}
#sousmenu6{
position: absolute;
top:16px;
left:470px;
width: 159px;
border-top: 1px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
}


li.ssmenu{
/*text-align: justify;*/
background: white;
font: verdana, arial, sans-serif;
font-size:13px;
border-bottom:1px solid blue;
}

li.ssmenu a, li.ssmenu a:visited, dt a, dt a:visited {
color: blue;
font: verdana, arial, sans-serif;
font-size:10px;
text-decoration: none;
display: block;
}

li.ssmenu a:hover, dt a:hover {
background: wheat;
color: blue;
text-decoration: none;
}
    .bleupetit {font-size: 14px}
    .Style14 {color: blue; font-size: 36px; }
    .Style15 {
	color: blue;
	font-weight: bold;
}
    .bleupetit a,a:visited{font-size: 14px}
    .Style14 {color: blue; font-size: 36px; }
    .Style15 {
	color: blue;
	font-weight: bold;
}
.grasenvaleur {
    font-size: 14px;
    color: blue; 
    font-weight: bold;
}

label
{
   color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
   text-align: left;
   float: left;
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: blue;
   font-weight: bold;
}

fieldset
{
   margin-bottom: 5px; /* Une marge pour séparer les fieldset */
   background-color: #ebeaf7;
   width :200px;
   font-size:10;
  font-weight: bold;
   height: 100%;
}

TR.bkligne {
background-color:blue;
color:white;
font-weight: bold;
}

.titre-periode{
font-weight: bolder;
background-color: #CCCCCC;
font-size: 13px;
}

.legendecours{
font-weight: bolder;
background-color: #CCCCFF;
font-size: 12px;

}

.titre-cours1{
background-color: #C0C0C0;
font-size: 11px;
}
.titre-cours2{
background-color: #DDDDDD;
font-size: 11px;
}


/* Menu Vertical
*/

#navlist ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navlist li { 
padding: 7px 0px 7px 5px;
/*padding: 0;*/
background-image:url(http://www.soutien-progres.com/images/backgroundmenu.jpg);
       background-repeat: no-repeat;
       list-style: none;
       background-position:0px 4px;
 }

#navlist {
position:absolute;top:220px;left:120px;width:130;z-index:0;
margin-top: 5px;
padding-top: 00px;
margin-left: 0px;
padding-left: 0;
list-style: none;
width: 187px;
}

#navlist li a, #navlist li a:link, #navlist li a:active, #navlist li a:visited  { 
text-decoration: none;
font-weight: bold;
color: white;
/*padding: -5px 0px 0px 0px;*/
display: block;


}

#navlist li a:hover {
color: red;
}
                    
#secondmenu1, #secondmenu2 
{
z-index:10000; 
}