@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0}
img{border:none}
a{text-decoration:none}
.left{float:left}
.right{float:right}
body{background:url(../images/bg.gif) repeat-x #FFF;color:#373d43;font-family:Tahoma, Geneva, sans-serif;font-size:13px;}
#main{width:1001px;margin:0 auto;min-height:300px}
#logo{width:179px;height:86px;float:left;margin:61px 0 0 79px}
#accroche{width:416px;height:36px;float:right;margin:83px 30px 0 0 ;font-size:18px;color:#000;font-weight:bold;}
#facebook{float:right;clear:both;height:20px;width:130px;margin:-2px 27px 8px 0 ;font-size:11px}
#menu{width:100%;height:62px;margin:0 auto;clear:both}
#left_menu{height:62px;background:url(../images/left_menu.gif) no-repeat;float:left;width:6px}
#right_menu{height:62px;background:url(../images/right_menu.gif) no-repeat;float:right;width:7px}
#middle_menu{height:62px;background:url(../images/menu.gif) repeat-x;float:left;width:988px}
#menu ul{margin-left:20px;float:left}
#menu li{list-style:none;float:left}
#menu li a{float:left;height:62px;padding:0 25.5px;color:#aca1b3;font-weight:bold;line-height:60px}
#menu li a:hover, #menu li .active{color:#bad814;}
.suite{color:#bad814;text-decoration:underline}
.padding a{color:#261627;text-decoration:underline}
#ecran{height:387px;width:100%;clear:both;float:left;background:url(../images/ecran.gif) repeat-x}
#banniere{float:left;margin:0 0 0 11px;border:8px #FFF solid;width:663px;height:358px}
#rectangle{width:265px;float:right;margin:0 17px 0 0;}
.rec1{width:100%;height:54px;background:url(../images/rec1.jpg) repeat-x;border-radius:2px;float:left}
.rec2{width:100%;height:107px;background:url(../images/rec2.jpg) repeat-x;border-radius:2px;float:left}
.rec3{width:100%;height:108px;background:url(../images/rec3.jpg) repeat-x;border-radius:2px;float:left}
.rec4{width:100%;height:65px;background:url(../images/rec4.gif) repeat-x;border-radius:2px;float:left}
.rec5{width:100%;height:65px;background:url(../images/rec5.gif) repeat-x;border-radius:2px;float:left}
.rec6{width:100%;height:65px;background:url(../images/rec6.gif) repeat-x;border-radius:2px;float:left}
.sep1{width:100%;height:1px;margin:5px 0px 6px 0px;border-bottom:1px #63577d dotted;float:left}
.table1{width:232px;float:left;margin-left:15px;margin-top:6px}
.sep2{width:2px;background:url(../images/sep.png) repeat-y;}
.sep4{width:2px;background:url(../images/sep2.gif) repeat-y;}
.sep5{width:2px;background:url(../images/sep3.gif) repeat-y;}
.sep6{width:2px;background:url(../images/sep4.gif) repeat-y;}
.sep7{width:2px;background:url(../images/sep5.gif) repeat-y;}
.mini{font-size:9px;color:#FFF;margin:2px 0 0 3px;float:left}
h3.partners{font-weight: bold; color: #000; font-size:13px; background:transparent;}
.noir{font-weight:bold;color:#000}
.blanc{font-weight:bold;color:#FFF;font-size:16px}
.table2{width:232px;float:left;margin-left:15px;margin-top:23px}
.table3{width:232px;float:left;margin-left:15px;margin-top:23px}
.cl_noir{color:#262626;font-size:11px}
#left{float:left;width:700px;height:;clear:both;padding:7px;background:url(../images/ombre.png) no-repeat;margin-left:-10px}
#texte{width:680px;margin:13px 13px 0 13px;background-color:#FFF;min-height:320px;line-height:22px}
#texte li{list-style:none}
h1, h2, h3{background:url(../images/h3.gif) repeat-x;width:100%;height:41px;color:#261627;font-size:17px;font-weight:bold;line-height:40px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;text-align:left}
.padding{padding:30px}
#right{float:right;margin:17px 17px 0 0;width:265px;text-align:center;min-height:350px}
.input1{width:217px;height:34px;-webkit-box-shadow: inset 0px 0px 3px 1px #666;box-shadow: inset 0px 0px 3px 1px #666;border:1px;margin-bottom:10px;padding-left:13px;color:#606978;font-size:11px }
.rose{color:#bad814}
.input{width:300px;-webkit-box-shadow: inset 0px 0px 3px 1px #666;box-shadow: inset 0px 0px 3px 1px #666;border:1px;height:24px}
.input2{width:86px;border-radius:5px;background:#cecece;border:none;color:#686666;font-weight:bold;padding:4px 0px;cursor:pointer}
.partenaires{width:100%;height:140px;background-color:#fff;-webkit-box-shadow: inset 0px 0px 3px 1px #666;box-shadow: inset 0px 0px 3px 1px #666;border:1px;float:left;clear:both;margin-bottom:30px}
#footer1{width:100%;height:45px;background-color:#7e5d92;clear:both;float:left;color:#FFF;font-size:11px}
#top{width:958px;padding:10px;margin:0 auto;background:#FFF;height:360px}
#footer2{width:100%;height:324px;background-color:#492c5c;clear:both;float:left;color:#FFF;font-size:11px;}
#footer2 a{color:#FFF}
#footer2 h3{font-weight: bold; text-decoration: underline; color: #FFF; font-size:11px; background:transparent;}
.droit{margin-top:20px;margin-left:-50px}
#footer1 a{color:#FFF}
.sickers{margin-left:-30px;margin-top:-7px;float:left}
.centre{width:1001px;margin:0 auto}
.marge3{margin-right:20px}
.marge1{margin-bottom:3px}
.marge2{margin-top:10px}
.bold{font-weight:bold;text-decoration:underline;color:#FFF}
.th{font-weight:bold;color:#FFF}
.bas{margin-top:35px}
.sep3{height:78px;width:1px;background-color:#361e43;margin:0;}
.titre1{font-size: 25px; color: #07001b; margin-top: 20px; font-weight: 100; background: transparent; border: 0 none; line-height: initial; width: auto; height: initial;}
h1.titre1{font-size: 25px; color: #07001b; margin-top: 37px; font-weight: 100; background: transparent; border: 0 none; line-height: initial; width: auto; height: initial;}
.titre2{font-size:18px;color:#4a4a4a;margin-top:5px;font-weight:100;margin-bottom:14px}
#top p{color: #656565;line-height:20px}
#top ul{color:#a1a1a1;font-weight:bold;line-height:20px;list-style:none;margin-top:-5px;float:left;width:550px}
.border{border:5px #CCC solid}
#texte li{list-style-image:url(../images/puce1.png);margin-left:15px}
#top li{list-style-image:url(../images/puce1.png);margin-left:15px}
.gris{color:#A1A1A1}
.lft{float:left;text-decoration:underline;color:#373d43}

/* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 21%;
  padding: 12.4px;
}

/* Style the images inside the grid */
.column img {
  opacity: 0.8; 
  cursor: pointer; 
}

.column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container */
.container {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}