/* ---------------------------------------------------------------------- */
/* Css-YouNote-Yellow*
/* ---------------------------------------------------------------------- */
.type_E_header
{
    height:95px;
    width:360px;
    background:url(../images/SDK/YOUNOTE/logo.png) no-repeat;
    float:left;
}
.type_E_logo_corporate
{
    text-align:center;
    margin-left:auto; 
    margin-right:auto;
    margin-top:20px;
    width:900px;
}
.type_E_bkg
{
    background:#fed71f url(../images/COMPO/bg_body-yellow.gif) repeat-x;
    background-position: 50% -70px;
}
.type_E_illustration
{
    float:left;
    width:480px;
    height:440px;
    background:transparent url(../images/SDK/YOUNOTE/yn-ill.png) no-repeat scroll 30px 60px;
}

.type_E_bkg_yellow
{
    background: url(../images/SDK/YOUNOTE/bkg-yellow.gif) no-repeat;
    background-position: 50% 148px;
}

/* ---------------------------------------------------------------------- */
/* Menu et links*/
/* ---------------------------------------------------------------------- */
.type_E_menuhaut
{
    margin-bottom:10px;
    padding-top:18px;
    padding-bottom:2px;
    text-align: center;
}
.type_E_menuhaut ul, .type_E_menuhaut li
{
    list-style-type: none;
    padding:0;
}
.type_E_menuhaut ul
{
    position: relative;
    z-index: 1;
    left:0;
    right:0;
    top:0;
    height:25px;
    margin-left:25px;
    margin-right:auto;
    background:url(../images/SDK/YOUNOTE/fond-menu-yellow.gif) no-repeat 0 -2px;
}
.type_E_menuhaut li
{
    float:left;
}
li a.type_E_menu
{
    color: #42210B;
    font-size: 12px;
    line-height: 25px;
    text-decoration: none;
    text-align: center;
    display:block;
}
a:hover.type_E_menu
{
    color: #999;
}
a.selected_type_E_menu.menu
{
    background-position: 0px -55px;
    color: #42210B;
    font-weight: bold;
}
#left
{
    padding-right:120px;
    padding-left:40px;
}
#right
{
    padding-left:100px;
}
#center
{
}
a.green
{
    color: #FFF;
    font-size: 14px;
    line-height: 25px;
    text-decoration: none;
    width: 126px;
    height:30px;
    display:block;
    background:url(../images/SDK/YOUNOTE/btn-green.png) no-repeat 0 -2px;
    text-indent:8px;
}
a:hover.green
{
    background:url(../images/SDK/YOUNOTE/btn-green-off.png) no-repeat 0 -2px;
    color:#333;
}
a.bleu
{
    color: #FFF;
    font-size: 14px;
    font-weight:bold;
    line-height: 25px;
    text-decoration: none;
    width: 126px;
    height:30px;
    display:block;
    background:url(../images/SDK/YOUNOTE/btn-blue.png) no-repeat 0 -2px;
    text-indent:5px;
}
a:hover.bleu
{
    color:#FFF;
    background:url(../images/SDK/YOUNOTE/btn-blue-off.png) no-repeat 0 -2px;
}
#buy
{
    margin-left:100px;
}
/* ---------------------------------------------------------------------- */
/* Features */
/* ---------------------------------------------------------------------- */
.features-list
{
    float:left;
    height: 200px;
    width:150px;
 }
 
 .features-list2
{
    margin-left:200px;
    width:150px;
}
.features-list a#audio,
.features-list a#pict,
.features-list a#draw,
.features-list2 a#text,
.features-list2 a#web,
.features-list2 a#multi,
.features-list a#list,
.features-list2 a#slideMac,
.features-list2 a#slidePC
{
   line-height:10px;
   /*height:40px;
   width:120px;*/
   display:block;
   color: #42210B;
   text-decoration:none;
   text-indent:35px;
   padding:15px;
   font-size: 14px;
  
}

/*.selected_features#audio
{
    font-weight:bold;
    background:#fdf2a0 url(../images/SDK/YOUNOTE/pict-audio.gif) no-repeat 0 0;
}*/
a#audio
{    
    background:url(../images/SDK/YOUNOTE/pict-audio.gif) no-repeat 0 0;
  
}
a:hover#audio
{
    font-weight:bold;
    background:#fdf2a0 url(../images/SDK/YOUNOTE/pict-audio.gif) no-repeat 0 0;
}
a#pict
{
    
    background:url(../images/SDK/YOUNOTE/pict-picture.gif) no-repeat 0 0;

}
a:hover#pict
{
    font-weight:bold;
    background:#fdf2a0 url(../images/SDK/YOUNOTE/pict-picture.gif) no-repeat 0 0;
}
a#draw
{  
    background:url(../images/SDK/YOUNOTE/pict-draw.gif) no-repeat 0 0;
}
a:hover#draw
{
    font-weight:bold;
    background:#fdf2a0 url(../images/SDK/YOUNOTE/pict-draw.gif) no-repeat 0 0;
}
a#text
{  
    background:url(../images/SDK/YOUNOTE/pict-text.gif) no-repeat 0 0;
}
a:hover#text
{
    font-weight:bold;
    background:#fdf2a0 url(../images/SDK/YOUNOTE/pict-text.gif) no-repeat 0 0;
}
a#web
{
   
    background:url(../images/SDK/YOUNOTE/pict-web.gif) no-repeat 0 0;
   
}
a:hover#web
{
    font-weight:bold;
    background:#fdf2a0 url(../images/SDK/YOUNOTE/pict-web.gif) no-repeat 0 0;
}
a#multi
{
    
    background:url(../images/SDK/YOUNOTE/pict-multi.gif) no-repeat 0 0;
   
}
a:hover#multi
{
    font-weight:bold;
    background:#fdf2a0 url(../images/SDK/YOUNOTE/pict-multi.gif) no-repeat 0 0;
}

a#list
{

    background:url(../images/SDK/YOUNOTE/list-on.png) no-repeat 0 0;
   
}
a:hover#list
{
    font-weight:bold;
    background:#fdf2a0 url(../images/SDK/YOUNOTE/list-on.png) no-repeat 0 0;
}
a#slideMac, a#slidePC
{

    background:url(../images/SDK/YOUNOTE/pict-bkup.gif) no-repeat 0 0;
   
}
a:hover#slideMac, a:hover#slidePC
{
    font-weight:bold;
    background:#fdf2a0 url(../images/SDK/YOUNOTE/pict-bkup.gif) no-repeat 0 0;
}
/*---------------------------------------*/
/*Contenu*/
/*---------------------------------------*/

.type_E_Content
{
    margin-top:10px;
    height:440px;
}
.type_E_contenu
{
    width: 380px;
    margin-left: 520px;
    padding-top:20px;
}
.type_E_contenu p
{
    color: #42210B;
    line-height: 16px;
    margin-top:10px;
}
.type_E_contenu a.linksupport
{
    color: #42210B;
    border-bottom:#FFF 1px dotted;
    text-decoration: none;
    font-weight:bold;
}
p.faq strong 
{
	background-color: #FFF9D4;
	line-height:16px;
	padding:2px;
   
}
.type_E_contenu em.argu
{
    font-size: 16px;
    line-height: 21px;
  
}
.type_E_contenu h1
{
    color: #42210B;
    font-size: 30px;
    line-height: 35px;
    border-bottom:1px solid #42210B;
}
.type_E_contenu h1 span
{
    color: #FFF;
}
.type_E_video
{
    float:left;
    padding-left:20px;
    width:460px;
    margin-top:40px;
    color: #42210B;
}
.type_E_video h1 span
{
    color: #FFF;
}
.type_E_video object
{
    margin-left: 10px;
}
.type_E_liste li
{
	background-image:url(../images/PICTS/pict_list.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
	line-height:14px;
	list-style-type:none;
	text-indent: 10px;
}
/* ---------------------------------------------------------------------- */
/* GLoabl */
/* ---------------------------------------------------------------------- */
.type_E_grid
{
    margin-left:25px;
    margin-top:20px;
}
.type_E_grid h1
{
    color: #42210B;
    font-size: 30px;
    line-height: 25px;
    margin-bottom:10px;
}
.type_E_grid h1 span
{
    color:#FFF;
}
.type_E_grid h2
{
    color: #42210B;
    width:900px;
    font-size: 30px;
    line-height: 35px;
    margin-bottom:5px;
    border-bottom:1px solid #42210B;
}
.type_E_grid h2 span
{
    color:#FFF;
}
.type_E_grid p
{
	margin-bottom:5px;
}
.type_E_grid a, .type_E_grid a:hover
{
	color:#42210B;
	background-color:#FFF9D4;
	font-weight:bold;
	text-decoration:none;
}
.colonne
{
    float:left;
    padding:4px;
    margin-right:30px;
    color: #42210B;
}
.colonne p
{
    margin-top:-5px;
    margin-bottom:10px;
    font-size:12px;
    line-height:16px;
}
.type_E_grid li
{
    background-image:url(../images/PICTS/pict_list.gif);
    background-position:left top;
    background-repeat:no-repeat;
    list-style-type:none;
    margin-bottom:6px;
    padding-left:13px;
    font-size:12px;
    line-height:14px;
    margin-left:20px;
}
.type_E_grid .colonne
{
    margin-left:0;
    width:260px;
}
.type_E_grid .colonne h1
{
    font-size: 20px;
    font-weight:normal;
    border-bottom:1px solid #42210B;


}
.colonne.first
{
	   float:left;
	  
}
.colonne.center
{
    margin-left:-40px;
    padding-left:35px;
    padding-top:40px;
  

}
.colonne.center p
{
    margin-bottom:20px;
    border-bottom:1px dotted #42210B;

}

.colonne.last
{
		

}
/* ---------------------------------------------------------------------- */
/* Tableau */
/* ---------------------------------------------------------------------- */
.colonne table
{
	text-align:center;
	width:100%;
}
.colonne td.device,.colonne tr.device
{
	text-align:center;
	font-weight:bold;
    background-color: #FFF6B5;

}
.colonne td
{
}
.colonne td.libelle
{
	text-align:left;
	background-color: #FFF9D4;
	padding-left:4px;
}
.colonne em
{
	font-size:10px;
	text-align:left;
}
/* ---------------------------------------------------------------------- */
.position-center
{
    width:350px;
    height:350px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;

}
.position-center.anglais
{
    background-image: url(../images/SDK/YOUNOTE/thk-us.gif);
    background-repeat:no-repeat;
    background-position: 0 6px;

}
.position-center.francais
{
    background-image: url(../images/SDK/YOUNOTE/thk-fr.gif);
    background-repeat:no-repeat;
    background-position: 0 6px;

}

/* ---------------------------------------------------------------------- */
/* Illustration Features */
/* ---------------------------------------------------------------------- */
.feat-text
{
    display:block;
    width:100px;
    height:35px;
    background-image:url(../images/SDK/YOUNOTE/pict-text.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    text-indent:40px;
    font-weight:bold;
    line-height:41px;
}
.feat-web
{
    display:block;
    width:100px;
    height:40px;
    background-image:url(../images/SDK/YOUNOTE/pict-web.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    text-indent:40px;
    font-weight:bold;
    line-height:41px;
    
}
.feat-audio
{
    display:block;
    width:100px;
    height:40px;
    background-image:url(../images/SDK/YOUNOTE/pict-audio.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    text-indent:40px;
    font-weight:bold;
    line-height:41px;
    
}
.feat-multi
{
    display:block;
    width:100px;
    height:40px;
    background-image:url(../images/SDK/YOUNOTE/pict-multi.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    text-indent:40px;
    font-weight:bold;
    line-height:41px;
}
.feat-draw
{
    display:block;
    width:100px;
    height:40px;
    background-image:url(../images/SDK/YOUNOTE/pict-draw.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    text-indent:40px;
    font-weight:bold;
    line-height:41px;
}
.feat-pict
{
    display:block;
    width:100px;
    height:40px;
    background-image:url(../images/SDK/YOUNOTE/pict-picture.gif);
    background-position: -3px 0;
    background-repeat:no-repeat;
    text-indent:40px;
    font-weight:bold;
    line-height:41px;
}

.feat-safari
{
    display:block;
    width:100px;
    height:25px;
    background-image:url(../images/SDK/YOUNOTE/pict-safari.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    text-indent:28px;
    font-weight:bold;
}
.feat-maps
{
    display:block;
    width:100px;
    height:25px;
    background-image:url(../images/SDK/YOUNOTE/pict-maps.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    text-indent:28px;
    font-weight:bold;
}


/* ---------------------------------------------------------------------- */

#layer-audio h1
{
 
    background:url(../images/SDK/YOUNOTE/pict-audio.gif) no-repeat 140px 2px;
}
#layer-pict h1
{
    
    background:url(../images/SDK/YOUNOTE/pict-picture.gif) no-repeat 140px 2px;
}
#layer-draw h1
{
    
    background:url(../images/SDK/YOUNOTE/pict-draw.gif) no-repeat 140px 2px;
}
#layer-text h1
{
    
    background:url(../images/SDK/YOUNOTE/pict-text.gif) no-repeat 140px 2px;
}
#layer-web h1
{
    background:url(../images/SDK/YOUNOTE/pict-web.gif) no-repeat 140px 2px;
}
#layer-multi h1
{
    
    background:url(../images/SDK/YOUNOTE/multi-on.png) no-repeat 140px -4px;
}
#layer-list h1
{
    
    background:url(../images/SDK/YOUNOTE/pict-list.gif) no-repeat 160px -2px;
}


#layer-slideMac h1, #layer-slidePC h1
{
    
    background:url(../images/SDK/YOUNOTE/pict-bkup.gif) no-repeat 100px -2px;
}

#layer-list h1, #layer-multi h1, #layer-web h1, #layer-text h1, #layer-draw h1, #layer-pict h1, #layer-audio h1, #layer-slidePC h1, #layer-slideMac h1
{
    color: #42210B;
    font-size: 20px;
    line-height: 41px;
    padding:0;
    text-align:center;
}
#layer-list object, #layer-multi object, #layer-web object, #layer-text object, #layer-pict object, #layer-draw object, #layer-audio object, #layer-slide object, #layer-slidePC object, #layer-slideMac object 
{
   padding-left:45px;

}
/* ---------------------------------------------------------------------- */
/* Liens pays */
/* ---------------------------------------------------------------------- */
.selectcountry
{
    position:absolute;
    top:24px;
    right:100px;
}
.current a
{
	margin-right:20px;
}
a#en 
{
	background-image:url(../images/SDK/YOUNOTE/us.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:11px;
	text-indent:-50000px;
	width:16px;
	float:left;
	
}
a#fr 
{
	background-image:url(../images/SDK/YOUNOTE/fr.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:11px;
	text-indent:-50000px;
	width:16px;
	float:left;

}
/* ---------------------------------------------------------------------- */
/* MenuHaut_Yellow */
/* ---------------------------------------------------------------------- */
.menuhaut_yellow
{
    height:25px;
    padding-top:18px;
    padding-bottom:2px;
    padding-left:80px;
    text-align:center;
}
.menuhaut_yellow ul, li
{
    list-style-type: none;
    padding:0;
}
.menuhaut_yellow ul
{
    background-image: url(../images/COMPO/bg_nav.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    height:25px;
    text-align:center;
    margin-left:0;
}
.menuhaut_yellow li
{
    float:left;
    text-transform: uppercase;
}
a.selected_menu
{
    background-image: url(../images/COMPO/bg_nav.gif);
    font-weight: bold;
    color: #5E574F;
}
/* ---------------------------------------------------------------------- */
/* MenuA */
/* ---------------------------------------------------------------------- */
li a#menuA
{
    background-position: 0px 0px;
    display: block;
    width: 100px;
    color: #F1EFE1;
    font-size: 10px;
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    padding-left:6px;
    border-right:1px solid #57514A;
}
a#menuA:hover
{
    background: transparent url(../images/COMPO/bg_nav.gif) no-repeat 0px -28px;
    color: #F1EFE1;
    font-weight: bold;
    text-decoration: none;
}
a.selected_menu#menuA
{
    background-position: 0px -55px;
    font-weight: bold;
    color: #5E574F;
}
/* ---------------------------------------------------------------------- */
/* MenuB */
/* ---------------------------------------------------------------------- */
li a#menuB
{
    background-position: 0px 0px;
    display: block;
    width: 100px;
    color: #F1EFE1;
    font-size: 10px;
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    padding-left:6px;
    border-right:1px solid #57514A;
}
a#menuB:hover
{
    background: transparent url(../images/COMPO/bg_nav.gif) no-repeat 0px -28px;
    color: #F1EFE1;
    font-weight: bold;
    text-decoration: none;
}
a.selected_menu#menuB
{
    background-position: 0px -55px;
    font-weight: bold;
    color: #5E574F;
}
/* ---------------------------------------------------------------------- */
/* MenuC */
/* ---------------------------------------------------------------------- */
li a#menuC
{
    background-position: 0px 0px;
    display: block;
    width: 100px;
    color: #F1EFE1;
    font-size: 10px;
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    padding-left:6px;
    border-right:1px solid #57514A;
}
a#menuC:hover
{
    background: transparent url(../images/COMPO/bg_nav.gif) no-repeat 0px -28px;
    color: #F1EFE1;
    font-weight: bold;
    text-decoration: none;
}
a.selected_menu#menuC
{
    background-position: 0px -55px;
    font-weight: bold;
    color: #5E574F;
}
/* ---------------------------------------------------------------------- */
/* MenuD */
/* ---------------------------------------------------------------------- */
li a#menuD
{
    background-position: 0px 0px;
    display: block;
    width:110px;
    color: #F1EFE1;
    font-size: 10px;
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    padding-left:6px;
    border-right:1px solid #57514A;
}
a#menuD:hover
{
    background: transparent url(../images/COMPO/bg_nav.gif) no-repeat 0px -28px;
    color: #F1EFE1;
    font-weight: bold;
    text-decoration: none;
}
a.selected_menu#menuD
{
    background-position: 0px -55px;
    font-weight: bold;
    color: #5E574F;
}
/* ---------------------------------------------------------------------- */
/* MenuE */
/* ---------------------------------------------------------------------- */
li a#menuE
{
    background:#666 url(../images/SDK/YOUNOTE/pastedGraphic.png) no-repeat;
    background-position: 25px -2px;
    display: block;
    width:140px;
    text-indent:-50000px;
    padding-left:6px;
        line-height: 25px;
    border-right:1px solid #57514A;
    display:none;
    }
a#menuE:hover
{
    
}
a.selected_menu#menuE
{
    background-position: 0px -55px;
    font-weight: bold;
    color: #5E574F;
}
/* ---------------------------------------------------------------------- */
/* BADGE */
/* ---------------------------------------------------------------------- */
/*.appStore
{
   position:absolute;
    right:40px;
    top:70px;
}
.appStore a
{
    display:block;
    width: 150px;
    height: 40px;
    background:url(../images/SDK/YOUNOTE/pastedGraphic.gif) no-repeat 0 0;
    text-indent:-50000px;
}
*/

.appStore
{
   /*position: absolute;
   top:70px;
   right:40px;
      */
   margin-left:740px;
   padding-top:30px;
  
}
a#badge
{
    display: block;
    width: 150px;
    height: 40px;
    background:url(../images/SDK/YOUNOTE/pastedGraphic.gif) no-repeat 0 0;
    text-indent:-50000px;
}

/* ---------------------------------------------------------------------- */
/* MenuF */
/* ---------------------------------------------------------------------- */
li a#menuF
{
    background-position: 0px 0px;
    display: block;
    width:100px;
    color: #F1EFE1;
    font-size: 10px;
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    padding-left:6px;
    border-right:1px solid #57514A;
}
a#menuF:hover
{
    background: transparent url(../images/COMPO/bg_nav.gif) no-repeat 0px -28px;
    color: #F1EFE1;
    font-weight: bold;
    text-decoration: none;
}
a.selected_menu#menuF
{
    background-position: 0px -55px;
    font-weight: bold;
    color: #5E574F;
}
/* ---------------------------------------------------------------------- */
/* MenuG */
/* ---------------------------------------------------------------------- */
li a#menuG
{
    background-position: 0px 0px;
    display: block;
    width:100px;
    color: #F1EFE1;
    font-size: 10px;
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    padding-left:6px;
    border-right:1px solid #57514A;
}
a#menuG:hover
{
    background: transparent url(../images/COMPO/bg_nav.gif) no-repeat 0px -28px;
    color: #F1EFE1;
    font-weight: bold;
    text-decoration: none;
}
a.selected_menu#menuG
{
    background-position: 0px -55px;
    font-weight: bold;
    color: #5E574F;
}