@charset "UTF-8";
/* CSS Document */
body {
	margin: 0 auto; /* suppression des marges externes des navigateurs */
	padding: 0; /* suppression des marges internes des navigateurs */
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	background-color: #FFF;
	color: #000000;
	background-position: center;
	}
/* ici le style des liens par defaut "a href" */
a:visited { color: #333; text-decoration: none; }
a:link { color: #333; text-decoration: none; }
a:hover { color: #c80f42; text-decoration: none; }
a:active { color: #c80f42; text-decoration: none; }

ol ul li {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1em;
	}
p {
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 1.6em;
}
td {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}
h1 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 2em;
	}
h2 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #cc0000; /* rouge */
	}
h3 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #cc0000; /* rouge */
	}
h4 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #cc0000; /* rouge */
	}
h5 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #cc0000; /* rouge */
	}
h6 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #cc0000; /* rouge */
	}
hr { color: #cccccc; 
	background-color: #cccccc; 
	height: 1px; 
	border: #cccccc; 
	}
sup, sub { font-size: 0.65em; }

/* styles perso*/

.separation { visibility: hidden; clear: both; }

.droite { float:right; display:block; position:relative; }
.gauche { float:left; display:block; position:relative; }
.center { text-align: center; position:relative; display:block;}
.bleu{ color:#13599d }
.rose{ color:#c80f42 }

.page {
	margin: 0 auto;
	padding: 0px;
	background: #FFF;
	text-align: center;
		}			
		
.logo {
		padding-top: 40px;
		padding-left: 10px;
	}
	
	
.navigation {
	    margin: 0 auto;
		padding: 3px;
		font-size: 0.7em;
		text-align: center;
		background-image: url(images/barremenu.png);
		
}
.espace {
	margin : 10px;
	
	}
	
	
.barre {
	height : 10px;
	background-color: #13599d; 
	
}

.barrerose {
	height : 10px;
	background-color: #c80f42; 
	
}	


	
.diapo{
	padding: 0;
}


.vignette{
	
	width: 838px;
	padding-top: 10px;
	
	
	}
	
.legal{
	text-align: center;
	font-size: 0.7em;	
	
	
	}
	
.a2:visited { opacity: 0; }
.a2:link { opacity: 0; transition: 0.25s ease-in; }
.a2:hover { opacity: 1; transition: 0.25s ease-in; }
.a2:active { opacity: 1; }
.decale { margin-left: -280px; }
	
.contenu{
	text-align: center;
	font-size: 1em;
	color: #FFF;
	
	}
.coordonnees{
	text-align: center;
	font-size: 1em;
	color: #CB4223;
	
	}
	
.text1{
	font-size: 0.8em;
	padding-right: 25px;
	text-align: justify;
	float: left;
	width: 255px;
	padding-bottom: 50px;
	
	
	}
	
.text2{
	font-size: 0.8em;
	text-align: justify;
	float: left;
	width: 255px;
	
	
	}
	
.contenu{
	margin: 0 auto;
	color: #000;
	font-size: 0.6em;
	padding : 100px;
	text-align: justify;
	width : 300px;
	
	
	}
.paragraphes{
	background-color: #FFF;
	padding: 10px 10px 60px 10px;
	}
	
.copyright{
	font-size: 0.7em;
	color: #FFF;
	alignment-adjust: middle;
	background-color: #13599d;
	height: 30px;
	padding-bottom: 20px;
	padding-top: 10px;
	
	
	}
	
.tw{
	
	padding-right: 5px;
	padding-bottom: 50px;
	
	
	}
	
.fb{
	
	padding-right: 30px;
	padding-bottom: 50px;
	
	
	}
	
.baspage{
	margin: 0 auto;
	padding-top: 60px;
	background-color: #CCC;
	font-size: 0.7em;
	
	
	}