@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,700);
@font-face {
	font-weight: normal;
	font-style: normal;
}
.introduction
{
	
}
.description
{
	
}

p{
	color:rgb(7,55,99);
}

h3{
	color:#4A4A4A;
	font-size:18px;
}

.image-p{
	float: left;	
	margin-right:10px;
	-moz-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.75);
	box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.75);
	}
	
.image-p2{
	float: right;	
	margin-right:10px;
	margin-bottom:30px;
	-moz-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.75);
	box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.75);
}


.cycle-slideshow{
	margin-left:20%;
	margin-right:20%;
}


*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }


.img-top{
	top: auto;
	margin: 0 auto;
	border-radius:5px;
}

body {
	background: #333;
	font-weight: 400;
	font-size: 1em;
	font-family: Arial, sans-serif;
}

h1{
	color:rgb(7,55,99);
	font-size:36px;
}

h4{
	font-size:italic;
	font-weight: bold;
}
a {
	color: #f0f0f0;
	text-decoration: none;
	outline: none;
}

.animation { background:#F5F5F5 }
.animation a { color: #1c9ccd; }

a:hover, a:focus {
	color:#1c9ccd;
}




.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* codrops-demo fixé au top du site */
    
.nav { 
height: 42px;}
    .nav ul { list-style: none; }
    .nav ul li{float: left; margin-top: 6px; padding: 6px; border-right: 1px solid #ACACAC;}
    .nav ul li:first-child{ padding-left: 0;}
    .nav ul li a { }
    .nav ul li a:hover{ text-decoration: underline;}



.codrops-demos {
	padding: 2em 0 1em;
	font-size: 0.8em;
	text-align: center;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.5em 0.75em;
	line-height: 1.5;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}


.codrops-demos a.lien {
	color: inherit;
}


/* animation entrée */


.related > a {
	
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
}

.related a img-top {
	max-width: 100%;
	opacity: 0.8;
}

.related a:hover img-top,
.related a:active img-top {
	opacity: 1;
}

body #cdawrap {
	background: none;
	top: 50px;
	opacity: 0;
	-webkit-transition: opacity 0.3s 1.2s;
	transition: opacity 0.3s 1.2s;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body #cdawrap a {
	color: #f0f0f0 !important;
}

body .loaded ~ #cdawrap {
	opacity: 1;
}

body #cdawrap #cda-remove {
	top: 20px;
	right: 25px;
	width: 20px;
	height: 20px;
	opacity: 0;
}

body #cdawrap:hover #cda-remove {
	opacity: 1;
}







/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}







/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}