/* CSS Document */

html,body {
width: 100%;
height: 100%;
margin: auto;
background: #CEDAEB;
}

table {
width: 100%;
height: 700px;
margin: auto;
background: transparent url("img/ciel_rond.jpg") center no-repeat;
}

#tete {
width: 100%;
height: 50px;
background: #295087;
border-bottom: 4px solid #FF9900;
}
#tete h1 {
margin-top:5px;
margin-left:10px;
}
#tete object {
margin-left: 10px;
}

#pied {
height: 150px;
margin:15px 0 0 0;
color: black;
background: #295087;
border-top: 4px solid #FF9900;
}


.gauche {
width: 400px;
height: 38px;
background: transparent url("img/gauche.png") no-repeat;
}
.gauche h3 {
margin-left: 70px;
color: black;
}

.gauche_petit {
width: 300px;
height: 38px;
background: transparent url("img/h_gauche.png") no-repeat;
}
.gauche_petit h3 {
margin-left: 70px;
color: black;
}

.droite {
width: 400px;
height: 38px;
background: transparent url("img/droite.png") no-repeat;
}
.droite h3 {
text-align: right;
margin-right: 90px;
color: black;
}
.droite h3 a, .droite h3 a:visited {
color:black;
text-decoration:none}

.droite h3 a:hover {
font-size:1em;
color:red;
text-decoration:underline;}


.corp {
width: 400px;
float: left;
background: transparent url("img/g_fond.png") repeat-y;
}
.corp a, .corp a:visited {
float:right;
margin:0 20px 0 0;
}
.corp a:hover {
font-size:1em;
float:right;
margin:0 20px 0 0;
}

.corp_petit {
width: 300px;
float: left;
background: transparent url("img/h_fond.png") repeat-y;
}
.corp h4 {
padding-left: 10px;
padding-right: 10px;
}
.corp p {
text-align: justify;
padding-left: 10px;
padding-right: 10px;
}
.corp li {
text-align: justify;
padding-right: 15px;
}



.bas_corp {
width: 400px;
height: 14px;
clear:both;
background: transparent url("img/bas_gauche.png") no-repeat;
}
.bas_corp_petit {
width: 300px;
height: 14px;
clear: both;
background: transparent url("img/h_bas.png") no-repeat;
}

/*--------------------Mise en forme texte et boite------------------------------*/
.important {
font-size: 1.1em;
font-weight: bold;
}
.corp_petit ul{
font-size: 1.1em;
font-weight: bold;
margin-left: 60px;
}

#pied ul {
float: right;
margin-right: 40px;
margin-top: 10px;
}

#pied p {
font-size: 1.2em;
margin-left: 10px;
margin-top: 10px;
}

a, a:visited {
color: #FF7E00;
text-decoration: none;
}

a:hover {
color: red;
font-size: 1.2em;
text-decoration: underline;
}

.metier{
margin: 0;
}

.action{
margin-top: 50px;
}

.point_fort{
margin-left: 70px;
}

.titre {
font-size: 1.1em;
font-weight: bold;
text-decoration: underline;
color: #FF7E00;
}

h1.mot {
line-height: 1px;
text-indent: -9999px;
}
#tete img {
margin-top: 15px;
}

#album {
width: 100%;
height:100%;
}

#album a, #album a:visited {
position:absolute;
top:5px;
left:10px;
margin:0 0 0 0px;
}

#album a:hover {
margin:0 0 0 10px;
font-size:1em;
}