/*******************************************************/
/* Projet : Sébastien THOMAS                     */
/* Date : 26/11/2011                                   */
/* Feuille de style gerant les positions des calques   */
/*******************************************************/



a:link {color: #000000}     /* unvisited link */
a:visited {color: #000000}  /* visited link */
a:hover {color: #000000}   /* mouse over link */
a:active {color: #000000}   /* selected link */

FORM{
	margin:0px;
	padding:0px;
}

body {
	height:100%;
	margin:0px;
	padding:0px;
	width:100%;
	
	font-family: verdana;
	font-size: 11px; 
	color: #FFFFFF;
	text-align: center;
	background-color: #222222;

}

a:link {color: #FFFFFF}     /* unvisited link */
a:visited {color: #FFFFFF}  /* visited link */
a:hover {color: #FFFFFF}   /* mouse over link */
a:active {color: #FFFFFF}   /* selected link */


/*===============================================================================================================*/
/* === Structure commune === */



#conteneur {
	position:relative;
	margin-left: auto;
    margin-right: auto;
	width:970px;
    text-align: left;
	padding-top:30px;
}

#header {
	position:relative;
	width:970px;
    text-align: left;
	/*background-color: #FF0000;*/
}

#cols {

	position:relative;
	padding-top:10px;
	width:970px;
    text-align: left;
	/*background-color: #FFFF00;*/
}


#onglet{
	width:30px;
	font-family: Arial;
	
	writing-mode: tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;

	font-size: 12px;
	font-weight:bold;
	background-color: #330000;
	border-radius: 3px;
}

#identite {
	float:left;
	position:relative;
	width:190px;
    text-align: left;
	padding:10px;
	background-color: #333333;
	border-radius: 15px;
}
#photo {
	float:left;
	width:91px;
	padding-right:5px;

}

#identite-detail {
	float:left;	
	width:94px;
	/*background-color: #FF0000;*/
}

#sousnav {
	height:350px;
	float:left;
	position:relative;
	width:30px;
    text-align: left;
	/*background-color: #00FF00;*/
}

#content {
	float:left;
	position:relative;
	width:710px;
    text-align: left;
	padding:10px;
	background-color: #333333;
	border-radius: 15px;
}


#experiences-pro {
	float:left;
	position:relative;
	width:390px;
    text-align: left;
	font-size: 14px; font-weight:normal; color: #FFFFFF;
}



#exppro-detail{
	border-radius: 15px;
	background-color: #FFFFFF;
	padding:10px;
	margin-top:10px;
	margin-right:10px;
	font-size: 11px; font-weight: normal; color: #333333;
}

#exppro-titre{
	margin-left:10px;
	font-size: 16px; font-weight: bold; color: #9EC953;
}


#formations {
	float:left;
	position:relative;
	width:320px;
    text-align: left;
	
	font-size: 14px; font-weight: normal; color: #FFFFFF;
}

#formation-detail {
	border-radius: 15px;
	background-color: #FFFFFF;
	padding:10px;
	margin-top:10px;
	font-size: 11px; font-weight: normal; color: #333333;
}

#filet{
	height:1px;
	width:190px;
	margin-top:15px;
	margin-bottom:8px;
	background-color: #666666;
}

#filet2{
	height:1px;
	margin-top:2px;
	margin-bottom:2px;
	background-color: #A6A6A6;
}

#filet3{
	height:1px;
	margin-top:15px;
	margin-bottom:0px;
	background-color: #666666;
}

#exp-titre{
	/*background-color: #FF0000;*/
	font-family: verdana; font-size: 12px; font-weight: bold; color: #9EC953;
}


#exp-societe{
	float:left;
	width:225px;
	/*background-color: #FF0000;*/
	font-size: 11px; font-weight: bold; color: #333333;
	padding-bottom:10px;
}

#exp-date{
	float:left;
	width:135px;
	/*background-color: #FF00FF;*/
	text-align:right;
	font-size: 11px; font-weight: bold; color: #A6A6A6;
	padding-bottom:10px;
}

#exp-texte{
	font-size: 11px; font-weight: normal; color: #333333;
	padding-left:20px;
	padding-bottom:20px;
}





#form-ecole{
	float:left;
	width:220px;
	/*background-color: #FF0000;*/
	font-size: 11px; font-weight: bold; color: #9EC953;
}

#form-date{
	float:left;
	width:80px;
	/*background-color: #FF00FF;*/
	text-align:right;
	font-size: 11px; font-weight: bold; color: #A6A6A6;
}

#form-texte{
	font-size: 11px; font-weight: normal; color: #333333;
	padding-left:20px;
	padding-bottom:20px;
}



/*===============================================================================================================*/
/* === TEXTES === */

.prenomNom{ font-family: verdana; font-size: 30px; font-weight: normal; color: #9EC953;}
.prenomNom A { color: #9EC953; text-decoration: none;}
.prenomNom A:hover { color: #9EC953; text-decoration: underline;}

.fonction{ font-family: verdana; font-size: 18px; font-weight: normal; color: #FFFFFF;}
.fonction A { color: #FFFFFF; text-decoration: none;}
.fonction A:hover { color: #FFFFFF; text-decoration: underline;}

.titre{ font-family: verdana; font-size: 11px; font-weight: bold; color: #9EC953;}
.titre A { color: #9EC953; text-decoration: none;}
.titre A:hover { color: #9EC953; text-decoration: underline;}

.info-date{ font-family: verdana; font-size: 11px; font-weight: bold; color: #BBBBBB;}
.info-date A { color: #333333; text-decoration: none;}
.info-date A:hover { color: #333333; text-decoration: underline;}