body {
margin : 0;
background : #fff url(../images/background.gif) repeat-x top;
 background-attachment: fixed;
}
p {
line-height : 17px;
color : #6c778b;
font : 11px Arial, Helvetica, sans-serif;
text-align : justify;
}
h1 {
font : bold 16px Arial, Helvetica, sans-serif;
color : #168be4;
background : url(../images/h1_soulignement.gif) repeat-x 1px 23px;
padding-bottom : 10px;
}
h2 {
font : bold 13px Arial, Helvetica, sans-serif;
color : #666;
text-align : justify;
}
.etape {
float : left;
text-align : center;
padding-left : 50px;
}
.bold {
font : bold 14px Arial, Helvetica, sans-serif;
color : #168be4;
}
a:link {
text-decoration : underline;
color : #168be4;
}
a:visited {
text-decoration : underline;
color : #168be4;
}
a:hover {
text-decoration : underline;
color : #000;
}
.orange {
font-weight : bold;
color : #ff6000;
}
.images-diapo {
list-style : none;
padding : 0;
float : left;
display : inline;
margin: 0;
}
ul.images-diapo {
list-style : none;
float : left;
padding : 0;
}
ul.images-diapo li {
padding : 0 5px 0 0;
display : inline;
}
#images2{
height: 500px;
    float: right;
    margin-left: 0px;
}

ul.images2{
    list-style: none;
    padding: 1px 0px 0px 0px;
	float: left;
	margin-bottom: -5px;
	margin-top: 10px;
}
ul.images2 li  {
	
    padding: 0px 10px 0px 0px;
	display: inline;
}
.diapo {
float : left;
padding : 0px 25px 0 0;
}
.orange p {
color : orange;
}
.cercle {
list-style-type : circle;
}
#header {
background : url(../images/header.png) no-repeat;
width : 1046px;
height : 260px;
padding-top : 132px;
margin : 0 auto;
}
#menu-barre{
float:left;
margin-top:-50px;
position: relative

}
#menu-barre ul {

list-style : none;
}
#menu-barre li {
float : left;
list-style-type: none;
}

#topMenu {
width : 900px;
height : 45px;
margin : 0 0px 0 165px;
padding : 230px 25px 0 25px;
list-style : none;
font : bold 10px Verdana, Arial, Helvetica, sans-serif;
text-align : center;

}
#topMenu ul {
height : 64px;
width: 725px;
margin-top : 0;
padding : 0;
list-style : none;
background-image : url(../images/Menu_top2.png) ;
}
#topMenu li {
float : left;
height: 64px;
width : 88px;
margin-left: 1px;
margin-top: 3px;
}
#topMenu li.imageSeparateur {
float : left;
width : 1px;
height : 45px;
}
#topMenu a {
display : block;
width : 87px;
height : 30px;
margin : 0;
padding : 15px 0 0 0;
text-align : center;
text-decoration : none;
color : black;
}
.pageActive {
width : 87px;
height : 30px;
margin : 0;
padding : 15px 0 0 0;
text-align : center;
text-decoration : none;
color : #fff;
background : url(../images/topMenuPageEnCours.gif) no-repeat top center;
color : #fff;
}
#topMenu a:visited {
color : #000;
}
#topMenu a:hover {
background-image : url(../images/hover5.png);
background-position: top center;
background-repeat : no-repeat;
background-position : bottom center;
color : orange;
}
#contenu {
width : 1046px;
margin : 0 auto;
padding : 10px 0 40px 10px;

}
#colonneGauche {
width : 240px;
float : left;
padding-top : 45px;
}
#menuSecondaire {
width : 235px;
height : 803px;
padding : 50px 15px 30px 15px;
background : url(../images/menu_gauche.png) no-repeat;
margin-top: -116px
}
#menuSecondaire ul {
margin : 0 0 0 0;
padding : 0;
list-style : none;
}
#menuSecondaire li {
height : 19px;
padding : 0;
text-align : center;
list-style-type: none;
}
#menuSecondaire a {

padding-left : 20px;
padding-top : 5px;
color : #000;
text-decoration : none;
}
#menuSecondaire a:link {
color : #6b6b6b;
}
#menuSecondaire a:visited {
color : #6b6b6b;
}
#menuSecondaire a:hover {
color : #000;
text-decoration : none;
}
#colonneCentre {
width : 700px;
float : left;
margin-left: 50px
}
.positionDroit {
float : right;
margin-left : 15px;
border : none;
}
.sansBordure {
border : none;
}
#colonneDroite {
width : 120px;
padding : 45px 0 0 35px;
float : left;
}
#patch {
clear : both;
}
#footer {
width: 720;
height : 64px;
margin : 0 auto 0 50px;
padding-top : 35px;
background : url(../images/footerlast.png) no-repeat top center;
margin-left: 240px;
}
#footer p {
font-size : 11px;
text-align : center;
margin-top:-14px;
}
.formulaireBoite {
width : 114px;
height : 14px;
font-size : 9px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #6b6b6b;
border : 1px solid #bfc4ca;
background-color : #fff;
margin : 2px 0;
padding : 1px;
}
.galerieBtn {
font-size : 9px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
border : none;
background-color : #013042;
margin : 2px 0;
padding : 4px;
}
#pied {
font : 11px Arial, Helvetica, sans-serif;
text-align : center;
}
#pied ul li {
display : inline;
}
#lightbox {
position : absolute;
top : 40px;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : transparent url(../images/blank.gif) no-repeat;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
}
#imageData {
padding : 0 10px;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html > body .clearfix {
display : inline-block;
width : 100%;
}
* html .clearfix {
height : 1%;
}
#lightbox {
position : absolute;
top : 40px;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : transparent url(../images/blank.gif) no-repeat;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
}
#imageData {
padding : 0 10px;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html > body .clearfix {
display : inline-block;
width : 100%;
}
* html .clearfix {
height : 1%;
}