

a
{
color:#ffffff;
}
a:hover
{
text-decoration: none;
color:#0fc7f2;
}
.lientitre
{
    left:60px;
    width:200px;
    height:120px;
    position:absolute;
}




#content {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 900px;
}



.bold {
font-weight:bold;
}

.bolditalic {
font-weight:bold;
font-style:italic;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

#bar_vertical {
padding: 5px 5px 5px 5px;
}

#menu a img {
border:none;
}

#menu {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
background-color: #011418;
font-size:13px;
height:75px;
width: 100%;
position:fixed;
z-index: 999;
}

#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
 
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:#011418;
}
 
#menu li a {
 display:block;
 width:145px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
 
#menu li a:hover {
 color:#0fc7f2;
 background-color:#011418;
 }

#menu ul li ul {
 display:none;
 }
 
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 
 #menu li ul {
 position:absolute;
 }
 
 


#menu_logo {
margin: 15px 5px 5px 50px;
}

#menu_rubriques {
margin: 40px 20px 5px 0px;
color: #2CB8DC;
font-weight:bold;
}

#section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10, #section11 {
padding-top:100px;
padding-bottom:750px;
}


#section7, #section9 {
text-align:justify;
}

#conteneur_knx_pro {
clear:both;
width:740px;
height:214px;
padding-top:20px;
}


#intro {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:13px;
color: white;
padding-top:30px;
padding-left:40px;
padding-right:40px;
}

.slogan {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#0FC7F2;
/*    font-weight:bold;*/
    font-size:15px;
    font-style:italic;
    text-align:right;
    padding-top:15px;
}

#intro_details {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:white;
font-weight:bold;
font-size:11px;
font-style:italic;
text-align:left;
padding-left:20px;
}

#section_titre {
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: center;
}

#section_corps_presentation {
background: url(../images/cadre_transp_innovation.png);
background-repeat:repeat-x-y;
margin-top:15px;
margin: 0 auto;
overflow: hidden;
position: relative;
padding: 20px 20px 20px 20px;
height:365px;
width:740px;
}

#section_corps {
background: url(../images/cadre_transp_innovation.png);
background-repeat:repeat-x-y;
margin-top:15px;
margin: 0 auto;
overflow: hidden;
position: relative;
padding: 20px 20px 20px 20px;
height:265px;
width:740px;
}


#section_corps2 {
background: url(../images/cadre_transp_innovation.png);
background-repeat:repeat-x-y;
margin-top:15px;
margin: 0 auto;
overflow: hidden;
position: relative;
padding: 20px 20px 20px 20px;
width:740px;
}

#section_corps3 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:white;
font-size:13px;
background: url(../images/background-contacts.png);
background-repeat:repeat-x-y;
margin-top:13px;
margin: 0 auto;
overflow: hidden;
position: relative;
padding: 20px 20px 20px 20px;
width:601px;
height:340px;
}

#innovation2 {
width:700px;
margin: 15px 70px 20px 70px;

}


#section_photo {
width:165px;
float:left;
}

#section_photo255 {
width:255px;
float:left;
}


#section_photo175 {
width:175px;
float:left;
text-align:center;
}

#section_text_presentation {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:white;
float:right;
width:465px;
font-size:13px;
}

#section_text {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:white;
float:right;
width:550px;
font-size:13px;
}

#section_text2 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:white;
float:right;
width:545px;
font-size:13px;
}


#section_text3 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:white;
float:right;
width:380px;
}

#formulaire {
text-align:right;
padding-top:20px;
padding-right:50px;
}

#formulaire label {
text-align:left;
padding-right:5px;
}


#formulaire input {
color:white;
border:1px solid #13B6AD;
background:#166866;
text-align:left;
height:20px;
font-size:11px;
padding-right:2px;
padding-left:2px;
}

#formulaire textarea {
color:white;
border:1px solid #13B6AD;
background:#166866;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
padding:2px;
height: 70px;
width:310px;
}



#formulaire_particuliers {
text-align:right;
padding-top:20px;
padding-right:50px;
}

#formulaire_particuliers label {
text-align:left;
padding-right:5px;
}


#formulaire_particuliers input {
color:#5b5b5b;
border:1px solid #bab9b9;
background:#cdcccc;
text-align:left;
height:20px;
font-size:11px;
padding-right:2px;
padding-left:2px;
}

#formulaire_particuliers textarea {
color:#5b5b5b;
border:1px solid #bab9b9;
background:#cdcccc;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
padding:2px;
height: 70px;
width:310px;
}


#section_bar {
clear:both;
background-color:#EADACA;
width:780px;
height:1px;
margin: 25px auto;
overflow: hidden;
position: relative;
}

#section_bar2 {
clear:both;
background-color:#EADACA;
width:641px;
height:1px;
margin: 25px auto;
overflow: hidden;
position: relative;
}


.section{
    margin:0px;
    height:4000px;
    width:900px;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
}
.section h2{
    margin:50px 0px 30px 50px;
}
.section p{
    margin:20px 0px 0px 50px;
    width:600px;
}
.black{
    color:#fff;
    background:transparent repeat-x bottom left;
}
.white{
    color:#000;
    background:#fff repeat-x bottom left;
}




.section ul{
    list-style:none;
    margin:20px 0px 0px 550px;
}
.black ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.black ul li a{
    display:block;
    color:#f0f0f0;
}
.black ul li a:hover{
    text-decoration:none;
    color:#fff;
}
.white ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.white ul li a{
    display:block;
    color:#222;
}
.white ul li a:hover{
    text-decoration:none;
    color:#000;
}







#menu_particuliers {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	background-color: #F4F4F4;
	font-size:13px;
	height:75px;
	width: 100%;
	position:fixed;
	z-index: 999;
}



#menu_particuliers a img {
border:none;
}

#menu_particuliers ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
 
#menu_particuliers li {
 float:left;
 margin:auto;
 padding:0;
}
 
#menu_particuliers li a {
 display:block;
 width:145px;
 color:black;
 text-decoration:none;
 padding:5px;
 }
 
#menu_particuliers li a:hover {
 color:#0fc7f2;
 }

#menu_particuliers ul li ul {
 display:none;
 }
 
 #menu_particuliers ul li:hover ul {
 display:block;
 }
#menu_particuliers li:hover ul li {
 float:none;
 }
 
 #menu_particuliers li ul {
 position:absolute;
 }

#menu_particuliers_logo {
margin: 15px 5px 5px 50px;
}

#menu_particuliers_rubriques {
margin: 40px 20px 5px 0px;
color: #2CB8DC;
font-weight:bold;
}

#intro_titre_particuliers {
padding-right:5px;
padding-bottom:10px;
text-align:right;
}

#intro_particuliers{
width:900px;
padding-top:150px;
padding-bottom:100px;
}


#section_par {
width:900px;
height:140px;
margin-bottom:50px;
padding:20px;
background-color:#F4F4F4;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#section_par240 {
width:900px;
height:240px;
margin-bottom:50px;
padding:20px;
background-color:#F4F4F4;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#section_par430 {
width:900px;
height:430px;
margin-bottom:50px;
padding:20px;
background-color:#F4F4F4;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#section_par690 {
width:900px;
height:690px;
margin-bottom:50px;
padding:20px;
background-color:#F4F4F4;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#section_par_ico {
	height:35px;
	width:35px;
	margin-left:5px;
	float:left;
}


#section_par_titre {
	float:left;
	width:800px;
	border-bottom: 1px solid #666666;
	margin-left:20px;
	margin-top:10px;
	padding-bottom:10px;
	
}

#section_par_txt {
	float:left;
	text-align:justify;
	font-size:13px;
	margin-top:20px;
	width:860px;
}

#section_photo175_par {
width:175px;
float:left;
text-align:center;
margin-left:60px;
}

#section_text3_par {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
float:right;
width:380px;
}