/************
 ************  Reset
 ************/ 
* {
	margin: 0; padding: 0;
	border: 0px;
	list-style: none;
	font-size: 1em;	font-family: "Times New Roman", Georgia, serif;	color: #101010; text-decoration: none;
}
a:hover  {   
	color: #00a9d1;
}
/************
 ************  Global
 ************/ 
html {    
	overflow: auto;
} 
body {	
	font-size: 10px; 
	background-color: #FAFAF1;  
}
body.informations {	 
	background: #FAFAF1 url(../img/bg/tete_detouree_fond.jpg) no-repeat right 0;  
}
body.liens {	 
	background: #FAFAF1 url(../img/bg/courone_fond.jpg) no-repeat right 0;
}
/************
 ************  Wrapper
 ************/ 
#wrapper {	     
	width: 750px;
	margin: auto;	
}
/************
 ************  Title
 ************/  
#header {
	margin:15px 0 0 0;
} 
#header h1, #header h2 {
	height: 90px;        
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #858271; 
	margin:0; padding: 0 0 5px 0; 
}
#header h2 a {
	width: 410px; height: 90px;
	display: block;
	position: relative;
	cursor:pointer;
	background: #FFFFFF url(../img/visu/title.jpg) no-repeat top left;
	text-indent: -9999px;
}
#header h1 span {
	width: 410px; height: 90px;
	display: block; 
	position: absolute; top: 0px; left: 0px;
	background: #FFFFFF url(../img/visu/title.jpg) no-repeat top left;
	text-indent: -9999px; 
}
#header h2 a span {
	width:410px; height: 90px;
	display: block; 
	position: absolute; top: 0px; left: 0px;
	cursor:pointer;
	background: #FFFFFF url(../img/visu/title.jpg) no-repeat bottom left;
	text-indent: -9999px; 
}
/************
 ************  Menu
 ************/ 
#menu {
	border-bottom: 1px solid #858271;
	padding: 5px 0 10px 0;
	font-size: 1.4em;
}
#menu ul {      
	width: 150px; height: auto;
	float: left;        
}    
#menu li a {
}
#pages .projetspro a {
	color: red;
}
#pages .projetspro a:hover {
	color: #00a9d1;
}
#projects > li > a {
	font-weight: bold; 	
}
/************
 ************  Accordéon
 ************/ 
.js #menu #projects {      
	width: 450px;
	float: left;
	position: relative;        
}
.js #menu #projects ul {
	width: 300px;
	position: absolute;	left: 185px; top: 0px;
} 
#menu a.actif {
	color: #00a9d1;
} 
#menu li.current a {
	color: #00a9d1;
} 
#menu li.current ul li a {
	color: #101010;
} 
#menu li ul li.current a {   
	color: #00a9d1;
}                        
/************
 ************  Category
 ************/
.category #container h1 {    
	width:  600px;     
	margin: 40px 0 10px 150px;
	font-size: 3em; font-style: italic; font-weight: bold;   
}   
.category .post {
	margin: 50px 0 0 0;      
	border-top: 1px solid #000000;   
}        
/************
 ************  Post
 ************/ 
.post {   
	margin: 0 0 70px 0;             
}
.post a {
	color:#00a9d1;
}
.post a:hover {
	color:#f81c04;
}
.post h1 {    
	width:  600px;     
	margin: 40px 0 10px 150px;
	font-size: 2.2em; font-style: italic; font-weight: bold;     
}
.post h2 {    
	width:  600px;     
	margin: 30px 0 0 150px; padding: 30px 0;
	font-size: 2.2em; font-style: italic; font-weight: bold;
	border-top: 1px solid #858271; border-bottom: 1px solid #858271;      
}
.post h3 {    
	width:  600px;     
	margin: 40px 0 10px 150px;
	font-size: 1.8em; font-style: italic; font-weight: bold;     
}
.post p {    
	width:  600px;     
	margin: 0px 0 25px 150px;
	font-size: 1.3em; line-height: 1.077em; font-style: italic;
}
.post ul {    
	width:  600px;     
	margin: 0 0 0 150px;
}
.post ul li {    
	float: left;
	margin: 10px 10px 0 0;
}
.post ul li img {    
	 display:block;
}
/************
 ************  Gallery
 ************/ 
.js .post .content .gallery {   
	width: 100%;
	position: relative;
	margin: 10px 0 25px 0;
}
.js .post .content .container {
	height: auto;    
	width: 600px;       
	overflow: hidden;       
	position: relative; 
	margin: 0 0 0 150px;
}
.js .post .content .gallery ul {
	margin: 0;
	position: relative;  
}
.js .post .content .gallery li {
	display:block;      
	margin: 0;
	float: left;
	position: relative;
}
.js .post .content .gallery li img {   
	display:block;
	margin: 0 10px 0 0px;
}
.js .post .content .gallery .navigation {
	width: 150px;
	margin: 0 15px 0 0;
	position: absolute; bottom: 0px; right: 600px;
	font-size: 2.5em; text-align: right;
}
.js .post .content .gallery .navigation a {
	font-weight: bold;
	font-size: 1.5em;
}
.js .post .content .gallery .description{
	width: 150px;
	margin: 0 15px 0 0;
	position: absolute; bottom: 30px; right: 600px;
	font-size: 1.2em; text-align: right;
} 
/************
 ************  Links
 ************/
#links {
	width:auto;
	margin: 0; 
	padding: 0;  
} 
#links li {
	display:block;
	float: none;
	width: auto;
	position: static;
	margin: 30px 0 0 150px;
	padding: 0;
	font-size: 1.3em;
	font-style: italic;   
} 
#links li a {
	font-weight: bold;   
} 
/************
 ************  A propos
 ************/
 .post .picto * {
 	vertical-align: middle;
 }
 .post .picto img {
 	padding: 0 10px 0 0;
 }
/************
 ************  FORMULAIRE CONTACT
 ************/
.post form {
}
.post form p {
	margin: 10px 0 5px 150px;
}
.post form input, .post form textarea {
	width: 140px;
	padding: 5px; margin: 3px 0;
	border: 1px solid #AAAAAA;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
.post form textarea {
	height: 50px;
	width: 290px;
}
.post form .wpcf7-form-control-wrap {
	display:block; position: relative;
}
.post form .wpcf7-not-valid-tip-no-ajax {
	position: absolute; left:150px; width: 150px;
	padding: 0 0 0 10px;
	color: red;
}
.post form .submit input {
	background-color:#888481;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	font-style:italic;
	width:150px;
}
.post form .submit input:hover {
	background-color:#000000;
	color: #FFFFFF;
}
.post form .wpcf7-response-output {
	width: 150px;
	margin: 10px 0 5px 185px;
	font-size:1.3em; font-style: italic;
}
.post form .wpcf7-validation-errors {
	color: red;
}
.post form .wpcf7-mail-sent-ng {
	color: green;
} 
 /***********
 ************  Home
 ************/
.home #content table {
	margin: 2px 0 0 0;
}
.home #content table td a {
	display: block;
	position: relative;
}                          
.home #content table td a * {
	cursor: pointer;
}
.home #content table td a img {
	display: block;
}
.home #content table td a span {
	display: block;
	position: absolute; top: 0px; left: 0px;
	color: #FFFFFF; font-size: 3em;
	background: transparent url(../img/bg/bg_home.png) repeat 0 0;
	overflow: hidden;
}
.home #content table td.main a span {
	font-size: 6em;
}
.home #content table td.second a span {
	font-size: 5em;
}
 /***********
 ************  Easy clearing
 ************/ 
#menu:after,
.post .content .gallery ul:after,
#links:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}