/*_____________________________★★★CSS★★★_____________________________*/


/*__________★★★★★★★★★★★★★★★FLEXBOX★★★★★★★★★★★★★★★__________*/

.global_container, .main_I_column_art_container, #IIIX_main_container, .notes, .news, #III_main_container, .main_I_column_container, #copyright{
	display: flex;
	}

body, #III_main_container, h1, h3, .art p, #copyright p, .main_I_column_art_container, .news p, .main_I_column_container, #copyright, .notes p, .separator, .text_I, .art p{
	margin: 0 auto;
	}
	
.global_container, #IIIX_main_container{
	flex-direction: row;
	}
	
.global_container{
	justify-content: flex-start;
	align-items: flex-start;
	}

body, .global_container{
	width: 100%;
	height:auto;
	}
	
.main_II_column_container, .main_I_column_container{
	width: 800px;
	height:auto;
	}
	
#tel_screen_menu{
	display: none;
	}
	
#copyright, .main_I_column_agenda_container h3, .news p{
	width: 75%;
	}
	
#copyright p{
	width: 90%
	}
	
.notes p, .art p{
	width: 85%;
	}

#copyright{
	width: 750px;
	padding-top: 80px;
	padding-bottom: 12px;
	}
	
#II_main_container{
	margin-top: 20px;
	}
	
.notes{
	margin-top: 5px;
	}
	
.global_container, #IIIX_main_container, .notes, .news, #copyright{
	height: auto;
	}
	
.notes, .news, .main_I_column_container{
	flex-direction: column;
	}
	
.notes, .news, .main_I_column_agenda_container, h1{
	padding-top: 70px;
	padding-bottom: 70px;
	}
	
.notes, .news, .main_I_column_art_container{
	align-content: center;
	}

#I_main_container{
	display: initial;
	padding-left: 10px;
	padding-right: 10px;
	}
	
#III_main_container, #IIIX_main_container{
	align-items: stretch;
	}
	
#III_main_container{
	width: 2550px;
	padding: 25px;
	border: 1px solid transparent;
	}
	
#IIIX_main_container{
	border: none;
	padding-top: 40px;
	padding-bottom: 25px;
	width: 100%;
	}
	
/*__________★★★★★★★★★★★★★★★CURSOR★★★★★★★★★★★★★★★__________*/	
		
body{
	cursor: url(https://julietronel.fr/Curseurs/crayon.cur),auto;
	}
	
#I_main_container a, #I_main_container, #hausse_des_eaux{
	cursor: url(https://julietronel.fr/Curseurs/star.cur), auto;
	}

.main_I_column_art_container, #III_main_container{
	cursor: url(https://julietronel.fr/Curseurs/crayon.cur),pointer;
	}

/*__________★★★★★★★★★★★★★★★BOX-COLOR★★★★★★★★★★★★★★★__________*/	

body{
	background: linear-gradient(0deg, #555555 0%, rgba(271, 171, 146, 1) 100%);
	}

.news, .notes{	
	background: linear-gradient(40deg, rgba(123, 9, 165,0.7), rgba(123, 9, 165,0.7), rgba(180, 206, 94,0.7));
	}
	
.main_I_column_agenda_container{	
	background: linear-gradient(120deg, rgba(180, 206, 94,0.7), rgba(123, 9, 165,0.7), rgba(123, 9, 165,0.7));
	}	
	
#IIIX_main_container{
	background: linear-gradient(90deg, rgba(55,55,55,0.5), rgba(0,255,255,0.0), rgba(17,0,0,0.5));
	}
	
#III_main_container {
	box-shadow: rgba(177, 102, 67, 0.7) 0px 0px 0px 1px, rgba(177, 102, 67, 0.25) 0px 54px 55px, rgba(177, 102, 67, 0.12) 0px -12px 30px, rgba(10, 10, 10, 0.12) 0px 4px 6px, rgba(10, 10, 10, 0.17) 0px 12px 13px, rgba(10, 10, 10, 0.09) 0px -3px 5px;
	}
	
#IIIX_main_container, #II_main_container{
	box-shadow: rgba(177, 102, 67,  0.7) 0px 0px 0px 1px, rgba(55, 55, 55, 0.25) 0px 54px 55px, rgba(55, 55, 55, 0.12) 0px -12px 30px, rgba(55, 55, 55, 0.12) 0px 4px 6px, rgba(55, 55, 55, 0.17) 0px 12px 13px, rgba(55, 55, 55, 0.09) 0px -3px 5px;
	}

#III_main_container{
	background: linear-gradient(90deg, rgba(255,59,0,0.2) 0%, rgba(202,255,0,0.2) 26%, rgba(0,194,255,0.2) 54%, rgba(175,0,255,0.2) 81%);
	}
	
/*__________★★★★★★★★★★★★★★★TEXT★★★★★★★★★★★★★★★__________*/

#I_main_container, #III_main_container{
	color: white;
	}

#III_main_container{
	font-size: 12px;
	}

#I_main_container a{
	text-decoration: none;
	font-size: 20px;
	}
	
.text_I, .main_I_column_agenda_container h3{
	font-size: 17px;
	}

h3, h2, h1, .text_I{
	font-weight: 300;
	}

h2{
	font-size: 20px;
	}
	
h1{
	font-variant-caps: small-caps;
	font-weight: lighter;
	letter-spacing: 0.6em;
	}

.news p{
	text-align: justify;
	word-wrap: break-word;
	}
	
.news p, .notes p, .art p, #copyright p{
	line-height: 40px;
	} 

.separator{
	text-shadow: 0 0 2px #cb55f6;
	color: #cb55f6;
	}	
	
.art p, h1, .notes p{
	color:  #FFAB92;
	text-shadow:  #FFAB92 0 0 3px, #FFAB92 0 0 5px;
	}
	
.text_I h2, .main_I_column_agenda_container h2{
	text-shadow: 0 0 2px dimgrey;
	color: grey;
	}
	
.notes p, #copyright p{
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: 300;
	font-size: 12px;
	}

#copyright p{
	color: lightgrey;
	letter-spacing: 2px;
	}
	
#I_main_container{
	text-align: center;
	}

.art p{
	font-weight: lighter;
	font-size: 14px;
	}

.notes p{
	letter-spacing: 1px;
	}
	
#IIIX_main_container{
	font-family: Times;
	color: #acacac;
	}
	
#computer_screen_menu p{
	font-size: 16px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 400;
	text-transform: none;	
	}
	
#computer_screen_menu p{
	background: linear-gradient(to bottom, transparent 40%, #555555 60%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
	
#computer_screen_menu p:hover{
	text-shadow: 0 0 1em white;
	}

#computer_screen_menu p:after{
	content: attr(data-title);
	}

#computer_screen_menu p:hover:after{
	opacity: 1;
	visibility: visible;
	-webkit-transition: 2s;
   transition: background-color 2s linear;
   }

#computer_screen_menu a{
	text-decoration: none;
	}

#computer_screen_menu p:hover{
	background-color: white;
	transition: all 1s ease-in;
	}