/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color: #FFFFFF;
	white-space: nowrap;
	width: auto;
	line-height:normal;
}
.dtree .haschildren {
	font-weight: bold;
	letter-spacing: -1px;
}
.dtree .underline {
	text-decoration:none;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #FFFFFF;
	text-decoration:none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 4px 2px 3px;
}
.nolink {
	cursor:default;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #000000;
	text-decoration:none;
	background-color: #E7EDD3;
}
.dtree a.nodeSel {
	background-color: #C0D2EC;
}
.dtree .clip .clip {
/*background-color:#FF00FF;
width:100px;*/
	text-indent:-7px;
	padding-left:15px;
	font-size: 10px;
	font-weight:normal;
}

/*.dtree .clip .clip .dTreeNode {
background-color:#FF00FF;
width:100px;
display:block;
/*padding-left:12px;
	font-size: 10px;
	font-weight:normal;
}*/

a.nodebutton {
	cursor:default;
}
a.nodebutton:link {
	cursor:default;
	padding-bottom: 4px;
}
a.nodebutton:hover {
	background-color: #e7edd3;
}
/*--------------------------------------------------|
|     Mise en place des CSS pour les documents      |
|--------------------------------------------------*/
body{
	background:#EAEAEA;
	font: 0.7em Verdana,Arial,sans-serif;
}
div#box{
position:relative;
	width: 856px;
	margin:0 auto;
	color:#666666;
	border: solid 0px;
	background-color:#FFFFFF;
}
div#navigation{
	position:absolute;
	left:50px;
	top:160px;
	width:147px;
	margin:0 auto;
	background-color: #667EB7;
	color:#FFFFFF;
	text-align:left;
	/*overflow:hidden;*/
}
#retourAccueil{
	position:absolute;
	left:0px;
	height:120px;
	width:50%;
}
#PiedDePage{
	height:95px;
	text-align:right;
	padding-right:25px;
}
#contenu{
	padding-left:250px;
	padding-right:20px;
	padding-top:140px;
	padding-bottom:10px;
	text-align:justify;
	color:#666666;
	height: 400px;/*hauteur mini pour IE*/
}
html>body div#contenu{
	height:auto;
	min-height:400px; /*hauteur mini pour les autres*/
}
#contenu a {
	color:#666666;
	text-decoration:none;
}
#contenu a:hover {
	color:#666666;
	text-decoration:underline;
}
/*Positionnement de l'image de fond du haut*/
#haut{
	background-image:url(images/bandeau.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*Positionnement de l'image de fond du bas*/
#bas {
	background-image:url(images/bandeauBas.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
a{
	color: #666666;
}
.newsLetter{
	width:141px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818183;
	background-color: #FFFFFF;
	border: 1px solid #818183;
	font-weight: bold;
	height: 15px;
}
h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #C1D877;
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #9EC21C;
}
h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #9EC21C;
}
h4{
	font-size: 1em;
	font-weight: bold;
	color: #9EC21C;
}

img {border:0;}
.pdf a:link, .pdf a:visited, .pdf a:active, .pdf a:hover {color:#666666;text-decoration: none; font-size:9px;}

/*formulaire*/
textarea{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc; 
	width:90%;
}
input{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
caption{
	color:#FFFFFF;
	font-weight: bold;
	font-size:1.2em;
}
fieldset {
	border-width:0px;
}
legend{
	font-weight:bold;
	border-width:0px;
}
.envoye{
	position:absolute; left:350px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 16px; border: 1px solid #cccccc; 
	width:50%;
}
#formA {
	background-color: #E8F0CA;
	padding:10px 10px 10px 10px;
}
#rejoindre {
	background-color: #E8F0CA;
	padding:10px 10px 10px 10px;
}
/*nom des partenaires et de l'equipe*/
.membre a:link {color: #666666;	text-decoration: none;}
.membre a:visited {color: #666666;text-decoration: none;}
.membre a:hover {color: #C1D877;text-decoration: none;}
.membre a:active {color: #666666;text-decoration: none;}
.membre {color: #666666;font-size:0.9em;}

/*metiers comm*/
div#comm{position:relative;}
#texteComm {width:360px; }
#photo1 {top:35px;position:absolute;left:380px;}
/*metiers animation reseau*/
div#leader{
	position:absolute;
	margin-left:330px;
	top:140px;
	width:318px;
	height:150px;
	
}
div#leader p {padding:5px;background-image: url(images/fondLeaderMetiers.gif);width:228px;height:110px;
	background-repeat: no-repeat;}
#galaxie{position:absolute; top:370px; left:70px;border: 1px solid #999999;}
#gizc{
	position:absolute;
	top:550px;
	left:70px;
	border: 1px solid #999999;
}
/*CLUB*/
div#club{position:relative;}
#texteClub {width:360px; }
#photoClub {top:0px;position:absolute;left:380px;}
/*club expertise*/
div#ced{left:50px;width:500px;margin:0 auto;background-color: #D9E7AB;text-align:left;/*overflow:hidden;*/}
#tabCours {width:480px; text-align:left;}
/*valeurs*/
div#devDurable{left:50px;width:560px; margin:0 auto; padding:5px 5px 5px 5px;text-align:left;}
/*centre ressources*/
div#axes ul {list-style-type: none;margin:0 15px;padding:0}
div#axes li{float:left;width:520px;margin: 5px 5px 5px 0;background-color: #EAECF5;padding:5px 5px 5px 5px;}
/*comite scientifique*/
div#cs{left:50px;width:500px;margin:0 auto;background-color: #D9E7AB;text-align:left;padding:5px 5px 5px 5px;}
#tabCom {width:480px; text-align:left;}.sousTitre {
	color: #C1D877;
	font-size: 12px;
	font-weight: bold;
}
/*bouton accueil newsletter*/
.acc{position:relative; margin-left:230px;top:5px;}
/*edito*/
#pdt{position:relative;}
.texte{position:absolute;top:53px; padding-left:5px;}
.texteCM{position:absolute;top:50px; padding-left:5px;}
.titre {color:#122e91;}
/*zomm*/
#zoom{position:relative;}
.texteZoom{position:absolute;top:0px; padding-left:5px;width:470px;}
.photo3 {position:absolute;padding-left:250px;top:60px;}
.texte2{position:absolute;top:68px; left:80px;width:230px;}
/*rapport*/
div#rapport{left:50px;width:500px;margin:0 auto;background-color: #D9E7AB;text-align:left;}
#tabRap {width:480px; text-align:left;}
.texteValeurs {color:#7FC31C; font-weight:bold;}
.valeurs {color:#7FC31C; font-weight:bold;}

/*DD*/
#photoDD{position:absolute;
left:30px;
top:800px;}

.formation-titre{
	position:relative;
	left:8px;
	font-weight:bold;
}
.formation-texte{
	position:relative;
	left:33px;
	color:#000000;
	width:500px;
	text-align:justify;
	top:-5px;
}
.formation-texte a{ 
	text-decoration: none;
	color:#000000;
}
.formation-savoir{
	position:relative;
	text-align:right;
}

.formation-savoir a:hover{
	text-decoration: none;
}
.direction_formation{
	color:#666666;
	font-weight:bold;
}
.info{
	width:356px;
	margin-right:5px;
	position:relative;
	float:left;
	text-align:justify;
}
.info h2{
	font-size:12px;
	display:inline;
}
.cadre_droite{
	top:-15px;
	width:224px;
	position:relative;
	float:left;
	background-color:#b3bedc;
}
.cadre{
	margin:3px;
	padding:4px;
	padding-left:15px;
	background-color:#FFFFFF;
	position:relative;
	z-index:2;
}
.text_info{
	color:#b4bdde;
	font-weight:bold;
	font-size:12px;
}
.retour_themes{	
	
	top:0px;
	margin-right:10px;
	background-color:#c1d677;
	float:right;
	padding:5px;
	position:relative;
	width:215px;
}
.retour_themes a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:5px;
}
.contact{
	top:-5px;
	/*background-color:#82b82e;*/
	background-color:#c1d677;
	padding:5px;
	float:right;
	position:relative;
	width:150px;
}
.contact a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	padding-left:43px;
	
}
.formation-texte a:hover{
	color:grey;
}
#bulleformations{
	position:absolute;
	left:300px;
	top:450px;
}	