body{
  background-color:#990066;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
  color:#ffdfff;  
}
img{
  border:0px;
}
a{
  color:#ffdfff;
  text-decoration:none;
}
span.bold, strong{
  font-weight:bold;
}

#ecran{
  position:absolute;
  left: 50%;
  top: 50%;
  width:750px;
  height:426px;   
  margin-left:-375px;
  margin-top:-233px;
  background:url(images/haut_courbe.gif);
  background-repeat:no-repeat;
  background-position:320px 0px; 
  text-align:left;
  background-color:#990066;  
  z-index:0;
}
h1.titre{
  width:750px;
  height:96px;
  margin-bottom:0px;
  margin-top:60px;
  background:url(images/titre.gif);  
}
p.adresse{
  position:absolute;
  margin-top:-90px;
  left:373px;
  width:375px;
  padding-right:0.3em;
  z-index:6;
  text-align:right;
  font-size:0.9em;
}
p.adresse a{
  color:#ffffff;
  text-decoration:none;
}
#left{
  float:left;
  width:373px;
  height:267px;
  margin-top:0px;
  background:url(images/fond_fauteuil.gif) 0 0 no-repeat;    
}
#right{
  float:right;
  width:377px;
  height:300px;
  margin-top:0px;
  background:url(images/courbe_petite.gif);
  background-repeat:no-repeat; 
  background-position:-2px 112px;  
  overflow:visible;    
}
#right h2, #right h3{
  clear:both;
  color:#ff6600;
  font-size:1.1em;
  text-align:center;
  margin-top:0px;
}
#right h3{
  clear:both;
  font-size:0.9em;
}
#right p{
  color:#ffdfff;
  text-align:right;
  padding:0.3em;
  margin-top:0.3em;
  margin-bottom:0px; 
}
span.com{
  color:#ffdfff;
  font-weight:bold;
}
#fauteuil{
  position:absolute;
  top:170px;
  left:3px;
  width:228px;
  height:242px;
  background:url(images/fauteuil.gif) 0 0 no-repeat;
  z-index:5;
}
#fauteuilOmbre{
  position:absolute;
  top:170px;
  left:1px;
  width:228px;
  height:242px;
  background:url(images/fauteuil_ombre.gif) 0 0 no-repeat;
  z-index:5;
  filter:alpha(opacity=45);
	-moz-opacity:0.45;
	opacity: 0.45;   
}
html>body #fauteuil, html>body #fauteuilOmbre{
  top:170px;
}
#virguleUp{
  position:absolute;
  width:133px;
  height:50px;
  top:268px;
  left:372px;
  background:url(images/courbe_petite.gif) 0 0 no-repeat;  
  z-index:7;   
}
.spacer{
  clear:both;
  visibility:hidden;
  font-size:1px;
}
.adaptive{
  position:absolute;
  margin-top:-1000px;
  overflow:hidden;
  font-size:1px;
  width:0px;
  height:0px;
}
ul.menu{
  position:absolute;
  top:210px;
  left:192px;
  padding:0px;
  z-index:1;   
}
/*html>body ul.menu{
  top:195px;
  left:192px;
}*/
ul.menu li{
  list-style-type:none;
}
ul.menu li a.print, ul.menu li a.print2, ul.menu li a.print3, ul.menu li a.print4{
  position:absolute;
  top:0px;
  left:30px;
  display:block;
  height:30px;
  width:83px;
  background:url(images/print.gif) top left no-repeat;
  z-index:4;
}
ul.menu li a.print2{
  top:38px;  
}
ul.menu li a.print3{
  top:43px;  
}
ul.menu li a.print4{
  top:32px;  
}
ul.menu li a.print:hover, ul.menu li a.print2:hover, ul.menu li a.print3:hover,  ul.menu li a.print4:hover{
  background:url(images/print.gif) top right no-repeat;
}
#print2{
  position:absolute;
  top:275px;
  left:72px;
  height:81px;
  width:101px; 
  background:url(images/visuel2.gif);
  background-repeat:no-repeat;  
  z-index:7;  
}
ul.menu li a.site, ul.menu li a.site2,  ul.menu li a.site3{
  position:absolute;
  top:30px;
  left:25px;  
  display:block;
  height:37px;
  width:107px;
  margin-top:-5px;
  background:url(images/sites_web.gif) top left no-repeat;
  z-index:3;
}
ul.menu li a.site2{
  top:68px;  
}
ul.menu li a.site3{
  top:72px;  
}
ul.menu li a.site:hover, ul.menu li a.site2:hover, ul.menu li a.site3:hover{
  background:url(images/sites_web.gif) top right no-repeat;
}
#site2{
  position:absolute;
  top:268px;
  left:77px;
  height:81px;
  width:101px; 
  background:url(images/web2.gif);
  background-repeat:no-repeat;  
  z-index:7;  
}
ul.menu li a.realisation, ul.menu li a.realisation2{
  position:absolute;
  top:60px;
  left:16px;  
  display:block;
  height:47px;
  width:127px;
  margin-top:-5px;  
  background:url(images/realisation.gif) top left no-repeat;
  z-index:2;
}
ul.menu li a.realisation2{
  top:100px;
}
ul.menu li a.realisation:hover, ul.menu li a.realisation2:hover{
  background:url(images/realisation.gif) top right no-repeat;
}
#realisation2{
  position:absolute;
  top:266px;
  left:69px;
  height:81px;
  width:101px; 
  background:url(images/realisation2.gif);
  background-repeat:no-repeat;  
  z-index:7;  
}
ul.menu li a.evenementiel{
  position:absolute;
  top:95px;
  left:10px;  
  display:block;
  height:52px;
  width:138px;
  margin-top:-5px;  
  background:url(images/evenementiel.gif) top left no-repeat;
  z-index:1;
}
ul.menu li a.evenementiel:hover{
  background:url(images/evenementiel.gif) top right no-repeat;
}
#evenementiel2{
  position:absolute;
  top:268px;
  left:84px;
  height:72px;
  width:95px; 
  background:url(images/evenementiel2.gif);
  background-repeat:no-repeat;
  z-index:8;  
}
ul.menu li a.formation{
  position:absolute;
  top:95px;
  left:10px;  
  display:block;
  height:52px;
  width:138px;
  margin-top:-5px;  
  background:url(images/formation.gif) top left no-repeat;
  z-index:1;
}
ul.menu li a.formation:hover{
  background:url(images/formation.gif) top right no-repeat;
}
#formation2{
  position:absolute;
  top:268px;
  left:84px;
  height:72px;
  width:95px; 
  background:url(images/formation2.gif);
  background-repeat:no-repeat;
  z-index:8;  
}
#chapeau{
  position:absolute;
  top:215px;
  left:275px;
  height:115px;
  width:101px; 
  background:url(images/chapeau.gif) bottom right no-repeat;
  z-index:1;   
}
#chapeau2{
  position:absolute;
  top:233px;
  left:62px;
  height:81px;
  width:101px; 
  background:url(images/chapeau-fauteuil.gif) bottom right no-repeat;
  z-index:7;  
}
#chapeau3{
  position:absolute;
  top:135px;
  left:33px;
  height:81px;
  width:101px; 
  background:url(images/chapeau_pointe.gif) bottom right no-repeat;
  z-index:7;  
}
ul.menu li a.chapeau{
  position:absolute;
  top:50px;
  left:100px;  
  display:block;
  height:90px;
  width:80px;
  z-index:6;
}
#printJS, #vitrineJS, #dynamiqueJS, #applicationJS, #evenementielJS{
  font-weight:normal;
  text-decoration:underline;
  cursor:help;
}
#print, #vitrine, #dynamique, #application, #evenementiel{
  position:absolute;
  top:150px;
  left:100px;
  width:15em;
  height:15em;
  background-color:#820082;
  color:#ffffff;
  font-weight:bold;
  filter:alpha(opacity=65);
	-moz-opacity:0.65;
	opacity: 0.65;
  text-align:left;
  padding:0.3em;
  z-index:7;
  font-size:0.9em;
  margin-left:-2000px;
	text-align:right; 
}
p.retour{
  position:absolute;
  margin-top:-45px;
  margin-left:58px;
}
p.retour a{
  font-size:0.8em;
  font-weight:bold;
	font-family: Verdana, Geneva,  Arial, Helvetica, sans-serif;
  color:#ffffff;
  text-decoration:none;
  letter-spacing:1px;   
}
object.diapoSite{
  margin-top:5px;
}

/*--------- Menu site web / développement --------*/
ul.siteweb{
  position:absolute;
  margin:0px;
  padding:0px;
  z-index:7;
}
ul.siteweb li{
  list-style-type:none;
}
ul.siteweb li a, ul.siteweb li span{
  font-size:1.2em;
  font-weight:bold;
  z-index:7;  
}
ul.siteweb li a{
  color:#EF583F;
  text-decoration:none;
}
ul.siteweb li a.concept, ul.siteweb li span.concept{
  display:block;
  position:absolute;
  width:104px;
  height:22px;  
  top:200px;
  left:253px;
  background:url(images/conception.gif);
  background-repeat:no-repeat;
  background-position:4px 2px; 
  padding-top:4px; 
}
ul.siteweb li a.rea, ul.siteweb li span.rea{
  display:block;
  position:absolute;
  width:115px;
  height:22px;  
  top:225px;
  left:180px;
  background:url(images/rea.gif);
  background-repeat:no-repeat;
  background-position:4px 2px; 
}
ul.siteweb li a.publication, ul.siteweb li span.publication{
  display:block;
  position:absolute;
  top:250px;
  left:98px;
  width:108px;
  height:15px;
  background:url(images/publi.gif);
  background-repeat:no-repeat;
  background-position:2px 4px;
}
ul.siteweb li a:hover{
  color:#ffffff;
}
ul.siteweb li a.portfolio, ul.siteweb li span.portfolio{
  display:block;
  position:absolute;
  top:290px;
  left:25px;
  width:160px;
  height:15px;  
  background:url(images/publi.gif);
  background-repeat:no-repeat;
  background-position:2px 4px;  
}
ul.siteweb li a.qui, ul.siteweb li span.qui{
  display:block;
  position:absolute;
  top:220px;
  left:190px;
  width:160px;
  height:15px;
  background:url(images/publi.gif);
  background-repeat:no-repeat;
  background-position:2px 4px;
}
ul.siteweb li a.contact, ul.siteweb li span.contact{
  display:block;
  position:absolute;
  top:250px;
  left:98px;
  width:150px;
  height:15px;
  background:url(images/publi.gif);
  background-repeat:no-repeat;
  background-position:2px 4px;
}
/*------ Galerie -----------*/
div.site{
  float:left;
  width:120px;
  text-align:center;
  margin-bottom:0.3em;
}
div.sites span{
  color:#ffdfff;
}
/*------ Extra ----------*/
a.defaut{
	border-bottom:1px dashed #ff6600;;
}
a.defaut:hover,a.defaut:focus{
  color:#ff6600;
}
#main{
  overflow:visible;
}
#xhtml, #css, #script, #dom, #xml, #php, #domaine, #hebergement, #referencement{
  position:absolute;
  margin-top:-1000px;
  width:375px;  
}
#brica, #sfa, #heath, #elearning, #docinter, #emailing{
  position:absolute;
  margin-top:-1000px;
  width:375px;  
}
#vitrine2, #dynamique2, #evenement{
  position:absolute;
  margin-top:-1000px;
  width:375px;  
}
#qui, #contact{
  position:absolute;
  margin-top:-1000px;
  width:375px;  
}
#experimentation{
  position:absolute;
  margin-top:-1000px;
  width:375px;  
}
#main h2{
  color:#ff6600;
  font-size:1.1em;
  text-align:center;
  margin-top:0px;
}
h3.soutitre{
  color:#ff6600;
  font-size:1.1em;
  text-align:center;
  margin-top:0px;
}

#right h3.cadre{
	color:#ffffff;
	text-align:right;
	margin-left:15px;
  border-bottom:1px dotted #ff6600;
}
#right h3.cadre2{
	color:#ffffff;
	text-align:right;
	margin-left:15px;
  border-bottom:1px dotted #ff6600;
}
#visuel{
	margin-left:135px;
}
#visuel li{
	width:100%;
}
#fauteuil2, #volutes, #boites, #conclusion, #chapeauTxt{
	position:absolute;
  margin-top:-1000px;
  width:375px;
}
.puce li{
  text-align:right;
	list-style-type:none;
	margin-right:3em;
	background-image:url(images/puce.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:15px;
}


.puce2 li{
  text-align:left;
	list-style-type:none;
	background-image:url(images/puce.gif);
	background-position:left;
	background-repeat:no-repeat;
  padding-left:15px;
}
/*-------- formulaire contact -----*/
fieldset.contact{
  border:none;
}
fieldset.contact label{
  font-weight:bold;
}
fieldset.contact legend{
  display:none;
}
div.formSubmit{
  margin-bottom:0px;
}
textarea#message, input#email{
  border:none;
  border:1px solid #ff6600;
  background-color:#990066;
  color:#ff6600;
  padding:0.1em;
}
input#email{
  width:66%;  
}
textarea#message{
  width:96.7%;
  clear:both;
  /* La patrone au demeurant fort sympathique aime styler les scrollbars, qu'elle en soit pardonnée */
  scrollbar-face-color: #990066; 
  scrollbar-shadow-color: #ff6600;
  scrollbar-highlight-color: #ff6600;
  scrollbar-3dlight-color: #990066; 
  scrollbar-darkshadow-color: #990066; 
  scrollbar-track-color: #990066; 
  scrollbar-arrow-color:#ff6600;
}
html>body textarea#message{
  width:97.2%;
}
html>body input#email{
  width:65.3%; 
}
input.submit, input.reset{
  border:1px solid #ffdfff;
  background-color:#990066;
  color:#ffffff;
  margin-top:0.3em;
}
p.retourForm{
  margin-top:-30em;
  margin-right:10px;
}
/*---- Pop up ----*/
#popup{
  position:absolute;
  left: 50%;
  top: 50%;
  width:21em;
  min-height:20em;   
  margin-left:-10em;
  margin-top:-10em;
  border:5px solid #E0A0CF;
  background-color:#9F0060; 
  filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
  z-index:8;
  padding-right:0.5em;
}
#popup p, #popup p.init, div#popVisu p{
  color:#ffdfff;
  text-align:right;
  font-weight:bold;
  padding:0.3em;
}
#popup p.init{
  margin-top:2em;
}
#close{
  position:absolute;
  display:block;
  width:30px;
  height:30px;
  top:0px;
  right:0px;
  background:url(images/close.gif);
  background-repeat:no-repeat; 
}
h3.popTitre{
  width:100%;
  margin-top:0.3em;
  font-size:1.3em;
  font-weight:bold;
  text-align:center;
  color:#ff8040;  
}
p.spacer{
  font-size:1px;
  clear:both;
}

span.VT{
  text-align:center;
  font-size:0.8em;
}
/*---- galerie --*/


.js{
overflow:hidden;
margin:0 0px 0px 10px;
zoom:1;}

.carousel,.carousel .carousel-wrap{
margin:0;
border:0;
zoom:1;
}

.js .carousel-wrap{
display:inline-block;
vertical-align:middle;
width:300px;
height:100px;
margin:0;
background:#990066;
}

.IE .js .carousel-wrap{display:inline;}

.carousel ul{margin:0;padding:0;zoom:1;}

.js ul li{
overflow:hidden;
display:inline;
float:left;
width:100px;
height:100px;
text-align:left;}

span.carousel-control{
overflow:hidden;
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
cursor:pointer;
line-height:999px;
zoom:1;
}

span.carousel-next{
background:url(images/next.gif) 0 0 no-repeat;
}

span.carousel-previous{background:url(images/previous.gif) 0 0 no-repeat;}

span.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}

.disabled, .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}

.carousel div{margin:0;padding:0;border:0;}

.carousel ul{
padding:0;
list-style:none;}

.carousel ul li{
position:relative;
width:100px;
}

.carousel ul li cite{position:absolute;bottom:3px;right:10px;line-height:19px;font-size:11px;}

.carousel ul li cite a img{vertical-align:middle;}

.carousel ul li cite a{color:#fff;text-decoration:none;}

 div.center-wrap{overflow:hidden;clear:both;zoom:1;}

div.center-wrap div{border:0;margin:15px 0;}

div.center-wrap a{margin:0 2px;padding:2px 5px;border:1px solid #4f4f4f;background:#333;cursor:pointer;color:#fff;-moz-border-radius:12px;webkit-border-radius:12px;border-radius:12px;}

div.center-wrap a.active{font-weight:bold;color:#5db0e6;}

div.portfolio ul.portfolio li { display: block;float: left; margin-right: 5px; }