/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   

/* La bonne feuille de css */


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
font:Verdana, Arial, Helvetica, sans-serif!important;
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
                cursor: pointer;
	cursor: hand;
	color: #44ACE5;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: Bold;
	font-style: bold;
	border-left: white 0px solid;
	border-bottom: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

A.SelectedTab:active   {
                cursor: pointer;
	cursor: hand;
	color: #44ACE5;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: Bold;
	font-style: bold;
	border-left: white 0px solid;
	border-bottom: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

A.SelectedTab:hover    {
                cursor: pointer;
	cursor: hand;
	color: #44ACE5;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: Bold;
	font-style: bold;
	border-left: white 0px solid;
	border-bottom: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

/* text style for the unselected tabs */
.OtherTabs {
                cursor: pointer;
	cursor: hand;
	color: #44ACE5;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: Bold;
	font-style: bold;
	border-left: white 0px solid;
	border-bottom: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
                cursor: pointer;
	cursor: hand;
	color: #44ACE5;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: Bold;
	font-style: bold;
	border-left: white 0px solid;
	border-bottom: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

A.OtherTabs:visited  {
                cursor: pointer;
	cursor: hand;
	color: #44ACE5;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: Bold;
	font-style: bold;
	border-left: white 0px solid;
	border-bottom: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

A.OtherTabs:active   {
                cursor: pointer;
	cursor: hand;
	color: #44ACE5;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: Bold;
	font-style: bold;
	border-left: white 0px solid;
	border-bottom: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

A.OtherTabs:hover    {
                cursor: pointer;
	cursor: hand;
	color: #44ACE5;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: Bold;
	font-style: bold;
	border-left: white 0px solid;
	border-bottom: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #737373;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#44ACE5;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#44ACE5;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#44ACE5;
}

A.SkinObject:hover    {
    text-decoration:    none;
    color:#44ACE5;
}




/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
color: #000;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
text-align:justify;
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     { 
	color: #737373;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: Bold;
	
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
	color: #737373;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: Bold;
	
}

A.CommandButton:visited  {
	color: #737373;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: Bold;

}

A.CommandButton:active   {
	color: #737373;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: Bold;
	
}

A.CommandButton:hover    {
	color: #737373;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: Bold;
	

}
    
/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {

}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
  
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
	cursor: pointer;
	cursor: hand;
	color: #004469;
	font-family: Arial;
	font-size: 8pt;
	font-weight: Bold;
	font-style: bold;
	border-left: white 0px solid;
	border-bottom: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
	background-color:Transparent;
}

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #999999; 
	border-left: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
	border-top: #000000 0px solid; 
	text-align: center; 
	width: 5; 
	height: 21;
}

.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #e4e4e4;
}

.MainMenu_MenuBreak {
	border-bottom: #000000 0px solid; 
	border-left: #000000 0px solid; 
	border-top: #000000 0px solid;  
	border-right: #000000 0px solid; 
	background-color: #000000; 
	height: 0px;
}

.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: #427399; 
	font-family: Arial; 
	font-size: 8pt; 
	font-weight: Bold; 
	font-style: bold;
    background-color: Transparent;
}

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

.MainMenu_RootMenuArrow {
}
.MainMenu_SideMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	font-size:3pt;
	background-color: #f58d23;
}
.MainMenu_SideMenu_SubMenuItemSel {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	font-size:3pt;
	background-color: #f58d23;
}

* ================================
    CSS STYLES FOR Module Questionnaire
   ================================
*/
td.Q_Title
{
 font-family: Arial, Helvetica;
 font-size: 36px;
 font-weight: bold;
 color: #000066;
 padding-bottom: 20px;
}
td.Q_Intro
{
 font-family: Arial, Helvetica;
 font-size: 12px;
 padding-bottom: 20px;
 color: #000066;
}
td.Q_Question 
{
 font-family: Arial, Helvetica;
 font-size: 12px;
 border-bottom: solid 1px #9999CC;
 color: #000066;
 padding-top: 5px;
 }
td.Q_Description 
{
 font-family: Arial, Helvetica;
 font-size: 12px;
 padding-top: 0px;
 width: 300px;
 vertical-align: top;
}
td.Q_Value
{
 vertical-align: top;
 padding: 0px 0px 0px 5px;
}
.Q_Value
{
 font-family: Arial, Helvetica;
 font-size: 12px;
 color: blue; 
}

.mainReport
{     
border: black 1px solid;
border-left: black 1px solid;
width: 449px;
border-collapse: collapse;
background:#cccccc;
}

.frmReport

{     

border: black 1px solid;

      width: 500px;

      border-collapse: collapse;

}

.frmPadding

{     

padding:3px 3px 3px 3px;

}

.addressInfo

{     

background:#eeeeee;

      padding:3px 0px 6px 6px;

}

.frmSeparator

{     

border-bottom:1px black solid;      

      height:10px;

}

.widgetHeading

{     

background:brown;

      padding:3px 3px 3px 8px;

}

.chkLstShip

{     

background:wheat;

      width:250px;

      padding:3px;

}

.chkLstMake

{     

background:silver;

      width:250px;

      padding:3px;

} 

.table
{
	/*cell-spacing: 15px;*/
	width: 449px;
}

.td
{
     background-color:#FFFFCC;
     color: #0000CC;
     font-size: 8pt;
     font-family: "Arial, Helvetica, sans-serif";
     padding: 2px;
}

.SubHead1
{
	  vertical-align: middle;
     color: #ffffff;
     font-size: 8pt;
     font-family: "Arial, Helvetica, sans-serif";
font: bold;     
padding: 2px;
}

.image
{
border-color:#000000;
}

.detailBottin
{
font-family: Verdana;
font-size: xx-small;
color: Black;
}

.HeaderBottin
{
font-family: Verdana;
font-size: xx-small;
color: #993300;
font: italic;
}

.push {
margin-right: 4px;
}
.pad {
margin-left: 6px;
}


/* Pour la page d'accueil */
#dnn_hautgauchePane font, #dnn_hautdroitPane font {
	color: #000!important;
	font:Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 10px!important;
} 

#dnn_hautgauchePane p {
	margin: 0px;
}

#dnn_hautgauchePane a, #dnn_hautdroitPane a {
color: #013366!important;
text-decoration: none!important;
font:Verdana, Arial, Helvetica, sans-serif!important;
font-size: 10px!important;
}

#dnn_hautgauchePane a:hover, #dnn_hautdroitPane a:hover {
color: #ff0000!important;
text-decoration: underline!important;
font:Verdana, Arial, Helvetica, sans-serif!important;
font-size: 10px!important;
}

#dnn_hautgauchePane strong, #dnn_hautdroitPane strong {
	 font-size: 12px!important;
}

/* Pour la page: cspaysbleuetsvert_page_verti.ascx */

#dnn_TDContentvert font {
	color: #000!important;
	font:Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 10px!important;
}

#dnn_TDContentvert h1, #dnn_TDLeftvert h1 {
color: #39455c!important;
font-size: 24px!important;
font:Verdana, Arial, Helvetica, sans-serif!important;
padding: 0px!important; margin: 0px!important;

}
#dnn_TDContentvert h2, #dnn_TDLeftvert h2 {
color: #bb3300!important; 
font-size: 13px!important;
font-weight:bold;
font:Verdana, Arial, Helvetica, sans-serif!important;
padding: 8px 0px 6px 0px!important; margin: 0px!important;
}

#dnn_TDContentvert h3, #dnn_TDLeftvert h3 {
color: #8e9cb7;
font-size: 11px;
font:Verdana, Arial, Helvetica, sans-serif!important;
padding: 0px!important; margin: 0px!important;
}

#dnn_TDContentvert  p {
line-height: 15px;
text-align: justify;
}

#dnn_TDContentvert a, #dnn_TDLeftvert a, #dnn_TDgauche a, #dnn_TDdroite a {
color: #003366;
font-weight: bold;
font:Verdana, Arial, Helvetica, sans-serif!important;
text-decoration: none;
}

#dnn_TDContentvert a:hover, #dnn_TDLeftvert a:hover, #dnn_TDgauche a:hover, #dnn_TDdroite a:hover {
color: #ff0000;
font-weight: bold;
font:Verdana, Arial, Helvetica, sans-serif!important;
text-decoration: underline;
}

#dnn_TDContentvert table, #dnn_TDLeftvert table {
	font:Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 11px!important;
	}

/* Pour la page: cspaysbleuetsvert_page.ascx */

.twocol h1 {
color: #39455c!important;
font-size: 24px!important;
font:Verdana, Arial, Helvetica, sans-serif!important;
padding: 0px!important; margin: 0px!important;
}

.twocol h2, .twocol table td h2 {
color: #bb3300!important; 
font-size: 13px!important;
font-weight:bold;
font:Verdana, Arial, Helvetica, sans-serif!important;
padding: 8px 0px 4px 0px!important; margin: 0px!important;
}
	.twocol table {
	font:Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 11px!important;
	padding: 6px 0px 6px 0px!important; margin: 0px!important;
	}
.twocol h3 {
color: #8e9cb7;
font-size: 11px;
font:Verdana, Arial, Helvetica, sans-serif!important;
padding: 0px!important; margin: 0px!important;
}

.twocol h4, #dnn_TDContentvert h4, #dnn_TDLeftvert h4 {
color: #bb3300!important;
font-style:italic;
font:Verdana, Arial, Helvetica, sans-serif!important;
padding: 8px 0px 0px 0px!important; margin: 0px!important;
}

.twocol p {
line-height: 15px;
text-align: justify;
margin: 5px 0px 5px 0px;
}

.twocol a {
color: #003366;
font-weight: bold;
font:Verdana, Arial, Helvetica, sans-serif!important;
text-decoration: none;
}

.twocol a:hover {
color: #ff0000;
font-weight: bold;
font:Verdana, Arial, Helvetica, sans-serif!important;
text-decoration: underline;
}

.twocol ul, #dnn_TDContentvert ul, #dnn_TDLeftvert ul {
margin-left: 20px!important; padding-left: 0px!important;
}

.twocol ul li, #dnn_TDContentvert ul li, #dnn_TDLeftvert ul li {
margin-bottom: 8px;
text-align: justify;
list-style-type:disc;
}

/* général */


.grasorange {
color: #bb3300!important;
font-weight:bold;
font:Verdana, Arial, Helvetica, sans-serif!important;
font-size: 10px;
}

.picgauche {
margin-right: 15px;
}

.myLeftPane {
margin:0 0 0 20px;
width:420px;
float:left;
}

.myRightPane {
margin:0 0 0 20px;
width:420px;
float:left;
}

.alert {
margin:0 0 0 10px;
}
/* .myLeftPane .DNNAlignleft p {
padding-left:30px !important;
} */
#tlm_alert_fermeture {
width: 860px !important; 
height: auto !important;
margin: 0px;
background: #f80000 url(/Portals/0/Images/alerte_fermeture.jpg) top left no-repeat !important;
color: #fff;
}
	#tlm_inside {
	padding: 30px 15px 15px 15px;
	}
	/*#tlm_alert_fermeture p, #tlm_inside p {
	margin-bottom: 5px;
	}*/

#tlm_alert_suspension {
width: 860px !important; 
height: auto !important;
margin: 0px;
background: #f80000 url(/Portals/0/Images/alerte_suspension.jpg) top left no-repeat !important;
color: #fff;
}