/* ######### CSS for Shade Tabs. Remove if not using ######### */

body #content ul{
list-style:none;
}

body #content #ticker ul a{
font-size:11px;
text-decoration:none;
color:#333333;
}

.Onglet1{
display:block;
float:left;
border:1px dotted #63614f;
width: 560px;
margin-bottom: 1em; 
padding: 10px;
background:#d1c8a6;
font: 1em Verdana;
}

.Onglet2{
display:block;
float:left;
border:1px dotted #63614f;
width: 740px;
margin-bottom: 1em; 
padding: 10px;
background:#d1c8a6;
font: 1em Verdana;
}

.Onglet3{
display:block;
float:left;
border:1px dotted #63614f;
width: 515px;
margin-bottom: 1em; 
padding: 10px;
background:#d1c8a6;
font: 1em Verdana;
}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 0.9em Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
display:block;
float:left;
width:100px;
height:30px;
text-decoration: none;
text-align:center;
padding: 3px 7px;
margin-right: 0;
color: #2d2b2b;
background: #ebe9d7 ;
border:1px dotted #63614f;
border-bottom:0px;
outline: none;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
background-color:#d1c8a6;
}
.shadetabs li a.selected{
position: relative;
top: 1px;
background-color:#d1c8a6;
}



/***************************   ELEMENT ONGLETS POUR PUBLICATION ***************************/
.shadetabs2{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 0.9em Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs2 li{
display: inline;
margin: 0;
}
.shadetabs2 li a{
display:block;
float:left;
width:110px;
height:30px;
text-decoration: none;
text-align:center;
padding: 3px 7px;
margin-right: 0;
color: #2d2b2b;
background: #ebe9d7 ;
border-top: 1px solid #63614f;
border-right: 1px solid #63614f;
border-bottom:0px;
outline: none;
}
.shadetabs2 li a:visited{
color: #2d2b2b;
}
.shadetabs2 li a:hover{
text-decoration: none;
color: #2d2b2b;
background-color:#d1c8a6;
}
.shadetabs2 li a.selected{
position: relative;
top: 1px;
background-color:#d1c8a6;
}

/************************ FIN MODULE PUBLICATION ******************/

/***************************   ELEMENT ONGLETS PLUS LARGES ***************************/
.shadetabs3{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 0.9em Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs3 li{
display: inline;
margin: 0;
}
.shadetabs3 li a{
display:block;
float:left;
width:150px;
height:30px;
text-decoration: none;
text-align:center;
padding: 3px 7px;
margin-right: 0;
color: #2d2b2b;
background: #ebe9d7 ;
border:1px dotted #63614f;
border-bottom:0px;
outline: none;
}
.shadetabs3 li a:visited{
color: #2d2b2b;
}
.shadetabs3 li a:hover{
text-decoration: underline;
color: #2d2b2b;
background-color:#d1c8a6;
}
.shadetabs3 li a.selected{
position: relative;
top: 1px;
background-color:#d1c8a6;
}

/***************************   ELEMENT ONGLETS PLUS HAUT ***************************/
.shadetabs4{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 0.9em Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs4 li{
display: inline;
margin: 0;
}
.shadetabs4 li a{
display:block;
float:left;
width:150px;
height:40px;
text-decoration: none;
text-align:center;
padding: 3px 7px;
margin-right: 0;
color: #2d2b2b;
background: #ebe9d7 ;
border:1px dotted #63614f;
border-bottom:0px;
outline: none;
}
.shadetabs4 li a:visited{
color: #2d2b2b;
}
.shadetabs4 li a:hover{
text-decoration: underline;
color: #2d2b2b;
background-color:#d1c8a6;
}
.shadetabs4 li a.selected{
position: relative;
top: 1px;
background-color:#d1c8a6;
}

/***************************   ELEMENT ONGLETS PLUS HAUT MOINS LARGE***************************/
.shadetabs5{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 0.9em Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs5 li{
display: inline;
margin: 0;
}
.shadetabs5 li a{
display:block;
float:left;
width:125px;
height:40px;
text-decoration: none;
text-align:center;
padding: 3px 7px;
margin-right: 0;
color: #2d2b2b;
background: #ebe9d7 ;
border:1px dotted #63614f;
border-bottom:0px;
outline: none;
}
.shadetabs5 li a:visited{
color: #2d2b2b;
}
.shadetabs5 li a:hover{
text-decoration: underline;
color: #2d2b2b;
background-color:#d1c8a6;
}
.shadetabs5 li a.selected{
position: relative;
top: 1px;
background-color:#d1c8a6;
}
/************************ FIN  ******************/

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;

}
}




//* TABS MENU TAILLE VARIABLE */

#container {
	font-family:Verdana, Tahoma, Verdana;
	position: relative;
	width: auto;
	margin-left:-4px; /*Ajustement à Gauche du module*/
	text-align: left;
	border: 2px solid #ebd9e6;
	background-color: #d1c8a6; /* ebe9d7; Couleur de fond - Top tab*/
}
#container * {
	margin: 0;
	padding: 0;
}
#container ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container ul#menu li {
	float: left;
	display: inline;
}
#container ul#menu li a {
	text-align: center;
	display: block;
	width: 114px;
	height: 30px;
	padding:5px;
	text-decoration: none;
}
#container ul#menu li a {
	text-align: center;
	display: block;
	width: 114px;
	height: 30px;
	padding:10px;
	text-decoration: none;
}
#container ul#menu li a:hover {
	background-color: #c296aa;/*Couleur de survol du Menu Tabb*/
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	_margin: -16px 0 0 0;
	background-color: #ebe9d7;/*Couleur de fond du contenu*/
}
#container hr {
	clear: both;
	visibility: hidden;
}
#container a.current {
	background-color: #ebe9d7;/*Couleur du Menu actif - "Curent"*/
	color: #000;
}
#container a.ghost  {
	background-color: #d1c8a6;/*Couleur du menu-top Tab*/
	color: #000;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}

#spa{
	height:15px;
	width:100%;
}

/*END*/


/* MODIFS PUBLICATIONS : */

#publi{
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	border-top:1px dotted #63614f;
}

/* TABS MENU TAILLE FIXE */

#container2 {
	font-family:Verdana, Tahoma, Verdana;
	position: relative;
	width: auto;
	margin-left:-4px; /*Ajustement à Gauche du module*/
	text-align: left;
	border: 2px solid #ebd9e6;
	background-color: #d1c8a6; /* ebe9d7; Couleur de fond - Top tab*/
}
#container2 * {
	margin: 0;
	padding: 0;
}
#container2 ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container2 ul#menu li {
	float: left;
	display: inline;
}
#container2 ul#menu li a {
	text-align: center;
	display: block;
	width: auto;
	height: auto;
	padding:5px;
	text-decoration: none;
}
#container2 ul#menu li a {
	text-align: center;
	display: block;
	width: 100px;
	height: 31px;
	padding:5px;
	text-decoration: none;
	letter-spacing:0px;
}
#container2 ul#menu li a:hover {
	background-color: #c296aa;/*Couleur de survol du Menu Tabb*/
}
#container2 h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container2 .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	_margin: -16px 0 0 0;
	background-color: #ebe9d7;/*Couleur de fond du contenu*/
}
#container2 hr {
	clear: both;
	visibility: hidden;
}
#container2 a.current {
	background-color: #ebe9d7;/*Couleur du Menu actif - "Curent"*/
	color: #000;
}
#container2 a.ghost  {
	background-color: #d1c8a6;/*Couleur du menu-top Tab*/
	color: #000;
}
#container2 .on {
	display: block;
}
#container2 .off {
	display: none;
}

#img-test{
	margin-left:-4px;
	position:relative;
	background-image:url(../test.jpg);
	background-repeat:no-repeat;
	height:90px;
	border: 2px solid #ebd9e6;
}




/*ACC*/
#container3 {
	font-family:Verdana, Tahoma, Verdana;
	position: relative;
	width: auto;
	margin-left:0px; /*Ajustement à Gauche du module*/
	text-align: left;
	border: 0px solid #ebd9e6;
	background-color: #fff; /* ebe9d7; Couleur de fond - Top tab*/
}
#container3 * {
	margin: 0;
	padding: 0;
}
#container3 ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container3 ul#menu li {
	float: left;
	display: inline;
}
#container3 ul#menu li a {
	text-align: center;
	display: block;
	width: auto;
	height: auto;
	padding:3px;
	text-decoration: none;
}
#container3 ul#menu li a {
	text-align: center;
	display: block;
	width: auto;
	height: auto;
	padding:5px;
	text-decoration: none;
	letter-spacing:0px;
}
#container3 ul#menu li a:hover {
	background-color: #fee09c;/*Couleur de survol du Menu Tabb*/
}
#container3 h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container3 .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	_margin: -16px 0 0 0;
	background-color: #ebe9d7;/*Couleur de fond du contenu*/
}
#container3 hr {
	clear: both;
	visibility: hidden;
}
#container3 a.current {
	margin-left:3px;
	background-color: #ebe9d7;/*Couleur du Menu actif - "Curent"*/
	color: #000;
}
#container3 a.ghost  {
	margin-left:3px;
	background-color: #c2ebf8;/*Couleur du menu-top Tab*/
	color: #000;
}
#container3 .on {
	display: block;
}
#container3 .off {
	display: none;
}

#container3 .h2{
	color:#fff;
	margin-left:-15px;
}