#index{
	margin : 0%;
	background-color : #DCDCDC;
}

#main_div_index{
	background-color : #DCDCDC;
	margin-left: auto;
	margin-right: auto;
	margin-top : 1%;
	width: 1000px;
	height : 780px;
}

#main_content_index{
	background-color : #1E90FF;
	position : absolute;
	width : 810px;
	height : 580px;
	margin-right : 0px;
	margin-left : 190px;
	margin-top : 255px;
	color : white;
	overflow: auto;
}

#liseret_index{
	position : absolute;
	width : 180px;
	height : 580px;
	margin-right : 0px;
	margin-left : 0px;
	margin-top : 255px;
	text-align : center;
	background-color : #272323;
	color : white;
}

#main_entete_index{
	position : absolute;
	margin-right : 0px;
	margin-left : 0px;
	margin-top : 0px;
	height : 180px;
	width : 1000px;
	background-color :#A52A2A;
}

#div_titre_liseret{
	margin-bottom : 5px;
	margin-left : 5px;
	margin-right :5px;
	margin-top : 5px;
	background-color : #272323;
	
	min-height : 50px;
	max-height : 50px;
	vertical-align : middle;
	line-height:50px;
}
#div_titre_liseret:hover{
	background-color : grey;
	transition : all 1s;
}

#a_titre_liseret{
	font-size : 20px;
	font-family : daysregular, arial;
}

@font-face {
    font-family: 'sf_collegiateregular';
    src: url('Font/SF_Collegiate-webfont.eot');
    src: url('Font/SF_Collegiate-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/SF_Collegiate-webfont.woff') format('woff'),
         url('Font/SF_Collegiate-webfont.ttf') format('truetype'),
         url('Font/SF_Collegiate-webfont.svg#sf_collegiateregular') format('svg');
    font-weight: normal;
    font-style: normal;
	
	/* Autre façon d'importer un style 
		<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
	*/
}

.login_txt{
	font-family : daysregular, arial;
}

@font-face {
    font-family: 'comic_zine_otregular';
    src: url('Font/comic_zine_ot-webfont.eot');
    src: url('Font/comic_zine_ot-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/comic_zine_ot-webfont.woff') format('woff'),
         url('Font/comic_zine_ot-webfont.ttf') format('truetype'),
         url('Font/comic_zine_ot-webfont.svg#comic_zine_otregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'daysregular';
    src: url('Font/Days-webfont.eot');
    src: url('Font/Days-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/Days-webfont.woff') format('woff'),
         url('Font/Days-webfont.ttf') format('truetype'),
         url('Font/Days-webfont.svg#daysregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#main_navigation_div{
	height : 55px;
	width : 1000px;
	position : absolute;
	margin-top : 190px;
	margin-bottom : 10px;
	background-color : #4682B4;
	font-size : 13px;
}

#div_login{
	height : 55px;
	width : 1000px;
	vertical-align : middle;
}

#log_div{
	height : 100%;
	width : 20%;
	font-family : daysregular, arial;
	line-height:55px;
	text-align:center;
	float :left;
	display : inline-block;
}

#deco_div{
	height : 100%;
	width : 20%;
	margin-right : 50px;
	float :left;
	display : inline-block;
	line-height:55px;
	text-align:center;
}


#login_table{
	width : 850px;
	height : 55px;
	margin-left :75px;
}

#div_footer{
	height : 40px;
	width : 1000px;
	position : relative;
	margin-top : 67px;
	background-color : #CD5C5C;
	margin-left : auto;
	margin-right : auto;
	line-height:57px;
	vertical-align : middle;
	text-align:center;
}

#Kawai_img{
	position :absolute;
	width : 80%;
}
#Kirby_img{
	position :absolute;
	width : 80%;
}
#Aww_img{
	position :absolute;
	width : 80%;
}

#bouton{
	margin-left: auto;
	margin-right: auto;
	width : 80%;
	height : 10%;
	margin-top : 10%;
	background-color : grey;
	padding-top: 10px;
}

#bouton_precedent_div{
	width:10%;
	height:100%;
/*	background-color: red;*/
	opacity : 0.8;
	float : left;
	display : inline-block;
	
	text-align : center;
	vertical-align : middle;
	line-height:50px;
	font-size:48px;
	font-family : sf_collegiateregular, arial;
	
}

#bouton_play_stop_div{
	text-align: center;
	width:80%;
	height:100%;
/*	background-color:green;*/
	float : left;
	display : inline-block;
}

#bouton_suivant_div{
	width:10%;
	height:100%;
/*	background-color: blue;*/
	opacity : 0.8;
	display : inline-block;
	float : left;
	text-align : center;
	vertical-align : middle;
	line-height:50px;
	font-size:48px;
	font-family : sf_collegiateregular, arial;
}

/*
#bouton_play{
	display : inline-block;
	width : 50px;
	height : 50px;
	background :url("Img/play.png") no-repeat;
	background-size : cover;
}
*/

#bouton_play_stop{
	display : inline-block;
	width : 50px;
	height : 50px;
	background :url("Img/play.png") no-repeat;
	background-size : cover;
	cursor:pointer; 
}

#bouton_precedent{
	display : inline-block;
	width : 50px;
	height : 50px;
	background :url("Img/precedent.png") no-repeat;
	background-size : cover;
	cursor:pointer; 
}

#bouton_suivant{
	display : inline-block;
	width : 50px;
	height : 50px;
	background :url("Img/suivant.png") no-repeat;
	background-size : cover;
	cursor:pointer; 
}

/*
#bouton_stop{
	display : inline-block;
	width : 50px;
	height : 50px;
	background :url("Img/stop.png") no-repeat;
	background-size : cover;
}
*/

#Kawai{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	height : 337px;
	width : 80%;
	/* permet d'arrondir l'image 
		 border-radius: 50%;
	*/
}


#login:hover{
	background-color: #303D3B;
    transition-duration: 0.5s;
	color : white;
}


/*********************************************/

a{
	color:white;
	text-decoration:none;
}                

a:visited{
	color: white;
}

/*********************************************/

#formulaire{
	margin : 0%;
	background-color :#DCDCDC;
}

#liseret_formulaire{
	position : absolute;
	width : 180px;
	height : 580px;
	margin-right : 0px;
	margin-left : 0px;
	margin-top : 255px;
	text-align : center;
	background-color : #272323;
	color : white;
}

#main_formulaire_div{
	background-color : #DCDCDC;
	margin-left: auto;
	margin-right: auto;
	margin-top : 1%;
	width: 1000px;
	height : 780px;
}

#main_formulaire_content{
	background-color : #1E90FF;
	position : absolute;
	width : 810px;
	height : 580px;
	margin-right : 0px;
	margin-left : 190px;
	margin-top : 235px;
	color : white;
}

#main_entete_formulaire{
	position : absolute;
	margin-right : 0px;
	margin-left : 0px;
	margin-top : 0px;
	height : 180px;
	width : 1000px;
	background-color :#A52A2A;
}

#inscription_div{
	margin-right : 20px;
	margin-left : 20px;
	margin-top : 30px;
	border : solid;
	text-align : center;
	line-height:45px;
	text-align:center;
}

#Connexion_div{
	margin-right : 20px;
	margin-left : 20px;
	margin-top : 15px;
	border : solid;
	text-align : center;
}

#div_inscription_table{
	display:inline-block;
}

#div_connexion_table{
	display:inline-block;
}

h1{
	text-align : center;
	font-weight:normal;
}

/****************************************************************/

#CV{
	margin : 0%;
	background-color : #DCDCDC;
}

#main_div_CV{
	background-color : #DCDCDC;
	margin-left: auto;
	margin-right: auto;
	margin-top : 1%;
	width: 1000px;
	height : 780px;
}

#main_content_CV{
	background-color : #1E90FF;
	position : absolute;
	width : 770px;
	min-height : 540px;
	margin-right : 0px;
	margin-left : 190px;
	margin-top : 255px;
	color : white;
	padding : 20px;
}

#liseret_CV{
	position : absolute;
	width : 180px;
	height : 580px;
	margin-right : 0px;
	margin-left : 0px;
	margin-top : 255px;
	text-align : center;
	background-color : #272323;
	color : white;
}

#main_entete_CV{
	position : absolute;
	margin-right : 0px;
	margin-left : 0px;
	margin-top : 0px;
	height : 180px;
	width : 1000px;
	background-color :#A52A2A;
}

#entete_title{
	vertical-align : middle;
	line-height:130px;
	text-align:center;
	font-size:48px;
	font-family : sf_collegiateregular, arial;
}

#Formation{
	margin-bottom : 25px;
}

#Formation_content{
	text-align : center;
}

#Competences{
	margin-bottom : 25px;
}

#Competences_content{
	text-align : center;
}

#Experience{
	margin-bottom : 25px;
}

#Experience_content{
	text-align :center;
}

#title_cv{
	font-size:36px;
	font-family : comic_zine_otregular, arial;
}

#liste1,#liste2{
	text-align : center;
	list-style-type:none;
}

#lien_cv{
	color : black;
}

#lien_cv:hover{
	color : black;
}

/****************************************************************/

.dbz{
	padding: 20px;
	padding-top: 0px;
	text-align: justify;
}

#dbztitle{

	color:purple;
	font-size: 18px;
}

#dbztitle:visited{
	color: purple;
}

#dbzimg{
	margin-left:275px;
}

#dbzlist{
	margin-left: 0px;
}

h2{
	margin-left: 25px;
}

h1{
	font-family : comic_zine_otregular, arial;
}

#maintitle{
	font-size: 64px;
	font-family : comic_zine_otregular, arial;
}

.fin{
	margin-left :500px;
	font-family : comic_zine_otregular, arial;
	font-size: 24px;
}

#dbzimg2{
	margin-left:130px;
}