html,body,img{margin:0; padding:0;border:0;}
body{background: white url('images/background.png') top left repeat-x; position: relative; font-family: arial;}
body.blue{background-image: url('images/background_blue.png');}
body.violet{background-image: url('images/background_violet.png');}
body.red{background-image: url('images/background_red.png');}
pre{margin: 0; clear: both;}
ul {font-size: 14px;-webkit-padding-start: 0px; list-style-position:inside; margin-left: 10px;}
ul ul{font-size: 12px; padding-left: 14px; margin-left: 0;}
ul ul li{/* padding-top: 4px; */}
li{color: #000; list-style-type: none; line-height: 160%}
a{color: #2b9ec6; /* text-decoration: none; */}
a:hover{color: #6baee6;}
.violet li:before {
      /* For a square bullet */
      content:'\25A0';
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -10px;
      top: -0px;
      color: #662a6b;
      font-size: 12px;
    }
.red li:before {
      /* For a square bullet */
      content:'\25A0';
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -10px;
      top: -0px;
      color: #c01e2e;
      font-size: 12px;
    }

.blue li:before {
  /* For a square bullet */
  content:'\25A0';
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -10px;
  top: -0px;
  color: #2b9ec6;
  font-size: 12px;
}
ul ul li:before {
      /* For a square bullet */
      content:'\25A0';
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -10px;
      top: -1px;
      /*color: #2b9ec6; */
      font-size: 12px;
}


hr{border-style: solid; border-width: 0 0 1px; border-color: #dfdede; clear: both; padding-top: 16px;}
.button{border: 1px solid #dadada; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/baguette/PIE.htc); background: white url('images/button.png') right center no-repeat; display: block; padding: 11px 33px 9px 22px; font-size: 10px; color: #2fadd9 !important; font-weight: bold; cursor: pointer;}
.button:hover{color: #02679a !important;}
.input{border: 1px solid #dadada; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; display: block; padding: 11px 12px 9px; behavior: url(/baguette/PIE.htc);}
#main_wrapper{width: 100%; min-height: 500px; position: relative;/*  left: 50%; */}
#main{position: relative;/*  width: 1600px; margin-left: -800px; */ min-height: 500px;}
#main>div{width: 980px; margin: 0 auto;}
#logo{float: left;}
#topmenu{height: 53px;}
	#topmenu>table{float: right; height: 53px; border-collapse: collapse;}
		#topmenu td{padding: 0 13px;border-spacing: 0;}
		.lasttopmenu{padding-right: 0 !important;}
			#topmenu a{color: #f1f1f1; text-decoration: none; font-size: 13px;}
			#topmenu a:hover{color: #2eacd8;}
			#more{padding-left: 0 !important;}
				#more>div{float: right; height: 53px; position: relative;}
					#more>div div{display: none; position: absolute; top: 53px; right: -10px; background: #333; padding-right: 12px;}
					#more>div:hover div{display: block;}
						#more>div td{padding: 13px; text-align: center;}

#menu{float: right;}
	#menu div{float: left; padding: 43px 0 37px 45px;}
	#menu a{font-size: 16px; color: #666; text-decoration: none; display: inline-block; height: 24px;}
	#menu a:hover,#menu a.selected{color: #2a9dc4; background: url('images/menu_selected.png') center bottom no-repeat;}

/* Page d'accueil */

#gallery{width: 1200px !important; margin-left: -110px; position: relative; height: 323px;/*  background: pink; */}
	#images {width: 1200px; height: 323px; position: relative;}
		#images img{position: absolute; top: 0; left: 0;}
	#gallery_bar{position: absolute; bottom: 0; left: 0; width: 1200px; height: 85px; background: url('images/barre_grise.png'); z-index: 20;}
		#gallery_bar p{text-shadow: 0.1em 0.1em 0.05em #333; float: left; width: 635px; padding-left: 16px; border-left: 1px solid white; margin: 15px 0 10px 110px; color: white; font-size: 25px;}
		#gallery_nav{position: absolute; bottom: 14px; right: 125px;}
			#gallery_nav a{display: inline-block;}
				#gallery_sel a{display: inline-block; width: 45px; height: 45px; margin: 0 5px; border: 1px solid #a7a7a7;}
				#gallery_sel a.selected{outline: 4px solid #fff; outline-offset: -2px;}
#bodytext{padding: 54px 0 71px;}
	.home #bodytext>div{width: 300px;float: left; margin-left: 37px;}
	.home #bodytext>div:first-child{margin-left: 0;}
	#bodytext h3{border-bottom: 1px solid #dfdede; margin: 0; padding-bottom: 8px; font-size: 25px; font-weight: normal;}
	#bodytext b{color: #84388d; font-weight: normal;}
	#bodytext a{color: #000; text-decoration: none;}
	#bodytext .button{float: right;}
		#newsblock>div{border-bottom: 1px solid #dfdede; padding: 13px 0 11px 3px; min-height: 55px;}
			#newsblock>div>div{border-bottom: 1px solid #dfdede; width: 52px; height: 52px; overflow: hidden; background: #bcbbbb; float: left; margin: 2px 12px 5px 0;}
				#newsblock>div>div img{width: 52px;}
			#newsblock>div>h5{font-size: 13px; margin: 0;}
			#newsblock>div>h5 a.blue{color: #2b9ec6;}
			#newsblock>div>h5 a.red{color: #c01e2e;}
			#newsblock>div>h5 a.violet{color: #662a6b;}
			#newsblock>div>p{font-size: 13px; margin: 0; line-height: 160%;}
#newsletter_form {font-size: 13px; margin: 13px 0 12px;}
	#newsletter {display: inline-block; width: 276px; margin: 17px 0 12px;}
#social img{margin-right: 15px;}
	#biglinks a img{margin-top: 17px; border: 2px solid #ebebeb;}
	#biglinks a:hover img{border: 2px solid #999;}
	#biglinks a:first-child img{margin-top: 0;}

/* Page d'accueil */

#title_band{width: 100% !important; position: relative; background-image: url('images/Titles.png'); background-repeat: no-repeat; height: 84px;border-top: 2px solid white;/*  margin-top: -1px; */}
.blue #title_band{background-color: #2b9ec6; background-position: center 0;}
.violet #title_band{background-color: #662a6b; background-position: center -84px;}
.red #title_band{background-color: #c01e2e; background-position: center -168px;}
#title_band div{width: 980px; background: url('images/next_img.png') left center no-repeat; margin: 33px auto 0; color: white; font-size: 22px; padding-left: 26px;}
#inner_left,#inner_right {float: left;}
#inner_left {width: 700px; padding-right: 30px;}
	#inner_left h2{margin-bottom: 27px;}
	.blue #inner_left h2{color: #2b9ec6;}
	.red #inner_left h2{color: #c01e2e;}
	.violet #inner_left h2 {color: #662a6b;}
	#inner_left h2 a.blue{color: #2b9ec6;}
	#inner_left h2 a.red{color: #c01e2e;}
	#inner_left h2 a.violet{color: #662a6b;}
		#inner_left #newsblock > div > div {width: 156px; height: 156px;}
		#inner_left #newsblock > div > div img {width: 156px;}
#inner_right {width: 250px;}
#inner_social{margin: 21px 0 16px; border-bottom: 1px solid #dfdede; padding-bottom: 14px;}
#inner_right #biglinks img{height: 104px;}
	#inner_right #biglinks a img{margin-top: 10px;}
	#inner_right #biglinks a:first-child img{margin-top: 0;}
/*  */
#footer{border-top: 6px solid #4c4c4c; height: 134px; padding-top: 39px; background: #333; color: #999; font-size: 11px; line-height: 200%}
#footer>div{width: 980px; margin: 0 auto; padding: 0 30px;}
.copyright{float: right;/*  text-align: right; */}
#footer td{padding: 0 13px 0 0;}
#footer a{color: #999; text-decoration: none;}
#footer a:hover{color: #ccc;}
#inner_left h2.casestudy {color: #662a6b; font-size:25px;}
#inner_left div.casestudy{ width:145px; height:140px; float:left; text-align:center; margin:10px;}
#inner_left div.casestudy p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
#inner_left div.casestudy p a{ color:#333;}
#inner_left div.casestudy p a:hover{ color:#000;}