body {
	background-color: #69B3D3;
	margin: 0;
	
}

div {
	word-wrap: break-word;
}

.container-fluid {
	margin: 0;
}

.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.contact {
	margin-top: 15px;
	font-weight: bold;
}

#section {
	background: #fafdff;
}

#accessSections a {
	font-size: large;
	font-weight: bold;
	color: white;
}

h2, #accessSections li {
	text-align: center;
	font-variant: small-caps;
	
}

h2 {
	font-weight: bold;
	color: black;
	/*
	padding-top: 5px;
	margin-top: 5px;
	font-size:  1.2em;*/
}

.white-text {
	color: white;
}

.name {
	font-size: 1.5em;
}

/* Links */

.link1 {
	color:black;
	font-weight: bold;
}
.link2 {
	color:#3300FF;
	font-weight: bold;
}

.link2:hover {
	color:#990000;
}

/* Logos, pictures */
#logoP , #logoUWindsor{
	width: 90%;
}

#AF {
	width:100%;
}

#SAP {
	width:50%;
}

#Coface {
	width: 60%;
}

#ICS {
	width: 40%;
}

#devint {
	width:80%;
}

#logoP:hover, #logoUWindsor:hover, #logoUNS:hover, #miniatureJobsProject:hover, #devint:hover, #miniatureDevint:hover {
	border: 1.2px dotted;
	border-color: black;
}

#logoDiplome  {
	width: 5%;
}

#puce {
	width: 10%;
}

#flecheDroite {
	width: 2%;
}

#flecheHautPage {
	width: 3%;
}

/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
		#flecheHautPage {
			width: 10%;
		}
		
		#AF {
			width:30%;
		}

		#SAP {
			width:15%;
		}
		
		.col-xs-9 {
			font-size: 1.3em;		
		}
		
		.col-xs-12 {
			font-size: 1.5em;
		}
		
		#flagEn, #flagFr {
			width: 10%;		
		}
	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
		#flecheHautPage {
			width: 10%;
		}
		
		#AF {
			width:20%;
		}
		#SAP {
			width:15%;
		}
		
		#flagEn, #flagFr {
			width: 10%;		
		}
		
		.col-xs-9 {
			font-size: 1.3em;		
		}
		
		
		
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
		#flecheHautPage {
			width: 4%;
		}
		#AF {
			width:20%;
		}
		#SAP {
			width:15%;
		}
		
		.col-xs-9 {
			font-size: 1.2em;		
		}
		
		
		.col-xs-12 {
			font-size: 0.9em;
		}
		
		#flagEn, #flagFr {
			width: 10%;		
		}
		
	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {
		#flecheHautPage {
			max-width: 3%;
		}
		#AF {
			width:20%;
		}
		#SAP {
			width:15%;
		}
		
		.col-xs-9 {
			font-size: 1.2em;		
		}
		
		.col-xs-12 {
			font-size: 0.9em;
		}
		
		
		#flagEn, #flagFr {
			width: 10%;		
		}
		
	}