body{
	/*background-color:#4D4D4D;*/
	background-color:#1A1A1A;
	margin-left:5%;
	margin-right:5%;
	font-family:arial;
}
a{
	text-decoration: none;
	color: white;
}
#main{
	background-color:#1A1A1A;
	padding:2%;
}
#left_container{
	width:250px;
	float:left;
	display:inline-block;
	margin-top:20px;
}
#left_container .menu1{
	padding-left:12px;
}
#left_container .menu2{
	padding-left:12px;
}#left_container .menu3{
	padding-left:12px;
}#left_container .deconnexion{
	padding-left:12px;
}
#main{
	height:950px;
}
#titre_container{
	color:white;
	background-color:#4D4D4D;
	font-size:30px;
	font-weight:800;
	font-style: italic;
	border-radius:5px;
	padding:5%;
	height:80px;
}
#titre span:nth-child(1){
	color:#ff8566;
}
#sous_titre span:nth-child(2){
	font-size:22px;
	margin-left:-7px;
}
#sous_titre span:nth-child(3){
	font-size:19px;
	margin-left:-7px;
}
#menu{
	margin-top:25px;
	height:350px;
	overflow: hidden;
}
#menu:hover{
	overflow-y:scroll;
}
.menu1, .menu2, .menu3, .deconnexion{
	padding-left:5%;
	font-style: italic;
	margin-bottom:2px;
	border-radius:2px;
}
.menu1{
	background-color:#4D4D4D;
	height:30px;
	line-height:30px;
	color:white;
	font-size:18px;
	font-weight:800;
}
.menu2{
	background-color:#fdfdac;
	height:30px;
	line-height:30px;
	color:black;
	font-size:14px;
	overflow: hidden;
	white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.menu3{
	height:30px;
	line-height:30px;
	color:white;
	font-size:11px;
	padding-left:10%;
	overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.deconnexion{
	background-color:#F4645F;
	height:30px;
	line-height:30px;
	color:white;
	font-size:18px;
	font-weight:800;
}
.menu1:hover, .menu2:hover, .menu3:hover{
	background-color:#ff8566;
}
.red_arrow{
	color:#ff8566;
	transform:rotate(-28deg);
}
.menu3:hover > .red_arrow{
	color:black;
}
#right_container{
	background-color:#1A1A1A;
	float:right;
	display: inline;
	width:calc(100% - 270px);
	margin-left:10px;
	margin-top:20px;
}
#titre_page{
	font-family:arial;
	color:#4D4D4D;
	opacity: 0.9;
	font-size:25px;
	font-weight:800;
	font-style: italic;
	margin-top:4px;
	margin-bottom:5px;
}
#description_page{
	font-size:16px;
	font-style: italic;
	background-color:#fdfdac;
	/*height:67px;*/
	border-radius:5px 30px 0px 0px;
	padding:10px 20px 17px 40px;
	overflow: hidden;
	margin-top:40px;
	color:#4D4D4D;
	line-height: 1.3;
}
#description_page:hover{
	min-height:67px;
	height:100%;
}
#contenu_page{
	font-family:courier;
	font-size:14px;
	font-weight:800;
	font-style: italic;
	background-color:white;
	/*height:330px;*/
	margin-top:1px;
	border-radius:0px 0px 5px 5px;
	padding:10px;
	overflow: hidden;
}
#contenu_page:hover{
	overflow-y:scroll;
	padding-left:12px;
}
#contenu_page:hover > .titre_article { 
	margin-left: calc(6% - 1px); 
}
.titre_article{
	font-family:arial;
	font-weight:normal;
	color:#ff8566;
	margin-left:6%;
	padding-top:30px;
}
textarea{ 
	border: none; 
	background-color:white;
	color:#2B0C56;
	margin-left:8%;
	margin-top:10px;
	width:89%;
	resize: none;
	border-radius:5px;
	font-size:15px;
}
input{
	border-radius:5px;
}
#index_titre, #langage_titre{
	color:white;
	font-size:30px;
	margin-left:50px;
	margin-bottom:30px;
	margin-top:40px;
}

#index_contenu, #langage_contenu{
	color:white;
	font-size:14px;
	margin-left:50px;
	margin-right:40px;
	text-align: justify;
	overflow: hidden;
	padding-right:30px;
}
#images{
	background-color:#1A1A1A;
	margin:10px;
	height:80px;
}

#publicite{
	width:100%
	margin:10px;
	display:block;
}

.lien_pages{
	margin-left:8px;
	font-size:16px;
	color:#F3D177;
}
.lien_pages:hover{
	color:#ff8566;
}
li {
	list-style-type: none;
	margin-top:9px;
}

li>a{
	color:white;
	font-size:10px;
}

.footer-titles{
	color:#ff8566;
	padding-left:25px;
	font-weight:normal;
	font-size:12px;
}
footer{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
#footer_container{
	width:100%;
	overflow: hidden;
	padding-top: 60px;
}
.footer_div{
	display:inline-block;
	float:left;
	width:180px;
}
#footer_description{
	color:white;
	font-size:10px;
	text-align:center;
	width:100%;
	float:right;
	height:20px;
	padding-top:40px;
}
#footer_description>a{
	color:white;
}
.googleadd{
	width:336px;
	height:280px;
	float:left;
	display:inline-block;
	margin-top:40px;
	margin-bottom:30px;
	margin-right:25px;
	padding:10px;
}
/********************************ADMIN**/

#admin_titre{
	color:white;
	font-size:30px;
	margin-bottom:64px;
	margin-top:30px;
	margin-left:10px;
}
.admin_input{
	border: none; 
	background-color:white;
	margin-left:6%;
	margin-top:5px;
	width:91%;
}
.admin_textarea{
	border: none; 
	background-color:white;
	margin-left:6%;
	height:200px;
	padding:5px;
}
.admin_textarea2{
	border: none; 
	background-color:white;
	margin-left:6%;
	height:100px;
	padding:5px;
}
#admin_contenu_page, #admin_contenu_page2{
	font-family:courier;
	font-size:14px;
	font-weight:800;
	font-style: italic;
	background-color:#E6E6E6;
	border-radius:5px;
	padding:10px;
	overflow: hidden;
	margin:10px;
}
#admin_contenu_page_top{
	font-family:courier;
	font-size:14px;
	font-weight:800;
	font-style: italic;
	background-color:transparent;
	height:30px;
	border-radius:5px;
	margin-bottom:2px;
	margin-left:10px;
	overflow: hidden;
}
.admin_validation{
	margin-left:6%;
	margin-top:10px;
}
.admin_validation_bis{
	margin-top:90px;
	width:100%;
	text-align:center;
}
.new_item{
	background-color:#FFC726;
	color:white;
	cursor:pointer;
	width:20%;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
	font-size:18px;
	border-radius:5px;
	font-family:arial;
}
.select_item{
	background-color:#8CB4E8;
	color:white;
	cursor:pointer;
	width:20%;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
	font-size:18px;
	border-radius:5px;
	font-family:arial;
}

.new_item:hover, .select_item:hover{
	background-color:#E6E6E6;
}

.select_item_list{
	background-color:white;
	color:black;
	width:30%;
	height:25px;
	font-size:12px;
	border-radius:5px;
}
.supprimer{
	background-color:#F4645F;
	color:white;
}
.modifier{
	background-color:#5FBA7D;
	color:white;
}
.supprimer, .modifier{
	cursor:pointer;
	width:170px;
	height:30px;
	font-size:18px;
	border-radius:5px;
}
.supprimer:hover, .modifier:hover{
	background-color:#E6E6E6;
	color:grey;
}
fieldset{
	overflow-y:scroll;
	height:433px;
}
table{
	margin-left:50px;
}
th, tr{
	width:350px;
}
td{
	text-align:center;
}
h1{
	font-size:26px;
	padding:0px;
	margin:2px;
}
h2{
	font-size:20px;
	padding:0px;
	margin:1px;
}
h3{
	font-size:16px;
	padding:0px;
	margin:1px;
	color:#ff8566;
	font-weight:normal;
	font-size:14px;
	margin-top:15px;
}
h4{
	font-size:12px;
	padding:0px;
	margin:1px;
}
@media screen and (max-width: 900px) {
	#left_container{
		width:100%;
		float:left;
		display:inline-block;
	}
	#right_container{
		float:left;
		display: inline-block;
		width:104%;
		margin-left:-2%;
	}
	#main{
		width:100%;
	}
	#description_page{
		min-height:74px;
		height:100%;
	}
	#description_page:hover{
		min-height:74px;
		height:100%;
	}
	body{
		margin-left:0%;
		margin-right:4%;
		background-color:#1A1A1A;
	}
	#contenu_page{
		height:100%;
	}
	#menu{
		height:100%;
	}
	#contenu_page:hover{
		overflow-y:hidden;
		padding-left:10px;
	}
	#contenu_page:hover > .titre_article { 
		margin-left: calc(6% + 0px); 
	}
	#menu:hover{
		overflow-y:hidden;
	}
	#main{
		height:100%;
	}
	.googleadd{
		margin-left:calc((100vw - 336px)/2);
	}
	.new_item{
		width:calc(100% - 20px);
		margin-bottom:5px;
		float:left;
		display:inline-block;
	}
	.select_item{
		width:calc(100% - 20px);
		margin-bottom:5px;
		float:left;
		display:inline-block;
	}
	.recherche_select{
		width:calc(100% - 20px);
		margin-bottom:5px;
		float:left;
		display:inline-block;
	}
	#admin_contenu_page_top{
		height:100px;
	}
}
@media screen and (max-width: 1200px) {
	hr{
		visibility:hidden;
	}
}

.welcome{
	font-family:arial;
	font-size:26px;
	padding-bottom:30px;
	padding-top:20px;
	color:#F48566;
}

.griser{
	background-color:#E6E6E6;
}

#select_container_2{
	max-width:300px;
}

.language-list{
	height:100%!important;
}