/* =================================== *\
|  CSS Structure                         |
|  Date: Janvier 2008                    |
|  Autor I Puselja Pedja                 |
\* =================================== */

/*------------------------------------------------
CSS Reset
--------------------------------------------------*/
/*reset*/
* {margin:0; padding:0}  :link,:visited { text-decoration:none } ul,ol { list-style:none } address { font-style:normal } fieldset { border: 0; } 
img{border:none; background:none;} a img {border: 0 none;} h1, h2, h3, h4, h5, h6{margin:0; padding:0;} .clear{clear:both;}
table {border-collapse:collapse; border-spacing:0;} caption,th {text-align:left;} :focus {-moz-outline-style: none;}
.erreur {
	color:#FF0000;
	font-size:140%;
	font-weight:bold;
	text-align:right;
	margin:30px 120px 20px 0;
} 
.confirm {
	color:#197E2F;
	font-size:140%;
	font-weight:bold;
	text-align:right;
	margin:30px 120px 20px 0;
}

/*------------------------------------------------
General
--------------------------------------------------*/
body {
	background:#D16123 url(../img/bg_body.jpg) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	color:#6A2716;
	font-size:11px;
	line-height:1.4;
	margin:0;
	padding:0;
}

/*------------------------------------------------
Containers
--------------------------------------------------*/
#container {
	margin:0 auto; 
	padding:0 0 0 46px; 
	width:815px;
}
#wrapper {
	width:815px;
	text-align:left;
	background:transparent url(../img/bg_wrapper.gif) repeat-y 0 0;
}
#pozad {
	width:815px;
	background:transparent url(../img/bg_pozad.jpg) no-repeat 0 0;
}

/*------------------------------------------------
Content Home Page
--------------------------------------------------*/
#contenue {
	width:516px;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
}
#contenue a:link, #contenue a:visited {
	color:#1B4A28;
	text-decoration:underline;
}
#contenue a:hover {
	text-decoration:none;
}
.left {
	margin:0;
	padding:0;
	float:left;
	width:340px;
	background:transparent url(../img/bg_left.jpg) no-repeat right top;
}
.left p {
	padding:0 15px 0 0;
	line-height:1.6em;
	margin:10px 0;
}
h2.sifr_title {
	margin:6px 0 20px 0;
}
.left h3 {
	color:#1E4C28;
	font-size:14px;
	font-weight:lighter;
}
.right {
	margin:0;
	padding:0;
	float:left;
	width:176px;
	height:150px;
}
.img_Ref {
	margin:70px 0 0 0;
}
.right h3 {
	font-size:11px;
	color:#1B4A28;
	font-weight:bold;
	margin:0 0 0 6px;
}
p.ref_call {
	margin:0 27px 0 6px;
	font-size:10px;
	line-height:1.2em;
}
.link_Call_Ref {
	font-size:10px;
	margin:5px 0 0 6px;
	background:transparent url(../img/pouce.gif) no-repeat left center;
	padding-left:10px;
}
/*------------------------------------------------
Content Web Site
--------------------------------------------------*/
.edito {
	padding:0 60px 0 0;
}
.edito p {
	line-height:1.6em;
	margin:10px 0;
}
ul.sub_menu {
	padding:0 !important;
	margin:0 !important;
}
ul.sub_menu li {
	display:inline;
	margin:0 0 0 0 !important;
	padding:0 !important;
}
ul.sub_menu a:link, ul.sub_menu a:visited {
	padding:3px;
	background:#F2A464;
	text-decoration:none !important;
}
ul.sub_menu a:hover {
	background:#DA723F;
	color:#ffffff !important;
}

.edito ul {
	margin:10px 0 10px 20px;
}
.edito ul li {
	list-style-position:inside;
	list-style-type:disc;
}
.edito h3 {
	font-size:14px;
	margin:0 0 -10px 0 !important;
	padding:0 !important;
}
.align_Left img {
	float:left;
	margin:0 5px 0 0;
	border:1px solid #D16123;
	padding:2px;
}
.align_Right img {
	float: right;
	margin:0;
	border:1px solid #D16123;
	padding:2px;
}
.style_Image img {
	border:1px solid #D16123;
	padding:2px;
}


/*------------------------------------------------
Header
--------------------------------------------------*/
#header {
	width:815px;
	height:208px;
	background:transparent url(../img/bg_header.jpg) no-repeat 0 0;
}
#header h1{
	padding:15px 0 0 60px; 
	margin:0;
	width:161px; 
	height:67px;
}
#header h1 a:link, #header h1 a:visited, #header h1 a:focus, #header h1 a:hover, #header h1 a:active{
	display:block;
	width:161px; 
	height:67px;
	text-indent:-9999px;
	background:url(../img/logo.gif) 0 0 no-repeat;
}
/*------------------------------------------------
Sidebar // Menu
--------------------------------------------------*/
#sidebar {
	width:275px;
	float:left;
	margin:0;
	padding:0;
}
ul#menu {
	width:275px;
	height:279px;
	background:url(../img/menu.jpg) no-repeat 0 0;
}
ul#menu li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;
}
ul#menu li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../img/menu.jpg) no-repeat;
}
li#societe a {
	width:275px;
	height:31px;
	padding-top:32px;
}
li#activites a {
	width:275px;
	height:31px;
}
li#materiel a {
	width:275px;
	height:32px;
}
li#references a {
	width:275px;
	height:32px;
}
li#contact a {
	width:275px;
	height:31px;
}
li#societe a:hover, li#societe a:focus {
	background-position:-275px 0px;
}
li#activites a:link, li#activites a:visited {	
	background-position:0 61px;
}
li#activites a:hover, li#activites a:focus {	
	background-position:-275px -63px;
}
li#materiel a:link, li#materiel a:visited {	
	background-position:0 94px;
}
li#materiel a:hover, li#materiel a:focus {	
	background-position:-275px -94px;
}
li#references a:link, li#references a:visited {	
	background-position:0 126px;
}
li#references a:hover, li#references a:focus {	
	background-position:-275px -126px;
}
li#contact a:link, li#contact a:visited {	
	background-position:0 158px;
}
li#contact a:hover, li#contact a:focus {	
	background-position:-275px -158px;
}
/*----------Menu active--------------*/
.societe_page li#societe a {
	background-position:-275px 0px !important;
}
.activites_page li#activites a {	
	background-position:-275px -63px !important;
}
.materiels_page li#materiel a {	
	background-position:-275px -94px !important;
}
.references_page li#references a {	
	background-position:-275px -126px !important;
}
.contact_page li#contact a {	
	background-position:-275px -158px !important;
}

/*------------------------------------------------
Adresse
--------------------------------------------------*/
address.contact_adresse {
	margin:10px 0 10px 0;
}
/*------------------------------------------------
Style Formulaire
--------------------------------------------------*/
#contact_forma .contactform {
	position: static;
	overflow: hidden;
}
#contact_forma .contactleft {
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding:2px;
	margin:1px 0;
    font-weight: bold;
	width:27%;
}
#contact_forma .contactright {
	text-align: left;
	float: right;
	display: inline;
	padding:2px;
	margin:1px 0;
	width:70%;
}
.compact_form {
	clear:both;
	padding:1px 0;
	margin:0;
}
.compact_form span {
	color:#2A7942;
	font-weight:bold;
}
#contact_forma form {
	color:#2A7942;
	font-size:100%;
}
#contact_forma label {
	width:150px;
	text-align:right;
	font-weight:lighter;
}
#contact_forma input{
	background:#FCD0AD;
	color:#2A7942;
	border:1px solid #999999;
	margin:0;
	padding:2px 0 2px 5px;
	font-size:100%;
	width:200px;
}
#contact_forma textarea {
	background:#FCD0AD;
	color:#2A7942;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #999999;
	margin:0;
	padding:2px 0 0 5px;
	width:200px;
	font-size:100%;
}

.submitButton {
	margin:-2px 0 0 135px;
	cursor:pointer;
}
/*
.submitButton span {
	display:none;
}
*/
.oblig {
	color:#999999;
	font-size:0.7em;
	margin:20px 0 0 170px;
}
/*------------------------------------------------
Listing
--------------------------------------------------*/

.block_list {
	margin:15px 0 0 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #F4AC72;
	width:480px;
}
.image_Reflect {
	width:50px;
	padding:0;
	margin:0;
	float:left;
}
.image_Reflect img {
	width:40px;
	border:2px solid #fa8427;
	padding:2px;
}
.image_Reflect a:hover img {
	border:2px solid #ef6f0a;
	padding:2px;
}
.image_Reflect a:hover {border:0px }

#references_list div.listing_Edit{
	float: none !important;
	width:450px;
	padding:0 0 0 15px;
}
.listing_Edit {
	float:right;
	width:410px;
	padding:0 0 0 0;
}
.listing_Edit h3 {
	color:#1E4C28;
	font-size:14px;
	font-weight:lighter;
	padding:6px 0 0 0 !important;
	height:30px;
}
.listing_Edit img {
	width:40px;
	border:2px solid #fa8427;
	padding:2px;
}
.listing_Edit a:hover img {
	border:2px solid #ef6f0a;
	padding:2px;
}
.listing_Edit a:hover {border:0px }
/*------------------------------------------------
Footer
--------------------------------------------------*/
#footer {
	height:125px;
	background:transparent url(../img/footer.gif) no-repeat right top;
	width:815px;
}
#footer_Bottom {
	text-align:right;
	color:#F9C9AE;
	font-size:10px;
	padding:0;
	margin:-15px 0 50px 0;
	font-weight:normal;
}
#footer_Bottom a:link, #footer_Bottom a:visited {
	color:#F9C9AE;
}
#footer_Bottom a:hover {
	color:#F9C9AE;
	text-decoration:underline;
}
.credits_image {
	float:left;
	padding:0;
	width:120px;
}
.credits_image img {
	border:1px solid #ccc;
	padding:2px;
}
p.credits_adresse {
	padding:10px 0 0 0;
}