/********************************************************************/

/* Definition des parametres generiques */

* {
margin:0pt;
padding:0pt;
}

html {
background:#EDF5EA url(/IMG/fond_body.gif) repeat-y scroll center top;
}

body {
color:#000000;
font-family:"GillSans-Light","Gill Sans Light","Gill Sans","Helvetica","Lucida Sans",Arial,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:200;
line-height:1.1;
}

p {	
	text-align:left;
	font-size:1em;
}

h1 {
font-size:1.2em;
margin-bottom:10px;
}

h2 {
font-size:1.05em;
margin-top:20px;
padding-left:5px;
}

h1, h2 {
font-weight:normal;
margin-left:10px;
}

h3{
		color: #006b26;
		text-align: center;;
		padding-left: 10px;
		text-decoration:none;
		font-size:1.4em;
		margin-top:-5px;
		}

ul {
margin-left:10px;

}


ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

img {
margin-left: 0pt;
margin-right: 0pt;
border:0pt none;
}

#sub-section div {
text-align:center;
}

pre {
white-space:normal;
}


/* C'est parti pour la trame plein écran .... */

#conteneur {
		position: relative;
		width: 1000px;
		/* Hack qui permet que de masquer la bas de la colonne de gauche*/
		overflow:hidden;
		margin: 0 auto;
		background-image: url(/IMG/fond_menu.gif);
		background-repeat: repeat-y;
}


#header {
		padding-left: 0pt;
		padding-right: 0pt;
		height: 210px;
		font-size:0.9em;
		background-repeat: repeat-x;
		width:100%;		
}

#gauche {

		list-style-type:none;
		position: absolute;
		left:0;
		width: 170px;
		margin-top:10px;
}

#centre {
		margin-top:10px;
		margin-left: 170px;
		margin-right: 180px !important;
		min-height:700px !important;
		min-height:650px;
		width:650px !important;
		width:630px;

}

#centre1 {
		margin-top:10px;
		margin-left: 170px;
		margin-right: 180px;
		min-height:700px;
		_height:660px;
}

#droite {
		/*
		 * Foireux pour la longueur des colonnes
		 position: absolute;*/
		float:right;
		right:0;
		width: 170px;
		z-index:3;
		margin-top:10px;
}

#pied{
	position:relative;
}

/**** Fix de la fin de page *********/
/* A voir ce truc est pourri il ne doit pas �tre en absolue .... */
.fix_fin {
		position:absolute;
	/*	top:760px; */
}

/********************************************************************/
/* Gestion  du header */

#info_entete {
	height:24px;
}

#info_entete a{
	color: #006b26;
}

#info_entete form{
	display:inline;
}

.info_entete_gauche {
		padding-top:6px;
		margin-left: 40px;
		color: #016a27;
		float: left;
		z-index:3;
}

.info_entete_droite {
		padding-top:2px;
		color: #016a27;
		float: right;
		text-align:right;
		z-index:3;
}

#plan {
		color: #016a27;
		z-index:3;
		display:inline;
}
	 
#recherche {
		color: #016a27;
		z-index:3;
		display:inline;
}

#bloc_haut_gauche{
	left: 0px;
	position: absolute;
	width:100%;
	height:200px;
	background-repeat: repeat-y;
	background-image: url(/IMG/fondu_gauche.gif);
	z-index:1;
}

#logo {
		position:absolute;
		left:20px;
		top:10px;
		z-index:100;
}
		 
#bandeau {
		margin-left: 10px;
		position:absolute;
		left:0;
		z-index:0;
}

#bandeau_texte {
		margin-right:3%;
		position:absolute;
		right:0;
		z-index:100;
}


/********************************************************************/
/* Gestion de gauche */

#gauche ul{
	margin-left:10px;
	margin-top:10px;
}


#gauche li {	
position:relative;
text-align:left;
font-size:18px;
margin-bottom:18px !important;
margin-bottom:9px;
}

#gauche li a, #menu li a:visited {
display:block;
text-decoration:none; 
color: #016a27;
}

#gauche li a span, #menu li a:visited span {
display:none;
}

#gauche li a:hover {
border:0; /* needed to trigger IE */
color:#bbb;
}

#gauche li a:hover span {
display:block;
height:2em;
text-align:left;
position:absolute; 
left:-2px; 
top:-3px; 
color:#016a27; 
cursor:pointer;
}

#gauche li img {
margin-left:-20px;
margin-bottom:90px;
}

#gauche h3{
		text-align: center;
		text-decoration:none;
		font-size:1.4em;
		margin:0px;
		margin-top:10px;
}

#img_guilde {
			z-index:0;
			margin-top:-3px;
}
#agenda{
	
}

#corps_agenda {
	width: 170px;
	background:#D7EAD4 url("/IMG/fond_box_agenda.gif") repeat-y;
	margin-bottom:-18px;
}
/*Hack IE7*/
*+html #corps_agenda {
	margin-top:-3px;
	margin-bottom:0px;
}

#corps_agenda ul {
margin-left:10px;
padding-top:10px;
margin-top:0px;
}


#corps_agenda ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:4px;
}

#corps_agenda ul li a,#corps_agenda ul li a:hover{
text-decoration:none;
color:#000000;
font-size:0.8em;
}

#corps_agenda li a span, #corps_agenda li a:hover span{
	color:#006b26;
	display:inline;
	top:0px;
	left:0px;
	position:relative;
}


#contenu_agenda ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:4px;
}

#contenu_agenda ul li a,#contenu_agenda ul li a:hover{
text-decoration:none;
color:#000000;
}

#contenu_agenda li a span, #contenu_agendali a:hover span{
	color:#006b26;
	display:inline;
	top:0px;
	left:0px;
	position:relative;
}

/********************************************************************/
/* Gestion de droite */

#menu_droite {
		width: 170px;
		float: right;
		background-color: #d7ead4;
		margin-top:0px !important;
		margin-top:-5px;
		}
		
/*Hack IE7*/
*+html #menu_droite {
	margin-top:-5px !important;
}

#menu_droite_art{
		width: 170px;
		float: right;
		background-color: #d7ead4;
		}	

#corps_offre {
	width: 170px;
	background:#D7EAD4 url("/IMG/fond_box_offres.gif") repeat-y;
	
}
		
#corps_offre ul{
	margin-left:10px;
	padding-top:10px;
}

#corps_offre li {	
	position:relative;
	text-align:left;
	font-size:14px;
}

#corps_offre li a, #corps_offre li a:visited {
	display:block;
	text-decoration:none; 
	color: #016a27;
}

#corps_offre_suite {
	text-align:right;
	margin-top:10px;
	margin-right:4px;
}

#corps_offre_suite a{
	font-size:14px;
	color:#016A27;
	text-decoration:none;
}

#corps_telecharge{
	width: 170px;
	background-color:#D7EAD4;
	
}

#corps_telecharge ul{
	margin-left:10px;
	padding-top:10px;
}

#corps_telecharge li {	
	position:relative;
	text-align:left;
	font-size:14px;
}

#corps_telecharge li a, #corps_telecharge li a:visited {
	display:block;
	text-decoration:none; 
	color: #016a27;
}


 .rss {
  padding: 0 0 10px 10px;
}

.rss img {
	margin:0px;
}	

#offres {
	margin-top:10px;
}
/********************************************************************/
/* Gestion du contenu */


/* Grand Box */

.grand_box {
	    margin-left:15px;
		_margin-left:5px;
		margin-right:10px !important;
		margin-right:0px;
 		 margin-bottom:0.5em; /* spacing under dialog */
 		float: left;
 	/*	max-width: 90%;  based on image dimensions - not quite consistent with drip styles yet */
 		color:#fff;
 		width:640px !important;
		width:625px;	
 /*margin-left: 20px;  default, width of left corner */

}

.grand_box .content,
.grand_box .t,
.grand_box .b,
.grand_box .b div {
 background:transparent url(/IMG/1612_10.png) no-repeat top right;
 /* Merci IE et la non gestion des png transparents ... */
 _background-image:url(/IMG/1612_10.gif);
}

.grand_box .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:1em 1em 0px 0px;
 padding-right:10px;
}

.grand_box .content p{
	clear: none;
	position: relative;
	/* Probleme avec le changement de langue ... */
	/* float:left;*/
	color: black;
	/* Permet de faire passer le bloc texte en propre sous IE7 ....*/
	min-height:0;
}

.grand_box .content img{
	margin-right:10px;
	margin-left:10px;
	/*background-color:#FFFFFF;*/
	position:relative;
}

.grand_box .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.grand_box .b {
 /* bottom */
 position:relative;
 width:100%;
}

.grand_box .b,
.grand_box .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.grand_box .b {
 background-position:bottom right;
}

.grand_box .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.grand_box .hd,
.grand_box .bd,
.grand_box .ft {
 position:relative;
}

.grand_box .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.grand_box h1,
.grand_box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.grand_box h1 {
 padding-bottom:0px;
}

.grand_box object{
	float:left;
}
.grand_box h3{
/* J'enleve le fond des titre pour test de couleur
		background-image: url(/IMG/bg_rose.gif);

*/		
		color: #006b26;
		text-align: center;;
		padding-left: 10px;
		text-decoration:none;
		font-size:1.4em;
		margin-top:-5px;
		background-color:#D7EAD4;
		margin-left:-17px;
		margin-right:0px;
		margin-bottom:8px;
		position:relative;
}



/* Contenu du bloc principal */
/*Encore un hack, cette fois c'est pour empecher le fait que image float left ne fasse que le cadre ne prenne pas toute la place, on va dire que je me comprends*/

ul.example
ul.example li {
		margin-left: 5px;
		padding:5px 5px 4px 5px;
		margin-bottom:10px;
		height:1%; /* Fix for MSIE peekaboo bug */
}

ul.example li #videog {
		float:left;
		margin-right:5px;
		z-index:50;
}
ul.example li #videod {
		float:right;
		margin-right:5px;
		z-index:50;
}

ul.example h3 img {
	float:none;
	background-color:transparent;
}

ul.example h3 a {
		color: #006b26;
}

/*
ul.example li .arg {
		float:left;
		margin-right:5px;
}
*/

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
  
  
  
/* Blocs roses .....*/
#colonne_gauche{
	width: 360px;
	float: left;
	margin:0px;
	margin-left:-5px !important;
	magin-left:0px;
	margin-bottom:30px;		
}

#colonne_droite{
		width: 270px !important;
		width:230px;
 		float: right;
 		margin:0px;
		margin-right:8px !important;
		margin-right:0px;
}


.s_box_g {
 width: 100%;
 float: left;
 margin:0px auto;
 min-width:8em; /*based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 margin-left:20px !important; /* default, width of left corner */
 margin-left:8px;
 margin-bottom:0.5em; /* spacing under dialog */
}

.s_box_d {
 width: 100%;
 float: right;
 margin:0px auto;
 min-width:8em; /*based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 margin-left:1%; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 margin-right:-15px !important;
 margin-right:0px;
 vertical-align:top;
}

.s_box_g .content,
.s_box_g .t,
.s_box_g .b,
.s_box_g .b div {
 background:transparent url(/IMG/1612_10.png) no-repeat top right;
 /* Merci IE et la non gestion des png transparents ... */
 _background-image:url(/IMG/1612_10.gif);
}

.s_box_g .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:1em 1em 0px 0px;
 padding-right:10px;
 margin-left:0px !important;
 margin-left:-7px;
 z-index:1000;
}
/*Hack IE7*/
*+html .s_box_g .content {
	margin-left:-7px !important;
}

.s_box_g .content p{
	clear: none;
	position: relative;
	float:left;
	color: black;
	/* Permet de faire passer le bloc texte en propre sous IE7 ....*/
	min-height:0;
}

.s_box_g .content img{
	margin-right:10px;
	margin-left:10px;
	/*background-color:#FFFFFF;*/
	position:relative;
}

.s_box_g .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px !important;
 left:7px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100% !important;
 height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
 z-index:1;
}

/*Hack IE7*/
*+html .s_box_g .t {
	left:7px;
	margin-left:-5px;
}

.s_box_g .b {
 /* bottom */
 position:relative;
 width:100%;
}

.s_box_g .b,
.s_box_g .b div {
/*On regul la taille ...*/ 
 /*height:30px;  height of bottom cap/shade */
	height:30px;
font-size:1px;
}

.s_box_g .b {
 background-position:bottom right;
}

.s_box_g .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.s_box_g .hd,
.s_box_g .bd,
.s_box_g .ft {
 position:relative;
}

.s_box_g .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.s_box_g h1,
.s_box_g p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.s_box_g h1 {
 padding-bottom:0px;
}

.s_box_g h3{
		color: #006b26;
		text-align: center;
		padding-left: 10px;
		text-decoration:none;
		font-size:1.4em;
		margin-top:-5px;
		background-color:#D7EAD4;
		margin-left:-17px !important;
		margin-left:-30px;
		margin-right:-1px;
		margin-bottom:8px;
		position:relative;
		z-index:1200;
}
/*Hack IE7*/
*+html .s_box_g h3 {
	margin-left: -40px;
	}

.s_box_d .content,
.s_box_d .t,
.s_box_d .b,
.s_box_d .b div {
 background:transparent url(/IMG/1612_10.png) no-repeat top right;
 /* Merci IE et la non gestion des png transparents ... */
 _background-image:url(/IMG/1612_10.gif);
}

.s_box_d .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:1em 1em 0px 0px;
 padding-right:10px !important;
 padding-right:14px;
 margin-left:0px !important;
 margin-left:-7px;
 z-index:1000;
}
/*Hack IE7*/
*+html .s_box_d .content {
	margin-left:-7px !important;
}

.s_box_d .content p{
	clear: none;
	position: relative;
	float:left;
	color: black;
	/* Permet de faire passer le bloc texte en propre sous IE7 ....*/
	min-height:0;
	padding-right:0px;
}

.s_box_d .content img{
	margin-right:10px;
	margin-left:10px;
	/*background-color:#FFFFFF;*/
	position:relative;
}

.s_box_d .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px !important;
 left:7px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
 z-index:1;
}

/*Hack IE7*/
*+html .s_box_d .t {
	left:7px;
	margin-left:-5px;
}


.s_box_d .b {
 /* bottom */
 position:relative;
 width:100% !important;
}

.s_box_d .b,
.s_box_d .b div {
/*On regul la taille ...*/ 
 /*height:30px;  height of bottom cap/shade */
	height:30px;
font-size:1px;
}

.s_box_d .b {
 background-position:bottom right;
  margin-left:0px !important;
 margin-left:10px;
}

.s_box_d .b div {
 position:relative;
 width:12px !important; /* bottom corner width */
 width:22px; /* bottom corner width */
 margin-left:-12px !important;
 margin-left:-22px;
 background-position:bottom left;
}

.s_box_d .hd,
.s_box_d .bd,
.s_box_d .ft {
 position:relative;
}


.s_box_d .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.s_box_d h1,
.s_box_d p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.s_box_d h1 {
 padding-bottom:0px;
}
.s_box_d h3{
		color: #006b26;
		text-align: center;;
		padding-left: 10px;
		text-decoration:none;
		font-size:1.4em;
		margin-top:-5px;
		background-color:#D7EAD4;
		margin-left:-17px !important;
		margin-left:-17px;
		margin-right:-1px !important;
		margin-right:-16px;
		margin-bottom:8px;
		position:relative;
		z-index:1200;
}

/*Hack IE7*/
*+html .s_box_d h3 {
	margin-left: -40px;
	}

/* Disposition des logo dans les blocs */
.img_gauche{
	position:relative;
	float:left;
}
.img_droite{
	position:relative;
	float:right;
}
.img_haut{
	position:relative;
	display:block;

}


/* Disposition du texte dans les blocs -- Lien avec le logo */

.texte_gauche{
	text-align:justify;

}
.texte_droite{
	text-align:justify;

}
.texte_haut{
	position:relative;
	/*float:left;*/
	text-align:justify;
}

/*Hack IE7*/
*+html .texte_haut {
    clear:all;
	float:none;
	padding-right:8px;
}


.soutenir
{ color: #193d2b; font-weight: bold; text-align: center; font-size: 1.1em; }

.content img {float:left;}

.texte_box2 a
{ text-decoration: none; font-weight: bold; text-align: center; color: #101010; font-size: .9em; }

h4{ 
		/*background: url(/IMG/bande_rose.gif) right repeat-y;*/
		text-align: right;
		padding-left: 10px;
		padding-top: 10px;
		color: #f8299e;

}



.dialog1 {
 margin-right: 1em;
 position:relative;
 float:right;
 min-width:3em;
 width:20%; /*based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
}

.dialog1 .content,
.dialog1 .t,
.dialog1 .b,
.dialog1 .b div {
 background:transparent url(/IMG/cp_vert.png) no-repeat top right;
 _background-image:url(/IMG/cp_vert.gif);
}

.dialog1 .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}
.dialog1 .content p{

	clear: none;

	position: relative;

	float: none;

	color: black;

}

.dialog1 .content h1{

	color: black;

}


.dialog1 .t {
 /* top+left vertical slice */
 margin-left: -12px;
                              
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
  height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog1 .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog1 .b,
.dialog1 .b div {
 height: 10px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog1 .b {
 background-position:bottom right;
}

.dialog1 .b div {
 margin-left: -12px;
 position:relative;
 width:12px; /* bottom corner width */
 background-position:bottom left;
}

.dialog1 .hd,
.dialog1 .bd,
.dialog1 .ft {
 position:relative;
}

.dialog1 .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog1 h1,
.dialog1 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog1 h1 {
 padding-bottom:0px;
}

.texte_box2
{ font-weight: bold; text-align: center; color: #101010; font-size: .9em; }


/********************************************************************/
/* Gestion de la liste dans pour les sous-programmes */

/*Parametre generique .... */


ul.bas li {
		list-style-position: outside;
		color: #40773a;
		background-repeat:no-repeat;
		list-style-type: none;
		margin-left:0px;
		/*padding-bottom:10px;*/
		padding-left:30px;
		margin-top:10px;
		padding-bottom:3px;
		padding-right:5px;
}

                         

ul.bas li a {
		text-decoration: none;
		list-style-position: outside;
		color: #40773a;
		background-repeat:no-repeat;
		list-style-type: none;
		margin-left:0px;
		padding-bottom: 0px;
		padding-left: 0px;
		font-size:18px;
		/*padding-top:20px;*/
		position:relative;
}	
ul.bas li a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
ul.bas li a.tt:hover{ z-index:1225;}

ul.bas li a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	margin-left:-100px;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
ul.bas li a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/IMG/bubble1.gif) no-repeat top;
}
ul.bas li a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/IMG/bubble_filler1.gif) repeat bottom; 
}
ul.bas li a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/IMG/bubble1.gif) no-repeat bottom;
}

/*Parametre individuel*/

ul.bas li.d1 {
		background-image: url(/IMG/d1.gif);
} 
ul.bas li.d2 {
		background-image:url(/IMG/d2.gif);
} 
ul.bas li.d3 {
		background-image:url(/IMG/d3.gif);
} 
ul.bas li.d4 {
		background-image:url(/IMG/d4.gif);
} 
ul.bas li.d5 {
		background-image:url(/IMG/d5.gif);
} 
ul.bas li.d6 {
		background-image:url(/IMG/d6.gif);
}

/********************************************************************/
/* en cas d'ajout de domaines....*/
ul.bas li.d7 {
		background-image:url(/IMG/5.gif);
} 
ul.bas li.d8 {
		background-image:url(/IMG/6.gif);
}
ul.bas li.d9 {
		background-image:url(/IMG/5.gif);
} 
ul.bas li.d10 {
		background-image:url(/IMG/6.gif);
}

/********************************************************************/

ul.autre li {
		list-style-position: outside;
		color: #40773a;
		background-repeat:no-repeat;
		list-style-type: none;
		margin-left:0px;
		/*padding-bottom:10px;*/
		/*padding-left:30px;*/
		margin-top:15px;
		padding-bottom:3px;
		padding-right:5px;
}

                         

ul.autre li a {
		text-decoration: none;
		list-style-position: outside;
		color: #40773a;
		background-repeat:no-repeat;
		list-style-type: none;
		margin-left:0px;
		padding-bottom: 0px;
		padding-left: 0px;
		font-size:14px;
		/*padding-top:20px;*/
		position:relative;
}	


.clearfix {
clear:both;
}

/*#space{
	height:15px;
}*/
h5 {
	color: #008550;
	font-size: 1em;
	padding-top: .4em;
	text-align: center;
}

#hommedon {
		z-index: 10;
		margin-top: -2px;
		margin-left:30px;
}


.offre{
	font-size: .8em;
	color: black;
	text-decoration: none;
}

dt a{
	color: black;
	border-bottom-style: none;
	text-decoration: none;
}

a{
	color: black;
	text-decoration: none;
}
/********************************************************************/
/* Gestion du rollover pour les points a droite */

#menu_droite_haut{
	margin-bottom: 2em;
	margin-top: 1em;
/*	position:absolute;*/
}


#menu_droite_haut ul li{
display: inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
}


#menu_droite_haut ul li a span, #menu_droite_haut ul li a:hover span {
/*Ne marche pas IE*/
display:none;
left:-5099px;
position: absolute;
}


#menu_droite_haut ul li a:hover span {
display:block;
height:2em;
font-size:1.1em;
text-align:left;
position:absolute;
left:-2px; 
top:20px; 
color:#40773a; 
cursor:pointer;
z-index:25;
width:100px;

}



/****************************************************************************/



#prog{
	margin-top:20px;
}

#t_article{
	margin-left: 1em;
	font-size: 1.6em;
	color: #40773a;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

ul.portfolio li{
	display: inline;
}

.box { 
  background: #D7EAD4; 
}
.boxtop { 
  background: url(/IMG/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 25px; 
  background: url(/IMG/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(/IMG/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 25px; 
  background: url(/IMG/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 25px 0px 25px;
}
#contenu_centre {
	margin-left: 30px !important;
	margin-left:5px;
	float:left;
	width:620px !important;
	width:625px;
}

#contenu_centre a{
	text-decoration:none;
	color:#006B26;
}

.boxcontent img {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#box_aide {
	float: right;
	margin-top:15px;
}

/* Les offres d'emploi */
/* Iframe des resultats */
.iframe_result_stage
{
	margin-left:9px;
	width:100%;
	min-height:400px;
	
	border:solid;
	border-color:#CFC;
	border-width:1px;
}

/* Body de l'iframe */
.body_result_page
{
	margin:0px;
}

/* Table de l'iframe des resultat */
.table_result_stage
{
	color:#686868;
/*	font-family: Arial;*/
/*	font-size: 12px;*/
	
	border:solid;
	border-width:0px;
	border-color:#686868;
	
	width:100%;
	
	cursor: pointer;
}

/* Ligne 1 d'un resultat */
.table_result_stage .ligne_1
{
	background-color:#D7EAD4;
}

/* Ligne 1 en mouseover d'un resultat */
/* Julien effet qui put ...
.table_result_stage .ligne_1_over
{
	background-color:#F69E5F;
}
*/
/* Ligne 2 d'un resultat */
.table_result_stage .ligne_2
{
	font-size: 11px;
	color:#999;
}

/* Cellule 1 de la ligne 1 */
.table_result_stage .ligne_1 .cell_titre_stage
{
	text-align:left;
	font-weight:500;
	
	padding-left:0px;
	padding-bottom:2px;
	padding-top:1px;
	padding-left:3px;

	border: solid;
	border-color: #CCC;
	border-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}

.table_result_stage .ligne_1 .cell_titre_stage A
{
	text-decoration:none;
	color:#40773A;
}

/* Cellule 1 de la ligne 1 en mouseover */
/* Effet qui put ...
.table_result_stage .ligne_1_over .cell_titre_stage
{
	color:#FFF;

	font-size: 12px;
	text-align:left;
	font-weight:900;
	
	padding-left:0px;
	padding-bottom:2px;
	padding-top:1px;
	padding-left:3px;

	border: solid;
	border-color: #CCC;
	border-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}

.table_result_stage .ligne_1_over .cell_titre_stage A
{
	text-decoration:none;
	color:#FFF;
}
*/

/* Cellule 1 de la ligne 2 */
.table_result_stage .cell_duree
{

	width:40px;
	font-size: 11px;
	color:#999;
	
	padding-left:3px;

	text-align:right;
	
	border: solid;
	border-color: #CCC;
	border-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}

/* Cellule 2 de la ligne 2 */
.table_result_stage .cell_region
{
	font-size: 11px;
	color:#999;

	width:210px;

	text-align:center;
	
	border: solid;
	border-color: #CCC;
	border-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}

/* Cellule 3 de la ligne 2 */
.table_result_stage .cell_dt_publication
{
	font-size: 11px;
	color:#999;

	width:65px;

	padding-right:3px;

	text-align:right;
	
	border: solid;
	border-color: #CCC;
	border-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}

/* Cellule 2 de la ligne 1 en mouseover */
.table_result_stage .ligne_2 .cell_nom_assoc
{
	text-align:left;
	
	padding-left:5px;
	padding-bottom:10px;
	padding-top:1px;

	border: none;
}


/* Hack pour les puces dans les titres A garder dans la fin ... */
ul.example h3 img {
	float:none;
}

/* La map pour google */

#map {
	float:left;
	position:relative;
	height:300px;
	width:600px;
	margin-top:20px;
}

/********** Gestion des notes de bas de page ... **********/
.notes p.spip{
	border-top:double;
	border-top-color:#006b26;
}

#mission_map dl{
list-style-type: none;
margin-left:40px;
}


#mission_map dl dt{
display: block;
float:left;
padding:left:20px;
padding-right:20px;
}

#mission_map dl dt a{
display:block;
text-decoration:none; 
color: #016a27;
}

/********** Présentation des assoc *******************/
td {
	padding-bottom:10px;
}

tr{
border: solid #000 3px;
}

#div_deco{
	text-align:right;
}

td #tri_duree{
	padding-left:140px;
	padding-right:20px;
}
td #tri_region{
	padding-left:60px;
	padding-right:70px;
}

/***** Affichage Offre *****/
.saisie_offre
		{

			padding:10px;
		}
		
		.saisie_offre INPUT
		{
			color:#686868;

			border:solid;
			border-width:1px;
			border-color:#BBB;
		}	
		
		.saisie_offre .type_text
		{
			width:300px;
		}
		
		.saisie_offre SELECT
		{
			color:#686868;
		
			border:solid;
			border-width:1px;
			border-color:#BBB;
		}	
	
		.saisie_offre TEXTAREA
		{
			color:#686868;
			
			width:300px;
			height:100px;
			
			border:solid;
			border-width:1px;
			border-color:#BBB;
		}	
		
		.saisie_offre TD
		{
			padding-top:2px;
			padding-left:2px;		
		}
		
		.saisie_offre .lib
		{
			width:30%;
			padding-top:2px;
			padding-left:2px;
			
			vertical-align:top;
		}
		
		.saisie_offre .val
		{
			width:70%;
			padding-top:2px;
			padding-left:2px;
		}
		
		.saisie_offre .cell_titre
		{
			font-size: 16px;
		
			color: #F69E5F;
			font-weight: 900;
			text-align:right;
	
			border:solid;
			border-color:#F69E5F;
			border-width:0px;
			border-bottom-width:1px;
		}
		
		.saisie_offre .cell_titre_err
		{
			font-size: 12px;
		
			color: #F00;
			font-weight: 900;
			text-align:right;
	
			border:solid;
			border-color:#F00;
			border-width:0px;
			border-bottom-width:2px;
		}
		
		.saisie_offre .err_val
		{
			font-size: 11px;
			color:#B00;
		}
.cell_titre h3 {
	text-align:left;
	font-size:16px;
	padding-top:20px;
}

/* Modification pour css pour affichage assoc frederic */
#info_liste {
	font-weight:700;
	color: #40773a;
	width:135px;
	display:block;
	float:left;
}

.ficherouge {
	margin-top:30px;
}