@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:#608a46;
	background-image:url(images/background.gif);
	background-position:top;
	background-repeat:repeat-x;
	color:#404040;
	
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height:15px;
	
	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/menu_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	
	padding-top:150px;	
	vertical-align:top;
}

#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:200px;
}

#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:14px;
	margin-top:8px;
}

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

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

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



  /*//////////////////////
 ///// 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.gif); }
#menu .item2 { background-image:url(images/menu_bg_2.gif); }
#menu .item3 { background-image:url(images/menu_bg_3.gif); }
#menu .item4 { background-image:url(images/menu_bg_4.gif); }
#menu .item5 { background-image:url(images/menu_bg_5.gif); }
#menu .item6 { background-image:url(images/menu_bg_6.gif); }

#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 2px;
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;
}

  /*////////////////////////
 ///// Classes FOOTER /////
////////////////////////*/


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