/* =============== RESET =============== */
/* reset => http://yui.yahooapis.com/3.1.1/build/cssreset/reset.css */
html{color:#000;background:#FFF;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:'';}
abbr, acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input, textarea, select{*font-size:100%;}
legend{color:#000;}

/* fonts => http://yui.yahooapis.com/3.1.1/build/cssfonts/fonts.css */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select, input, button, textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre, code, kbd, samp, tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* base => http://yui.yahooapis.com/3.1.1/build/cssfonts/base.css */
h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* =============== GENERAL =============== */
html, body{width: 100%; height: 100%;margin: 0px; padding: 0px;}
body{background:url(../images/layout/bg_header.jpg) top left repeat-x; color: #3d3c3c}
#general{width:980px; margin:0 auto; /*background-color: blue;*/}
#header{background:url(../images/layout/header.jpg) top center no-repeat;height: 100px; position:relative}
#slide{margin: 0 0 0 0; position:relative}
#logo{padding: 12px 0px 0px 35px;float: left;}
#logo img{width: 164px; height: 79px;}
#logo-print{display: none; margin-left: 30px;border: none; background: none}
#logo-print img{height: 79px; width: 164px;border: none; background: none}

#menu-lng{position:absolute; top:15px; right: 0px; width: 26px; height: 30px;}
#menu-lng ul{margin: 0;}
#menu-lng li{width: 23px;list-style-type: none;background: url(../images/layout/miscellaneous.gif) -478px -20px no-repeat;margin-bottom: 1px;}
#menu-lng a{padding-left: 2px;vertical-align: middle;line-height: 26px;height: 26px;font-size: 12px; font-weight: bold; text-decoration: none;color:#fefefe;}
#menu-lng a:hover{color:#dfdfdf;}
#slide-menu-left{position: absolute; top:120px; left:20px; width: 54px; height: 56px; cursor: pointer; background: url(../images/layout/miscellaneous-png.png) -26px -105px no-repeat;}
/*#slide-menu-left:hover{background-position: -26px -25px}*/
#slide-content{position:relative;height: 299px; width: 940px; margin:0 auto;background:url(../images/layout/slider.png) 0px 0px no-repeat;}
#slide-content.simple{height: 237px; background-position: 0px -62px}
#slide-menu-right{position: absolute; top:120px; right: 20px;width: 54px; height: 56px; cursor: pointer; background: url(../images/layout/miscellaneous-png.png) -105px -105px no-repeat;}
#slide-menu-right.mini{right: 320px;}
#slide-menu-right:hover {background-position: -105px -25px;}
#slideshow{background: url(../images/layout/slides.gif) top left no-repeat; padding-top: 9px}
#slideshow-content{width: 910px; height: 272px;margin: 0 auto 0 auto;}

#slideshow-content-mini{float: left;width: 610px; height: 272px;padding: 0 15px 0 15px;}
#slideshow-content-mini.simple{height: 210px;}
#slideshow-menu{float: left; width: 285px; height: 272px;}
#slideshow-menu.simple{height: 210px;}

#sub-menu{position:absolute;top:78px; right: 50%;margin-right: -451px; z-index: 9200;}
#sub-menu ul{margin:0;}
#close-modal{cursor: pointer;position:absolute;top:84px;right: 50%;margin-right: -484px; z-index: 9300; width: 14px; height: 14px;background: url("../images/layout/miscellaneous-png.png") no-repeat -298px -34px;}

.nav-start,.nav-start-active,.nav-end-active,.nav-end{display:inline-block; float: left ;line-height: 22px; height:22px;font-size: 14px;font-weight: bold;color:#FFF; cursor: pointer;}
.nav-start a,.nav-start-active a{color:#FFF; text-decoration: none;}
.nav-start a:hover,.nav-end a:hover,.nav-start-active a:hover,.nav-end-active a:hover{text-decoration: none;}
.nav-start{margin:0; padding: 0 7px 0 11px;  background:url("../images/layout/miscellaneous-png.png") no-repeat -30px -244px;}/* blue: -20px */
.nav-end{margin:0 2px 0 0; background: url("../images/layout/miscellaneous-png.png") no-repeat -434px -244px;width:5px;}
.nav-start-active{margin:0; padding: 0 7px 0 11px;  background:url("../images/layout/miscellaneous-png.png") no-repeat -30px -180px;}/* blue: -20px */
.nav-end-active{margin:0 2px 0 0; background: url("../images/layout/miscellaneous-png.png") no-repeat -434px -180px;width:5px;}

#content,#menu{width: 928px; margin: 0 auto;}
#menu{margin-top: 25px; /*height: 150px;*/}
#menu1,#menu2,#menu3{float: left;width: 286px;}
#menu3{margin-left: 35px;}
#menu2{margin-left: 35px;}
#bottom{text-align: center; color: #abaaaa;padding: 40px 0 15px 0;}
#bottom a:link, #bottom a:active, #bottom a:visited {color: #abaaaa; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}

.menu-content-mini{color:#FFF;padding:2px 7px 7px 9px; background: url("../images/layout/miscellaneous.gif") no-repeat -988px -323px; height: 50px;overflow: hidden;}
.menu-content-mini.first{padding:6px 7px 7px 9px; }
.menu-content-mini-separator{height: 12px; overflow: hidden; background: url("../images/layout/miscellaneous.gif") no-repeat -671px -345px;}
.menu-content-mini-separator.active1-0{background-position: -671px -504px;}
.menu-content-mini-separator.active0-1{background-position: -671px -424px;}
.menu-content-mini.separator{background-position: -988px -328px;}
/*.menu-content-mini.separator.open{background-position: -988px -28px;}*/
.menu-content-mini.separator-open{height: 112px;background-position: -988px -28px;}

.menu-content-mini.open{height: 112px;background-position: -988px -23px;}
.menu-content-mini-end{height: 5px;overflow: hidden;background: url("../images/layout/miscellaneous.gif") no-repeat -988px -599px;}
.menu-content-mini-end.open-end{background-position: -988px -299px;}

.menu-content-mini h2{font-size:15px;color:#FFF;line-height: 18px;margin:0;}
.menu-content-mini h2 a{font-size:15px;color:#FFF;line-height: 18px;}
.menu-content-mini h2 a:hover { text-decoration: none; }
.menu-content{ color:#FFF;padding:15px 16px 0px 15px; background: url("../images/layout/miscellaneous.gif") no-repeat -988px -322px; height: auto !important; height: 80px; min-height: 80px;}/*rollover -988px -23px*/
.menu-content:hover,.menu-bottom:hover{cursor: pointer;}
.menu-content.over-bt{background-position: -988px -22px;}
.menu-bottom{height: 12px;background: url("../images/layout/miscellaneous.gif") no-repeat -988px -596px;}/*rollover -988px -299px*/
.menu-bottom.over{background-position: -988px -296px;}
.menu-links{list-style-image: none; margin:0;padding:0;}
.menu-links li { display:inline;float:left;margin:0;padding:0 0 0 10px; width: 116px;background: url("../images/layout/miscellaneous.gif") no-repeat -62px -203px;}
.menu-links li.over { background-position: -62px -280px;}
.menu-links.mini{margin-top:10px;}
.menu-links.mini li{width: 123px;}
.menu-content-mini.open .menu-links.mini li{background-position: -62px -280px;}
.menu-content-mini.separator-open .menu-links.mini li{background-position: -62px -280px;}
.menu-content h2{margin: 0 0 5px 0;}
.menu-content h2 a{color:#FFF;font-size: 17px;padding: 5px 0;}
.menu-content h2 a:hover { text-decoration: none; }
.menu-links a, .menu-links a:link, .menu-links a:visited{color:#FFF;}
.menu-anim{float: right; width: 80px; height: 76px;}
/*.menu-anim-mini{float: right; width: 70px; height: 52px; margin-bottom: 0px;}*/


#icon-appli{background: url("../images/layout/miscellaneous.gif") no-repeat -82px -441px;}
#icon-sites{background: url("../images/layout/miscellaneous.gif") no-repeat -183px -441px;}
#icon-network{background: url("../images/layout/miscellaneous.gif") no-repeat -283px -441px;}

#icon-appli-mini,#icon-sites-mini,#icon-network-mini{float: right; width: 70px; height: 52px; margin-bottom: 0px;}
#icon-appli-mini{background: url("../images/layout/miscellaneous.gif") no-repeat -82px -548px;}
#icon-sites-mini{background: url("../images/layout/miscellaneous.gif") no-repeat -183px -548px;}
#icon-network-mini{background: url("../images/layout/miscellaneous.gif") no-repeat -283px -548px;}

#icon-appli-mini.anim-active{background-position: -82px -618px;}
#icon-sites-mini.anim-active{background-position: -183px -618px;}
#icon-network-mini.anim-active{background-position: -283px -618px;}

a{color:#2290d0; text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: underline;}
h1{margin-bottom: 10px;}

.hidden{display: none;}
.clean{clear:both}

h1{color: #3d3c3c;height: 28px; font-size: 18px; line-height: 28px;background: url("../images/layout/miscellaneous.gif") no-repeat -79px -852px;}
h3{color:#2290d0;font-weight: bold;}
/* =============== CUSTOM =============== */
.title-twitter{color: #3d3c3c;height: 40px; font-size: 18px; line-height: 40px;background: url("../images/layout/miscellaneous.gif") no-repeat -20px -846px;}
.title-twitter a{color: #3d3c3c;text-decoration: none;}
.title-twitter a:hover{color: #2290D0;}
.title-twitter #logo-twitter{width: 70px; display:inline-block;}
.cols-1,.cols-1-first,.cols-2,.cols-2-first{margin-left: 50px;_margin-left: 45px;color: #4c4c4c; float: left; text-align: justify;}
.cols-1-first,.cols-2-first{margin-left: 0px;padding-left:0;}
.cols-1,.cols-1-first{width: 276px;}
.cols-2,.cols-2-first{width: 602px;} /* 593px */


#social-links {display:block; top:45%; right:0px; position:fixed; border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea; padding:8px 8px 6px 8px; text-align:center; font-weight:bold; color:#fff;
-moz-border-radius: 7px 0 0 7px;-webkit-border-radius: 7px 0 0 7px;-o-border-radius: 7px 0 0 7px;border-radius: 7px 0 0 7px;background-color: #FFF;
-moz-box-shadow:0 0 0.25em #CCCCCC;

/*behavior: url(../css/pie.php);*/
}

* html #social-links {position:absolute;}
#social-links ul,#social-links ul li{margin:0; list-style-type: none;}





/* =============== contact =============== */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  min-width : 940px;
}

#modal .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9100;
  padding:25px;
  margin: 0;
}

#modal #modal-content {
  width:906px;
  height:270px;
  padding:10px;
  background-color:#fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /*behavior: url(/fr/pie);*/
  margin: 0;
}

#contacts{float: left;width: 515px;}
#map{width: 383px;float: right;}
#proactions-address{margin-bottom: 20px; margin-top: 6px;}
.contact-item{display: inline-block; width: 255px;margin-bottom: 15px;vertical-align:top;}

#map-canvas div {margin:0;}
#map_canvas { height: 100% }

#jobs-description{float: left;width: 350px;}
#jobs-apply{width: 545px; float: right;}
#txtanniversaire{width: 50px;}
form div { margin-bottom: 6px; }
form div label { display: inline-block; width: 163px; }
form div input[type="text"], form div input[type="password"] { width: 14em; }
form div#div-message { width: 500px; margin-top: 12px; }
form div#div-message label { width: 100%; margin-bottom: 6px; }
form div#div-message textarea { margin-bottom: 6px; width: 100%; }
form div.check { display: none; }
.align-right { text-align: right; }
.success { font-weight: bold; color: green; }
.error { font-weight: bold; color: red; }

/* info-bulle */
#map-popup {
  /* police utilisée par Google Maps */
  font-family: Arial, helvetica, sans-serif;
  font-size: 13px;
  width: 280px;
  height: 1%;
  overflow: hidden;
}