/*  */
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}
/*  propert�es global  */
html {width:100%}
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:100%;color:#696969;min-width:1080px;background:#C0F7FC;}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;min-width:1080px;overflow:hidden;padding:0}
.bg-1 {width:100%;padding:20px 0 18px;background:url(../images/bg1-tail.gif) center bottom repeat-x #C0F7FC}
.bg-2 {width:100%;padding:37px 0 46px;background:#ECFAFB}
.main {width:1150px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
.main2 {width:900px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
a {color:rgb(71,125,192);outline:none}
a:hover {text-decoration:none}
.col-1, .col-2 {float:left}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden; text-align: justify}
p {margin-bottom:18px}
.p1 {margin-bottom:8px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.frame {padding:1px;border:1px solid #e5e5e5;background:#fff}
/* boxes */
.margin-bot {margin-bottom:35px}
.indent {padding:0 0 0px 30px}
.indent2 {padding-left:50px}
.indent-bot {margin-bottom:20px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 32px 0px 0}
.img-indent2 {float:left;margin:0 28px 0px 0}
.img-indent3 {float:left;margin:0 18px 0px 0}
.img-indent4 {float:left;margin:0 20px 0px 0}
.prev-indent-bot {margin-bottom:10px}
.buttons a:hover {cursor:pointer}
.menu li a, .news-list li a, .link, .link-1, .button, .logo {text-decoration:none}
/* header */
header {min-height:271px;width:100%;position:relative;z-index:2;background:url(../images/header-bg1.jpg) center bottom no-repeat}
.row-super {height:139px;width:100%; position: fixed; z-index: 9990; background:url(../images/row-super.jpg) center bottom repeat-x; opacity: 0.9; box-shadow: 0px 2px 2px; display: none}
.row-top {height:139px;width:100%; position: fixed; z-index: 9999}
.row-bot {width:100%;text-align:center;overflow:hidden; position: relative; top: 142px;}
h1 {position:relative;float:left}
.logo {display:block;width:179px;height:100px;text-indent:-5000px;position:relative;top: 8px;background:url(../images/logo.png) 0 0 no-repeat}
.slog {display:block;text-shadow: 1px 2px 1px black;font-size:25px;color: rgb(71,125,192);letter-spacing:4px;position:absolute; width: 1000px;left:50%;margin-left: -500px; bottom: 10px;text-align: center}
/*  main menu  */
.menu {float:right;margin-right: 20px;padding-top:48px;padding-bottom:5px; text-shadow: 1px 1px 1px black;background:url(../images/pic-3.jpg) right bottom repeat-x}
.menu li {float:left;position:relative;padding-right:37px;}
.menu li a {display:inline-block;font-size:19px;line-height:1.21em;color:#CE8E32;}
.menu li a.active, .menu li a:hover {color:#FBDAB6}
/* content */
#content {width:100%;padding:0;position:relative;z-index:1}
h3 {font-size:30px;line-height:1.2em;color: rgb(71,125,192);letter-spacing:-1px}
h4 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:19px;line-height:1.21em;font-style:italic;font-weight:normal;color:#8c8c8c}
h2 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:25px;line-height:1.21em;font-weight:bold;color:rgb(71,125,192)}
.title-1 {display:block;font-size:25px;line-height:1.2em;margin-bottom:-5px;color: rgb(71,125,192)}
.title-2 {display:block;font-size:25px;line-height:1.2em;margin-bottom:17px;color: rgb(71,125,192)}
.title-3 {display:block;font-size:23px;line-height:1.217em;margin-bottom:10px;color: rgb(71,125,192)}
.news-title {display:inline-block;font-size:49px;line-height:1.2em;color:#fff;letter-spacing:-2px;margin-left:-5px}
.news-title a{color:#fff;text-decoration: none}
.border-bot {width:100%;padding-bottom:15px;background:url(../images/pic-2.gif) 0 bottom repeat-x}
.box-1 {width:175px;padding:12px 32px 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-2 {width:240px;padding:12px 0 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-3 {width:175px;padding:12px 0 20px 32px;text-align:center}
.box-1:hover, .box-2:hover, .box-3:hover {background:url(../images/pic-1.gif) right top repeat-y #A8F4FB}
.button {display:inline-block;font-size:14px;line-height:24px;min-width:71px;padding:7px 5px;color:#696969;text-align:center;border:1px solid #c2c2c2;background:url(../images/button-tail.gif) 0 0 repeat-x #eee;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.button:hover {color:#fff;background:#696969}
.news-list {float:right}
.news-list li {float:left;}
.news-list li a {display:inline-block;font-size:40px;line-height:1.9em;color:#edae89;letter-spacing:-2px}
.news-list li a.active,
.news-list li a:hover {color:#fff}
.link:hover {text-decoration:underline}
.link-1 {color:#696969}
.link-1:hover {color: rgb(71,125,192)}
.tdate-1 {display:block;padding-top:10px;margin-bottom:5px}
.tdate-2 {display:block;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:18px;line-height:1.22em;font-style:italic;font-weight:normal;color:#8c8c8c}
dl span {float:left;width:91px}
/*  contact form  */
#contact-form {display:block}
#contact-form label {display:block;height:30px;overflow:hidden}
#contact-form input {width:580px;font-size:12px;color:#696969;padding:1px 10px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:1px solid #ccc;background:#fff}
#contact-form textarea {height:230px;overflow:auto;width:580px;font-size:12px;color:#696969;padding:10px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:1px solid #ccc;background:none}
.text-form {float:left;display:block;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;width:96px;line-height:1.7em;color:#696969}
.buttons {padding-top:8px;text-align:right}
.buttons a {margin-left:16px}
/* footer */
footer {width:100%;padding:35px 0 0 0;background:url(../images/footer-tail.gif) left top repeat-x #C0F7FC}
footer .main {font-size:0.8125em;line-height:1.538em}
.footer_menu{margin-left: 15px}
.phone-numb {display:block;font-size:19px;line-height:1.2em;color:#818181;margin-bottom:10px}
.pat{text-align: center;background:url(../images/pic-5.gif) left top repeat-x; padding: 20px; margin-top: 5px}
.phone-numb strong {color:#000}
.social-title {display:block;font-size:19px;line-height:1.2em;color:#000;margin-bottom:16px}
.list-services li {float:left;padding:0 7px 0 0}
.list-services li a {display:block;width:33px;height:33px;background-image:url(../images/social-icon.png);background-repeat:no-repeat}
.list-services li a.item-1 {background-position:0 top}
.list-services li a.item-2 {background-position:-33px top}
.list-services li a.item-3 {background-position:-66px top}
.list-services li a.item-4 {background-position:-99px top}
.list-services li a.item-5 {background-position:-132px top}
.list-services li a.item-1:hover {background-position:0 bottom}
.list-services li a.item-2:hover {background-position:-33px bottom}
.list-services li a.item-3:hover {background-position:-66px bottom}
.list-services li a.item-4:hover {background-position:-99px bottom}
.list-services li a.item-5:hover {background-position:-132px bottom}
/* overley */
#overlay{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%; z-index: 10000;}
#overlay img{border-radius: 5px;display: none;position: absolute;top: 50%;left: 50%;margin-top: -290px;margin-left: 375px;z-index: 300;}
#qcm{position: absolute;top: 50%;left: 50%;margin-top: -300px;margin-left: -400px;width: 800px;height: 600px;background: #ECFAFB;box-shadow: 0px 0px 10px black;display: none;border-radius: 5px;overflow: auto;z-index: 200;}
#qcm .main2{width:600px; height: 100%}
/* nous connaitre*/
.progres{
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  cursor: pointer;
}
#content_prog{
    padding: 20px;
    min-height: 200px;
    border-radius: 5px;    
}
.active_prog{
  border:solid dodgerblue 1px;
  box-shadow: 0 0 6px black; 
}
.active_prog .box-2{
    background:url(../images/pic-1.gif) right top repeat-y #A8F4FB;
}
.valeur{
    display: none;
}
#page2 .box-2 {width:150px;padding:12px 0 20px 0;text-align:center;height: 110px; margin: 0px;display: inline-block; vertical-align: top;}
.partenaire img {padding-left: 15px}

@media screen and (max-width: 980px){
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:100%;color:#696969;min-width:700px;background:#C0F7FC}
.menu {float:right;margin-right: 10%;padding-top:48px;padding-bottom:5px; text-shadow: 1px 1px 1px black;background:url(../images/pic-3.jpg) right bottom repeat-x}
.main2 {width:700px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
.pat{text-align: center;background:url(../images/pic-5.gif) left top repeat-x; padding: 20px 0px 20px 0px; margin-top: 5px}
.main {width:800px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
.title-1 {display:block;font-size:15px;line-height:1.2em;margin-bottom:-5px;color: rgb(71,125,192)}
.title-2 {display:block;font-size:15px;line-height:1.2em;margin-bottom:17px;color: rgb(71,125,192)}
.box-1 {width:110px;padding:12px 32px 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-2 {width:155px;padding:12px 0 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-3 {width:110px;padding:12px 0 20px 32px;text-align:center}
.news-title {margin-left: 0px;;display:inline-block;font-size:49px;line-height:1.2em;color:#fff;letter-spacing:-2px}
#overlay img{border-radius: 5px;display: none;position: absolute;top: 50%;left: 50%;margin-top: -290px;margin-left: 325px;z-index: 300;}
#qcm{position: absolute;top: 50%;left: 50%;margin-top: -300px;margin-left: -350px;width: 700px;height: 600px;background: #ECFAFB;box-shadow: 0px 0px 10px black;display: none;border-radius: 5px;overflow: auto;z-index: 200;}
#qcm .main2{width:590px; height: 100%}
#page2 .box-2 {width:135px;padding:12px 0 20px 0;text-align:center;height: 110px; margin: 0px;display: inline-block; vertical-align: top;}
.news-list li {float:left;margin-right: 50px}
.news-list li a {display:inline-block;font-size:30px;line-height:1.9em;color:#edae89;letter-spacing:-2px}

}
@media screen and (max-width: 640px){
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:100%;color:#696969;min-width:600px;background:#C0F7FC}
.menu {float:right;margin-right: 20px;padding-top:48px;padding-bottom:5px; text-shadow: 1px 1px 1px black;background:url(../images/pic-3.jpg) right bottom repeat-x}
.main2 {width:600px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
.logo {display:block;width:100px;height:56px;text-indent:-5000px;position:relative;top: 8px;background:url(../images/logo2.png) 0 0 no-repeat}
.pat{text-align: center;background:url(../images/pic-5.gif) left top repeat-x; padding: 20px 0px 20px 0px; margin-top: 5px}
.main {width:640px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
.title-1 {display:block;font-size:15px;line-height:1.2em;margin-bottom:-5px;color: rgb(71,125,192)}
.title-2 {display:block;font-size:15px;line-height:1.2em;margin-bottom:17px;color: rgb(71,125,192)}
.box-1 {width:90px;padding:12px 32px 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-2 {width:130px;padding:12px 0 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-3 {width:90px;padding:12px 0 20px 32px;text-align:center}
.news-title {margin-left: 0px;;display:inline-block;font-size:49px;line-height:1.2em;color:#fff;letter-spacing:-2px}
#overlay img{border-radius: 5px;display: none;position: absolute;top: 50%;left: 50%;margin-top: -140px;margin-left: 200px;z-index: 300;}
#qcm{position: absolute;top: 50%;left: 50%;margin-top: -150px;margin-left: -225px;width: 450px;height: 300px;background: #ECFAFB;box-shadow: 0px 0px 10px black;display: none;border-radius: 5px;overflow: auto;z-index: 200;}
#qcm .main2{width:420px; height: 100%}
#page2 .box-2 {width:115px;padding:12px 0 20px 0;text-align:center;height: 110px; margin: 0px;display: inline-block; vertical-align: top;}
.news-list li {float:left;margin-right: 50px}
.buttons {padding-top:8px;text-align:center}
.news-list li a {display:inline-block;font-size:30px;line-height:1.9em;color:#edae89;letter-spacing:-2px}
#contact-form input {width:480px;font-size:12px;color:#696969;padding:1px 10px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:1px solid #ccc;background:#fff}
#contact-form textarea {height:230px;overflow:auto;width:480px;font-size:12px;color:#696969;padding:10px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:1px solid #ccc;background:none}

}
@media screen and (max-width: 360px){
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:100%;color:#696969;min-width:300px;background:#C0F7FC}
.menu {float:none;margin-right: 0px;padding-top:0px;padding-bottom:2px; text-shadow: 1px 1px 1px black;background:url(../images/pic-3.jpg) right bottom repeat-x}
.menu li {float:left;position:relative;padding-right:8px;}
.menu li a {display:inline-block;font-size:15px;line-height:1.21em;color:#CE8E32;}
.menu li a.active, .menu li a:hover {color:#FBDAB6}
.main2 {width:300px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
.logo {display:block;width:100px;height:56px;text-indent:-5000px;position:relative;top: 8px;background:url(../images/logo2.png) 0 0 no-repeat}
.pat{text-align: center;background:url(../images/pic-5.gif) left top repeat-x; padding: 20px 0px 20px 0px; margin-top: 5px}
.main {width:640px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
.title-1 {display:block;font-size:15px;line-height:1.2em;margin-bottom:-5px;color: rgb(71,125,192)}
.title-2 {display:block;font-size:15px;line-height:1.2em;margin-bottom:17px;color: rgb(71,125,192)}
.box-1 {width:90px;padding:12px 32px 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-2 {width:130px;padding:12px 0 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-3 {width:90px;padding:12px 0 20px 32px;text-align:center}
.news-title {margin-left: 0px;;display:inline-block;font-size:49px;line-height:1.2em;color:#fff;letter-spacing:-2px}
#overlay img{border-radius: 5px;display: none;position: absolute;top: 50%;left: 50%;margin-top: -140px;margin-left: 100px;z-index: 300;}
#qcm{position: absolute;top: 50%;left: 50%;margin-top: -150px;margin-left: -125px;width: 250px;height: 300px;background: #ECFAFB;box-shadow: 0px 0px 10px black;display: none;border-radius: 5px;overflow: auto;z-index: 200;}
#qcm .main2{width:200px; height: 100%}
#page2 .box-2 {width:115px;padding:12px 0 20px 0;text-align:center;height: 110px; margin: 0px;display: inline-block; vertical-align: top;}
.news-list li {float:left;margin-right: 50px}
.buttons {padding-top:8px;text-align:left}
.news-list li a {display:inline-block;font-size:30px;line-height:1.9em;color:#edae89;letter-spacing:-2px}
#contact-form input {width:150px;font-size:12px;color:#696969;padding:1px 10px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:1px solid #ccc;background:#fff}
#contact-form textarea {height:100px;overflow:auto;width:150px;font-size:12px;color:#696969;padding:10px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:1px solid #ccc;background:none}
header {min-height:130px;width:100%;position:relative;z-index:2;background:url(../images/header-bg1.jpg) center bottom no-repeat}
.slog {display:block;text-shadow: 1px 2px 1px black;font-size:16px;color: rgb(71,125,192);letter-spacing:0px;position:absolute; width: 1000px;left:50%;margin-left: -500px; bottom: 10px;text-align: center}
header .main  h1{position:relative;float:none}
.information{display: none}
.valeur{ display: block}
}