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


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

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

body, #III_main_container, h1, h3, #copyright p, .news p, .main_I_column_container, #copyright, .notes p, .separator, .text_I{
	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:100%;
	height: auto;
	}
	
.news p{
	width: 75%;
	}
	
#copyright p{
	width: 90%;
	}
	
.notes p{
	width: 85%;
	}

#copyright{
	width: 100%;
	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, h1, #copyright, #presse{
	padding-top: 70px;
	padding-bottom: 70px;
	}
	
.notes, .news{
	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: 1000px;
	padding: 25px;
	}
	
#IIIX_main_container{
	border: none;
	padding-bottom: 25px;
	width: 100%;
	}
	
#autoportrait_logo{
	float: left;
	display: inline-block;
	vertical-align: top;
}
	
/*__________★★★★★★★★★★★★★★★CURSOR★★★★★★★★★★★★★★★__________*/	
		
body{
	cursor: url(https://julietronel.fr/Curseurs/crayon.cur),auto;
	}
	
#I_main_container a, #I_main_container{
	cursor: url(https://julietronel.fr/Curseurs/star.cur), auto;
	}

#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{	
	background: linear-gradient(60deg, #009FA8  , transparent, #00E4E8 );
	}
	
#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;
	}

#III_main_container{
	background: linear-gradient(90deg, rgba(255,59,0,0.2) 0%, #00ADB8 54%, #929292 81%);
	}
	
#presse{
	background: linear-gradient(90deg, #ba3e2f , rgba(271, 171, 146, 1), rgba(271, 171, 146, 1) 100%);
}
	
/*__________★★★★★★★★★★★★★★★TEXT★★★★★★★★★★★★★★★__________*/

#I_main_container, #III_main_container, a{
	color: white;
	}

#III_main_container{
	font-size: 12px;
	}

#I_main_container a{
	text-decoration: none;
	font-size: 20px;
	}
		
.text_I{
	font-size: 19px;
	}

h2{
	font-size: 20px;
	}
	
.news p{
	text-align: justify;
	word-wrap: break-word;
	color: #B3FFFC;
	font-weight: 300;
	font-family: serif;
	}
	
.news p, #copyright p{
	line-height: 40px;
	text-shadow: 0 0 15px white, 0 0 10px white;
	}

#title_2{
	color: Salmon;
	text-shadow: 0 0 15px Salmon, 0 0 10px Salmon;
	font-variant-caps: small-caps;
	font-weight: lighter;
	letter-spacing: 0.6em;
	}

.separator{
	color: cyan;
	text-shadow: 0 0 15px cyan, 0 0 10px cyan;
	}	
	
#title_1{
	color: #6BF6FF;
	font-variant-caps: small-caps;
	text-shadow: 0 0 15px #6BF6FF, 0 0 10px #6BF6FF;
	font-weight: lighter;
	letter-spacing: 0.6em;
	}
	
.p_b{
	color:white;
	font-weight: 500;
	}	
		
.text_I h2{
	text-shadow: 0 0 2px #383838;
	color: #E8E8E8;
	}
	
	#copyright p{
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 12px;
	}

#copyright p{
	color: lightgrey;
	letter-spacing: 2px;
	}
	
#I_main_container{
	text-align: center;
	}
	
#contact{
	font-variant-caps: small-caps;
	text-align: center;
	}
	
#IIIX_main_container{
	font-family: Times;
	color: #acacac;
	}