@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:#009ee0;}

.coullink {color:#009ee0; font-family: 'ArialNarrow'; letter-spacing: normal;}




	
	.gridContainer.clearfix #LayoutDiv1  #content  {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	display: block;
	height:auto;
    float: left;
    border:none;
	font-family: "Century Gothic";
	margin-top:30px;

	
	}
	
	.gridContainer.clearfix #LayoutDiv1 #content h2 {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top:5px;
	display: block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 18px;
	line-height: 35px;
	text-transform: uppercase;
    font-family: "Century Gothic";
    margin-bottom:10px;
    text-align:left;

	
	}
	.gridContainer.clearfix #LayoutDiv1 #content p {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    text-align: justify;
    margin-top: 0px;
	font-size: 15px;
	line-height: 25px;
	font-family: 'ArialNarrow';
    
	
	}
    .gridContainer.clearfix #LayoutDiv1 #content p a {
	    color:#0a2761; font-family: 'ArialNarrow'; 
	    letter-spacing: normal; text-decoration: none; text-transform: uppercase;
    }
    
    .gridContainer.clearfix #LayoutDiv1 #content p a:hover {
	    color:#0a2761; font-family: 'ArialNarrow'; 
	    letter-spacing: normal;text-decoration: underline; text-transform: uppercase;
    }
    
   .gridContainer.clearfix #LayoutDiv1 #content nav {
    width: 30%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: right;
    border:none;
    letter-spacing: 1px;
    text-align: justify;
    margin-top: 0px;
	font-size: 12px;
	line-height: 25px;
	font-family: 'ArialNarrow';
   } 

    .gridContainer.clearfix #LayoutDiv1 #content #frise {
	  margin-top: 50px;
	  padding:0px;
	  margin-bottom: 10px;
	  width: 95%;
	  margin-left: 0px;
	  margin-right: 0%;
	  height:auto;
	  float: left;
	  display: block;
	    
    }
    
    .gridContainer.clearfix #LayoutDiv1 #content ul {
	  margin-top: 10px;
	  margin-bottom: 10px;
	   width: 30%;
	   padding-left: 1%;
	   padding-right: 1%;
	   height:auto;
	   float: left;
	   display: block;
	   list-style-type: none;
	   margin-left: 0%;
	   margin-right: 0%;
	    
    }
    
    .gridContainer.clearfix #LayoutDiv1 #content ul li:first-child {
	  margin-top: 0px;
	  margin-bottom: 5px;
	   width: 100%;
	   text-align: center;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   line-height:25px;
	   float: left;
	    font-weight:bold;
	   display: block;
	  font-family: 'Times New Roman';
	   font-size: 16px;
	   text-transform: uppercase;
	   color:#0a2761;
	    
    }
     .gridContainer.clearfix #LayoutDiv1 #content ul li a {
	   text-decoration: none;
	   color:#0a2761;
	    
    }
    .gridContainer.clearfix #LayoutDiv1 #content ul li a:hover {
	   text-decoration: underline;
	   color:#0a2761;
	    
    }

    
    .gridContainer.clearfix #LayoutDiv1 #content ul li img {
	  margin-top: 0px;
	  margin-bottom: 0px;
	   width: 94%;
	   margin-left: 3%;
	margin-right: 3%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   float: left;
	   display: block;
	  
	  
	}
	
	.gridContainer.clearfix #LayoutDiv1 #content ul li img:hover {
	  margin-top: 0px;
	  margin-bottom: 0px;
	   width: 94%;
	   margin-left: 3%;
	margin-right: 3%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   float: left;
	   display: block;
	   opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
  
	}
	
	.gridContainer.clearfix #LayoutDiv1 #content ul li:last-child {
	  margin-top: 10px;
	  margin-bottom: 5px;
	   width: 90%;
	   margin-left:5%;
	   margin-right:5%;
	   text-align: justify;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   float: left;
	   display: block;
	   font-family: 'ArialNarrow';
	   font-size: 14px;
	   color:black;
	   line-height:25px;
	   letter-spacing:1px;
	    
    }
    .gridContainer.clearfix #LayoutDiv1  aside {
	  margin-top: 20px;
	  margin-bottom: 0px;
	   width: 90%;
	   padding-top:25px;
	   padding-bottom:25px;
	   padding-left: 5%;
	   padding-right: 5%;
	   height:auto;
	   float: left;
	   display: block;
	   list-style-type: none;
	   border-top:3px dashed #516d88;
	   border-bottom:3px dashed #516d88;
	   background-color:#dfe1e3;
	    
    }
    .gridContainer.clearfix #LayoutDiv1 aside h3 {
	 width: auto;
	 color:#233a50;
	 text-align:center;
	margin-left: 40%;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:40%;
	display: block;
	height:auto;
    float: left;
   
	font-size: 42px;
	line-height: 25px;
	letter-spacing:1px;
	font-family: 'Lobster 1.4';
	padding-bottom:20px;
	border-bottom:5px solid #233a50;
	
	    
    }
    .gridContainer.clearfix #LayoutDiv1 aside h3 a, a:hover {color:#009ee0; text-decoration:none;
}
    
    .gridContainer.clearfix #LayoutDiv1 aside figure {
	 width: 40%;
	 margin-left:50%;
	 margin-right:0%
	float: left;
	margin-top:0px;
	display: block;
	height:auto;
	border:none;
   }
    .gridContainer.clearfix #LayoutDiv1 aside figure img {
	 width: 20%;
	float: left;
	margin-top:-70px;
	display: block;
	height:auto;
	border:none;
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease;
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease;
	transition-duration: 0.30s;
	transition-timing-function: ease;
   }
   
    .gridContainer.clearfix #LayoutDiv1 aside figure img:hover {
	 width: 20%;
	float: left;
	margin-top:-70px;
	display: block;
	height:auto;
	border:none;
	-moz-transition-duration: 0.45s;
	-moz-transition-timing-function: ease;
	-webkit-transition-duration: 0.45s;
	-webkit-transition-timing-function: ease;
	transition-duration: 0.45s;
	transition-timing-function: ease;
	-moz-transform: rotate(250deg);
	-webkit-transform: rotate(250deg);
	transform: rotate(250deg);
	z-index:1000;
   }
   
   
   .gridContainer.clearfix #LayoutDiv1 aside nav {
	  margin-top: 20px;
	  margin-bottom: 10px;
	   width: 90%;
	   margin-left: 5%;
	   margin-right: 5%;
	   height:auto;
	   float: left;
	   display: inline-block;
	   list-style-type: none;
	   border:none;
   }

   
   .gridContainer.clearfix #LayoutDiv1 aside ul {
	  margin-top: 10px;
	  margin-bottom: 10px;
	   width: 29%;
	   padding-left: 2%;
	   padding-right: 2%;
	   height:auto;
	   float: left;
	   display: inline-block;
	   list-style-type: none;
	   border:none;
	   max-height:160px;
	   overflow:hidden;
	   margin-left:0%;
	   margin-right:0%;
   }
    .gridContainer.clearfix #LayoutDiv1 aside ul li:first-child {
	  margin-top: 10px;
	  margin-bottom: 5px;
	   width: 100%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   font-weight:bold;
	   float: left;
	   color:#C60800;
	   display: inline-block;
	   list-style-type: none;
	   border:none;
	   text-transform:Uppercase;
	   font-family: 'Times New Roman';
	   font-size: 15px;
	   letter-spacing:1px;
   }
   .gridContainer.clearfix #LayoutDiv1 aside ul li {
	  margin-top: 0px;
	  margin-bottom: 5px;
	   width: 100%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   font-weight:bold;
	   float: left;
	   color:#233a50;
	   display: inline-block;
	   list-style-type: none;
	   border:none;
	   font-family: 'Times New Roman';
	   font-size: 14px;
	   letter-spacing:1px;
   }
    .gridContainer.clearfix #LayoutDiv1 aside ul li:last-child {
	  margin-top: 8px;
	  margin-bottom: 0px;
	   width: 90%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   float: left;
	   color:#233a50;
	   font-weight:lighter;
	   text-align:justify;
	   line-height:20px;
	   display: inline-block;
	   list-style-type: none;
	   border:none;
	   font-family: 'ArialNarrow';
	   font-size: 13px;
	   letter-spacing:1px;
   }
    .gridContainer.clearfix #LayoutDiv1 aside ul li a {color:#C60800; text-decoration:none;
    }
    
    .gridContainer.clearfix #LayoutDiv1 aside ul li a:hover {color:#C60800; text-decoration:underline;
    }

.gridContainer.clearfix #LayoutDiv1 aside #links{
 margin-top: 10px;
	  margin-bottom: 5px;
	   width: 25%;
	   padding-left:2%;
	   padding-right:0%;
	   margin-left: 35%;
	   margin-right: 35%;
	   padding-top:8px;
	   padding-bottom:8px;
	   height:auto;
	   font-weight:normal;
	   float: left;
	   color:white;
	   background-color: #233a50;
	   display: inline-block;
	   list-style-type: none;
	   text-align:center;
	   border:none;
	   text-transform:Uppercase;
	   font-family: 'Times New Roman';
	   font-size: 15px;
	   letter-spacing:1px;
	   box-shadow: 1px 1px 12px #555;

}
.gridContainer.clearfix #LayoutDiv1 aside #links:hover{
 margin-top: 10px;
	  margin-bottom: 5px;
	   width: 25%;
	   padding-left:2%;
	   padding-right:0%;
	   margin-left: 35%;
	   margin-right: 35%;
	   padding-top:8px;
	   padding-bottom:8px;
	   height:auto;
	   font-weight:normal;
	   float: left;
	   color:white;
	   background-color: #c60800;
	   display: inline-block;
	   list-style-type: none;
	   text-align:center;
	   border:none;
	   text-transform:Uppercase;
	   font-family: 'Times New Roman';
	   font-size: 15px;
	   letter-spacing:1px;
	   box-shadow: 1px 1px 12px #555;

}

#links a {color:white;text-decoration:none;}
#links  a:hover {color:white;  text-decoration:none;}


.gridContainer.clearfix  #layout_footer {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
 height:auto;
 float: left;
 display:block;
 border:none;
 padding-top:30px;
 padding-bottom:20px;
 margin-bottom:0px;
  
 
}

.gridContainer.clearfix #layout_footer #bloc_footer {
        width: 25%;
	   padding-left: 2%;
	   padding-right: 2%;
	   margin-left:0%;
	    margin-right:0%;
	   height:auto;
	   margin-left:35px;
	   float: left;
	   display: inline-block;
	   list-style-type: none;
	   border:none;
	   
}

.gridContainer.clearfix #layout_footer #bloc_footer h4 {
    width: auto;
    margin-left:0%;
    margin-right:0%;
	color:#233a50;
	text-align:center;
	padding-bottom:20px;
	border-bottom:5px solid #233a50;
	padding-left:0;
	padding-right:0;
	margin-top:0px;
	margin-bottom:0px;
	display: block;
	height:auto;
    float: left;
    font-size: 42px;
	line-height: 25px;
	letter-spacing:1px;
	font-family: 'Lobster 1.4';
	   
}
.gridContainer.clearfix #layout_footer #bloc_footer h4 a, a:hover {color:#233a50; text-decoration:none;
}
.gridContainer.clearfix #layout_footer #bloc_footer #icones {
    width:20%;
	margin-left: 25px;
	padding:0;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    border:none;
    
    
	
	   
}
.gridContainer.clearfix #layout_footer #bloc_footer #icones img{
    width:80%;
	margin-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
   
    
	
	   
}

.gridContainer.clearfix #layout_footer #bloc_footer  #portfollio {
    width: 100%;
	color:#233a50;
	margin-left: 0%;
	margin-top:20px;
	margin-bottom:0px;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding:0;
    list-style-type:none;
    
	   
}

.gridContainer.clearfix #layout_footer #bloc_footer #portfollio li {
    width: 31%;
	margin-left: 0%;
	margin-top:0px;
	margin-bottom:5px;
	margin-right: 3px;
	display: inline-block;
	height:50px;
	max-height:50px;
	overflow:hidden;
    float: left;
    padding:0;
    list-style-type:none;
    border:none;
    vertical-align:middle;
    
	   
}


.gridContainer.clearfix #layout_footer #bloc_footer #portfollio li img {
    width: 100%;
	display: inline-block;
	height:50px;
	max-height:50px;
	overflow:hidden;
    float: left;
    padding:0;
    list-style-type:none;
    border:none;
    vertical-align:middle;
    
	   
}
.gridContainer.clearfix #layout_footer #bloc_footer #portfollio li img:hover {
    width: 100%;
	display: inline-block;
	height:50px;
	max-height:50px;
	overflow:hidden;
    float: left;
    padding:0;
    list-style-type:none;
    border:none;
    vertical-align:middle;
     opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	   
}



.gridContainer.clearfix #layout_footer #bloc_footer  #portfollio li:last-child {
   margin-top: 15px;
	  margin-bottom: 5px;
	   width: 80%;
	   padding-left:4%;
	   padding-right:0%;
	   margin-left: 15%;
	   margin-right: 0%;
	   padding-top:8px;
	   padding-bottom:8px;
	   height:auto;
	   font-weight:normal;
	   float: left;
	   color:white;
	   background-color: #233a50;
	   display: inline-block;
	   list-style-type: none;
	   text-align:center;
	   border:none;
	   text-transform:Uppercase;
	   font-family: 'Times New Roman';
	   font-size: 13px;
	   letter-spacing:1px;
	   box-shadow: 1px 1px 12px #555;
	   
	   
    
	   
}
.gridContainer.clearfix #layout_footer #bloc_footer  #portfollio li:last-child:hover {
   margin-top: 15px;
	  margin-bottom: 5px;
	   width: 80%;
	   padding-left:4%;
	   padding-right:0%;
	   margin-left: 15%;
	   margin-right: 0%;
	   padding-top:8px;
	   padding-bottom:8px;
	   height:auto;
	   font-weight:normal;
	   float: left;
	   color:white;
	   background-color: #C60800;
	   display: inline-block;
	   list-style-type: none;
	   text-align:center;
	   border:none;
	   text-transform:Uppercase;
	   font-family: 'Times New Roman';
	   font-size: 13px;
	   letter-spacing:1px;
	   opacity: 0.9;
	   box-shadow: 1px 1px 10px #555;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	  
	   
}
#portfollio li:last-child a {color:white;text-decoration:none;}
#portfollio li:last-child a:hover {color:white;text-decoration:none;}


.gridContainer.clearfix #layout_footer #bloc_footer  ul {
    width: 100%;
	color:#233a50;
	margin-left: 0%;
	margin-top:20px;
	margin-bottom:0px;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding:0;
    list-style-type:none;
    
	   
}
.gridContainer.clearfix #layout_footer #bloc_footer  ul {
    width: 100%;
	color:#233a50;
	margin-left: 0%;
	margin-top:20px;
	margin-bottom:0px;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding:0;
    list-style-type:none;
    
	   
}
.gridContainer.clearfix #layout_footer #bloc_footer  ul li:first-child {
    width: 100%;
	margin-left: 0%;
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding:0;
    list-style-type:none;
    
	   
}
.gridContainer.clearfix #layout_footer #bloc_footer  ul li:first-child:hover {
    width: 100%;
	margin-left: 0%;
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding:0;
    list-style-type:none;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    
}

.gridContainer.clearfix #layout_footer #bloc_footer  ul li:last-child {
    width: 100%;
	margin-left: 0%;
	margin-top:10px;
	margin-bottom:0px;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding:0;
    color:black;
    font-family: 'ArialNarrow';
	   font-size: 13px;
	   letter-spacing:1px;
	   text-align:justify;
    list-style-type:none;
    
	   
}

ul#partenaire {
width: 60%;
	margin-left:20%;
	margin-top:50px;
	margin-bottom:0px;
	margin-right: 20%;
	display: block;
	height:auto;
    float: left;
    padding:0;
   list-style-type:none;
    
}

ul#partenaire li {
width: 30%;
	margin-left: 10%;
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 10%;
	display: block;
	height:auto;
    float: left;
    padding:0;
   list-style-type:none;
    
}

ul#partenaire li img {
width: 100%;
display: block;
height:auto;
    float: left;
    padding:0;
  
    
}

ul#partenaire li img:hover {
width: 100%;
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    
	display: block;
	height:auto;
    float: left;
    padding:0;
  
    
}