﻿body {
margin: 0;
padding: 0;
border: 0;
background:#374043;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
}

img {
margin:0;
padding:0;
border: 0;
}

.ClearBoth {
clear: both;
}

a:active, a:focus {
outline: none;
}

#main {
width:100%;
margin:0;
padding:0 0 60px 0;
background:#005763 url("../media/images/commun/bck-body.png") top center no-repeat scroll;
border-top:#30383b solid 8px;
clear:both;
}



h1 {
margin:0;
padding:0 0 25px 0;
font-family: Arial, Helvetica, sans-serif;
font-size:32px;
line-height:34px;
color:#6e9fa6;
letter-spacing:-2px;
}

h2 {
margin:0;
padding:0 0 5px 0;
font-family: Arial, Helvetica, sans-serif;
font-size:32px;
line-height:34px;
color:#6e9fa6;
letter-spacing:-2px;
}

.icon {
color:#d4d700;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:36px;
letter-spacing:0;
}

.green {
color:#d4d700;
font-weight:bold;
}

.turquoise {
color:#188695;
font-weight:bold;
}

.grey {
color:#6d6d6c;
font-weight:bold;
}

.legende {
font-size:12px;
line-height:14px;
color:#6e9fa6;
}

a.bt-more {
background: transparent url("../media/images/commun/bt-more-right.png") no-repeat scroll top right; 
display: block;
float: right;
height: 27px;
margin:7px 0 0;
padding-right:13px;
text-decoration: none;
color: #fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.bt-more span {
background: transparent url("../media/images/commun/bt-more-left.png") no-repeat; 
display: block;
line-height: 21px;
padding: 2px 0 5px 28px;
}

a.bt-more:hover {
background: transparent url("../media/images/commun/bt-more-right-over.png") no-repeat scroll top right; 
}

a.bt-more:hover span {
background: transparent url("../media/images/commun/bt-more-left-over.png") no-repeat; 
}

a.bt-back {
background: transparent url("../media/images/commun/bt-more-right.png") no-repeat scroll top right; 
display: block;
float: left;
height: 27px;
margin:7px 0 0;
padding-right:13px;
text-decoration: none;
color: #fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.bt-back span {
background: transparent url("../media/images/commun/bt-more-left.png") no-repeat; 
display: block;
line-height: 21px;
padding: 2px 0 5px 28px;
color:#FFF;
font-size:12px;
}

a.bt-back:hover {
background: transparent url("../media/images/commun/bt-more-right-over.png") no-repeat scroll top right; 
}

a.bt-back:hover span {
background: transparent url("../media/images/commun/bt-more-left-over.png") no-repeat; 
}

ol {
margin:10px 0;
padding:0 40px 0 40px;
line-height:18px;
}

ul {
margin:0;
padding:0;
font-weight:normal;
color:#FFF;
list-style:none;
}

li {
margin:5px 0 10px 0;
padding:0;
font-weight:normal;
color:#FFF;
}

/************ HEADER ************/

#header {
width:980px;
height:162px;
margin:0 auto;
padding:0;
/*background:transparent url(../media/images/commun/bck-header.png) top center no-repeat;*/
}

.header-colRight {
float:right;
display:inline;
margin:0;
padding:0;
text-align:right;
}

/************ TOP NAVIGATION ************/

.topnav {
height:25px;
margin:0;
padding:0 25px 0 0;
background:transparent url("../media/images/commun/bck-topnav.png") top right no-repeat;
float:right;
display:block;
}

#raccord {
width:25px;
height:25px;
margin:0;
padding:0;
float:left;
display:inline;
background:transparent url("../media/images/commun/bck-topnav-raccord.png") top left no-repeat;
}

.topnav-content {
height:25px;
margin:0;
padding:0;
background-color:#30383b;
float:left;
display:inline;
}

.topnav ul {
list-style-type:none;
margin:0;
padding:0;
}

.topnav li {
display:inline;
font-size:12px;
line-height:16px;
color:#b6b2b2;
border-right:1px dotted #6f7476;
border-left:none;
margin:0;
padding:0 10px;
font-weight:bold;
font-style:normal;
}

.topnav li#last {
border-right:none;
}

.topnav li.active-topnav a {
color:#d4d700 !important;
}

.topnav a {
color:#b6b2b2;
text-decoration:none;
}

.topnav a:hover {
color:#d4d700;
}

#facebook {
background:transparent url("../media/images/commun/puce-facebook.png") 0 -1px no-repeat scroll;
padding:0 0 0 22px;
}

/************ MENU ************/

.header-menu {
margin:0;
padding:0;
}

.header-menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:45px 10px 0 0;
padding:0;
display:inline;
float:right;
line-height:24px;
}

.header-menu li {
display:inline;
float:left;
text-align:left;
font-size:24px;
color:#fff;
border-left:1px dotted #80c0c5;
margin:0;
padding:0 25px;
font-weight:normal;
font-style:italic;
}

.header-menu li a {
color:#fff;
text-decoration:none;
}

.header-menu li a:hover {
color:#d4d700;
}

.header-menu li.active-menu a {
color:#d4d700 !important;
}

.header-menu span {
margin:0;
padding:0;
font-size:11px;
line-height:14px;
color:#d4d700;
text-transform:uppercase;
font-style: normal;
}
	
/************ INDEX ************/

.box-welcome {
display:block;
margin:0;
padding:0 0 40px 0;
}

.box-welcome-colLeft {
float:left;
display:inline;
margin:0;
padding:0 30px 0 0;
width:560px;
}

.box-welcome-colLeft p {
margin:0;
padding:0 0 0 15px;
font-size:16px;
line-height:21px;
}

.box-welcome-colRight {
float:left;
display:inline;
margin:0;
padding:50px 0 0 60px;
width:320px;
height:120px;
background:transparent url("../media/images/index/bck-newsletter.png") top left no-repeat;
}

.box-welcome-colRight p {
margin:0;
padding:0 0 10px 0;
width:280px;
color:#D4D700;
font-size:12px;
line-height:14px;
font-weight:bold;
}

.box-welcome-colRight a {
font-size:12px;
line-height:14px;
color:#fff;
text-decoration:none;
font-weight:bold;
margin:0;
padding:0 0 0 12px;
background:transparent url("../media/images/commun/puce-list.png") 0 5px no-repeat;
}

.box-welcome-colRight a:hover {
color:#d4d700;
}

.newsletterRow {
float:left;
display:inline;
padding:0 0 2px 0;
margin:0;
width:300px;
}

.newsletterFields {
padding:0;
margin:0;
}

.newsletterFields input {
float:left;
display:inline;
width:150px;
margin:0 15px 10px 0;
padding:4px 5px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#005763;
border: none;
color: #fff;
font-size: 12px;
line-height: 14px;
font-weight: bold;
}

.newsletterSubmitarea {
}

.newsletterSubmitFR {
padding:2px 15px 7px 14px;
}

* html .newsletterSubmitFR {
padding:2px 2px 7px 2px /* Pour IE 6.0 */
}

*:first-child+html .newsletterSubmitFR { 
padding:2px 2px 7px 2px; /* Pour IE 7.0 */
}

.newsletterSubmitEN {
padding:2px 20px 7px 16px;
}

* html .newsletterSubmitEN {
padding:2px 2px 7px 2px /* Pour IE 6.0 */
}

*:first-child+html .newsletterSubmitEN { 
padding:2px 5px 7px 2px; /* Pour IE 7.0 */
}

.newsletterSubmitNL {
padding:2px 18px 7px 11px;
}

* html .newsletterSubmitNL {
padding:2px 2px 7px 2px /* Pour IE 6.0 */
}

*:first-child+html .newsletterSubmitNL { 
padding:2px 5px 7px 0px; /* Pour IE 7.0 */
letter-spacing:-1px;
}

.newsletterFields {
padding:0;
margin:0;
}

.newsletterFields input {
float:left;
display:inline;
width:150px;
margin:0 15px 10px 0;
padding:4px 5px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#005763;
border: none;
color: #fff;
font-size: 12px;
line-height: 14px;
font-weight: bold;
}

.unsubscribeRow {
float:left;
display:inline;
padding:0 0 2px 0;
margin:10px 0 0;
width:500px;
}

.unsubscribeFields {
padding:0;
margin:0;
}

.unsubscribeFields input {
float:left;
display:inline;
width:150px;
margin:0 10px 10px 0;
padding:4px 5px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#00464F;
border: none;
color: #fff;
font-size: 12px;
line-height: 14px;
font-weight: bold;
}

.unsubscribeSubmitarea {
}

.unsubscribeSubmitFR {
padding:2px 18px 7px 12px !important;
}

* html .unsubscribeSubmitFR {
padding:2px 2px 7px 2px /* Pour IE 6.0 */
}

*:first-child+html .unsubscribeSubmitFR { 
padding:2px 0px 7px 0px; /* Pour IE 7.0 */
width:85px;
}

.unsubscribeSubmitEN {
padding:2px 25px 7px 22px !important;
}

* html .unsubscribeSubmitEN {
padding:2px 2px 7px 2px /* Pour IE 6.0 */
}

*:first-child+html .unsubscribeSubmitEN { 
padding:2px 0px 7px 0px; /* Pour IE 7.0 */
width:85px;
}

.unsubscribeSubmitNL {
padding:2px 25px 7px 16px !important;
}

* html .unsubscribeSubmitNL {
padding:2px 2px 7px 2px /* Pour IE 6.0 */
}

*:first-child+html .unsubscribeSubmitNL { 
padding:2px 0px 7px 0px; /* Pour IE 7.0 */
width:85px;
}

.box-works {
float:left;
display:inline;
margin:0;
padding:0 50px 0 0;
width:560px;
}

.box-content {
display:block;
margin:0 0 20px 0;
padding:0;
}

.box-works-inner-img {
float:left;
display:inline;
width:251px;
height:101px;
margin:0;
padding:4px 15px 0 19px;
background:transparent url("../media/images/commun/bck-img.png") top left no-repeat;
}

.box-works-inner-content {
float:left;
display:inline;
width:275px;
margin:0;
padding:0;
}

.box-works-inner-content h1 {
margin:0;
padding:0 0 3px 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
line-height:22px;
color:#fff;
letter-spacing:0;
}

.box-works-inner-content h2 {
margin:0;
padding:0 0 10px 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#d4d700;
letter-spacing:0;
text-transform:uppercase;
}

.box-works-inner-content p {
margin:0;
padding:0;
font-size:12px;
line-height:16px;
}

.box-news {
float:left;
display:inline;
margin:0;
padding:0;
width:345px;
}

.box-news-inner-date {
float:left;
display:inline;
width:62px;
margin:0;
padding:0 8px 0 0;
text-align:right;
}

.box-news-inner-date h1 {
margin:0;
padding:7px 0 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#d4d700;
letter-spacing:0;
text-transform:uppercase;
}

.box-news-inner-content {
float:left;
display:inline;
width:249px;
margin:0;
padding:0 0 0 20px;
border-left:1px solid #337982;
}

.box-news-inner-content h1 {
margin:0;
padding:0 0 10px 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
line-height:22px;
color:#fff;
letter-spacing:0;
}

.box-news-inner-content p {
margin:0;
padding:0;
font-size:12px;
line-height:16px;
}

/************ CONTENT ************/

#title {
margin:0 auto;
padding:10px 0 0 65px;
height:36px;
width:925px;
background:transparent url("../media/images/commun/bck-title.png") top center no-repeat;
}

#tit {
margin:0 auto;
padding:10px 0 20px 65px;
height:36px;
width:925px;
}

#title h1 {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:32px;
line-height:34px;
color:#6e9fa6;
letter-spacing:-2px;
}

#tidy {
width:100%;
margin:0;
padding:0;
background-color:#00464f;
}

#tidy a {
font-size:14px;
color:#d4d700;
text-decoration:none;
font-weight:bold;
}

#tidy a:hover {
color:#fff;
}

.cont-tidy {
width:855px;
margin:0;
padding:0px 65px 60px 60px;
background:transparent url("../media/images/commun/bck-tidy.png") bottom center no-repeat;
}

/**:first-child+html .cont-tidy { 
padding:30px 65px 60px 60px; /* Pour IE 7.0 
}*/

#cont-global {
width:920px;
margin:0 auto;
padding:0 0 0 60px;
}

.pagination {
width:845px;
margin:20px 0 0 10px;
padding:0;
text-align:right;
}

.paginatione p {
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
line-height:14px;
}

.pagination ul {
margin:0;
padding:0;
list-style-type:none;
}

.pagination li {
display:inline;
font-size:12px;
line-height:14px;
font-weight:bold;
margin:0;
padding:3px 4px;
}

.pagination li a {
font-size:12px;
line-height:14px;
font-weight:bold;
color:#FFF;
text-decoration:none;
}

.pagination li a:hover {
color:#D4D700;
}

.pagination li a.current {
color:#065662;
background-color:#D4D700;
padding:2px 3px;
}

/************ CONTENT > PORTFOLIO ************/

#tidy-portfolio {
width:100%;
height:265px;
margin:0;
padding:0;
background:transparent url("../media/images/portfolio/bck-global.png") top center repeat-x;
}

.cont-tidy-portfolio {
width:980px;
height:265px;
margin:0 auto;
padding:0;
background:transparent url("../media/images/commun/bck-tidy.png") 0 179px no-repeat;
}

.cont-tidy-portfolio-colLeft {
float:left;
width:400px;
display:inline;
margin:30px 0 0 75px;
padding:0;
}

.cont-tidy-portfolio-colLeft p {
margin:0;
padding:0;
font-size:16px;
line-height:21px;
font-weight:normal;
}

.cont-tidy-portfolio-colRight {
float:left;
width:505px;
display:inline;
margin:0;
padding:0;
}

#cont-global-portfolio {
width:930px;
margin:0 auto;
padding:0 0 0 50px;
}

.box-portfolio {
float:left;
display:inline;
margin:0;
padding:0 0 30px 0;
height:310px;
width:230px;
background:transparent url("../media/images/portfolio/bck-box.png") top center no-repeat;
}

.box-portfolio#large {
height:340px;
background:transparent url("../media/images/portfolio/bck-box-nl.png") top center no-repeat;
}

.box-portfolio h1 {
height:34px;
margin:0;
padding:20px 0 0 30px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
line-height:20px;
color:#00464f;
text-transform:uppercase;
letter-spacing:0;
}

.box-portfolio img {
margin:0 0 0 17px;
padding:0;
border-top:1px solid #e7e900;
border-bottom:1px solid #e7e900;
}

.box-portfolio p {
height:120px;
margin:10px 30px 0 30px;
padding:0;
font-size:14px;
line-height:16px;
color:#fff;
font-weight:normal;
}

a.bt-view {
background: transparent url("../media/images/portfolio/bt-view-right.png") no-repeat scroll top right; 
display: inline;
float: right;
height: 27px;
margin:0 30px 0 0;
padding-right:13px;
text-decoration: none;
color: #fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.bt-view span {
background: transparent url("../media/images/portfolio/bt-view-left.png") no-repeat; 
display: block;
line-height: 21px;
padding: 2px 0 5px 28px;
}

a.bt-view:hover {
background: transparent url("../media/images/portfolio/bt-view-right-over.png") no-repeat scroll top right; 
}

a.bt-view:hover span {
background: transparent url("../media/images/portfolio/bt-view-left-over.png") no-repeat; 
}

/************ CONTENT > PORTFOLIO > WORKS ************/

.cont-tidy-work {
display:block;
width:100%;
margin:0;
padding:0;
}

.cont-tidy-work-colLeft {
float:left;
display:inline;
width:280px;
margin:30px 0 0;
padding:0 0 0 15px;
}

.cont-tidy-work-colLeft h1 {
font-size:30px;
line-height:32px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#D4D700;
margin:0;
padding:15px 0 0;
letter-spacing:0;
text-transform:uppercase;
}

.cont-tidy-work-colLeft h1#brand {
font-size:28px;
}

.cont-tidy-work-colRight {
float:left;
display:inline;
width:525px;
margin:30px 0 0;
padding:0 0 0 30px;
border-left:1px dotted #80a3a7;
}

.cont-tidy-work-colRight p {
margin:0;
padding:0;
font-size:14px;
line-height:18px;
}

.chapeau {
margin:0;
padding:0 0 10px 0 !important;
color:#6e9fa6;
font-style:italic;
}

.cont-work-colLeft {
width:205px;
float:left;
display:inline;
margin:10px 0 0 10px;
padding:0;
border-top:1px dotted #4d8a92;
}

.cont-work-colLeft ul {
margin:0;
padding:0;
list-style-type: none;
}

.cont-work-colLeft li {
margin:0;
padding:5px 0;
border-bottom:1px dotted #4d8a92;
}

.cont-work-colLeft li a {
color:#6e9fa6;
font-size:16px;
line-height:18px;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}

.cont-work-colLeft li a:hover {
color:#D4D700;
}

.cont-work-colLeft li a.select {
color:#D4D700;
}

.cont-work-colLeft li ul {
margin:0;
padding:5px 0;
list-style-type: none;
}

.cont-work-colLeft li ul li {
margin:0;
padding:1px 0;
border:none;
}

.cont-work-colLeft li ul li a {
font-size:14px;
color:#fff;
text-transform:none;
text-decoration:none;
background-image: url("../media/images/commun/puce-submenu-off.png");
background-position:0 5px;
background-repeat:no-repeat;
padding-left:15px;
}

.cont-work-colLeft li ul li a:hover {
color:#D4D700;
background-image: url("../media/images/commun/puce-submenu-on.png");
}

.cont-work-colLeft li ul li.active-submenu a{
color:#D4D700;
background-image: url("../media/images/commun/puce-submenu-on.png");
}

.cont-work-colRight {
width:700px;
float:left;
display:inline;
margin:10px 0 0;
padding:0;
}

.cont-work-header-colRight {
height:50px;
margin:0;
padding:0 0 0 110px;
}

.cont-work-header-colRight h1 {
font-size:21px;
line-height:24px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
margin:0;
padding:0;
letter-spacing:0;
text-transform:none;
}

.cont-work-header-colRight h2 {
font-size:12px;
line-height:14px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#d4d700;
margin:0;
padding:0 0 20px 0;
letter-spacing:0;
text-transform:uppercase;
}

.cont-work-header-colRight p {
font-size:14px;
line-height:18px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
margin:0;
padding:0 20px 10px 0;
}

.cont-work-carrousel-colRight {
width:700px;
height:540px;
margin:0;
padding:0;
background:transparent url("../media/images/portfolio/bck-work.png") 0 70px no-repeat;
}

/************ CONTENT > STUDIO ************/

.cont-tidy-studio {
display:block;
width:100%;
margin:0 0 0 15px;
padding:0;
}

.cont-tidy-studio p {
margin:0;
padding:0;
font-size:16px;
line-height:21px;
}

.cont-tidy-studio-colLeft {
width:380px;
float:left;
display:inline;
margin:40px 0 0;
padding:0;
}

.cont-tidy-studio-colRight {
float:left;
display:inline;
margin:15px 0 0;
padding:0;
}

.studio-video {
display:block;
margin:0;
padding:0;
width:370px;
height:162px;
background: transparent url("../media/images/studio/infine-inmotion.gif") 0 0 no-repeat;
}

.studio-video:hover {
background: transparent url("../media/images/studio/infine-inmotion-over.gif") 0 0 no-repeat;
}

.studio-video-en {
display:block;
margin:0;
padding:0;
width:370px;
height:162px;
background: transparent url("../media/images/studio/infine-inmotion-en.gif") 0 0 no-repeat;
}

.studio-video-en:hover {
background: transparent url("../media/images/studio/infine-inmotion-en-over.gif") 0 0 no-repeat;
}

.studio-video-nl {
display:block;
margin:0;
padding:0;
width:370px;
height:162px;
background: transparent url("../media/images/studio/infine-inmotion-nl.gif") 0 0 no-repeat;
}

.studio-video-nl:hover {
background: transparent url("../media/images/studio/infine-inmotion-nl-over.gif") 0 0 no-repeat;
}

.studio-global {
width:910px;
padding:0 0 0 15px;
}

.studio-box-equipe {
width:840px;
height:150px;
margin:0 0 10px 0;
padding:0;
display:block;
}

.studio-global p {
font-size:14px;
line-height:18px;
margin:0;
padding:5px 0 5px 0;
width:880px;
}

.studio-global h2 {
margin:0;
padding:25px 0 10px 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
line-height:24px;
color:#d4d700;
letter-spacing:0;
}

.studio-global a {
color:#D4D700;
text-decoration:none;
font-weight:bold;
}

.studio-global a:hover {
color:#fff;
}

.studio-global-colLeft {
margin:0;
padding:0;
width:500px;
float:left;
display:inline;
}

.studio-global-colRight {
margin:0 20px 0 0;
padding:0;
width:360px;
float:right;
display:inline;
}

.balloon { 
margin:0;
padding:0;
float:left;
display:inline;
}

.balloon#marc { 
	margin-left:60px;
}

.balloon#sophie { 
	margin-left:35px;
}

.balloon#david { 
	margin-left:25px;
}

.balloon#catherine { 
	margin-left:35px;
}

.balloon#denis { 
	margin-left:20px;
}

.balloon#stephanie { 
	margin-left:135px;
}

.balloon#julien { 
	margin-left:25px;
}

.balloon#aurelie { 
	margin-left:35px;
}

.balloon#eric { 
	margin-left:25px;
}

.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}

.balloon ul li {
float:left;
margin:0;
}

.balloon ul li a, .balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent;
}

.balloon ul li a:hover {
background-position:0 0;
}

.balloon#marc ul li a, .balloon#marc ul li a:visited {
	background-image:url("../media/images/studio/infine-marc.gif");
	width:113px;
	height:143px;
	margin-top:5px;
}

.balloon#marc ul li a:hover {
	background-image:url("../media/images/studio/infine-marc-over.gif");
}

.balloon#sophie ul li a, .balloon#sophie ul li a:visited {
	background-image:url("../media/images/studio/infine-sophie.gif");
	width:121px;
	height:146px;
	margin-top:0px;
}

.balloon#sophie ul li a:hover {
	background-image:url("../media/images/studio/infine-sophie-over.gif");
}

.balloon#david ul li a, .balloon#david ul li a:visited {
	background-image:url("../media/images/studio/infine-david.gif");
	width:105px;
	height:136px;
	margin-top:10px;
}

.balloon#david ul li a:hover {
	background-image:url("../media/images/studio/infine-david-over.gif");
}

.balloon#catherine ul li a, .balloon#catherine ul li a:visited {
	background-image:url("../media/images/studio/infine-catherine.gif");
	width:120px;
	height:146px;
	margin-top:0px;
}

.balloon#catherine ul li a:hover {
	background-image:url("../media/images/studio/infine-catherine-over.gif");
}

.balloon#denis ul li a, .balloon#denis ul li a:visited {
	background-image:url("../media/images/studio/infine-denis.gif");
	width:112px;
	height:139px;
	margin-top:5px;
}

.balloon#denis ul li a:hover {
	background-image:url("../media/images/studio/infine-denis-over.gif");
}

.balloon#stephanie ul li a, .balloon#stephanie ul li a:visited {
	background-image:url("../media/images/studio/infine-stephanie.gif");
	width:110px;
	height:140px;
	margin-top:0px;
}

.balloon#stephanie ul li a:hover {
	background-image:url("../media/images/studio/infine-stephanie-over.gif");
}

.balloon#julien ul li a, .balloon#julien ul li a:visited {
	background-image:url("../media/images/studio/infine-julien.gif");
	width:110px;
	height:140px;
	margin-top:10px;
}

.balloon#julien ul li a:hover {
	background-image:url("../media/images/studio/infine-julien-over.gif");
}

.balloon#aurelie ul li a, .balloon#aurelie ul li a:visited {
	background-image:url("../media/images/studio/infine-aurelie.gif");
	width:112px;
	height:140px;
	margin-top:5px;
}

.balloon#aurelie ul li a:hover {
	background-image:url("../media/images/studio/infine-aurelie-over.gif");
}

.balloon#eric ul li a, .balloon#eric ul li a:visited {
	background-image:url("../media/images/studio/infine-eric.gif");
	width:102px;
	height:133px;
	margin-top:5px;
}

.balloon#eric ul li a:hover {
	background-image:url("../media/images/studio/infine-eric-over.gif");
}

.balloon ul li a img, .balloon ul li a:visited img {
border:0;
}

.balloon ul li dl {
visibility:hidden;
position:absolute;
}

table {
margin:-2px;
border:0;
padding:0;
border-collapse:collapse;
font-size:1em;
}

.balloon dl {
}

.balloon dd {
height:95px;
margin:0;
padding:0;
color:#000;
}

.balloon dd#typ1 {
	width:270px;
	background:transparent url("../media/images/studio/bck-bulle-typ1.gif") no-repeat 0 0;
}

.balloon dd#typ1 p {
	width:270px;
}

.balloon dd#typ2 {
	width:250px;
	background:transparent url("../media/images/studio/bck-bulle-typ2.gif") no-repeat 0 0;
}

.balloon dd#typ2 p {
	width:250px;
}

.balloon dd#typ3 {
	width:250px;
	background:transparent url("../media/images/studio/bck-bulle-typ3.gif") no-repeat 0 0;
}

.balloon dd#typ3 p {
	width:250px;
}

.balloon dd p {
padding:25px 0 0 25px;
margin:0;
font-size:14px;
color:#00464f;
line-height:16px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.balloon dd span {
font-size:10px;
font-weight:normal;
font-style:italic;
margin:0;
padding:0;
}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
visibility:visible;
cursor:default;
margin:0;
padding:0;
}

.balloon#marc ul li:hover dl,
.balloon#marc ul li a:hover dl {
	top:145px;
	left:-5px;
}

.balloon#sophie ul li:hover dl,
.balloon#sophie ul li a:hover dl {
	top:137px;
	left:-15px;
}

.balloon#david ul li:hover dl,
.balloon#david ul li a:hover dl {
	top:142px;
	left:-5px;
}

.balloon#catherine ul li:hover dl,
.balloon#catherine ul li a:hover dl {
	top:140px;
	left:5px;
}

.balloon#denis ul li:hover dl,
.balloon#denis ul li a:hover dl {
	top:135px;
	left:-15px;
}

.balloon#stephanie ul li:hover dl,
.balloon#stephanie ul li a:hover dl {
	top:135px;
	left:0px;
}

.balloon#aurelie ul li:hover dl,
.balloon#aurelie ul li a:hover dl {
	top:135px;
	left:-10px;
}


.balloon#julien ul li:hover dl,
.balloon#julien ul li a:hover dl {
	top:145px;
	left:-5px;
}

.balloon#eric ul li:hover dl,
.balloon#eric ul li a:hover dl {
	top:135px;
	left:-10px;
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
font-size:12px;
text-decoration:none;
display:inline;
color:#00464f;
font-weight:bold;
background-image:none !important;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
text-decoration:none;
color:#FFF;
}

/************ CONTENT > CONTACT ************/

.cont-tidy-contact {
display:block;
width:100%;
margin:0;
padding:0;
}

.cont-tidy-contact-colLeft {
float:left;
display:inline;
margin:30px 0 0;
padding:0 115px 0 15px;
border-right:1px dotted #80a3a7;
}

.cont-tidy-contact-colLeft p {
font-size:14px;
line-height:20px;
margin:0;
padding:0;
}

.cont-tidy-contact-colRight {
float:left;
display:inline;
height:105px;
margin:30px 0 0 50px;
padding:25px 0 0 140px;
background:transparent url("../media/images/contact/bck-map.png") top left no-repeat;
}

.cont-tidy-contact-colRight p {
font-size:11px;
line-height:16px;
margin:0;
padding:0;
}

.contact-global {
width:910px;
padding:0 0 0 15px;
}

.contact-global p {
margin:0;
padding:5px 0;
}

.contact-global a {
color:#D4D700;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.contact-global a:hover {
color:#fff;
}

.contact-global h2 {
margin:0;
padding:0 0 10px 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
line-height:24px;
color:#d4d700;
letter-spacing:0;
}

a.acrobat {
font-size:11px !important;
color: #fff !important;
text-decoration:underline !important;
}

a.acrobat:hover {
color:#d4d700 !important;
}

/************ CONTENT > ACTUALITES ************/

.cont-actu {
width:855px;
margin:0 0 10px 0;
padding:10px 0 15px 0px;
border-bottom:1px dotted #00464f;
}

.cont-actu h1 {
margin:0;
padding:0 0 3px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
line-height:21px;
color:#fff;
letter-spacing:0;
}

.cont-actu h2 {
margin:0;
padding:0 0 10px 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px !important;
line-height:12px !important;
color:#d4d700;
letter-spacing:0;
text-transform:uppercase;
}

.cont-actu p {
font-size:14px;
line-height:20px;
margin:0;
padding:0 0 10px 0 !important;
}

.cont-actu#tidy {
margin:0;
padding:30px 0 0;
border:none;
}

.cont-actu-colLeft {
float:left;
display:inline;
width:251px;
height:101px;
margin:0;
padding:4px 15px 0 19px;
background:transparent url("../media/images/commun/bck-img.png") top left no-repeat;
}

.cont-actu-colLeft#imgtidy {
background:transparent url("../media/images/commun/bck-img-tidy.png") top left no-repeat;
}

.cont-actu-colRight {
float:left;
display:inline;
width:570px;
margin:0;
padding:0;
}

.cont-actu-colRight p {
font-size:14px;
line-height:18px;
margin:0;
padding:0;
}

.cont-actu-colRight a {
color:#D4D700;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.cont-actu-colRight a:hover {
color:#fff;
}
/************ FORM ************/

.form {
padding: 10px 0 20px 0;
margin:0;
}

.formLabels {
float: left;
width:120px;
font-size:14px;
line-height:16px;
margin: 0;
padding:2px 0 0 0;
display:inline;
}

.formFields {
}

.formFields input {
float: left;
width: 200px;
margin:0 50px 0 0;
padding:5px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border: none;
color: #fff;
background-color:#00464f;
font-size: 12px;
line-height: 14px;
font-weight:bold;
display:inline;
}

.formRow {
padding: 5px 0px;
margin:0;
}

.formTextarea {
float: left;
width: 585px;
margin:0;
padding:2px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border: none;
color: #fff;
background-color:#00464f;
font-size: 12px;
line-height: 14px;
font-weight: normal;
display:inline;
}

.submitarea {
margin:10px 0 10px 120px;
padding:0;
}

.submitFormFR {
padding:2px 18px 7px 12px !important;
}

*:first-child+html .submitFormFR { 
padding:2px 0px 7px 0px; /* Pour IE 7.0 */
width:85px;
}

.submitFormEN {
padding:2px 25px 7px 22px !important;
}

*:first-child+html .submitFormEN { 
padding:2px 0px 7px 0px; /* Pour IE 7.0 */
width:85px;
}

.submitFormNL {
padding:2px 20px 7px 17px !important;
}

*:first-child+html .submitFormNL { 
padding:2px 0px 7px 0px; /* Pour IE 7.0 */
width:85px;
}

.formCheckbox {
display:block;
margin: 2px 0;
padding:0;
}

.formCheckboxLabels {
float: left;
font-size:14px;
line-height:16px;
margin: 0;
padding:0;
display:inline;
}

/************ FOOTER ************/

#footer {
width:100%;
margin:0;
padding:0;
background:transparent url("../media/images/commun/bck-footer.png") top center repeat-x;
}

#footer a {
color:#979494;
text-decoration:none;
}

#footer a:hover {
color:#d4d700;
}

.footer-colLeft {
float:left;
display:inline;
margin:0;
padding:25px 0 0 5px;
}

.footer-colLeft#inner {
padding:25px 0 0 65px;
}

.footer-colLeft ul {
list-style-type:none;
margin:0;
padding:0;
}

.footer-colLeft li {
display:inline;
font-size:14px;
line-height:16px;
color:#979494;
border-right:1px solid #188695;
margin:0;
padding:0 10px;
}

.footer-colLeft li#last {
border-right:none;
}

.footer-colLeft li.active-footer a {
color:#d4d700 !important;
}

.footer-colLeft p {
margin:0;
padding:5px 0 0 10px;
font-size:12px;
line-height:14px;
color:#979494;
}

.footer-colRight {
float:right;
display:inline;
margin:15px 25px 0 0;
padding:0;
background:transparent url("../media/images/commun/pct-phone.png") top left no-repeat;
text-align:right;
}

.footer-colRight p {
margin:0;
padding:7px 0 40px 110px;
font-size:16px;
line-height:20px;
color:#979494;
font-weight:bold;
}

