body{
	background: #4068A4;
	font-family:comic sans ms;
	width: 100%;
	margin: 0 auto;
}

.fond{
	background: #222;
	color: #fff;
	font-size:30px;
	text-align: center;
	margin-top: 300px;
}

.enlev_soulign{
	text-decoration:none;
	color:white;
	font-size:30px;
	text-align: center;
}

.couleur{
	color: #fff;
	font-size:xx-large;
	text-decoration:none;
}

.taille{
	font-size:20px;
}

#body{
	background: #fff;
	padding: 15px;
	margin: 100px auto;
	width: 93%;
	box-shadow: 0 0 10px #000;
}

#body1{
	background: #fff;
	padding: 15px;
	margin: 200px auto;
	width: 48%;
	box-shadow: 0 0 10px #000;
}

#title_bar table{
	border: 1px solid #ccc;
	font-family: tahoma;
	font-size: 12px;
	width: 100%;
}

#title_bar table td{
	padding: 5px;
}

#title_bar table a{
	background:#ccc;
	padding: 10px;
	text-decoration: none;
	color:black;
	display: block;
}

#title_bar table a:hover{
	background: #fff;
}

.container{
	text-align:center;
	border: 1px solid #ccc;
	padding: 16px;
	margin: 5px;
	color: #333;
}

.color_h3{
	color: #FF4500;
}

.large{
	width: 110px;
}

.ecarte{
	margin-left: 30px;
}

#view_box{
	width: 150px;
	box-shadow: 0 0 5px #ccc;
	padding: 5px;
	margin: 5px;
	float: left;
}

.commentaire{
	text-align:center;
	box-shadow: 0 0 5px #ccc;
	font-size: 12px;
	padding: 1px;
	margin: 10px;
	color: green;
}

#view_box img{
	width: 100%;
}

.clear{
	clear: both;
}

.inputbasic{
	width: 150px;
}

.division{
	margin-top: 200px;
}

#rouge{
	color:blue;
	font-size:15px;
	font-weight: bold;
}

#kiki{
	color:blue;
	font-size:15px;
	font-weight: bold;
}

.rouge1{
	color:blue;
	font-size:15px;
	font-weight: bold;
}

.rouge2{
	color:red;
	font-size:15px;
	font-weight: bold;
}

#ligne{
	color: blue;
}

.menu{
	font-family:comic sans ms;
	font-size:1vw;
	color: blue;
}

.sup_soulign{
	font-size:12px;
	text-decoration:none;
}

.sup_soulign1{
	font-size:12px;
	text-decoration:none;
	color: blue;
}

#modal {
	display: none;
}
#fond {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color:rgba(128,128,128,0.5);
}

#conteneur {
	position: relative;
	border-radius: 25px;
	top: 250px;
	margin: auto;
	width: 420px;
	height: 150px;
	background: linear-gradient(to bottom, purple, yellow);
	border: 3px solid blue;
	text-align: center;
	padding: 5px;
}

.close {
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 0px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

#moncercle{
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	background:#bfd70e;
	border-radius:50%;
	width:30px;
	height:30px;
	border:2px solid #679403;
	cursor: pointer;
}

#croix{
	width: 85%;
}

div.cont{
	margin: 0 auto;
	width: 100px;
	text-align:center;
	border: 1px solid #ccc;
	padding: 3px;
}

.carre{
	background: #fff;	
	padding: 25px;
	margin: 100px auto;
	width: 48%;
	border: 1px solid #ccc;
}

.mod0{
	display: inline-block;
	color: black;
	text-decoration:none;
	text-align: center;
	font-size:25px;
}

.mod{
	display: inline-block;
	background-image: url('img/noir.png');
	width: 160px;
	height: 45px;
	text-align: center;
	color: #E28000;
	text-decoration:none;
	font-size:25px;
}

.form_demo input{
	display: block;
	margin: 0 auto;
	margin-bottom:20px;
	cursor: pointer;
}

.form_demo input[type=submit]{
	background-color: white;
	border: 2px solid blue;
	padding: 5px;
	border-radius: 5px;
}