/*-----------------------------------------------------------------------------
-------------------------------------------------------------------------------
---------- Tip: You can use a stylesheet stored on your own server! -----------
---------- @import url('http://www.example.com/style.css'); -------------------
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
-------------------------------------------------------------------------------
----------------------------------- VIEW --------------------------------------
-------------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

/*------------ Google Webfont ---- http://www.google.com/webfonts -----------*/
@font-face {
  font-family: 'Cabin Sketch';
  font-style: normal;
  font-weight: bold;
  src: local('CabinSketch Bold'), local('CabinSketch-Bold'), url('http://themes.googleusercontent.com/font?kit=ki3SSN5HMOO0-IOLOj069BAPw1J91axKNXP_-QX9CC8') format('woff');
}

/* -------- Body -------------------------- */
body {
  Background:#cccccc;
}
/* ------- CV ----------------------------- */
#cv {
  background:#ffffff;
}
#cv #cv_bloc {
  width:980px;
}
/* ------- Banner ------------------------ */
#cv #banner {
  height:85px;
  margin-bottom:10px;
  background:#545454;
  margin-bottom:0px;
}
#cv #banner #userName{
  padding-left: 20px;
  padding-top: 5px;
}
#cv #banner #userName span{
  color:#ffffff;
}
#cv #banner #userName #userFirstName a span,
#cv #banner #userName #userLastName a span{
  font-size:40px;
  font:normal normal bold 35px Cabin Sketch;/*font via google webfont (cf ligne 19)*/
}
#cv #banner #userName #userCvTitle span{
  font-size: 15px;
  font:normal normal bold 22px Cabin Sketch;/*font via google webfont (cf ligne 19)*/
}
/* ------- Menu -------------------------- */
#cv #menu {
  height:22px;
  padding:0px;
  margin:0px;
  background:#646464;
}
#cv #menu li{
  padding-bottom:4px;
}
#cv #menu a {
  height:22px;
  padding:0px 0px 0px 15px;
  margin-right:1px;
}
#cv #menu span {
  font:normal normal bold 12px Arial;
  color:#ffffff;
  height:19px;
  padding:4px 15px 0px 0px;
  background-repeat:no-repeat;
}
#cv #menu li.on a,
  #cv #menu li.on a:hover,
  #cv #menu li.off a:hover{
  background:#474747;
}

/* ------- Content ----------------------- */
#cv #content {
  padding:85px 20px 50px 20px;
  background:#ffffff;
  border:1px solid #cccccc;
}
/* ------- col_1 ------------------------- */
#cv #col_1 {
  margin-top:0px;
}
#cv #col_1 .top {
  background:#545454;
  padding: 7px 15px 4px 15px;
  width: 174px;
}
#cv #col_1 .top span{
  color: #ffffff;
  font:normal normal bold 16px Arial;
}
#cv #col_1 .middle {
  width:204px;
}
#cv #col_1 .bloc {
  border:1px solid #cccccc;
  margin-bottom:4px;
  background: white;
}
#cv #col_1 .widget-middle {
  background:none;
}
#cv #col_1 h3 {
  color:#515253;
}
/* -----------cv_options------------------ */
#cv_options {
  right: 20px;
  top: 115px;
}
#downloadcv-options-link,
  #sharecv-link{
  color:#515253;
}
/* ------- Components -------------------- */
#cv #components {
  padding-left:20px;
}
#cv #components .middle {
  background:transparent;
  width:711px;
}
#cv #components #col-resize,
  #cv #components #col-sep {
  width:20px;
}
#cv #components #col-2 {
  width:59.1%;
}
#cv #components #col-3,
  #cv #components #col-4 {
  width:38%;
}
/* ------- Portlet ----------------------- */
#cv .portlet {
  margin-bottom:15px;
  background:#ffffff;
  border:1px solid #cccccc;
  margin-top:30px;
  margin-bottom:60px;
}
* html #cv .portlet {
  border:1px solid #cccccc;
}
#cv .portlet h2 {
  height:25px;
  padding-bottom:11px;
  position:absolute;
  top:-30px;
  left:0px;
  width:100%;
}
#cv .portlet h2 a,
  #cv .portlet h2 a:hover {
  font:normal normal normal 16px Arial;
  color: #737373;
  height:20px;
}
#cv .portlet .more{
  border-bottom:1px solid #dbdbdb;
  margin-left:10px;
  height:18px;
  margin-bottom:10px;
  margin-top:5px;
}
#cv .portlet .last .more{
  border-bottom:none;
  height:21px;
}
#cv .portlet .more a,
  #cv .portlet .more a:hover{
  height:17px;
  background-repeat:no-repeat;
  background-position:right top;
  color:#C1C1C1;
  font-size:11px;
  padding:2px 6px 0px 0px;
  width:142px;
}
/* ------- Widget ------------------------ */
#cv .widget .colored,
  #cv .widget .colored a,
  #cv .widget .colored a:hover {
  font-weight:normal;
  font-size:15px;
  color:#50a3d9;
}
#cv .widget h3 a,
  #cv .widget h3 a:hover,
  #cv .widget h4 a,
  #cv .widget h4 a:hover {
  color: #515253;
}
#cv .widget h5 a,
  #cv .widget h5 a:hover {
  color:grey;
}
#cv .widget li {
  list-style: disc outside;
  color:#000000;
  padding-left:10px;
}
#cv .widget li a,
  #cv .widget li a:hover,
  #cv a.alink,
  #cv a:hover.alink{
  color:#50a3d9;
  text-decoration:underline;
  font-size:11px;
}
#cv .widget .underlined {
  background:#ededed;
  margin-top:2px;
}
#cv .widget-middle {
  background: none;
  border: none;
}
#cv .widget_jobs h4,
  #cv .widget h5{
  padding-left: 13px;
  margin-bottom:3px;
}

#cv .widget_jobs ul,
  #cv .widget ul{
  padding-left:13px;
}
/* ------- Widget level 2 ---------------- */
#cv .level2 .widget_jobs h4 {
  padding-left: 17px;
}
#cv .level2 .widget{
  border-bottom:1px dotted #cccccc;
  margin-bottom:10px;
  padding-bottom:10px;
}
#cv .level2 .widget .image {
  border:none;
  margin-top:7px;
}
#cv .level2 .widget ul {
  padding-left:20px;
}
#cv .level2 .widget_trainings h5 {
  padding-left: 20px;
}
#cv .level2.blog .underlined{
  padding-left:20px;
}
/* ------- Contact -- (user_url/cv/contact/)-------- */
#cv #contacts .contact_2 {
  width:275px;
  left:436px !important;
}
#cv #contacts .widget-top {
  padding-top:12px;
  margin-top:6px;
}
#cv #contacts .widget-bottom{
  height:8px;
  margin-bottom:0px;
}
/* ------- Footer ------------------------ */
#cv #footer {
  background:#545454;
  height: 126px;
  width: 980px;
  margin: auto;
}
#cv #footer center{
  position:relative;
}
#cv #footer img {
  position:absolute;
  top:22px;
  right:25px;
}

/*-----------------------------------------------------------------------------
-------------------------------------------------------------------------------
--------------- EDIT (edition du CV, utilisateur loggé) -----------------------
-------------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

/* ------- Widget ---------- */
#cv .portlet a.add {
  font:normal normal normal 10px Arial;
  right:-10px;
  top:-25px;
  z-index:3;
  color:#888787;
}
#cv form.edit{
  padding-bottom:10px;
}

/* ------------------------- Enjoy !!! ------------------------------------- */