/* 22 SECOND MENU */

 .navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 200px;
      font: 1em "Trebuchet MS", sans-serif;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      }
   .navigation a, .navigation span {
      display: block;
      height: 20px;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      background: #000 url(menu-item.png) left bottom no-repeat;
      }
      
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(menu-item-enroule.png);
	  color: #fff;
      }
      
   .navigation .open a, .navigation .open span {
      background-image: url(menu-item-deroule.png);
      }
      
   .navigation .open2 a, .navigation .open2 span {
      background-image: url(menu-item-deroule.png);
      }
      .navigation .open3 a, .navigation .open3 span {
      background-image: url(menu-item-enroule.png);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: none;
	  color: #ffffff
      }
	  
   .navigation .subMenu {
	  display: block;
      font-size: 1em;
      border-left: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
      background-image: url(subMenu.png);
      margin: 0;
      padding: 0;
      border-bottom: 0px solid #666;
      }
   .navigation ul.subMenu a {
      display: block;
      background: none;
      background-color: #666666;
      width: 178px;
      height: 20px
      
      }
      
    .navigation ul.subMenu a:hover {
      display: block;
      background-image: url(fond-menu-css.jpg);
      width: 178px;
      height: 20px;
      
      }
	  .navigation ul.subMenu a:visited {
      display: block;
      width: 178px;
      height: 20px;
      color: #ffffff
      }
      
    .navigation .open_at_load {
	  display: block;
      font-size: 1em;
      border-left: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
      background-image: url(subMenu.png);
      margin: 0;
      padding: 0;
      border-bottom: 0px solid #666;
      }
      
   .navigation ul.open_at_load a {
      display: block;
      background: none;
      background-color: #666666;
      width: 178px;
      height: 20px
      
      }
    
   .navigation ul.open_at_load a:hover {
      display: block;
      background-image: url(fond-menu-css.jpg);
      width: 178px;
      height: 20px;
      
      }

	   .navigation ul.open_at_load a:visited {
      display: block;
      width: 178px;
      height: 20px;
	  color: #ffffff;
      
      }
	  
.navigation LI
{
list-style: none;
}


/* onglet accueil*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
		
    }
}


/* 33 Skin */
.ui-tabs-nav {


	float: left;
    font-size: 0.8em;
	text-align: center;
}

.ui-tabs-panel {


	
    font-size: 0.8em;
	
}
.ui-tabs-nav {
	
    list-style: none;
    margin: 3px 0 0 0 ;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 2px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(image/tab.gif) no-repeat;
}
.ui-tabs-nav a, .ui-tabs-nav a:visited {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
	color: #ffffff;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
/*.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}*/

.ui-tabs-panel {
background:#ffffff none repeat scroll 0 0;
border:2px solid #005cc8;
padding:0;
width:768px;
font-size: 1.1em;
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.ui-tabs-panel p
{
padding: 0 10px 10px 10px;
}


.ui-tabs-panel p a, .ui-tabs-panel p A:visited
{
color: #ffffff;
font-weight: none;
text-decoration: none ;
}

.ui-tabs-panel p a:hover
{
color: yellow;
}

.ui-tabs-panel, .top_tuto
{	
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	width: 768px;

}

.thumb_tuto
{
	float: left;
	margin: 4px 0 0 5px;
}

.tuto_top_news_accueil
{
	float: left;
	height: 51px;
	width: 675px;
	margin: 4px 0 0 5px;
	padding: 0 5px 0 5px;
	text-align: justify;
	font-size: 14px;
}	

.top_tuto A:link, .top_tuto A:active, .top_tuto A:visited {

		margin: auto; 	
		color : #000000;
		font-size: 14px;
		text-decoration: none;
		
		}


.top_tuto A:hover {
		font-style:normal;
		color : #000000;
		
		}

.tuto_top_news_accueil:hover {
		background-color: #000000;
		text-indent: 10px;
		}
/* Mettre la pub des trois masgasin ou autre pub */
.faq
{	
	float: left;
	text-align: justify;
	line-height:130%;
	margin: 0 0 10px 0;
	padding: 5px 10px 10px 10px;
	width: 748px;
	border: 1px solid #000000;
	background-color: #e1e5fe;
	font-size: 1.1em;
}

.faq A, .faq A:visited
{
color: #000000;
text-decoration: none;
}
 .faq A:hover
{
color: #000000
}

/* onglet tutoriels */


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide2 {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav2 {
        display: none;
    }
}




/* 44 Skin */
.ui-tabs-nav2 {
	font-family: arial;
    font-size: 8px;
}
.ui-tabs-nav2 {
    list-style: none;
    margin: 0 ;
    padding: 0;
}
.ui-tabs-nav2:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav2 li {
    float: left;
    margin: 0 2px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav2 a, .ui-tabs-nav2 a span {
    display: block;
    padding: 0 10px;
    background: url(image/tab.gif) no-repeat;
}
.ui-tabs-nav2 a, .ui-tabs-nav2 a:visited {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

.ui-tabs-nav2 .ui-tabs-selected2 a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav2 a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav2 a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav2 .ui-tabs-selected2 a span {
    padding-bottom: 1px;
}
.ui-tabs-nav2 .ui-tabs-selected2 a, .ui-tabs-nav2 a:hover, .ui-tabs-nav2 a:focus, .ui-tabs-nav2 a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav2 a, .ui-tabs-nav2 .ui-tabs-disabled2 a:hover, .ui-tabs-nav2 .ui-tabs-disabled2 a:focus, .ui-tabs-nav2 .ui-tabs-disabled2 a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav2 .ui-tabs-selected2 a span, .ui-tabs-nav2 a:hover span, .ui-tabs-nav2 a:focus span, .ui-tabs-nav2 a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav2 a span, .ui-tabs-nav2 .ui-tabs-disabled2 a:hover span, .ui-tabs-nav2 .ui-tabs-disabled2 a:focus span, .ui-tabs-nav2 .ui-tabs-disabled2 a:active span {
    background-position: 0 0;
}
.ui-tabs-nav2 .ui-tabs-selected2 a:link, .ui-tabs-nav2 .ui-tabs-selected2 a:visited, .ui-tabs-nav2 .ui-tabs-disabled2 a:link, .ui-tabs-nav2 .ui-tabs-disabled2 a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
	color: #000000;
}
.ui-tabs-nav2 a:hover, .ui-tabs-nav2 a:focus, .ui-tabs-nav2 a:active,
.ui-tabs-nav2 .ui-tabs-unselect2 a:hover, .ui-tabs-nav2 .ui-tabs-unselect2 a:focus, .ui-tabs-nav2 .ui-tabs-unselect2 a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
/*.ui-tabs-disabled2 {
    opacity: .4;
    filter: alpha(opacity=40);
    
}*/


/* Mettre la pub des trois masgasin ou autre pub */
.ui-tabs-panel2, .fieldset{
background:#e1e5fe none repeat scroll 0 0;
border:1px solid #FFFFFF;
padding:0;
width: 725px;
}

.ui-tabs-panel2 fieldset{
border:0px solid #FFFFFF;

}

.ui-tabs-loading2 em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}