/* general */

body { 
color: #949495; 
font-size: 11px; 
font-family:  Arial, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
width: 100%;
height: 100%;
}

p {
margin-top:15px;
margin-bottom:0px;
}

#global-container-home {
width: 100%;
height: 600px;
background-image:  url(../medias/commun/fond-home.jpg); 
background-repeat: no-repeat;
background-position:center;
background-position:top;
}

#global-container {
width: 100%;
height: 600px;
background-image:  url(../medias/commun/fond.jpg); 
background-repeat: no-repeat;
background-position:center;
background-position:top;
}

#global {
position:relative;
margin-left: -475px;
left: 50%;
width: 950px;
}

#contenu {
position: relative;
margin-left: -475px;
left: 50%;
width: 950px;
top: 140px;
}

#contenu-pages {
width: 950px;
padding-top:60px;
}

#contenu-home {
position: relative;
margin-left: -475px;
left: 50%;
width: 950px;
top: 350px;
}

#footer {
clear:both;
text-align:right;
height: 30px;
padding-top:8px;
color:#b1b1b3;
font-size:10px;
border-top: #b1b1b3 solid 1px;
}

#bandeau {
position: absolute;
margin-left: -475px;
left: 50%;
width: 950px;
height: 120px;
top: 0px;
}

#flashContent {
position: absolute;
margin-left: -475px;
left: 50%;
width: 950px;
height: 230px;
top: 60px;
z-index: 0;
}

#accueil-actualites {
float:left;
}

#accueil-actualites-image {
width: 240px;
margin-right:32px;
float:left;
}

#accueil-actualites-texte {
width: 305px;
margin-top:30px;
padding-right:22px;
border-right: #b1b1b3 solid 1px;
padding-bottom:20px;
float:left;
min-height:170px;
}

#edito {
width: 330px;
margin-top:30px;
margin-left:20px;
float:left;
}

#logo {
width: 235px;
float:left;
}

#menu-principal {
width: 442px;
float:left;
padding-left:273px;/*233*/
margin-top:50px;
}

#fil-ariane-titre {
color:#032d6c;
width: 85px;
font-weight:bold;
float:left;
}

#fil-ariane {
width: 850px;
float:left;
}

#produit-image {
width: 290px;
padding-right:32px;
float:left;
}

#produit-texte-container {
width: 605px;
padding-left:22px;
border-left: #b1b1b3 solid 1px;
padding-bottom:20px;
float:left;
}

#produit-texte {
width: 365px;
padding-right:20px;
float:left;
margin-top:15px;
}

#produit-texte-image {
width: 220px;
float:left;
margin-top:15px;
}

#produit-texte-btns {
width: 365px;
padding-top:5px;
border-top: #b1b1b3 solid 1px;
margin-top:20px;
margin-bottom:10px;
}

#produit-image-btns {
width: 290px;
padding-top:5px;
border-top: #b1b1b3 solid 1px;
margin-top:20px;
font-size:10px;
color: #b1b1b3;
margin-bottom:10px;
}

#produit-image-btns-gauche {
width: 145px;
float:left;
}

#produit-image-btns-droite {
width: 145px;
float:left;
text-align:right;
}

.plan-col {
width:236px;
margin-top:20px;
border-left: #b1b1b3 solid 1px;
float:left;
padding-bottom:20px;
}

.plan-col-premier {
width:236px;
float:left;
margin-top:20px;
padding-bottom:20px;
}


/*index*/

#index-texte {
width: 210px;
padding-right:20px;
float:left;
}

#index-scroll {
width: 697px;
padding-left:22px;
padding-top:35px;
padding-bottom:20px;
float:left;
border-left: #b1b1b3 solid 1px;
}

#index-scroll-contenu {
width: 637px;
margin:0px 15px 0px 15px;
float:left;
}

.fleches {
width: 15px;
padding-top:120px;
float:left;
}

.index-scroll-bloc {
width: 120px;
padding-right:20px;
text-align:center;
float:left;
}

.index-scroll-bloc-horizontal {
width: 200px;
padding-right:20px;
text-align:center;
float:left;
}

.index-scroll-bloc-ville {
width: 202px;
padding-right:10px;
float:left;
}

.realisations-texte {
width: 190px;
margin-right:45px;
float:left;
}

.realisations-image {
width: 462px;
text-align:right;
float:left;
}

.trait {
border-bottom: #b1b1b3 solid 1px;
clear:both;
height:20px;
}

.trait-space {
border-bottom: #b1b1b3 solid 1px;
margin-bottom:20px;
clear:both;
height:20px;
}

#article-image {
width: 280px;
padding-right:40px;
margin-right:40px;
border-right: #b1b1b3 solid 1px;
padding-bottom:40px;
float:left;
}

#article-texte {
width: 497px;
padding-bottom:40px;
float:left;
}

#index-actus {
width: 697px;
padding-left:22px;
padding-bottom:20px;
float:left;
border-left: #b1b1b3 solid 1px;
}

.actus-texte-premier {
width: 394px;
float:left;
margin-top:35px;
}

.actus-texte {
width: 394px;
float:left;
}

.actus-image {
width: 283px;
padding-left:20px;
margin-top:0px;
float:left;
}

.actus-indent {
padding-left:18px;
}

/*menu accueil*/
 
a.menu-eclairage {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-eclairage.gif);
	background-repeat: no-repeat;
	width: 85px;
	height: 21px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-eclairage:hover, a.menu-eclairage:active, a.menu-eclairage.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-eclairage.gif);
	background-repeat: no-repeat;
	width: 85px;
	height: 21px;
	padding: 0 0 0 0;
	background-position:0 -21px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-mobilier {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-mobilier.gif);
	background-repeat: no-repeat;
	width: 94px;
	height: 21px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-mobilier:hover, a.menu-mobilier:active, a.menu-mobilier.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-mobilier.gif);
	background-repeat: no-repeat;
	width: 94px;
	height: 21px;
	padding: 0 0 0 0;
	background-position:0 -21px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-realisations {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-realisations.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 21px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-realisations:hover, a.menu-realisations:active, a.menu-realisations.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-realisations.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 21px;
	padding: 0 0 0 0;
	background-position:0 -21px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-lago {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-lago.gif);
	background-repeat: no-repeat;
	width: 66px;
	height: 21px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-lago:hover, a.menu-lago:active, a.menu-lago.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-lago.gif);
	background-repeat: no-repeat;
	width: 66px;
	height: 21px;
	padding: 0 0 0 0;
	background-position:0 -21px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-contact {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-contact.gif);
	background-repeat: no-repeat;
	width: 74px;
	height: 21px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-contact:hover, a.menu-contact:active, a.menu-contact.current {
	display: block;
	float:left;
	background-image:url(../medias/menu/menu-contact.gif);
	background-repeat: no-repeat;
	width: 74px;
	height: 21px;
	padding: 0 0 0 0;
	background-position:0 -21px;
	text-decoration:none;
	margin-left: 0px;
}

/*commun*/

.spacer { 
clear: both;
}

ul {
padding: 0px 0px 0px 0px;
margin: 0em 0em 0em 1.5em;
}

li {
list-style-image: url(../medias/commun/bullet.gif); 
}

 /* texte */
 
h1{
padding: 0px 0px 0px 0px;
margin: 0;
font-size: 30px;
text-transform: uppercase;
font-weight: normal;
color:#032d6c;
}

h2{
padding: 0px 0px 0px 0px;
margin: 0;
font-size: 30px;
text-transform: uppercase;
font-weight: normal;
color:#032d6c;
}

.sous-titre {
color:#032d6c;
font-weight:bold;
}



.calques {
border-top: #ffffff 1px solid;
z-index: 1000;
text-align:center;
}

.calques_dernier {
border-bottom: #ffffff 1px solid;
border-top: #ffffff 1px solid;
z-index: 1000;
text-align:center;
}

#menuContainer { 
position: absolute; 
z-index : 1010; 
top: 80px; 
right: 50%; 
margin-right: -475px; 
width: 950px; 
height: 1px; 
}

/* formulaire */
 
form{
padding: 0px;
margin: 0px;
}

label{
width: 130px;
float: left;
padding-top: 3px;
padding-right: 0px;
}

.label-large{
width: 250px;
padding-top: 3px;
padding-right: 0px;
}

input{
padding: 0px;
margin: 0px;
float: left;
}

.textfield{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 150px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

#form-message{
width: 694px;
}

.textarea{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 690px;
height: 70px;
font-size: 11px;
}

.dropdown{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 156px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

.envoyer{
}

.alerte{
color: #ff0000;
}

.form-col1{
width: 300px;
margin-right:50px;
float:left;
}

.form-col2{
width: 340px;
float:left;
}

.form-col-droite-col1{
width: 170px;
margin:0px;
padding:0px;
float:left;
}

.form-col-droite-col2{
width: 170px;
margin:0px;
padding:0px;
float:left;
}

.form-col-total{
width: 300px;
margin-top:20px;
}

.checkbox{
margin:3px 5px 0px 0px;
}

#form-legals{
width:614px;
padding-right:10px;
color:#c3c4c3;
font-size:10px;
float:left;
}

#form-btn{
width:70px;
float:left;
padding-top:30px;
}

 /* liens */
 
a:link { color: #7c9dce; text-decoration: none; font-size: 11px;}
a:visited { color: #7c9dce; text-decoration: none; font-size: 11px; }
a:hover { color: #032d6c; text-decoration: none; font-size: 11px; }
a:active { color: #7c9dce; text-decoration: none; font-size: 11px; }

a.lien-footer:link { color: #b1b1b3; text-decoration: none; font-size: 10px;}
a.lien-footer:visited { color: #b1b1b3; text-decoration: none; font-size: 10px; }
a.lien-footer:hover { color: #b1b1b3; text-decoration: underline; font-size: 10px; }
a.lien-footer:active { color: #b1b1b3; text-decoration: none; font-size: 10px; }

a.lien_calques:link { color: #ffffff; text-decoration: none; font-size: 11px; background-color: #c6c6c7; display: block; padding: 3px 3px 3px 3px; border-top: #c9c9c9 1px solid; }
a.lien_calques:visited { color: #ffffff; text-decoration: none; font-size: 11px; background-color: #c6c6c7; display: block; padding: 3px 3px 3px 3px; border-top: #c9c9c9 1px solid; }
a.lien_calques:hover { color: #012d6a; text-decoration: none; font-size: 11px; background-color: #c6c6c7; display: block; padding: 3px 3px 3px 3px; border-top: #c9c9c9 1px solid; }
a.lien_calques:active { color: #ffffff; text-decoration: none; font-size: 11px; background-color: #c6c6c7; display: block; padding: 3px 3px 3px 3px; border-top: #c9c9c9 1px solid; }

a.lien-fil-ariane:link { color: #949495; text-decoration: none; }
a.lien-fil-ariane:visited { color: #949495; text-decoration: none;}
a.lien-fil-ariane:hover { color: #032d6c; text-decoration: none; }
a.lien-fil-ariane:active { color: #949495; text-decoration: none;}

a.lien-menu-niv1:link { color: #032d6c; text-decoration: none; font-size: 11px; font-weight:normal; text-transform:uppercase; }
a.lien-menu-niv1:visited { color: #032d6c; text-decoration: none; font-size: 11px; font-weight:normal; text-transform:uppercase; }
a.lien-menu-niv1:hover, a.lien-menu-niv1-on { color: #032d6c; text-decoration: none; font-size: 11px; font-weight:bold; text-transform:uppercase; }
a.lien-menu-niv1:active { color: #032d6c; text-decoration: none; font-size: 11px; font-weight:normal; text-transform:uppercase; }

a.lien-menu-niv2:link { color: #7c9dce; text-decoration: none; font-size: 11px; padding-left:0px; }
a.lien-menu-niv2:visited { color: #7c9dce; text-decoration: none; font-size: 11px; padding-left:0px; }
a.lien-menu-niv2:hover, a.lien-menu-niv2-on { color: #032d6c; text-decoration: none; font-size: 11px; padding-left:0px; }
a.lien-menu-niv2:active { color: #7c9dce; text-decoration: none; font-size: 11px; padding-left:0px; }