<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Retour à la ligne automatique">
</head>
<body>
<pre><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Retour à la ligne automatique">
</head>
<body>
<pre>&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&gt;
&lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Retour à la ligne automatique"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;pre&gt;&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;gt;
&amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Retour à la ligne automatique"&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;pre&amp;gt;&amp;amp;lt;html&amp;amp;gt;
&amp;amp;lt;head&amp;amp;gt;
&amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;gt;
&amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Retour à la ligne automatique"&amp;amp;gt;
&amp;amp;lt;/head&amp;amp;gt;
&amp;amp;lt;body&amp;amp;gt;
&amp;amp;lt;pre&amp;amp;gt;/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline }
/* Left &amp;amp;amp;amp; Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
body{background:#000;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:22px;font-style:italic}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
.body1{background:url(../images/bg.jpg) bottom center repeat}
.body2{background:url(../images/bg_top2.jpg) bottom repeat-x}
.body3{background:#fff}
.body4{background:url(../images/bg.jpg) top center repeat}
.body5{background:url(../images/bg_top_img.jpg) center bottom no-repeat}
.bouton_rouge{margin-left:10px;width:162px;font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#E2001A;text-align:center;cursor:pointer}
.bouton_rouge:hover{background:#080808}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:940px}
/* ============================= main layout ====================== */
a{color:#696969;text-decoration:underline;outline:none}
a:hover{text-decoration:none}
h1{float:left}
h2{
font-size:40px;
font-style:normal;
font-weight:400;
line-height:1.2em;
color:#000;
letter-spacing:-1px;
padding-top: 35px;
padding-right: 0;
padding-bottom: 11px;
padding-left: 0;
}
h2.under{border-bottom:1px solid #ccc;margin-bottom:25px}
h3{font-size:26px;color:#000;line-height:1.2em;letter-spacing:-0px;padding-bottom:16px;font-weight:400;font-style:normal}
h3 span{display:block;margin-top:-7px}
* + html h3 span{margin-top:-25px}
h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
.dropcap1{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
.dropcap2{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap2.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
.dropcap3{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap3.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
.dropcap4{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap4.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
.dropcapa{
float:left;
width:80px;
height:56px;
margin-top:0px;
margin-right:10px;
background:url(../images/dropcapa.png) 0 0 no-repeat;
font-size:38px;
color:#fff;
text-align:center;
font-weight:700;
line-height:1.2em;
padding-top:6px
}
.dropcapb{
float:left;
width:85px;
height:56px;
margin-top:0px;
margin-right:10px;
background:url(../images/dropcapb.png) 0 0 no-repeat;
font-size:38px;
color:#fff;
text-align:center;
font-weight:700;
line-height:1.2em;
padding-top:6px
}
.dropcapc{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcapc.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
.dropcapd{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcapd.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
.dropcape{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcape.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
.footer{float:left;width:256px;height:80px;margin-top:0px;margin-right:10px;background:url(../images/logo-footer.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
h4{font-size:26px;line-height:1.2em;color:#fff;font-weight:400;padding:43px 0 15px 0}
h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}
h5 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;color:#fff;text-align:center}
h5 .dropcap strong{font-weight:700;font-size:34px;line-height:1.2em;display:block;padding-top:3px;letter-spacing:-2px}
h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}
h6{font-size:20px;line-height:1.2em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}
p{padding-bottom:22px}
/* ============================= header ====================== */
header{padding-top:34px;height:148px}
#logo{display:block;background:url(../images/logo.png) 0 0 no-repeat;width:138px;height:94px;text-indent:-9999px}
#menu {float:right;padding-top:15px}
#menu li {float:left;padding-left:51px}
#menu li a{
display:block;
font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:1.2em;
color:#bbb;
text-transform:uppercase;
text-decoration:none;
text-align:center;
letter-spacing:-1px;
height:65px;
font-style:normal;
font-weight:700
}
#menu li a span{font-size:13px;line-height:1.2em;color:#666666;display:block;letter-spacing:-1px;margin-top:-3px;font-weight:normal}
#menu li a:hover, #menu .active a{color:#E2001A}
#menu li a:hover span, #menu .active a span{color:#fff}
#menu #nav1 a{background:url(../images/menu_icon1.png) bottom center no-repeat}
#menu #nav1 a:hover, #menu #nav1.active a{background:url(../images/menu_icon1_active.png) bottom center no-repeat}
#menu #nav2 a{background:url(../images/menu_icon2.png) bottom center no-repeat}
#menu #nav2 a:hover, #menu #nav2.active a{background:url(../images/menu_icon2_active.png) bottom center no-repeat}
#menu #nav3 a{background:url(../images/menu_icon3.png) bottom center no-repeat}
#menu #nav3 a:hover, #menu #nav3.active a{background:url(../images/menu_icon3_active.png) bottom center no-repeat}
#menu #nav4 a{background:url(../images/menu_icon4.png) bottom center no-repeat}
#menu #nav4 a:hover, #menu #nav4.active a{background:url(../images/menu_icon4_active.png) bottom center no-repeat}
#menu #nav5 a{background:url(../images/menu_icon5.png) bottom center no-repeat}
#menu #nav5 a:hover, #menu #nav5.active a{background:url(../images/menu_icon5_active.png) bottom center no-repeat}
#menu #nav6 a{background:url(../images/menu_icon6.png) bottom center no-repeat}
#menu #nav6 a:hover, #menu #nav6.active a{background:url(../images/menu_icon6_active.png) bottom center no-repeat}
.slider{top:162px;position:absolute;z-index:1}
.slider .items{display:none}
.slider .pagination{position:absolute;z-index:2;bottom:47px;left:432px}
.slider .pagination li{float:left;padding-right:4px}
.slider .pagination a{display:block;width:16px;height:16px;text-indent:-9999px}
.slider .pagination a:hover, .slider .pagination .current a{background-position:left}
/* ============================= content ====================== */
#content{
padding-top:50px;
padding-bottom:0px
}
#content2{padding-bottom:50px}
.pad_left1{padding-left:50px}
.pad_left2{padding-left:40px}
.pad_bot1{padding-bottom:8px}
.pad_bot2{padding-bottom:40px}
.marg_right1{margin-right:20px}
.link1{color:#E2001A;font-style:normal}
.testimonials{
width:100%;
position:relative;
z-index:1;
height:400px;
overflow:hidden
}
#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px}
#testimonials span{display:block;padding:0 0 0 9px;font-style:normal}
.testimonials li{height:400px}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(../images/marker_up.gif) 0 0 no-repeat}
.down{background:url(../images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.color1{color:#000}
.color2{color:#E2001A}
.list1{background:url(../images/line_hor1.png) 10px 0 no-repeat;padding-top:1px}
.list1 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px}
.list1 a{color:#696969;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.list1 a:hover{color:#fff}
.address{background:url(../images/line_hor1.png) 0px 0 no-repeat;padding-top:1px}
.address li{background:url(../images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal}
.address span{padding-left:4px;float:left;width:62px}
.address a{color:#fff}
#icons{background:url(../images/line_hor1.png) 23px 0 no-repeat;padding-top:1px}
#icons li{background:url(../images/line_hor1.png) 23px bottom no-repeat;line-height:29px}
#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block}
#icons img{float:left;margin-right:9px;margin-top:5px}
#icons a:hover{color:#fff}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {float:left;padding-left:372px;padding-bottom:24px}
.tabs ul.nav li{padding-right:1px;float:left}
.tabs ul.nav li a{display:block;position:relative;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;background:#E2001A;text-decoration:none;text-align:center}
.tabs ul.nav .selected a, .tabs ul.nav a:hover{background:#696969}
.tabs .tab-content {display:none}
/*--- tabs end ---*/
#address span{float:left;width:80px}
/* ============================= footer ====================== */
footer {padding:34px 0 38px 0;font-style:normal;color:#696969;text-align:center}
footer a{color:#696969}
footer a:hover{}
/* ============================= forms ============================= */
#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;line-height:26px}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}
#ContactForm a{margin-left:10px;float:right;width:62px;font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#E2001A;text-align:center}
#ContactForm a:hover{background:#080808}
#ContactForm .input {width:269px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#ContactForm textarea {overflow:auto;width:549px;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#newsletter{}
#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter a{float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#E2001A;color:#fff}
/*********************************aside*************************************/
aside {
width:100%;
padding-top: 4px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}
/***** carousel *****/
.carousel {
position:relative;
overflow:hidden;
width:940px;
min-height:200px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.carousel-container {
width:942px;
margin:0 auto;
}
.jCarouselLite {width:100% !important;}
.carousel .prev,
.carousel .next {
display:block;
width:39px;
height:39px;
text-indent:-9999em;
cursor:pointer;
position:absolute;
top:100px;
z-index:99;
}
.carousel .prev {
left:0px;
background:url(../images/carousel-prev.png) 0 0 no-repeat;
}
.carousel .next {
right:0px;
background:url(../images/carousel-next.png) 0 0 no-repeat;
}
.carousel .next:hover,
.carousel .prev:hover {cursor:pointer;}
.carousel-list li {
width:222px;
height:220px;
margin-right:18px;
}
.img-border {
padding-top: 11px;
padding-right: 11px;
padding-bottom: 40px;
padding-left: 11px;
}
/* -- gallery begin --*/
#gallery {
width:1060px;
height:882px;
margin:0 auto;
position:relative;
overflow:hidden;
}
#js {
position:relative;
width:940px;
margin:0 auto;
font-size:14px;
line-height:25px;
}
div.content {
/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
display: none;
width: 410px;
height: 340px;
overflow: hidden;
}
div.content img {
position: relative;
z-index: 2;
}
div.content a, div.navigation a {
}
div.content a:focus, div.content a:hover, div.content a:active {
}
div.controls {
position:relative;
}
div.controls a {
padding: 0px;
}
div.ss-controls {
float: left;
display:none;
}
div.nav-controls {
width:100%;
height:27px;
position:absolute;
left:0;
bottom:56px;
}
div.nav-controls a.prev {
display:block;
width:39px;
height:39px;
background:url(../images/carousel-prev.png) 0 0 no-repeat;
text-indent:-9999em;
cursor:pointer;
position:absolute;
top:-583px;
left:0;
z-index:99;
}
div.nav-controls a.next {
display:block;
width:39px;
height:39px;
background:url(../images/carousel-next.png) 0 0 no-repeat;
text-indent:-9999em;
cursor:pointer;
position:absolute;
top:-583px;
right:0;
z-index:99;
}
div.nav-controls a.prev:hover,
div.nav-controls a.next:hover {cursor:pointer;}
div.slideshow-container {
position: relative;
height: 370px; /* This should be set to be at least the height of the largest image in the slideshow */
z-index:1;
width:940px;
margin:0 auto;
}
div.slideshow {
}
div.caption {
width:100%;
height:100%;
}
div.slideshow span.image-wrapper {
display: block;
width: 920px;
height: 347px;
position:absolute;
left:0;
top:0;
margin:0;
padding:11px;
}
div.slideshow a.advance-link {
display: block;
margin: 0;
font-size:0;
line-height:0;
text-decoration:none;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
text-decoration: none;
}
div.download {
float: right;
}
div.caption-container {
float:right;
width: 270px;
height: 620px;
position:relative;
}
span.image-caption {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0;
z-index:10;
background:#fff;
}
div#thumbs {
padding: 0;
margin:0 auto 111px;
width:940px;
}
ul.thumbs {
padding: 0 0 0 0;
width:100%;
overflow:hidden;
position:relative;
}
ul.thumbs li {
float:left;
margin-right:17px;
margin-bottom:18px;
width:200px;
height:137px;
padding:11px;
}
ul.thumbs li.last {margin-right:0;}
ul.thumbs li.last2 {margin-bottom:0;}
ul.thumbs li.last3 {margin:0;}
ul.thumbs li span {
display:block;
font-size:15px;
line-height:1.2em;
color:#f9f9f9;
text-transform:uppercase;
font-weight:bold;
}
a.thumb {
display:block;
}
a.thumb:focus {
outline: none;
}
#controls {
width:100%;
}
div.pagination {
clear: both;
text-align:center;
position:relative;
z-index:10;
}
div.top.pagination {
display:none;
}
div.navigation div.bottom {
display:none;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
padding:0 4px;
font-weight:bold;
color:#fff;
}
div.pagination a:hover {
text-decoration: none;
color:#ffeaa8;
}
div.pagination span.current {
color:#ffeaa8;
}
div.pagination span.ellipsis {
border: none;
padding: 5px 0 3px 2px;
}
/* -- gallery end --*/
a.formation {
background-color: grey ;
padding: 10px ;color: white ;
text-decoration: none ;
vertical-align: middle ;
border-radius: 20px;
}
a.formation:hover {
background-color: #E2001A ;
}
&amp;amp;lt;/pre&amp;amp;gt;
&amp;amp;lt;/body&amp;amp;gt;
&amp;amp;lt;/html&amp;amp;gt;
&amp;lt;/pre&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;
&lt;/pre&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
</body>
</html>
</pre>
</body>
</html>