html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:justify;}
body { overflow-y: scroll; }
p{margin:0px;padding:0px 0px 10px 0px;line-height:1.4}
img{border:0px;}

#header{width:100%;border-bottom:1px solid #000;height:110px;background:url(../images/header-background.gif) no-repeat center center;}
#inheader{width:840px;margin:0 auto;}
#animheader{float:left;width:475px;height:110px;background-color:#fff;}
#logo{float:left;padding:50px 0px 0px 32px;}
#menu{line-height:11px;height:11px;padding:30px 27px 0px 0px;text-align:right;width:813px;margin:0 auto;}
#sousmenu{line-height:15px;height:15px;padding:18px 0px 0px 430px;text-align:left;background:url(../images/smenu-background.gif) no-repeat 417px 0px;width:410px;margin:0 auto;display:none;}
#sousmenu.on{display:block;}
#container{width:840px;margin:0 auto;clear:both;}
#container li{list-style-type:none;}
#container ul{padding-left:20px;}
#wrapper{padding-top:30px;}
#content{float:left;width:475px;}
#content p{padding-left:10px;}
#navigation{float:right;clear:right;width:330px}

.img_prod {
	float:left;
	width:320px;
}
.content_prod{
	float:right;
	clear:right;
	width:500px
}
.content_link{text-align:right;}

#menu, li, a, b, strong{color:#21a1d4;}
#menu a{padding:0px 7px;}
h1 {display:none;width:840px;margin:0px auto;padding-top:30px;font-size:28px;font-weight:normal;}
h1.reali{display:block;}
h2 {font-size:13px;}

#footer{text-align:right;clear:both;width:100%;padding-top:30px;}
#logos{text-align:center;width:100%;}
#logos a{margin:0px 10px;}

#realisations li{width:310px;height:205px;}             
#realisations a{float:left;padding-right:10px;}


.cssform {border:0px solid #000;}
#content .cssform p{
width: 220px;
clear: left;
margin: 0;
padding: 3px 0 4px 240px;
margin-left:10px;
border-top: 1px dashed gray;
height: 1%;
position:relative;
line-height:2.2em;
}

.cssform label{
line-height:1.5em;
padding-top:4px;
font-weight: bold;
float: left;
margin-left: -240px; /*width of left column*/
width: 220px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ 
/*width of text boxes. IE6 does not understand this attribute*/ 
	width: 210px; 
}
.cssform select{ 
/*width of text boxes. IE6 does not understand this attribute*/ 
	width: 210px; 
}
.cssform input[type="text"].small{
	width: 80px; 
} 
.cssform textarea{ width: 210px; height: 150px; }

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{ margin-left: 3px; }
.Style2 a{font-weight:normal;}
.Style6 a{font-weight:normal;}