/* disactivated 
#communityLinks{
visibility:hidden;
 }  */
/*    activated     */
html { background-color:#000; }

body { font:Arial, Helvetica, sans-serif; margin:0; padding:0; background: #12171f url('../images/background.jpg') no-repeat scroll 0 0;  }
#base{margin:0;  position:relative; padding:5px 0 0;}
hr{ display:none; }


.shadowBox{ margin-left:auto; margin-right:auto; padding-right:25px; *padding-right:24px; text-align:left; width:824px; *width:826px;  background: transparent url('../images/shadow.png') no-repeat scroll right 0;  }
.shadowBoxBottom{ margin-left:auto; margin-right:auto; padding-right:26px; padding-bottom:36px; text-align:left; width:820px;  background: transparent url('../images/shadowBottom.png') no-repeat scroll left 0;  }

.design1 .shadowBox{ margin-left:auto; margin-right:auto; padding-right:25px; *padding-right:24px; text-align:left; width:824px; *width:826px;  background: transparent url('../images/shadow2.png') no-repeat scroll right 0;  }
.design1 .shadowBoxBottom{ margin-left:auto; margin-right:auto; padding-right:26px; padding-bottom:36px; text-align:left; width:820px;  background: transparent url('../images/shadowBottom2.png') no-repeat scroll left 0;  }

.menuTop {  width:100%; height:37px; margin:0; padding:0; background: transparent url('../images/menuTop.png') repeat-x scroll 0 0;  position:absolute; left:0; top:0;}
.menuTop .wrapper{ position:relative; text-align:center; margin-left:auto; margin-right:auto; width:820px; text-align:right;}
.menuTop ul{ margin-top:10px; margin-bottom:10px; padding:0; }
.menuTop ul li {  display:inline; margin-top:5px; margin-bottom:3px; font-size:16px; font-weight:bold; color:#FFFFFF; margin-left:20px; list-style-type:none;}
.menuTop ul li a{   font-size:14px; *font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.menuTop ul li a:hover{  text-decoration:underline;}
.menuTop ul li.hidden{ display:inline;  }
h2.hidden{ margin-left:20px; color:#fff;  }
.logo { background: transparent url('../images/logo.png') no-repeat scroll 0 0;  position:absolute; left:0; top:0; height:389px; width:567px;} 
.logo img { display:none; }
.logo h1, .logo h2, .logo p { text-indent:-3000px;  }

#slogan {   position:relative; margin-top:145px; height:166px; width:100%; text-align:center; }
#slogan div.wrapper { margin-left:85px; margin-right:50px;  }
#slogan div.wrapper div{  position:relative;  height:166px; width:820px;px; margin-left:auto; margin-right:auto; background: transparent url('../images/slogan.png') no-repeat scroll 0 0; }
#slogan div p { text-indent:-3000px;  }

#portefolio{ color:#fff; margin-top:40px;  font-size:12px; padding-bottom:120px; *padding-bottom:100px;}
#curriculum{ color:#fff; margin-top:40px;  font-size:12px;}
#curriculum h3{ margin-left:40px; }
#curriculum .etude{ margin-left:50px; }
#curriculum .experiences{ margin-left:50px; margin-bottom:30px;  }

.experiences .experience { margin-bottom:10px; }
.experiences .experience .date{ margin-bottom:3px;}
.experiences .experience .date sup{ position:relative; top:6px; font-size:9px;}
.experiences .experience .titre{ margin-left:15px;}
.experiences .experience .desc{ margin-left:15px; font-size:11px;}

.container{ position:relative !important;  width:100%; text-align:center; padding-bottom:50px; clear:both; top:-10px;}
.container .wrapper{ margin-left:85px; margin-right:50px;  }
.container .wrapper .box{ position:relative;  width:820px; border:1px solid #000; margin-left:auto; margin-right:auto; background: #1f2a38 url('../images/artifact.png') no-repeat scroll right 0; text-align:left;}

.nojs-hidden{ display:block; height:40px; }
.menu ul{ margin-left:0px; margin-top:5px; position:relative; left:-10px; *left:10px; padding-bottom:20px;   }
.menu ul li.first { *left: 40px;  }
.menu ul li.last {  *width:100%; }
.menu ul li{ font-size:14px; font-weight:bold; color:#FFFFFF; list-style-type:none; display:inline; padding-left:0px; margin-left: 0px;  padding-right:23px; margin-right:15px; background: transparent url('../images/verticalLine.gif') no-repeat scroll right 6px;  *position:relative; *left: 40px;  }
.menu ul li a{ font-size:14px; font-weight:bold; color:#FFFFFF; list-style-type:none; text-decoration:none;  }
.menu ul li a.current { color:#DDD !important;  }
.menu ul li a:hover{  text-decoration:underline;  }
.menu ul li.last{ margin-right:0px; padding-right:0px; background: none;  }

.projet{ margin-right:20px; margin-left:20px; margin-top:0px; padding:0px; padding-bottom:50px; position:relative;  clear:both; left:-2000px; }
.projet div.imageAndLink{  position:relative; margin-bottom:20px; width:180px; float:left;}
.projet div.imageAndLink img{  position:relative; border:none; }
.projet h3{  position:relative;  width:360px;  color:#FFFFFF; float:left; margin-left:15px; margin-right:10px; margin-top:0; margin-bottom:5px; }
.projet h3 span{  font-size:12px; font-weight:normal; clear:both !important; float:left !important;}
.projet div.description{  position:relative; width:360px; color:#CCCCCC; font-size:12px; margin-bottom:20px; margin-left:15px; margin-right:10px; float:left; margin-top:0; padding-bottom:10px; background:transparent url('../images/projets/border_bottom.png') no-repeat scroll -220px bottom; }
.projet div.imageAndLink a.link{ background:transparent url('../images/projets/loupe.png') no-repeat scroll 0 2px;  position:relative; width:170px; color:#FFFFFF; padding-left:25px; *float:none; *clear:both; *display:block;  }

.projet div.imageAndLink a{ border:#000 none 0px;  }
.projet div.imageAndLink a.link:hover{ text-decoration:none;  }

.projet div.description ul.sub{
padding:0;
margin-bottom:0;
margin-top:5px;
}
.projet div.description ul.sub li{
display:inline-block;
*display:inline !important;
padding-right:10px;
width:90px;
text-align:center;
margin-bottom:5px;
vertical-align:top;
*float:left;
*height:80px;

}
.projet div.description ul.sub li span{
text-decoration:none;
}
.projet div.description ul.sub li.off{
opacity:0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.projet div.description ul.sub li img{
padding-left:10px;
}
.projet div.description ul.sub li a span{
font-size:10px;
display:block;
color:white;
width:90px;
text-decoration:underline;
}

.projet div.description ul.sub li a:hover span{
text-decoration:none;
}

.projet div.description ul.sub img{
border:none;
width:70px;
}
.projet .attributs{ position:relative; float:right; margin-right:0px; width:215px; opacity:0;  }
.projet .attributs ul{ margin:0; padding:0; clear:both; }
.projet .attributs ul li{ display:inline-block; text-indent:-300px; background-image:url('../images/projets/icone.jpg'); margin-bottom:0px; height:10px; position:relative; padding-bottom:20px; padding-top:10px; padding-left:25px; padding-right:25px; width:0; float:left;}
.projet .attributs ul li span{ display:none;}

.projet .attributs ul li.html{ background-position: -22px -10px; }
.projet .attributs ul li.jsp{ background-position: -75px -10px; }
.projet .attributs ul li.asp{ background-position: -122px -10px; }
.projet .attributs ul li.php{ background-position: -168px -10px; }
.projet .attributs ul li.javascript{ background-position: -216px -10px; }
.projet .attributs ul li.css{ background-position: -265px -10px; }
.projet .attributs ul li.flash2{ background-position: -310px -10px; }
.projet .attributs ul li.flash3{ background-position: -370px -10px; }
.projet .attributs ul li.xml{ background-position: -428px -10px; }

.projet .attributs ul li.fbml{ background-position: -20px -200px; }
.projet .attributs ul li.fbjs{ background-position: -85px -200px; }
.projet .attributs ul li.wordpress{ background-position: -152px -196px; }

.projet .attributs ul li.team{ background-position: -20px -65px; padding-top:40px; padding-left:35px;}
.projet .attributs ul li.major{ background-position: -85px -62px; padding-top:40px; padding-left:45px;}
.projet .attributs ul li.self{ background-position: -160px -62px; padding-top:40px; padding-left:45px;}

.projet .attributs ul li.probono{ background-position: -18px -135px; padding-top:40px; padding-left:35px; }
.projet .attributs ul li.winner{ background-position: -72px -135px; padding-top:40px; padding-left:45px;  }



.design2 { font:Arial, Helvetica, sans-serif; margin:0; background: #000000 url('../images/background2.jpg') no-repeat scroll 0 0;  }
.design2 .logo { background: transparent url('../images/logo2.png') no-repeat scroll 0 0;  position:absolute; left:50px; top:-10px; height:389px; width:567px;} 
.design2 .container .wrapper .box{ position:relative;  width:820px; border:1px solid #000; margin-left:auto; margin-right:auto; background: #490200 url('../images/artifact2.png') no-repeat scroll right 0; text-align:left;}
.design2 #slogan div.wrapper div{  position:relative;  height:166px; width:980px;px; margin-left:auto; margin-right:auto; background: transparent url('../images/slogan2.png') no-repeat scroll 0 0; }
.design2 .menu ul li{ font-size:16px; font-weight:bold; color:#FFFFFF; list-style-type:none; display:inline; padding-left:0px; margin-left: 0px; padding-right:23px; margin-right:15px; background: transparent url('../images/verticalLine2.gif') no-repeat scroll right 6px;  }
.design2 .menu ul li.last{ margin-right:0px; padding-right:0px; background: none;  }
.design2 .projet div.description{  position:relative; width:360px; color:#CCCCCC; font-size:12px; margin-bottom:20px; margin-left:15px; margin-right:10px; float:left; margin-top:0; padding-bottom:10px; background:transparent url(../images/projets/border_bottom2.png) no-repeat scroll -220px bottom;}

.design2 .projet .attributs ul li{ display:inline-block; text-indent:-300px; background-image:url(../images/projets/icone_red.jpg);}



.design3{ font:Arial, Helvetica, sans-serif; margin:0; background: #000000 url('../images/background3.jpg') no-repeat scroll 0 0;  }
.design3 .logo { background: transparent url('../images/logo3.png') no-repeat scroll 0 0;  position:relative; left:100px; top:18px; height:235px; *height:245px; width:567px;} 
.design3 #slogan {   margin-top:0px;  height:0px !important;}
.design3 .container .wrapper .box{ position:relative;  width:820px; border:1px solid #000; margin-left:auto; margin-right:auto; background: #141619 url('../images/artifact3.png') repeat scroll right 0; text-align:left; border:1px solid #2a415d;}
.design3 .container .wrapper .box .content{margin-top:15px;}
.design3 #slogan div.wrapper div{  position:relative;  height:166px; width:980px;px; margin-left:auto; margin-right:auto; background: transparent none no-repeat scroll 0 0; }
.design3 .menu ul{left:0; margin-top:0; padding-top:5px; padding-bottom:60px; background: transparent url('../images/artifact3a.png') repeat-x scroll right 0;}
.design3 .menu ul li{ font-size:16px; font-weight:bold; color:#FFFFFF; list-style-type:none; display:inline; padding-left:0px; margin-left: 0px; padding-right:23px; margin-right:15px; background: transparent url('../images/verticalLine2.gif') no-repeat scroll right 6px;  }
.design3 .menu ul li.last{ margin-right:0px; padding-right:0px; background: none;  }
.design3 .projet div.description{  position:relative; width:360px; color:#CCCCCC; font-size:12px; margin-bottom:20px; margin-left:15px; margin-right:10px; float:left; margin-top:0; padding-bottom:10px; background:transparent url(../images/projets/border_bottom.png) no-repeat scroll -220px bottom; font-style:italic;}
.design3 .projet p span{ font-style:normal; }
.design3 .menuTop {  width:100%; height:37px; margin:0; padding:0; background: transparent url('../images/menuTop3.png') repeat-x scroll 0 0;  position:absolute; left:0; top:0;}
.design3 .projet .attributs ul li{ display:inline-block; text-indent:-300px; background-image:url('../images/projets/icone.png');
}


.designSwitcher{ display:none;  }
.facebook, .linkedin, .twitter, .delicious{ display:none;  }
.design3 .facebook, .design3 .linkedin, .design3 .twitter, .design3 .delicious{ display:block;  }
.facebookPopup .facebook, .linkedinPopup .linkedin, .twitterPopup .twitter, .deliciousPopup .delicious{ display:block;  }
.design3 .facebook:focus, .design3 .linkedin:focus, .design3 .twitter:focus, .design3 .delicious:focus,
.design3 .facebook a:focus , .design3 .linkedin a:focus, .design3 .twitter a:focus, .design3 .delicious a:focus{ border:#000 none 0px;  }

.design3 .facebook a {
background-attachment:scroll;
background-color:transparent;
background-image:url(../images/images.png);
background-position:left top;
background-repeat:no-repeat;
height:45px;
left:180px;
position:absolute;
text-indent:-3000px;
width:45px;
top:165px;
background-position: 0 -1008px;
}
.design3 .facebook a:hover{
background-position: 0 -1118px;
}
.design3 .facebook a:active{
 background-position: 0 -1063px; 

}
.design3 .linkedin a{
background-attachment:scroll;
background-color:transparent;
background-image:url(../images/images.png);
background-position:left top;
background-repeat:no-repeat;
height:45px;
left:220px;
position:absolute;
text-indent:-3000px;
width:45px;
top:169px;
background-position: 0 -1173px;
}
.design3 .linkedin a:hover{
background-position: 0 -1283px;
}
.design3 .linkedin a:active{
background-position: 0 -1228px;
}
.design3 .twitter a{
background-attachment:scroll;
background-color:transparent;
background-image:url(../images/images.png);
background-position:left top;
background-repeat:no-repeat;
height:45px;
left:258px;
position:absolute;
text-indent:-3000px;
width:45px;
top:172px;
background-position: 0 -1338px;
}
.design3 .twitter a:hover{
background-position: 0 -1448px;
}
.design3 .twitter a:active{
background-position: 0 -1393px;
}
.design3 .delicious a{
background-attachment:scroll;
background-color:transparent;
background-image:url(../images/images.png);
background-position:left top;
background-repeat:no-repeat;
height:45px;
left:300px;
position:absolute;
text-indent:-3000px;
width:45px;
top:176px;
background-position: 0 -96px;
}
.design3 .delicious a:hover{
 background-position: 0 -206px;
}
.design3 .delicious a:active{
background-position: 0 -151px;
}


#productSharePopup{
	background-color:#10161E;
	color:#fff;
	border:2px #3C526D solid;
	position:absolute;
	top:-150px;
}
#productSharePopup div.contact,
#productSharePopup .popup_title h5.contact{
display:none !important;
}
.projectPopup .popup_title h5{
display:none !important;
}
.contactLinksPopup .popup_title h5{
display:none !important;
}
#productSharePopup_c .contactLinksPopup div.contact{
display:block !important;
margin-bottom:100px;
}
#productSharePopup_c .contactLinksPopup .popup_title h5.contact{
display:inline !important;
left:-30px !important;
}
#productSharePopup_c .projectPopup .popup_title h5.projet{
display:inline !important;
left:-30px !important;
}
.contactLinksPopup .sendEmail{
display:none;
clear:both;
}
.contactLinksPopup div.contact label{
float:left;
clear:both;
}
.contactLinksPopup div.contact input,
.contactLinksPopup div.contact textarea{
float:right;
clear:right;
margin-bottom:5px;
}
.contactLinksPopup div.contact input{
width:180px;
}
.contactLinksPopup div.contact textarea{
width:200px;
}
#productSharePopup .popup_content_wrapper{
	padding:20px;
	font-size:12px;
	text-align:center;
}
#productSharePopup .popup_content_wrapper a,
#productSharePopup .popup_content_wrapper a:visited{
	color:#0066cc;
	cursor:pointer;
	text-decoration:underline;
}
#productSharePopup .popup_content_wrapper a:hover{
	text-decoration:none;
}
#productSharePopup .popup_content_wrapper div p{
	background:transparent url(../images/projets/border_bottom.png) no-repeat -210px bottom;
	padding-bottom:15px;
}
#productSharePopup .popup_title{
	padding-left:20px;
	padding-top:10px;
}
#productSharePopup .popup_title h5{
	margin:0;
	font-size:14px;
	display:inline;
}
.facebookPopup .popup_title span{
	background:transparent url(../images/facebookandlinks.png) no-repeat 0px 0px;
}
.linkedinPopup .popup_title span{
	background:transparent url(../images/facebookandlinks.png) no-repeat -40px 0px;
}
.twitterPopup .popup_title span{
	background:transparent url(../images/facebookandlinks.png) no-repeat -75px 0px;
}
.deliciousPopup .popup_title span{
	background:transparent url(../images/facebookandlinks.png) no-repeat -115px 0px;
}
#productSharePopup .popup_title span{
	margin-right:8px;
	width:30px;
	height:20px;
	padding-right:30px;
	padding-bottom:20px;
	display:inline;
	position:relative;
	top:-5px;
}
#productSharePopup {
background:#10161E url(../images/artifact3a.png) repeat-x scroll right 0;
}
.yui-skin-sam .container-close {
	right:17px !important;
	top:13px !important;
}


.menuBottom .wrapper {
margin-right:5px;
}
#menuBottom img{
border:none;
}
.menuBottom{
bottom:10px;
clear:both;
float:right;
height:0;
margin-left:auto;
margin-right:auto;
position:relative;
width:620px;
*bottom:-10px;
}
.curriculumOffset{
bottom:0;
*bottom:-40px;
}
.menuBottom ul li{
float:right;
clear:none;
margin-left:10px;
}
.menuBottom ul li a{
font-size:14px;
color:white;
font-weight:bold;
text-decoration:none;
}.menuBottom ul li a:hover{
text-decoration:underline;
}


#copyright{
bottom:-30px;
bottom:-10px;
color:#222;
font-size:12px;
font-weight:normal;
left:70px;
position:relative;
text-align:left;



}
#copyright p{
font-size:12px; 
color:#222;
font-weight:normal;

text-align:left;
}
#copyright p span{
text-decoration:underline;
}

.validator{
left:-270px;
position:relative;
top:0;
}