body {
	background: url(../Images/top_back.jpg) top center no-repeat;
	font:normal 12px/14px arial;
	color: #2b1c0a;
	background-color: #1f1810;
	margin : 0px;
	padding : 0px;
	border : none;
}

h1 {
	font-size: 16px;
	margin:0px;
}

h2 {
	font-size: 14px;
}

p{
	text-align:justify;
	font-size:12px;
}

a{
	color: #2b1c0a;
	font-weight:bold;
}

span{
	font-size:12px;
}

#main_out{
background:url(../Images/vert_background.jpg);
width:800px;
min-height:400px;
height:auto !important;
height:400px;
}

#main{
padding:50px 100px 0px 100px;
}


#wrap{
background: url(../Images/header.jpg) top center no-repeat;
width:800px;
position:relative;
left:50%;
margin-left:-400px;
}

#language a{
width:100px;
position:relative;
text-align:right;
left:700px;
top:-26px;
outline: none;
display: block;
clear: both;
font-size: 100%;
color: #1f1810;
text-decoration: none;
font-weight:bold;
z-index:10;
}

#language a:hover{
color: white;
}


#logo{
/*background: url(Images/checker_512.gif);*/
height:127px;
width:229px;
position:relative;
left:37px;
top:20px;
}

#ad{
position:relative;
left:460px;
top:-35px;
height:0px;
width:0px;
}

#animmenu{
height:30px;
position:relative;
top:42px;
left:24px;
z-index:12;
}

#animmenu a{
outline: none;
display: block;
clear: both;
font-size: 100%;
height:30px;
color: black;
text-decoration: none;
}

#animmenu a img, #ad a img{
position: absolute;
display: block;
clear: both;
text-decoration: none;
outline: none;
border-width:0px;
}

.home a  {
width: 75px;
background: #ffffff url(../wave/home.gif) 0px 0px no-repeat;
}

.accueil a  {
margin-left:3px;
width: 67px;
background: #ffffff url(../wave/accueil.gif) 0px 0px no-repeat;
}

.website a  {
width: 88px;
background: #ffffff url(../wave/website.gif) 0px 0px no-repeat;
}

.site a  {
width: 98px;
background: #ffffff url(../wave/site.gif) 0px 0px no-repeat;
}

.hosting a  {
width: 88px;
background: #ffffff url(../wave/hosting.gif) 0px 0px no-repeat;
}

.hebergement a  {
width: 104px;
background: #ffffff url(../wave/hebergement.gif) 0px 0px no-repeat;
}

.identity a  {
width: 88px;
background: #ffffff url(../wave/identity.gif) 0px 0px no-repeat;
}

.identite a  {
width: 67px;
background: #ffffff url(../wave/identite.gif) 0px 0px no-repeat;
}

.prints a  {
width: 82px;
background: #ffffff url(../wave/prints.gif) 0px 0px no-repeat;
}

.impression a  {
width: 90px;
background: #ffffff url(../wave/impression.gif) 0px 0px no-repeat;
}

.contact a  {
width: 79px;
background: #ffffff url(../wave/contact.gif) 0px 0px no-repeat;
}

.contact_fr a  {
width: 71px;
background: #ffffff url(../wave/contact_fr.gif) 0px 0px no-repeat;
}

/*because the stupid IE doesn't calculate CSS rules correctly,
I had to use the id's instead of classes to style*/
#animenu a{
color: black;
}

#animmenu a:hover {
color: #400;
}

#animmenu.noscript a:hover{
background: #ffffff url(../menuanim.png) 0px -420px;
/*This style is used for hovering when user does not enable javascript*/
}

#tri{
background: url(../Images/tri.png);
height:10px;
width:20px;
position:relative;
top:-150px;
}



#index_box{
background:url(../Images/menu_blank.jpg);
width:335px;
height:351px;
color:#ccc;
text-align:left;
margin:0px auto;
}

#index_box a, #index_box li, #index_box h2, #index_box h1{
list-style-type:none;
color:#ccc;
text-decoration:none;
font:bold 14px/20px arial;
	margin:0px;
	padding:0px;
	line-height:27px;
}

div.transbox
{
width:335px;
height:351px;
  margin: 0px 0px;
  filter:alpha(opacity=60);
  opacity:0.6;
 padding:25px 0px 0px 35px;
}

#center{
text-align:center;
}

#footer{
background:url(../Images/footer.jpg) no-repeat;
height:140px;
width:800px;
margin:0px;
font:normal 11px/11px arial;
text-align: center;
padding:0px 0px 30px 0px;
	}
	
#footer_txt{
position:relative;
top:80px;
}
	
#footer a{
font-weight:normal;
text-decoration:none;
}
	
#signa{
	width:100%;
	text-align: center;
	color:#48413a;
	position:relative;
	top:35px;
	}
	
#signa a{
	color:#48413a;
}

#signa img{
	border:none;
	vertical-align:middle;
}

.img_full_width{
width:750px;
margin-left:-75px;
padding-bottom:40px;
}

.template_right{
text-align:left;
position:relative;
left:360px;
width:370px;
}

.site_right{
text-align:left;
position:relative;
left:400px;
width:330px;
height:220px;
padding-bottom:70px;
}

.site_left{
text-align:left;
position:relative;
width:330px;
height:220px;
padding-bottom:70px;
}

.img_full_width h2{
padding-left:600px;
}

.img_full_width a{
font:bold 12px/12px arial;
text-decoration:none;
}

#exp li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	line-height:15px;
	text-align:justify;
}

#exp_table li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	line-height:15px;
}

#exp ul{
font:normal 12px/14px arial;
padding-top:70px;
padding-bottom:0px;
}

#full_right a{
padding-left:500px;
}

#full_left a{
padding-left:100px;
}

/*.exp{
margin-left:-25px;
text-align:center;
margin-bottom:50px;
}

.exp a{
font:bold 12px/12px arial;
text-decoration:none;
}

.exp li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size:80%;
	line-height:15px;
}

.exp ul{
text-align:left;
	margin:20px 10px 30px 10px;
}
*/
#rgt ul{
	padding:80px 0px 0px 400px;
}

#rgt h2{
text-align:left;
	padding:0px 0px 0px 650px;
}


.contact_form {
	margin:0px 0px 0px 0px;
	padding:80px 0px 0px 0px;
}

.contact_form input{
font:bold 12px/12px times;
background:none!important;
border:0px solid #fff;
border-bottom:1px solid #444;
color:#bbb;
}

#select01{
background:url(../arrow.gif) no-repeat!important;
background-position: 165px 2px!important;
}

.contact_form textarea{
overflow: auto;
font:bold 12px/12px times;
background:none!important;
border:1px solid #444;
color:#bbb;
margin-bottom:10px;
}

#send{
font:bold 12px/12px times;
background:#22281d!important;
color:#bbb;
cursor:pointer;
   border-style:solid;
   border-color:#888;
   border-width:1px;
line-height:20px;
}

.template li{
	color: #2b1c0a;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	font-size:100%;
	line-height:15px;
	color: #554a37;
	text-align:justify;
}