.code {
padding: 2px 4px;
font-size: 90%;
color: #4b4b4b;
background-color: #f0f0f0;
border-radius: 4px;
font-family: Tahoma,Geneva,sans-serif;
font-weight: normal;
white-space:nowrap;
}
body{
	background-color: #dcdcdc;
	font-family: Tahoma,Geneva,sans-serif;
	display:none;
}
.debug{
	/* border:1px dotted black;  */
/*
    -webkit-box-shadow:inset 0px 0px 0px 0px #f00;
    -moz-box-shadow:inset 0px 0px 0px 0px #f00;
    box-shadow:inset 0px 0px 0px 0px #f00;
*/
}
.center {
	margin-left: auto;
	margin-right: auto;
}
#to_export {
	width: 210mm;
	height:297mm;
	background-color: white;
	font-weight:bold;

}
.body {
	/* display:none; */
	width: 210mm;
	height:297mm;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	font-weight:bold;
	color:#4b4b4b;
}

.main{
  /* DEBUG 
  background-color: red;
  */
	width: 210mm;
	height:297mm;
	display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
	display: -ms-flexbox;           /* TWEENER - IE 10 */
	display: -webkit-flex;          /* NEW - Chrome */
	display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.gauche {
	/* DEBUG 
	background-color: #84c9ff;
	*/
	-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
	-ms-flex-order: 1;              /* TWEENER - IE 10 */
	-webkit-order: 1;               /* NEW - Chrome */
	order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-flex: 1;            /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;               /* OLD - Firefox 19- */
	width: 35%;                     /* For old syntax, otherwise collapses. */
	-webkit-flex: 1;                /* Chrome */
	-ms-flex: 1;                    /* IE 10 */
	flex: 1;                        /* NEW, Spec - Opera 12.1, Firefox 20+ */
	height: 290mm;
	padding: 3mm 2mm 3mm 2mm;
/*
	background:#000000;
*/
}

.separation {
	-webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
	-ms-flex-order: 2;              /* TWEENER - IE 10 */
	-webkit-order: 2;               /* NEW - Chrome */
	order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	width: 2px;                     /* No flex here, other cols take up remaining space */
	-moz-box-flex: 1;               /* Without this, Firefox 19- expands to widest paragraph, overrides width */
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
/*
	background: #ff7900;
*/
	background: #a23eb1;

	padding: 3mm 0mm 3mm 0mm;
	margin: 10mm 0mm 10mm 0mm;

}
.droite {
	/* DEBUG 
	background: #ffa9b5;
	*/
	-webkit-box-ordinal-group: 3;   OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 3;      /* OLD - Firefox 19- */
	-ms-flex-order: 3;              /* TWEENER - IE 10 */
	-webkit-order: 3;               /* NEW - Chrome */
	order: 3;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	width: 65%;                     /* No flex here, other cols take up remaining space */
	-moz-box-flex: 1;               /* Without this, Firefox 19- expands to widest paragraph, overrides width */

	padding: 3mm 3mm 3mm 3mm;

}

.sectiong, .sectiond {
	display:inline-block;
	width:100%;
}
/*
.identite {
	display:inline-block;
	width:100%;
}
.informations {
	display:inline-block;
	width:100%;
}
*/
.marge_top{
	margin-top:5mm;
	clear:both;
	float:right;
	/* height:5mm; */
}
.marge_separation_g{
	margin-top:4mm;
	clear:both;
	float:right;
	/* height:5mm; */
}
.marge_separation_d{
	margin-top:1mm; 
	clear:both;
	float:left;
	/* height:5mm; */
}
.marge_d{
	margin-top:1mm;
}
.marge_g{
	margin-top:0.5mm;
}
.marge_bas{
	margin-bottom:2mm;
}

.shadow {
  -moz-box-shadow:    3px 3px 50px 10px rgba(86, 77, 77, 0.6);
  -webkit-box-shadow: 3px 3px 50px 10px rgba(86, 77, 77, 0.6);
  box-shadow:         3px 3px 50px 10px rgba(86, 77, 77, 0.6);
}
.photo{
	width:45mm;
	height:45mm;
	float:right;
}
.nom{
	/* float:right; */
	font-size:5.5mm !important;
	font-weight:bold;
	text-align:right;
	/* clear:both; */
}
/*
.adresse, .naissance, .contacts, .telephone, .personnalite {
	float:right;
	font-size:13px;
	text-align:right;
	clear:both;
}
*/
.infos_contact{
	float:right;
	/* font-size:13px; */
	font-size:3.3mm;
	text-align:right;
	clear:both;
}
.items_g{
	float:right;
	/* font-size:13px; */
	font-size:3.35mm;
	text-align:right;
	clear:both;
	line-height:5mm;
}
.items_d{
	float:left;
	font-size:3.35mm;
	text-align:left;
	clear:both;
	line-height:5mm;
}
/*
.personnalite{
	float:right;
	font-size:13px;
	text-align:right;
	clear:both;
}
*/
.XXXXXX{
	float:right;
	font-size:13px;
	text-align:right;
	clear:both;
}
.items_titre_g {
	float:right;
	font-size:5mm;
	font-weight:bold;
	text-align:right;
	color:#a23eb1;
}	
.items_titre_d {
	float:left;
	font-size:5mm;
	font-weight:bold;
	text-align:left;
	color:#a23eb1;
}	
.mail:hover{ 
	/* background:#a241aa66; */
	background:rgb(162,65,170);
	background:rgba(162,65,170,.33);
	text-decoration:underline;
	cursor:pointer;
}
.societe{
	color:#663a69;
	
}
.date{
	
}
.indent{
	margin-left:15px;
}
.indent_more{
	margin-left:46px;
}

.experience_item_titre, .formation_item_titre{
	text-decoration:underline;
	color:#663a69;
    	margin-top: 2px !important;
}

.competences_item_titre {
	text-decoration:underline;
	color:#663a69;
    	margin-top: 5px !important;
}

.table{
	display:table;
}
.tr{
	display:table-row;
}
.td{
	display:table-cell;
	margin-right:5px;
	vertical-align: middle;
}
.logo{
	/* width: 20px; */
	height:20px;
	margin-left:5px;
}	

.avertissement {
    position: relative;
    bottom: 25px;
    text-align: center;
	color: #f16e00;
	background-color:black;
    height: 25px;
    width: inherit;
	font-size: 12px;
}
li.circle {
    list-style-type: circle;
    margin-left: 22px !important;
    margin-top: 2px !important;
}

p.description, span.description, p.commentaire, span.commentaire, li.circle > p {
    font-weight: normal;
    /*color: #A2A2A2;*/
    margin: 0 0 0 0;
    line-height: 4mm;
    font-size: 12px !important;
}
#page-wrap { 
  top: 20px;
  position: fixed;
  /*
  right: 540px;
  */
}
#sidebar { 
  width: 190px; 
  position: fixed; 
  margin-left: 410px; 
}
/******************/
/* Progress Balls */
/******************/
.progballs{
	width:95px;
}
.full {
    /* background: radial-gradient(circle at 50% 120%, #81e8f6, #76deef 10%, #055194 80%, #062745 100%);  
	background: radial-gradient(circle at 50% 120%, #fcfcfc, #9f9898 10%, #545556 80%, #1c1c1d 100%) */
	background: radial-gradient(circle at 50% 120%, #fcfcfc, #9f9898 10%, #663a69 80%, #1c1c1d 100%)
}
.empty {
    background: radial-gradient(circle at 50% 120%, #ffffff, #d0d0d0 10%, #e2e2e2 80%, #acacac 100%);

}
.ball {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-bottom: 1px;
  border-radius: 50%;
  position: relative;
  box-shadow:inset 0px 0px 0px 1px #9e9e9e;
}
.ball:before {
  content: "";
  position: absolute;
  top: 1%;
  left: 5%;
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 0px, #ffffff, rgba(255, 255, 255, 0) 58%);
  -webkit-filter: blur(5px);
  z-index: 2;
}

.ball .shadow {
position: absolute;
width: 100%;
height: 100%;
background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);
-webkit-transform: rotateX(90deg) translateZ(-150px);
-moz-transform: rotateX(90deg) translateZ(-150px);
-ms-transform: rotateX(90deg) translateZ(-150px);
-o-transform: rotateX(90deg) translateZ(-150px);
transform: rotateX(90deg) translateZ(-150px);
z-index: -1;
}

.stage {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 2px;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -ms-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}	
/* fin Progress Balls */

#export_btn {
  position: fixed;
}

  .ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: #a23eb1;
    border-radius: 20px;
    font: bold 12px Tahoma,Geneva,sans-serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }