/* NOVASYS Web's style */

@font-face { font-family: nova; src: url('polices/space_age-webfont.eot'); src: local('nova'), url(polices/sa.ttf) format("truetype"); }
@font-face { font-family: ubuntu; src: url('polices/ubuntu-l-webfont.eot'); src: local('ubuntu'), url(polices/Ubuntu-R.ttf) format("truetype"); }
@font-face { font-family: thin; src: url('polices/nasal-webfont.eot'); src: local('thin'), url(polices/nasal.ttf) format("truetype"); }
@font-face { font-family: space; src: url('polices/space1.eot'); src: local('space'), url(polices/space1.ttf) format("truetype"); }

body {
	color:							#000; 
	margin:							0; 
	padding:						0; 
	font-family:					ubuntu,sans-serif;
	height:							100%;
	line-height:					12pt;
	color:							#a3c5ce;
	text-shadow: 					3px 3px 3px #000;
}

#sousbody {
	margin-bottom:					52px;
}

h1 {
	padding: 						5px 0px 0px 0px;
	height:							30px;
	text-align: 					center;
	width: 							auto;
	display: 						block;
	color: 							#FFF;
	font-size: 						22px;
	background: 					url(../images/moyentrais_bleu.png) no-repeat scroll center 24px transparent;
	font-family: 					ubuntu, sans-serif;
	font-variant: 					small-caps;
	text-shadow: 					1px 1px 0px #000;
	border-shadow: 					1px 1px 0px #000;
	letter-spacing:					2px;
	zoom: 							1;
}

h3 {
	margin-left:					-15px;
	padding:						10px 0px 0px 0px;
	font-size: 						14px;
}

h110 {
	padding: 						5px 0px 50px 0px;
	margin-top:						10px;
	height:							30px;
	text-align: 					center;
	width: 							auto;
	display: 						block;
	color: 							#FFF;
	font-family: 					nova, sans-serif; 
	font-size: 						18px;
	text-shadow: 					1px 1px 0px #000;
	border-shadow: 					1px 1px 0px #000;
	letter-spacing:					2px;
	zoom: 							1;
}

a {
	border: 						none;
	outline:						none;
	text-decoration:				none;
	color:							#8ec9e1;
	transition: 					all .2s ease-in;
}

a:hover {
	color:							#28abe1;
}

#entete a {
	color:							#fff;
}

#entete a:hover {
	color:							#fff;
}

a img {
	border: 						none;
	outline:none;
}

a:active
{
    outline:						none;
   	color: 							#fff;
	border-bottom: 					2px solid #28abe1;
	background: 					rgba(40, 171, 225, 0.2);
}

#entete, #entetesuite {
	height:							25px;
	line-height:					25px;
	text-align:						left;
	color:							#fff;
	border:							0;
	background:						none;
	text-shadow:					3px 3px 3px rgba(0, 0, 0, 1);
	/* box-shadow:						20px 20px 10px rgba(0, 0, 0, 0.3); */
}

#entete {
	font-size:						26px;
	font-family:					nova, sans-serif;
}

#entetesuite {
	font-size:						10px;
	font-family:					ubuntu, sans-serif;
	text-transform:					uppercase;
}

.justifie {
	padding:						0px 30px 0px 35px;
	color:							#fff;
	text-align:						justify;
	line-height:					19px;
}

.feuille {
	padding:						0;
	margin-top:						-14px;
	color:							#fff;
	text-align:						justify;
	line-height:					19px;
	height:							100%;
}

.feuille img {
	vertical-align:					middle;
	
}

.images {
	padding:						0px 5px 5px 5px;
	margin:							14px 0 10px 0;
	text-align: 					center;
	border-radius:					7px;
	background: 					none;
	line-height:					25px;
	font-size:						16px;
	font-variant: 					small-caps;
	font-weight: 					bold;
}

.mentions {
	padding:						0px 30px 0px 35px;
	color:							#fff;
	text-align:						justify;
	line-height:					19px;
	font-size:						14px;
	line-height:					20px;
}

.mentions p {
	margin-top:						-5px;
}

.mentionschap {
	padding:						0px 15px 5px 25px;
	margin:							0;
	border-radius:					7px;
	background:						rgba(0, 0, 0, 0.5);
}

.mentionspos {
	position:						fixed;
	margin:							auto;
	margin:							0px 0px 0px -350px;
	font-size:						8px;
	font-family:					ubuntu, sans-serif;
	line-height:					27px;
	width:							100%;

	bottom:							0px;
}

.mentionspos a {
	color:							#fff;
}

.mentionspos span {
	width:							30px;
}

.mentionsposbefore {
	position:						fixed;

	margin:							0px 0px 0px 0px;
	font-size:						10px;
	font-family:					ubuntu, sans-serif;
	line-height:					27px;

	z-index:						1;
	bottom:							0px;
}

.mentionsposbefore a {
	color:							#fff;
}

.plaquette {
	height:							292px;
	background:						url(../images/plaquette.png) no-repeat;
	padding:						0px 25px 0px 25px;
	color:							#fff;
	text-align:						justify;
	line-height:					19px;
}

.ligne {
	width : 						960px;
	margin : 						8px auto;
}

.ligne > div {
	float : 						left;
	margin : 						0 5px 0 5px;
	padding : 						0;
}

.col1 { width : 60px; }
.col2 { width : 140px; }
.col3 { width : 220px; }
.col4 { width : 300px; }
.col5 { width : 380px; }
.col6 { width : 460px; }
.col7 { width : 540px; }
.col8 { width : 620px; }
.col9 { width : 700px; }
.col10 { width : 780px; }
.col11 { width : 860px; }
.col12 { width : 940px; }


@media only screen and (min-width:500px) and (max-width:980px) {
	.row {
		width : 100%;
	}
	.row > div { 
		margin : 0 0.5%;
	}
	.col1 { width : 7.3%; }
	.col2 { width : 15.6%; }
	.col3 { width : 24%; }
	.col4 { width : 32.3%; }
	.col5 { width : 40.6%; }
	.col6 { width : 49%; }
	.col7 { width : 57.3%; }
	.col8 { width : 65.6%; }
	.col9 { width : 74%; }
	.col10 { width : 82.3%; }
	.col11 { width : 90.6%; }
	.col12 { width : 99%; }
}

.clear { clear : both ; }

#pied {
	position:						fixed;
	width:							100%;
	margin:							auto;
	border-top:						1px solid rgba(153, 153, 153, 0.4);
	bottom:							0px;	
}

#piedprim {
	width:							100%;
	margin:							auto;
	height:							40px;
	line-height:					40px;
	text-align:						center;
	color:							#fff;
	font-size:						26px;
	font-family:					nova, sans-serif;
}

#piedprim a {
	color:							#fff;
}