#cadre_sup {
	overflow:hidden;
	width:90%;
	text-align:justify;
	margin:0px auto;

	margin-bottom:30px;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border:1px solid ;
	padding:5px;	
	}
	
#Cadre_videos {
	overflow:hidden;
	width:100%;	
	margin:0px auto;
	text-align:center;	
	}
	
#Cadre_Video_G {
	overflow:hidden;
	float:left;
	width:48%;
	margin-right:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#Cadre_Video_D {
	overflow:hidden;
	float:right;
	width:48%;
	margin-right:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#Cadre_Video_G .titre, #Cadre_Video_D .titre{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:underline;
	}
	#Cadre_Video_G .titre span, #Cadre_Video_D .titre span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	}
	#Cadre_Video_G .description, #Cadre_Video_D .description{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	#Cadre_Video_G .auteur, #Cadre_Video_D .auteur{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	
	color:#999999; 
	}
	#Cadre_Video_G .etablissement, #Cadre_Video_D .etablissement{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
#cadre_vignette{
	overflow:hidden;
	float:left;
	text-align:center;
	margin:0 10px;
	margin-bottom:10px;
	
	}
	#cadre_vignette ul{
		list-style-image:url(../images/puce.png);
	}
	
	#cadre_icone {
		text-align:center;
		float:left;
		margin-right:9px;
		margin-left: 9px;
		color:#DDDDDD;
		}
	#cadre_icone img.eteint{
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); /* Opacité pour IE */
		filter: alpha(opacity=15);    /* Opacité pour IE (2°solution)*/
		-moz-opacity: 0.15;           /* Opacité pour Mozilla */
		-khtml-opacity: 0.15;          /* Opacité pour Safari */
		opacity:0.15;                  /* Opacité futurement valide W3C */
		}
	#cadre_icone a.eteint{
		color:#DDDDDD;
		}
#Cadre_ressources {
	overflow:hidden;
	width:100%;	
	margin:0px auto;	
	
	}
#Cadre_bas_gauche {
	overflow:hidden;
	float:left;
	width:48%;
	margin-right:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	}

#Cadre_bas_droite {
	overflow:hidden;
	float:right;
	width:48%;
	margin-right:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	}
	

	#cadre_3_haut {
		background:url(../images/cadre_03_haut.gif) center no-repeat;
		height:60px;
		width:350px;
		font-size: 0.8em;
		text-align:center;
		
		margin:0px auto;
		}
		#cadre_3_haut div.titre{
			width:250px;
			font-size: 0.9em;
			text-align:center;
			margin-left:62px;
			-margin-left:25px;
			margin-top:8px;
			
			}
	#cadre_3_milieu {
		width:350px;
		background: #FFFFFF url(../images/cadre_03_milieu.gif) repeat-y;
		font-size: 0.8em;
		text-align:left;
		margin:0px auto;
		}
	
	
	#cadre_3_haut_CI {
		background:url(../images/cadre_haut_CI.png) left no-repeat;
		height:60px;
		width:350px;
		font-size: 0.8em;
		text-align:center;
		
		margin:0px auto;
		}
		#cadre_3_haut_CI div.titre{
			width:250px;
			font-size: 0.9em;
			text-align:center;
			margin-left:62px;
			-margin-left:25px;
			margin-top:8px;
			
			}
	#cadre_3_milieu_CI {
		width:350px;
		background: #FFFFFF url(../images/cadre_03_milieu.gif) repeat-y;
		font-size: 0.8em;
		text-align:left;
		}
	#cadre_3_milieu_CI span{
		background:#CCCCCC;
		font-size: 9px;
		}
	#cadre_3_milieu_CI ul{
		font-size: 14px;
		margin-top:4px;
		margin-bottom:10px;
		margin-left:-15px;
		color:red;
		}
	#cadre_3_milieu_CI li{
		font-size: 12px;
		margin-left:50px;
		color:#996633;
		}
	#cadre_3_milieu_CI em{
		font-size: 9px;
		text-decoration:italic;
		color:#000000;
		}

	#cadre_3_bas {
		background: url(../images/cadre_03_bas.gif) center no-repeat;
		height:31px;
		width:350px;
		font-size:0.6em;
		text-align:center;
		
		margin:0px auto;
		margin-bottom:20px;
		}

		
		
	#cadre_badge {
		float:left;
		width:57px;
		height:100px;
		background:url(../images/badge.png) no-repeat;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-left:5px;
		color:#990000;
		text-align:center;
		
		}
	
	#cadre_photo_objet {
		float:left;
		width:280px;
		height:100px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		}
	#cadre_auteurs {
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.8em;
		margin-left:10px;
		}
	#barre_horizontale {
		float:left;
		width:332px;
		height:4px;
		margin:4px;
		_margin:2px;
		}
	#cadre_zone_telechargement {
		float:left;
		width:340px;
		text-align:left;
		margin-top: 4px;
		margin-bottom: 10px;
		padding-left:5px;
		padding-right:5px;
		}
		
		#cadre_zone_telechargement span{
			font-size:9px;
			text-decoration:italic;
			padding-left:25px;
			
			}
		#cadre_zone_telechargement img{
			vertical-align:middle;
			
			}
		
		
		
/*Seminaire*/
#cadre_presentation_Seminaire {
		width:80%;
		text-align:justify;
		margin-bottom:10px;
		margin-top:10px;
		margin-right:10px;
		margin-left:15px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		
		padding:15px;
		}

	#cadre_info_seminaire {
		position: relative;
		float:left;
		margin:0px 25px;
		font-size: 14px;
		}
		#cadre_info_seminaire span {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color:#000080; 
			font-weight:bold;
			font-size: 12px;
			}	
		#cadre_info_seminaire em {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			}	
		#cadre_info_seminaire a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			}	

	#cadre_sem_haut {
		background:url(../images/cadre_sem_haut.gif)  no-repeat;
		height:29px;
		width:650px;
		clear:both;
		}
	#cadre_sem_milieu {
		background:url(../images/cadre_sem_milieu.gif)  repeat-y;
		width:650px;
		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		}

	#cadre_sem_bas {
		background:url(../images/cadre_sem_bas.gif)  no-repeat;
		height:30px;
		width:650px;
		}

		
/*Traam*/
#cadre_presentation_traam {
		width:98%;
		
		text-align:justify;
		margin-bottom:40px;
		margin-top:10px;
		margin-right:10px;
		margin-left:15px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		
		
		}

	#cadre_presentation_traam .logo {
		float:left;
		width:165px;
		
		}

		
	
	#cadre_presentation_traam  span{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		
		font-style:italic;
		}
		
	#cadre_themes_traam,
	#productions_traam{
		width:95%;
		text-align:justify;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		margin: 10px auto;
		}
		
	#themes_traam_annee{
		width:100%; 
		font-weight:bold;
		background:#FFCC33;
		text-decoration: uderline;
		font-size: 13px;
		margin-bottom:15px;
		}
	
	#cadre_themes_traam span{
		font-weight:bold;
		background:#CCFFCC;
		font-style:italic;
		color:#000000;
		font-size: 14px;
		text-decoration: uderline;
		}
	
	#productions_traam span{
		font-weight:bold;
		text-decoration: uderline;
		font-size: 14px;
		margin-bottom:15px;
		text-decoration: uderline;
		}
	
	#cadre_auteurs_productions_traam{
		width:100%; 
		
		}
		
	#cadre_liens{
		width:100%; 
		
		height: 90px;
		padding-top:20px;
		}

/*Groupes de travail*/
#Presentation_des_groupes {
		width:80%;
		text-align:justify;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		margin : 15px auto;
		
		}
	
	#Les_groupes {
		position: relative;
		width:94%;
		margin : 5px auto;
		
		}

	#cadre_groupe {
		position: relative;
		float:none;
		margin:5px auto;
		width:650px;
		}
	
	#membre_du_groupe {
		padding-left:15px;
		text-align:left;
		
		width:290px;
		height:70px;
		float:left;
		
		}	
		#membre_du_groupe span {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color:#000080; 
			font-weight:bold;
			font-size: 14px;
			}	
		
	#cadre_2_haut {
		background:url(../images/cadre_sem_haut.gif)  no-repeat;
		height:29px;
		width:650px;
		}
	#cadre_2_milieu {
		background:url(../images/cadre_sem_milieu.gif)  repeat-y;
		width:650px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		}

	#cadre_2_bas {
		background:url(../images/cadre_sem_bas.gif)  no-repeat;
		height:30px;
		width:650px;
		}

	
	
		
	
		

#cadre_4_haut {
		background:url(../images/cadre_04_haut.gif) left no-repeat;
		height:52px;
		width:100%;
		}

		#cadre_nom_objet {
			width:490px;
			line-height:49px;
			padding-left:240px;
			text-align:left;
			font-size:2em;
			}
		
		
	#cadre_4_milieu_a {
		overflow:hidden;
		background:url(../images/cadre_04_milieu_a.gif) repeat-y;
		width:100%;
		padding-top:10px;
		}
		#cadre_4_milieu_a  a{
			text-decoration:none;
			}
		
	#cadre_4_milieu {
		background:url(../images/cadre_04_milieu.gif) no-repeat;
		width:100%;
		height:54px;
		}
	#cadre_4_milieu_b {
		overflow:hidden;
		background:url(../images/cadre_04_milieu_b.gif) repeat-y;
		width:100%;
		}


	#cadre_4_bas {
		background:url(../images/cadre_04_bas.gif) left no-repeat;
		height:31px;
		width:100%;
		font-size:0.8em;
		text-align:center;
		}

		
#barre_verticale {
	float:left;
	background:url(../images/point_noir.png) center repeat-y;
	margin:0 1px;
	width:1px;
	}
	
#barre_horizontale {
	float:left;
	background:url(../images/point_noir.png) repeat-x;
	width:97%;
	height:4px;
	margin:4px;
	_margin:2px;
	}

		
#cadre_global {
	width:750px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align:left;
	}

			

#cadre_sequence {
	overflow:hidden;
	float:left;
	font-size:0.9em;
	width: 350px;
	margin: 5px;
	
	}
	#cadre_sequence  a{
	text-decoration:none;
	}
	
		
#titre_sequence {
	float:left;
	text-align:center;
	width:100%;
	margin-bottom:10px;
}

	div#titre_sequence .titre {
		color:#FF0000;
		font-size:1.5em;
		}

#descriptif_sequence{
	float:left;
	text-align:justify;
	width:100%
}

#descriptif_sequence ul li{
	list-style-image:url(../images/puce.png);
	}

#descriptif_sequence ul ul{
	margin: 5px;
	padding:0px;
	}

#descriptif_sequence ul ul li{
	list-style-image:url(../images/point_noir.png);
	margin: 5px;
	}

/* carte des bassins*/
#cadre_carte {
	overflow:hidden;
	margin:auto auto;
	width:550px;
	}
	
	#cadre_5_haut {
		background:url(../images/cadre_05_haut.gif) center no-repeat;
		height:100px;
		width:400px;
		}
		
		#cadre_5_haut .nom_bassin{
			float:left;
			width:380px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			text-align:right;
			padding-right:20px;
			margin-top:30px;
			color:#000066;
			}
		#cadre_5_haut .quick_place_bassin{
			float:left;
			width:375px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.7em;
			padding-left:25px;
			color:#000066;
			}
		#cadre_5_haut span{
			font-size: 1.2em;
			font-weight:bold;
			color:#000033;
			}
		
		
	#cadre_5_milieu {
		overflow:hidden;
		width:400px;
		}
		
		#cadre_5_milieu .responsable_bassin{
			overflow:hidden;
			background:url(../images/cadre_05_milieu.gif)  repeat-y;
			width:400px;
			height:105px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.7em;
			text-align:left;
			}
			
		#cadre_5_milieu .photo_du_reponsable{
			float:left;
			width:100px;
			height:100px;
			margin:3px 1px;
			}
		
		#cadre_5_milieu .coordonnes_du_reponsable{
			overflow:hidden;
			float:left;
			text-align:left;
			font-size: 1em;
			
			margin-top:20px;
			width:290px;;
			}
		
		#cadre_5_milieu span{
			font-size:1.2em;
			font-weight:bold;
			color:#000033;
			}
			

	#cadre_5_bas {
		background:url(../images/cadre_05_bas.gif) center no-repeat;
		height:50px;
		width:400px;
		font-size:0.6em;
		text-align:center;
		}

		
		
/*Autres cadres*/

#cadre_autre_ressource {
	width:90%;
	float:left;
	margin-bottom:10px;
	}
	#cadre_autre_haut {
		background:url(../images/cadre_autre_haut.gif)  no-repeat;
		height:29px;
		width:350px;
		}
	#cadre_autre_milieu {
		background:url(../images/cadre_autre_milieu.gif)  repeat-y;
		width:350px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		}

	#cadre_autre_bas {
		background:url(../images/cadre_autre_bas.gif)  no-repeat;
		height:30px;
		width:350px;
		font-size : 10px;
		color:#333366;
		text-align:center;
		padding-top:15px;
		}
		
	#cadre_autre_contenu {
		position: relative;
		float:left;
		margin:0px 15px;
		font-size: 14px;
		}
		#cadre_autre_contenu span {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color:#000080; 
			font-weight:bold;
			font-size: 12px;
			}	
		#cadre_autre_contenu em {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			}	
		#cadre_autre_contenu a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			}