﻿/* Global Reset */
body, h1, h2, h3, h4, h5, p { margin:0; padding:0; }
img {display:block; border:0;}

.clear { clear:both; height:0px; }

body {
font-family:Helvetica, Arial, Sans-Serif;
font-size:14px;
font-weight:normal;
}

h1 { /* Logo de la compagnie */
padding-top:20px;
padding-left:17px;
}
h2 { /* Titre de section (ex: service, partner, etc) */
color:#f26522;
font-size:20px;
font-weight:normal;
padding-top:23px;
padding-bottom:20px;
}
h3 { /* Titre de page (ex: design service, alliance, etc) */
color:#f26522;
font-size:15px;
padding-bottom:1px;
}
p {
line-height:17px;
}
ul {
margin:10px 0 10px 25px;
}
li {
margin:0;
padding:0;
list-style:none;
line-height:17px;
}

ul.withBullet li {
list-style:url(/medias/communs/bullet.gif);
}

#wrapper {
width:990px;
margin:auto;
position:relative;
}
#header {
height:90px;
background:url(/medias/communs/headerBG.gif) repeat-x bottom left;
}
#leftColumn {
float:left;
width:630px;
margin:0 15px 0 17px;
}
#rightColumn {
padding-top:82px;
}
#footer {
margin-top:40px;
margin-bottom:10px;
font-size:13px;
color:#939598;
}
#footer a {
color:#939598;
text-decoration:underline;
}
#footer a:hover {
text-decoration:none;
}

/* Ovale section */
.ovale {
position:relative;
z-index:10; /* Pour la superposition de la bulle orange */
margin-top:30px;
}
.ovale .bubble {
position:relative;
z-index:20; /* Pour la superposition de la bulle orange */
padding-top:85px;
margin-left:0px;
}

/* Alliances section */
.tableAlliances {
margin-top:22px;
}
.tableAlliances a {
color:#f26522;
text-decoration:none;
}
.tableAlliances a:hover { 
text-decoration:underline; 
}
.tableAlliances .leftColumn {
clear:both;
float:left;
width:145px;
text-align:right;
}
.tableAlliances .leftColumn img {
float:right;
}
.tableAlliances .rightColumn {
float:left;
width:470px;
margin:0 0 25px 10px;
}

/* Tools section */
.tableLeftColumn {
float:left;
width:310px;
}
.tableRightColumn {
float:left;
width:310px;
margin-left:10px;
}
.tool {
clear:both;
padding-top:15px;
}
.tool .toolTitle {
float:left;
width:100px;
}
.tool ul {
float:left;
width:210px;
line-height:19px;
margin:0;
padding:0;
}
.tool li {
padding:0 5px 0 5px;
list-style:none;
}
.tool li.alternateBackground {
background:#fde8de;
padding:0;
}
.tool li.alternateBackground .bgTopLeft { /* Pour avoir un coin haut gauche rond */
background:url(/medias/communs/tableAlternateBackground_TopLeft.gif) no-repeat top left;
}
.tool li.alternateBackground .bgTopRight { /* Pour avoir un coin haut droit rond */
background:url(/medias/communs/tableAlternateBackground_TopRight.gif) no-repeat top right;
}
.tool li.alternateBackground .bgBottomLeft { /* Pour avoir un coin bas gauche rond */
background:url(/medias/communs/tableAlternateBackground_BottomLeft.gif) no-repeat bottom left;
}
.tool li.alternateBackground .bgBottomRight { /* Pour avoir un coin bas droit rond */
padding:0 5px 0 5px;
background:url(/medias/communs/tableAlternateBackground_BottomRight.gif) no-repeat bottom right;
}

/* Dowload section */
.tableDownload {
margin-top:26px;
}
.tableDownload a {
color:#f26522;
text-decoration:none;
}
.tableDownload a:hover {
text-decoration:underline;
}
.tableDownload .left {
clear:both;
float:left;
width:99px;
height:110px;
}
.tableDownload .left img {
float:right;
}
.tableDownload .right {
float:left;
width:512px;
height:110px;
margin:0 0 0 19px;
}

/* Menu 1 section */
#menu1 {
position:absolute;
right:18px;
top:35px;
font-size:11px;
font-weight:bold;
}
#menu1 a {
color:#f58c59;
text-decoration:none;
}
#menu1 a:hover{
text-decoration:underline;
}
#menu1 ul {
margin:0;
}
#menu1 li {
display:block;
float:left;
padding:0 23px 0 24px;
background:url(/medias/communs/menu1Separator.gif) no-repeat left top;
height:19px;
overflow:hidden;
line-height:14px;
list-style:url() none;
}
#menu1 li:first-child { /* TODO : Check compatibility */
background:none;
}
#menu1 li:last-child { /* TODO : Check compatibility */
padding-right:0;
}

/* Menu 2 section */
#menu2 {
position:absolute;
right:18px;
top:68px;
}
#menu2 a {
display:block;
font-size:11px;
font-weight:bold;
color:White;
text-decoration:none;
margin:0 10px 0 10px;
}
#menu2 ul {
margin:0;
}
#menu2 li.link1 {
position:relative;
float:left;
height:22px;
line-height:20px;
margin-right:5px;
background:url(/medias/communs/menuBG.png) left top;
list-style:url() none;
}
#menu2 li.link1:last-child { /* TODO : Check compatibility */
margin-right:0;
}
#menu2 li.link1 div.leftCorner {
background:url(/medias/communs/menuLeftCorner.png) no-repeat left top;
}
#menu2 li.link1 div.rightCorner {
background:url(/medias/communs/menuRightCorner.png) no-repeat right top;
}
#menu2 li.link1.hover, #menu2 li.link1.actif {
background:url(/medias/communs/menuBG-o.png) left top;
}
#menu2 li.link1.hover div.leftCorner, #menu2 li.link1.actif div.leftCorner {
background:url(/medias/communs/menuLeftCorner-o.png) no-repeat left top;
}
#menu2 li.link1.hover div.rightCorner, #menu2 li.link1.actif div.rightCorner {
background:url(/medias/communs/menuRightCorner-o.png) no-repeat right top;
}

/* Menu 2 sous-menu section */
.topSubMenu { background:url(/medias/communs/sMenuTop.png) no-repeat left top; height:9px; line-height:9px; }
.bottomSubMenu { background:url(/medias/communs/sMenuBottom.png) no-repeat left bottom; height:9px; line-height:9px; }

#menu2 li.link1 div.subMenu {
display:none;
position:absolute;
top:22px;
left:0;
width:150px;
}
#menu2 li.link1.hover div.subMenu {
display:block;
}

#menu2 li.link1 ul {
background:#f26522;
width:150px;
margin:0;
padding:0;
}
#menu2 li.link1 li {
margin:0;
padding:0;
text-align:left;
list-style:url() none;
}

#menu2 li.link1 li a:hover {
text-decoration:underline;
}

/* Autres */
.googleMap {
position:absolute;
top:100px;
right:0px;
}

ul.directionList {
margin:0;
padding-left:30px;
list-style:decimal;
}
ul.directionList li {
list-style:decimal;
}