html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
}


h1,h2, h3, h4 {
	font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
}

h1 {
/*	color: #069; */
	color: #55728B; /*17d*/
	position: relative;
}
/*div>h2 {
	position: static;
}
*/
h2, h3 {
/*	color: #f60; */
	color: #60AE20; /*#6F96B7; 05b*/
}

h4 {
	color: #090;
}

p { margin:0.2em; 
text-align: justify;
padding:0.5em}
img { border: 0 none; }

ul {list-style-image: url(../design/puce.png);}
#page {
	margin: 0 auto 10px auto;
	text-align: left;
	width: 95%;
	height: 100%;
	padding:0;
	padding-top:2px;
	background-color: #fff;
	/*border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;
*/

}
a {
	color: #439a3b/*#9BB50C*/;
	text-decoration: none;
}
a:visited {
	color: #85a459;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	background : transparent;
}

h1#top {
	position: absolute;
	margin: 0px;
	padding:0px;
	text-indent: -5000px;
	line-height: 1px;
	font-size: 1px;
}

#banner {
	margin: 0px;
	padding-bottom: 2px;
	height: 9.8em;
	border: none;
}

#banner a img {
	margin: 5px 0 0 15px;
	border: none;
}
#easy-access {padding:0 0 8px 180px;}
#easy-access,#easy-access a,.modified {
    color: #bbb;
	margin:0;
	font-size: 0.8em;
	line-height: 1em;	
}

.modified {
	
	position :relative;float: right
	/*position :absolute; right:4em;text-align: right;padding-top:1em;*/}

#banner p,form {
	margin: 0;
}
.recherche{
	width: 30px;
	border: 1px solid #aaa;
	font-size: 0.8em;
}
#chercher{
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 0;
	color: #777;
}
#chercher2{
	border:0 none;
	background: #fff  url(../design/bg_search.png) right top no-repeat; 
	width:200px;
	height:70px;
	vertical-align: baseline;
}

#q{
	width: 200px;
	border: 1px solid #bbb;
	font-size: 0.8em;
	text-align: center;
}
.cadre {
	width: 270px;
	padding: 7px 0 0 0;
	background:#fff;
	border-left:2px dotted #d9d9d9;
}

.cadrebas {padding:0 0 0 22px;margin:0;background:#fff;}
#banner .cadre {
	float: right;
}
#logo{float:left;}

#description {
	display:block;
	/*margin: 35px 10% -10px 25%;*/
	margin: 12px 285px 0px 178px;
	border-bottom:2px dotted #d9d9d9;
	text-align:left;
	font-size:1.25em;
	background: #fff;
	height:auto;
	
}
#description2 p{padding:0;margin:0;border:0 none;}
#description2 {
	color: #196942;
	display:block;
	margin: 8px 302px 0px 177px;
	text-align:left;
	font-size:1.20em;
	text-transform: uppercase;
	font-weight:bold;
	
}

#menu{border:0 none;padding:0;margin:0;}
#menutop {
	padding:0 0 20px 176px;
	margin:0 0 5px 0;
	clear: both;
	background: #fff;
	border-bottom: 2px dotted #d9d9d9;
	width:auto;
}

#menucoin {
float: right;
position: relative;
left: 1px;
width: 30px;
height: 28px;
background: #fff url(design/menucoin.gif) left top no-repeat;
}

#menutop ul, #menutop li {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-image: none;
	}

#menutop li {
float: left;

}

#menutop li a {
display: block;
width: auto;
padding: 0.35em;
color: #333;/*#769712;*/
font: 12px/13px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight: bold;
text-decoration: none;
border-left: 1px solid #fff;
text-align: center;
}

#menutop a:hover {color: #999;}
/*
#menutop a#menu1{width: 5.5em;}
#menutop a#menu2{width: 5em;}
#menutop a#menu3{width: 4.5em;}
#menutop a#menu4{width: 6em;}
#menutop a#menu5{width: 4em;}
#menutop a#menu6{width: 6.5em;}
#menutop a#menu7{width: 9.2em;}
*/
ol.tree
{
	position : relative;
	top:0px;
	margin:0;
	margin-bottom: 0.3em;
	margin-left: 1em;
	padding: 0;
	border:0px solid;
	list-style-image: url('/xmedia/design/fleche_verte.gif');
	

}
ol.tree li
{	border:0px solid red;
	display: inline;
	padding:0;
	padding-right: 0;
	padding-left: 0.2em;
	font-size : 0.9em;
	text-transform: uppercase;
	padding-left: 17px;
	background-position:  0% 40%;
    	background-repeat: no-repeat;
	background-image: url("/xmedia/design/fleche_verte.gif");
	list-style-image: url('/xmedia/design/fleche_verte.gif');
	color: #777;
	
}

ol.tree li a {font-weight: bold;color: #777;}
ol.tree li a:hover {color: #cccccc;}
ol.tree li:before
{
	/*list-style-type: none;*/
	list-style-image: url(/xmedia/design/fleche_verte.gif);
/*content: '\00bb';*/
}

#menuleft
{
	margin-right: 73%;
	text-align: right;
}


#menuright
{
position : relative;
/*left : 0em;
 top : 2.5em;*/
float: right;
width: 270px;
background-color:white;
border : #a7cf3a 0px solid;
/*	
background: transparent url(/xmedia/theme/img/top.png) top left no-repeat;
background: transparent url('/xmedia/theme/design/vert_dg.png') repeat-x;

*/
padding: 0 0.5em 7px 0.5em;

}


#menuright a {
	color: #777;
	font: 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
}
#menuright a:hover {
	color: #cccccc;
	font: 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
}
#menuright a img {
	border: none;
}
#menuright ul {
	
	list-style-type: none;
	margin: 0 0 0em 0;
	padding: 0;
}
.col-content {

/*border-left: 2px dotted #d9d9d9;*/
padding : 0em 1em 0 3.2em;

}

.col-content h2 {
	border-bottom: 2px dotted #d9d9d9;
	border-top: 2px dotted #d9d9d9;
	padding-top:1em
}

.col-content > ul > li {padding-bottom: 0.5em} 

hr {height: 0;width:100%;border:0;border-bottom: 2px dotted #d9d9d9;}

/* Zone accueil
-------------------------------------------------------- */
#evenement {height:966px;background:transparent url(../design/bg_accueil.png) top no-repeat;}



/*-------------------------------------------------------- */
/* Zone des ressources
-------------------------------------------------------- */

.resource {
	padding: 0.5em;
	border-bottom: 2px dotted #d9d9d9;
	margin: 0.5em;
	margin-top: 0;
	padding-top: 0.3em;
	z-index:1;

}

.resource h3 {
	color: #60AE20;
}

.resource h2, h2.restitle {
	color: #fff;
	font-size: 1em;
	margin-top:2px;	
	background-color: #60AE20;
	text-align: center;
	text-transform: uppercase;
       	
}
.resource h2 a{
	color: #fff;
	background-color: #60AE20;
	text-decoration: none;
	
}
h2.art-page-title {font-size: 1.5em;}
/* Membres */
#navcontainer
{
width: 100%;
display: block;
border : 0px solid #000;
}

#navlist, #navlist2
{
display: block;
list-style: none;
font-size: 0.88em;
}
#navlist li
{
list-style: none;
font-family: 'Trebuchet MS', verdana;
margin: 1px;
border: 0px solid #333;
text-align: center;
background: #fff;
display: block;
float: left;
color: #ccc;
height:100px;
width: 86px;
}
/*#cadre {height:609em;bottom:1px}*/
.detail_mb {border : 0px solid #000; position : relative; display : block;float:left; width:90%;padding-left : 2em}
#navlist .name {font-size:0.3em;width: 82px;height:5px;padding-top:1em;}
#navlist li a
{
margin: 1px;
padding: 1px;
border: 1px solid #fff;
font-weight: normal;
display: block;
width: 82px;
text-decoration: none;
color: #003399;
height:70px;
}

#navlist li a:hover
{
margin: 1px;
padding: 0px;
border: 1px solid #fff;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
/*border-top: 1px solid #979797;
border-left: 1px solid #979797;*/
font-weight: bold;
font-size:2em;
height:70px;
width: 84px;


}
/* Membres */

.assoc {border:1px solid #60AE20;height:11.3em;margin-bottom:5px;text-align:justify;padding-right:5px;}
.assoc_nom {font-variant:small-caps;color:#fff;background-color:#60AE20;font-weight:bold;text-align:center;padding-left:2px;margin-right:-5px;}
.logo{height:auto;width:150px;float:left;margin:0.2em;margin-left: -2px;margin-bottom:0;border:1px solid #CFCFCF;}
.assoc_img a {width:150px;height:100%;top:0.3em;}
.logo {text-align:center;}
.assoc_baseline {padding-left:180px;top:-0.3em;}
.assoc_lien{position: relative;top:0em;}
img {border: 0;}
#all {border: 2px dotted #d9d9d9; margin: 0em auto  0em auto;
width :100%;
border-width:0px;
border-collapse:collapse;}
#all td {background-color: #fff}
.assoc .assoc_nom .back {float: left; margin:0}
/* Membres FIN */


#prog ul {list-style-image: url(../design/puce2.png);}
.action ul {list-style-image: url(../design/puce2.png);}
.action { width: 100%; position: relative; background-color: #eaf1c1; margin-bottom:1em; }
.action .top_left, .action .top_right, .action .bottom_left, .action .bottom_right { height: 17px; width: 19px; background-repeat: no-repeat; position: absolute; }
.action .top_left { top: 0px; left: 0px; z-index: 0; }
.action .top_right { top: 0px; right: 0px; z-index: 1; }
.action .bottom_left { bottom: 0px; left: 0px; z-index: 2; }
.action .bottom_right { bottom: 0px; right: 0px; z-index: 3; }
.action .contenu { position: relative; padding: 1em; z-index: 4; }
	

.sur_titre {
	padding: auto 1em auto 0em;
  	color: #60AE20;
  	font-size: 1.55em;
	font-weight: bold;
	border: 0px solid;
	width: auto;

}   
.titre_action {
	/*position: absolute;*/
  	color: #333;
  	font-size: 0.8em;
  	margin-right:0.8em;
	right:0.5em;
	font-weight: bold;
	text-transform: uppercase;
	text-align : center;
	left:15px;
	width: 90%;
	border: 0 none;
	height:1em;
}

.action p, .action li {
	padding-top:8px;
	text-align: justify; 
	font-weight: 400;
	font-size: 0.8em;
	border: 0px solid;

}

#main{border: 0px solid green}
#mainfloat{border: 0px solid black}
#content{border: 0px solid red}
/* Categorie evenement */
table {
border-style:solid; 
border-width:0px;
border-collapse:collapse;
font-weight:bold;
}	

tr {	margin: 0;
	padding: 0;}
.pg {
	height:2em;
	background-color: #60AE20;
	font-size:1.5em;
	padding:10px;
}
.pp {
	width:25%;
	background-color: #60AE20;
	padding:10px;
	font-size:1.2em;
}
.hg {width:15%; color: #71a534;font-weight:bold;text-align :center;vertical-align: top}
.hp {width:25%; text-align: center;vertical-align: top}
td{
	background-color: #eaf1c1;
	padding:9px;

}
.libel{color: #71a534;font-weight:bold;}
.space {
	background-color: #fff;
	width: 1%;
}
/* Presse */
#header_presse {text-align: center}
#encart_presse{text-align: justify;border:1px solid}
#contact_presse{text-align: justify;}
.green_text{color: #71a534;font-weight:bold;}
.bold{font-weight:bold;}



/* MAIL */
.inscription a {font-weight:bold;}
.div_inscription {display: none;text-align:center;background-color: #eaf1c1;padding: 0.5em 0 0.5em 0}
.inscription button, .recherche input{
	width: auto;
	height:100%;
	border: 1px solid #aaa;
	font-size: 1em;
	white-space: normal;
}
.inscription_forms {margin: 0 10% auto 8.5%; width: auto;text-align:center;font-size: 1em;}
.inscription_forms textarea, .inscription_forms input, .inscription_forms select, .inscription_forms option {
	background-color: #60AE20;
	width: 15em;
	border: 1px solid green;
	font-size: 1em;
}
.inscription_forms textarea {width:auto}
.inscription_forms option {border:0}
.inscription_forms input[type=submit] {border: 2px solid green;}
.inscription_forms input[type=file] {border: 2px solid green;}
.inscription_forms input[type=checkbox] {text-align: left; width:18px; height:18px} 

/* Doc */
/* Video */
.video {text-align: center;padding-top:1em;}
.credit {font-size: 0.8em;} 
/* footer */
#footer {
	height:6em;
	padding: 0;
	border: 1px solid #CFCFCF;
	margin: 1em;
	text-align: center;
	background: #fff url("../design/footer_old.png") left bottom no-repeat;
	z-index:2;
	}
#link_footer {
	position: relative;
	
	top:4em;
	
}
#right_footer {
	 position: relative;
	 float :right;
	 background: #fff url(../design/footer_right.png) right bottom no-repeat;z-index:1;
	 height: 80px;
	 width:100px;
	 bottom:-5px;
	 right: 1.3em;
}
#footer a, #banner h1 a {
	text-decoration: none;
	border: none;
	color: #AABD71;
}
#footer a:hover {
	text-decoration: underline;
}

.fleche_verte {
	
	padding-left : 17px;
	background-position:  0% 40%;
   	background-repeat: no-repeat;
	background-image : url('/xmedia/design/fleche_verte.gif');
}

.blink_arrow {
	color : black;
	background : transparent url('/xmedia/design/fleche_verte2.gif') no-repeat 0% 40%;
	padding-left: 17px;
	
}