html, body {width:100%;
margin:0;
background:url(images/bg.jpg);
scrollbar-face-color: #754842;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #D9FFD9;
scrollbar-darkshadow-color: #669900;
scrollbar-shadow-color: #754842;
scrollbar-arrow-color: #fff;
scrollbar-track-color: #c7a18c; 
}
p{
padding-left:58px;
	font-family:'Lucida Grande', Tahoma, sans-serif;
color:#454545;
	font-size:11px; 
}

a:link	{
	font-weight:bold;
	text-decoration: none;
	color:#896459;

	
}
a:visited 	{
	text-decoration: none;
	font-weight:bold;
	color:#c59f8a;

}
a:hover 	{
	text-decoration: underline;
	color:#896459;
	font-weight:bold;
}

h1{
font-size:18px;
height:29px;
color:#93a95e;
	font-size:23px;
	font-weight:normal;
	padding-bottom:2px;
	margin-left:50px;
		text-indent: -5000px;
}
#presta{
margin-left:170px;

background:url(images/prestations.jpg) no-repeat;
}
#services{
margin-left:170px;
background:url(images/services.jpg) no-repeat;
}
#anim{

background:url(images/anim.jpg) no-repeat;
}

#contact{margin-left:320px;


background:url(images/contact.jpg) no-repeat;}
#emailing{left:2px;


background:url(images/emailing.jpg) no-repeat;}
#sites{left:2px;
background:url(images/sites.jpg) no-repeat;
}
#websites{left:2px;
background:url(images/websites.jpg) no-repeat;
}
#plaquettes{left:2px;
background:url(images/plaquettes.jpg) no-repeat;
}

#bannieres{left:2px;
background:url(images/bannieres.jpg) no-repeat;
}
#leaflets{left:2px;
background:url(images/leaflets.jpg) no-repeat;
}
#divers{left:2px;
background:url(images/divers.jpg) no-repeat;
}
#other{left:2px;
background:url(images/other.jpg) no-repeat;
}
#infos{left:2px;
background:url(images/infos.jpg) no-repeat;
}
#comment{left:2px;
background:url(images/comment.jpg) no-repeat;
}
#pourquoi{left:2px;

background:url(images/pourquoi.jpg) no-repeat;
}



#site {
	width:892px;
	margin:2px auto 0 auto;
	background:#f5f1ee;
	padding:8px;
}

#menu li {
	display: inline;
	margin:0;	
}

#menu a {
position:absolute;
margin-top:100px;
	height:70px;
	display: inline;
	text-indent: -5000px;
}
#accueil a {
margin-left:0px;
	width: 86px;
	background: url(images/accueil-off.png) no-repeat;
}
#accueil a:hover,
#accueilon a,
#accueilon a:hover {

margin-left:0px;
	width: 86px;
background: url(images/accueil-on.png) no-repeat;
}

#home a {
margin-left:0px;
	width: 86px;
	background: url(images/home-off.png) no-repeat;
}
#home a:hover,
#homeon a,
#homeon a:hover {

margin-left:0px;
	width: 86px;
background: url(images/home-on.png) no-repeat;
}


#portfolio a {
margin-left:86px;
	width: 83px;
	background: url(images/portfolio-off.png) no-repeat;
}
#portfolio a:hover,
#portfolioon a,
#portfolioon a:hover{
margin-left:86px;
	width: 83px;
	background: url(images/portfolio-on.png) no-repeat;
}


#qui a {
margin-left:169px;

	width: 84px;
	background: url(images/about-off.png) no-repeat;
}
#qui a:hover,
#quion a,
#quion a:hover {margin-left:169px;
	width: 84px;
	background: url(images/about-on.png) no-repeat;
}

#about a {
margin-left:169px;

	width: 84px;
	background: url(images/abouten-off.png) no-repeat;
}
#about a:hover,
#abouton a,
#abouton a:hover {margin-left:169px;
	width: 84px;
	background: url(images/abouten-on.png) no-repeat;
}


#contact a {
margin-left:253px;

	width:84px;
	background: url(images/contact-off.png) no-repeat;
}

#contacton a:hover,
#contact a:hover,
#contacton a {
margin-left:253px;

	width: 84px;
	background: url(images/contact-on.png) no-repeat;
}

#contacten a {
margin-left:169px;

	width:84px;
	background: url(images/contact-off.png) no-repeat;
}

#contactenon a:hover,
#contacten a:hover,
#contactenon a {
margin-left:169px;

	width: 84px;
	background: url(images/contact-on.png) no-repeat;
}

#english a {
margin-left:337px;

	width:86px;
	background: url(images/english-off.png) no-repeat;
}

#englishon a:hover,
#english a:hover,
#englishon a {
margin-left:337px;

	width: 86px;
	background: url(images/english-on.png) no-repeat;
}

#fr a {
margin-left:253px;
	width:86px;
	background: url(images/fr.png) no-repeat;
}


#fr a:hover,
#fr a {
margin-left:253px;

	width: 86px;
	background: url(images/fr.png) no-repeat;
}

#header{
background:url(images/banniere.jpg) no-repeat;
margin-left:5px;
height:135px;}

#header-en{
background:url(english/images/banniere.jpg) no-repeat;
margin-left:5px;
height:135px;}





hr{
color: #af907b;
background-color: #af907b;
margin: 25px 17px 0 27px;
height: 1px;
border: 0;}



div#navcol {
    padding: 0 5px 0 0;
    width: 320px;
    float: left;
	background:#f5f1ee;
}
div#main {
    padding: 0px;
    margin-left: 160px;
    margin-right: 200px;

}
div#sidecol {
    padding: 5px;
    width: 360px;
    float: right;
	height:356px;
	background-color:#f5f1ee;
	background:url(images/postit.jpg) no-repeat;

}

li {
margin-left:30px;
list-style-position:inside;
 display : list-item;
 list-style-image : url(images/puce.gif);
	font-family:'Lucida Grande', Tahoma, sans-serif;
color:#343434;
	font-size:70%;}






/* NOOBSLIDE

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}

/* Sample 4*/
#box4{
	position:absolute;	width:200px;

}
#box4 div{
	width:240px;
	height:240px;
	float:left;
	background:#eee;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{

	width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}


/* Sample 5*/
#box5{
	position:absolute;
	width:240px;
	
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}

/* Sample 6*/
#box6{
	position:absolute;
	width:240px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:240px;
	float:left;
}
#box8 .buttons{
	text-align:center;
}
#box8 .next{
	float:right
}

#next5{
margin-left:150px;

position:absolute;
padding:0;
	width:60px;
	height:45px;
}
#prev5{
position:absolute;
padding:0;
margin-left:20px;
	width:60px;
	height:45px;
}

#play5{
position:absolute;
padding:0;
margin-left:100px;
	width:118px;
	height:46px;
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
}

.info{
	width:240px;
	height:30px;
	background:#744741;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:5px;
	margin:0;
	font-family:'Lucida Grande', Tahoma, sans-serif;

}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#343434;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	margin-left:60px;
	margin-top:40px;
	width:200px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	margin-left:60px;
	margin-top:40px;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:240px;
	height:240px;
	overflow:hidden;
}

span img{

	display:block;
	border:none;

  }
  

  
   .img_container4,  .img_container3, .img_container2{height:80px; clear:left;}
   .img_container4 ul, .img_container3 ul,  .img_container2 ul {display:block;list-style:none; clear:left;}
  .img_container4 ul li, .img_container3 ul li, .img_container2 ul li{float:left;width:120px;margin-right:15px; list-style:none;}
  .img_container  a img{
   margin-left:46px;
  
  } .img_container4 ul li a img, .img_container3 ul li a img{  
  margin-left:12px;
   width:120px;
      height:40px;
      border:1px solid #a53e51;
      padding:5px;
      background:#fff;}
   
     .img_container ul li a img, .img_container2 ul li a img {
width:120px;
      height:40px;
      border:1px solid #93a95e;
      background:#f3e0d5;
  }
  a.imageborder img{
        margin-left:12px;
width:93px;
      height:93px;
      border:1px solid #574331;
      padding:5px;
      background:#eee;
      float:left;
      margin:0 10px;
  }
  
  div#logos {
    width: 280px;
float:right;    	height:340px;
		background:url(images/bloc.jpg) no-repeat;

}

  div#logos-en {
    width: 294px;
float:right;    	height:340px;
		background:url(images/bloc-en.jpg) no-repeat;

}

  div#ref {
    width: 320px;
float:left;    	height:286px;
		background:url(images/postit2.jpg) no-repeat;

}
div#ref ul{
margin-left: -5px;padding-left: 20px;
margin-top:70px;}
div#ref li{
width:200px;
list-style-position:outside;
margin-top:2px;
font-size:x-small;
margin-left:40px;
font-style:oblique;}

div#b li{
list-style-position:outside;
padding-left:-10px;}

#marquee{
margin-left:38px;
margin-top:130px;}

ul#puces,{

	list-style-position:inside;
font-weight: normal;
font-size: 11px;
color: #444;
	}
	
div#coord {
width: 320px;
float:left;
height:370px;
background:url(images/papier.jpg) no-repeat;
}
div#coord p{
margin-top:80px;
margin-left:20px;
}

/*Niceforms/*
/*Defaults Styling*/
fieldset {background:none; padding:10px; border:0;  margin-bottom:36px; width:600px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action { border-color:#fff ; margin-top:-40px; }
label {	font-family:Georgia, Arial, Helvetica, sans-serif;
font-size:11px; font-weight:bold; color:#343434;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}


#container {width:400px; margin-left:330px; auto;}

/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Georgia, Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(images/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(images/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(images/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(images/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(images/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#a53e51; padding:0 2px; background:url(images/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(images/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(images/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Georgia, Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(images/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(images/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(images/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(images/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(images/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(images/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(images/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(images/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(images/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(images/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(images/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px; }
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#d98096; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px; list-style:none; }
.NFSelectOptions a {display:block; text-decoration:none; list-style:none;  color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#d98096; list-style:none; }
.NFSelectOptions a:hover {background:#a53e51 list-style:none; ;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(images/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(images/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#d98096 url(images/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#d98096 url(images/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(images/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(images/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(images/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(images/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}