@charset "UTF-8";
/* CSS Document */

body{ border:0px; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#4D4D4D; 
position:relative;
_background: url(null) fixed ;
}
* { outline: none; } 
/* INTRODUCTION */

#introduction{ background:url(../images/la-pulpe-fond-presentation.gif) no-repeat center top; height:940px; font-size:15px; }
#contenu-intro{ width:900px; margin:auto}
#texte-intro{width:620px; height:40px; padding:240px 0px 0px 290px; }
#texte-intro h1{  width:565px; height:75px; margin:0px;}
#texte-intro h1 div{ text-indent:-9999px; _height:0px; _margin-top:0px; margin-bottom:0px;}
#texte-intro h2{ font-size:15px; margin:0px;}

/* PORTFOLIO */

#portfolio{background:url(../images/la-pulpe-fond-portfolio.gif) no-repeat center top; height:802px; _margin-bottom:0px; _padding-bottom:0px; }
#portfolio-contenu{ height:500px;   margin:auto;width:637px; padding-top:317px;}
#portfolio-contenu h1{/* background:url(../images/titre-portfolio.png) no-repeat;*/ float:right; width:120px; /*height:30px; text-indent:-9999px;*/ margin:0px; margin-right:30px;_margin-right:-90px; }
#portfolio-contenu h1 div{ display:none}

#portfolio-contenu h2{font-size:15px;  padding-top:0px; text-align:right; margin-right:30px; _padding-top:35px; _padding-top:0px; _margin-right:-90px;}
*+html #portfolio-contenu h2{font-size:15px; float:right; padding-top:15px; margin-right:-115px;}
*+html #portfolio-defilement{ padding-top:60px;}
#portfolio-defilement{ height:295px; width:731px; padding-top:40px; padding-left:11px; _padding-left:120px; border:none;}
#btn-gauche{height:160px; float:left;width:30px; padding-top:135px}
#portfolio-image{height:295px; float:left; width:667px; border:solid 2px #CCCCCC; _border:none;}
#btn-droite{height:160px; float:left;width:30px;padding-top:135px; text-align:right}
#description-realisation{ font-size:12px; color:#999999; padding-top:10px; padding-left:40px;}


.nos-creas, .nos-creas ul , .nos-creas ul li {
	width:667px;
	height: 320px;
	/*border:1px solid;*/
	
}
.nos-creas ul li img {  margin-bottom:0px; padding-bottom:0px;}
.portfolio-footer {
		position: absolute;
		bottom: 0px;
		font-size:12px; color:#999999;
}

*+html .portfolio-footer { float:left;  }

.portfolio-footer a:link { color:#F7931E; text-decoration:none}
.portfolio-footer a:visited { color:#F7931E;}
.portfolio-footer a:hover { color:#F7931E; text-decoration:underline}

/* COMPETENCES */

#competences{background:url(../images/la-pulpe-fond-competences.gif) no-repeat center top; height:800px; font-size:12px; _margin-top:-15px; padding-top:0px; }
#comp-in{ width:1000px; margin:auto; _width:1200px}
#competences #liste{ float:right;height:194px;margin-right:23px;padding-top:254px;text-align:left;width:158px; _float:right; _margin-right:53px; _padding-top:260px; }
#competences #liste ul{text-align:left; font-size:14px; color:#F7931E}
#contenu-competences{ float:left;height:353px;margin:auto;margin-left:195px;padding-top:300px;width:623px; _margin-left:170px; _width:600px;}
#contenu-competences h1{background:url(../images/titre-competences.gif) no-repeat; text-indent:-9999px; width:460px; height:39px; margin:0px; margin-bottom:6px; margin-left:40px; _margin-left:00px;}
#contenu-competences #bloc-droit{ float:right; width:275px; height:285px; overflow:hidden; _float:left; _margin-left:25px;}
#contenu-competences #bloc-gauche{ float:left; width:275px; height:285px;  margin-left:47px; overflow:hidden; _float:left; _margin-left:0px;}






/* Equipe */


#equipe{background:url(../images/la-pulpe-fond-equipe.gif) no-repeat center top; height:608px; font-size:12px; padding-top:190px; _margin-bottom:-50px; }
#texte-equipe h1{/*background:url(../images/titre-equipe.png) no-repeat; text-indent:-9999px;*/ margin-top:0px; width:128px; height:38px; }
#texte-equipe h1 div{ display:none}

#texte-equipe{ width:700px; height:253px;margin:auto;padding-left:180px; _width:720px;}
*+html #texte-equipe{ width:720px; height:253px;margin:auto;padding-left:180px;}
#texte-equipe ul{ list-style:none; padding-left:0px; padding-top:20px; _margin-left:-10px;}
#texte-equipe ul li{ display:inline; padding-right:14px;}



/* Contact */
#ancre-contact{ margin-top:200px; _margin-top:0px;}

#contact{background:url(../images/la-pulpe-fond-contact.gif) no-repeat center top; height:690px; background-color:#8CC63F; }
#contact input{ border:2px solid #CCCCCC;color:#666666;font-size:14px;height:25px;margin-right:48px;padding-left:5px;padding-top:6px;width:175px;}
#envoyer input{padding-top:0px}
#contact textarea {border: solid 2px #CCCCCC; width:657px; height:161px; font-size:14px;padding-left:5px; padding-right:5px; font-family:Arial, Helvetica, sans-serif; color:#666666;}
#texte-contact h1{/*background:url(../images/titre-contact.png) no-repeat; text-indent:-9999px;*/ margin-top:0px; width:115px; height:35px; }
#texte-contact h1 div{ display:none}
#texte-contact{ width:700px; height:253px;margin:auto;padding-left:180px; font-size:12px}

/* Menu */


#menu{ background:url(../images/fond-menu.png) repeat-x;  position:fixed; top:0; width:100%; z-index:500; height:70px;
_position: absolute;
_top:expression(documentElement.scrollTop+body.scrollTop);
_overflow:visible;
}
#contenu-menu{ width:950px; margin:auto}
#menu ul{  list-style:none; text-align:center; margin-top:0px; padding-left:100px;}
#menu ul li{ padding-right:15px; display: -moz-inline-box; }


.btn-top { flaot:left; margin-left:20px; color:#666; line-height:52px; text-decoration:none; font-weight:bold; }
.btn-top:hover {color:#F7931E;}



.btn-top span{
	
}

.btn-top {
	_height:52px !important;
	_overflow:hidden;
	}

#logo{ float:left; z-index:999;
}




/*  PAGE PORTFOLIO */




/*  MENU PORTFOLIO */

#menu-portfolio{ background:url(../images/fond-menu.png) repeat-x;  position:fixed; top:0; width:100%; z-index:500; height:70px;
_position: absolute;
_top:expression(documentElement.scrollTop+body.scrollTop);
_overflow:visible;
padding-bottom:20px;
}
#contenu-menu{ }
#menu-portfolio ul{  list-style:none; text-align:center; margin-top:0px}
#menu-portfolio ul li{ padding-right:15px; display: -moz-inline-box; }




#body-portfolio{ background:url(../images/fond-page-portfolio.gif) repeat-y; margin-top:70px;_background: url(null) fixed ; }



.h1-portfolio{  width:1000px; _width:100%; margin:auto; _margin:0;  text-align:right; _text-align:center; padding-bottom:50px; padding-top:80px; }
.h1-portfolio img{ _border:1px solid #000; }
*+html .h1-portfolio{margin:0;  text-align:center; padding-left:230px;}
.h1-portfolio div{ display:none; }
.realisation{ width:1000px; margin:auto auto 80px; _position:relative; height:375px;}

.realisation-image{ background:url(../images/cadre-image-portfolio.png) no-repeat; width:687px; height:315px; padding-left:20px; padding-top:20px; float:left;}
.realisation-image { _background:none; _border:5px solid #F2F2F2; _padding:0px;_width:667px; _height:295px; _margin-top:10px; _margin-left:8px; }

.realisation h2{ font-size:18px; font-weight:bold; margin:0px; padding:0px; padding-left:15px;}
.realisation h2 a:link, .realisation h2 a:visited, .realisation h2 a:hover { color:#4D4D4D; text-decoration:none}
.realisation h3{ font-size:12px; font-weight:bold; margin:0px;padding:0px;padding-left:15px;}
.realisation-texte{ width:293px; margin-left:680px; _float:right; _width:280px; _margin-left:0px; _margin-right:10px;}
*+html .realisation ul{ padding-top:15px;}
.realisation-texte ul{ list-style:url(../images/puce.png); font-size:12px; color:#4D4D4D}
.realisation-texte ul li img{ width:10px; height:17px;}

#logo-portfolio{  display:none}


#liens {
	position:absolute;
	bottom:0;
	left:-200px;	
}