@charset "utf-8";

body {
	margin : 0;
	padding : 0;
	text-align : left;
	font-family : Myriad Web, Arial, Helvetica, sans-serif;
	font-size : 0.9em;
	background-color : #efefef;
	color : #555e63;
	
}

#conteneur {
position : relative;
text-align : center;
width : 990px;
z-index : 1;
margin : 0 auto;
top : 10px;
border : 1px solid #999999;
background-color:#FFFFFF;
}

#conteneurFooter {
position : relative;
text-align : center;
width : 100%;
z-index : 1;
margin : 0 auto;
top : 10px;
border : 1px solid #999999;
}

#header {
width : 990px;
background-image : url(../img/header.jpg);
background-repeat : repeat-x;
height : 168px;
background-position : center center;
}

/*////////////////MENU HAUT ///////////////////////*/
#conteneur-menu{
position: relative;
width : 990px;
height : 40px;
margin : 0 auto;
text-align : left;
/*background-color:#38beeb;*/
background-color:#383fab;
background-image:url(../img/bg-menu.gif);
border-bottom:#999999 1px solid; 
}

#Menu {position: absolute;width : 990px; z-index:1500;
}

#Menu dl{
height:40px;
margin:0;
padding-left:5px;; 
display:block; 
float:left; 
color:white;
/*background-color:#38beeb;*/
background-color:#383fab;
background-image:url(../img/bg-menu.gif);
text-align:left;
font-size:0.9em;
}

#Menu dl a{
color:white; 
text-decoration:none;

}

#Menu dl a:hover{
color : white; 
text-decoration:underline;

}

#Menu dt{
	height:40px;
	margin:0;
	padding-right:5px;
	display:block;
	width:97px;
	line-height:20px;
	border-right: #34a7cd 1px solid;
	cursor:pointer;
}

#Menu dd{
	margin-left:-5px;
	padding-left:5px;
	padding-right:5px;
	display:block;
	/*background-color:#38beeb;*/
	background-color:#383fab;
	background-image:url(../img/bg-menu.gif);
	text-align:left;
	width:97px;
}

#Menu dd ul{
	padding:0 ;
	margin:0;
	list-style:none;
}
#Menu dd ul ul a{
	margin-left:4px;
}

#Menu dd li a{ 
	padding-bottom:15px; 
	border-top:#4f6a76 1px solid; 
/*	border-bottom:#38beeb thin solid; */
	display:block;
	text-decoration:none;
	
}

#Menu dd ul li a:hover{
	/*color:#666666; */text-decoration:underline;
}

#Menu dl dd{ 
display:none;
}

#Menu dl:hover dd{ 
display:block;
}

#Menu dd:hover { 
display:block;
}

#Menu dd ul li{ 
display:block; 
margin:0; 
padding:0;}



/*//////////////// GAUCHE ///////////////////////*/
#gauche { position:relative;
	float : left;
	width :190px;
	font-size:1.0em; 
	margin:/*15px 15px 0 10px;*/15px 15px 0 10px;
	text-align:justify;
	padding-left:5px;
}

#gauche a{
	color:#555e63;
}

#gauche a:hover{
	color:#37beeb;
}

#gauche h1{
	color:#38beeb;
	font-size:1.2em;
	text-align:left;
	margin-left:12px;
	text-transform: uppercase; width:180px;
}

#gauche ul {
	margin:0; 
	padding-left:28px; 
	padding-bottom:-10px;
	background-image:url(../img/puce-gauche.gif); 
	background-repeat:no-repeat; 
	background-position:5px 0;
	height:20px;
	list-style-image : none;
	list-style-position : inside;
	list-style-type: none;
}

#gauche li {
	margin:0; 
	padding:0;
	list-style-type: none; 
	font-weight:bold;

}
#gauche li a {
	color : #555e63;
	text-decoration : underline;
}
#gauche li a:hover {
	color : #37beeb;
	text-decoration : underline;
}

#gauche p {
	margin-left:12px;
	font-size:0.8em;
	color : #a1a1a1;
}
#gauche h2 {
	margin-left:12px;
	font-size:0.9em; 
	text-align:left;
	color : #555e63;
}


.actuImage {
	border:1px #CCCCCC solid;
	float:right;
	margin:6px;
	
}


.lirelasuite a{ 
	color:#555e63; 
	margin-left:20px; 
	
}
.lirelasuite a:hover{ 
	color:#37beeb; 
	margin-left:20px; 
	
}

/*////////////////MAIN ///////////////////////*/

#main { position:relative;
float:left;
text-align : justify; 
width:640px;/*650px;*/
margin : 10px 15px 20px 0;  
/*padding-right:15px;*/
border-left:#CCCCCC dashed 1px;
padding-left:20px;
z-index:2500px;

}
#mainSelection {
text-align : justify;
margin-left : 210px;
margin-right : 20px; 
height:450px; 
overflow:auto;

}

#main h1 {
font-size : 1.2em;
color : #555e63;
text-align : left;
text-indent : 15px;
padding : 6px;
/*border-bottom : 1px solid #37beeb;*/
/*width:450px;*/
background-color:#efefef;

}

#main h2 {
	font-size : 1.2em;
	text-indent : 15px;
	color:#38beeb;
	padding-top : 3px;
	border-top : 1px dashed #ccc;
	margin-left:5px;
	
}

#main p {
padding-left : 10px;
font-size : 0.8em;
padding-right : 10px;
}

#main ul {
font-size : 0.8em; 
}
#main ul ul {
font-size : 1.0em; 
}

#main ul ul ul{
font-size : 1.0em; 
}

#main li {
list-style-type : square;
line-height:1.1em; 
margin-top:15px;
width:560px;
}

#main a {
color : #555E63;
text-decoration : underline;
}

a #main img {
text-decoration : none;
}
a:hover #main img {padding-top : 3px;}

/*//////////////// QUATRE PHOTOS ///////////////////////*/
#quatrePhotos{ 
position:relative;
width:280px; 
height:200px; 
float:right; 
display:block;
margin:0px 6px 6px 25px;
border:#CCCCCC solid 1px;
}
#quatrePhotos img{ 
width:120px; 
height:80px; 
border:none;
}

#quatrePhotos1{
position:absolute;
width:120px; 
height:80px; 
float:left; 
display:block;
top:12px; 
left:12px;
border:#CCCCCC solid 1px;
}

#quatrePhotos2{
	position:absolute;
	width:120px;
	height:80px;
	float:right;
	display:block;
	top:14px;
	right:12px;
	border:#CCCCCC solid 1px;
}

#quatrePhotos3{
position:absolute;
width:120px; 
height:80px; 
float:left; 
display:block; 
bottom:12px;
left:12px;
border:#CCCCCC solid 1px;
}

#quatrePhotos4{
position:absolute;
width:120px; 
height:80px; 
float:right; 
display:block;
bottom:12px;
right:12px;
border:#CCCCCC solid 1px;
}
/*//////////////// photos techniques impression ///////////////////////*/
#techniquesImpression {
border : 0;
margin : 10px; 
width:120px; 
height:90px; 
display:block;
float:left;
border:#CCCCCC solid 1px;

}
#techniquesImpression img{

width:120px; 
height:90px; 


}



/*//////////////// CINQ BOUTONS ///////////////////////*/

#cinqBoutons{ 
position:relative;
width:460px; 
height:212px; 
float:left; 
display:block;
margin:0px 6px 6px 25px;
z-index:1000;
border:none;
}

#cinqBoutons img{ 
border:none;
}



#cinqBoutons1{
position:absolute;
width:146px; 
height:86px; 
float:left; 
top:12px; 
left:0px; 
border:none;

}




#cinqBoutons2{
position:absolute;
width:146px; 
height:86px; 
float:left; 
display:block; 
top:12px; 
left:152px;
}

#cinqBoutons3{
position:absolute;
width:146px; 
height:92px; 
float:left; 
display:block; 
top:12px;
left:304px;

}

#cinqBoutons4{
position:absolute;
width:146px; 
height:92px; 
float:left; 
display:block;
bottom:10px;
left:0px;
}

#cinqBoutons5{
position:absolute;
width:146px; 
height:92px; 
float:left; 
display:block;
bottom:10px;
left:152px;

}

/*////////////////MAIN INDEX///////////////////////*/

#mainIndex { 
float:left;
text-align : justify; 
width:470px;
margin : 10px 15px 20px 0; 
padding-right:15px;
border-left:#CCCCCC dashed 1px;

}

#mainIndex h1 {
font-size : 1.2em;
color : #555e63;
text-align : left;
text-indent : 15px;
padding-bottom : 12px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #37beeb;
height:100%;
}

#mainIndex h2 {
font-size : 1.2em;
text-indent : 15px;
}

#mainIndex p {
padding-left : 10px;
font-size : 0.8em;
padding-right : 10px;
}

#mainIndex ul {
font-size : 0.8em; 
}
#mainIndex ul ul {
font-size : 1.0em; 
}

#mainIndex ul ul ul{
font-size : 1.0em; 
}

#mainIndex li {
list-style-type : square;line-height:1.1em; margin-top:15px;
}

#mainIndex a {
color : #555E63;
text-decoration : underline;
}

a #mainIndex img {
text-decoration : none;
}
a:hover #mainIndex img {padding-top : 3px;}

/*//////////////// droite ///////////////////////*/
#droite { 
	float:left;
	width : 220px; 
	font-size:1.0em; 
	margin-top:15px;
	border-left:#CCCCCC dashed 1px;
	text-align:right;
	
}

#droite h1{
	color:#38beeb;
	font-size:1.2em;
	text-align:right;
	/*margin-right:12px;*/
	text-transform: uppercase;
}

#droite ul {
	margin:0 0px 0  0;
	padding-right:28px;
	background-image:url(../img/adobe-reader.gif);
	background-repeat:no-repeat;
	background-position:right top;
	text-align : right;
	list-style-image : none;
	list-style-type: none;
	display:block;
	height:45px;
	color:#38beeb;
	font-size:0.9em;
}

#droite li {
	margin:0; 
	padding:0;
	list-style-type: none; 
	height:150%;
}

#droite li a {
	color : #555e63;
	text-decoration : underline;
}

#droite li a:hover { 
	font-weight:normal;
	text-decoration : underline;
	color : #37beeb;
}

#droite p {
/*padding-right:10px;*/
text-align:right; 
font-size:0.8em;
color : #a1a1a1;
}

#droite h2 {
	/*margin-right:25px; */
	font-size:0.9em; 
	text-align:right;
	color : #555e63;
}

#droite a {
color : #555e63;
text-decoration : underline;
}

#droite a:hover {
color : #37beeb;
text-decoration : underline;
}

#droite img { border:1px #CCCCCC solid;
}

/*////////////////FOOTER ///////////////////////*/
#conteneurFooter {
position : relative;
text-align : center;
width : 100%;
margin : 0 auto;
top : 10px;
background-color : #555e63;
}



#footerBas { clear:both;

text-align : center;
height : 490px;
background-color : #555e63;
background-image : url(../img/bg_footerbas.gif); 
background-repeat:no-repeat;
top : 240px;
}

#footerBas p {
	text-align : left;
	margin-left : 18px;
	padding-top:28px;
	font-size : 0.7em;
	letter-spacing : 0.15em;
	color:#efefef;
	font-weight: bold;
}


#footerBas img {
vertical-align : middle;
}
#footerBas a {
color : #efefef;text-decoration : none;
}
#footerBas a:hover {
color : #efefef;
text-decoration : none;
}

#footerMenu{
	float:left;
	width : 98px;
	height:390px;
	text-align : left;
	margin-top : 20px;
	font-size:0.8em;
	color:#999999;
	padding-left:10px;
	border-right:#666666 1px dashed;
}

#footerMenu ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
#footerMenu li{
	padding-bottom:15px;
}

#footerMenu a{
	color:#999999;
	text-decoration:none;
}
#footerMenu a:hover{
	color:#999999;
	text-decoration:none;
}
/*////////////////STYLES ///////////////////////*/
.devisImage {
/*margin:15px 46px 15px 15px;*/
margin:15px 16px 15px 15px;
float:left; 
display:block; 
border:#38beeb 1px solid;
width:auto;
clear:both;

}
.devisImage a{
text-decoration:none;

}
.puceLigne {
display : inline;
}
.puceLigne a {
color : #ff3300;
}
.puceLigne a:hover {
font-weight : bold;
}

.produits {
list-style-type : none;
display : inline;
}
.img_gauche {
float : left;
margin : 5px; padding-right:10px;
}

.img_droite {
float : right;
margin : 5px;
}
.menu_haut {
position : relative;
float : right;
width : 200px;
right : 15px;
clear : both;
color : #ff0000;
text-align : right;
}
.txt_main {
position : relative;
float : left;
width : 500px;
padding-left : 15px;
text-align : left;
}



h1 {
font-family : Myriad Web, Arial, Helvetica, sans-serif;
color : #37beeb;
}
a:hover span {
display : inline;
background : none;
position : absolute;
top : 30px;
left : 10px;
height : 100px;
font-size : small;
text-decoration : none;
}
#connect {
position : relative;
background-image : url(../img/connect.png);
background-repeat : no-repeat;
top : 580px;
right : 50px;
width : 200px;
height : 167px;
z-index : 100;
}
#deroulant {
clear : both;
width : 990px;
height:22px;
text-align : center; 
background-color : #7e7d82;

}
.txtderoulant {
font-size : 0.8em;
font-weight : bolder;
letter-spacing : 0.5em;
color:#FFFFFF;
line-height:22px;
}
.color1deroulant {
color : #EFEFEF;
}
.color2deroulant {
color : #37beeb;
}
.mentions {
position : relative;
float : right;
right : 5px;
bottom : 5px;
font-size : 0.7em;
color : #7ca3bd;
font-weight : lighter;
width : 640px;
text-align : right;
}
.mentions a {
color : #7ca3bd;
}
#demandeDevis {
position : absolute;
left : 87px;
top : 539px;
width : 171px;
height : 124px;
z-index : 2;
}
.bleuGras {
font-weight : bold;
color : #37beeb;
}
.blancGras {
font-weight : bold;
color : #fff;
}

.gras {
font-weight : bold;
}

.bio {
	color:#6aab43;font-weight : bold;
}

.imgPoster {
border : 1px solid #666666;
margin-left : 15px;
}
.separation {
clear : both;
visibility : hidden;
}

.separation2 {

visibility : hidden;
}
.h1Gris {
color : #555e63;
}
a .h1Gris {
color : #555e63;
}

.separationCell{ height:30px;
}


.legende{font-size : 0.8em;}

.legendeDroite{font-size : 0.8em; text-align:right; margin-right:10px;}

.coordonnees{font-size: 0.8em;margin-left:25px;}

.arrowMenu{ vertical-align:bottom; margin-left:4px;}


/*//////////////// BOUTONS ///////////////////////*/


#bouton {
border : 0;
margin: 10px; 
width:146px; 
height:86px; 
display:block;
float:left;

}

#bouton img {
border : 0;

}

#bouton a:hover{
border : 0;
margin-right : 10px; 
width:120px; 
height:54px; 
text-align:center; 
font-weight:bold;
line-height:54px;
display:block; 
background-image:url(../img/boutons/bouton-hover.png); 
background-repeat:no-repeat; 
background-position:left top;
color:#000;
}




.boutonDemanderDevis{
border : 0;
margin-left : 90px;

}

.adobe{
	margin:0 12px 0  0;
	padding-left:28px;
	background-image:url(../img/adobe-reader.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-align : left;
	list-style-image : none;
	list-style-type: none;
	display:block;
	height:30px;
	
}