/* 
================================
 Container Styles for DotNetNuke
================================
*/   
/* SOMMAIRE */
/*		- GENERAL	*/

/*		- THEMES IMAGE >> grand container avec titre + contenu avec fond image	*/
/*		- MYLEARNINGPATHS >> module C17 : affiche les liens vers les parcours dans cadres verts + logo */
/*		- LEARNING PATHS >> module C15 + C16 : affiche titre + liens vers parcours + liste de modules */

/*		- CONTAINER STANDARD AVEC TITRE >> petits containers standards avec titre */
/*		- CONTAINER STANDARD SANS TITRE >> petits containers standards sans titre */
/*			- Pane France	*/
/*			- Pane International >> habille les containers standards en vert	*/
/*			- Pane Jeune manager >> habille les containers standards en orange	*/

/*		- CONTAINER TITRE >> reliquat : titre seul */

/* FIN SOMMAIRE */


/* GENERAL */
*{
	margin:0;padding:0;
}
div{margin:0;padding:0;height:auto;}
p{position:relative;text-align:justify;}
img{margin:0;padding:0;}
input.NormalTextBox{width:200px;}
input.StandardButton{display:block;margin:10px 0;}
input#dnn_ctr388_Login_chkCookie{margin:4px 4px 0 0;}
.center{text-align:center;}
.droite{text-align:right;}
table td{
	font-size:12px;
}

a image{border:0;}
ul li{
	list-style-image:url(media/arrow_ff.gif);
	#list-style-image:url(media/arrow_ie.gif);
}



.containerMasterBottom {
	text-align:right;
	margin:2px 0 10px 0;padding:0;
	background-color:#dfe5f2;
	height:auto;/* tr?s important pour IE */
}

.ModuleTitle_MenuItem {
    border-width: 0px !important;
}

/* CONTAINER THEMES IMAGE */

.containerText{
	margin:4px 5px 0 5px !important;
}
.containertext ul{
	margin-left:20px;
}
.containertext a{
	padding-left:0;
	background:none;
	color:#016A4C;
	text-decoration:underline;
}
.containertext p.votrecontact{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:#006849;
	color:white;
	padding:4px 0;
	width:560px;
}
.containerTextTop{
	border-top:1px solid #007356;
	border-left:1px solid #007356;
	border-right:1px solid #007356;
	background:#e7fde5;
	text-align:right;
	padding:0 4px 0 0;
	height:20px;
}
.containerTextTop span{
	margin:0;padding:0;
	line-height:0;
}
.containerTextTop span img{
	margin:0;padding:0;
	line-height:0;
}
.containerTextContent{
	border:1px solid #007356;
	background:#e7fde5/* url(media/containerTextImg.jpg) left bottom no-repeat*/;
	margin:0;padding:4px 4px;
}
.imgDecoration{	
	border-left:1px solid #007356;
	border-right:1px solid #007356;
}

.containerTextContent img{margin:3px 8px;}

.containerText .containerTextTopContent p{
	background:transparent;
	text-align:justify;
}
.containerText .containerTextContent span a.txt_pageg{
	padding-right:10px;
	color:red;
}

.containerTextBottom{
	/*text-align:left;
	height:22px;
	background:red url(media/bottomRightSide.gif) right bottom no-repeat;*/
	display:none;
}
.containerTextBottom img{
	vertical-align:bottom;
	white-space:nowrap;
	display:block;
	height:auto;
	display:none;
}

.containerHeader{
}

.containerHeader table{
	border-collapse:collapse;
}
.containerHeader table tr.middle{
	background:transparent url(media/rightSide.gif) no-repeat scroll right top;
	vertical-align:top;
}
.containerHeader .top .containerHeaderTitleTop{
    background:transparent url(media/topRightCorner.gif) no-repeat scroll right top;
}

.containerHeader .top .containerHeaderTitleBottom{
    background:transparent url(media/bottomRightCorner.gif) no-repeat scroll right top;  
}

.containerHeader table tr.middle .action{
    background:transparent url(media/leftSide.gif) no-repeat scroll left top;
}

.containerHeader table tr.middle td img{
	margin:0;padding:0;border:0;
}
.containerHeader .action{
	width:13px;
}
.containerHeader .title{
	width:100%;
	margin:0;padding:0 0 0 10px;
	
}
.containerHeader .title span{
	color:#FFF;
	font-size:14px;
	font-family:arial;
	font-weight:bold;
}
.containerHeader .visibility{
	padding:0 10px 0 0;
	vertical-align:top;
}

.containerHeader .content{
	border:1px solid #007356;
	margin:0 5px;
	/*#display:inline; /* important pour IE6 : evite le doublement de la marge */
	
}

.containerHeader .bottom{
	text-align:left;
	height:9px;
	background:transparent url(media/bottomRightSide.gif) right bottom no-repeat;
	margin:0 5px;padding:0px;
	line-height:4px;
	font-size:0;
	vertical-align:bottom;
}

/* ACCUEIL TITRE */
.accueilTitre{
	text-align:center;
	width:100%;
}
.accueilTitre h3{
	font-size:16px;
	font-weight:bold;
	color:#00694B;
	text-align:center;
}
.accueilTitre p{
	font-size:13px;
	font-weight:bold;
	color:#9A9A9A;
	text-align:center;
}



/* MY LEARNING PATHS : C17 */

.myLearningPaths{
	/*width:260px;*/
}

.myLearningPaths .content{
	margin:0 5px;
	border:0;
	#display:inline; /* important pour IE6 : evite le doublement de la marge */
}
.myLearningPaths .content .containerMyLearningPath div{
	border:0;
	margin:4px 0;
	height:94px;
	clear:both;
}

.myLearningPaths .content .containerMyLearningPath div div{
	float:left;
	width:162px;height:94px;
	text-align:center;
	margin:0 4px 0 0;
}
.myLearningPaths .content .containerMyLearningPath div div a{
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	position:relative;
	top:30%;
}
.myLearningPaths .content .containerMyLearningPath div.header div{
	background:url(media/c17_header.jpg) top left no-repeat;
}
.myLearningPaths .content .containerMyLearningPath div.item div{
	background:url(media/c17_content.jpg) top left no-repeat;
}
.myLearningPaths .content .containerMyLearningPath div.itemAlt div{
	background:url(media/c17_content.jpg) top left no-repeat;
}
.myLearningPaths .content .containerMyLearningPath div.footer div{
	background:url(media/c17_footer.jpg) top left no-repeat;
}

.myLearningPaths .bottom{
	display:none;
}
/* FIN MYLEARNINGPATHS */

/* LEARNING PATHS : C15 + C16*/

.learningpaths table tr.middle{
	background:transparent url(media/LPrightSide.gif) no-repeat scroll right top;
}
.learningpaths .top .containerHeaderTitleTop{
    background:transparent url(media/LPtopRightCorner.gif) no-repeat scroll right top;
}

.learningpaths .top .containerHeaderTitleBottom{
    background:transparent url(media/LPbottomRightCorner.gif) no-repeat scroll right top;  
}

.learningpaths table tr.middle .action{
    background:transparent url(media/LPleftSide.gif) no-repeat scroll left top;
}
.learningpaths .content{
	margin:4px 5px 0 5px;padding:0;
	background:#fccbb4;
	border:1px solid #E20018;
}
.learningpaths div{
	margin:0;padding:0;
}
.learningpaths div.header{
	margin:0;padding:0;
}
.learningpaths div.header a{
	display:none;
}

.learningpaths div.item, .containerLearningPath div.itemAlt{
	background:url(media/puce.gif) 4px 8px no-repeat;
	margin:0;padding:4px 4px 4px 14px;
}
.containerLearningPath div.itemAlt{
	background:url(media/puceAlt.gif) 4px 8px no-repeat;
}



.learningpaths .bottom{
	border:0;
	margin:0 5px 10px 5px;padding:0;
	width:262px;height:9px;
	background:url(media/LPbottomStandard.gif) left bottom no-repeat;
}

/* ESPACE COLLABORATEURS */
.containerTextContentEspaceCollaborateur{
	font-size:12px;
	font-weight:bold;
	color:#e7fde5;
	background:white;
	border:1px solid #007356;
	margin:0;padding:1px 2px 4px 0;

}
.containerTextContentEspaceCollaborateur table{
	margin:0;padding:0;
	_width:400px;
}

.containerTextContentEspaceCollaborateur td{
	font-size:12px;
	font-weight:bold;
	color:#007356;
}
.containerTextContentEspaceCollaborateur td a{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#007356;
}

.containerTextContentEspaceCollaborateur td a:hover{
	text-decoration:underline;
	color:#007356;
}

/* FIN LEARNING PATHS */

/* CONTAINER STANDARD AVEC TITRE */

.containerStandardTitre{
	margin:0 5px;padding:0;
	width:258px;
}
.containerStandardTitre .top{
    width:100%;
	border:1px solid #007356;
	border-bottom:0;
	background:#5ea156;
	margin:0;padding:0;
	/*height:auto;*/
	vertical-align:top;
}
.containerStandardTitre .top table, .containerStandardTitre .top table tr{
	background:none;
	height:auto;
}
.containerStandardTitre .top table tr.middle .action{
	background:none;
}
.containerStandardTitre .top .title span{
	color:#FFF;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
}
.containerStandardTitre .content{
	border:1px solid #007356;
	width:258px;
	margin:0;
	background:#e7fde5;
}

.containerStandardTitre .bottom{
	text-align:left;
	width:260px;
	height:9px;
	background:transparent url(media/bottomStandard.jpg) left bottom no-repeat;
	margin:0;padding:0px;
	line-height:4px;
	font-size:0;
	vertical-align:bottom;
}


.containerStandardTitre .content a{
	padding-left:0;
	background:none;
	color:#016A4C;
	text-decoration:underline;
}


/* CONTAINER STANDARD SANS TITRE */

.containerStandardSansTitre .content{
	background: url(media/carre_fond.jpg) no-repeat top;
	border: 1px solid #666666;
}
.containerStandardSansTitre p.droite{
	text-align:right;
}

/* CONTAINER ORANGE */


.containerOrange table tr.middle{
	background:transparent url(media/LPrightSide.gif) no-repeat scroll right top;
}
.containerOrange .top .containerHeaderTitleTop{
    background:transparent url(media/LPtopRightCorner.gif) no-repeat scroll right top;
}

.containerOrange .top .containerHeaderTitleBottom{
    background:transparent url(media/LPbottomRightCorner.gif) no-repeat scroll right top;  
}

.containerOrange table tr.middle .action{
    background:transparent url(media/LPleftSide.gif) no-repeat scroll left top;
}
.containerOrange .content{
	border:0;
	margin:4px 5px 0 5px;padding:0;
	background:#FCCBB4;
	border:1px solid #E20018;
}
.containerOrange .content div{
/*	float:left;
	border-top:2px solid white;
	border-bottom:2px solid white;
	border-right:0;*/
	text-align:left;
	background:#FCCBB4;
	/*border:1px solid #E20018;*/
}


.containerOrange .bottom{
	text-align:left;
	width:260px;
	height:9px;
	background:transparent url(media/LPbottomStandard.gif) left bottom no-repeat;
	margin:0 5px;padding:0px;
	line-height:4px;
	font-size:0;
	vertical-align:bottom;
}

/* FIN CONTAINER ORANGE */







/* PANE JEUNES MANAGERS */

/*.bottomPaneJeuneManager .containerStandardTitre .top{
	border:1px solid #FF651D;
	border-bottom:0;
	background:#fc9c6f;
}
.bottomPaneJeuneManager .containerStandardTitre .top .title span{
	color:#000;
}
.bottomPaneJeuneManager .containerStandardTitre .content{
	border:1px solid #FF651D;
	background:#fccbb4;
}
.bottomPaneJeuneManager .containerStandardTitre .bottom{
	background:transparent url(media/bottomStandardJeuneManager.jpg) left bottom no-repeat;
}
.bottomPaneJeuneManager .containerStandardSansTitre .top{
	background:#fccbb4;
}
*/

/* CONTAINER LEARNING PATH C15 + C16*/

.containerLearningPath{
	margin:0 4px 0 6px;padding:0;
	width:260px;
	text-align: left !important;
}
.containerLearningPath .containerTop{
	background:#E20018;
	margin:0 0 10px 0;padding:0;
	height:auto;
}
.containerLearningPath .containerTop .title{
	float:left;
	padding:3px;
	text-align:left;
	width:90%;
	font-size:18px;
	color:#FFF;
}
.containerLearningPath .containerTop .title span{
	font-size:16px;
	color:#FFF;
}
.containerLearningPath .containerTop .visibility{

}
.containerLearningPath .containerTop .clear{
	clear:both;
	font-size:0px;
}




/* FIN CONTAINER LEARNING PATH */






/* HOTLINE */



/* FIN HOTLINE */

/* MENTIONS LEGALES */

.contentBox .infosNews{
	margin:0 10px;padding:20px;
	width:840px;
	border:1px dashed red;
	white-space:normal;
	float:none;
}

.infosNews .containerTextTop{
	border-top:1px solid #007356;
	border-left:1px solid #007356;
	border-right:1px solid #007356;
	background:#e7fde5;
	/*text-align:right;
	padding:0 4px 0 0;
	height:10px;*/
	float: right;
}
 .infosNews .containerTextContent{
	border-bottom:1px solid #007356;
	border-left:1px solid #007356;
	border-right:1px solid #007356;
	background:#e7fde5;
	margin:0;padding:1px 20px 4px 20px;
	white-space:normal; /* uniquement pour firefox */
	width:840px;
	display:block;
}
.infosNews .imgDecoration{	
	border-left:1px solid #007356;
	border-right:1px solid #007356;
}
.infosNews .containerTextContent img{text-align:center;}

.infosNews .containerTextContent p,
.infosNews .containerTextContent p.rubrique,
.infosNews .containerTextContent p.texte,
.infosNews .containerTextContent ul,
.infosNews .containerTextContent ol,
.infosNews .containerTextContent dl,
.infosNews .containerTextContent span,
.infosNews .containerTextContent table{
	margin:0 20px;
	font-family:arial, verdana, times;
	width:800px;
	white-space:normal;
	word-wrap: break-word;
	font-size:12px;
	display:block;
}


.infosNews .containerTextContent p#rubrique{font-weight:bold;margin-top:10px;}
.infosNews .containerTextContent p.titre{font-size:16px;font-weight:bold;margin-bottom:10px;text-align:center;}
.infosNews .containerTextContent ul{margin:0 0 0 20px;}
.infosNews .containerTextContent ol{margin:4px 0 0 40px;}
.infosNews .containerTextContent ol li{margin:4px 30px 0 20px;width:auto;}
.infosNews .containerTextContent dl dt{margin-top:10px;color:#007356;}

.infosNews .containerTextContent hr{margin:10px 0;width:70%;text-align:center;}




/* FIN MENTIONS LEGALES */



/*.contentBox */div.DNNEmptyPane{font-size:0px;}/* important IE 6 & 7 */


#dnn_RightTopPane{}


.containermaster_blue {
	width: 100%;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
}
.containerrow1_blue {
	background-image: url(gradient_LtBlue.jpg);
}
.containerrow2_blue {
	background-color: #ffffff;
}
.ModuleTitle_MenuItem {
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}


.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  {
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.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;
}



/* CSS STYLESHEETS FOR CROSS HELP */


#help-box {
	border: 0px solid #000000;
	padding:0 20px 40px 20px;
}

#help-box h2 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	border-bottom: 1px solid #333333;
	margin-top: 30px;
	font-weight:bold;
}
#help-box h3 {
	margin: 0 0 0 20px;
	padding: 0;	
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px solid #333333;
	margin-top: 10px;
	font-weight:bold;
}
#help-box ul {
	margin: 1px 1px 2px 30px;
	padding: 5px;
}
#help-box li {
	/*background:white;*/
	list-style-position: inside;
	list-style-type: none;
}
#help-box li span a {
	font-size: 11px; 
	letter-spacing: 1px
	background: transparent;
	display: block;
	line-height: 14px;
	color: #007356;
	text-decoration: none;
	padding:1px 45px;
}
#help-box li span a:hover {
	background:#007356;
	text-decoration: none;
	color: #ffffff;
}

#help-box li div {
	margin: 10px 0 10px 0;
	border: 2px solid #007356;
	padding: 0;
}
#help-box li div h4 {
	background: #007356;
	color: #ffffff;
	margin: 0;
	padding: 2px;
}
#help-box li div p {
	margin: 10px 150px 10px 10px;
}
#help-box li div img {
	border-top: 1px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #000000;
}
#help-box li div hr {
	margin: auto 20px;
}
#help-box li div a {
	color: #000000;
	text-decoration: underline;
}
#help-box li div a:hover {
	background: #007356;
	color: #ffffff;
	text-decoration: none;
}
#help-box p.endclose {
	margin: 0;
	padding: 0;
	text-align: center;
}
#help-box p.endclose a {
	width: 100px;
	padding: 1px;
	color: #ffffff;
	display: block;
	background:#007356;
	border: 1px solid #ffffff;
	text-align: center;
	text-decoration: none;
}
#help-box p.endclose a:hover {
	background: #5ea156;
	text-decoration: none;
}
#help-box .close { display: none; }
#help-box .open { display: block; }

/* CONTAINER VIDE */

.containerVide {
	background:#fff;
}
.containerVide a{
	border:0;
}
.containerVide img{
	border:0;
}
.containerVide p{
	margin:0;padding:0;
}