/* CSS Publispaper Stylesheet presentation - JAN 09*/

body {font-size: 12px;}
a {color:#000000;}

#mainTitre {width:974px;height:59px; background: url(../img/main_titre_bg.jpg) no-repeat 0 0; margin-bottom: 6px;}

#mainTop {width:974px;height:446px; background: url(../img/pres/main_top_bg.jpg) no-repeat 0 0;}
#mainTopContent {width:923px;height:446px; background: url(../img/pres/main_top_content_bg.jpg) no-repeat 0 0; float:right;}

#mainTopContent .titre {width:366px;height:27px; margin-left:303px; margin-top:32px; background: url(../img/tic_titre_bg.gif) 0 10px no-repeat; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:normal; color:#333333; padding:0 0 0 13px;}
#mainTopContent .accroche {width:557px; margin-left:317px; margin-bottom:17px;}
#mainTopContent .zoneFlash {width:340px; margin-left:531px; text-align:center;}
#mainTopContent .zoneFlash .zoneFlashBtnDemo {padding-bottom:11px; height:22px;}
#mainTopContent .zoneFlash .zoneFlashBtnDemo a {float:none;}

#mainMid {width:923px;height:472px; margin-top: 17px; float:right;}

#mainMidCol01 {width:307px; height:472px; float:left; margin-right:1px; background: #ffffff;}
#mainMidCol02 {width:307px; height:472px; float:left; margin-right:1px; background: #ffffff;}
#mainMidCol03 {width:307px;height:472px; float:left; background: #66bcbc; color: #ffffff;}
/*
#mainMidCol01 .titre {width:307px; height:33px;}
#mainMidCol02 .titre {width:307px; height:33px;}
#mainMidCol03 .titre {width:307px; height:33px;}
*/
#mainMid .titre {background:url(../img/title_h2_background_black.jpg) 0 0 repeat-x #000000; margin:2px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; color:#FFFFFF; text-align:center; padding:6px 0 7px 0;}
#mainMid .titre h3 {display:inline; margin:0; font-weight:normal; font-size:16px; background:url(../img/tic_titre_h2_black.gif) 0 8px no-repeat; padding-left:15px;}
#mainMid .titre.titreGreyBg {background:url(../img/title_h2_background_grey.jpg) 0 0 repeat-x #DADEE1; color:#000000;}
#mainMid .titre.titreGreyBg h3 {background:url(../img/tic_titre_h2_grey.gif) 0 8px no-repeat;}

#mainMidCol01 .content {width:307px; height:439px; background:url(../img/pres/main_mid_col01_bg.jpg) 0 0 no-repeat;}
#mainMidCol02 .content {width:307px; height:439px; background:url(../img/pres/main_mid_col02_bg.jpg) 0 0 no-repeat;}
#mainMidCol03 .content {width:307px; height:439px; background:url(../img/pres/main_mid_col03_bg.jpg) 0 0 no-repeat;}

#mainMidCol01 .content {width:250px; height:375px; margin-left: 33px; margin-top: 32px;}
#mainMidCol01 .content p {margin:0 0 13px 0;}

#mainMidCol02 .content01 {width:255px; height:96px; margin-left: 24px; margin-top: 32px; background:url(../img/pres/main_mid_col02_visuel.gif) 0 0 no-repeat;}
#mainMidCol02 .content01 span {float:left; width:200px; margin-left:55px;}

#mainMidCol02 .content02 {width:255px; height:250px; margin-left: 24px; margin-top: 32px;}
#mainMidCol02 .content02 ul li {padding-left:11px; list-style-type:none; background-image: url(../img/dot_blue.gif); background-repeat: no-repeat; background-position: 0 6px;}


#mainMidCol03 .content01 {width:250px; height:94px; margin-left: 28px; margin-top: 32px;}

#mainMidCol03 .content02 {width:259px; height:66px; margin-left: 27px; margin-top: 23px; background: url(../img/pres/main_mid_col03_visuel01.jpg) 0 0 no-repeat;}
#mainMidCol03 .content02 span {float:left; margin-left:60px; width:199px;}

#mainMidCol03 .content03 {width:259px; height:77px; margin-left: 27px; margin-top: 28px; background: url(../img/pres/main_mid_col03_visuel02.jpg) 0 0 no-repeat;}
#mainMidCol03 .content03 span {float:left; margin-left:60px; width:199px;}

#mainMidCol03 .voirDemo {width:250px; height:77px; margin-left: 27px; margin-top: 28px;}
#mainMidCol03 .voirDemo img {float:left; margin-right:6px;}
#mainMidCol03 .voirDemo a {float:left; font-family: Verdana, Geneva, sans-serif; color:#ffffff; text-decoration:none;}
#mainMidCol03 .voirDemo a:hover {text-decoration:underline;}

.mainBottomPresentation {width:923px;height:160px; margin-left:51px; background:#ffffff url(../img/pres/main_bottom01_bg.jpg) 0 0 no-repeat;}
.mainBottomPresentation .content {margin-top:10px; margin-left:48px; width:800px; height:32px;}
.mainBottomPresentation.mainBottomPresentation2Bg {background:#ffffff url(../img/pres/main_bottom02_bg.jpg) 0 0 no-repeat;}

.mainBottomPresentation .voirDemo {float:left; margin-top:20px; margin-left:48px;}
.mainBottomPresentation img {margin-right:9px; float:left;}