/***********************************************************
*					Style général						   *
***********************************************************/

body {
	background-color: #000000;
    color: #FFFFFF;
    font-family: 'Segoe WP','Segoe UI',Verdana,Helvetica,Sans-Serif;
    font-size: 15px;
	margin: 0 3px 3px 3px;
}

.tile-group.five-wide {
	float:left;
}

.tab {
	margin-left: 30px;
}


/***********************************************************
*					Style des half-tiles     			   *
***********************************************************/

.half-title {
	float:left;
	width:70px;
}
.half-img {
	float:left;
	width:70px;
}

/***********************************************************
*			Style des titres (app et site)     			   *
***********************************************************/

.app-title {
    font-size: 10pt;
    margin-left: 3px;
    text-transform: uppercase;
}

.site-title {
    font-size: 25pt;
	margin-left: 3px;
    margin: 0;
}


/***********************************************************
*			Style des liens <a>			     			   *
***********************************************************/


.no-decoration {
	text-decoration: none;
}

.light a, .light a:visited {
    color: #000000;
}

.dark a, .dark a:visited {
    color: #FFFFFF;
}

/***********************************************************
*	correction du style d'insertion de l'img email dans    *
* 	l'appbar.							     			   *
***********************************************************/


.appbar-buttons a.email > img {
  background-position: -12px -276px;
}

/***********************************************************
*	Style du contenu des tuiles cliquées affiché sur la    *
*	même page					   						   *
***********************************************************/

.content-displayed {
	width: 500px;
	margin-left: 20px;
	float: left;
	margin-bottom: 70px;
}

/***********************************************************
*			Style du composant jpivot	     			   *
***********************************************************/

.metro-pivot .pivot-item h3, .metro-pivot .headers .header {
	font-family: "Segoe UI Light", "Helvetica Neue", 'RobotoLight', "Segoe UI", "Segoe WP", sans-serif;
	font-weight: 100;
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 42px;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	cursor: pointer;
	margin-right: 24px;
}

/***********************************************************
*					Style des listes					   *
***********************************************************/


ul.metro-list {
    overflow: hidden;
}

ul.metro-list, ol.metro-list {
    padding: 0;
}

ol.metro-list {
    margin-left: 10px;
}

ol.metro-list {
    counter-reset: item;
    text-indent: -25px;
}

ol.metro-list li:before {
    color: white;
    content: counter(item, decimal) " ";
    counter-increment: item;
    margin-right: 20px;
}

ul.metro-list li, ol.metro-list li {
    border-left: 30px solid;
    display: block;
    height: 20px;
    list-style-position: inside;
    list-style-type: none;
    margin: 10px 0;
    padding: 5px;
}

ul.metro-list li.no-marker-list,
ol.metro-list li.no-marker-list{
	border-left : none;
}


/***********************************************************
*					Style du cv							   *
***********************************************************/


.cv_paragraphe {
	width: 100%;
}

.cv-title-paragraphe {
	border-style:solid;
	border-width:1px;
}
 
.experience .exp_header {
	width: 900px;
	padding-bottom: 20px;
}

.exp_header .exp_title {
	float: left;
}

.exp_header .exp_place {
	float: right;
}

.experience .exp_desc {
	width: 900px;
}


/***********************************************************
*				Style des détail projet					   *
***********************************************************/


.bandeau {
	float:left;
}

.description {
	float:left;
	padding-bottom: 80px;
}

.projet_paragraphe {
	width: 100%;
}

.projet-title-paragraphe {
	border-style:solid;
	border-width:1px;
}

.description a.about > img {
    height: 16px;
    width: 16px;
}