/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   
* {padding:0;margin:0;}
/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #CCCCCC;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
	margin:0px;
	padding:0px;
	font-size:14px;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

.labelDDI {
font-size:13px; 
color:black;}
.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    none;
    color:white;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  14px;
    font-weight:    bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  14px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 14px;
    font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}
body
{
	font-family: Tahoma, Arial, Helvetica;
}
/* GENERIC */
h2  {
    
    font-size:  23px;
    font-weight:    normal;
    color: #780429;
	margin:15px 0;
	margin-top:20px;
}

h3 {
    font-size:  18px;
    font-weight:    bold;
    color: #444444;
}

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}

A:link  {
    text-decoration:    none;
    color:  #003366;
}

A:visited   {
    text-decoration:    none;
    color:  #003366;
}

A:active    {
    text-decoration:    none;
    color:  #003366;
}

A:hover {
    text-decoration:    underline;
    color:  #ff0000;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}

ul
{
	padding-left:15px;
	color:#444444;
}
ul li  {
    list-style-type:    disc ;
	font-size:17px;
	padding:5px;
}
ul li h3
{
	color:#444444;
	font-size:18px;
	text-decoration:underline;
	margin: 5px 0;
	font-weight:normal;
	margin-bottom:0px;
}
ul li li  {
    list-style-type:    disc;
	padding:2px;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}
p
{
	color:#444444;
	font-size:17px;
	margin:10px 0;
	
}
/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* Main Menu */

.MainMenu_MenuContainer {
	border-bottom: #404040 0px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 0px solid; 
	border-right: #404040 0px solid;  
	background-color: #333333;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height:16;
}

.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: White; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: #333333 0px solid; 
	border-bottom: #333333 1px solid; 
	border-top: #333333 1px solid; 
	border-right: #333333 0px solid;
}

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #333333; 
	border-left: #333333 1px solid; 
	border-bottom: #333333 1px solid; 
	border-top: #333333 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #333333; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ; 
	border-bottom: #404040 0px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 0px solid; 
	border-right: #404040 0px solid;
}

.MainMenu_MenuBreak {
	border-bottom: #404040 1px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 1px solid;  
	border-right: #404040 0px solid; 
	background-color: White; 
	height: 1px;
}

.MainMenu_MenuItemSel {
	background-color: #CCCCCC; 
	cursor: pointer; 
	cursor: hand; 
	color: White; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}

.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #333333 1px solid; 
	border-bottom: #333333 1px solid; 
	border-top: #333333 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

.Links a {
    font-weight: normal;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
}

.Links a:visited {
    font-weight: normal;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
}
.Links {
    font-weight: normal;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
}


.header_repeat {
	background-repeat:repeat-x;
	background-image:url(images/header_background_repeat.jpg);
}


.texte_titre {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.titre{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#006cc9;
font-size:16px;
}

.copyright a {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
}

.copyright a:visited {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
}

.copyright a:hover {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
}

.copyright {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
}


/*hr {position:relative;margin-bottom:10px;margin-top:4px;}*/

a {border:0;}

#container{
	position:relative;
}

#row_title{
	/*float:left;*/
	clear:both;
}

#col_left{
	float:left;
	width:230px;
}

#col_right{
	float:right;
	width:520px;
}

#spacer{
	height:10px;
	clear:both;
}

.ImgBox
{
	margin-bottom:-34px;
	width:200px;
	height:200px;	
}

.ImgBoxTitle
{
	width:202px;
	height:34px;	
	z-index:155;
	background-color:#FFFFFF; 	
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	
	cursor:pointer;
	text-align:left;
	margin-bottom:-4px;
	margin-right:-2px;
}

.ImgSpanTitle
{
	padding-left:5px;
	line-height:34px;
	z-index:155; 
	vertical-align:middle; 
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#393941;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.ImgBoxContainer
{
	width:200px;
	height:200px;
	border:1px solid #393941;
}

.ImgBoxTitle a
{
	cursor:pointer;
}

.detail_title
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

.detail_descr
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 517px;
	 height: 151px;
    padding: 5px 0px;
	 
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  530px;
    height: 151px;	 
}
.jcarousel-skin-tango .jcarousel-item {
    width: 210px;
    height: 151px;;	 	 
}


.jcarousel-skin-tango .jcarousel-item-horizontal {    
	 margin-left: 4px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-container {
    position: relative;
	 width: 530px;	 
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	 width: 100%;
	 
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	 
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
	 display: inline;      
    width: 200px;
    height: 151px;
	 text-align: center;
	 text-decoration: none;
	 color:#000;
}
a.SkinObject, a.SkinObject:link, a.SkinObject:visited, a.SkinObject:hover, a.SkinObject:active
{
	color:#FFFFFF;
}
a.SkinObject:hover
{
	text-decoration:underline;
}
#header_logo h1
{
	margin-top:15px;
}
#header_logo h1 a
{
	color:#FFFFFF;
	font-size:32px;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	font-family:Verdana;
}
#header_logo h2
{
	color:#FF6600;
	padding-left:100px;
	border:0;
	margin-top:0;
}
#footer
{
	text-align:center;
}
#footer a
{
	font-weight:normal;
}


#dnn_ddip
{
	width:300px;
}
.UDT_Input
{
	padding-bottom:5px;
	padding-top:3px;
}
#dnn_ContentPane
{
	vertical-align:top;
}
.SubHead
{
	color:#816B53;
}
 .ModDNNUserDefinedTableC table
 {
	margin:15px 0;
	border: 1px solid #FF9999;
 }
  .ModDNNUserDefinedTableC table td
  {
	padding:5px;
  }
 .ModDNNUserDefinedTableC li
 {
	list-style-type:none;
	font-size:12px;
 }
 .ModDNNUserDefinedTableC li b
 {
	color:#FF0000;
 }
 .UDT_Form input, .UDT_Form textarea
 {
	width:200px;
 }
 #plan_container
{
	position :absolute;
    width:65%;
    top:50%;
	left:50%;
	border:2px solid #780429;
	background-color:#FFFFFF;
	z-index:2;
	display:none;
	margin-left:-180px;
	margin-top:-162px;
	height:325px;
	width:360px;
}
#plan_container p
{
	margin:0;
	line-height:25px;
	height:25px;
	text-align: right;
	padding: 3px 5px;
}
#plan_container p a
{
	font-weight:bold;
	font-size:14px;
}
#plan_container p a img
{
	vertical-align:bottom;
	margin-left:5px;
}
.plan
{
    height:300px;
	width:360px;
}
.UDT_Form .UDT_Default, .UDT_Form .UDT_Cancel
{
	width:60px;
}
.UDT_Buttons
{
	margin-bottom:15px;
}
.UDT_Buttons span
{
	display:block;
	margin-bottom:5px;
}

#gustin_content ul li {
font-size:13px;
margin-left:10px; }

#gustin_content p {
font-size:14px;
}