html {background: #EDEDED url(../img/bg-body.png) repeat-x 0 0; width:100%; float:left;}
body {margin:0 auto; width:972px; font: normal 12px verdana; color:#00203a;}
/* Custom font */
@font-face {
font-family: 'AndaleMonoRegular';
src: url('../fonts/andalemono-webfont.eot');
src: local('☺'), url('../fonts/andalemono-webfont.woff') format('woff'), url('../fonts/andalemono-webfont.ttf') format('truetype'), url('../fonts/andalemono-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
.AndaleMono {font-weight: normal; font-style: normal; line-height:normal; font-family: 'AndaleMonoRegular', sans-serif;}
/* links */
a {font: normal 12px verdana; color:#003e7e; text-decoration:none;}
a:hover {text-decoration:underline;}
a.pdf {background:url(../img/page_white_acrobat.png) no-repeat scroll 0 2px; display:block; line-height:20px; padding-left:20px;}
a.xls {background:url(../img/page_white_excel.png) no-repeat scroll 0 2px; display:block; line-height:20px; padding-left:20px;}
h2 {float:left; width:100%; font: normal 150% 'Verdana'; text-transform:uppercase;}
h3 {float:left; width:100%; font: bold 120% 'Verdana'; text-transform:uppercase;}
.left {float:left;}
.right {float:right;}
.other_speakers {float:left; margin-top:40px;}
/*Header*/
#topMenu {float:left; width:100%; height:42px;}
#topMenu ul {margin-top:17px;}
#topMenu li {float:left; display:inline; list-style-type:none; padding: 0 5px; border-right: 1px solid #003e7e; }
#langSel ul li {display:inline; list-style-type:none; }
#topMenuWrapper {float:right; }
#topMenuPart1 {float:left;}
#lang_sel {float:left;}
#topMenuPart3 {float:left;}
/* language selector */
/* hack to correct IE5.5 faulty box model */
* html #lang_sel {width:12em; w\idth:12em;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {float:left; position:relative; width:87px; background-color:#FFF; height:15px; padding:0 5px 2px 5px; z-index: 100;}
#lang_sel li ul li {float:left; position:relative; width:87px; background-color:#FFF; height:15px; padding:0 5px 5px 5px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel a, * html #lang_sel a:link, * html #lang_sel a:visited {width:149px; w\idth:138px;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {float:left;visibility:hidden;position:absolute;background-color:#FFF; top:-5px; left:-5px; padding:10px 0 0 5px;}
#lang_sel ul ul li{height:20px; border-right:0;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* yet another hack for IE5.5 */
* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {width:150px;w\idth:128px;}
#lang_sel a.lang_sel_sel{background:url(../img/icon-arrow-down.gif) right no-repeat; float:left; width:90px; color: #003e7e;}
#lang_sel a.lang_sel_sel:hover{text-decoration: none;}
/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul{visibility:visible; text-decoration:none;}
#lang_sel a:hover {text-decoration:none;}
#lang_sel ul li img { position: relative; margin: 0; padding: 0; margin-right: -2px; top: 2px;}
#lang_sel ul li ul li img {margin-right: -2px;}
/* header */
#header {float:left; height:300px; width:972px; margin-top:20px;}
#headerContainer {float:left; width:972px; height:300px; background: url(../img/bg-header.png) no-repeat 0 0;}
#hCol1 {float:left; height:300px; width:322px;}
#hCol1 .edition {float:left; width:322px; text-align:center; font: normal 14px verdana; color:#aa0000; margin-bottom:5px;}
#hCol1 .slogan {float:left; width:322px; text-align:center; color:#003e7e;}
#hCol2 {float:left; height:300px; width:650px;}
a.logo {float:left; margin:28px 0 30px 56px; width:213px; height:116px;}
#hCol1CTA {margin: 0 auto; width:268px;}
a#inscription {float:left; width:268px; height:36px; font-size:18px; line-height:36px; text-align:center; color:#fff; background: url(../img/btn-01.png) no-repeat 0 0; margin:20px auto; }
a#inscription:hover {background: url(../img/btn-01.png) no-repeat 0 -36px; text-decoration:none; }
#titleTextPrint {float:right; width:110px; height:43px; /*background: url(../img/bg-titles-repeat.jpg) repeat-x 0 0;*/ line-height:43px; margin-top:5px;}
#titleTextPrint h2 {float:left; font: 13px/43px 'BitstreamVeraSansBold'; color:#005090; letter-spacing:-0.1em; text-transform:uppercase; background: url(../img/fleche-droite.png) no-repeat 0 15px; padding-left:15px; margin-left:12px; padding-bottom: 5px;}
/* Print and resize */
.fontIcons { float: right; width: 54px; height: 25px; padding-top: 1px; text-indent:-9999px;}
.printIcon {float:right; padding-top: 1px; margin:0 12px;}
.printIcon a { float: left; width: 24px; height: 41px; background: url(../img/printAndResize.jpg) -60px top no-repeat;text-indent:-9999px;}
a.decreaseFont { float: left; width: 13px; height: 41px; background: url(../img/printAndResize.jpg) left top no-repeat; }
a.resetFont { float: left; width: 20px; height: 41px; background: url(../img/printAndResize.jpg) -13px top no-repeat; margin: 0 1px; }
a.increaseFont { float: left; width: 13px; height: 41px; background: url(../img/printAndResize.jpg) -32px top no-repeat; }
/* Slider Home Page */
.productSlider { width: 630px; height: 253px; position: relative; margin: 23px 0 0 0; }
.productSlider .wrapper { width: 630px; overflow: auto; height: 253px; margin: 0; position: absolute; top: 0; left: 0; }
.productSlider .wrapper ul { float:left; width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; z-index: 1;}
.productSlider ul li { display: block; float: left; padding: 0; height: 253px; width: 630px; margin:0; }
#thumbNav { position: relative; top: 0; left:582px; text-align: center; width:46px; height:251px; line-height: 64px; margin: 0; padding:0; z-index:3; background-color:#ededed; border:1px solid #c3c3c3; }
#thumbNav a { float:left; width:36px; height:26px; color: #000; font: bold 12px/26px verdana, sans-serif; display: inline-block; background: url(../img/btn-02.png) no-repeat 0 -26px; text-align: center; margin: 5px 5px; display:none; }
#thumbNav a:hover, #thumbNav a.cur { height:26px; background: url(../img/btn-02.png) no-repeat 0 0; text-decoration:none; color:#fff; }
#start-stop { background: url(../img/btn-play-pause.jpg) no-repeat 0 0; text-indent:-9999px; padding: 2px 5px; width: 36px; text-align: center; position: absolute; left: 583px; top: 253px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing { background: url(../img/btn-play-pause.jpg) no-repeat 0 -18px; text-indent:-9999px; }
/* main menu */
#myslidemenu {float:left; width:972px; height:43px; background: url(../img/bg-main-menu.jpg) repeat-x 0 0;}
#myslidemenu li {float:left; list-style-type:none; display:inline;}
#myslidemenu li a {float:left; height:43px; padding:0 40px; background: url(../img/bg-main-menu.jpg) repeat-x 0 0; color:#fff; text-decoration:none; border-right: 1px solid #00244e; border-left: 1px solid #0d3862; font: normal 13px/43px 'Verdana'; text-transform:uppercase;}
#myslidemenu ul.mmenu-es li a { padding:0 26px;}
#myslidemenu ul.mmenu-en li a { padding:0 54px;}
#myslidemenu li a:hover {background: url(../img/bg-main-menu.jpg) repeat-x 0 -46px;}
#myslidemenu ul li ul {float:left; background:none; background-color:#0F4573; }
#myslidemenu ul li ul li {float:left; white-space:nowrap;}
#myslidemenu ul li ul li a {background:none;}
#myslidemenu ul li ul li a:hover {background:none; background-color:#00294F;}
/* site content */
#content {float:left; width:958px; background:#fff url(../img/bg-content.jpg) repeat-y 0 0; padding:7px; border-top:4px solid #dadada; border-bottom: 8px solid #fff}
#leftSidebar {float:left; width:222px; height:875px; background:#f3f3f3 url(../img/grenouille.jpg) no-repeat right bottom;}
#mainContent {float:left; width:470px; padding:0 10px;}
h1 {float:left; width:100%; color:#989898; border-bottom:1px solid #838d97; padding-bottom:5px; font: bold 16px/16px 'AndaleMonoRegular'; text-transform:uppercase; margin:10px 0;}
#mainContent p {float:left; margin:10px 0; width:100%;}
#mainContent li {float:left; width:440px; margin:10px 0; padding:0 0 0 15px; background: url(../img/bullets-link.jpg) no-repeat 0 3px; list-style-type: none;}
#mainContent.noSidebarDroite {width:715px;}
.flat {float:left; margin:10px 0!important;}
.flat li {margin:0!important;}
#eventInfo {float:left; width:100%; height:55px; background-color:#fff; padding-top:10px;}
.eventDate {float:left; width:100%; text-align:center; color:#021d3a; font:normal 18px verdana; text-transform:uppercase;}
.eventLocation {float:left; width:100%; text-align:center; color:#021d3a; font:normal 11px verdana;}
#secondMenu {float:left; width:213px; padding:4px;}
#secondMenu li {float:left; width:193px; line-height:16px; margin:5px 0 0 0; padding:5px 5px 5px 15px; text-transform:uppercase; background: #fff url(../img/bullets1.png) no-repeat 5px 10px;}
/* right sidebar */
#rightSidebar {float:left; width:237px;;}
#searchform {float:left; width:237px; padding-left:6px; margin-bottom:10px;}
#searchsubmit {float:left; width:86px; height:23px; background-color:#104a78; color:#fff; border:0; cursor: pointer; line-height:23px!important; text-transform:uppercase; font:normal 10px verdana;}
#sField {float:left; width:146px; height:19px; border: 1px solid #b6c8f0; color:#003995; font: normal 10px verdana; color:#104a78; text-indent:3px;}
.rightBox {float:left; width:246px; min-height:175px; background: url(../img/bg-boites-droite.jpg) no-repeat left bottom; padding-left:6px;}
h4 {float:left; width:234px; height:42px; line-height:42px; margin:0; padding:0; text-align:center; text-transform:uppercase; background: url(../img/bg-h4-droite.jpg) repeat-x 0 0; color:#caeeff;}
.rightBoxContent {float:left; background-color:#f3f3f3; width:228px; margin-bottom:10px; padding:3px;}
/* left sidebar */
.littleLogo{float:left;margin:5px 0 0 0;}
#frog {float:right;}
/* les nouvelles sur l'accueil */
.dateTitleWrap {float:left; width:100%; padding:10px 0; border-bottom: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb;}
.postNewsPage li:first-child .dateTitleWrap:first-child {border-top:none;}
.newsDate {float:left; width:31px; height:33px; color:#a01b12; font:bold 11px/15px verdana; background: url(../img/bg-newsdate.jpg) no-repeat 0 0; padding:0 10px; text-align:center; text-transform:uppercase;}
.postNewsPage {float:left; margin:0; padding:0;}
.postNewsPage li {float:left; list-style-type: none; margin:0; background:none!important;}
.postexcerpt {float:left; margin:5px 0;}
.postNewsPage h3 {float:left; font: bold 12px verdana!important; width:389px!important;}
.postNewsPage h3 a {float:left; font: bold 12px verdana!important; padding:0 10px; width:385px!important;}
.btnLireLaSuite {float:right; margin-bottom:20px;}
.navigation {float:left; width:100%;}
.rightBoxContent ul li { float:left; list-style-type:none; margin:2px;}
#preview{
position:absolute;
border:1px solid #ccc;
background:#fff;
padding:5px;
display:none;
color:#000;
}
.wpcf7-mail-sent-ok {float:left; background-color:#398f14; color:#fff;}
.wpcf7-validation-errors {float:left; background-color:#ff0000; color:#fff;}
/* Footer */
footer {float:left; margin-top:10px;}
footer #lang_sel ul ul {top:5px;}
#footerNav {float:left; width:971px; height:35px; background-color:#fff;}
#footerNav ul {margin-top:10px;}
#footerNav li { float:left; display:inline; list-style-type:none; padding: 0 5px; border-right: 1px solid #003e7e; }
#footerMenuWrapper {float:left;}
#footerMenuPart1 {float:left;}
#footerMenuPart3 {float:left;}
#footerContent {float:left; width:971px; background: #F3F3F3; padding:10px 0;}
#searchform2 {float:right; width:237px; padding-left:6px; margin-top:5px;}
#searchsubmit2 {float:left; width:86px; height:23px; background-color:#104a78; color:#fff; border:0; cursor: pointer; line-height:23px!important; text-transform:uppercase; font:normal 10px verdana;}
#sField2 {float:left; width:146px; height:19px; border: 1px solid #b6c8f0; color:#003995; font: normal 10px verdana; color:#104a78; text-indent:3px;}
#footerCol1 {float:left; width:214px; padding:14px;}
#footerCol2 {float:left; width:214px; padding:14px;}
#footerCol3 {float:left; width:214px; padding:14px;}
#footerCol4 {float:left; width:214px; padding:14px;}
footer h5 {width:214px; border-bottom: 1px solid #999; font-size: 16px; padding-bottom:5px; margin-top:10px;}
.h5Wrap {float:left; border-bottom: 1px solid #9CC4E9;}
#footerCol4 .wpcf7-validates-as-required, .captcha-367 input {float:left; width:194px; height:18px; margin:5px 0 5px 0;}
#footerCol4 textarea {float:left; width:194px; height:50px;}
#footerCol4 p {float:left; margin:3px 0;}
.smallPlayer {width:212px; margin:5px auto;}
.archives {float:left; margin-left:5px; width:20px; margin-top:10px;}
.archives li {float:left; width:195px; height:30px; background: url(../img/bg-li-archives.jpg) repeat-x 0 20px;}
.archives li a {float:left; width:195px; height:30px; background: url(../img/icon-li-archives.jpg) no-repeat 0 0; padding-left:25px;}
.footerNews {float:left;}
.footerNews li {float:left; padding:5px; border-bottom: 1px solid #999; border-top: 1px solid #ccc; list-style-type:none; }
.footerNews li:hover {background: #cecece;}
.footerVideos {float:left;}
.footerVideos li {float:left; padding:5px; border-bottom: 1px solid #999; border-top: 1px solid #ccc; list-style-type:none; }
.footerVideos img {float:left; width:90px; margin-right:4px;}
.footerVideos li:hover {background: #cecece;}
.footerVideos div.right {width:90px;}
/* page speakers */
.speakerBox {float:left; width:705px; padding:5px; border: 5px solid #f3f3f3; margin:5px 0;}
.speakerPict {float:left;width:150px;}
.speakerBio {float:left; width:545px; padding-left:10px;}
.speakerBio .leText {text-align:justify; font:10px arial;}
.videoBox {float:left; width:440px; padding:5px; border: 5px solid #f3f3f3; margin:5px 0;}