* {
margin:0;
padding:0;
}

html,body {
width:100%;
height:100%;
}

.body_index {
background:#325191 url(../img/fond.gif) no-repeat center;
text-align:center;
margin:0;
padding:0;
}

.body_int {
background:#325191;
text-align:top;
margin:0;
padding:0;
}

img, #image {
border:none;
float:left;
}
.right{ float:right; margin:0 10px 5px 10px;}
.left { float:left; margin:0 10px 5px 0;}
.info{ float:right; margin:15px 40px 5px 5px;}
ex {
border:none;
margin-left:auto;
margin-right:auto;
}

#index {
background:#FBFDFE;
position:absolute;
top:50%;
margin-top:-200px;
left:50%;
margin-left:-380px;
height:400px;
text-align:justify;
font-size:12px;
font-family:arial;
color:#595F71;
width:760px;
}

#contenu {
margin-left:auto;
margin-right:auto;
width:781px;
text-align:justify;
}

#int {
background:url(../img/fond_int.gif) repeat-y top;
padding-top:13px;
padding-left:10px;
}

a {
color:#595F71;
text-decoration:none;
font-weight:700;
font-family:verdana;
font-size:11px;
}

a:hover {
color:#00386C;
text-decoration:none;
font-weight:700;
font-family:verdana;
font-size:11px;
}

#menu {
background:#E4E4E4 url(../img/fond_menu.gif) no-repeat top;
width:760px;
height:21px;
text-align:left;
}

#menu li {
float:left;
display:inline;
list-style:none;
font:bold 10px Verdana;
padding:1px 0 0 15px;
}

#adresse {
float:right;
width:440px;
text-align:center;
padding-top:20px;
}

#anim_index {
width:760px;
height:310px;
}

#anim_int {
width:760px;
height:140px;
}

#accueil {
background:url(../img/fond_accueil.gif) no-repeat top;
height:60px;
padding:15px;
}

#situation {
background:url(../img/fond_situation.gif) no-repeat top;
padding-left:20px;
padding-top:20px;
padding-bottom:20px;
height:267px;
font-size:12px;
font-family:arial;
color:#595F71;
}

#historique {
background:url(../img/fond_int.gif) no-repeat center;
height:357px;
font-size:12px;
font-family:arial;
color:#595F71;
padding:20px 25px;
}
#historique p { margin:0 0 8px 0;}
#savoirfaire {
background:#FBFDFE url(../img/fond_int.gif) no-repeat center;
padding:14px 14px 14px 14px;
font:normal 12px arial;
color:#595F71;
height:648px;
}
#savoirfaire ul{
	list-style-type:square;
margin:8px 0 8px 45px;
}

#equipements {
float:left;
background:#FBFDFE url(../img/fond_equipements.gif);
padding-left:25px;
padding-top:16px;
font-size:11px;
font-family:arial;
color:#595F71;
height:193px;
width:187px;
}

#titre_equip {
margin-left:-13px;
color:#58759C;
text-decoration:none;
font-weight:700;
font-family:verdana;
font-size:10px;
}

#devel {
float:left;
background:#FBFDFE url(../img/fond_devel.gif);
padding-left:12px;
padding-top:10px;
font-size:11px;
font-family:arial;
color:#595F71;
height:192px;
width:530px;
text-align:center;
}

#references {
float:left;
width:186px;
height:184px;
background:#FBFDFE url(../img/fond_references2.gif);
padding:18px 11px 0 11px;
font:normal 11px arial;
color:#595F71;
}

#titre {
background:url(../img/fond_titre.gif) no-repeat;
color:#58759C;
text-decoration:none;
font-weight:400;
font-family:verdana;
font-size:10px;
height:18px;
padding-left:10px;
padding-top:10px;
margin-left:-8px;
margin-right:-4px;
}

#sf_droit {
float:left;
background:#FBFDFE url(../img/sf_fond_droit.gif) center;
width:310px;
height:240px;
padding-top:6px;
padding-left:8px;
padding-right:10px;
}

#sf_gauche {
float:left;
width:215px;
}

#renseignements {
background:#FBFDFE url(../img/fond_renseignements2.gif) no-repeat center;
padding-left:25px;
padding-top:31px;
padding-bottom:20px;
height:256px;
font-size:12px;
font-family:arial;
color:#595F71;
}

#footer {
background:url(../img/novae.gif) no-repeat top;
height:40px;
width:781px;
}

#bleu {
color:#325090;
text-decoration:none;
font-weight:700;
font-family:verdana;
font-size:11px;
}

#secteur {
color:#58759C;
text-decoration:none;
font-weight:700;
font-family:verdana;
font-size:10px;
float:left;
width:195px;
}

#ref {
color:#58759C;
text-decoration:none;
font-weight:700;
font-family:verdana;
font-size:10px;
}

#nom {
color:#fff;
text-decoration:none;
font-weight:400;
font-family:verdana;
font-size:11px;
float:left;
width:178px;
}

#tel {
color:#325090;
text-decoration:none;
font-weight:400;
font-family:verdana;
font-size:11px;
float:left;
width:182px;
}

#mail {
color:#325090;
text-decoration:none;
font-weight:700;
font-family:verdana;
font-size:11px;
float:left;
width:178px;
}
/*-- Viwer Mootools --*/
#box1{position:absolute;}
.mask{
	position:relative;
	width:207px;
	height:246px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}