@charset "UTF-8";

.sidebar {
	font-size: 12px;
	color: #ffffff;
	margin-right: 17px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-weight: normal;
}


h1 {
	font-size: 18px;
	font-weight: bold;
	color: #78112c;
	background-image: url(../images/Piechke_carre_rouge.jpg);
	background-repeat: repeat-y;
	padding-left: 17px;
	text-transform: uppercase;
	line-height: 20px;
}

h2 {
	font-size: 13px;
	text-transform: uppercase;
	color: #b1a284;
	margin-top: 25px;
	line-height: 18px;
}

h3 {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/Piechke_carre_blanc.jpg);
	background-repeat: repeat-y;
	padding-left: 17px;
	text-transform: uppercase;
	line-height: 20px;
}
p {
	font-size: 12px;
	color: #505153;
	margin-right: 17px;
	margin-top: 17px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.margintop17px {
	margin-top: 17px;
}

.yoxview img {
	margin-top: 10px;
	margin-right: 10px;
	}

#bullet {
	font-size: 12px;
	color: #505153;
	margin-right: 17px;
	margin-top: 17px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	list-style:  inside;
	list-style-type:  disc;
}


body {
	background-image: url(../images/Piechke_background.jpg);
	background-repeat: repeat;
}

/*---------- INDEX PAGE ----------*/

#background_top_index {
	width: 100%;
	background-image: url(../images/Piechke_background_top.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 135px
}

#header_index {
	width: 760px;
	height: 172px;
	background-image: url(../images/Piechke_index.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header_banner_index {
	width: 689px;
	height: 122px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-left: 20px;
	background-image: url(../images/Piechke_index_banner.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#logo_index {
	width: 291px;
	height: 91px;
}

#langue_index {
	width: 291px;
	height: 20px;
	text-align: right;
}

#menu_index {
	height: 46px;
	width: 230px;
	margin-left: 0;
	margin-right: 10px;
	float: right;
}

#menu_index li {
	float: left;
}

#menu_index li a {
	height: 46px;
	width: 115px;
	float: left;
	text-decoration:  none;
}

#menu_index li a:hover {
	background-position: bottom left;
}

.francais {	
	background-image: url(../images/Piechke_index_bt_fr.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.english {	
	background-image: url(../images/Piechke_index_bt_en.png);
	background-position: top left;
	background-repeat: no-repeat;
}



/*---------- CONTENT PAGES ----------*/

#background_top {
	width: 100%;
	background-image: url(../images/Piechke_background_top.jpg);
	background-position: top;
	background-repeat: repeat-x;
}


#container {
	width: 772px;
	padding-bottom: 10px;
	margin: auto;
	background-image: 
}

#side_image {
	width: 143px;
	height: 319px;
	position: absolute;
	left: -144px;
	bottom: -10px;
}
#header_top, #header_top a {
	width: 698px;
	height: 13px;
	padding-top: 9px;
	margin: auto;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#header_top a:hover {
	color: #000000;
}

#header {
	width: 772px;
	height: 215px;
	background-image: url(../images/Piechke_header_container.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-top: 21px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header_banner {
	width: 709px;
	height: 152px;
	margin-left: auto;
	margin-right: auto;
}

#menu_container {
	padding:0px;
	height: 32px;
	width: 772px;
	margin-top: 9px;
	float: left;
}

#menu {
	height: 32px;
	width: 711px;
	margin-left: auto;
	margin-right: auto;
}

#menu li {
	float: left;
}

#menu li a {
	height: 22px;
	padding-top: 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#menu li a:hover { 
	color: #ffffff;
	background-position: top left;
}

.menu1 {
	width: 84px;
	background-image: url(../images/Piechke_menu1.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu2 {
	width: 117px;
	background-image: url(../images/Piechke_menu2.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu3 {
	width: 92px;
	background-image: url(../images/Piechke_menu3.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu4 {
	width: 145px;
	background-image: url(../images/Piechke_menu4.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu5 {
	width: 112px;
	background-image: url(../images/Piechke_menu5.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu6 {
	width: 118px;
	background-image: url(../images/Piechke_menu6.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu1_active {
	width: 84px;
	background-image: url(../images/Piechke_menu1.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu2_active {
	width: 117px;
	background-image: url(../images/Piechke_menu2.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu3_active {
	width: 92px;
	background-image: url(../images/Piechke_menu3.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu4_active {
	width: 145px;
	background-image: url(../images/Piechke_menu4.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu5_active {
	width: 112px;
	background-image: url(../images/Piechke_menu5.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu6_active {
	width: 118px;
	background-image: url(../images/Piechke_menu6.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu1_en {
	width: 122px;
	background-image: url(../images/Piechke_menu1_en.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu2_en {
	width: 100px;
	background-image: url(../images/Piechke_menu2_en.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu3_en {
	width: 125px;
	background-image: url(../images/Piechke_menu3_en.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu4_en {
	width: 101px;
	background-image: url(../images/Piechke_menu4_en.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu5_en {
	width: 117px;
	background-image: url(../images/Piechke_menu5_en.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu6_en {
	width: 103px;
	background-image: url(../images/Piechke_menu6_en.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.menu1_en_active {
	width: 122px;
	background-image: url(../images/Piechke_menu1_en.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu2_en_active {
	width: 100px;
	background-image: url(../images/Piechke_menu2_en.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu3_en_active {
	width: 125px;
	background-image: url(../images/Piechke_menu3_en.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu4_en_active {
	width: 101px;
	background-image: url(../images/Piechke_menu4_en.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu5_en_active {
	width: 117px;
	background-image: url(../images/Piechke_menu5_en.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.menu6_en_active {
	width: 103px;
	background-image: url(../images/Piechke_menu6_en.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

#menu_element {
	height: 32px;
	float: left;
}


#contenu_top {
	width: 732px;
	margin-right: auto;
	margin-left: auto;
	height: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/Piechke_contenu_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#contenu {
	width: 732px;
	position: relative;
	background-color: #FFF;
	background-image: url(../images/Piechke_contenu_background.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 410px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#contenu_left {
	width: 447px;
	float: left;
	padding-left: 17px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


#contenu_right {
	width: 258px;
	float: right;
}

#contenu_right1 {
	width: 238px;
	height: 116px;
	padding: 10px;
	background-image: url(../images/Piechke_contenu_boite1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#contenu_right2 {
	width: 238px;
	height: 116px;
	padding: 10px;
	background-image: url(../images/Piechke_contenu_boite2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#contenu_right3 {
	width: 238px;
	height: 117px;
	padding: 10px;
	background-image: url(../images/Piechke_contenu_boite3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}


#contenu_bottom {
	width: 732px;
	margin-right: auto;
	margin-left: auto;
	height: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/Piechke_contenu_bottom.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#rectangle {
	float: left;
}


#contenu_entreprise {
	width: 732px;
	margin: auto;
	position: relative;
	background-color: #FFF;
	background-image: url(../images/Piechke_contenu_background.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 810px;
}

#contenu_realisations {
	width: 732px;
	margin: auto;
	position: relative;
	background-color: #FFF;
	background-image: url(../images/Piechke_contenu_background.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 1150px;
}

#footer, footer a {
	width: 698px;
	height: 13px;
	padding-top: 9px;
	margin: auto;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;	
}