/* CSS Document */
/* body */
.global {
position: absolute;
top: 50%;
left: 50%;
margin-top: -300px; /*moitié de la hauteur du div*/
margin-left: -525px; /* moitié de la largeur du div*/
display: block;
} 

body {
margin: 0;
padding: 0;
background: #ACA899 url(../img/fond.jpg) top left no-repeat;
color: #1F497D;
font-size: 16px;
font-family: "Lucida Sans", arial;
}

/* header */
#header {
width:1024px;
height: 160px;
background: #1F497D url(../img/background.png);
}
#header img {
border: 0;
margin: -115px 0px 0 440px;
}
#ata {
border: 0;
position: absolute;
top: 25%;
left: 0%;
}
#aiic {
border: 0;
position: absolute;
top: 25%;
left: 12%;
}
#header p {
margin: 22px 0 0 38px;
text-indent: 15px;
font-weight: bold;
color: white;
font-size: 1.2em;
}

h1 {
margin: 0px 0 0px -55px;
padding-top: 40px;
text-indent: 90px;
line-height: 0;
color: #ffffff;
font-family: "Lucida Sans", arial;
font-weight: bold;
font-size: 34px;
}

h2 {
margin: -90px 15px 0 845px;
text-align: right;
line-height: 25px;
color: #ffffff;
font-size: 1.1em;
}

/* menu */
#menu { 
width:1022px;
text-indent: 0px;
font-size: 15px;
height: 25px;
margin: 0; 
list-style: none; 
padding: 0 0.1em 0.1em 0;
background-color: #254061;
color: white;
line-height: 25px;
} 
#menu li { 
display: inline; /* affichage horizontal */ 
} 
#menu li a { 
padding: 5px 20px; 
margin: 0; 
background: #C4BD97; 
color: #1F497D; 
border: 1px solid #C4BD97; 
text-decoration: none; 
-moz-border-radius: 10px 10px 0 0; 
-webkit-border-radius: 10px 10px 0 0; 
border-radius: 10px 10px 0 0;         
-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
-webkit-border-top-right-radius: 10px; /* pour Chrome */       
} 
#menu li a:hover, #menu li a:focus,#menu li a.allume {
background: #ffffff; 
color: #1F497D; 
} 

/* contenu texte */
#contenu {
position:relative;
width: 1024px;
height: 400px;
background: #ffffff;
}

#contenu_php {
position:absolute;
margin: 0;
padding-left: 35px;
padding-right: 4px;
width: 690px;
height: 392px;
line-height: 27px;
font-size: 15px;
text-align: left;
background: white;
overflow: scroll;
}

p#texte {
position:absolute;
margin: 0;
list-style-type: circle;
padding-left: 35px;
padding-right: 4px;
width: 729px;
height: 312px;
line-height: 27px;
font-size: 15px;
text-align: left;
background: white;
}

p#texte2 {
position:absolute;
margin: -25px 0 0 360px;
list-style-type: circle;
padding-left: 35px;
padding-right: 4px;
width: 300px;
height: 200px;
line-height: 27px;
font-size: 15px;
text-align: left;
background: white;
}

p#texte3 {
position: absolute;
margin: 0;
list-style-type: circle;
padding-top: 0px;
padding-left: 35px;
padding-right: 4px;
width: 729px;
height: 100px;
line-height: 20px;
font-size: 15px;
text-align: left;
background: white;
}

p#texte4 {
position: relative;
margin: 0;
list-style-type: circle;
padding-left: 35px;
padding-right: 4px;
width: 729px;
height: 140px;
line-height: 27px;
font-size: 15px;
text-align: left;
background: white;
}

p#texte_espace {
position:absolute;
margin: 0;
list-style-type: circle;
padding-left: 35px;
padding-right: 4px;
width: 729px;
height: 312px;
line-height: 35px;
text-align: left;
background: white;
}

p#texte_contact {
position:absolute;
top: 0;
left: 0;
width: 295px;
height: 400px;
text-align: center;
line-height: 35px;
margin-left: 729px;
margin-top: 0px;
background: #ffffff;
}

p#texte_intro {
margin: 0 0 0 10px;
padding-left: 25px;
padding-right: 4px;
line-height: 22px;
text-align: left;
background: white;
font-family: "calibri", "Lucida Sans", verdana;
font-size: 20px;
font-weight: bold;
}

/* images */
p#image {
position:absolute;
top: 0;
left: 0;
width: 295px;
height: 400px;
margin-left: 729px;
margin-top: 0px;
background: url(../img/accueil.png) top left no-repeat;
}

p#image_parcours {
position:absolute;
top: 0;
left: 0;
width: 295px;
height: 400px;
margin-left: 729px;
margin-top: 0px;
background: url(../img/parcours.png) top left no-repeat;
}

p#image_atouts {
position:absolute;
top: 0;
left: 0;
width: 295px;
height: 400px;
margin-left: 729px;
margin-top: 0px;
background: url(../img/atouts.png) top left no-repeat;
}

p#image_top_missions {
position:absolute;
top: 0;
left: 0;
width: 295px;
height: 400px;
margin-left: 729px;
margin-top: 0px;
background: url(../img/top_missions.png) top left no-repeat;
}

p#image_inter {
position:absolute;
top: 0;
left: 0;
width: 295px;
height: 400px;
margin-left: 729px;
margin-top: 0px;
background: url(../img/inter.png) top left no-repeat;
}

/* form contact */
#form {
position:absolute;
margin: 0;
padding-left: 10px;
padding-right: 4px;
background: white;
}

/* footer */
#pied {
position:relative;
clear: both;
width: 1024px;
height: 30px;
background-color: #1F497D;
color: #ffffff;
margin: 0;
padding-top: 5px;
font-size: 18px;
text-align: center;
}	  

/* class liens */
a {
color: #BE0027; 
text-decoration: none;
}
a:hover { 
color: #BE0027; 
text-decoration: underline;
} 

.lien {
color: #79838B;
}
.lien a {
text-decoration: none;
color: #79838B;
}
.lien a:hover {
color: #79838B;
}

.blanc {
color: #ffffff;
}
.blanc a {
text-decoration: none;
color: #ffffff;
}
.blanc a:hover {
color: #ffffff;
text-decoration: underline;
}

.beige {
color: #C4BD97;
}
.beige a {
text-decoration: none;
color: #C4BD97;
}
.beige a:hover {
color: #C4BD97;
text-decoration: underline;
}

.fondbleu {
font-weight: bold;
background-color: #1F497D;
color: #FFFFFF;
}