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

/**
 *  Titres Tonkin
 */
.titre_site {
   margin: 0px auto 1em auto; 
   height: 36px;
   text-align: center;
   font-family: Arial, Sans;
   font-size: 3em;
   font-weight: bold;
   color: #1978cd;
}
.titre_page {
   margin: 4px;
   padding-left: 0; /*2em;*/
   font-family: Arial;
   font-size: 2.2em;
   font-weight: bold;
   color: #1978cd;
}

/**
 *  Module Menu
 */
.menu {
	width: 202px;
	border: 0px;
	background-color: #1978cd;
	padding-bottom: 4px;
}
div.submenu {
	margin: 0;
	padding: 8px 0 8px 42px;
}
p.menu_item {
	margin: 0;
	text-align: left;
}
div.niv1 { 
	cursor: pointer;
	background: #1978CD url('/cms/Portals/_default/skins/Capio/degrade_menu.gif') repeat-x 0 0;
	margin: 0;
	height: 28px;  /* = _height - padding-top */
	_height: 34px;
	padding: 8px 0 0 24px;
	border-top: 1px solid #8cbce6;
}
div.niv2 {
	cursor: pointer;
	margin: 0;
	min-height: 22px;  /* = _height - padding-top */
	_height: 26px;
	padding: 4px 0 4px 24px;
	border-top: 0;
}

div.niv1, div.niv1 a, div.niv1 a:link, div.niv1 a:hover, div.niv1 a:active, div.niv1 a:visited 
{
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: white;
}
div.niv2, div.niv2 a, div.niv2 a:link, div.niv2 a:hover, div.niv2 a:active, div.niv2 a:visited 
{
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: white;
}
div.selected1 {
	background: white url('/cms/Portals/_default/skins/Capio/degrade_menu.gif') no-repeat 0 0;
	color: #1978cd;
}
div.selected1 a, div.selected1 a:link, div.selected1 a:hover, div.selected1 a:active, div.selected1 a:visited, div.selected2, div.selected2 a, div.selected2 a:link, div.selected2 a:hover, div.selected2 a:active, div.selected2 a:visited {
	background: white;
	color: #1978cd;
}

/**
 *  Module "plaque", utilisé et modifié par jQuery pour ajouter les images
 */
.plaque, .plaque1 {
  margin: 1em;
  border: 1px solid #668ec8;
  padding: 2em 1em;
}
.upperleft {
  margin: 0 auto 1em auto;
  width: 420px;
  background:white;
  background-image: url('/cms/Portals/_default/Skins/Capio/blocTL.png');
  background-repeat : no-repeat;
  background-position : top left;
}
.upperright{
  background-image: url('/cms/Portals/_default/Skins/Capio/blocTR.png');
  background-repeat : no-repeat;
  background-position : top right;
}
.lowerleft{
  background-image: url('/cms/Portals/_default/Skins/Capio/blocBL.png');
  background-repeat : no-repeat;
  background-position : bottom left;
}
 .lowerright {
  min-height: 42px;
  _height: 80px;
  background-image: url('/cms/Portals/_default/Skins/Capio/blocBR.png');
  background-repeat : no-repeat;
  background-position : bottom right;
  padding : 16px;
}
.lowerright, .lowerright td {
  font-size: 11px;
}
.lowerright .big {
  margin-bottom: 4px;
  _margin: 8px 0px;
  padding-left: 4em;
  font-size: 12px;
}
.plaqueh, .plaqueh1 {
   margin: 0 0 4px 8px;
   _margin: 1em;
   padding-left: 15px; 
   text-align: left;
   font-weight: bold;
}
.plaqueh, .plaqueh a, .plaqueh a:link, .plaqueh a:visited {
   font-family: Arial, Sans;
   font-size: 16px; 
   color: #668ec8; 
}
.plaqueh1, .plaqueh1 a, .plaqueh1 a:link, .plaqueh1 a:visited {
   font-family: Arial, Sans;
   font-size: 22px; 
   color: #668ec8; 
}

/**
 *  Module "links" 
 */
ul.links {
}
ul.links li {
	text-align:left;
	list-style: none;
	margin: 1.5em 0;
}
ul.links a:link, ul.links  a:active, ul.links  a:visited {
	font: normal bold 16px/32px arial,sans-serif;
	color: #1978cd;
}
ul.links img {
	width: 48px;
	height: 48px;
	border: 0;
}

/**
 * MODULE "Formulaire" (satisfaction, cv ...)
 */
.formHead {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	border: 2px solid black;
	padding: 1em 0;
}
.formHead .formLine {
	float: left;
	width: 300px;
	margin-top: 4px;
	text-align: right;
	_padding-right: 0.5em;
}
.formHead .firstLine {
	text-transform: capitalize;
	font-size: 16px;
	font-weight: bold;
}
.formHead .formCol {
	float: left;
	width: 128px;
	font-weight: bold;
}
.formHead .formColWide {
	float: left;
	width: 256px;
	font-weight: bold;
}
.eol {
	width: 1px;
	height: 1px;
	clear: left;
	_clear: none;
}
.emptyLine {
	height: 1em;
	_height: 3em;
}

.formBody {
	width: 700px;
}
.formBody .alt{
	background-color: #E7F0F9;
}
.formBody .formLine {
	float: left;
	width: 412px;
}
.formBody .formLineWide {
	float: left;
	width: 540;
}
.formBody .firstLine {
	margin-top: 8px;
	font-size: 12px;
}
.formBody .subLine {
	_padding-left: 3em;
	font-size: 11px;
}
.formBody .formCol {
	float: left;
	width: 52px;
	_width: 64px;
	padding-left: 12px;
	_padding-left: 1em;
	font-size: 10px;
	font-style: italic;
}
.formBody .colHd {
	padding-top: 0.5em;
	width: 64px;
	padding-left: 0px;
	text-align: center;
}
.formBody #formSubmit {
	float: right;
	margin-right: 2em;
}
.formBody #formPrint {
	float: right;
	margin-right: 5em;
}
.formBody input[type='radio'] {
}
.formBody input[type='text'] {
	border: 1px solid #668ec8;
}
.formBody input[type='file'] {
	margin: 0.5em 0.5em 0.5em 3em;
	width: 42em;
	border: 1px solid #668ec8;
}
.formBody textarea {
	margin: 0.5em 0.5em 0.5em 3em;
	width: 42em;
	border: 1px solid #668ec8;
}
.formFoot {
	padding: 1em;
	font-size: 14px;
	font-style: italic;
	color: #668ec8;
	text-align: center;
}
.center {
	text-align: center;
}
.clear {
	clear:both;
}
 

/**
 *  Module jCarouselLite (défilement des équipes et témoignages)
 **/
/*
  * défilement d'équipe abandonné pour l'instant (10/09)
.equipes {
	margin:0 0 0 42px;
	border:1px solid #8cbce6;
	background-color: #E7F0F9;
	padding: 0;
	height: 188px;
	_height: 190px;
} 
.equipes button {
	float:left;
}
.equipes li {
	float:left;
	margin: 6px;
	width:142px;
	height:166px;
	_height:186px;
	padding: 4px 0;
	border: 1px solid #8cbce6;
	background-color: white;
	text-align: center;
}
*/
.temoins {
	width: 	694px;
	_width: 694px;
	margin: 0;
	padding:0;
	border: 1px solid #8cbce6;
	background-color: #E7F0F9;
} 
.temoins li {
	margin: 0;
	height: 60px;
	width: 692;
	_width: 694px;
	padding: 0;
	border: 1px solid #8cbce6;
	background-color: white;
	font-family: Courier;
	font-size: 8pt; 
}
.temoins td {
	_height: 60px;
	padding: 4px;
}
.clear {
	clear:both;
}
 
/**
 *  DNN panes
 */
body, .dnn_ContentPane div, .dnn_ContentPane p, .dnn_ContentPane td
{
   font-family: Arial, Helvetica; 
   font-size: 11px; 
   font-style: normal;
}
.dnn_ContentPane P {
   margin: 6px 0px 2px 0px;
   text-align:justify;
}
.dnn_ContentPane A:link, .dnn_ContentPane A:visited , .dnn_ContentPane A:hover, .dnn_ContentPane A:active    {
   font-family: Verdana;
   font-size: 11px;
   font-weight: normal;
}

.LeftPane  { 
}

.ContentPane  { 
   text-align: left;
}

.RightPane  { 
}

/* text style used for most text rendered by modules */
.Normal, .Normal td
{
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
}

/** 
 *  Standard generics
 */
H1 {
   margin: 16px 0px 2px 0px; 
   font-family: Arial, Sans;
   font-size: 16px; 
   text-transform: uppercase;
   font-weight: bold; 
   color: #1978cd; 
}

H2 {
   margin: 12px 0px 2px 0px; 
   font-family: Arial, Sans;
   font-size: 14px; 
   text-transform: uppercase;
   font-weight: bold; 
   color: #1978cd; 
}
/* .ferme et .ouvert : manipulés par jQuery à partir des styles H5 */
H2.ferme {
   background: url(/cms/Portals/_default/Skins/Capio/puces/ArrowRight.gif) no-repeat left 0.25em; 
}
H2.ouvert{
   background: url(/cms/Portals/_default/Skins/Capio/puces/ArrowDown2.gif) no-repeat left 0.3em; 
}

H2 A, H2 A:visited {
   font-size: 12px; 
   font-weight: bold; 
   color: #668ec8;
   text-decoration: none;
}

H2 a:hover {
   font-size: 12px; 
   font-weight: bold; 
   color: #668ec8;
   text-decoration: underline;
}

H3  {
   margin: 8px 2px 2px 2px;
   padding: 0px;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #668ec8;
}

H4  {
   margin: 2px;
   font-style: italic;
   color: #668ec8;
}

H5, DT  {
   margin: 12px 0px 2px 0px; 
   font-family: Arial, Sans;
   font-size: 14px; 
   text-transform: uppercase;
   font-weight: bold; 
   color: #668ec8; 
}

H6  {
}

P {
   margin: 0.7em 0 0 0;
   line-height: 1.3em;
}

TFOOT, THEAD    {
}

TH  {
}

SMALL   {
   font-size: 9px;
}

BIG {
}

BLOCKQUOTE, PRE {
}

/**
 *  Listes 
 */
UL {
   margin-top: 0;
   margin-bottom: 0;
   line-height: 1.3em;
}

UL.fleche LI {
   list-style: square outside url(/cms/Portals/_default/Skins/Capio/puces/fleche.gif); 
}

UL.fleche LI LI, UL.fleche2    {
   list-style: square outside url(/cms/Portals/_default/Skins/Capio/puces/fleche2.gif); 
}

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

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