body {
	margin:				0;
	padding:			0;
	color:				#838383;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:     	justify;
	background-color: 	#171718;
}

h1, h2, h3, h4, h5 {
	font-family: 		"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.little {
	font-size: 11px;
}

a {
  /*font-weight:      	bold;*/
  color:            	#ef821b;
  text-decoration:  	none;
}

a:hover {
  /*font-weight:      	bold;*/
  color:            	#ef821b;
  text-decoration:  	underline;
}
/*
a:visited{
  font-weight:      	bold;
  color:            	#759ABD;
  text-decoration:  	none;
}

a:active{
  font-weight:      	bold;
  color:            	#759ABD;
  text-decoration:  	none;
}
*/
#container {
	position:			relative;
	width:          	100%;
	margin:				0 auto;
	padding:          	0;
	height:           	100%;
	background:       	#b5b5b5 url(images/bg.png) repeat-x;
}


/** header ********************************************************************/

#header {
	height:				118px;
	width:            	880px;
	position:         	relative;
	margin:           	0 auto;
	background:			url(images/header.png) no-repeat top center !important;
	background:			url(images/header_ie6.png) no-repeat top center;
}

#header h1 {
	margin:						0;
	padding:					10px 0 0 40px;
}

#header h1 a {
	display:					block;
	width:						300px;
	height:						90px;
	margin:						0;
	padding:					0;
	overflow:         hidden;
	text-indent:      500px;
}

#header p.tagline  {
	display:					none;
}

#header address {
	position:         absolute;
	top:              30px;
	left:             480px;
	font-style:       normal;
	font-size:        11px;
}

#header address span {
  display:          block;
  padding:          5px;
  float: left;
}

#header address span.tel {
  margin-left:     30px;
}

/** navbar ********************************************************************/

#navbar {
  /*padding:          0;
  margin:           0;
  padding-right:    40px;
  padding-bottom:   20px;
  text-align:       right;
  color:            #759ABD;*/
  display:          none;
}

/** outercontent **************************************************************/

#outercontent  {
  width:           880px;
	margin:					 0 auto;
	margin-top:      60px;
	padding:				 10px;
	padding-bottom:  0;
	background:      url(images/bg_content.png) repeat-y transparent center !important;
	background:      url(images/bg_content_ie6.png) repeat-y transparent center;
	height:          100%;
}


#title h2 {
	display:					none;
}

/** content *******************************************************************/

#content {
	margin:					  0;
	padding:          0 30px;
	position:         relative;
	float:            left;
	width:            800px;
}

#content.accueil{
  width:            480px;
  padding:          0 30px 20px 10px;
  margin:           0 30px;
}

#content.accueil h5{
  color:            #ef821b;
  font-size:        18px;
  padding:          0;
  padding-top:      20px;
  margin:           0;
  border:           0px;
  font-weight:      normal;
  text-transform: 	uppercase;
}

#content ul{
  padding:          10px;
  padding-right:    30px;
  margin-left:      80px;
  width:            600px;
}

#content ul li{
  list-style:       none;
  background:       url(images/puce2.png) no-repeat 0 3px transparent;
  padding:          0;
  padding-left:     20px;
}

#content img{
  padding:          10px 0 20px 40px;
}

#content h4 {
  color:            #ef821b;
  font-size:        18px;
  font-weight:      normal;
  padding:          10px 0 10px 50px;
  margin:           0;
  background:       url(images/bg_h4.png) no-repeat 25px center;
}

#content h5 {
  padding:          5px;
  margin:           0;
  font-weight:      normal;
  color:            #ef821b;
  font-size:        18px;
  text-transform: 	uppercase;
}

#content h5 span{
  padding:          0 10px;
  padding-top:      20px;
  font-weight:      normal;
  color:            #ef821b;
  font-size:        18px;
  text-transform: 	uppercase;
}

#content h3 {
  padding:          0;
  margin:           0;
}

#content span.linkback a {
  padding:          0;
  padding-left:     20px;
  margin:           0;
  background:       url(images/backhome.png) no-repeat;
}

#content span.linkback {
  padding:          0;
  padding-left:     680px;
  margin:           0;  
}

#content span.deconnect a {
  padding:          0;
  padding-left:     20px;
  margin:           0;
  background:       url(images/deconnect.png) no-repeat;
}

#content span.deconnect{
  padding:          0;
  padding-left:     680px;
  margin:           0;  
}

.barre-clients {
	width: 271px;
	height: 3px;
	margin: 10px 0 10px 580px;
	background: url(images/barre_clients.png) no-repeat;
}

.clients {
  margin:           0 30px;
  padding:          0px 5px 0px 5px;
  padding-bottom:   0px;
  margin-left:      570px;
  margin-bottom:    0px;
  text-align:       right;
  /*background:		url(images/bg_coin2.jpg) no-repeat 5px 0 transparent;*/
}

.clients h5 {
  color:            #ef821b;
  font-size:        14px;
  text-transform: 	upper-case;
  padding:          2px;
  padding-left:     40px;
  margin:           0;
  text-align:       left;
  background:		url(images/lock.png) no-repeat 15px 0 transparent;
}

.clients span {
  padding:          5px 10px;
  display:          block;
}

.clients input.text,
.clients input.password {
	width: 160px;
}

input.text-client-mdp {
	width: 230px;
}

input.ok  {
  width:          	46px;
  height:         	25px;
  color: 			#ffffff;
  background:     	url(images/bg_btn_ok.png) top left no-repeat;
  border:         	none;
  font-weight:    	bold;
  cursor:         	pointer;
}

input.ok:hover  {
  background:     	url(images/bg_btn_ok.png) top right no-repeat;
}

input.envoyer  {
  width:          	74px;
  height:         	26px;
  color: 			#ffffff;
  background:     	url(images/bg_btn_envoyer.png) top left no-repeat;
  border:         	none;
  font-weight:    	bold;
  cursor:         	pointer;
}

input.envoyer:hover  {
  background:     	url(images/bg_btn_envoyer.png) top right no-repeat;
}

input.xxl{
  width:          	183px;
  height:         	26px;
  color: 			#ffffff;
  background:     	url(images/bg_btn_xxl.png) top left no-repeat;
  border:         	none;
  font-weight:    	bold;
  cursor:         	pointer;
}

input.xxl:hover  {
  background:     	url(images/bg_btn_xxl.png) top right no-repeat;
}

.actus{
  margin:           0 30px;
  margin-left:      580px;
  padding:          0;
  color:            #757575;
  font-weight:      bold;
  border:           1px #cccccc solid;
  background:		url(images/bg_actus.png) repeat-x 0 bottom #FFFFFF;
  text-align:       right;
}

.actus h5{
  color:            #ef821b;
  font-size:        14px;
  text-transform: 	upper-case;
  padding:          10px;
  margin:           0;
  text-align:       left;
}

.actus a{
  color:            #838383;
  padding-right:    5px;
}

.actus a:hover {
	color:          #838383;
	text-decoration: underline;
}

.actus a.link{
	color:            #ef821b;
	font-weight:      normal;
}

.actus a.link:hover{
	color:            #ef821b;
	text-decoration: underline;
}

.actus ul{
  padding:          0 10px;
  margin:           0;
}


.actus ul li{
  list-style:       none;
  padding:          0;
  padding-bottom:   5px;
  padding-left:     25px;
  margin:           0;
  background:       url(images/puce.png) no-repeat left 1px;
  color:            #ef821b;
  font-weight:      bold;
  text-align:       left;
}

#content table{
  border-bottom:    1px #999999 solid;
  margin:           0 auto;
}

#content table td{
  vertical-align:   top;
  width:            235px;
  padding:          15px 0;
}

#content legend{
  font-weight:      bold;
  color:            #838383;
  text-decoration:  none;
}

#content fieldset table{
  border:           0px #999999 solid;
}

#content fieldset{
  -moz-border-radius: 1%;
}

#content #sous_nav{
  background:       url(images/bg_ss_nav.png) no-repeat top left;
  padding:          0;
  padding-top:      2px;
  padding-bottom:   10px;
  margin:           0;
  text-align:       right;
}
/*
#content #sous_nav span.trait {
	height: 10px;
	width: 5px;
	background: 	url(images/trait_sous_nav.png) no-repeat top left;
	border: 1px solid black;
}
*/
/*#content #sous_nav img{
  display:          inline;
  vertical-align:   middle;
  margin:           0;
  padding:          0;
  margin-bottom:    1px;
}*/

#content #sous_nav ul{
	display:          inline;
  margin:           0;
  padding:          0;
}

#content #sous_nav li{
	display:        inline;
	padding:        0 10px;
	margin: 		0 20px;
	background: 	none;
}

#content #sous_nav li.select{
	color:          #ef821b;
	font-weight: 	bold;
	background:     url(images/puce_sous_nav.png) no-repeat center left;
	padding:        0 0 0 10px;
	margin: 		0 0 0 20px;
	
}

/*#content #sous_nav a{
  background:       #FBFEFF;
}

#content #sous_nav a.act{
  background:       url(images/bg_ss_nav_act.jpg) repeat-x left center transparent;
}

#content #sous_nav a:hover{
  text-decoration:  none;
}*/

/** navcontainer **************************************************************/
#navcontainer {
	position:		absolute;
	top:			118px;
	background:		url(images/bg_content.png) repeat-y !important;
	background:     url(images/bg_content_ie6.png) repeat-y;
	height:           60px;
	padding:          0 0 0 12px;
	margin:           0;	
	width: 880px;
}

#navcontainer ul {
	width:					860px;
	margin:					0;
	padding:				0;
	list-style:				none;
	text-align:				right;
}

#navcontainer li {
	display:			inline;
	padding:          20px;
}

#navcontainer a {
	margin:					0;
	padding:			    0;
	color:					#FFFFFF;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:	none;
}

/** subnavcontainer ***********************************************************/


#subnavcontainer {
	position:				relative;
	margin:         0;
	padding:        0;
	margin-left:    10px;
	text-align:     center;
	height:         100%;
	background:     url(images/bg_footer2-2.png) no-repeat center top transparent !important;
	background:     url(images/bg_footer2_ie6.png) no-repeat center top transparent;
}

#subnavcontainer li{
  display:        inline;
  list-style:			none;
  padding:        10px;
}

/** footer ********************************************************************/

#footer {
	/*margin:			  0 auto;*/
	position:       relative;
	width:          100%
	height:         100%;
	padding:        0 0 5px 0;
	background:		  url(images/bg_footer.png) repeat-x #171717;
	text-align:     center;
}

#footer a {
	color:          #838383;
	font-weight:	bold;
}

#footer a:hover{
	text-decoration: underline;
}

/** formulaire de contact *****************************************************/
#content table.contact{
  width:          100%; 
  border: none;
}

#content table.contact td{
  padding:        10px;
  margin:         0;
}

#content table.contact th{
  vertical-align: top;
  padding:        10px;
  margin:         0;
  width:          20%;
  text-align:     right;
}

#content table.contact td textarea{
  width:          100%;
}

#content table.contact td .textarea{
  width:          600px;
  height: 80px;
}

#content table.contact td input{
  width:          100%;
}

p.btn-formulaire {
	margin-top: 0px;
	margin-right: 6px;
}

/** Actualités ****************************************************************/
#content .actuR{
  background:     #ffffff;
}

#content ul.actulinks{
  background:     none;
  border:         none;
  padding:        10px;
  margin:         10px;
}

/** Projets *******************************************************************/
#content .projet legend{
  padding:        0 10px;
  margin:         0;
  position:       relative;
  top:            -20px;
}

#content .projet fieldset{
  background:     url(images/bg_ul.jpg) no-repeat right bottom #ffffff;
  padding:        10px 0 10px 10px;
  border:         solid 1px #E0E0E0;
  position:       relative;
  top:            20px;
}

#content .projet{
  padding:        10px 0;
}

#content li{
  list-style:       none;
  background:       url(images/puce2.gif) no-repeat 0 3px transparent;
  padding:          0;
  padding-left:     20px;
  margin-left:      20px;
}