/***
    Généralités
***/

html, body {
	background-image:url('../images/background2.png');
	background-repeat:repeat-x;
	background-color:#eef3f7;
	margin:0 0 15px 0;
    padding:0;
	color:#121310;
	height:100%;
}

html {
    overflow-y:scroll;
}

a {
	color:#121310;
}

a:hover {
    color:#FFFFFF;
}


/***
    Bannière
***/
#banniere {
    height:195px;
	width:760px;
	text-align:right;
    margin:auto;
	background-image:url('../images/banniere3.png');
	background-position:top;
	background-repeat:no-repeat;
}

#banniere h1 {
    color:#CB5BA9;
	font-size:4.5em;
}

#banniere h2 {
    font-size: 1em;
    color:#0d22d9;
	display:inline-block;
	font-family:Calibri;
	font-weight:normal;
	margin-top:165px;
	margin-left:20px;
}


/***
    Corps
***/
#tabs {
    margin:auto;
    overflow: hidden;
    min-height:150px;
}

#tabs-content { 
    padding: 20px;
	background-color:white;
	padding-top:5px;
	-moz-border-radius-topright:5px;
}

#tabs-content h2 {
    margin: 0;
    font-weight:normal;
    color:#FA4B00;
}

#tabs-content p { 
    margin: 10px 0 0 0; 
}

#tabs-content ul { 
    margin-top: 10px;
}

#slider {
	border: 5px solid #0d22d9;
	border-top:none;
	background:white;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

#corps {
    width:760px;
    margin:auto;
}

#footer {
    text-align:center;
	color:#0d22d9;
    border-top:1px solid #0d22d9;
    margin:0 20px 0 20px;
	background:white;
}


/***
    Favoris
***/
/*#favoris {
    float:right;
    padding:5px 3px 5px 5px;
    background-color:#0d22d9;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

#favoris img {
    border:none;
}

#favoris p {
    margin:0;
    margin-bottom:5px;
    text-decoration:underline;
    padding:0;
}*/

.lien {
    border:1px solid #FFFFFF;
    width:32px;
    height:32px;
    margin-bottom:1px;
    margin-right:2px;
    float:right;
}

.lien:hover {
    border:1px solid #000960;
}


/***
    Menu
***/
#ongletMenu { 
	overflow: hidden; 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	background: #0d22d9; 
	border: 5px solid #0d22d9;
	border-bottom:none;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

#ongletMenu li { 
    float: left; 
    padding: 0; 
    margin-right: 5px; 
    min-width:70px; 
    text-align:center; 
	background-color:#e0e2f8;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
}

#ongletMenu li a { 
	padding: 0; 
	margin: 0; 
	text-decoration: none; 
	color:#0d22d9; 
}

#ongletMenu li:hover { 
	background-color: white; 
	color:#000000;
}

#ongletMenu a:hover {
	color:#000960;
}

#ongletMenu .active { 
	background-color: white; 
}

#ongletMenu .active a {
	color:#000960;
}

#ongletMenu .tab-loading { 
	display: block; 
	width: 16px; 
	height: 16px; 
	overflow: hidden; 
	float: left; 
	padding: 4px 0 4px 10px; 
}

#ongletMenu .tab-loading img { 
	border: 0; 
}

#ongletMenu .tab-label { 
	display: block; 
	overflow: hidden; 
	padding: 5px; 
}


/***
    Galerie
***/

#listeImage img {
    margin-right:15px;
    margin-bottom:15px;
}

#listeImage {
    display:inline;
}

#myMask {
    background-color:black;
    opacity:0.7;
	filter: alpha(opacity = 70);
}

#conteneur {
    background-color:white;
    position:absolute;
    display:inline;
    float:left;
    overflow:hidden;
    color:white;
    opacity:1;
    z-index:99;
    padding:5px;
}

#imageConteneur, #imageConteneur img {
    opacity:1;
    float:left;
    z-index:99999;
}

#closeIt {
    float:right;
    background-color:white;
    margin-top:10px;
    cursor: pointer;
}

#description {
    float:left;
    background-color:white;
    margin-top:5px;
}

#closeIt p {
    display: inline;
	text-decoration:underline;
    font-weight: bold;
    color:#3D4243;
    font-size:0.8em;
}

#description p {
	display: inline;
    color:#3D4243;
    font-size:1em;
}


/***
	CV
***/
p, .cv-date, .cv-liste {
    font-family:'helvetica neue';
    font-size:0.75em;
}

.titre, .cv_categorie {
    margin: 0;
    font-weight:normal;
    font-size:1.5em;
	color:#0d22d9;
	border-bottom:1px solid #0d22d9;
}

.cv_categorie {
    
}

.cv-liste {
    list-style:none;
    padding:0;
    margin:0;
}

.cv-liste li {
    margin-top:10px;
}

.cv-date {
    text-decoration:underline;
    font-size:1.2em;
    font-weight:bold;
	color:#464646;
}

.cv-details {
    display:inline-block;
    padding-left:20px;
    padding-top:10px;
}

.cv-details ul {
    list-style:square;
}
.cv-details ul li {
    margin:0;
    padding:0;
}

.competences {
	list-style:square;
	font-size:0.75em;
	font-weight:bold;
}