@charset "UTF-8";
/* CSS Document */



html, body {
background : #ffffff url(../img/bg.gif) repeat-x;
height : 100%;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
}
a {
text-decoration : none;
color : #000000;
font-size : 11px;
}
a:hover {
color : #999999;
}
img {
border : none;
}

hr
{
border:dotted 1px;
color:#999999;
}
.color1 {
color : #cccccc;
}

#footer {
color: #CCCCCC;  
position : absolute;
top : 690px;
right : 0;
text-align : right;
}
#page {

background : #ffffff;
max-width:1300px;
height : 100%;
margin : auto;
position : relative;
}


#headOutil
{
background:#333333 url(../img/bg_ray.gif);
padding:2px;
padding-right:10px;
text-align:right; height:20px;
color:#FFFFFF;
font-weight:bold;


}

.headerLeft{ float:left;}

.headerRight{ float:right;}

input{font-size: 9px;  }

#HeadBandeau {
background : #333333;
height : 15px;
text-align : right;
}


#logoLeok
{
position : absolute;
top:29px;
left:213px;
font-size:12px;
font-weight:bold;
color:#000000;

}
#logo { /*  LAURENTSALINOPHOTOGRAPHY */
width : 250px;
height : 25px;
background : #cccccc;
position : absolute;
top : 40px;
border-top : 1px solid #666666;
}
#zoneImg {
background : #050505;
height : 500px;
width : 100%;
border-bottom : 4px #cccccc;
color : #cccccc;
overflow : auto;
text-align : center;
top:0px;
}

#textPresent
{
position:absolute;
top:190px;
left:380px;
width:300px;
text-align:justify;
font-size:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#contenuBandeau {
border:1p dotted #99FF66;
height : 120px;
top : 500px;
width:100%; 
min-width:830px;
position : absolute;
background : #ffffff url(../img/bandeau_menu.jpg);
}
/*
#menuBandeau {
height : 25px;
top : 620px;
width : 100%;
position : absolute;
}
#menu1 {
margin-left : 750px;
float : left;
}
#menu2 {
margin-left : 1000px;
width : auto;
}

*/
.modul {
margin-top:10px;
margin-left:10px;
height : 130px;
width : 120px;
border-right : 1px dotted #666666;
text-align : right;

color : #999999;
position:relative;
/*position : absolute;
top : 510px;
*/
font-size : 10px;

}
.modulTitre {

position : absolute;
bottom : 0;
right : 5px;

}
.modulContenu {

position : absolute;
bottom : 25px;
right : 5px;
left:10px;

}

.home{
float:left;
}

.galery {
float:left;

}
.news {

float:right;

}

.leblog {
float:right;
}
.ref {
float:right;


}
.contact {
float:right;
margin-left:6%;

}
#conteneurGaleryListe {

margin-top : 100px;
overflow : auto;
padding : 10px;
color : #ffffff;
text-align : right;
}
.galeryVign {
width : 250px;
height : 50px;

margin-left : 15px;
margin-bottom : 25px;
float : right;
}
a.galeryVignLien {
color : #666666;
font-size : 9px;
text-decoration : none;
}
.menuGalleryItem {
font-size : 12px;
color : #ffffff;
font-variant : small-caps;
line-height:9px;

}

a.menuGalleryItem:hover
{
background:#993399; color:#FFFFFF; font-weight:bold; 

}
.menuGalItemNb {
font-size : 8px;
}
#zoneRefPrinc {
background : #000000;
height : 150px;
margin-top : 150px;
}
#zoneFormContact {
text-align : right;
top : 150px;
right : 270px;
position : absolute;

border-right : 1px dotted #cccccc;
padding-right : 25px;
}
#zoneCoordonnes {
float : right;
width : 225px;
text-align : left;
top : 175px;
position : absolute;
right : 25px;
font-size:10px;
color:#333333;
}
#erreurMessage {
font-size : 12px;
color : #cc0099;
font-weight : bold;
top : 150px;
position : absolute;
width : 100%;
text-align : center;
}
.strong {
font-weight : bold;
}
.color2 {
color : #cc0099;
}
.color3 {
color : #cc0099;
}