/***** Body and main container *****/
body {
margin:0 auto;
padding:0;
font:67.5% Verdana,Tahoma,Arial,sans-serif;/* 76% 80% */
background:#95c2eb;/*url(img/fondtypo_scrath.gif) top center repeat-y*/
color:#404040;
}
#wrap {
background:#ffffff;
color:#404040;
margin:0 auto;
padding:1px 0;
width:988px;/*1032px 768px*/
}

/*====================================================== 
                      Header 
========================================================*/

#header {
margin:4px auto 0 ; 
padding:0;
width:980px;/* 1024px 768px */
height:198px;
border:0;
/*background: url(img/front.jpg) top center no-repeat;*/
}
#header img {
margin:0;
float:left;
}

#search {
position:relative;
float:right;
padding:1em;
margin: -35px 2px 0 0;
}

/*#frontphoto {
margin:0 4px 0 4px;0 0 10px
border:0;
}*/

/*======================================== 
              Various tags 
=========================================*/

a:link {
font-weight:bold;
text-decoration:underline;
color:#588EB5/*#286ea0*/;
background-color:inherit;
} 
a:visited {
font-weight:bold;
text-decoration:underline;
color:#888;
background-color:inherit;
}
a:hover {
font-weight:bold;
color:#aeaac8;
text-decoration:underline;
background-color:inherit;
}
a:active {
font-weight:bold;
text-decoration:underline;
color:#333399;
background-color:inherit;
}
a img {
border:0;
}

p {
margin:0 1em 1.2em 2em;
text-align:justify;
}


/*=======================================
                 DNN Styles to override 
=========================================*/

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, h1, h2, h3, h4, h5, h6
{
    font-family: Verdana,Tahoma,Arial,sans-serif;
    font-size: 100%;
    font-weight: normal;
    color: #606060;
}
.NormalDisabled
{
    color: #c0c0c0;
}
.NormalBold
{
    font-weight: bold;
}
.NormalRed
{
    font-weight: bold;
    color: #ff0000;
}
h1, h2, h3, h4, h5, h6, .Head
{
    font-weight: bold;
}

/*==============================================
                   horizontal menu 
 ==============================================*/
#menu{
width:966px;/* 976px 1020px  760px*/
height:35px;
padding: 5px 0 0 0; 
margin:0 0 8px 4px;
background: url(img/bottom.gif) top left no-repeat;
}

/*===============================================
                    Breadcrumb
================================================*/

#breadcrumb{
margin:1em .5em 2.5em 0.5em;
padding:0;
}

/*================================================= 
                    Left sidebar 
===================================================*/

#leftside {
clear:left;
float:left;
width:200px;
margin:2px 4px;
padding:0;
}
#leftside h1 {
color:#505050;
background-color:inherit;
font-size:2em;
margin:0 0 3px;
padding:0;
}

#leftside h2,#leftside h3 {
color:#505050;
background-color:inherit;
font-size:1.3em;
margin:0 0 3px;
padding:0;
}

#leftside div.announce {
clear:left;
margin:0px 0px 2px 2px;
padding:0px;
font-size:0.9em;
color:#505050;
line-height:1.5em;
}

#leftside div.announce p {
margin:5px 0 0;
padding:0;
}

#leftside ul {
	padding:0;
	margin:0;
}

#leftside ul li {/* all list items */
	list-style-type:none;
	width: 198px;
	margin:0;
	padding:0;
}


#leftside ul li a { /* all links within the menu wrapper */
	display:block;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.02em;
	color: #666196;
	background-color:#ebebf2;
	padding: .2em;
	margin:0;
	border-right:10px solid #d7d7e4;
	width:auto;
}

#leftside ul li a:hover {
	display:block;
	padding: .2em;
	margin:0;
	border-right:10px solid #666196;
	background-color: #d7d7e4;
	color: #434368;
	width:auto;
}


/*================================================= 
                    Right sidebar 
===================================================*/

#extras {
float:right;
width:200px;/*240px*/
margin:2px 4px;
padding:0;
/*
line-height:1.4em;
*/
}
#extras p, #extras ul {
font-size:0.9em;
color:#fff;
margin:0em 0em 0em 1em;
}
#extras p{
padding:.8em;
}
#extras ul{
/*
list-style-image: url(images/smiley.gif);
*/
padding:0.5em 1.5em;
}
#extras li{
list-style:square;
margin: .5em 0 .5em 1.5em;
padding:0;
/*
line-height:1.2em;
margin:0 0 6px 0;
padding:0;
*/
}
#extras ul ul{
/*
margin:6px 0 0 10px;
padding:0;
*/
}
#extras ul ul li{
margin: 0 0 4px 0;
}
#extras ul ul li a{
font-size:1.1em;
font-weight:normal;
color:#fff;
}
#extras h1, #extras h2, #extras h3{
font-family:verdana,tahoma,helvetica,sans-serif;
color:#fff;
font-size:1em;
margin:0em 0em 0em .9em;
padding:.9em 0em .3em .4em;
}
#extras a{
font-size:1.1em;
font-weight:bold;
color:#fff;
}

/*===============================================*/
/*                 Main content                  */
/*===============================================*/

#content {
margin:1px 204px 5px 204px;/*1px 187px 5px 207px*//*20px 150px 5px 150px*/
border-left:1px solid #e0e0e0;
padding:0 3px;
line-height:1.5em;
}
#contentwide {
margin:0 0 5px 150px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.5em;
}
#contentwide2 {
margin:0 144px 5px 0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 0;
line-height:1.5em;
}
#content h1, #contentwide h1, #contentwide2 h1 {
font-size:1.6em;
margin:0 1em 1em 0.2em;
padding:0;
color:#92B44E;
}
#content h2, #contentwide h2, #contentwide2 h2 {
font-size:1.4em;
margin:0 1em .6em .8em;
padding:0;
color:#92B44E;/*#7aa327*/
border-bottom:1px solid #92B44E;
/*color:#bbb8d3;
text-decoration:underline;*/
}
#content h3,#contentwide h3, #contentwide2 h3 {
font-size:1.1em;
margin:0 1em 0.2em 1.7em;
padding:0;
color:#7aa327;
}
#content h4,#contentwide h4, #contentwide2 h4 {
font-size:1em;
margin:0 1em 0em 1.9em;
padding:0;
color:#606060;
}
#content img,#contentwide img, #contentwide2 img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:none;/*4px solid #f0f0f0*/
}
#content ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol {
list-style:circle #d4d4d4;
margin:0 5em 1.5em 5em;
padding:0;
text-align:justify;
}
#content li, #contentwide li, #contentwide2 li {
margin:0;
padding:.5em 0;
}
#content ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol, #contentwide2 ol ol {
margin:0 0 0 8em;
padding:0;
}

/*=============================================*/ 
/*                     Footer                  */
/*=============================================*/

#footer {
clear:both;
margin:2px auto;
padding:0;
width:980px;/*1024px*/
height:61px;
text-align:left;
background: url(img/footer.gif) bottom center no-repeat;
}
#footer p {
color:#fff;
margin:0;
padding:42px 0 0 8px;
}
#footer a:link, #footer a:visited {
color:#fff;
text-decoration:none;
}
#footer a:hover, #footer a:active {
color:#f4f4f7;
text-decoration:underline;
}

/*============================================*/
/*            Various classes                 */
/*============================================*/

.left {
margin:3px 10px 2px 0;
float:left;
}
.right {
margin:2px 0 2px 10px;
float:right;
}
.textright {
text-align:right;
}
.center {
text-align:center;
}
.small {
font-size:0.8em;
}
.bold {
font-weight:bold;
}
.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}
.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}
.hide {
display:none;
}

/*=========================================================================================*/
/*           classes pour les div afficher les images avec légendes                        */
/*==========================================================================================*/

.ImgLeft{
	float:left;
	margin:2px 6px 2px 0px;
	padding:0;
	border:1px solid #677fa4;
	}
.ImgRight{
	float:right;
	margin:2px 0px 2px 6px;
	padding:0;
	border:1px solid #677fa4;
	}
.ImgCenter{
	margin:2px auto;
	padding:0;
	border:1px solid #677fa4;
	}
.DivImgRight{
	float:right;
	padding:.2em;
	margin:1.25em;
	background-color:inherit/*#FFF*/;
	color:#888888;
	font-size:.8em;
	text-align:right;
	letter-spacing:0.05em;
	cursor:pointer;
	}
.DivImgLeft{
	float:left;
	padding:.2em;
	margin:1.25em;
	background-color:inherit;
	color:#888888;
	font-size:.8em;
	text-align:left;
	letter-spacing:0.05em;
	cursor:pointer;
	}
.DivImgCenter{
	padding:.2em;
	margin:1.25em auto;
	background-color:inherit;
	color:#888888;
	font-size:.8em;
	text-align:left;
	letter-spacing:0.05em;
	cursor:pointer;
	}

#extras div.DivImgRight a:link, #extras div.DivImgLeft a:link {
	font-size:1em;
	color:#588EB5;}
#extras div.DivImgRight a:visited, #extras div.DivImgLeft a:visited {
	font-size:1em;
	color:#888;}
#extras div.DivImgRight a:hover, #extras div.DivImgLeft a:hover {
	font-size:1em;
	color:#aeaac8;}
#extras div.DivImgRight a:active, #extras div.DivImgLeft a:active {
	font-size:1em;
	color:#333399;}


/*==========================================================================================*/
/*         Standard structural CSS that typically should not need to be changed             */
/*==========================================================================================*/

#HouseMenuHNav, #HouseMenuHNav ul { /* all submenu lists */
	padding: 0;
	margin: 0;
	border: none;
	list-style: none;
	position: relative;
	z-index: 99999;
}
#HouseMenuHNav li { /* all list items */
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}
#HouseMenuHNav li li { /* all items under the top level */
	z-index: 11113;
}
#HouseMenuHNav a { /* all links within the menu wrapper */
	display: block;
	margin: 0; 
	border: 0;
	padding: 0;
}
#HouseMenuHNav li li a { /* all item links under the top level */
	margin: 0;
	border: 0;
	padding: 0;
}
#HouseMenuHNav li:hover {
background-position: 0 0; /* make menus not sticky in IE7 */
} 
#HouseMenuHNav li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}
#HouseMenuHNav li li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}
#HouseMenuHNav li ul {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}
#HouseMenuHNav li ul ul { /* third-and-above-level lists */
	margin: 0;
	border: 0;
	padding: 0;
}
#HouseMenuHNav li:hover ul ul, 
#HouseMenuHNav li:hover ul ul ul, 
#HouseMenuHNav li.sfhover ul ul, 
#HouseMenuHNav li.sfhover ul ul ul {
	left: -9999px;
}
#HouseMenuHNav li:hover ul, 
#HouseMenuHNav li li:hover ul, 
#HouseMenuHNav li li li:hover ul, 
#HouseMenuHNav li.sfhover ul, 
#HouseMenuHNav li li.sfhover ul, 
#HouseMenuHNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}
#HouseMenuHNav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	display: block;
}
.ArrowPointer
{
	cursor: default;
}

/*==========================================================================================*/
/*                   Presentation CSS that typically needs to be customised                 */
/*==========================================================================================*/

#HouseMenuHNav, #HouseMenuHNav ul {
	/*background:#fefefe;*/
	padding:0;
	margin:0;
	/* all submenu lists */
}

#HouseMenuHNav li {/* all list items */
	width: auto;
	/*height: auto;*/
	border-right:1px solid #fbfbfc;/*#f0f0f5*/
}

#HouseMenuHNav li li { /* all items under the top level */
	width: 160px;
	/*height: auto;*/
}

#HouseMenuHNav a { /* all links within the menu wrapper */
	display:block;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.02em;
	color: #666196;
	padding:.5em .5em .8em .5em;
	width:auto;
}

#HouseMenuHNav li a:hover {
	display:block;
	padding: .5em .5em .8em .5em;
	color: #f6f6f6;
}

#HouseMenuHNav li li a { /* all item links under the top level */
	color: #666196;
	background-color:#ebebf2;
	font-weight:bold;
	font-size:0.88em;
	width: 100%;
	border-left:5px solid #d7d7e4;
	padding: 0.5em 0.5em 0.8em 0.5em;
	margin:0;	
}

#HouseMenuHNav li li a:hover {
	color: #fff;
	background-color:#c1bed5;
	border-left:5px solid #afacc9;
	padding: 0.5em 0.5em 0.8em 0.5em;
	margin:0;
}

#HouseMenuHNav li ul { /* second-level lists */
	width:160px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left:-9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:0;
	line-height:12px;
	background-color:#eeeeee;
	height:auto;
}

#HouseMenuHNav li ul ul { /* third-and-above-level lists */
	margin:-25px 0 0 174px;
}
/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
   
#HouseMenuHNav #houseMenuParentItem a
{ /* all links under the parent item (li) */
	background-color:transparent; 
	text-decoration:none;
}

#HouseMenuHNav a#houseMenuParentLink
{ /* parent link itself */
	background-color:#c1bed5;
	text-decoration:none;
}

#HouseMenuHNav a#houseMenuCurrentLink
{ /* current link itself */
	padding:0.2em 0.5em 0.8em 0.5em;
	color:#9490b7;
	background-color:#c1bed5;
	text-decoration:none;
}

#HouseMenuHNavCurrentLink
{
background-color:#000;
}

#HouseMenuHNavItemAccueil, #HouseMenuHNavItemAccueil a {display:none;}


/*===============================================*/
/*            FORMATAGE DE TABLEAU               */
/*===============================================*/

table {
border:1px solid #bababa;
margin:0em auto;
margin-bottom:2em;
border-collapse:collapse;
width:90%;
caption-side:top;
}

caption{
margin: 0 auto;
padding:0;
width: 90%;}

thead th, tfoot th{
background-color:#f8f8f8;
color:#999;
border:1px solid #ccc;
}

tbody {
background-color:#FFFFFF;
}

th {
font-size:90%;
border:1px dotted #6495ed;
padding:5px 8px;
background-color:#EFF6FF;
color:#004585;
}

td {
font-size:84%;
border:1px solid #ccc;
padding:5px;
text-align:left;
}

caption {
font-family:sans-serif;
font-weight:bold;
text-align:left;
}

/*===========================================*/
/*               Div "encart vert"           */
/*===========================================*/
div.encart{
font-family:verdana, helvetica, tahoma, sans-serif;
margin:1.3em auto;
padding:0;
width:85%;
background:#D7EBAD;
/*background:#fff url(img/EnSavoirPlus.jpg) top left no-repeat;*/
}


div.encart h1{
margin:0;
padding:1.3em;
font-weight:bold;
width:100%;
color:#a3d146/*#fff*/;
background-color:#fff/*#a3d146*/;
}
/*div.encart h2{
padding:1em;
margin:0 0 0 1.2em;
font-weight:bold;
color:#fff;
background-color:#a3d146;
}*/
div.encart p{
padding:1em;
margin:0 0 0 1.2em;
font-weight:normal;
color:#fff;
background-color:#a3d146;
}

#content div.encart ul{
width:90%;
list-style:disc #fff;
list-style-position:outside;
padding:1em;
margin:0 0 0 0.8em;
font-weight:normal;
color:#fff;
background-color:#a3d146;}

#content div.encart ol{
width:90%;
list-style:bold #fff;
list-style-position:inside;
padding:1em;
margin:0 0 0 0.8em;
font-weight:normal;
color:#fff;
background-color:#a3d146;}

#content div.encart ul li, #content div.encart ol li{
padding:.5em;
margin:0 0 0 0.8em;}


/*===========================================*/
/*                Main menu                  */
/*===========================================*/

#HouseMenuNav {
width:135px;
margin:0 0 18px;
padding:0;
list-style:none;
}
#HouseMenuNav li {
width:135px;
padding:0;
line-height:1.4em;
display:inline;
}
#HouseMenuNav a {
background-color:#f4f4f4;
color:#505050;
font-weight:bold;
width:130px;
float:left;
margin-bottom:5px;
padding:5px 1px 5px 5px;
border-left:4px solid #cccccc;
text-decoration:none;
}
#HouseMenuNav li a:hover, #HouseMenuNavCurrentItem a {
background-color:#eaeaea;
border-left:4px solid #000;
color:#505050;
}
#HouseMenuNav ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:0.9em;
width:125px;
}
#HouseMenuNav ul a {
padding:3px 1px 3px 5px;
font-weight:normal;
width:115px;
}
#HouseMenuNav ul ul {
width:113px;
}
#HouseMenuNav ul ul a {
width:100px;
}