/*----------------- UTILS   ---------------- */
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
.clearfix {
	min-height:0px;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

/*----------------- GENERAL ---------------- */
html {
	margin:0;
	padding:0;
}
		
body {
	background-color: #655838;
	background-image: url(interface_01/bkg-accueil_repeat.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	height:100%;
	margin:0;
	padding-bottom: 85px;
}

img {
	display: block;
	border: none;	
}

/*----------------- MENUS ---------------- */
#enTete {
	height:185px;
}

#navigation {
	list-style: none;
	margin: 0 auto 0 auto;
	padding:37px 0 0 0;
	height: 60px;
	width:1219px;
}

#navigation li {
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	height: 60px;
}

#navigation a {display: block;}

#navigation a img {
	position: absolute;
	top:0;
	left:0;
}

#navigation .nav_accueil {background: url(interface_01/menu-accueil_v.jpg) top left no-repeat;}
#navigation .nav_webdesign {background: url(interface_01/menu-webdesign_v.jpg) top left no-repeat;}
#navigation .nav_widget {background: url(interface_01/menu-widget_v.jpg) top left no-repeat;}
#navigation .nav_design-logiciel {background: url(interface_01/menu-design-logiciel_v.jpg) top left no-repeat;}
#navigation .nav_identite {background: url(interface_01/menu-identite_v.jpg) top left no-repeat;}
#navigation .nav_print {background: url(interface_01/menu-print_v.jpg) top left no-repeat;}
#navigation .nav_contact {background: url(interface_01/menu-contact_v.jpg) top left no-repeat;}

#tablo-menu-bas {
	background-color : transparent;
	width:1219px;
	margin: 0 auto 0 auto;
	border-spacing: 1px;
}

#tablo-menu-bas td {
	padding: 0;
}

#tablo-menu-bas .dessus td {
	width:114px;
	height: 3px;
	text-align: center;
	vertical-align: middle;
	font-size: 1px;	
}

#tablo-menu-bas .dessus td.court {
	width: 1px;
}
#tablo-menu-bas .dessus td.selected {
	background-color: #9c906c;
}

#tablo-menu-bas .principal td {
	width:114px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	background-color: #b3aa8b;	
}

#tablo-menu-bas .principal td a {
	color: #000000;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
}

#tablo-menu-bas .principal td.court {
	width: 20px;
	background-color: transparent;
}
#tablo-menu-bas .principal td.court img {
	display: inline;
}
#tablo-menu-bas .principal td.selected {
	background-color: #c1baa3;
}

#tablo-menu-bas .dessous td {
	width:114px;
	height: 5px;
	text-align: center;
	vertical-align: top;
	font-size: 1px;	
}

#tablo-menu-bas .dessous td.court {
	width: 20px;
}

#tablo-menu-bas .dessous img {
	display: inline;
}

/*----------------- CONTENT ---------------- */
#corps {
	position: relative;
	width: 1245px;
	text-align: center;
	margin: 0 auto 0 auto;
	background-image: url(interface_01/bkg-accueil-corps.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.flash {
	width :1219px;
	margin: 0 auto 0 auto;	
}

#tablo-content {
	width:1219px;
	margin: 17px auto 17px auto;
	border: none;
	border-collapse: collapse;	
}
/* en general */
#tablo-content td {
	text-align: left;
	vertical-align:top;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #e1e0e0;
	letter-spacing: 1px;
	line-height: 17px;
	
	padding: 20px 25px 10px 25px;
	background-color: #6B6347;
	width: 305px;
}

#tablo-content td strong {
	color: white;
}

/* les exceptions */
#tablo-content td.logo {
	padding: 0;
	width: 602px;
}
#tablo-content td.separateur {
	padding:0;
	text-align:right;
	width: 10px;
}
#tablo-content td.direction {
	background-color: #797051;
	padding-left: 25px;
	padding-right: 25px;
	width: 305px;
}

#tablo-content .content-bas td {
	height: 25px;
	padding: 0;
	vertical-align: middle;
	font-size: 10px;
	letter-spacing: normal;
	font-family: Arial, Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #e1e0e0;
	letter-spacing: 1px;
	padding-left: 24px;
	padding-right: 24px;
}
#tablo-content .content-bas td a {
	color: #e1e0e0;
}

#tablo-content td.developpement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	padding-right:25px;
	text-align: right;
	color: #868650;
	font-weight: normal;
	letter-spacing: normal;
	font-size: 9px;
	width: auto;
}

#tablo-content td.developpement a {
	color: #868650;
}

#tablo-content img {
	display: inline;
}

#goto-top {
	position:relative;
	width:1219px;
	height: 40px;
	margin: 0 auto 0 auto;
}

#goto-top a {
	display: block;
	width: 114px;
	height: 15px;
}

#goto-top img {
	position: absolute;
	top:0;
	left:0;
}

.bas-g-content-fenetre {
	margin:0 auto 0 auto;
	width: 1218px;
	background: url(interface_01/bas-gauche.gif) bottom left no-repeat;
}

.bas-d-content-fenetre {
	background: url(interface_01/bas-droite.gif) bottom right no-repeat;
	padding-bottom: 15px;
}

.content-fenetre {
	background: #696043 url(interface_01/bkg-accueil-haut.jpg) center top no-repeat;
}

.content-fenetre img {
	display: inline;
}

/*----------------- FOOTER ---------------- */
#pied {
	float:none;
	background: #000;
	position:fixed;
	height:80px;
	width:100%;
	bottom:0;
	padding:0;
	color:#FFFFFF;
	z-index: 15;
}