/* CSS Document */
	
body {
text-align: center;
margin: auto;
font:normal 12px/20px "Arial", Arial, Verdana, sans-serif

}

body.acc {
	background: url(../images/body_bckg_acc.jpg) repeat-x;
}

body.tal {
	background: url(../images/body_bckg_tal.jpg) repeat-x;
}

body.sol {
	background: url(../images/body_bckg_sol.jpg) repeat-x;

}
body.tem {
	background: url(../images/body_bckg_tem.jpg) repeat-x;
}

body.car {
	background: url(../images/body_bckg_car.jpg) repeat-x;
}

body.joi {
	background: url(../images/body_bckg_joi.jpg) repeat-x;
}


body.com {
	background: url(../images/body_bckg_com.jpg) repeat-x;
}

#contenant {
position:relative;
width:100%;
}

#contenant_1 {
position:relative;
width:980px;
margin: auto;
}
#contenant_2 {
position:relative;
width: 100%;
}

a{
color:#000000;
}

a:hover{
color:#FF6E18;
}

#logo_head {
position:relative;
text-align:left;
display: block;
top:10px;
bottom:10px;
}

h1{
padding-top:15px;
font-family: Arial, Verdana, sans-serif;
font-size: 30pt;
font-weight:normal;
line-height:30px;
color: #FF6E18; 
}

#home_block_texte {
position:relative;
text-align:left;
width:960px;
padding:10px;
}


#home_block_support {
text-align:center;
}

#footer{
display: block;
position:relative;
padding-top:5px;
background-color:#000000;
width:100%;
text-align:center;
font:normal 12px/20px "Trebuchet MS", Arial, Verdana, sans-serif;
color:#ffffff;
height: 30px;
}

#footer a{
color:#ffffff;
}

#footer a:hover{
color:#FF6E18;

}

#implogo{
  display: none;
}
	
#page {
position:relative;
width: 980px;
margin:0 auto;
text-align:left;
}


#swf {
/* z-index:-1; */
position:relative;
width: 980px;
top:8px;
}


#nav1 {
position:relative;
margin: auto;
display: block; 
height:20px;
top:0px;
right:10px;
font:normal 11px/12px "Trebuchet MS", Arial, Verdana, sans-serif;
}

#nav1 ul {
list-style:none;
margin:0px;
padding:0px;
}

#nav1 ul li {
margin:0;
padding:0;
float:right;
}

#nav1 ul li a {
display:block;
border-left:none;
border-left:1px solid #666;
color:#000000;
padding:0 5px;
text-decoration:none;
}

#nav1 ul li a:hover {
display:block;
border-left:none;
border-left:1px solid #666;
color:#FF6E18;
padding:0 5px;
text-decoration:none;
}

.nav1_selected{
color:#FF6E18;
}

.logos_com{
position:relative;
text-align:left;
vertical-align:middle;
width:167px;
padding-right:15px;
}

.photo{
	float: right;
	width: 180px;
	height: 300px;
	margin-top: 65px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.photo_produits{
	float: right;
	width: 350px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
}

input, select {
background-color: #ffffff;
color: black;
border: #000000 1px solid;
font:normal 12px "Trebuchet MS", Arial, Verdana, sans-serif;
} 

textarea {
background-color: #ffffff;
border: #000000 1px solid;
color: black;
font:normal 12px "Trebuchet MS", Arial, Verdana, sans-serif;

scrollbar-arrow-color:black;
scrollbar-base-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#cccccc;
scrollbar-highlight-color:#ffffff;
} 

.bouton {
background-color: #000000;
font:normal 12px "Trebuchet MS", Arial, Verdana, sans-serif;
border: #ffffff 1px solid;
color: #ffffff
} 

.radioStyle {
background-color: #FF0000;
border: #000000 solid 1px;
font-family: verdana;
font-size: 12px;
color: #000000
}


.chromestyle{
width: 978px;
font:bold 12px/20px "Trebuchet MS", Arial, Verdana, sans-serif;
margin:auto;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle a:hover{
color:#cccccc;
}

.chromestyle ul{
z-index:1;
border: 0px solid #cccccc;
width: 978px;
/*background-color: #77A8B6;*/
padding: 0px 0;
padding-top:10px;
margin: 0;
height:20px;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #ffffff;
padding: 0px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #cccccc;

}

.chromestyle ul li a:hover, 

.chromestyle ul li a.selected{color:#FF6E18; /*script dynamically adds a class of "selected" to the current active menu item*/
/*background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/

}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
margin-top: 8px;
top: 0;
left: 10px;
border: 1px solid #333333; /*THEME CHANGE HERE*/
text-align:left;
border-bottom-width: 0;
font:normal 12px/20px "Trebuchet MS", Arial, Verdana, sans-serif;
line-height:20px;
z-index:100;
background-color: #333333;
width: 400px;
visibility: hidden;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
text-align:left;
border-bottom: 1px solid #ffffff; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #000000;
color:#FF6E18;
}