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

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

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

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

.gridContainer.clearfix #LayoutDiv1 article #layout_center {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    margin-top: 0px;
	font-size: 13px;
	border:none;
	font-family: "FuturaBT";
	color:black;
	}
	
	
.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	display: block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 20px;
	line-height: 30px;
	font-family: "Times New Roman";
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    text-transform:none;
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a {
	font-size: 13px;
    color:black;
    
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a:hover {
	font-size: 13px;
    color:black;
    text-decoration:underline;
    }


	.gridContainer.clearfix #LayoutDiv1 article #layout_center p {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: justify;
    margin-top: 25px;
    margin-bottom:0px;
	font-size: 13px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:black;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a {color:black;
    text-decoration:none;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a:hover {color:#009ee0;
    text-decoration:none;
    }
    
     .gridContainer.clearfix #LayoutDiv1 article #left {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }

.gridContainer.clearfix #LayoutDiv1 article #left ul li:first-child  {
	width:90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:0px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left #telechargement  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:20px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement img  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: none;
	height:auto;
	margin-top:-10px;
    
    }
    
    
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement h3  {
	width:90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p  {
	width:70%;
	margin-left: 15%;
	margin-right:15%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a:hover {color:#009ee0;
text-decoration:none;

}


.gridContainer.clearfix #LayoutDiv1 article #left  #video  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:30px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure img {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: none;
	height:auto;
	margin-top:-10px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video h3  {
	width:90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p  {
	width:80%;
	margin-left: 15%;
	margin-right:0%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a:hover {color:#009ee0;
text-decoration:none;

}

.gridContainer.clearfix #LayoutDiv1 article #right {
    margin-left: 5%;
	margin-right: 5%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:90%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #right ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }
    
.gridContainer.clearfix #LayoutDiv1 article #right #title  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	padding-right:0px;
    padding-left:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #right #date  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:5px;
	display: inline-block;
	height:auto;
    float: left;
    color:#58585a;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right #texte  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 14px;
	line-height: 25px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:15px;
	display: inline-block;
	height:auto;
    float: right;
    color:#009ee0;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a {
color:#009ee0;
text-decoration:none;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a:hover {
color:#009ee0;
text-decoration:underline;
}



.gridContainer.clearfix #LayoutDiv1 article ul li:last-child a:hover  {
color:white;
text-decoration:underline;
}


.clearfix #LayoutDiv1 article #right #porfollio {
	  width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 30px;
    margin-bottom:0px;
}

.clearfix #LayoutDiv1  article #right #porfollio > li {
	  width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
}
.clearfix #LayoutDiv1  article #right #porfollio li:hover {
	  width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
    filter : alpha(opacity=80);
    opacity : 0.8;
}

}


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

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

.gridContainer.clearfix #LayoutDiv1 article #layout_center {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    margin-top: 0px;
	font-size: 13px;
	border:none;
	font-family: "FuturaBT";
	color:black;
	}
	
	
.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	display: block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 20px;
	line-height: 25px;
	font-family: "Times New Roman";
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    text-transform:none;
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a {
	font-size: 15px;
    color:black;
    
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a:hover {
	font-size: 15px;
    color:black;
    text-decoration:underline;
    }


	.gridContainer.clearfix #LayoutDiv1 article #layout_center p {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: justify;
    margin-top: 25px;
    margin-bottom:0px;
	font-size: 13px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:black;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a {color:black;
    text-decoration:none;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a:hover {color:#009ee0;
    text-decoration:none;
    }
    
     .gridContainer.clearfix #LayoutDiv1 article #left {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }

.gridContainer.clearfix #LayoutDiv1 article #left ul li:first-child  {
	width:60%;
	margin-left: 20%;
	margin-right:20%;
	margin-top:0px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left #telechargement  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:20px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement img  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: none;
	height:auto;
	margin-top:-10px;
    
    }
    
    
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement h3  {
	width:80%;
	margin-left: 10%;
	margin-right:10%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p  {
	width:70%;
	margin-left: 15%;
	margin-right:15%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a:hover {color:#009ee0;
text-decoration:none;

}


.gridContainer.clearfix #LayoutDiv1 article #left  #video  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:30px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure img {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: none;
	height:auto;
	margin-top:-10px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video h3  {
	width:80%;
	margin-left: 10%;
	margin-right:10%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p  {
	width:80%;
	margin-left: 15%;
	margin-right:0%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a:hover {color:#009ee0;
text-decoration:none;

}

.gridContainer.clearfix #LayoutDiv1 article #right {
    margin-left: 15%;
	margin-right: 15%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:70%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #right ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }
    
.gridContainer.clearfix #LayoutDiv1 article #right #title  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	padding-right:0px;
    padding-left:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #right #date  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:5px;
	display: inline-block;
	height:auto;
    float: left;
    color:#58585a;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right #texte  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 14px;
	line-height: 25px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:15px;
	display: inline-block;
	height:auto;
    float: right;
    color:#009ee0;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a {
color:#009ee0;
text-decoration:none;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a:hover {
color:#009ee0;
text-decoration:underline;
}



.gridContainer.clearfix #LayoutDiv1 article ul li:last-child a:hover  {
color:white;
text-decoration:underline;
}


.clearfix #LayoutDiv1 article #right #porfollio {
	  width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 30px;
    margin-bottom:0px;
}

.clearfix #LayoutDiv1  article #right #porfollio > li {
	  width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
}
.clearfix #LayoutDiv1  article #right #porfollio li:hover {
	  width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
    filter : alpha(opacity=80);
    opacity : 0.8;
}

}






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

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

.gridContainer.clearfix #LayoutDiv1 article #layout_center {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    margin-top: 0px;
	font-size: 13px;
	border:none;
	font-family: "FuturaBT";
	color:black;
	}
	
	
.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	display: block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 20px;
	line-height: 25px;
	font-family: "Times New Roman";
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    text-transform:none;
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a {
	font-size: 15px;
    color:black;
    
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a:hover {
	font-size: 15px;
    color:black;
    text-decoration:underline;
    }


	.gridContainer.clearfix #LayoutDiv1 article #layout_center p {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: justify;
    margin-top: 25px;
    margin-bottom:0px;
	font-size: 13px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:black;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a {color:black;
    text-decoration:none;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a:hover {color:#009ee0;
    text-decoration:none;
    }
    
     .gridContainer.clearfix #LayoutDiv1 article #left {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }

.gridContainer.clearfix #LayoutDiv1 article #left ul li:first-child  {
	width:60%;
	margin-left: 20%;
	margin-right:20%;
	margin-top:0px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left #telechargement  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:20px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement img  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: block;
	height:auto;
	margin-top:-10px;
    
    }
    
    
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement h3  {
	width:85%;
	margin-left: 3%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p  {
	width:70%;
	margin-left: 15%;
	margin-right:15%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a:hover {color:#009ee0;
text-decoration:none;

}


.gridContainer.clearfix #LayoutDiv1 article #left  #video  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:30px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure img {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
	margin-top:-10px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video h3  {
	width:85%;
	margin-left: 3%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p  {
	width:80%;
	margin-left: 15%;
	margin-right:0%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a:hover {color:#009ee0;
text-decoration:none;

}

.gridContainer.clearfix #LayoutDiv1 article #right {
    margin-left: 15%;
	margin-right: 15%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:70%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #right ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }
    
.gridContainer.clearfix #LayoutDiv1 article #right #title  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	padding-right:0px;
    padding-left:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #right #date  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:5px;
	display: inline-block;
	height:auto;
    float: left;
    color:#58585a;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right #texte  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 14px;
	line-height: 25px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:15px;
	display: inline-block;
	height:auto;
    float: right;
    color:#009ee0;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a {
color:#009ee0;
text-decoration:none;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a:hover {
color:#009ee0;
text-decoration:underline;
}



.gridContainer.clearfix #LayoutDiv1 article ul li:last-child a:hover  {
color:white;
text-decoration:underline;
}


.clearfix #LayoutDiv1 article #right #porfollio {
	  width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 30px;
    margin-bottom:0px;
}

.clearfix #LayoutDiv1  article #right #porfollio > li {
	  width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
}
.clearfix #LayoutDiv1  article #right #porfollio li:hover {
	  width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
    filter : alpha(opacity=80);
    opacity : 0.8;
}
}





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

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

.gridContainer.clearfix #LayoutDiv1 article #layout_center {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    margin-top: 0px;
	font-size: 13px;
	border:none;
	font-family: "FuturaBT";
	color:black;
	}
	
	
.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	display: block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 20px;
	line-height: 25px;
	font-family: "Times New Roman";
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    text-transform:none;
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a {
	font-size: 17px;
    color:black;
    
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a:hover {
	font-size: 17px;
    color:black;
    text-decoration:underline;
    }


	.gridContainer.clearfix #LayoutDiv1 article #layout_center p {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: justify;
    margin-top: 25px;
    margin-bottom:0px;
	font-size: 15px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:black;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a {color:black;
    text-decoration:none;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a:hover {color:#009ee0;
    text-decoration:none;
    }
    
     .gridContainer.clearfix #LayoutDiv1 article #left {
    margin-left: 0%;
	margin-right: 3%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:30%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }

.gridContainer.clearfix #LayoutDiv1 article #left ul li:first-child  {
	width:100%;
	margin-left: 0%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left  #telechargement  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:20px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement figure  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement figure img {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
	margin-top:0px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement h3  {
	width:85%;
	margin-left: 3%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p  {
	width:80%;
	margin-left: 15%;
	margin-right:0%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a:hover {color:#009ee0;
text-decoration:none;

}


.gridContainer.clearfix #LayoutDiv1 article #left  #video  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:30px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure img {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
	margin-top:0px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video h3  {
	width:85%;
	margin-left: 3%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p  {
	width:80%;
	margin-left: 15%;
	margin-right:0%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a:hover {color:#009ee0;
text-decoration:none;

}

.gridContainer.clearfix #LayoutDiv1 article #right {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:65%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #right ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }
    
.gridContainer.clearfix #LayoutDiv1 article #right #title  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	padding-right:0px;
    padding-left:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #right #date  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:5px;
	display: inline-block;
	height:auto;
    float: left;
    color:#58585a;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right #texte  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 14px;
	line-height: 25px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:15px;
	display: inline-block;
	height:auto;
    float: right;
    color:#009ee0;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a {
color:#009ee0;
text-decoration:none;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a:hover {
color:#009ee0;
text-decoration:underline;
}



.gridContainer.clearfix #LayoutDiv1 article ul li:last-child a:hover  {
color:white;
text-decoration:underline;
}


.clearfix #LayoutDiv1 article #right #porfollio {
	  width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 30px;
    margin-bottom:0px;
}

.clearfix #LayoutDiv1  article #right #porfollio > li {
	  width: 22%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
}
.clearfix #LayoutDiv1  article #right #porfollio li:hover {
	  width: 22%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
    filter : alpha(opacity=80);
    opacity : 0.8;
}

}




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

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

.gridContainer.clearfix #LayoutDiv1 article #layout_center {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    margin-top: 0px;
	font-size: 13px;
	border:none;
	font-family: "FuturaBT";
	color:black;
	}
	
	
.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	display: block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 20px;
	line-height: 25px;
	font-family: "Times New Roman";
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    text-transform:none;
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a {
	font-size: 17px;
    color:black;
    
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a:hover {
	font-size: 17px;
    color:black;
    text-decoration:underline;
    }


	.gridContainer.clearfix #LayoutDiv1 article #layout_center p {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: justify;
    margin-top: 25px;
    margin-bottom:0px;
	font-size: 15px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:black;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a {color:black;
    text-decoration:none;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a:hover {color:#009ee0;
    text-decoration:none;
    }
    
     .gridContainer.clearfix #LayoutDiv1 article #left {
    margin-left: 0%;
	margin-right: 3%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:30%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }

.gridContainer.clearfix #LayoutDiv1 article #left ul li:first-child  {
	width:100%;
	margin-left: 0%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left  #telechargement  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:20px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement figure  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement figure img {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement h3  {
	width:85%;
	margin-left: 3%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p  {
	width:80%;
	margin-left: 15%;
	margin-right:0%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a:hover {color:#009ee0;
text-decoration:none;

}


.gridContainer.clearfix #LayoutDiv1 article #left  #video  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:30px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure img {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video h3  {
	width:85%;
	margin-left: 3%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p  {
	width:80%;
	margin-left: 15%;
	margin-right:0%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a:hover {color:#009ee0;
text-decoration:none;

}

.gridContainer.clearfix #LayoutDiv1 article #right {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:65%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #right ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }
    
.gridContainer.clearfix #LayoutDiv1 article #right #title  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	padding-right:0px;
    padding-left:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #right #date  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:5px;
	display: inline-block;
	height:auto;
    float: left;
    color:#58585a;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right #texte  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 14px;
	line-height: 25px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:15px;
	display: inline-block;
	height:auto;
    float: right;
    color:#009ee0;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a {
color:#009ee0;
text-decoration:none;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a:hover {
color:#009ee0;
text-decoration:underline;
}



.gridContainer.clearfix #LayoutDiv1 article ul li:last-child a:hover  {
color:white;
text-decoration:underline;
}


.clearfix #LayoutDiv1 article #right #porfollio {
	  width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 30px;
    margin-bottom:0px;
}

.clearfix #LayoutDiv1  article #right #porfollio > li {
	  width: 22%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
}
.clearfix #LayoutDiv1  article #right #porfollio li:hover {
	  width: 22%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
    filter : alpha(opacity=80);
    opacity : 0.8;
}

}




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

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

.gridContainer.clearfix #LayoutDiv1 article #layout_center {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    margin-top: 0px;
	font-size: 13px;
	border:none;
	font-family: "FuturaBT";
	color:black;
	}
	
	
.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	display: block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 20px;
	line-height: 25px;
	font-family: "Times New Roman";
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
    text-transform:none;
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a {
	font-size: 17px;
    color:black;
    
}

.gridContainer.clearfix #LayoutDiv1 article #layout_center h2 a:hover {
	font-size: 17px;
    color:black;
    text-decoration:underline;
    }


	.gridContainer.clearfix #LayoutDiv1 article #layout_center p {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: block;
	height:auto;
    float: left;
    text-transform:none;
    border:none;
    text-align: justify;
    margin-top: 25px;
    margin-bottom:0px;
	font-size: 15px;
	font-weight:lighter;
	line-height: 25px;
	letter-spacing:1px;
	font-family: "FuturaBT";
	color:black;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a {color:black;
    text-decoration:none;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #layout_center p a:hover {color:#009ee0;
    text-decoration:none;
    }
    
     .gridContainer.clearfix #LayoutDiv1 article #left {
    margin-left: 0%;
	margin-right: 3%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:30%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }

.gridContainer.clearfix #LayoutDiv1 article #left ul li:first-child  {
	width:100%;
	margin-left: 0%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:#009ee0;
    border:none;
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left  #telechargement  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:20px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement figure  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement figure img {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement h3  {
	width:85%;
	margin-left: 3%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p  {
	width:80%;
	margin-left: 15%;
	margin-right:0%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #telechargement p a:hover {color:#009ee0;
text-decoration:none;

}


.gridContainer.clearfix #LayoutDiv1 article #left  #video  {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	display: inline-block;
	height:auto;
	float:left;
	margin-top:30px;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure  {
    width:10%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video figure img {
    width:100%;
	margin-left: 0%;
	margin-right:0%;
	float:left;
	display: inline-block;
	height:auto;
    
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #left ul #video h3  {
	width:85%;
	margin-left: 3%;
	margin-right:0%;
	margin-top:0px;
	margin-bottom:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:white;
    background-color:#009ee0;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:center;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p  {
	width:80%;
	margin-left: 15%;
	margin-right:0%;
	margin-top:10px;
	margin-bottom:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a {color:black;
text-decoration:none;

}
.gridContainer.clearfix #LayoutDiv1 article #left ul #video p a:hover {color:#009ee0;
text-decoration:none;

}

.gridContainer.clearfix #LayoutDiv1 article #right {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:30px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:65%;
    }
    
    .gridContainer.clearfix #LayoutDiv1 article #right ul {
    margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	display: inline-block;
	height:auto;
    float: left;
    border:none;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    list-style-type:none;
    width:100%;
    }
    
.gridContainer.clearfix #LayoutDiv1 article #right #title  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0px;
	padding-right:0px;
    padding-left:0px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
    
    
}

.gridContainer.clearfix #LayoutDiv1 article #right #date  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:5px;
	display: inline-block;
	height:auto;
    float: left;
    color:#58585a;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right #texte  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:10px;
	display: inline-block;
	height:auto;
    float: left;
    color:black;
    border:none;
	font-size: 14px;
	line-height: 25px;
	text-transform: none;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child  {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:15px;
	display: inline-block;
	height:auto;
    float: right;
    color:#009ee0;
    border:none;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
   font-family: "FuturaBT";
    text-align:left;
    letter-spacing:1px;
    font-weight:lighter;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a {
color:#009ee0;
text-decoration:none;
}

.gridContainer.clearfix #LayoutDiv1 article #right ul li:last-child a:hover {
color:#009ee0;
text-decoration:underline;
}



.gridContainer.clearfix #LayoutDiv1 article ul li:last-child a:hover  {
color:white;
text-decoration:underline;
}


.clearfix #LayoutDiv1 article #right #porfollio {
	  width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 30px;
    margin-bottom:0px;
}

.clearfix #LayoutDiv1  article #right #porfollio > li {
	  width: 22%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
}
.clearfix #LayoutDiv1  article #right #porfollio li:hover {
	  width: 22%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: block;
	height:auto;
    float: left;
    border:none;
    margin-top: 0px;
    margin-bottom: 10px;
    filter : alpha(opacity=80);
    opacity : 0.8;
}

}