@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');
    
}

@font-face {
   font-family: 'Lucida Bright Demibold Italic';
    src: url('../../../fonts/lucida/lucida_bright_demibold_italic-webfont.eot');
    src: url('../../../fonts/lucida/lucida_bright_demibold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/lucida/lucida_bright_demibold_italic-webfont.woff') format('woff'),
         url('../../../fonts/lucida/lucida_bright_demibold_italic-webfont.ttf') format('truetype'),
         url('../../../fonts/lucida/lucida_bright_demibold_italic-webfont.svg#Lucida Bright Demibold Italic') 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:#c60800;}

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


@media only screen and (min-width: 1250px) {

.gridContainer.clearfix #LayoutDiv1 article {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top:0px;
	display: block;
	height:auto;
    float: left;
    color:#233a50;
    border:none;
	font-size: 14px;
	line-height: 25px;
	text-transform: uppercase;
    font-family: "Century Gothic";
    text-align:left;
}

.gridContainer.clearfix #LayoutDiv1 article #chemin {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:20px;
	margin-bottom:20px;
	display: block;
	height:auto;
    float: left;
    color:#233a50;
    border:none;
	font-size: 12px;
	line-height: 25px;
	text-align:right;
    font-family: "Century Gothic";
    
}

.gridContainer.clearfix #LayoutDiv1 article #chemin a { color:black;
text-decoration:none;
}

.gridContainer.clearfix #LayoutDiv1 article #chemin a:hover { color:black;
text-decoration:underline;
}
	
	
.gridContainer.clearfix #LayoutDiv1 article h1 {
	width:auto;
	margin-left: 0%;
	margin-right: 75%;
	margin-top:40px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
   font-family: "Century Gothic";
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    padding-bottom:3px;
	   border-bottom:5px solid #ad0a25;
}

.gridContainer.clearfix #LayoutDiv1 article p {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: justify;
    margin-top: 20px;
	font-size: 15px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:black;
	font-style:normal;
    }
    
   
 .gridContainer.clearfix #LayoutDiv1 article p#style2 {font-style: italic;}   
  
  
  .gridContainer.clearfix #LayoutDiv1 article h2 {
	width:auto;
	margin-left: 0%;
	margin-right: 75%;
	margin-top:40px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
   font-family: "Century Gothic";
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    padding-bottom:3px;
	   border-bottom:5px solid #ad0a25;
}
  
  
  .gridContainer.clearfix #LayoutDiv1 section article p#link {
	width: 40%;
	margin-left: 0%;
	margin-right: 60%;
	display: block;
	height:auto;
    float: left;
    padding-top:10px;
    padding-bottom:10px;
    text-transform:none;
    border:none;
    text-align: center;
    margin-top: 10px;
	font-size: 18px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:white;
	font-style:normal;
	background-color:#ad0a25;
    } 
    
    .gridContainer.clearfix #LayoutDiv1 section article p#link:hover {
	width: 40%;
	margin-left:0%;
	margin-right:60%;
	padding-top:10px;
    padding-bottom:10px;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: center;
    margin-top: 10px;
	font-size: 18px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:white;
	font-style:normal;
	background-color:black;
    } 
    
    .gridContainer.clearfix #LayoutDiv1 article #link a {color:white;text-decoration:none;}
     .gridContainer.clearfix #LayoutDiv1 article #link a:hover {color:white;text-decoration:none;}
    
    .gridContainer.clearfix #LayoutDiv1 #content  {
    width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 30px;
	padding:0;
   } 
   
   .gridContainer.clearfix #LayoutDiv1 #content h1 {
	width:auto;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	margin-bottom:30px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 18px;
	line-height: 25px;
	text-transform: uppercase;
   font-family: "Century Gothic";
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    padding-bottom:3px;
	   border-bottom:5px solid #ad0a25;
}

.gridContainer.clearfix #LayoutDiv1 #content ul#famille {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	padding-left:0px;
	padding-right:0px;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: left;
    margin-top: 0px;
    margin-bottom:15px;
	font-size: 15px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "Century Gothic";
	color:white;
	font-style:normal;
	background-color:#ad0a25;
	padding-top:8px;
    padding-bottom:8px;
    }
    
    .gridContainer.clearfix #LayoutDiv1 #content ul#famille li {
	width: auto;
	margin-left: 2%;
	margin-right: 2%;
	padding-left:0px;
	padding-right:0px;
	display: block;
	height:auto;
    float: left;
    text-transform:Uppercase;
    border:none;
    text-align: center;
    margin-top: 3px;
    margin-bottom:3px;
	font-size: 14px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "Century Gothic";
	color:white;
	font-style:normal;
	background-color:#ad0a25;
	padding-top:0px;
    padding-bottom:0px;
    }
    
    .gridContainer.clearfix #LayoutDiv1 #content ul#famille li a {color:white;text-decoration:none;}
     .gridContainer.clearfix #LayoutDiv1 #content ul#famille li a:hover {color:white;text-decoration:underline;}
    
    .gridContainer.clearfix #LayoutDiv1 #content p#total {
	width: 30%;
	margin-left: 2%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: left;
    margin-top: 0px;
    margin-bottom:20px;
	font-size: 15px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:black;
	font-style:normal;
    }
    
     .gridContainer.clearfix #LayoutDiv1 #content p#promo {
	width: 25%;
	margin-left: 0%;
	margin-right: 2%;
	display: block;
	height:auto;
    float: right;
    text-transform:none;
    border:none;
    text-decoration:underline;
    text-align: right;
    margin-top: 5px;
    margin-bottom:20px;
	font-size: 15px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:0px;
	font-family: "FuturaBT";
	color:black;
	font-style:normal;
    }
    
    
    
    .gridContainer.clearfix #LayoutDiv1 #content form {
	width: 80%;
	margin-left: 0%;
	margin-right: 0%;
	display: inline-block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: left;
    margin-top: 0px;
    margin-bottom:20px;
	font-size: 14px;
	font-weight:lighter;
	line-height: 20px;
	letter-spacing:0px;
	font-family: "FuturaBT";
	color:black;
	font-style:normal;
    }
    
      .gridContainer.clearfix #LayoutDiv1 #content #line  {
    width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
	padding:0;
   } 

.gridContainer.clearfix #LayoutDiv1 #content p {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: left;
    margin-top: 0px;
    margin-bottom:20px;
	font-size: 15px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:black;
	font-style:normal;
    }
    
    
   
   .gridContainer.clearfix #LayoutDiv1 #content #box1 {
    width: 29%;
	margin-left: 2%;
	margin-right: 2%;
	display: block;
	height:auto;
    float: left;
    border:none;
    padding-left:0%;
    padding-right:0%;
    padding-top:10px;
    margin-bottom:20px;
    padding-bottom:10px;
    letter-spacing:1px;
    text-align: justify;
    margin-top: 0px;
	font-size: 12px;
	line-height: 25px;
	font-family: "FuturaBT";
	
	
	
   } 
    
  .gridContainer.clearfix #LayoutDiv1 #content #box1 h2 {
  font-size: 13px;
	line-height: 25px;
	font-family: "FuturaBT";
	margin-top: 0px;
	  margin-bottom: 10px;
	  width: 100%;
	   margin-left:0%;
	   margin-right:0%;
	   padding-left: 0px;
	   padding-right: 0px;
	    padding-bottom:10px;
      padding-top:10px;
	   height:auto;
	   font-weight:normal;
	   float: left;
	   display: block;
	   color:white;
	  text-align:center;
	  border:none;
	  background-color:#ad0a25;
	   
	}
	
	.gridContainer.clearfix #LayoutDiv1 #content #box1 h2  a {color:white;text-decoration:none;}
.gridContainer.clearfix #LayoutDiv1 #content #box1 h2 a:hover {color:white;text-decoration:underline;}
	
	.gridContainer.clearfix #LayoutDiv1 #content #box1 figure {
	  margin-top: 10px;
	  margin-bottom: 0px;
	   width: 100%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   float: left;
	   display: block;
	   list-style-type: none;
	   margin-left: 0%;
	   margin-right: 0%;
	   border:none;
}

.gridContainer.clearfix #LayoutDiv1 #content #box1 figure:hover {
	  margin-top: 10px;
	  margin-bottom: 0px;
	   width: 100%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   float: left;
	   display: block;
	   list-style-type: none;
	   margin-left: 0%;
	   margin-right: 0%;
	   border:none;
	   opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.gridContainer.clearfix #LayoutDiv1 #content #box1 figure #stick {
	  margin-top: -48px;
	  margin-bottom: 0px;
	   width: 30%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	  display:block;
	   list-style-type: none;
	   margin-left:70%;
	   margin-right:0%;
	   border:none;
}

.gridContainer.clearfix #LayoutDiv1 #content #box1 figure #stick img {
	  margin-top: 0px;
	  margin-bottom: 0px;
	   width: 100%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   position:relative;
	   display:block;
	   list-style-type: none;
	   margin-left:0%;
	   margin-right:0%;
	   border:none;
}
	
	

 .gridContainer.clearfix #LayoutDiv1 #content #box1 #info {
	  margin-top: 0px;
	  margin-bottom: 0px;
	   width: 96%;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   float: left;
	   display: block;
	   list-style-type: none;
	   margin-left: 2%;
	   margin-right: 2%;
	   border:none;
}

.gridContainer.clearfix #LayoutDiv1 #content #box1 #info li:first-child {
	  margin-top: 10px;
	  margin-bottom: 0px;
	   margin-left:2%;
	   margin-right:2%;
	  overflow:hidden;
	   padding-left: 0%;
	   padding-right: 0%;
	   height:80px;
	   max-height:80px;
	   float: left;
	   display: inline-block;
	   font-family: "FuturaBT";
	   font-size: 14px;
	   color:black;
	   line-height:20px;
	   text-align:center;
	   letter-spacing:0px;
	   text-transform: none;
	   border:none;
	width: 96%; 
      padding: 0px;
      padding-top:10px;
}

.gridContainer.clearfix #LayoutDiv1 #content #box1 #info li:last-child {
	  margin-top: 10px;
	  margin-bottom: 0px;
	   margin-left:2%;
	   margin-right:2%;
	  
	   padding-left: 0%;
	   padding-right: 0%;
	   height:auto;
	   float: left;
	   display: block;
	   font-family: "FuturaBT";
	   font-size: 15px;
	   color:#ad0a25;
	   line-height:20px;
	   text-align:center;
	   letter-spacing:0px;
	   text-transform: none;
	   border:none;
	    background-color:#e6e5e5;
      width: 96%; 
       padding-bottom:10px;
      padding-top:10px;
      
}

.gridContainer.clearfix #LayoutDiv1 #content #box1 #info li:last-child  a {color:#ad0a25;text-decoration:none;}
.gridContainer.clearfix #LayoutDiv1 #content #box1 #info li:last-child  a:hover {color:#ad0a25;text-decoration:underline;}


    
    .gridContainer.clearfix #LayoutDiv1 #content #box1 ul .point {
    color:#ad0a25;
    font-size:7px;
    }
    
.gridContainer.clearfix #LayoutDiv1 aside {
	  margin-top: 30px;
	  margin-bottom: 0px;
	   width: 90%;
	   padding-top:0;
	   padding-bottom:25px;
	   padding-left: 5%;
	   padding-right: 5%;
	   height:auto;
	   float: left;
	   display: block;
	   list-style-type: none;
	  
	    
    }
    
      .gridContainer.clearfix #LayoutDiv1 aside #layout_right {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: block;
	height:auto;
    float: left;
    text-transform: uppercase;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    border:none;
    letter-spacing:1px;
    text-align: left;
    margin-top: 25px;
	font-size: 15px;
	line-height: 25px;
	font-family: 'Lucida Bright Demibold Italic';
	color:#e20025;
	font-style:normal;
	}
    
  .gridContainer.clearfix #LayoutDiv1 aside #layout_right a {
    color:white;
    text-decoration:none;
    
    }
    
    
   


}