/* PNG FIX */
img, .CRMain, #CR-sub, #CR-conteneur,.CR-Menu, #CR-Rollover, #CR-Menu .item0, .item1, .item2, .item3, .item4, .item5, #CR-col-droite .picto_savoir, #CR-col-droite .picto_newsletter,#CR-contenu .picto, #CR-contenu .langue  { behavior: url(iepngfix/iepngfix.htc); }

BODY {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	/*background-repeat: no-repeat;
	background-position: top center;*/
	text-align: center;
	margin: 0 auto 0 auto;
}

html>body #CR-contenu  {
height: auto;
min-height: 500px;
} 


#CRFrontPage {
	background-image: url(images/fond_header.jpg); 
	background-repeat: repeat-x;
}

#CRFooterPage {
	font-size: 11px;
	clear: both;
	background-image: url(images/fond_footer.jpg); 
	background-repeat: repeat-x;
	height: 107px;
}
#CRFooterPage a {
	font-size: 11px;
	color: #66CAF3;
}

IMG {
	border: 0;
	margin: 5 5 5 0px;
}

DIV {
	margin: 0;
	padding: 0;
}

a, a:hover, a:link, a:visited {
text-decoration: underline;
}

/* CRISTEEL éléments de base / Menu ----------------------------------------------------------------------------------*/

.CRMain {
	width: 914px;
	background-image: url(images/tetiere_transp.png); 
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

.CRHeader {
	height: 216px;
	cursor:pointer;
}

.CRHeaderNavi {
	float: left;
	margin-top: 173px;
	padding-left: 43px;
	text-align: right;
}

#CR-sub {
	clear: both;
	width: 914px;
	height: 595px;
	text-align:left;
	margin-top: 80px;
	padding: 0;
}

#CR-Rollover {
	float: left;
	margin-left: -15px;
	padding-top: -10px;
	width: 680px;
}


/* CRISTEEL Conteneur et sous-menu ------------------------------------------------------------------------------*/

#CR-conteneur {
	float: left;
	width: 914px;
	margin-top: 0px;
	text-align: left;
	margin: 0px 0px 50px 0px;
}

#CR-contenu {
	float: left;
	width: 662px;
	height: 500px;
	text-align: left;
	padding: 10px 0px 0px 5px;
}

#CR-col-gauche {
	float: left;
	width: 360px;
	text-align: left;
	padding: 0px 5px 0px 5px;
}

#CR-col-droite {
	float: left;
	width: 220px;
	text-align: left;
	padding: 0px 5px 0px 20px;
}

#CR-col-unik {
	float: left;
	width: 500px;
	text-align: left;
	padding: 0px 5px 0px 5px;
}

#CR-col-unik img{
	/*float: left;*/
	clear: both;
	margin: 10px 0px 5px -30px;
	/*border: 1px solid #EEEDE0;*/
}
#CR-col-unik .sepa{
	border-top:2px dotted #d1d0c6;
}

#CR-contenu h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: 	normal;
	font-size: 		18px;
	line-height: 	18px; 
	letter-spacing: 1px;
	/*text-transform: uppercase;*/
	border-top:2px dotted #d1d0c6;
	border-bottom:1px solid #EEEDE0;
}

.titre_defaut{
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-size: 		15px;
	/*width: 280px;*/
	/*height: 20px;*/
	text-align: left;
}

#CR-contenu hr { 
	border-top:2px dotted #d1d0c6;
	border-bottom:0px;
}

#CR-contenu h2.titre{
	color: #006599;
	font-size: 		15px;
	font-weight: 	normal;
	line-height: 	18px; 
	letter-spacing: 1px;
	padding: 0px 0px 0px 0px;

}
#CR-contenu .texte2{
	color: #006599;
}
#CR-contenu h3.titre{
	color: #006599;
	font-size: 		12px;
	font-weight: 	normal;
	line-height: 	18px; 
	letter-spacing: 1px;
	padding: 0px 0px 0px 0px;

}

#CR-contenu .logo{
	float: right;
	padding: 0px 0px 0px 0px;
	/*width: 280px;*/
	/*height: 20px;*/
	width:  72px;
	height: 80px;
	background: url(logocristeel_rss.jpg) no-repeat;
}

#CR-contenu .news { 
	/*border-top:1px dashed #808080;*/
	width: 360px;
	float: left;
	border-top:1px solid #EEEDE0;
	padding: 0px 0px 20px 0px;
}

#CR-contenu .news img{ 
	padding: 10px 0px 0px 0px;
}
#CR-contenu .news_detail { 
	/*border-top:1px dashed #808080;*/
	width: 500px;
	float: left;
	border-top:1px solid #EEEDE0;
	padding: 0px 0px 20px 0px;
}

#CR-col-droite .savoir { 
	color: #E2001B;
	/*border-top:1px dashed #808080;*/
	width: 220px;
	float: left;
	border-bottom:1px dashed #808080;
	padding: 5px 0px 10px 0px;
}

#CR-col-droite .savoir a { 
	color: #808080;
	/*background-color: #E2001B;*/
}

#CR-col-droite .picto_savoir { 
	position: relative;
	float: right;
	text-align:right;
	margin: -6px -2px 0px 0px;
	width:  43px;
	height: 54px;
	background: url(images/picto_infos_pratiques.png) no-repeat;
}

#CR-col-droite .picto_newsletter { 
	position: relative;
	float: right;
	text-align:right;
	margin: -10px -2px 0px 0px;
	z-index: 10000;
	width:  36px;
	height: 55px;
	background: url(images/picto_newsletter.png) no-repeat;
}

#CR-contenu img { 
	padding: 5px 0px 5px 30px;
}

.date { 
	color: #c3c3c3;
}

/* Sous menu ----------------------------------------------------------------------------------------------------*/
.CR-Menu {
	float: left;
	width: 232px;
	/*background-color: #FBC300;*/
}

.CR-Menu-infos {
	float: left;
	width: 232px;
	background-color: #66CAF3;
}
/* Couleurs suivant poles */
/* POLE 1*/
.CR-Menu-tete_1{
	width:  232px;
	height: 15px;
	background: url(images/sous_menu_01-1.jpg) no-repeat;
}

.CR-Menu-bas_1{
	width:  232px;
	height: 75px;
	background: url(images/sous_menu_05-1.jpg) no-repeat;
}

.CR-Menu-fond_1{
	background-color:#AC0D1A;
}

/* POLE 2*/
.CR-Menu-tete_2{
	width:  232px;
	height: 15px;
	background: url(images/sous_menu_01-2.jpg) no-repeat;
}

.CR-Menu-bas_2{
	width:  232px;
	height: 75px;
	background: url(images/sous_menu_05-2.jpg) no-repeat;
}
.CR-Menu-fond_2{
	background-color:#E2001B;
}
/* POLE 3*/
.CR-Menu-tete_3{
	width:  232px;
	height: 15px;
	background: url(images/sous_menu_01-3.jpg) no-repeat;
}

.CR-Menu-bas_3{
	width:  232px;
	height: 75px;
	background: url(images/sous_menu_05-3.jpg) no-repeat;
}

.CR-Menu-fond_3{
	background-color:#E85E10;
}
/* POLE 4*/
.CR-Menu-tete_4{
	width:  232px;
	height: 15px;
	background: url(images/sous_menu_01-4.jpg) no-repeat;
}

.CR-Menu-bas_4{
	width:  232px;
	height: 75px;
	background: url(images/sous_menu_05-4.jpg) no-repeat;
}

.CR-Menu-fond_4{
	background-color:#F29400;
}

/* POLE 5*/
.CR-Menu-tete_5{
	width:  232px;
	height: 15px;
	background: url(images/sous_menu_01-5.jpg) no-repeat;
}

.CR-Menu-bas_5{
	width:  232px;
	height: 75px;
	background: url(images/sous_menu_05-5.jpg) no-repeat;
}
.CR-Menu-fond_5{
	background-color:#FBC300;
}

/* POLE 6*/
.CR-Menu-tete_6{
	width:  232px;
	height: 15px;
	background: url(images/sous_menu_01-6.jpg) no-repeat;
}

.CR-Menu-bas_6{
	width:  232px;
	height: 75px;
	background: url(images/sous_menu_05-6.jpg) no-repeat;
}
.CR-Menu-fond_6{
	background-color:#006599;
}

/* FIN COLOR*/
.CR-Menu-sepa{
	border-bottom:1px solid #FFFFFF;
}

.CR-Menu-info-bas{
	width:  232px;
	height: 30px;
	background: url(images/sous_menu_06.jpg) no-repeat;
}

.CR-Menu-ombre_G{
	width:  7px;
	background: url(images/sous_menu_02.jpg) repeat-y;
}

.CR-Menu-ombre_D{
	width:  11px;
	background: url(images/sous_menu_04.jpg) repeat-y;
}



		#navcontainer {
		width: 214px;
		/*background-color: #FBC300;*/
		margin-left: auto;
		margin-right: auto;
		}
		
		#navcontainer ul
		{
			margin-left: 0px;
			padding-left: 0;
			padding-top: 0;
			padding:0px;
			list-style-type: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		
		#navcontainer a
		{
			display: block;
			padding: 8px;
			width: 198px;
			/*background-color: #FBC300;*/
			border-bottom: 1px solid #FFF;
		}
		
		#navcontainer a:link
		{
			text-decoration: none;
			/*color: #AC0D1A;*/
			color: #FFFFFF;
		}
		
		#navlist a, #navlist a:visited
		{
			text-decoration: none;
			/*color: #AC0D1A;*/
			color: #FFFFFF;
		}
		
		#navcontainer a:hover, .nav_active
		{
/*			background-color: #E85E10;*/
/*			background-color: #A87563;*/
			background: url(images/transp.png) repeat-y;
			color: #fff;
		}
		
#CR-Menu .item0{
	padding-right: 3px;
	float: left;
	width:  171px;
	height: 36px;
}

#CR-Menu .item1{
	padding-right: 3px;
	float: left;
	width:  112px;
	height: 43px;
	background: url(images/MENU_info_europe2.png) no-repeat;
}
#CR-Menu .item2{
	padding-right: 3px;
	float: left;
	width:  174px;
	height: 43px;
	background: url(images/MENU_projets_locaux2.png) no-repeat;
}
#CR-Menu .item3{
	padding-right: 3px;
	float: left;
	width:  111px;
	height: 43px;
	background: url(images/MENU_projets_jeunes2.png) no-repeat;
}
#CR-Menu .item4{
	padding-right: 3px;
	float: left;
	width:  110px;
	height: 43px;
	background: url(images/MENU_reseau2.png) no-repeat;
}
#CR-Menu .item5{
	padding-right: 3px;
	float: left;
	width:  114px;
	height: 43px;
	background: url(images/MENU_formations2.png) no-repeat;
}
#CR-Menu {
	float: left;
	text-align: center;
	color: #FFF;
}

#CR-Menu a, a:hover, a:link, a:visited {
	text-decoration: none;
	color: #FFF;
}

#CR-Menu H3{
	margin: 10px 10px 10px 10px;
	font-size: 10px;
	letter-spacing:0px;
	line-height:11px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
}
		

		
/* sous menu infos ----------------------------------------------------*/		
		#nav-infos-container {
		width: 214px;
		background-color: #66CAF3;
		margin-left: auto;
		margin-right: auto;
		}
		
		#nav-infos-container ul
		{
			margin-left: 0px;
			padding-left: 0px;
			padding-top: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			list-style-type: none;
			/*list-style-image: url(images/picto_menu_info_actu.png);*/
			vertical-align: center;
		}
		
		#nav-infos-container a
		{
			display: block;
			padding: 8px;
			width: 198px;
			/*background-color: #66CAF3;*/
			border-bottom: 1px solid #FFF;
		}
		
		#nav-infos-container a:link, #nav-infos-list a:visited
		{
			color: #FFF;
			text-decoration: none;
		}

		
		#nav-infos-container a:hover, .nav-infos_active
		{
			background-color: #00A6EB;
			color: #FFF;
		}