﻿h2,h3,h4{
	font-size : 28px;
	font-family : 'after_shokregular', Arial ;
	/*
	border-style: solid;
    border-width: 5px;
	border-color : white;
	*/
}

.citation{
	font-size : 20px;
	color : red;
}

/* Possibilité de télécharger des packs tout fait sur fontsquirrel.com*/
@font-face {
    font-family: 'after_shokregular';
    src: url('Font/After_Shok-webfont.eot'); /* Les fichiers doivent se trouver dans le même dossier que le fichier CSS*/
    src: url('Font/After_Shok-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/After_Shok-webfont.woff') format('woff'),
         url('Font/After_Shok-webfont.ttf') format('truetype'),
         url('Font/After_Shok-webfont.svg#after_shokregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#CV{
	text-align : center;
	background: url("Img/splash.jpg") fixed no-repeat;
	color : white;
	margin : 0%;
}

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

#img1{
	box-shadow: 6px 6px 0px white;
	float : right;
	margin-top : 1%;
	margin-right : 1%;
}

#liseret{
	float : left ;
	width: 10% ;
	border-radius: 25px; 
	height : 80%;
	background-color : white;
	margin-bottom : 2%;
	margin-top : 2%;
	margin-left : 2%;
	color : black;
	font-family : after_shokregular;
}

#entête{
	margin-left: 45%;
	margin-top : 2%;
	height : 5%;
	width : 15%;

}

#formation{
	display : inline-block;
	float : left;
	margin-left : 5%;
	margin-top : 5%;
	width : 15%;
	height : 10%;
	padding : 12px;
}

#experience{
	display : inline-block;
	float : left;
	margin-left : 10%;
	margin-top : 5%;
	width : 15%;
	height : 10%;
	padding : 12px;
}

#competence{
	display : inline-block;
	float : left;
	margin-left : 5%;
	margin-top : 5%;
	width : 15%;
	height : 10%;
	padding : 12px;
}

/* ////////////////////////////////////////////////////*/
/* ////////               1280 PX max		   ////////*/
@media screen and (max-width: 1280px){








}

/* ////////////////////////////////////////////////////*/
/* ////////               mobile  			   ////////*/
@media screen and (max-device-width: 480px){

#experience{
	display : inline-block;
	float : left;
	margin-left : 10%;
	margin-top : 5%;
	width : 20%;
	height : 10%;
	padding : 12px;
}

#competence{
	display : inline-block;
	float : left;
	margin-left : 5%;
	margin-top : 5%;
	width : 20%;
	height : 10%;
	padding : 12px;
}

#formation{
	display : inline-block;
	float : left;
	margin-left : 5%;
	margin-top : 5%;
	width : 20%;
	height : 10%;
	padding : 12px;
}

}



/* //////////////////////////////////////////////////// */
/*  					PAGE SUDOKU 					*/
/* //////////////////////////////////////////////////// */

#Sudoku_page{
	margin : 0%;
	background: url("Img/splash.jpg") fixed no-repeat;
	z-index : 1;
}

#double_background{
	background: url("Img/Nyan.gif") no-repeat;
	color : black;
	z-index : 2;
	margin : 0%;
}

#td_sudoku{
	background-color : white;
}

#Sudoku{
	display : inline-block;
	margin : auto;
	background-color : black;
	margin-left : 27%;
	margin : center;
	margin-top : 5%;
	margin-bottom : 5%;
}

#title_sudoku{
	margin-top : 3%;
	margin-left : 40%;
	margin-right : 25%;
	font-size : 28px;
	font-family : 'after_shokregular', Arial ;
	color : white;
}

#liseret_sudoku{
	float : left ;
	width: 10% ;
	border-radius: 25px; 
	height : 80%;
	background-color : white;
	margin-bottom : 2%;
	margin-top : 1%;
	margin-left : 2%;
	color : black;
	font-family : after_shokregular;
	text-align : center;
}

/* TABLEAU SUDOKU PRINCIPALE  */
#main{
	border : 5px solid black;
}
/* ************************** */

/* //////////////////////////////////////////////////// */
/*  					PAGE FORMULAIRE					*/
/* //////////////////////////////////////////////////// */

#formulaire{
	background :url("Img/splash.jpg") no-repeat;
	color : white;
	margin : 0%;
}

#area_txt{
	margin-top : 2%;
	margin-left : 22%;
}

#swap{
	background-color : white;
	margin-top : 0%;
	width : 24%;
	color : black;
	text-align : center;
	margin-left : 15%;
}

#liseret_test{
	float : left ;
	width: 10% ;
	border-radius: 25px; 
	height : 80%;
	background-color : white;
	margin-bottom : 2%;
	margin-top : 2%;
	margin-left : 2%;
	color : black;
	font-family : after_shokregular;
	text-align : center;
}

#test_formulaire{
	margin-top : 2%;
	margin-left : 22%;
}

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

#inscri_td{
	padding: 0px;
}

#inscri_tr{
	padding: 0px;
}
