body{
	min-width:100%;
	height:100%;
	border:0 none;
	margin:auto;
	padding:0;
	background-color:#fff;
	overflow:hidden;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */  
}

::selection {	background: #4229E3; color:#fff; /* Safari */	}
::-moz-selection {	background: #4229E3; color:#fff; /* Firefox */}



/* -------------------------- bordures ACCUEIL -------------------------- */
#U{ top:0px; }
#D{	bottom:0px; }
#U, #D{ left:0px; right:0px; height:16px; }
#R{ right:0px; }
#L{ left:0px; }
#R, #L{ bottom:0px; top:0px; width:16px; }
#U, #R, #D, #L{position:fixed; z-index:9990; background:none repeat 0% 0% rgb(255, 255, 255);}

#page{
	width:100%;
	height:100%;
	overflow:hidden;
	word-wrap:break-word;
	background-color:#fff;
}

#andea, #formations, #ressources, #post-diplomes, #recherche, #evenements, #ecoles, #widgets, #img2, #img1, #link1, #link2,
#IEandea, #IEformations, #IEressources, #IEpost-diplomes, #IErecherche, #IEevenements, #IEecoles, #IElink1, #IElink2 {
	position:absolute;
	padding:0;
	margin:4px;
	background-color:#4229E3;
}
#image1, #image2 {
  min-height:100%;
  min-width:10px;
  width:100%;
  height:auto;
  top:0;
  left:0;
}

/*IMAGES LOGO*/
#img2, #img1, #IEwidgets{ background:none; overflow:hidden; }
#image1, #logo { position:absolute; }
#logo{ width:100%; top:4px; }

/*+IE*/
a img{ border:none; }

/* -------------------------- widgets -------------------------- */
#widgets{
	background-color: rgba(0,0,0,0);
	z-index: 9991;
	text-align: center;
}
#widget1, #widget2, #widget3, #widget4, #widget5, #widget6, #widget7, #widget8,
#IEwidget1, #IEwidget2, #IEwidget3, #IEwidget4, #IEwidget5, #IEwidget6, #IEwidget7, #IEwidget8{
	position: absolute;
	margin: 0;
	padding: 0;
	cursor:pointer;
	height: 100%;
	top:0;
}
#widget1 { left:0; right:87.5%;}
#widget2 { left:12.5%; right:75%;}
#widget3 { left:25%; right:62.5%;}
#widget4 { left:37.5%; right:50%;}
#widget5 { left:50%; right:37.5%;}
#widget6 { left:62.5%; right:25%;}	
#widget7 { left:75%; right:12.5%;}
#widget8 { left:87.5%; right:0%;}
#widgets p{
	margin: 0;
	padding: 0;	
	line-height: 56px;
	text-align:center;
}
#widgets a img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 56px;
	margin: auto;
}
.w_msg{
	display:inline-block;
	opacity: 0;
	color: black;
	font-family: 'pt_sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
#widgets a img, #widgets a .w_msg{
	-ms-transform: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
#widgets a:hover img, #widgets a:hover .w_msg{
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	transition: all .1s ease-out;
}
#widgets a:hover .w_msg{
	opacity: 1;
	-ms-transform: translateY(-34px);
	-webkit-transform: translateY(-34px);
	transform: translateY(-34px);
}

/* div.w_msg {
    display: none;
	position:absolute;
	left: 0;
    top: -2000px;
    max-width: 200px;
    font: 12px/12px 'pt_sans',Helvetica, Arial, sans-serif;
    z-index: 9991;
	margin-top: 8px;
}

div.in_w_msg {
    padding: 4px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    color: #000;
} */


/* -------------------------- sous-rubriques -------------------------- */
ul.sous-rubrique{ /* voir @media min&max*/
	display: none;
	list-style-type:none;
	color: black;
    font-family: 'pt_sans', Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding: 10px 0 0;
	margin: 0 0 0 2em;
	background: url("../imgs/legend_arrow.png") no-repeat 15px 0px;
}
ul.sous-rubrique div{ background-color:#fff; padding: 6px 8px 6px; }
li.nav {
	display: inline-block;
	border: 1px solid rgba(66, 41, 227, .5);
	margin: 2px 4px 4px 0;
	padding: 4px 8px 2px;
}
/* li.nav:first-child { border-top: none; } */
li.nav a{color: black; text-decoration:none; display: block; transition: all .25s ease-out; }
li.nav a:hover{color: #4229E3; transition: all .25s ease-in; }

div.rubrique:hover ul.sous-rubrique, #widget{ display: block; cursor: pointer; }



/* -------------------------- 3 colonnes IF IE--------------------------*/
#IEandea, #IEecoles, #IEformations				{	left:12px; right:65%;}
#IEressources, #IEpost-diplomes, #IErecherche	{	left:35%; right:35%;}
#img2{display:none;}

#IEwidget1			{	left:0; right:87.5%;}
#IEwidget2			{	left:12.5%; right:75%;}
#IEwidget3			{	left:25%; right:62.5%;}
#IEwidget4			{	left:37.5%; right:50%;}
#IEwidget5			{	left:50%; right:37.5%;}
#IEwidget6			{	left:62.5%; right:25%;}	
#IEwidget7			{	left:75%; right:12.5%;}
#IEwidget8			{	left:87.5%; right:0%;}
#img1, #IEevenements, #IElink1, #IElink12	{	left:65%; right:12px;}

#IEandea			{	top:12px;	bottom:70%;}
#IEecoles			{	top:30%;	bottom:38%;}
#IEformations		{	top:62%;	bottom:12px;}

#IEressources		{	top:12px;	bottom:63%;}
#IErecherche 		{	top:37%;	bottom:33%;}
#IEpost-diplomes	{	top:67%;	bottom:12px;}

#IEwidget1, #IEwidget2, #IEwidget3, #IEwidget4, #IEwidget5, #IEwidget6, #IEwidget7, #IEwidget8	{	top:0;}
#IE1			{	top:12px;	bottom:auto;}
#img1			{	top:72px;	bottom:60%;}
#IEevenements 	{	top:40%;	bottom:20%;}
#IElink1 		{	top:80%;	bottom:10%;}
#IElink12 		{	top:90%;	bottom:12px;}
						  
h1{
	color:#fff;
	font-family:'Giorgio Sans Web', Helvetica, Arial, sans-serif;
	word-break: break-all;
	font-size:60px;
	line-height:50px;
	margin: 16px 0 8px 16px;
	padding:0;
	cursor:default;
}
.links  a h2 {
    font-size: 2.6vw;
    color: #fff;
    font-family: 'Giorgio Sans Web', Helvetica, Arial, sans-serif;
    margin: 0 0 0 8px;
    padding: 0;
}
.links a {
	text-decoration: none;
}
#link1, #link2 {
	background-image: url("../imgs/vision.svg");
	background-repeat: no-repeat;
	background-position: 8px 0;
	background-size: contain;
	border-top: 8px solid #4229E3;
	border-bottom: 8px solid #4229E3;
	z-index: -1;
}
#link2{
	background-image: url("../imgs/demain.svg");
}

/* ------------------------------ popup --------------------------------- */
.popup {
    position: fixed;
	top:33.33333333%;
    background: transparent;
    z-index: 9993;
}
	.tidy {
		left:-280px;
		transition:all 0.3s ease-in 0s;
	}
	.tidy:hover {
		left:0;
	}
	a.popSwitcher {
		cursor:pointer;
		text-decoration:none;
	}
	span.poptitle {
		display: inline-block;
		color: #fff;
		background: #ffa500;
		height: 50px;
		vertical-align: top;
		line-height:50px;
		padding:0 10px 0 20px;
		font-family: 'pt_sans', Helvetica, Arial, sans-serif;
	}
	span.poparrow {
		display:inline-block;
		width:40px;
		height:50px;
		background:url('../imgs/poparrow.png') no-repeat right center;
		vertical-align:top;
	}
	
.winPopWrapper {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
    z-index: 9992;
}
	
 .winPopWrapperVis {
	 display:block;
 } 
	.winPopContent {
		position: relative;
		max-width: 900px;
		border: solid #4229E3 4px;
		margin: 0 auto;
		height: 100vh;
		box-sizing: border-box;
		background: #fff;
		overflow:auto;
	}
.winPopTools {
	text-align:right;
	padding:10px 40px;
}
.winPrint {
	display:inline-block;
	border: 2px solid #4229E3;
	height:30px;
	color:#4229E3;
	text-decoration:none;
	cursor:pointer;
	transition: border 0.3s ease 0s;
	margin: 10px 10px 0 0;
	padding:0 10px;
	text-decoration:none;
	vertical-align: top;
}
a.winClose {
	display:inline-block;
}
.close {
    background-image: url("../imgs/close.png");
    background-origin: content-box;
    background-repeat: no-repeat;
    border: 2px solid #4229E3;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 0 0 rgba(66, 41, 227, 0);
    height: 30px;
    margin: 10px 10px 0 0;
    transform-origin: 50% 50% 0;
    transition: border 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s, opacity 0.3s ease 0s;
    width: 30px;
	cursor:pointer;
}
.winLoaded {
	padding:0 40px 60px 40px;
	font-family: 'Spectral', Georgia,Times New Roman,Times,serif;
}
h1.popTitre {
	color: #4229E3;
	font-size: 60px;
	margin: 0 0 20px 0;
	border-bottom: solid 4px #4229e3;
	line-height: 50px;
	padding-bottom: 10px;
}
.winLoaded h5{
	color: #4229E3;
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 1.2em;
}
.winLoaded a
{
	color: #000;
	cursor: pointer;
	font-weight: 400;
	font-style: italic;
	text-decoration: underline;
	transition: all .25s ease-in;
}
.winLoaded a:hover
{
	transition: all .25s ease-out;
	color: #4229E3;
}

@media print {
    /* les styles d'impression commencent ici */
	body {
		font-size: 11pt;
		font-weight: normal;
		line-height: 13.5pt;
		color: #212529;
	}
	#page, #U, #R, #D, #L {
		display:none;
	}
	.winPopTools {
		display:none;
	}
	.winPopWrapper {
		position:static;
		height:auto;
		background: rgba(255,255,255,0);
		overflow: visible;
		margin: 0;
		padding: 0;
	}
	.winPopContent{
		max-width: 100%;
		border: none;
		margin: 0;
		height: auto;
		box-sizing: auto;
		background: rgba(255,255,255,0);
		overflow: visible;		
		margin: 0;
		padding: 0;
	}

	.winLoaded {
		padding: none;
		overflow: visible;
		margin: 0;
		padding: 2cm 1cm;
	}
	h1.popTitre {
		color: #4229E3;
		font-size: 30pt;
		margin: 0 0 .5cm 0;
		border-bottom: solid 2pt #4229e3;
		line-height: 24pt;
		padding-bottom: .5cm;
	}
	.winLoaded h5 {
		color: #4229E3;
		font-size: 13pt;
		font-weight: 600;
		line-height: 16pt;
		margin: 0;
		padding: 0 0 .25cm;
	}
	.tidy {
		display: none;
	}
}


/* -------------------------- 3 colonnes -------------------------- */
@media (max-width:1199px){
	/* ----- colonnes ----- */
	#andea, #ecoles, #formations			{	left:12px; right:65%;}
	#ressources, #post-diplomes, #recherche	{	left:35%; right:35%;}
	
	#widgets, #img1, #evenements, #link1, #link2 	{	left:65%; right:12px;}
	#img2{display:none;}/* img2 only use in 4 colonnes */
	
	/* ----- lignes ----- */
	#andea		{	top:12px;	bottom:70%;}
	#ecoles		{	top:30%;	bottom:38%;}
	#formations		{	top:62%;	bottom:12px;}
	
	#ressources	{	top:12px;	bottom:63%;}
	#recherche	{	top:37%;	bottom:33%;}
	#post-diplomes	{	top:67%;	bottom:12px;}
	
	#widgets	{	top:12px; height: 56px; }
	#img1		{	top:72px;	bottom:60%;	}
	#evenements	{	top:40%;	bottom:138px;}
	#link1	{	height:39px;	bottom:75px;}
	#link2	{	height:39px;	bottom:12px;}

	h1{
		color: #fff;
		font-family: 'Giorgio Sans Web', Helvetica, Arial, sans-serif;
		font-size: 6vw;
		margin: 8px 12px 0;
		padding: 0;
		line-height: 5vw;
	}
	ul.sous-rubrique{
		max-width: 75%;
		font-size: 12px;
		line-height: 14px;
	}
	.links a h2 {
		font-size: 3.5vw;
	}
}
/* -------------------------- 4 colonnes -------------------------- */
@media (min-width:1200px){
	/* ----- colonnes ----- */
	#andea, #ecoles 					{	left:12px; right:75%;}
	
	#formations, #ressources 			{	left:25%; right:50%;}
	
	#recherche, #post-diplomes, #img2	{	left:50%; right:25%;}
	#img2{display:block;}
	
	#widgets, #img1, #evenements, #link1, #link2 	{	left:75%; right:12px;}

	/* ----- lignes ----- */
	#andea		{	top:12px;	bottom:42%;}
	#ecoles		{	top:58%;	bottom:12px;}

	#ressources	{	top:12px;	bottom:53%;}
	#formations	{	top:47%;	bottom:12px;}

	#post-diplomes	{	top:12px;	bottom:68%;}
	#recherche	{	top:32%;	bottom:33%;}
	#img2		{	top:67%;	bottom:12px;}

	#widgets	{	top:12px; height: 56px; }
	#img1		{	top:76px;	bottom:62%;}
	#evenements	{	top:38%;	bottom:138px;}
	#link1		{	height:39px;	bottom:75px;}
	#link2		{	height:39px;	bottom:12px;}

	h1{
		color: #fff;
		font-family: 'Giorgio Sans Web', Helvetica, Arial, sans-serif;
		font-size: 5.2vw;
		margin: 8px 12px 0;
		padding: 0;
		line-height: 4.2vw;
	}
		ul.sous-rubrique{
	max-width: 75%;
	font-size: 14px;
	line-height: 16px;
	}
	.links a h2 {
		font-size: 2.6vw;
	}
}

/* LINK 2 -exception- */
@media (min-width:1200px) and (max-width:1349px){
	#link2{
		background-size: 90% 100%;
	}
}