
body { 
background: URL(font-site7.jpg);
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

.global {
position: fixed !important; /* pour les macs */
position: absolute; /* pour les autres */
left: 50%;
top: 50%;
width: 800px;
height: 460px;
margin-left: -400px; /* moitié de la largeur */
margin-top: -230px; /* moitié de la hauteur */
font: 0.9em 'Arial', Times, serif;
color: black;
border: 1px solid #333;
background-color: #FFFFFF;
}

.global2 {
position: fixed !important; /* pour les macs */
position: absolute; /* pour les autres */
left: 50%;
top: 50%;
width: 800px;
height: 460px;
margin-left: -400px; /* moitié de la largeur */
margin-top: -230px; /* moitié de la hauteur */
font: 0.9em 'Arial', Times, serif;
color: black;
border: 1px solid #333;
background: URL(fdecart19.jpg);
}

.anim {
position: absolute;
top: 100px;
height: 360px;
width: 800px;
background: URL(A1.jpg);
}



.constr {
position: absolute;
top: 0px;
left: 40px;
}
.constr2 {
position: absolute;
top: 147px;
left: 530px;
height: 20px;
width: 400px;
}
.constr3 {
position: absolute;
top: 95px;
left: 665px;
height: 72px;
width: 100px;
}
.constrAutre {
top: 20px;
margin-left: 40px;
}

.francais {
position: absolute;
top: 275px;
margin-left: 130px;
width: 203px;
height: 107px;
}

.anglais {
position: absolute;
top: 275px;
margin-left: 470px;
width: 203px;
height: 107px;
}



ul#menu{
	margin: 0 ;
	padding: 0 ;
	font: bold 1em Arial, Times, serif;
	list-style-type: none ;
	/* Suppression du margin, du padding et des puces du <ul> */
}

#menu li {
margin: 0 0;
float: left;
}

#menu a {
display: block;
width: 156px;
border-top: 2px solid #C0C0C0;
border-bottom: 2px solid #808080;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #808080;
color: #CC0000;
background: url(Bgris.jpg);
background-position: 0% -20px;
text-decoration: none;
text-align: center;
}

#menu a:hover {
color: black;
font-style: italic;
border-bottom: 2px solid #C0C0C0;
border-top: 2px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #C0C0C0;
background: url(Bgris.jpg);
}

#menu #pageActive a {
color: black;
font-style: italic;
border-bottom: 2px solid #C0C0C0;
border-top: 2px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #C0C0C0;
background: url(Bgris.jpg);
}





#logo li {
margin: 0 0;
}

#logo a {
display: block;
width: 97px;
height: 141px;
background: url(logoimage13_ombre5-6.jpg);

}

#logo a:hover {
background: url(logoimage13_ombre5-6.jpg);
background-position: 0% -141px;
}

ul#logo{
	margin: 0 ;
	padding: 0 ;
	list-style: none;
	/* Suppression du margin, du padding et des puces du <ul> */
}





#logoAngl li {
margin: 0 0;
}

#logoAngl a {
display: block;
width: 97px;
height: 141px;
background: url(logoimage13_ombre5-5Angl.jpg);

}

#logoAngl a:hover {
background: url(logoimage13_ombre5-5Angl.jpg);
background-position: 0% -141px;
}

ul#logoAngl{
	margin: 0 ;
	padding: 0 ;
	list-style: none;
	/* Suppression du margin, du padding et des puces du <ul> */
}





#plan li {
margin: 0 0;
}

#plan a {
display: block;
width: 151px;
height: 151px;
background: url(planpetit2.jpg);
background-position: 0% -151px;
}

#plan a:hover {
background: url(planpetit2.jpg);
}

ul#plan{
	margin: 0 ;
	padding: 0 ;
	list-style: none;
	/* Suppression du margin, du padding et des puces du <ul> */
}





#France li {
margin: 0 0;
}

#France a {
display: block;
width: 203px;
height: 107px;
background: url(France.jpg);
background-position: 0% -107px;
}

#France a:hover {
background: url(France.jpg);
}

ul#France{
	margin: 0 ;
	padding: 0 ;
	list-style: none;
	/* Suppression du margin, du padding et des puces du <ul> */
}



#Angl li {
margin: 0 0;
}

#Angl a {
display: block;
width: 203px;
height: 107px;
background: url(Angl.jpg);
background-position: 0% -107px;
}

#Angl a:hover {
background: url(Angl.jpg);
}

ul#Angl{
	margin: 0 ;
	padding: 0 ;
	list-style: none;
	/* Suppression du margin, du padding et des puces du <ul> */
}

.header1 {
height: 70px;
background-color: ;
}

.header2 {
position: absolute;
top: 70px;
left:5px;
height: 30px;
width: 100%;
background-color: ;
}

.frame {
position: absolute;
top: 120px;
margin-left: 140px;
width: 505px;
height: 340px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
text-align: justify;
font-family:'Arial';
font-size: 15px;
border-style: solid;
border-width: 0 0 0 1px;
border-color: #C0C0C0;
background: URL(fdecart12.jpg);
background-position: top;
background-attachment: fixed;
}

.frameCV {
position: absolute;
top: 120px;
margin-left: 140px;
width: 660px;
height: 340px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
text-align: justify;
font-family:'Arial';
font-size: 15px;
border-style: solid;
border-width: 0 0 0 1px;
border-color: #C0C0C0;
background: URL(fdecart12.jpg);
background-position: top;
background-attachment: fixed;
}

.frameconstr {
position: absolute;
top: 120px;
margin-left: 140px;
width: 505px;
height: 340px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
text-align: justify;
font-family:'Arial';
font-size: 15px;
border-style: solid;
border-width: 0 0 0 1px;
border-color: #C0C0C0;
}

.texteframe{
margin-right: 20px;
margin-left: 20px;
}

.texteframecentre{
text-align: center;
color: #646464;
font-weight: bold;
}

.texteframeconcl{
text-align: center;
color: #333399;
font-weight: bold;
}

.texteframemoins{
margin-right: 150px;
margin-left: 20px;
}

.centretexte {
position: absolute;
bottom:0;
height: 350px;
width: 460px;
font-family: 'Arial';
background-color: ;
}
#centreim {
position: absolute;
left: 45px;
top:0;
}
#centreadr {
position: absolute;
top: 155px;
left: 50px;
bottom: 0;
width: 300px;
background-color: ;
}
#centreplan {
position: absolute;
top: 150px;
left: 290px;
bottom: 40px;
width: 145px;
background-color: ;
}

#centretexteIMD {
position: absolute;
bottom:0;
height: 130px;
width: 460px;
background-color: ;
}




#navlist {
text-align: left;
margin: 0 auto;
padding: 0;
clear: both;
list-style-type: none;
font: bold 1em Arial, Times, serif;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
}


#navlist li a
{
display: block;
width: 85px;
letter-spacing: 0px;
line-height: 15px;
text-decoration: none;
text-align: center;
color: #242424;
font-size: 0.9em;
margin: 10px 0;
border: 1px solid;
border-color: #CC3333 #990000 #990000 #CC3333;
background: url(Brouge.jpg) no-repeat 0 0;
background-position: 0% -15px;
}

#navlist li a:hover,#navlist a#current
{
color: white;
font-style: italic;
font-size: 0.9em;
border: 1px solid;
border-color: #990000 #CC3333 #CC3333 #990000;
background: url(Brouge.jpg) no-repeat 0 0;
}

#navlist #pageActive a
{
color: white;
font-style: italic;
font-size: 0.9em;
border: 1px solid;
border-color: #990000 #CC3333 #CC3333 #990000;
background: url(Brouge.jpg) no-repeat 0 0;
}






#navlist2 {
text-align: left;
margin: 0 auto;
padding: 0;
clear: both;
list-style-type: none;
font: bold 1em Arial, Times, serif;
}

#navlist2 li
{
padding: 0;
margin: 0;
text-indent: 0;
}


#navlist2 li a
{
display: block;
width: 85px;
letter-spacing: 0px;
line-height: 15px;
text-decoration: none;
text-align: center;
color: #242424;
font-size: 0.9em;
margin: 10px 0;
border: 1px solid;
border-color: #CC3333 #990000 #990000 #CC3333;
background: url(BrougeGrand.jpg) no-repeat 0 0;
background-position: 0% -40px;
}

#navlist2 li a:hover,#navlist a#current
{
color: white;
font-style: italic;
font-size: 0.9em;
border: 1px solid;
border-color: #990000 #CC3333 #CC3333 #990000;
background: url(BrougeGrand.jpg) no-repeat 0 0;
}

#navlist2 #pageActive a
{
color: white;
font-style: italic;
font-size: 0.9em;
border: 1px solid;
border-color: #990000 #CC3333 #CC3333 #990000;
background: url(BrougeGrand.jpg) no-repeat 0 0;
}









#gauchehautmenu {
position: absolute;
top: 25%;
left: 27px;
width: 20%;
height: 30%;
background-color:;
}
#gauchehautim {
position: absolute;
top:28%;
left:2%;
width: 20%;
height: 25%;
background-color:;
}
#gauchehautimmaxime {
position: absolute;
top:28%;
left:4%;
width: 20%;
height: 25%;
background-color:;
}
#gauchebas1 {
position: absolute;
top:60%;
left:22px;
width: 20%;
height: 50%;
background-color:;
}

#gauchebas2 {
position: absolute;
top:92%;
left:58px;
width: 20%;
background-color:;
}

#droite {
position: absolute;
left: 649px;
top: 119px;
width: 150px;
height: 340px;
border-top: 1px solid gray;
border-left: 1px solid gray;
background: url(A2.jpg);
}
#droite2 {
position: absolute;
left: 649px;
top: 119px;
width: 150px;
height: 340px;
border-top: 1px solid gray;
border-left: 1px solid gray;
background: url(A3.jpg);
}
#droite3 {
position: absolute;
left: 649px;
top: 119px;
width: 150px;
height: 340px;
border-top: 1px solid gray;
border-left: 1px solid gray;
background: url(A4.jpg);
}




#suiv {
position: absolute;
right:320px;
bottom:10px;
width: 50px;
height: 10px;
background-color:;
}
#prec {
position: absolute;
left:330px;
bottom:10px;
width: 50px;
height: 10px;
background-color:;
}



#photo1 {
position: absolute;
top : 70px;
right: 0px;
width: 100px;
height: 120px;
background-color:;
}
#photo2 {
position: absolute;
top : 210px;
right: 0px;
width: 100px;
height: 120px;
background-color:;
}
#photo3 {
position: absolute;
top : 345px;
right: 0px;
width: 100px;
height: 100px;
background-color:;
}
#photo4 {
position: absolute;
top : 480px;
right: 0px;
width: 100px;
height: 120px;
background-color:;
}
#photo5 {
position: absolute;
top : 705px;
right: 0px;
width: 100px;
height: 120px;
background-color:;
}
#photo6 {
position: absolute;
top : 880px;
right: 0px;
width: 100px;
height: 120px;
background-color:;
}




#pdfJET {
position: absolute;
top : 95px;
left: 200px;
height: 55px;
background-color:;
}
#indicJET {
position: absolute;
top : 110px;
left: 260px;
background-color:;
}

#pdfUN {
position: absolute;
top : 230px;
left: 200px;
height: 55px;
background-color:;
}
#indicUN {
position: absolute;
top : 245px;
left: 260px;
background-color:;
}


#pdfINCV {
position: absolute;
top : 90px;
left: 240px;
height: 55px;
background-color:;
}
#indicINCV {
position: absolute;
top : 105px;
left: 300px;
background-color:;
}

#photoDAGBM {
position: absolute;
top : 210px;
left: 300px;
height: 55px;
background-color:;
}
#indicDAGBM {
position: absolute;
top : 235px;
left: 420px;
height: 55px;
background-color:;
}

#pdfPAGBM {
position: absolute;
top : 220px;
left: 100px;
height: 55px;
background-color:;
}
#indicPAGBM {
position: absolute;
top : 235px;
left: 160px;
height: 55px;
background-color:;
}

#photoTYCO {
position: absolute;
top : 70px;
left: 210px;
height: 55px;
background-color:;
}
#indicTYCO {
position: absolute;
top : 100px;
left: 330px;
height: 55px;
background-color:;
}


#photoIMD {
position: absolute;
top : 385px;
left: 15px;
height: 55px;
background-color:;
}
#texteIMD {
position: absolute;
top : 400px;
left: 240px;
height: 55px;
background-color:;
}

#photoNOV {
position: absolute;
top : 360px;
left: 300px;
height: 55px;
background-color:;
}
#texteNOV {
position: absolute;
top : 170px;
left: 380px;
height: 55px;
background-color:;
}




P
{
font-size: ;
font-weight: ;
font-family: ;
color: ;
}







.laclassedudiv {
position: absolute;
margin-left: 20%;
margin-right: 150px;
bottom: 0;
height: 75%;
}
.hg {
color: #FF0000;
font-size: 14pt;
font-family: cursive;
font-weight: bold;
text-align: center;
}
.titre {
color: #003366;
font-size: 14pt;
font-family: Times New Roman;
font-weight: bold;
text-align: left;
}
.date {
color: #333399;
font-size: 13pt;
font-family: 'Arial';
font-weight: bold;
text-align: left;
}
.liensbleus{
color: #333399;
}
.liensbleuscen{
color: #333399;
font-size: 10pt;
font-weight: bold;
text-align: center;
}
.chiffres {
color: #646464;
font-weight: bold;
}
.titregris {
color: #4B4B4B;
font-family: 'Arial';
}
.retour {
color: blue;
text-align: right;
}
.titrebleu {
color: #333399;
font-size: 14pt;
font-family: 'Arial';
font-weight: bold;
text-align: left;
}
.titremilieugris {
color: #646464;
font-weight: bold;
text-align: center;
}
.titrerouge {
color: #FF0000;
font-size: 12pt;
font-family: Times New Roman;
font-weight: bold;
text-align: left;
}
.grasrouge {
color: #CC0000;
font-weight: bold;
}
.indicgrise {
color: #969696;
font-size: 10pt;
font-family: cursive;
font-weight: bold;
}
.indicbleue {
color: #6633FF;
font-size: 10pt;
font-family: cursive;
font-weight: bold;
}
.adresse {
color: #4B4B4B;
font-size: 10pt;
}
.cv{
color: red;
font-weight: bold;
text-align: center;
}

UL {
margin-top: 3px;
margin-left: 18px;
}
UL.exp {
margin-top: 3px;
margin-left: 32px;
}

BLOCKQUOTE {
margin-top: 2px 
}
BLOCKQUOTE {
margin-bottom: 25px 
}
BLOCKQUOTE {
margin-left: 15px 
} 


p.mat {
margin-top: 22px 
}
p.comp {
margin-top: 45px
}

A:link {
text-decoration: none;
}
A:visited {
text-decoration: none;
}

A:active {
text-decoration: none;
}

A:hover {
text-decoration: none;
}