@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

@font-face {
    font-family: "Century Gothic";
    src: url('../fonts/CenturyGothic/CenturyGothic.eot	');
    src: url('../fonts/CenturyGothic/CenturyGothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CenturyGothic/CenturyGothic.woff') format('woff'),
         url('../fonts/CenturyGothic/CenturyGothic.ttf') format('truetype'),
         url('../fonts/CenturyGothic/CenturyGothic.svg#Century Gothic') format('svg');
    
}

@font-face {
    font-family: "FuturaBT";
    src: url('../fonts/futura-book/futura-bk-bt-book_18979-webfont.eot	');
    src: url('../fonts/futura-book/futura-bk-bt-book_18979-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-book/futura-bk-bt-book_18979-webfont.woff') format('woff'),
         url('../fonts/futura-book/futura-bk-bt-book_18979-webfont.ttf') format('truetype'),
         url('../fonts/futura-book/futura-bk-bt-book_18979-webfont.svg#FuturaBT') format('svg');
    
}

@font-face {
   font-family: 'Lobster 1.4';
    src: url('../fonts/Lobster/Lobster 1.4-webfont.eot');
    src: url('../fonts/Lobster/Lobster 1.4-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lobster/Lobster 1.4-webfont.woff') format('woff'),
         url('../fonts/Lobster/Lobster 1.4-webfont.ttf') format('truetype'),
         url('../fonts/Lobster/Lobster 1.4-webfont.svg#Lobster 1.4') format('svg');
    
}

@font-face {
   font-family: 'ArialNarrow';
    src: url('../fonts/ArialNarrow/ArialNarrow.eot');
    src: url('../fonts/ArialNarrow/ArialNarrow.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ArialNarrow/ArialNarrow.woff') format('woff'),
         url('../fonts/ArialNarrow/ArialNarrow.ttf') format('truetype'),
         url('../fonts/ArialNarrow/ArialNarrow.svg#ArialNarrow') format('svg');
    
}

* {outline: none;}

script {margin:0;padding:0;}

body {margin:0;padding:0;}

html{margin:0;padding:0;}

cite, strong, em {
	font-style: normal;
	font-weight: none;
}

code {font-family: "FuturaBT";}

img, object, embed, video {
	max-width: 100%;
	border:none;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
	border:none;
}
.coul {color:#0a2761; text-decoration:underline;}

.backtotopinstance{
	position: fixed;
	right:0px;
	bottom: 0px;
	color:#ffffff;
	float: left;
	height:70px;
	width: 80px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 5px;
	background-image: url(../icone/scoll.png);
	padding: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;	
}


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

	
	html, body {
  height : 100%
}
.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0px;
	margin-bottom: 0px;
	height:100%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	height:100%;
	margin-left: 0;
	width: 100%;
	display: block;
	margin: 0px;
	margin-bottom: 0px;
}
.gridContainer.clearfix #LayoutDiv1 header {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	border:none;
	margin-bottom: 0px;
	
	
	
	
}
.gridContainer.clearfix #LayoutDiv1 header #stickyheader {
	display: block;
	margin: 0px;
	height: 58px;
	width: 100%;
	z-index: 1500;
	position:relative;
	margin-bottom:0px;
	float: left;
	border:none;
	
	
}
.gridContainer.clearfix #LayoutDiv1 header #layout_header {
	
	display: block;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	float: left;
	height: auto;
	width: 100%;
	 z-index: 500;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.gridContainer.clearfix #LayoutDiv1 header #layout_header h1 {
	font-family: 'Lobster 1.4';
	font-size: 14px;
	font-weight: lighter;
	color: #FFF;
	text-align: left;
	text-transform:none;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	margin-left:15px;
	margin-top:0x;
	height: auto;
	width: 60%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	letter-spacing:1px;
	 z-index: 500;
	 opacity: none;
	
	
}



.gridContainer.clearfix #LayoutDiv1 header #logo_content {
    width:90%;
    height:85px;
    display: block;
    margin-top:50px;
    padding-left:5%;
    padding-right:5%;
    float:left;
   
    
    padding-bottom:45px;
    margin-bottom:0px;
    padding-top:10px;
    
   
}
.gridContainer.clearfix #LayoutDiv1 header #logo_content h2 {
    width:35%;
    height:auto;
    display: block;
    border:none;
    margin-top:0px;
    padding-left:0%;
    margin-left:32.5%;
    margin-right:32.5%;
    padding-right:0%;
    padding-top:3px;
    text-align:center;
    float:left
   padding-bottom:0px;
    margin-top:0px;
    color:white;
    background-color:#c0201d;
     font-family: 'Times New Roman';
     font-size:14px;
     letter-spacing:1px;
    font-weight:normal;
     margin-bottom: 0px;
   
     
}


.gridContainer.clearfix #LayoutDiv1 header #logo_content figure {
    width:30%;
    height:auto;
    padding-left:0%;
    margin-left:1%;
    display: block;
    margin-right:0%;
    padding-right:0%;
    float:left;
    margin-top:0px;
    
    border:none;
    z-index:1000;
    position:absolute;
    

}
.gridContainer.clearfix #LayoutDiv1 header  #logo_content figure img {
    width:96%;
    height:auto;
    margin-left:2%;
    display: block;
    margin-right:2%;
    float:left;
    margin-top:7px;
     border:none;
    margin-bottom: 0;

}




.gridContainer.clearfix #LayoutDiv1 header #bloc_menu #erreur {
	width: 100%;
	padding-left:0%;
	padding-right:0%;
	float: left;
	padding-top:10px;
	padding-bottom:0px;
	display: block;
	margin:0px;
	text-align:center;
	position:absolute;
	margin-top:0px;
	border:none;
	height:60px;
	margin-bottom:0px;
	font-size: 38px;
	color: #c60800;
	
	font-family: "Century Gothic";
	z-index:1000;
	
	
	
		
	
	
	
}


.gridContainer.clearfix #LayoutDiv1 section {
	width: 100%;
	float: left;
	display: block;
	margin:0px;
	padding:0px;
	margin-top:50px;
	border:none;
	height:auto;
	
		
	
	
	
}

.gridContainer.clearfix #LayoutDiv1 #content_slider {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	margin-top:-170px;
	position:relative;
	
	
	

	
}
.gridContainer.clearfix #LayoutDiv1 #content_slider .rslides_container {
				width:100%;
				height: auto;
				margin:0px;
				float: left;
				display: block;
				
;
}


.gridContainer.clearfix #LayoutDiv1 #content_slider .rslides_container #slider1 {
	width: 100%;
	display: block;
    float: left;
    height: auto;
	margin-top: 0px;
	padding: 0;
	margin:0px;

	
}


.gridContainer.clearfix #LayoutDiv1 #content_slider	#slider1 li { 
	list-style:none;
	
}
	 
.gridContainer.clearfix #LayoutDiv1 #layout_search.floatable {
	position: fixed;
	top: 0px; // non-obligatoire
}
.gridContainer.clearfix #LayoutDiv1 #layout_search  {
	width: auto;
	display: block;
    float: right;
   margin-top: -2px;
	padding-top: 8px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 8px;
	margin-left:0%;
	margin-right:10%;
	background-color: #0a2761;
	text-align: center;
	font-size: 16px;
	color: white;
	
	font-family: "Century Gothic";
	z-index:1000;

	
	}
	.gridContainer.clearfix #LayoutDiv1 #layout_search:hover  {
	width: auto;
	display: block;
    float: right;
   margin-top: -2px;
	padding-top: 8px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 8px;
	margin-left:0%;
	margin-right:10%;
	background-color: #0a2761;
	text-align: center;
	font-size: 16px;
	color: white;
	text-decoration:underline;
	font-family: "Century Gothic";
	z-index:1000;

	
	}
	
	.gridContainer.clearfix #LayoutDiv1 #layout_search a  {
		color: white;
		text-decoration: none;
	
	
	}
	
	footer {
		width: 90%;
		height:auto;
		padding-left: 5%;
		padding-right: 5%;
	display: block;
    float: left;
   margin-top: 0px;
   background-color: #4e4e4e;
   
		
		}
		footer ul li:first-child a {color: white; text-decoration: none;}
		footer #center ul li a {color: white; text-decoration: none;}
		footer #center ul li a:hover {color: white; text-decoration: underline;}
	footer ul li a {color: white; text-decoration: none;}
	footer ul li a:hover {color: white; text-decoration: underline;}
	footer #right ul li + li a {color: white; text-decoration: none;}
	footer #right ul li + li a:hover {color: white; text-decoration: underline;}
	
	footer #center ul .active a {color: #bfcddb; text-decoration: underline;}
	footer #right ul .active a {color: #bfcddb; text-decoration: underline;}
	
	footer #center ul .active a:hover {color: #bfcddb; text-decoration: underline;}
	footer #right ul .active a:hover {color: #bfcddb; text-decoration: underline;}
		
	footer #left {
	width: 90%;
	padding-top: 20px;
	height:auto;
	display: block;
    float: left;
   margin-top: 0px;
   
   padding-left: 5%;
   padding-right: 5%;	
		
	}
	footer #left p {
	width: 100%;
	font-weight: lighter;
	color:white;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 25px;
	height:auto;
	display: block;
    float: left;
   margin-top: 0px;
   font-family: 'ArialNarrow';	
		
	}
	footer #left p .small {font-size: 13px; color:#bfcddb;}
	.big {font-size: 19px;}
	
	footer #center ul  li .small {font-size: 12px; color:#bfcddb;}
	
	
	
	
 #faq {
	width: 70%;
		height:auto;
		padding-left: 15%;
		padding-right: 15%;
	display: block;
    float: left;
   margin-top: 0px;
   background-color:white;
   
		
	}
	
	#faq p {
	width: 100%;
		height:auto;
		padding-top: 10px;
		padding-bottom: 10px;
	display: block;
    float: left;
    color:#233a50;
    margin-top: 0px;
	font-size: 13px;
    font-family: 'ArialNarrow';

   
		
	}
	
#faq p a {
	
    color:#233a50;
    text-decoration: none;
}
#faq p a:hover {
	
    color:#233a50;
    text-decoration: underline;

   
		
	}