@import url(typos.css);
@import url(forms.css);


  /*////////////////
 ///// Règles /////
////////////////*/

/* Convention de nommage : camelCase + conteneurTypeLibellé */
/* Hiérarchisation :
   1. Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
   2. Les marges et bordures => margin – padding – border
   3. Les dimensions => width – height – min-width/max-width – min-height/max-height
   4. Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
   5. L'arrière-plan => background */


  /*//////////////////
 ///// Couleurs /////
//////////////////*/

/* Vert : 608a46 */



  /*//////////////////////////
 ///// Classes globales /////
//////////////////////////*/

HTML {
	height:100%;
	margin:0;
	padding:0;
}

BODY {
	height:100%;
	margin:0;
	padding:0;
	
	background-color:#6c9451;
	background-image:url(images/background.gif);
	background-position:top;
	background-repeat:repeat-x;
	color:#404040;
	
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height:18px;
	
	text-align:justify;
}


TD {

}


UL {
	color:#517F37;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	margin:0 0 0 10px;
}

LI 
{
	list-style-type:square;
	margin-top:2px;
	margin-bottom:2px;
}

FORM {
	margin:0;
}



  /*/////////////////////////////////
 ///// Classes de la structure /////
/////////////////////////////////*/


#body {
	width:990px;
	/*background-image:url(images/lefttext.jpg);
	background-position:238px 317px;;
	background-repeat:no-repeat;*/
}

#menu {
	width:256px;
	/*background-image:url(images/cascade_logo.png);
	background-position:0 20px;
	background-repeat:no-repeat;*/
	
	padding-top:20px;	
	vertical-align:top;
}

#cascade_logo{
	margin:0 0 70px 30px;
}

#main {
	background-color:#FFFFFF;
	width:734px;
	vertical-align:top;
}

#header {
	background-color:#FFFFFF;
	background-image:url(images/header.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:217px;
}

#breadcrumbtrails {
	background-color:#BCA361;
	height:27px;
	padding-left:2px;
	padding-top:3px;
}


#content {
	padding:25px;
	padding-top:25px;
}

#footer {
	vertical-align:bottom;
	height:80px;
	color:#FFFFFF;
}



  /*/////////////////////////
 ///// Classes HEADER  /////
/////////////////////////*/

#cascadeLogo {
	float:left;
	margin-left:20px;
}

#ffemLogo {
	float:right;
	margin-right:15px;
	margin-top:20px;
}

#unepLogo {
	float:right;
	margin-right:15px;
	margin-top:20px;
}

#risoLogo {
	float:right;
	margin-right:15px;
	margin-top:20px;
}



  /*//////////////////////
 ///// Classes MENU /////
//////////////////////*/

#menu UL, #menu UL A {
	color:#683c15;
	font-weight:bold;
	font-size:13px;
	line-height:25px;
	text-decoration:none;
}

#menu UL li ul, #menu UL li ul A {
	color:#683c15;
	font-weight:bold;
	font-size:12px;
	line-height:25px;
	text-decoration:none;
}

#menu UL A:hover, #menu UL li ul A:hover {
	text-decoration:underline;
}

#menu ul {
	margin-left:30px;
	padding-left:0px;
}

#menu li {
	list-style:none;
	list-style-position:outside;
	background-position:left 8px;
	background-repeat:no-repeat;
		/*Icone pour le menu !! */
	background-image:url(images/menu_bg_1.gif);
	margin-left:0px;
	padding-left:20px;
	margin-top:3px;
	margin-bottom:3px;
}

#menu li span 
{
	cursor:pointer;
} 

#menu ul li ul{
	margin-left:0px;
	padding-left:0px;		
}

#menu ul li ul li span{
	font-size:11px		
}

#menu ul li ul li 
{
	list-style:none;
	list-style-position:outside;
	background-position:left 12px;
	background-repeat:no-repeat;
		/*Icone pour le menu !! */
	background-image:none;
	margin-left:0px;
	padding-left:10px;
	
}


#menu li A {width:auto; height:100%; }
	
	
#menu #HouseMenuNav #HouseMenuNavItemAccueil { background-image:url(images/menu_bg_1.gif); display:none; }
#menu #HouseMenuNav #HouseMenuNavItem57 { background-image:url(images/menu_bg_2.gif); }
#menu #HouseMenuNav #HouseMenuNavItem58 { background-image:url(images/menu_bg_3.gif); }
#menu #HouseMenuNav #HouseMenuNavItem39 { background-image:url(images/menu_bg_4.gif); }
#menu #HouseMenuNav #HouseMenuNavItem7 { background-image:url(images/menu_bg_5.gif); }
#menu .item6 { background-image:url(images/menu_bg_6.gif); }


#menu #HouseMenuNav #HouseMenuNavItemAccueil  ul li { background-image:url(images/ssmenu_bg_1.gif); display:none; }
#menu #HouseMenuNav #HouseMenuNavItem57   ul LI { background-image:url(images/ssmenu_bg_2.gif);  }
#menu #HouseMenuNav #HouseMenuNavItem58   ul LI { background-image:url(images/ssmenu_bg_3.gif); }
#menu #HouseMenuNav #HouseMenuNavItem39   ul LI { background-image:url(images/ssmenu_bg_4.gif); }
#menu #HouseMenuNav #HouseMenuNavItem7    ul LI { background-image:url(images/ssmenu_bg_5.gif); }
#menu .item6  ul LI { background-image:url(images/ssmenu_bg_6.gif); }

	
#menu .item1 { background-image:url(images/menu_bg_1.png); }
#menu .item2 { background-image:url(images/menu_bg_2.png); }
#menu .item3 { background-image:url(images/menu_bg_3.png); }
#menu .item4 { background-image:url(images/menu_bg_4.png); }
#menu .item5 { background-image:url(images/menu_bg_5.png); }
#menu .item6 { background-image:url(images/menu_bg_6.png); }

#menu .item1 .subList LI { background-image:url(images/ssmenu_bg_1.gif); }
#menu .item2 .subList LI { background-image:url(images/ssmenu_bg_2.gif); }
#menu .item3 .subList LI { background-image:url(images/ssmenu_bg_3.gif); }
#menu .item4 .subList LI { background-image:url(images/ssmenu_bg_4.gif); }
#menu .item5 .subList LI { background-image:url(images/ssmenu_bg_5.gif); }
#menu .item6 .subList LI { background-image:url(images/ssmenu_bg_6.gif); }

.subList {
	display:none;
}


  /*///////////////////////////////////
 ///// Classes BREADCRUMB TRAILS /////
///////////////////////////////////*/


#breadcrumbtrails UL, #breadcrumbtrails LI {
	margin-left:0px;
	padding-left:0px;
}

#breadcrumbtrails LI {
	float:left;
	list-style:none;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:5px;
}

#breadcrumbtrails .item {
	background-image:url(images/breadcrumbtrails_arrow.gif);
}

#breadcrumbtrails .home {
	background-image:url(images/breadcrumbtrails_home.gif);	
}
#breadcrumbtrails img
{

}
#breadcrumbtrails A {
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb{

background-image:url(images/breadcrumbtrails_home.gif);
background-repeat:no-repeat;
background-position:0px 4px;
padding-left:18px;
color:#FFFFFF;
font-weight:bold;

	
}
.projectList {
margin:0px;
padding:0px;
font-family:"Trebuchet MS";
}
.projectList li {
list-style-type:square;
font-size:12px;
font-weight:bold;
margin:10px;
margin-left:50px;
font-weight:bold;
font-family:"Trebuchet MS";
}
.projectList li a{
	text-decoration:none;
	font-family:"Trebuchet MS";
}


.projectList li a:hover {
	text-decoration:underline;
	font-family:"Trebuchet MS";
}

.warningTiny{
	padding:5px;
	font-size:10px;
	background-color:#FFFFCC;
	color:#FF9900;
	border-color:#FFCC33;
	border-style:dashed;
	border-width:1px;
}


  /*/////////////////////////
 ///// Classe menu new ///// 
/////////////////////////*/
#tabFocus{
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	color:#532202;
	font-size:11px;
	margin-left: 28px;
    margin-top: 10px;
}

#tabFocus .top{
	background-image:url("images/tabFocus_top.png");
	background-position:top left;
	background-repeat:no-repeat;
	width:220px;
	height:5px;
	line-height:1px;
	font-size:1px;
	color:#bea565;
}

#tabFocus .content{
	border-left:1px solid #8c7b4d;
	border-right:1px solid #8c7b4d;
	background-color:#b9a05f;
}

#tabFocus .content #focusGroup{
	display:block;
	background-image:url("images/focusGroup_bg.png");
	background-position:top left;
	background-repeat:no-repeat;
}

#tabFocus .content #focusGroup h1{
	margin:0 10px;
	padding:0;
	color:#532202;
	font-weight:bold;
	font-size:18px;
	text-align:left;
}

#tabFocus .content #focusGroup .item{
	width:200px;
	margin:10px auto 10px auto;
	padding-bottom:0px;
}

#tabFocus .content #focusGroup .item hr{
	border:none;
	border-bottom: 1px solid #96834e;
}

#tabFocus .content #focusGroup .item img{
	width:200px;
	height:82px;
	overflow:hidden;
	margin:0 0 10px 0;
}

#tabFocus .content #focusGroup .item img{
	border:1px solid #8b7d4e;
}

#tabFocus .content #focusGroup .item h2{
	margin:0 0 10px 0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color:#532202;
	text-align:left;
}

#tabFocus .content #focusGroup .item h2 a{
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color:#532202;
}

#tabFocus .content #focusGroup .item p{
	font-size:11px;
	line-height:14px;
	color:#f5f1e7;
	letter-spacing:-0.01em;
	text-align:left;
}

#tabFocus .content #focusGroup .item p a:link,
#tabFocus .content #focusGroup .item p a:visited
{
	font-size:11px;
	color:#f5f1e7;
	text-decoration:none;
}

#tabFocus .content #focusGroup .item p a:hover{
	color:#e8e4da;
}

#tabFocus .content #focusGroup .last{
	border:none;
	margin-bottom:10px;
	padding-bottom:0;
}

#tabFocus .bot{
	background-image:url("images/tabFocus_bot.png");
	background-position:top left;
	background-repeat:no-repeat;
	width:220px;
	height:5px;
	line-height:1px;
	font-size:1px;
	color:#bea565;
}
 
  /*////////////////////////
 ///// Classes FOOTER /////
////////////////////////*/


  /*//////////////////////
 ///// Classes MAIN /////
//////////////////////*/


#tabFocusNews{
	width:680px;
	height:170px;
	background-image: url("images/tabFocusNews_bg.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	margin:0 0 20px 0;
	font-size:12px;
	color:#000000;
}
	
#tabFocusNews #FocusContent{
	float: left;
    height: 145px;
    margin: 12px 0 0 10px;
    overflow: hidden;
    width: 360px;
}

#tabFocusNews #FocusContent H1{
	padding:0;
	margin:0 0 10px 0;
	font-size:12px;
	font-family: "Trebuchet MS";
	color:#000000;
	line-height:16px;
	font-weight:bold;
	text-decoration:underline;
}

#tabFocusNews #FocusContent H1 A{
	color:#000000;
	text-decoration:none;
}

#tabFocusNews #FocusContent P{
	padding:0;
	font-size: 11px;
	font-family: "Trebuchet MS";
	margin:0 0 5px 0;
	line-height:16px;
	font-weight:bold;
}

#tabFocusNews #FocusContent A.more:LINK, #tabFocusNews #FocusContent A.more:VISITED {
	color:#006db3;
	text-decoration:underline;
	font-weight:bold;
	font-size:11px;
	font-family: "Trebuchet MS";	
} 

#tabFocusNews #FocusContent A.more:HOVER {
	font-family: "Trebuchet MS";
	text-decoration:none;
}