/**************************************************************************  CSS madeinalexia - Portfolio
/**************************************************************************  
GENERAL  */
*{color:#555;font-family:Verdana, Helvetica, Arial;font-size:12px;margin:0 auto;padding:0;}
html{height:100%;}
body{background:#fff url(images/back_1.jpg) no-repeat bottom left;background-attachment:fixed;font:12px Verdana, Arial, sans-serif, Helvetica;height:100%;line-height:2em;margin:0 auto;text-align:center;}
.texte{border-bottom:1px dashed #cac6c6;color:#cac6c6;font-size:14px;font-weight:700;text-decoration:none;}
.texte :hover{border-bottom:1px dashed #ef3e63;color:#cac6c6;font-size:12px;font-weight:700;text-decoration:none;}
/* COLONNE  */
.colum23{float:left;width:100%;}
/* BOUTON  */
.btn_portfolio{background:url(images/btn_portfolio.jpg);float:left;height:100px;margin:0;text-align:center;width:300px;}
.btn_portfolio :hover{background:url(images/btn_portfoliohover.jpg);float:left;height:100px;margin:0;text-align:center;width:300px;}
.btn_services{background:url(images/btn_services.jpg);float:left;height:100px;margin:0;text-align:center;width:300px;}
.btn_services :hover{background:url(images/btn_serviceshover.jpg);float:left;height:100px;margin:0;text-align:center;width:300px;}
.btn_contact{background:url(images/btn_contact.jpg);float:left;height:100px;margin:0;text-align:center;width:300px;}
.btn_contact :hover{background:url(images/btn_contacthover.jpg);float:left;height:100px;margin:0;text-align:center;width:300px;}
.btnweb p{color:#333;padding:10px;text-align:center;}
.btnweb .logo{border:0;margin:0 10px;position:relative;vertical-align:middle;}
.btnweb .right{float:right;}
.btn_oscommerce{background:url(images/btn_oscommerce.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_oscommerce :hover{background:url(images/btn_oscommercehover.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_word{background:url(images/btn_word.jpg);float:left;height:100px;margin:0;text-align:center;width:120px;}
.btn_word :hover{background:url(images/btn_wordhover.jpg);float:left;height:100px;margin:0;text-align:center;width:120px;}
.btn_powerboutique{background:url(images/btn_powerboutique.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_powerboutique :hover{background:url(images/btn_powerboutiquehover.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_google{background:url(images/btn_google.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_google :hover{background:url(images/btn_googlehover.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_w3c{background:url(images/btn_w3c.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_w3c :hover{background:url(images/btn_w3chover.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_print{background:url(images/btn_print.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_print :hover{background:url(images/btn_printhover.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_myspace{background:url(images/btn_myspace.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_myspace :hover{background:url(images/btn_myspacehover.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_facebook{background:url(images/btn_facebook.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_facebook :hover{background:url(images/btn_facebookhover.jpg);float:left;height:100px;margin:0;text-align:center;width:250px;}
.btn_recycle{background:url(images/btn_recycle.jpg);float:left;height:100px;margin:0;text-align:center;width:166px;}
.btn_recycle :hover{background:url(images/btn_recyclehover.jpg);float:left;height:100px;margin:0;text-align:center;width:166px;}
/* MENU HAUT  */
#menuhaut{border-top:1px dashed #cac6c6;display:block;height:50px;margin-left:auto;margin-right:auto;overflow:auto;width:100%;}
#menuhaut a,a:visited{color:#cac6c6;font-size:10px;font-style:normal;text-decoration:none;}
#menuhaut a:hover{color:#ef3e63;}
#menuhaut div{color:#cac6c6;font-size:10px;margin:5px 5px 5px 2px;text-align:center;}
/* PORTFOLIO  */
#portfolio{background-color:#fff;clear:both;display:block;height:2700px;overflow:auto;width:100%;}
#portfolio p{color:#555;margin:0 auto;padding:10px;text-align:justify;}
#portfolio h2{border-bottom:0 solid #f5f5f5;}
#portfolio img{background-color:#000;border:0 solid #ccc;float:left;margin:10px;padding:0;}
#portfolio iframe{background-color:#f5f5f5;border:0 solid #ccc;height:auto;margin:10px;padding:5px;width:90%;}
/* CONTACT  */
#contact{background-color:#fff;clear:both;display:block;height:600px;overflow:auto;width:100%;}
#contact p{color:#555;margin:0 auto;padding:10px;text-align:justify;}
#contact h2{border-bottom:0 solid #f5f5f5;}
#contact img{background-color:#000;border:0 solid #ccc;float:left;margin:10px;padding:0;}
#contact iframe{background-color:#f5f5f5;border:0 solid #ccc;height:auto;margin:10px;padding:5px;width:90%;}
.formulaire{width:66.6%; float:left;}
.plugoo{width:33.3%; float:left;}
/* PARTENAIRES  */
#partenaires{background-color:#fff;clear:both;display:block;height:2200px;overflow:auto;width:100%;}
#partenaires p{color:#555;margin:0 auto;padding:10px;text-align:justify;}
#partenaires h2{border-bottom:0 solid #f5f5f5;}
#partenaires img{background-color:#000;border:0 solid #ccc;float:left;margin:10px;padding:0;}
/* padding  */
.pad{margin:0 auto;padding:5px;}
.clear{clear:both;}
.space{clear:both;height:20px;}
.center{margin:0 auto;text-align:center;}
/* tables  */
th{background:#333 url(images/s1.png) repeat-x bottom center;background-image:none;color:#fff;padding:3px;text-transform:uppercase;}
td{border:1px solid #fff;color:#555;padding:1px;}
td.a{background-color:#fff;}
td.b{background-color:#E5E5E5;border-bottom:1px dotted #d5d5d5;border-top:1px dotted #d5d5d5;}
td:hover{border:1px dotted #fff;}
/* sorted list  */ol{color:#555;text-align:left;}
ol li{margin:10px 10px 10px 35px;}
ol li li{font-style:italic;list-style-type:lower-alpha;margin:10px 10px 10px 35px;}
/* list  */ul{color:#555;text-align:left;}
ul li{list-style-type:disc;margin:10px 10px 10px 35px;}
ul li li{list-style-type:Square;margin:10px 10px 10px 35px;}
/* text  */
p{text-align:left;}
blockquote{border-left:5px solid #ef3e63;font-style:italic;margin-left:40px;padding:10px;text-align:left;}
/* header void  */
#header_void{background-color:#404a47;height:10px;width:100%;}
/* central zone  */#central{margin:0 auto 15px;overflow:visible;padding:10px;text-align:center;width:900px;}
/* 3 colums  */
.colum_3{float:left;height:240px;margin:0 auto;text-align:center;width:300px;}
.colum_3 h2{text-align:center;}
.colum_3 p{color:#333;padding:10px;text-align:center;}
.colum_3 .logo{border:0;margin:0 10px;position:relative;vertical-align:middle;}
.colum_3 .right{float:right;}
.plink:link{color:#cac6c6;font:21px Verdana, Helvetica, Arial;font-family:"Trebuchet MS";margin:15px 0 5px;padding-bottom:10px;text-align:left;}
.plink:visited{color:#ef3e63;font:21px Verdana, Helvetica, Arial;font-family:"Trebuchet MS";margin:15px 0 5px;padding-bottom:10px;text-align:left;}
.plink:hover{color:#ef3e63;font:21px Verdana, Helvetica, Arial;font-family:"Trebuchet MS";margin:15px 0 5px;padding-bottom:10px;text-align:left;text-decoration:underline;}
.selected:hover,.selected:link,.selected:visited{color:#369;font:21px Verdana, Helvetica, Arial;font-family:"Trebuchet MS";margin:15px 0 5px;padding-bottom:10px;text-align:left;text-decoration:underline;}
/* content  */
#content{background-color:#fff;clear:both;display:block;height:2700px;overflow:auto;width:100%;}
#content p{color:#555;margin:0 auto;padding:10px;text-align:justify;}
#content h2{border-bottom:0 solid #f5f5f5;}
#content img{background-color:#000;border:0 solid #ccc;float:left;margin:10px;padding:0;}
#content iframe{background-color:#f5f5f5;border:0 solid #ccc;height:auto;margin:10px;padding:5px;width:90%;}
.portfolio{background-color:#f5f5f5;border:0 solid #ccc;height:150px;padding:5px;position:relative;width:92%;}
/* lightbox class style  */
.lightbox:link{border:0;}
.lightbox:visited{border:0;}
.lightbox:hover{border:0;}
/* footer zone  */
#footer{background:#FFF;border-top:1px dashed #cac6c6;display:block;height:280px;margin-left:auto;margin-right:auto;overflow:auto;width:100%;}
#footer a,a:visited{color:#cac6c6;font-size:10px;font-style:normal;text-decoration:none;}
#footer a:hover{color:#ef3e63;}
#footer div{color:#cac6c6;font-size:10px;margin:5px 5px 5px 2px;text-align:center;}
/* services  */
li.service{list-style-image:url(images/tic.png);margin:10px 10px 10px 40px;}
/* general links  */
a:link{color:#cac6c6;font:12px Verdana, Helvetica, Arial;line-height:2em;text-decoration:none;}
a:visited{color:#cac6c6;font:12px Verdana, Helvetica, Arial;line-height:2em;text-decoration:none;}
a:hover{color:#ef3e63;font:12px Verdana, Helvetica, Arial;font-style:normal;line-height:2em;}
/* Form Button  */
.button{background:url(images/nav_bg.png) no-repeat 0 -80px;border-style:none;color:#fff;display:block;height:20px;margin-bottom:20px;margin-left:20px;padding-left:30px;text-align:left;width:140px;}
/* Form Button Hover State  */
.button:hover{background:url(images/nav_bg.png) no-repeat -140px -80px;color:#fff;text-decoration:none;}
/* Form Input Styling  */input{border-style:none;color:#b2b2b2;display:block;height:20px;margin-bottom:15px;padding-left:20px;padding-top:1px;width:120px;}
.name{background:url(images/form-elements.png) no-repeat;margin-left:20px;margin-top:20px;}
.email{background:url(images/form-elements.png) no-repeat 0 -20px;margin-left:20px;}
.company{background:url(images/form-elements.png) no-repeat 0 -40px;margin-left:20px;}
.address{background:url(images/form-elements.png) no-repeat 0 -80px;margin-left:20px;}
.address2{background:url(images/form-elements.png) no-repeat 0 -100px;margin-left:20px;}
.phone{background:url(images/form-elements.png) no-repeat 0 -60px;margin-left:20px;}
.name:focus{background:url(images/form-elements.png) no-repeat -140px 0;margin-left:20px;}
.email:focus{background:url(images/form-elements.png) no-repeat -140px -20px;margin-left:20px;}
.company:focus{background:url(images/form-elements.png) no-repeat -140px -40px;margin-left:20px;}
.address:focus{background:url(images/form-elements.png) no-repeat -140px -80px;margin-left:20px;}
.address2:focus{background:url(images/form-elements.png) no-repeat -140px -100px;margin-left:20px;}
.phone:focus{background:url(images/form-elements.png) no-repeat -140px -60px;margin-left:20px;}
.message{background:url(images/textarea.png) no-repeat;border-style:none;color:#b2b2b2;display:block;height:77px;margin-bottom:15px;margin-left:20px;overflow:auto;padding-left:20px;padding-top:3px;width:280px;}
.message:focus{background:url(images/textarea.png) no-repeat -300px 0;margin-left:20px;}
.grid_4{display:inline;float:left;height:300px;margin-left:10px;margin-right:10px;}
.prefix_3{padding-right:240px;}