/* DIXEL MOBILE 2010 */
/* COMMON STYLES */

/*************** DEFAULT DEFINITION */
html, body { margin: 0; padding: 0; font: 100% Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: normal; color:#333333; background-color: #FFFFFF; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; list-style: none; }
dt, dd, p, li { font-size: 0.69em; }
li li, li p, li h2, li h3, dd li, dd p, dd dd, dd dt, dd h2, dd h3 { font-size: 1em; }
table { border-collapse: collapse; font-size: 1em; padding: 0; }
a { outline: 0 none; text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; }
.clear { clear: both; display: block; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
acronym, abbr { border: none; }
blockquote { padding: 0; margin: 0; }
.hidden { visibility: hidden; }

/*************** STRUCTURE */
/* general */
#global { width: 915px; margin: 0 auto; text-align: left; position: relative; background: #FFFFFF url(./img/bg-global.png) top left repeat-y; }
#content { height: 100%;position:relative; margin: 0 8px 50px 9px; background: #FEFEFE url(./img/bg-content.png) top left repeat-x; }
#logoLeRobert { position: absolute; left: 730px; bottom: -45px;}
#logoLeRobert img { display: block; }
#logoDiagonal { position: absolute; left: 10px; bottom: -45px; }
#logoDiagonal img { display: block; }
#partages { position: absolute; top: 7px; right: 10px; }
#partages img { margin: 0 0 0 4px; }
#homeBack { position: absolute; padding-left: 10px; left: 10px; top: 12px; z-index: 100; background: transparent url(./img/fleche-retour-gris.gif) center left no-repeat; }
#homeBack a { font-size: 1.0em; color: #999999; }
#homeBack a:hover { text-decoration: none; }

/*************** HEADER */
#header { margin: 0; padding: 26px 8px 0 9px; height: 81px; background: transparent url(./img/bg-global-top.png) top left no-repeat; }
#logo { float: left; width: 140px; height: 81px; padding: 0 0 0 10px; font-size: 1em; }
#logo img{ display: block; }
#logoAppStore { float: right; margin-right: 10px; margin-top: 10px; }

/*************** NAVIGATION */
#navigation { float:left; padding: 18px 0 0 30px; }
#navigation li { margin: 0 1px 0 0; float: left; width: 123px; height: 43px; text-align: center; }
#navigation li.violet { background: #FFFFFF url(./img/bg-menu-violet.png) top left repeat-x; }
#navigation li.bleu { background: #FFFFFF url(./img/bg-menu-bleu.png) top left repeat-x; }
#navigation li.vert { background: #FFFFFF url(./img/bg-menu-vert.png) top left repeat-x; }
#navigation li.orange { background: #FFFFFF url(./img/bg-menu-orange.png) top left repeat-x; }
#navigation li a { display: block; width: 123px; color: #FFFFFF; line-height: 36px; font-size: 1.3em; }
#navigation li a:hover { text-decoration: none; }
#navigation li img { display:block; margin: auto; height: 7px; }

/*************** FOOTER */
#footer { padding: 15px 0 0 0; height: 31px; background: #FFFFFF url(./img/bg-global-bottom.png) top left no-repeat; text-align: center; color: #999999; }
#footer a { color: #999999; }

/*************** CONTENT - HOME */
#homeCol1 { float: left; width: 232px; padding-top: 70px; }
#homeCol2 { float: left; width: 354px; padding-top: 30px; }
#homeBtn { text-align: center; }
#homeBtn img { margin-left: 6px; margin-bottom: 5px; }
#homeCol3 { float: left; width: 312px; padding-top: 80px; color: #790E75; }
#homeCol3 h3 { font-size: 1.2em; font-weight: bold; }
#homeCol3 img { display:block; margin-bottom: 55px; }
#homeCol3 .ul1 { margin-top: 15px; }
#homeCol3 .ul1 li { margin-top: 15px; margin-left: 20px; font-size: 0.9em; list-style-type: disc; }
#homeCol3 .ul2 li { margin-top: 0px; margin-left: 10px; font-size: 0.9em; list-style-type: none; }

/*************** CONTENT - PAGES */
#pageTitle { padding-top: 31px; height: 45px; width: 500px; }
.pageTitle-violet { background: transparent url(./img/pointe-titre-violet.gif) bottom right no-repeat; }
.pageTitle-bleu { background: transparent url(./img/pointe-titre-bleu.gif) bottom right no-repeat; }
.pageTitle-vert { background: transparent url(./img/pointe-titre-vert.gif) bottom right no-repeat; }
.pageTitle-orange { background: transparent url(./img/pointe-titre-orange.gif) bottom right no-repeat; }
.pageTitle-blanc { background: transparent url(./img/pointe-titre-blanc.gif) bottom right no-repeat; }
#pageTitle h1 { padding-left: 55px; line-height: 45px; width: 422px; font-size: 0.9em; color: #FFFFFF; font-weight: bold; }
#pageTitle h1.violet { background: transparent url(./img/bg-titre-violet.gif) top left repeat-x; }
#pageTitle h1.bleu { background: transparent url(./img/bg-titre-bleu.gif) top left repeat-x; }
#pageTitle h1.vert { background: transparent url(./img/bg-titre-vert.gif) top left repeat-x; }
#pageTitle h1.orange { background: transparent url(./img/bg-titre-orange.gif) top left repeat-x; }
#pageTitle h1.blanc { background: transparent url(./img/bg-titre-blanc.gif) top left repeat-x; color: #888888; }
/* Mise en page à 2 colonnes */
#pageCol1 { float: left; padding-top: 40px; width: 373px; text-align: left; }
#pageCol1 p.illustration { margin: 0 0 0 45px; height: 360px; width:283px; background: transparent url(./img/ipad-vertical.gif) top center no-repeat; }
#pageCol1 p.illustration img { margin: 34px 0 0 33px; }
#pageCol2 { float: left; padding-top: 60px; width: 497px; font-size: 1.3em; }
#pageCol2 p { padding-bottom: 20px; }
#pageCol2 .ul1 li { margin-left: 20px; font-size: 0.7em; list-style-type: disc; }
#pageCol2 .ul2 { margin: 15px 0 15px 0; }
#pageCol2 .ul2 li { margin: 0 0 0 15px;padding: 0; font-size: 1.0em; list-style-type: none; line-height: 1.1em }
#pageCol2 .ul3 { margin: 0px 0 15px 20px; }
#pageCol2 .ul3 li { margin: 0 0 0 20px;padding: 0; font-size: 0.7em; list-style-type: disc; line-height: 1.2em }
/* Mise en page une colonne */
#pageOneCol { padding: 50px 40px 0 55px; font-size: 1.3em; }
#pageOneCol p.illustration { float:left; margin: 25px 35px 0 0; height: 310px; width: 359px; background: transparent url(./img/ipad-horizontal.gif) top left no-repeat; }
#pageOneCol img { margin: 33px 0 0 34px; }
#pageOneCol .ul4 { margin-top: 40px; }
#pageOneCol .ul4 li { margin-left: 25px; font-size: 0.7em; list-style-type: disc; line-height: 1.2em; padding: 0 0 10px 0; }
#pageOneCol .ul5 { margin: 15px 0 15px 0; }
#pageOneCol .ul5 li { margin: 0 0 0 400px;padding: 0; font-size: 1.0em; list-style-type: none; line-height: 1.1em }
/* END */

.slideshow { display: block; margin: 40px 0 0 0; font-style: italic; font-size: 10px; cursor: hand; text-align: center; text-decoration: none; }

#rect_violet {background: url('../img/bloc_violet.gif') no-repeat scroll 0pt 0pt transparent; padding-top: 18px; *padding-top: 10px; padding-left: 10px; color:#FFF;}
#rect_violet #icone4_2{float: left; margin-right: 10px; height: 220px;}
#rect_violet #description4_2{width: 472px; *width:376px;}
#description4_2 .title_desc{font-size: 0.6em;font-weight: bold;margin-bottom: 6px;}
#rect_violet #bottom_desc{height: 58px; margin-top: 6px; font-size: 0.6em;}
#description4_2 #list_violet1{margin-top: 10px; *margin-top: -5px; font-size: 0.9em; *font-size: 0.8em; margin-left:108px; *margin-left:15px;}
#list_violet1 li{*margin-top: -7px; list-style: disc outside none;}
#description4_2 #list_violet2{margin-left: 30px; *margin-left: 30px; *margin-top: -10px;}
#list_violet2 li{list-style: none;}