* { 
	margin:0;
	padding:0;
}

body {
	background-color:#fff;
	font: normal 11px verdana, tahoma, arial, trebuchet, "sans serif";
	color: #000;
	line-height:18px;
}

.center {
	text-align:center;
	width: 970px;
	margin: 0 auto;
}

a {
	text-decoration:none;
	color:#FBA701;
}

a:hover {
	color:#FC8300;
	text-decoration:underline;
}

a:visited {
	color:#9F0408;
}

/* entete */

#header {
	height:93px;
	background-image:url(../images/fond_navig.gif);
	background-repeat:repeat-x;
}

#logo {
	display: block;
	width: 249px;
	height: 87px;
	background: transparent url('../images/logo.png') no-repeat left top;
	text-indent: -3000px;
	float: left;
	margin-top:0px;
}

/* navigation */
ul#nav {
	float: right;
	margin: 36px 0px 0px 0px;
	list-style-type: none;
	font: normal 12px tahoma;
	height: 22px;
}

ul#nav li {
	display: block;
	float: left;
	height: 22px;
	margin-right: 2px;
}

ul#nav li a,
ul#nav li a:visited {
	display: block;
	height: 22px;
	text-indent: -5000px;
	overflow: hidden;
}

#navHome a {
	width:64px;
	background: transparent url('../images/nav_home.gif') no-repeat left top;
}

#navSociete a {
	width:66px;
	background: transparent url('../images/nav_societe.gif') no-repeat left top;
}

#navCompetences a {
	width:104px;
	background: transparent url('../images/nav_competences.gif') no-repeat left top;
}

#navReferences a {
	width:94px;
	background: transparent url('../images/nav_references.gif') no-repeat left top;
}

#navPartenaires a {
	width:101px;
	background: transparent url('../images/nav_partenaires.gif') no-repeat left top;
}

#navContact a {
	width:74px;
	background: transparent url('../images/nav_contact.gif') no-repeat left top;
}

#navHome a:hover,
#navSociete a:hover,
#navCompetences a:hover,
#navReferences a:hover,
#navPartenaires a:hover,
#navContact a:hover,
#navHome a.current,
#navSociete a.current,
#navCompetences a.current,
#navReferences a.current,
#navPartenaires a.current,
#navContact a.current {
	background-position: 0px -22px;
}

/* Bandeau orange */

#bannerHome {
	height: 298px;
	overflow: hidden;
	background: transparent url('../images/fond_accueil.gif') repeat-x left top;
}

#bannerHome .left {
	width:590px;
	height:298px;
	overflow: hidden;
	float:left;
}

#bannerHome .right {
	width:373px;
	height:298px;
	background: transparent url('../images/home_droite.jpg') no-repeat left top;
	overflow: hidden;
}

#threeButtons {
	list-style-type: none;
	margin: 39px 0 0 15px;
}

#threeButtons li {
	width: 356px;
	height: 86px;
}

#threeButtons li#btGfxdesign a {
	display: block;
	width: 356px;
	height: 86px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../images/home_bt1.jpg') no-repeat left top;
}

#threeButtons li#btWeb a {
	display: block;
	width: 356px;
	height: 86px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../images/home_bt2.jpg') no-repeat left top;
}

#threeButtons li#btPhoto a {
	display: block;
	width: 356px;
	height: 86px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../images/home_bt3.jpg') no-repeat left top;
}

#threeButtons li#btGfxdesign a:hover,
#threeButtons li#btWeb a:hover,
#threeButtons li#btPhoto a:hover {
	background-position: left -86px;
}

/* Bandeau orange / Société */
#banner_societe {
	height: 198px;
	overflow: hidden;
	background: transparent url('../images/fond_ban.gif') repeat-x left top;
}

#banner_societe .left {
	width:590px;
	height:198px;
	overflow: hidden;
	background: transparent url('../images/ban_societe_gauche.jpg') no-repeat left top;
	float:left;
}

#banner_societe .right {
	width:373px;
	height:198px;
	background: transparent url('../images/ban_societe_droite.jpg') no-repeat left top;
	overflow: hidden;
}

/* Bandeau orange / Compétences */
#banner_competences {
	height: 198px;
	overflow: hidden;
	background: transparent url('../images/fond_ban.gif') repeat-x left top;
}

#banner_competences .left {
	width:590px;
	height:198px;
	overflow: hidden;
	background: transparent url('../images/ban_competences_gauche.jpg') no-repeat left top;
	float:left;
}

#banner_competences .right {
	width:373px;
	height:198px;
	background: transparent url('../images/ban_competences_droite.jpg') no-repeat left top;
	overflow: hidden;
}

/* Bandeau orange / Références */
#banner_references {
	height: 198px;
	overflow: hidden;
	background: transparent url('../images/fond_ban.gif') repeat-x left top;
}

#banner_references .left {
	width:590px;
	height:198px;
	overflow: hidden;
	background: transparent url('../images/ban_references_gauche.jpg') no-repeat left top;
	float:left;
}

#banner_references .right {
	width:373px;
	height:198px;
	background: transparent url('../images/ban_references_droite.jpg') no-repeat left top;
	overflow: hidden;
}

/* Bandeau orange / Partenaires */
#banner_partenaires {
	height: 198px;
	overflow: hidden;
	background: transparent url('../images/fond_ban.gif') repeat-x left top;
}

#banner_partenaires .left {
	width:590px;
	height:198px;
	overflow: hidden;
	background: transparent url('../images/ban_partenaires_gauche.jpg') no-repeat left top;
	float:left;
}

#banner_partenaires .right {
	width:373px;
	height:198px;
	background: transparent url('../images/ban_partenaires_droite.jpg') no-repeat left top;
	overflow: hidden;
}

/* Bandeau orange / Contact */
#banner_contact {
	height: 198px;
	overflow: hidden;
	background: transparent url('../images/fond_ban.gif') repeat-x left top;
}

#banner_contact .left {
	width:590px;
	height:198px;
	overflow: hidden;
	background: transparent url('../images/ban_contact_gauche.jpg') no-repeat left top;
	float:left;
}

#banner_contact .right {
	width:373px;
	height:198px;
	background: transparent url('../images/ban_contact_droite.jpg') no-repeat left top;
	overflow: hidden;
}

/* Formulaires */
.form_txt {
	width:150px;
	text-align:right;
	float:left;
	height:25px;
}

.form_elts {
	/*width:350px;*/
	height:25px;
}

/* Références */
div .ref_categ ul {
  margin-top: 8px;
  margin-left: 60px;
  list-style-type: none;
}

li.ref_cat {	
	background: transparent url('../images/ref_cat.png') no-repeat left 4px;
	text-align:left;
	text-indent:25px;
	line-height:25px;
	margin-bottom:3px;
}

.listeRef{
	background: transparent url('../images/fond_contenu.gif') repeat-x left top;
	text-align:left;
	margin : 6px 0;
	height:90px;
	overflow:hidden;
	clear:both;
	border:1px solid #efefef;
}

.imgRef {
	width:170px;
	height:120px;
	overflow:hidden;
	margin:4px;
	float:left;
}


/* News */
#news {
	height: 40px;
	background-color: #4C555C;
	background-repeat:no-repeat;
	background-position:center top;
}

#news p {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	color: #d8d8d8;
	line-height: 40px;
}

#newsticker {
	position: relative;
}
#newsticker ul {
	list-style: none;
	min-height: 1.6em;
	padding: 0px 0px;
	padding-right: 30px;
        margin: 0px;
}

#newsticker a {
  color: #d8d8d8;
  text-decoration:none;
}
* html #newsticker ul {
	height: 1.3em;
	overflow: visible;
}

/* Contenu */

#content {
	background: transparent url('../images/fond_contenu.gif') repeat-x left top;*/
}

.mainCol {
	width: 549px;
	margin-top: 24px;
	padding-right: 40px;
	padding-bottom: 18px;
	float: left;
	text-align:left;
}

.subCol {
	width: 371px;
	margin-top: 24px;
	float: right;
	background: transparent url('../images/separateur.gif') repeat-y left 4px;
}



h2 {
	font: bold 24px arial, tahoma;
	margin: 18px 0px -4px 0px;
	color: #FBA701;
	letter-spacing: -1px;
}

h3 {
	font: bold 17px arial, tahoma;
	margin: 4px 0px -4px 0px;
	color: #4e4e4e;
}

p {
	margin: 12px 0px 12px 0px;
}

div.recentMedia {
  margin-top: 50px;
  margin-left: 59px;
}

div.Media ul {
  margin-top: 8px;
  margin-left: 19px;
  list-style-type: none;
}

div.recentMedia ul li {
  padding-left: 20px;
  margin-bottom:  3px;
}

li.doc {	
	background: transparent url('../images/document.png') no-repeat left 4px;
	text-align:left;
	text-indent:25px;
	line-height:25px;
}

.small {
	font-size:10px
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -500px;
}

/* Pied de page */

#footer {
	clear:both;
	height: 40px;
	background: #4c555b;
	color:#fff;
}

#footer p {
	text-align: center;
	color: #d8d8d8;
	line-height: 40px;
	margin: 0;
}

/* admin pub _____________________________________________________________*/
.campagne {
	border:1px solid #ccc;
	margin:10px 0 0 20px;
	text-align:left;
}

.campagne_nav {
	margin:2px;
	text-align:right;
}

.campagne_nav a {
	display:block;
	border:1px solid #ccc;
	padding:1px;
	margin:0 1px 2px 1px;
	background-color:#eee;
	font-weight:bold;
	color:#888;
	float:right;
}

.campagne_nav a:hover {
	background-color:#fdb;
	color:#FBA701;
	border:1px solid #FBA701;
}

/* Bannière 468 x 60 */
.banniere_1 {
	width:468px;
	height:60px;
	overflow:hidden;
	margin:2px;
}