/* Reset css */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* Fin Reset css */
body
{
 background: url(../images/bg.png) repeat-x top left #2a2a2a;
 font-family:Verdana, Geneva, sans-serif;
 font-size:9px;
}

.clear
{
 clear:both;
}

#contener
{
  margin:0 auto;
  width:1000px; 
  text-align: left; /* on rétablit l'alignement normal du texte */ 
  position:relative;
}

/* Logo */

#logo
{
 background: url(../images/logo.png) no-repeat top left;
 width:395px;
 height:57px;
 margin:50px 0 0 50px;
}

#logo_fond
{
 background: url(../images/logo_fond.png) no-repeat top left;
 width:407px;
 height:304px;
 position: absolute;
 top:-140px;
 right:0px;
}

/* Fin Logo*/
/* Menu */

#info_bulles
{
 visibility: hidden;
}

#menu_general 
{
 height: 60px;
}

#menu 
{
 position:relative;
 left:600px;
 top:0px;
 width:310px;
}

#menu li
{
 float: left;
 margin:10px 40px 10px 0;
 list-style:none;
}

#menu li a
{
 color:#6b6b6b;
 text-decoration:none;
 text-align:center;
 font-size: 1.4em;
 width: 100%;
}

#menu li a:hover
{
 color:#ffffff;
}

#menu li a.active
{
 color:#ffffff;
}

#info_bulles 
{
 position: absolute;
 z-index: 1;
 right: 425px;
 top: -20px;
}

.bulle 
{
 position: absolute;
}

#h_menu
{
 background: url(../images/b_menu.png);
 width:363px;
 height:1px;
 margin:0 0 0 -50px;
}

#b_menu
{
 background: url(../images/b_menu.png);
 width:363px;
 height:1px;
 margin:37px 0 0 -50px;
}

/* Fin Menu */
/* Contenu */

#contenu
{
 width:750px; 
 text-align: justify;
 margin: 30px auto 0 auto;
}

#contenu h1
{
 color:#6b6b6b;
 font-size: 1.4em;
 margin: 10px 0 0 0;
}

#contenu #presentation, #capacitees
{
 float: left;
 margin:0 50px 0 0;
}

#contenu p
{
 color:#ffffff;
 font-size: 1.3em;
 width: 320px;
}
/* Fin Contenu */
/* Contact */
form
{
 width: 650px;
 margin:0 auto;
 font-size: 1.3em;
 color:#FFFFFF;
}

fieldset
{
 float: left;
}

fieldset#profil p
{
 margin:5px 0 0 30px;
 
}

#contact p#obligatoire
{
	color:red;
	margin:0 auto;
}


fieldset#profil p input
{
 background: url(../images/bg_form.png) no-repeat top left;
 width:169px;
 height:20px;
 border:none;
 color:#0185f1;
}

fieldset#profil p#ps
{
 font-size:0.8em;
 color:#FFFFFF;
}

fieldset#message textarea
{
 background: url(../images/bg_area.png) no-repeat top left;
 border:none;
 margin:5px;
 color:#FFFFFF;
}
input#bouton
{
float: right;
margin:0 30px 0 0;
}

input#bt
{
 background: url(../images/bg_bt.png) no-repeat top left;
 width: 30px;
 height: 30px;
}

#bouton
{
  background: url(../images/bg_bt.png) no-repeat top left;
  float:right;
  margin:0 100px 0 0;
}

input#bt:before
{
 content: url(../images/bg_bt.png);
 width:20px;
 height: 20px;
}

div#bt a:before
{
 content: url(../images/bg_bt.png);
}

/* Fin Contact */
/* Realisations */

#realisations p#titre
{
 color:#0185f1;
 margin:10px;
}

#realisations .imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}


#realisations .imgteaser a {
	text-decoration: none;
	float: left;
}
#realisations .imgteaser a:hover {
	cursor: pointer;
}
#realisations .imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 1px;
	background: #fff;
}
#realisations .imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	/*filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";*/ /*--IE 8 Transparency--*/
}
#realisations .imgteaser a .desc {	display: none; }
#realisations .imgteaser a:hover .more { visibility: hidden;}
#realisations .imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	background: #111;
	/*filter:alpha(opacity=75);
	opacity:.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/ /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 8px;
	left: 8px;
	padding:5px 0 5px 10px;
	margin: 0px;
	width: 678px;
	border-top: 1px solid #0185f1;
}
#realisations .imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}


/* Fin Realisations */
/* Footer */

#footer
{
 background: url(../images/footer.jpg) no-repeat bottom left;
 width: 831px;
 height: 136px;
 margin:5px auto 0;
 color:#ffffff;
}

#footer p
{
 float: left;
 font-size: 1em;
}

#footer a
{
 color:#ffffff;
 text-decoration: none;
}

#footer a:hover
{
 color:#6b6b6b;
}

#footer p#copy
{
 margin:61px 160px 0 120px;
}

#footer p#valid
{
 margin:61px 10px 0 0;
}

#footer p#validbis
{
 margin:61px 0 0 0;
}

/* Fin Footer */

/*-------- resources -------*/

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:300px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:1px solid #494e52;
	background-color:#636d76;
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url(images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url(images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}
/*-------- fin resources -------*/