/*
	 CSS-Tricks Example - MagicLine Demo
	 by Chris Coyier
	 http://css-tricks.com
*/

html { 
background: #000000;
width: 100%;

 }

p { 
font-family: 'optima_lt_std_mediumregular';
font-size: 14px;
 }



body { 
width: 100%;
margin-left: auto;
margin-right: auto;
height: auto;
margin-top: 0;
overflow: auto;
position: absolute;
top: 0;
min-height: 600px;
 }
* { margin: 0; padding: 0; }
body { font: 12px Arial; background: #000000 url('../img/bghomeblack.jpg') top center no-repeat; color: #000000; }

.homezone { 
height: 300px;
width: 200px;
margin: 200px auto;

 }

table { 
margin: 0px auto;
 }
 
.homezone:hover { 

cursor: pointer;


 }

header { padding: 10px; display: block; padding-top: 0px; margin: 0px auto; }
header h1 { width: 620px; margin: 0 auto; }
header img { margin: 0px auto; padding-top: 8px; padding-bottom: 8px; display: block; border-top: solid 10px black;}

.wrapall { 
width: 100%;
height: 100%;
display:none;
background: none; }
 
.wrap { 


width: 1020px;
margin: 0px auto;

background: none;
height: 100%;
 }
a { color: #eee; }
a:hover { color: white; }

.left { 
float: left;
text-align: right;
padding-right: 100px;
width: 340px;
 }

.right { 
float: right;
text-align: left;
padding-left: 100px;
width: 340px;
 }

.content div.main { 
margin-top: 40px;
padding-top: 0px;
display:none;
text-align: center;
background: url('../img/bgcontent.png');
min-height: 300px;
 }
 
#agence  { 
display: block;
background: none;
margin-top: 110px;
 } 

#equipe { 
margin: 0px auto;
margin-top: 30px;
width: 400px;
border-top: solid 5px black;


 } 

#contact { 
margin: 0px auto;
margin-top: 30px;
width: 400px;

 } 


#equipe { 
text-align: left;
padding-top: 30px;padding-bottom: 30px;
 }
 
#agence img { 
margin: 30px;
 } 
 
 #contact table tr td { 
 text-align: left;
 width: 200px;
 
  }
 
#contact { 
padding-top: 40px;
 } 
.nav-wrap { 
display: block;	
}

/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */



/* Example One */
#example-one { margin: 0px auto; list-style: none; padding: 6px 0 4px; position: relative; text-align: center; text-transform: uppercase; }
#example-one li { display: inline-block; margin: 6px 25px 4px; }
#example-one li a { color: #000000; font-size: 12px; margin-left: 25px; margin-right: 25px; text-decoration: none; }
#example-one a:hover { 
	color: #000000; 
}
#magic-line { 
	position: absolute;
	bottom: -2px; 
	left: 0; 
	width: 100px; 
	height: 2px; 
	background: #000000;
}
.current_page_item a { 
	color: #000000 !important; 
}
.ie6 #example-one li, .ie7 #example-one li { 
	display: inline; 
}
.ie6 #magic-line {
	bottom: -3px;
}


#equipe table {
margin: 0px auto;
margin-bottom: 10px;
display:block;

}

#equipe table img {
width: 100px;
height: 100px;

}

#equipe table td {


}

#contact table {
margin: 20px auto;
margin-bottom: 10px;
display:block;
width: 400px;
}


tr.message td{

padding-top: 20px;
}

table tr td input{
padding: 5px;
width: 80px;
}

table tr td .submit {
padding: 5px;
width: 80px;
background:	white;
border: solid 1px gray;
}

table tr td .submit:hover {
cursor: pointer;
color: #ff9900;
}

td.champ textarea {

width: 220px;
padding: 5px;
height: 60px;
margin-bottom: 20px;
}

.ra { 

color: black; margin: 30px; font-size: 60px; text-decoration: none;

 }

.ra:hover, .activated { 
color: #FF9900;
 }
 
 .activated { 
 cursor: default;
  }
 
 .footer { 
 clear: both;
 border-top: solid 5px black;
 font-size: 10px;
 text-align: center;
 width: 400px;
 margin: 50px auto;
 padding-top: 10px;
  }