﻿body{
background-image: url(images/fond-super-global.jpg);
	
}
#super-global {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
height: 100%;


}
#global {
z-index: -1;
width: 810px;
height: 100%;

/*border: #BAA68F 1px solid;*/
}
#global-accueil {
z-index: -1;
width: 810px;
height: 290px !important;
height: 290px;

/*border: #BAA68F 1px solid;*/
}
#global-BDD {
z-index: -1;
width: 810px;
height: 420px !important;
height: 420px;

/*border: #BAA68F 1px solid;*/
}
#global-affich {
z-index: -1;
width: 810px;
height: 340px !important;
height: 580px;

/*border: #BAA68F 1px solid;*/
}
#global-prestations {

width: 810px;
height: 1000px !important;
height: 1040px;

/*border: #BAA68F 1px solid;*/
}
#global-reductions {

width: 810px;
height: 2150px !important;
height: 2150px;

/*border: #BAA68F 1px solid;*/
}
#global-cesu {

width: 810px;
height: 802px !important;
height: 500px;

/*border: #BAA68F 1px solid;*/
}
#global-contact {

width: 810px;
height: 802px !important;
height: 500px;

/*border: #BAA68F 1px solid;*/
}
#global-debutant {
z-index: -1;
width: 810px;
height: 1500px !important;
height: 1250px;

/*border: #BAA68F 1px solid;*/
}
#global-tarifs {
z-index: -1;
width: 810px;
height: 1500px !important;
height: 1185px;

/*border: #BAA68F 1px solid;*/
}
#global-engagement {
z-index: -1;
width: 810px;
height: 620px !important;
height: 660px;

/*border: #BAA68F 1px solid;*/
}
#global-school {
z-index: -1;
width: 810px;
height: 520px !important;
height: 480px;

/*border: #BAA68F 1px solid;*/
}
#header {
width:810px;
height:131px;
background-image:url(images/header_01.jpg);
}

th{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#17184A;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}

td{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#17184A;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#17184A;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}
#placement-menu{
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;

height: 100%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;


}
#placement-menu-affich{
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;
height: 162% !important;
height: 90%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;


}
#placement-menu-BDD{
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;
height: 107% !important;
height: 100%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;


}
#placement-menu-engagement {
float: left;
padding-top: 68px !important;
padding-top: 59px;
height: 96% !important;
width: 165px;
height: 100%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;


}
#placement-menu-accueil {
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;
height: 195% !important;
height: 200%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;


}
#placement-menu-school {
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;
height: 80%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;
}
#placement-menu-reductions {
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;
height: 83% !important;
height: 103%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;
}
#placement-menu-cesu {
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;
height: 91.5% !important;
height: 155%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;
}
#placement-menu-contact {
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;
height: 61.5% !important;
height: 91%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;
}
#placement-menu-debutant {
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;
height: 87.5% !important;
height: 96.5%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;


}
#placement-menu-tarifs {
float: left;
padding-top: 68px !important;
padding-top: 59px;
width: 165px;
height: 102.5% !important;
height: 123%;
background-image:url(images/sous-menu.jpg);
background-repeat: no-repeat;
background-color: #76A1C1;


}

.vertical {
float: left;
  color: #fafa64;
  background-color: #2E83C4;
  background-image: url(images/trancheAccueil.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical:hover {
  background-color: #637E91;
  background-image: url(images/trancheAccueilOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.vertical1 {

  color: #fafa64;
  background-color: #2E83C4;
  background-image: url(images/tranchePrestation.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical1:hover {
  background-color: #637E91;
  background-image: url(images/tranchePrestationOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.vertical2 {

  color: #fafa64;
  background-color: #2E83C4;
  background-image: url(images/trancheFormcollect.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical2:hover {
  background-color: #637E91;
  background-image: url(images/trancheFormcollectOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.vertical3 {

  color: #fafa64;
  background-color: #2E83C4;
  background-image: url(images/trancheInternetvous.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical3:hover {
  background-color: #637E91;
  background-image: url(images/trancheInternetvousOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.vertical4 {

  color: #fafa64;
  background-color: #2E83C4;
  background-image: url(images/trancheSchool.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical4:hover {
  background-color: #637E91;
  background-image: url(images/trancheSchoolOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.vertical5 {

  color: #fafa64;
  background-color: #2E83C4;
  background-image: url(images/trancheTarifs.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical5:hover {
  background-color: #637E91;
  background-image: url(images/trancheTarifsOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.vertical6 {

  color: #fafa64;
  background-color: #2E83C4;
  background-image: url(images/trancheEngage.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical6:hover {
  background-color: #637E91;
  background-image: url(images/trancheEngageOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.vertical7 {

  color: #fafa64;
  background-color: #2E83C4;
  background-image: url(images/trancheReduc.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical7:hover {
  background-color: #637E91;
  background-image: url(images/trancheReducOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.vertical8 {

  color: #fafa64;
  background-color: #2E83C4;
  background-image: url(images/trancheCesu.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical8:hover {
  background-color: #637E91;
  background-image: url(images/trancheCesuOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.vertical9 {

  color: #2E83C4;
  background-color: #2E83C4;
  background-image: url(images/trancheSelection.jpg);
  text-decoration: none;
   font-size:15px;
font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 3px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 148px;
}
.vertical9:hover {
  color: #fafa64;
  background-color: #637E91;
  background-image: url(images/trancheSelectionOn.jpg);
  background-repeat: no-repeat;
  border: 2px inset #c0c0c0;
}
.menu a{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.menu a:hover{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
}
.Style4 {
	font-size: 12px;
	font-weight: bold;
}
.rose{
	color:#76A1C1;
}
.bleu{
	color:#6A99C8;
}
.Style6 {color: #C80039; font-weight: bold; }
.texte{color:#17184A}
.cadre{

	background-color:#2E83C4;
	padding-left:5px;
	padding-right:5px;
	margin-right:10px;
}
.Style7 {color: #0000CC}
.Style14 {color: #FF0000; font-weight: bold; }

.tab{

	border:1px solid #666666;
	border-left:none;
	border-bottom:none;
}

.tab td{
	border-bottom:solid 1px #666666;
	border-left:solid 1px #666666;
}
#contenu {
z-index: 100;
float: left;
width: 79.5%;
height: 100%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;

}
#contenu-affich {
z-index: 100;
float: left;
width: 79.5%;
height: 200%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;

}
#contenu-accueil0 {
margin: 0px;
z-index: 100;
float: left;
width: 79.5%;
height: 220% !important;
height: 100%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;

}
#contenu-accueil {

width: 500px;
height: 333px;
background-color: #EFEAE4;
background-image: url(images/CoupleComputer.jpg);
background-repeat: no-repeat;

}
#contenu-BDD {
z-index: 100;
float: left;
width: 79.5%;
height: 125% !important;
height: 115%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;
}
#contenu-affich {
z-index: 100;
font-size: 1em;
margin: 0px;
float: left;
width: 79.5% !important;
width: 79.5%;
height: 182% !important;
height: 100%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;

}
.corps-tableau {
font-size: 12px !important;
font-size: 11px;
}
#contenu-school {
z-index: 100;
float: left;
width: 79.5%;
height: 93%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;

}
#contenu-contact {
z-index: 100;
float: left;
width: 79.5%;
height: 70% !important;
height: 95%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;

}
#contenu-prestations {
z-index: 100;
float: left;
width: 79.5%;
height: 103% !important;
height: 93%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;

}
#contenu-reductions {
z-index: 100;
float: left;
width: 79.5%;
height: 94% !important;
height: 93%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;

}
#contenu-cesu {
z-index: 100;
float: left;
width: 79.5%;
height: 100% !important;
height: 93%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;

}
#contenu-tarifs {
z-index: 100;
float: left;
width: 79.5%;
height: 105% !important;
height: 103%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;
}
#contenu-debutant {
z-index: 100;
float: left;
width: 79.5%;
height: 92% !important;
height: 100%;
background-color: #EFEAE4;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;
}
#prestations {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
margin-top: 2% !important;
width: 79.5%;
height: 98%;
background-color: #EFEAE4;


}
#reductions {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
margin-top: 2% !important;
width: 79.5%;
height: 98%;
background-color: #EFEAE4;


}
#cesu {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
margin-top: 2% !important;
width: 79.5%;
height: 98%;
background-color: #EFEAE4;


}
#debutant {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
margin-top: 2% !important;
width: 91%;
height: 98% !important;
height: 100%;
background-color: #EFEAE4;
}
#engagement {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
margin-top: 2% !important;
width: 79.5%;
height: 97% !important;
height: 100%;
background-color: #EFEAE4;
}

#tarifs {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
margin-top: 2% !important;
width: 79.5%;
height: 98% !important;
height: 103%;
background-color: #EFEAE4;
}
#resultats {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
margin-top: 2% !important;
width: 78%;
height: 98% !important;
height: 103%;
background-color: #EFEAE4;
}
#school {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
margin-top: 2% !important;
width: 79.5%;
height: 400px !important;
height: 180px;
background-color: #EFEAE4;
}
#contact {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
margin-top: 2% !important;
width: 79.5%;
height: 40% !important;
height: 80%;
background-color: #EFEAE4;
}
#organisme {
clear: left;
margin: 0px;
width: 100%;
background-color: #EFEAE4;
}
.boiteaccueil2 {
margin-top: 0% !important;
margin-top: 0%;
float: right;
padding: 1em;
width: 22%;
height: 45px !important;
height: 3%;
color:#fafa66;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #31A459;
}

.boiteaccueil3 {
clear: right;
float: right;
padding: 1em;
width: 22%;
height: 45px !important;
height: 2%;
color:#fafa66;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #13628B;
}
#certifie {
float: left;
width: 61px;
height: 40px;
}
#service {
float: right;
width: 50px;
height: 33px;
}