/* CSS Document */



html, body {
margin: 0;
padding: 0;
height: 100%
}
   
#container {
	width:922px;
	margin: auto;
}


#ban {
	width:922px;
	height:85px;
	background-image:url(../img/entete2.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#systemline {
	width:800px;
	height:85px;
	float:left;

}
#bc {
	width:100px;
	height:85px;
	float:left;
	
}
/*-----------------------------menu----------------------------------*/
#accueil {
	background-image:url(../img/accueil.jpg);
	height: 17px;
	width: 112px;
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
}
#currentpage #accueil, #accueil:hover {
	background-image:url(../img/accueil.jpg);
	height: 17px;
	width: 112px;
	background-position: bottom right;
	background-repeat:no-repeat;
}
#produits {
	background-image:url(../img/produits.jpg);
	height: 17px;
	width: 112px;
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#currentpage #produits, #produits:hover {
	background-image:url(../img/produits.jpg);
	height: 17px;
	width: 112px;
	background-position: bottom right;
	background-repeat:no-repeat;
}
#informations {
	background-image:url(../img/informations.jpg);
	height: 17px;
	width: 112px;
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#currentpage #informations, #informations:hover {
	background-image:url(../img/informations.jpg);
	height: 17px;
	width: 112px;
	background-position: bottom right;
	background-repeat:no-repeat;
}
#installateurs {
	background-image:url(../img/installateurs.jpg);
	height: 17px;
	width: 112px;
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#currentpage #installateurs, #installateurs:hover {
	background-image:url(../img/installateurs.jpg);
	height: 17px;
	width: 112px;
	background-position: bottom right;
	background-repeat:no-repeat;
}
#support {
	background-image:url(../img/telechargements.jpg);
	height: 17px;
	width: 112px;
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#currentpage #support, #support:hover {
	background-image:url(../img/telechargements.jpg);
	height: 17px;
	width: 112px;
	background-position: bottom right;
	background-repeat:no-repeat;
}
#plans {
	background-image:url(../img/visuels.jpg);
	height: 17px;
	width: 112px;
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#currentpage #plans, #plans:hover {
	background-image:url(../img/visuels.jpg);
	height: 17px;
	width: 112px;
	background-position: bottom right;
	background-repeat:no-repeat;
}
#faq {
	background-image:url(../img/faq.jpg);
	height: 17px;
	width: 112px;
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#currentpage #faq, #faq:hover {
	background-image:url(../img/faq.jpg);
	height: 17px;
	width: 112px;
	background-position: bottom right;
	background-repeat:no-repeat;
}
#contacts {
	background-image:url(../img/contacts.jpg);
	height: 17px;
	width: 112px;
	display:block;
	background-position:bottom left;
	background-repeat:no-repeat;
}

#currentpage #contacts, #contacts:hover {
	background-image:url(../img/contacts.jpg);
	height: 17px;
	width: 112px;
	background-position: bottom right;
	background-repeat:no-repeat;
}
#nav {
	width:922px;
	height:44px;
	background-image: url(../img/bkgmenu.jpg);
	background-position:top;
	background-repeat:repeat-x;
	float:left;
	margin: auto;
}	
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    
}


#nav a {
	display: block;
	width: 112px;
	color: #004381;
	height:17px;
	padding-top: 5px;	
}


#nav li {
	float: left;
	width: 112px;
}
#nav li a {

	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#nav li a:hover {
width: 112px;
color: #83221C;


}
#nav li ul {
	position: absolute;
	width: 112px;
	left: -1500px;
	border-left:2px solid #b2aea2;
	border-right:2px solid #b2aea2;
	border-bottom:2px solid #b2aea2;
	border-top: 2px solid white;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../img/bkgssmenu.png);
	background-position: left top;
	background-repeat:repeat;
	z-index: 2;
}



#nav li ul ul {
	width: 112px;
	margin:-27px 0px 0px 112px;
	border-left:2px solid #b2aea2;
	border-right:2px solid #b2aea2;
	border-bottom:2px solid #b2aea2;
	border-top: 2px solid #b2aea2;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	clear:both;
}

#nav li ul a{
	color: #004481;
	text-align:left;
	height:15px;
	width:112px;
	font-weight:bold;
	text-indent:5px;
}

#nav li ul a:hover{
	color: #83221C;
	background-color:#CDD9E7;
	width:112px;
}

#nav #sscurrentpage li a{
	color: #004380;
background-color:transparent;
	}
#nav #sscurrentpage li a:hover{
	color: #83221C;
	background-color:#CDD9E7;
	}
#nav #sscurrentpage a{
	color: #ffffff;
	background-color:#004380;
	}
#nav #sscurrentpage a:hover{
	color: #83221C;
	background-color:#CDD9E7;
	}
#nav li li #ssscurrentpage a{
color: #ffffff;
	background-color:#004380;
	
	}

/*-----------------------------fin menu----------------------------------*/

#page{
	height:auto;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../img/bkgpage.jpg);
	background-repeat: repeat-y;
	width: 922px;
	font-size: 12px;
	float: left;
	
}

/*-----------------------------footer----------------------------------*/
#footer {
	width:922px;
	height:44px;
	background-color:#FFFFFF;
	background-image: url(../img/bkgfooter.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6D5634;
	padding-top: 5px;
}
#footer a {
	color: #6D5634;
	text-decoration: none;
	
}
#footer a:hover {
	color: #83221C;
}
/*-----------------------------fin footer----------------------------------*/
/*-----------------------------PAGE----------------------------------*/
.milieu {
	text-align: center;
}
.BigTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00326E;
	text-decoration:none;
}

.Titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00326E;
	text-decoration:none;


}
.Titre a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #83221C;
	font-weight:bold;
	text-decoration:none;

}
.Titre a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration:none;
	
}
p{
	text-align:justify;
	margin:0px;
}	

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:justify;
}
.text a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #83221C;
	font-weight:bold;
/*	background: #CDD9E7; */
	text-decoration:none;
	
}
.text a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	background: #CDD9E7;
	text-decoration:none;
	
}
.petit {
	font-size: 10px;
	color: #000000;
	float:right;
}
.question a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004481;
	font-weight:bold;
	text-decoration:none;
}
.question a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #83221C;
	text-decoration:none;
}
.reponse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:justify;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top: 5px;
	margin-left: 20px;
	width: 700px;
}
.textG {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.textR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.textGR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
#bloc{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	width: 130px;
	font-size: 12px;
}
#titrebloc{
	height:24px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	width: 120px;
	font-size: 12px;
	text-align: center;
	background-image: url(../img/titrebloc.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-top: 5px;
}
#bloctop{
	width: 120px;
	background-image: url(../img/bloctop.jpg);
	background-repeat: no-repeat;
	height: 12px;
	margin: 0px;
	background-color: #CDD9E7;
	display: block;
}

#blocbottom{
	height:12px;
	width: 120px;
	background-image: url(../img/blocbottom.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;

}
#menubloc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 120px;
	font-weight: bold;
	margin: 0px;
	background-color: #CDD9E7;
}

ul#bloclist {
	text-align: left;
	list-style: none;
	padding: 0;
	width: 115px;
	margin: 0;
}

ul#bloclist li {
	margin: 0;
	padding: 0px 0px 0px 3px;
	width: 115px;
}

ul#bloclist li a {
	display: block;
	width: 115px;
	color: #6D5636;
	text-decoration: none;
}
#bloclist #sscurrentpage a {
color: #ffffff;
	background-color:#004380;
}
	
#menubloc ul, #bloclist li a { width: 115px; }

ul#bloclist li#active a {
        background: #f0e7d7;
        color: #83221C;
}

ul#bloclist li a:hover, ul#bloclist li#active a:hover {
        color: #83221C;
}
#inc{
	height:auto;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	padding-right: 37px;
	padding-left: 5px;
	padding-bottom:15px;
	float: right;
	width: 750px;
	font-size: 12px;
	margin: 0px;

}
#bkg_s{
	width: 750px;
	font-size: 12px;
	margin-left:130px;
	background:url("../img/bkg_s.jpg") no-repeat top; 
}
#instalbloc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 120px;
	font-weight: bold;
	margin: 0px;
	background-color: #CDD9E7;
	color: #6D5636;
	text-align:center;
}
#instal{
	height:auto;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	width: 650px;
	font-size: 10px;
	margin: 0px;
	float:left;
	background-color: #CDD9E7;
}
#instaltop{
	width: 650px;
	background-image: url(../img/instaltop.jpg);
	background-repeat: no-repeat;
	height: 12px;
	margin-top: 5px;
	background-color: #CDD9E7;
	float:left;

}

#instalbottom{
	height:24px;
	width: 650px;
	background-image: url(../img/instalbottom.jpg);
	background-repeat: no-repeat;
	float:left;
}
.Titreinstal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #00326E;
	text-decoration:none;
	
}
.textinstal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.titrepage {
	margin:0px;
	padding:0px;
	height:32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #6D5636;
	
	background:url("../img/bkg_home.gif") no-repeat left top; 

/*	background-image: url(../img/bkg_home.gif); */
	background-repeat: no-repeat;
}
.titrepageR {
	margin:0px;
	padding:0px;
	height:32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #6D5636;
	background:url("../img/bkg_home_right.gif") no-repeat right top;
/*	background-image: url(../img/bkg_home_right.gif) right top; */
	background-repeat: no-repeat;
}
.titretext {
	display:block;
	height:25px;
	text-align: center; /* text du cartouche TITRE */
	vertical-align: middle;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	
	margin:0px;
	margin-left:40px;
	padding-top:7px;
	
	background:url("../img/bkg_home_right.gif") no-repeat right top; 
	background-color: #6D5636; 
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00326E;
	margin:0px;
}
form {
	margin:0px;
}
#puce {
	width:68px;
	margin-right: 5px;
	height: 17px;
	padding: 0px;
	float: left;
	background-image: url(../img/puce1.jpg);
	background-repeat: no-repeat;
}
#puce2 {
	width:34px;
	margin-right: 5px;
	height: 17px;
	padding: 0px;
	float: left;
	background-image: url(../img/puce2.jpg);
	background-repeat: no-repeat;
}
hr{
	color:#6D5636;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2px;

}
/* Produits ----------------------------------*/
.TitreP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #00326E;
	text-decoration:none;
}
.RefP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #937348;
	text-decoration:none;
}
.DescP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00326E;
	text-decoration:none;
	}
.DetailsP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #00326E;
	text-decoration:none;
}
.CaractP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: none;
	color: #937348;
	text-decoration:none;
}



/* FIN Produits ----------------------------------*/

/* CADRE ----------------------------------*/
#cadre2 {
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:10px;
	width:750px;
	background-color:#FFFFFF;
}
#c2top {
	display: block;
	width:750px;
	height:15px;
	margin: 0px;
	background-color:#FFFFFF;
	background-image:url(../img/bkg_cadre2_t.jpg);
	background-repeat:no-repeat;
	background-position: top;
}
#c2bottom {
	width:750px;
	height:15px;
	background-color:#FFFFFF;
	background-image:url(../img/bkg_cadre2_b.jpg);
	background-repeat:no-repeat;
	background-position: top;
}
#c2milieu {
	width:750px;
	background-color:#FFFFFF;
	background-image:url(../img/bkg_cadre2_m.jpg);
}

/* FIN CADRE ----------------------------------*/
/*-----------------------------fin PAGE----------------------------------*/