@charset "UTF-8";
@import url("reset.css");
@import url("css-sb.css");
@import url("css-vf.css");



@font-face {
	font-family: 'raleway-thin';
	src: url('../fonts/raleway-thin-webfont.eot');
	src: local('☺'), url('../fonts/raleway-thin-webfont.woff') format('woff'), url('../fonts/raleway-thin-webfont.ttf') format('truetype'), url('../fonts/raleway-thin-webfont.svg#webfontHYtrBZAZ') format('svg');
	font-weight: lighter;
	font-style: normal;
}


html {font-size: 100%;} /* Evite un bug d'IE 6-7.*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%; /* Soit 80% de la taille de la police par défaut du navigateur (par défaut 16px) - Voir http://riddle.pl/emcalc/ pour calculer la taille des polices en cascade */
	color: #000000; /* Couleur des texte dans Speedsales */
	margin: 0;
	padding: 0;
	/*background:url('../images/bkgFooter.jpg') center bottom no-repeat;*/
	/*overflow:hidden;*/
}

img {
	max-width: 100%;
}

a{
	color:#004e89;
	text-decoration: none;
}
a:hover{
	color:#f4b922;
	text-decoration: none;
}


#idContainer{
	width:100%;
	height:100%;
}

#idConteneurBkg{
	position: fixed;
	z-index:10;
}

#header{
	position:relative;
	width:100%;
	height:22%;
	float:left;
	z-index:20;
	background:url('../images/bkgHeader.jpg') center top no-repeat;
}
#idLogo{
	width:17.8125%;
	height:100%;
	float:left;
	cursor:pointer;
	padding-left:1%
}


#idNav{
	width:100%;
	padding-top:8.5%;
}

#idNav li{
	display:inline;
	padding: 0px 0.8em;
	cursor:pointer;
}

#idNav a{
	color:#004e89;
	text-decoration: none;
}

.trait{
	float:right;
	text-align:right;
	width:100px;
	margin-right:30px;
	background:url('../images/traitFinNav.png') right 5px repeat-x;
}

#content{
	position:relative;
	width:100%;
	height:100%;
	float:left;
	z-index:200;
}

#content img {
	max-width: 100%;
	max-height: 100%;
}


#footer{
	position:fixed;
	bottom:0;
	width:100%;
	height:10%;
	float:left;
	background:url('../images/bandeJaune.png') center bottom no-repeat;
	
	z-index:500;
	font-size:0.8em;
}
#idReseauxSociaux{
	width:15%;
	padding:0 1%;
	padding-top:1.3%;
	float:left;
	text-align:left;
}
#idBlocFooter{
	width:66%;
	padding-top:2.3%;
	float:left;
	color:#004e89;
	text-align: center;
	position:relative;
	
}
#idBlocFooter a{
	color:#004e89;
	text-decoration: none;
	
}

#idMof{
	width:15%;
	padding:0 1%;
	padding-top:1.3%;
	float:left;
	text-align:right;
	cursor:pointer;
}


.txtFooter , .sepFooter{
	display:inline;
	padding:0 0.2em;
}


.tableauContenu{
	padding:20px 20px;
	color:#7c7c7c;
}

.article{
	 width:100%;
	 height:auto;
	 line-height: 1.8em;
}

.clearLeft{
	clear:left;
}



.rowLeft{
	float:left;
}
.rowCenter{
	float:left;
}
.rowRight{
	float:left;
}

/*centrage*/
.alignLeft{
	text-align: left;
}
.alignCenter{
	text-align: center;
}
.alignRight{
	text-align: right;
}

/*dimension*/
.width5{
	width:5%;
}
.width10{
	width:10%;
}
.width30{
	width:30%;
}
.width33{
	width:33%;
}
.width20{
	width:20%;
}
.width40{
	width:40%;
}
.width43{
	width:43%;
}
.width45{
	width:45%;
}
.width60{
	width:60%;
}
.width50{
	width:50%;
}
.width55{
	width:55%;
}
.width66{
	width:66%;
}
.width70{
	width:70%;
}
.width80{
	width:80%;
}
.width100{
	width:100%;
}


.height25{
	height:25%;
}
.height37{
	height:37%;
}
.height38{
	height:38%;
}
.height100{
	height:100%;
}

/*margin*/

.mTop5p{
	margin-top:5%;
}
.mLeft-11p{
	margin-left:-11%;
}
.mLeft-20p{
	margin-left:-20%;
}
.mTop-30p{
	margin-top:-30%;
}
.mAuto{
	margin-left:auto;
	margin-right:auto;
}
.mL5p{
	margin-left:5%;
}
.mL10p{
	margin-left:10%;
}
.mTop-40px{
	margin-top:-40px;
}

/*padding*/
.pTop1v5p{
	padding-top:1.5%;
}
.pTop5p{
	padding-top:5%;
}
.pTop10p{
	padding-top:10%;
}
.pLR5p{
	padding-left:5%;
	padding-right:5%;
}
.pLR2p{
	padding-left:2%;
	padding-right:2%;
}

/*z-index*/
.z100{
	position:relative;
	z-index:100;
}
.z200{
	position:relative;
	z-index:200;
}

.img75{
	width:75%;
	margin-left:auto;
	margin-right:auto;
}


.btnSavoirPlus{
	margin-top:2%;
	color:#004e89;
	font-size:0.8em;
}

.btnSavoirPlusInLine{
	color:#004e89;
	font-size:0.8em;
	text-align: center;
}
.btnSavoirPlusInLine2{
	color:#004e89;
	font-size:0.8em;
	text-align: right;
	padding-right:5%;
}

.btnSavoirPlus a , .btnSavoirPlusInLine a{
	text-decoration: none;
	color:#004e89;
	
}
.btnSavoirPlus a:hover , .btnSavoirPlusInLine a:hover{	
	color:#f4b922;
	text-decoration: none;
}

a.currentTab{
	color:#f4b922;
}



.exergue1{
	font-size:2em;
	padding:0.5% 0% 2% 0%;
}
.exergue1bis{
	font-size:1.5em;
	padding:0.2% 0% 1% 0%;
}
.exergue2{
	font-size:1.1em;
}
.exergue3{
	font-size:1.5em;
	padding:0.5% 0% 2% 0%;
	color:#4C4C4D;
}
.exergue4{
	font-size:1.0em;
}



.width50 p {
	padding:2% 0%;
}
.width33 p , {
	padding:1% 0%;
}
.width40 p {
	
}
.width50 p , {
	padding:1% 0%;
}
.width55 p{
	padding:1% 0%;
}
.width60 p , {
	padding:1% 0%;
}
.width66 p , {
	padding:1% 0%;
}
.width70 p , {
	padding:1% 0%;
}
.width80 p , {
	padding:1% 0%;
}
.width100 p , {
	padding:1% 0%;
}



.txtSmallContact{
	font-size: 0.75em;
	line-height: 2.0em;
}
.txtSmallContact a{
	color:#7c7c7c;
	cursor:pointer;
}

.notDisplay{
	
}

.conteneurContact{
	background:url('../images/bkgContact.png') center top no-repeat;
}

.btnContact{
	width:80%;
	height:40px;
	/*background: url('../images/btnContact.png') center top no-repeat;*/
}

.divStockImgGalerie{
	display:none;
}


/* ###########################################################
######################## MEDAI QUERY #########################
########################################################### */

@media screen and (max-width: 1200px) {
	#idNav{
		padding-top:8.0%;
	}
	#idNav li{
		padding: 0px 0.65em;
	}
	.txtSmallContact{
		font-size: 0.59em;
		line-height: 2.0em;
	}
	.mTop-40px{
		margin-top:-30px;
	}
}
@media screen and (max-width: 1024px) {
	#idNav{
		padding-top:8.0%;
	}
	#idNav li{
		padding: 0px 0.5em;
	}
	.mTop-40px{
		margin-top:-25px;
	}

}
@media screen and (max-width: 980px) {
	#idNav{
		padding-top:8.7%;
		font-size:0.9em;
	}
	#idNav li{
		padding: 0px 0.4em;
	}
	#footer{
		position:relative;
		width:100%;
		height:10%;
		float:left;
		background:url('../images/bandeJaune.png') center bottom no-repeat;
		padding-bottom:2.5%;
		z-index:500;
		font-size:0.8em;
	}
	#idBlocFooter{
		width:66%;
		padding-top:2.5%;
		float:left;
		color:#004e89;
		font-size:0.7em;
		text-align: center;
	}
	
	.exergue2{
		font-size:0.8em;
	}
	.exergue1{
		font-size:1.7em;
	}
	.exergue3{
		font-size:1.2em;
	}
	
	.notDisplay2{
		display:none;
	}
	.test{
		width:100%;
	}
	
}
@media screen and (max-width: 780px) {
	body{
		overflow:auto;
	}
	#idLogo{
		position:relative;
		float:none;
		width:35%;
		margin: 0 auto;
	}
	#idNav{
		padding-top:1%;
		font-size:0.8em;
		clear:left;
		padding-left:0.01%;
		width:100%;
		text-align: center;
	}
	#idNav li{
		padding: 0px 0.0em;
	}
	.trait{
		float:right;
		text-align:right;
		width:0px;
		background:none;
	}
	#footer{
		position:relative;
		width:100%;
		height:10%;
		float:left;
		background:url('../images/bandeJaune.png') center bottom no-repeat;
		padding-bottom:2.5%;
		z-index:500;
		font-size:0.8em;
	}
	#idBlocFooter{
		width:100%;
		position:relative;
		float:none;
		color:#004e89;
		font-size:0.8em;
		z-index:1000;
		margin-top:-1.5%;
	}
	#idReseauxSociaux{
		width:100%;
		position:relative;
		float:none;
		text-align:center;
	}
	#idMof{
		width:100%;
		position:relative;
		float:none;
		text-align:center;
		
		margin-bottom:1%;
		z-index:100;
	}
	.txtFooter{
		display:block;
		padding:0.5em 0.2em;
		
	}
	.sepFooter{
		display:none;
	}
	
	
	.rowLeft{
		width:100%;
		float:none;
	}
	.rowCenter{
		width:100%;
		float:none;
	}
	.rowRight{
		width:100%;
		float:none;
	}
	
	.width50 img , .width33 img , .width40 img , .width20 img , .width60 img , .width20 img, .width66 img, .width70 img, .width80 img, .width100 img{
		width:50%;
	}
	.qrCode img{
		width:20%;
	}
	.btnRedim img{
		width:40%;
	}
	
	.alignLeft{
	text-align: center;
	}
	.alignCenter{
		text-align: center;
	}
	.alignRight{
		text-align: center;
	}
	
	.btnSavoirPlus{
		margin-top:0.5%;
		margin-bottom:2%;
		color:#004e89;
		font-size:0.8em;
	}
	.mTop5p{
		margin-top:0%;
	}
	.mLeft-11p{
		margin-left:0%;
	}
	.mL5p{
		margin-left:0%;
	}
	.mTop-40px{
		margin-top:-40px;
	}
	
	
	.pLR5p{
		padding-left:0%;
		padding-right:0%;
	}
	.notDisplay{
		display:none;
	}
	.conteneurContact{
		background:none;
	}
}
@media screen and (max-width: 780px) {
	.mTop-40px{
		margin-top:-30px;
	}
	
}

@media only screen and (max-device-width: 480px) {
	body{
		overflow:auto;
	}
	#idLogo{
		position:relative;
		float:none;
		width:35%;
		margin: 0 auto;
	}
	#idNav{
		padding-top:1%;
		font-size:1.3em;
		clear:left;
		padding-left:0.1%;
		width:100%;
		text-align: center;
	}
	#idNav li{
		padding: 0px 0.0em;
	}
	#footer{
		position:relative;
		width:100%;
		height:10%;
		float:left;
		background:url('../images/bandeJaune.png') center bottom no-repeat;
		padding-bottom:2.5%;
		z-index:20;
		font-size:0.8em;
	}
	
	#idReseauxSociaux{
		width:100%;
		position:relative;
		float:none;
		text-align:center;
		
	}
	#idBlocFooter{
		width:100%;
		position:relative;
		float:none;
		color:#004e89;
		font-size:0.9em;
		z-index:1000;
	}
	#idMof{
		width:100%;
		position:relative;
		float:none;
		text-align:center;
		
		margin-bottom:1%;
		z-index:100;
	}
	.rowLeft{
		width:100%;
		float:none;
	}
	.rowCenter{
		width:100%;
		float:none;
	}
	.rowRight{
		width:100%;
		float:none;
	}
	
	.width50 img , .width33 img , .width40 img{
		width:50%;
	}
	.qrCode img{
		width:20%;
	}
	.btnRedim img{
		width:50%;
	}
	
	.mTop5p{
		margin-top:5%;
	}
	.mL5p{
		margin-left:0%;
	}
	.alignLeft{
	text-align: center;
	}
	.alignCenter{
		text-align: center;
	}
	.alignRight{
		text-align: center;
	}
	
	#content , .tableauContenu , .article {
		height:100%;
	}
	
	.notDisplay{
		display:none;
	}
	.mTop-40px{
		margin-top:-100px;
	}
	
	.pLR5p{
		padding-left:0%;
		padding-right:0%;
	}
	
	.conteneurContact{
		background:none;
	}
	.txtSmallContact{
		font-size: 1.2em;
		line-height: 2.0em;
	}
	
	.trait{
		display:none;
	}
	
	
	
}

@media screen and (max-height: 750px) {
	/*
	body{
		overflow:auto;
	}
	#idNav{
		padding-top:9%;
	}
	#content , .tableauContenu , .article {
		height:auto;
	}
	#footer{
	padding-bottom:2.7%;
	}
	*/
}