body {
margin : 0;
background : #fff url(../images/bg2.jpg) repeat-x top;
}
p {
line-height : 17px;
color : #6c778b;
font : 12px Arial, Helvetica, sans-serif;
text-align : justify;
}
.liste{
color : #6c778b;
font : 12px Arial, Helvetica, sans-serif;
text-align : justify;
}
.liste li{
padding-bottom: 5px;
color : #6c778b;
font : 12px Arial, Helvetica, sans-serif;
text-align : justify;
}
h1 {
font : bold 19px Arial, Helvetica, sans-serif;
color : #168be4;
background : url(../images/h1_soulignement.gif) repeat-x 1px 23px;
padding-bottom : 10px;
}
h1 span {
font : bold 19px Arial, Helvetica, sans-serif;
color : #6c778b;
}
p span {

color : #168be4;
}
h2 {
font : bold 13px Arial, Helvetica, sans-serif;
background : url(../images/h1_soulignement.gif) repeat-x 1px 23px;
color : #000;
padding-bottom : 10px;
text-align : justify;
}
a:link {
text-decoration : underline;
color : #168be4;
}
a:visited {
text-decoration : underline;
color : #168be4;
}
a:hover {
text-decoration : underline;
color : #000;
}
@media print, projection, screen {
* {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 100.01%;
}
html {
height : 100%;
width : 100%;
}
a {
color : #fff;
}
}
.info{
width: 200px;
font :  11px Arial, Helvetica, sans-serif;
 margin-left: 12px;
}
.info2{
width: 140px;
font :  11px Arial, Helvetica, sans-serif;
 margin-left: 16px;
}
.formulaire{
color : #6c778b;
font : 12px Arial, Helvetica, sans-serif;
}
.formulaire2{
color : #6c778b;
font : 11px Arial, Helvetica, sans-serif;
}
#header {
background : url(../images/header2.gif) no-repeat;
height : 90px;
padding-top : 132px;
width : 1024px;
margin : 0 auto;
}
#global {
background : url(../images/global.jpg) repeat-y;
width : 1024px;
margin : 0 auto;
}
#topMenu {
width : 1024px;
height : 45px;
margin : 27px auto 0 -30px;
padding : 0 25px 0 25px;
list-style : none;
font : bold 10px Verdana, Arial, Helvetica, sans-serif;
text-align : center;
}
#topMenu ul {
height : 45px;
margin : 0;
padding : 0;
list-style : none;
}
#topMenu li {
float : left;
background-image : url(../images/topMenuSeparateur.gif);
background-repeat : no-repeat;
background-position : top right;
width : 88px;
}
#topMenu li.imageSeparateur {
float : left;
width : 1px;
height : 45px;
background-image : url(../images/topMenuSeparateur.gif);
background-repeat : no-repeat;
background-position : top right;
}
#topMenu a {
display : block;
width : 87px;
height : 30px;
margin : 0;
padding : 16px 0 0 0;
text-align : center;
text-decoration : none;
color : #fff;
}
.contact{
border: 0;

text-align: right;}
.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;
}
.pageActive-devis {
width : 107px;
height : 30px;
padding : 15px 0 0 0;
padding-right: 30px;
text-align : center;
text-decoration : none;
color : #fff;
background : url(../images/topMenuPageEnCours-prest.gif) no-repeat top left;
color : #fff;
}
.pageActive-heberg {
width : 117px;
height : 30px;
padding : 15px 0 0 0;
text-align : center;
text-decoration : none;
color : #fff;
background : url(../images/topMenuPageEnCours-heberg.gif) no-repeat top left;
color : #fff;
}
.pageActive-ref {
width : 117px;
height : 30px;
padding : 15px 0 0 0;
text-align : center;
text-decoration : none;
color : #fff;
background : url(../images/topMenuPageEnCours-heberg.gif) no-repeat top left;
color : #fff;
}
#topMenu a:visited {
color : #fff;
}
#topMenu a:hover {
background-image : url(../images/topMenuHover.gif);
background-repeat : no-repeat;
background-position : bottom center;
color : #d0f9ff;
}
#contenu {
width : 900px;
margin : 0 auto;
padding : 10px 0 40px 10px;
}
#colonneGauche {
width : 240px;
float : left;
padding-top : 0px;
}
#menuSecondaire {
width : 227px;
height : 697px;
padding : 0 15px 30px 15px;
}
#menuSecondaire ul {
margin : 0 0 0 0;
padding : 0;
list-style : none;
}
#menuSecondaire li {
height : 19px;
padding-left : 12px;
text-align : justify;
}


#menuSecondaire a {
display : block;
width : 95px;
height : 19px;
padding-left : 45px;
padding-top : 5px;
background : url(../images/puceMenuGauche.gif) no-repeat top left;
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
}
#menuSecondaire a:link {
color : #6b6b6b;
}
#menuSecondaire a:visited {
color : #6b6b6b;
}
#menuSecondaire a:hover {
color : #000;
text-decoration : none;
background-image : url(../images/puceMenuGaucheOver.gif);
}
#colonneCentre {
width : 620px;
float : left;
margin-left : -15px;
}
.positionDroit {
float : right;
margin-left : 15px;
border : none;
}
.sansBordure {
border : none;
}
#colonneDroite {
width : 120px;
padding : 45px 0 0 35px;
float : left;
}
#patch {
clear : both;
}
.contact{
text-align: left;
margin-left: 10 px;
}

.tr {
border: 1px solid black;
color : #6c778b;
font : 12px Arial, Helvetica, sans-serif;   
text-align: left; 
padding: 5px; 
}



#footer {
height : 47px;
margin : 0 auto 0 auto;
background : #fff url(../images/bg-footer2.jpg) repeat-x bottom;
width : 100%;
}
#footer p {
font-size : 11px;
text-align : center;
margin : auto;
margin-left : 180px;
padding-top : 15px;
}
#pied {
width : 800px;
font : 11px Arial, Helvetica, sans-serif;
text-align : center;
margin-bottom : -45px;
margin-left : 120px;
}
#pied ul li {
display : inline;
}
.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;
}
#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%;
}
#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%;
}