/* Mise en page générale */
* {
padding:0;
margin: 0;
}
body {
background-color : #000066;
font-family: "Century gothic", sans-serif;
color:#FFFFFF;
font-size:11px;
}
ul {
list-style-type: none;
}
img {
border:0
}
a {
color:#6699ff;
font-size:1em;
text-decoration:none;
}
a:hover {color:#ffffff;
text-decoration:underline;
}
a:active { 
color:white;
text-decoration:none;
}
address {
font-style:normal;
}


/* Mise en page des Divs */
div#layout {
position:absolute;
background-color: #003399;
width:1000px;
height: 650px;
top: 50%;
left: 50%;
margin-top: -325px;
margin-left: -500px;
}
div#content{
background-color:#000066;
width:892px;
height: 417px;
margin: 0 auto;
position:relative;
}
div#contact {
padding-top: 60px;
padding-left: 40px;
width: 370px;
float:left;
text-align:center;
font-size: 1.2em;
}
div#text {
padding-top: 60px;
padding-left: 40px;
width: 370px;
float:left;
}
div#mini {
position:absolute;
bottom: 20px;
left: 30px;
}
div#mini2{
height:120px;
}
div#legal {
font-size: 8px;
padding-left : 30px;
padding-right: 30px;
padding-top: 55px;
}

/* Référencement */
div#gcontent{
margin-top : 500px;
}
div#gcontent h1{
text-align:center;
size:24px;
}
div#gcontent h2{
text-align:center;
font-weight:normal;
size:18px;
}
div#gcontent h3{
text-align:center;
font-weight:normal;
font-size:12px;
}
div#gcontent h4{
font-size:16px;
}
div#gcontent p{
margin:20px 0 20px 0;
}
div#colgauche {
float:left;
width:480px;
margin-right:40px;
text-align:justify
}
div#coldroite {
float:left;
width:480px;
text-align:justify;
}
div#coldroite+h4 {
clear:both;
text-align:center;
}
div#coldroite+h4+p {
text-align:justify;
}

/* Mise en page des titres (h1, h2, h3, ...) */
div#layout>h1 {
background-image:url(images/logo.gif);
background-repeat:no-repeat;
width: 204px;
height : 53px;
text-indent:-9999px;
margin-left: 80px;
margin-top: 80px;
}
div#layout>h2 {
}
div#text h3{
font-weight: normal;
font-size: 1.3em;
text-align:center;
}
div#text h4{
font-weight: normal;
}
div#legal h4{
margin-top: 10px;
font-weight:normal;
color : #7575ff;
}

/* Mise en page des liste (ol, ul) */
ul#nav {
position:absolute;
top:110px;
right : 80px;
}
ul#nav li{
display:inline;
margin-left:20px;
padding-left: 5px;
padding-bottom:5px;
border-left: 2px solid white;
}
ul#activiteul{
list-style-type: disc;
margin-bottom:30px;
padding-left:30px;
}
ol#metiersul{
margin-top: 55px;
list-style-image:url(images/point.gif);
padding-left:10px;
}
ol#metiersul>li {
margin-bottom: 15px;
}
ol#metiersul a {
color:#0066CC;
}
ol#metiersul li>ol{
list-style-type: none;
list-style-image: none;
padding-left:0px;
margin-bottom:10px;
}


/* Mise en page des images */
div#contact img {
margin-top : 100px;
margin-bottom: 10px;
}
div#content>img{
margin-top : 60px;
margin-left: 30px;
float: left;
}
div#mini2 img{
margin-right : 5px;
margin-left: 5px;
}
div#mini img{
margin-right : 5px;
}
div#mini img:hover{
margin-right : 3px;
border : 1px solid #01B0E2;
}


/* Mise en page des paragraphes */
p.activ{
margin-top:25px;
margin-bottom: 10px;
}
div#splash {
width:892px;
height: 417px;
margin: 0 auto;
text-align:center;
}
div#mini2 p {
float:left;
font-size: 9px;
text-align:center;
}
div#content+p {
font-size:9px;
text-align:right;
margin-right:54px;
}
div#splash+p {
font-size:9px;
}
p#footer{
	text-align:center;
}

/* Mise en page des liens */
div#splash a {
text-align:center;
display:block;
width:75px;
margin: 10px auto;
}
div#contact a {
text-decoration:underline;
}
div#legal a{
font-size:11px;
}