body{font-size: 18px; background-color: white; color: black;margin:0px; padding:0px; border:0px; margin:0px}
div.ensemble{ position:relative; left:10%; width:888px; height:360px; background-color:rgb(0,51,255);}
div.haut{position: absolute ; left:2px; top:2px; width:884px; height:150px;
background-image:url(images/fondhaut3.jpg); margin: 0px; padding:0px;
text-align:center; text-valign:center; z-index:2}

div.cemes{position: absolute; width:175px; height:20px; left:1px; top:130px; text-align:center; font-weight: bold; background-image:url(images/fondmenugauche.jpg); padding:0px}

div.vision{position: absolute; width:175px; height:20px; left:178px; top:130px; text-align:center; font-weight: bold; background-image:url(images/fondmenucentre.jpg); padding:0px}
div.cesarfoot{position: absolute; width:175px; height:20px; left:355px; top:130px; text-align:center; font-weight: bold; background-image:url(images/fondmenucentre.jpg); padding:0px}
div.conservatoires{position: absolute; width:175px; height:20px; left:532px; top:130px; text-align:center; font-weight: bold; background-image:url(images/fondmenucentre.jpg); padding:0px}
div.partenaires{position: absolute; width:175px; height:20px; left:709px; top:130px; text-align:center; font-weight: bold; background-image:url(images/fondmenudroite.jpg); padding:0px}

div.contenu{background-image:url(images/fondarticle.jpg); position: absolute ; left:0px; top:152px; width:888px; height:800px;}

div.bande{position: relative; left:4px; top:0px; width:884px; height:200px;
border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(0,51,255); border-bottom-color: rgb(0,51,255); z-index: 2;}

div.contenu2{position: absolute ; left:54px; top:250px; width:814px; height:560px; border-right-style: solid; border-right-color: rgb(0,51,255); overflow:auto}

div#contenu3{position: absolute ; left:570px; top:300px; width:240px; height:162px; z-index:2; text-align:center; font-weight:bold; font-size:14;}
div#contenu3bis{position: absolute ; left:565px; top:30px; width:240px; height:450px; z-index:1; background-image:url(images/immeuble2.jpg);text-align:center; font-weight:bold; font-size:14;}
div#contenu4{position: absolute ; left:565px; top:30px; width:240px; height:450px; z-index:1; background-image:url(images/immeuble2.jpg);text-align:left; font-weight:bold; font-size:14;}
div#contenu5{position: absolute ; left:565px; top:90px; width:240px; height:320px; z-index:1; background-image:url(images/cesarillu.jpg);text-align:left; font-weight:bold; font-size:14;}
div#contenu7{position: absolute ; left:565px; top:90px; width:239px; height:672px; z-index:1; background-image:url(images/affichecesar.png); text-align:left; font-weight:bold; font-size:14;}
div#contenu8{position: absolute ; left:565px; top:90px; width:240px; height:540px; z-index:1; background-image:url(images/fondconservatoire.jpg); background-repeat: no-repeat; text-align:left; font-weight:bold; font-size:14;}
div#contenu9{position: absolute ; left:565px; top:90px; width:240px; height:360px; z-index:1; background-image:url(images/fondconservatoire.jpg); background-repeat: no-repeat; text-align:left; font-weight:bold; font-size:14;}
div#contenu10{position: absolute ; left:565px; top:90px; width:240px; height:360px; z-index:1; background-image:url(images/fondimmeuble.jpg); background-repeat: no-repeat; text-align:left; font-weight:bold; font-size:14;}

div.bas{position: absolute; background-color:rgb(0,51,255); left:2px; top:780px; width:884px; height:30px;}

div.pp1{font-size: 40px;position:relative; text-align: center; top:40px;background-color:none; font-weight: bold; color:black}
div.pp2{font-size: 25px;position:relative; text-align: center; top:36px; font-style:italic; font-weight: bold; color:rgb(51,51,51);}
div.pp4{font-size: 14px; text-align: center; color:white}
a.accueil{width:145px; font-weight:bold; text-decoration:none; color: black; font-family: "Times New Roman"; font-size: 18px}
a.bas{color:white};

div.corps{position: absolute; font-size: 14px; top:0px; width:476px; height:500px; left:20px; padding-right: 10px; z-index:0; background-color:transparent; text-align:justify; border-right-style: solid; border-right-color: rgb(0,51,255);}
div.corps2{position: absolute; font-size: 14px; top:0px; width:476px; padding-right: 10px; height:560px; background-image:url(images/logocesarsimple.png); background-color:transparent; z-index:0; text-align:justify; y-repeat:none}
h1,h2{text-align:center; font-family: "Abadi"; color:blue}
h1{background-color:transparent; outline-style:solid}
h2, h3{text-decoration: "underline"}
p, ol, ul, li{font-family: "Times New Roman", Baskerville, serif;}
ul.corps{width:476px}
ol.corps{width:476px}
p.italic{font-style:italic; font-weight: bold; font-size: 16px; color: red; text-align:center;}

p.important{font-weight : bold; font-size: 16px; text-align: center; color: red; text-decoration: underline}

h1.red{color: red;}
h2.red{color: red;}
span.red{color: red; font-weight : bold;}
span.jaune{color: jaune;}
p.center{text-align : center; font-size:20}
span.gras{font-weight: bold;}
p.bienvenue{font-weight: bold; text-align: center;  color:blue; font-size:20; width: 476px}
span.titre{font-weight: bold; text-align: center;  color:blue; font-size:20;}
p.red{font-weight: bold; text-align: center;  color:red; font-size:20;}
p.indente{text-indent: 10%; width: 476px; text-align:justify}
p{width: 476px; text-align:justify}
div.mentions{position: relative ;font-size: 14px; top:0px; width:476px; padding-right: 10px; height:560px; background-color:transparent; z-index:0; text-align:justify;}

img.logoGet{position: relative ;left: 200px}
img.logoFDM{position: relative ;left: 80px; top: 40px}
img.imagecontact{position: relative ;left: 120px; top: 10px}