@charset "utf-8";
/* CSS Document */

html, body { height: 100%; margin:0;}

body { 
background-color:#000000;
color: #CCCCCC;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
}

a:link, a:visited { color:#99ff33; text-decoration:none; }
a:hover { color:#99ff33; text-decoration:underline; }

#conteneur {
width: 980px;
border-left: 1px solid #222222;
border-right: 1px solid #222222;
/* min-height: 100%; */
height: auto !important;
height: 100%;
margin: 0 auto 0 auto; 
}

#header {
background-image:url(img/front/header-projos.png);
width: 980px;
height: 308px;
}

h1#headerLogo {
background-image:url(img/front/header-logo.png);
width: 980px;
height: 308px;
background-repeat:no-repeat;
background-position:top;
margin:0; padding:0;
}

h1#headerLogo span { display:none; }

#conteneurContenu {
display:block;
position: relative;
/*padding: 1em;*/
background-image:url(img/front/left-projos.png);
background-position:left top;
background-repeat:no-repeat;
/* min-height: 700px; */
/*height: 700px;*/
height: 100%;
}

#menuGeneral, #contenu, #agendaGeneral { /*border: 1px solid #ffffff;*/ }
#contenu { top: -25px; }
#menuGeneral, #agendaGeneral { top: -32px; }

h1,h2,h3,h4,h5,h6,h7 { cursor: default; }

#menuGeneral h2, #agendaGeneral h2, #contenu h2 {
margin: 0 0 10px 0;
color: #ee810d;
font-size: 1.8em;
}

/* ---- Propriétés générales boites menu et agenda */ 

#agendaGeneral ul, #menuGeneral ul {
font-size: 1.2em;
margin: 0 0 15px 0;
padding: 0;
font-weight:normal;
}

#agendaGeneral ul li, #menuGeneral ul li {
list-style:none;
padding:0;
margin: 0 0 4px 0;
background-color:#000000;
}

#menuGeneral ul li {
opacity: 0.4;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}


/* ---- menu général -- */ 

#menuGeneral {
display:block;
position: relative;
float: left;
width: 180px;
margin-right: 10px;
padding-left: 0;
}
	
	#menuGeneral h2 { 
	padding-right: 54px;
	text-align: right;
	/*border: 1px solid white; */
	}
	
	#menuGeneral ul li { width: 70%; }
	#menuGeneral ul li.selected { 
	opacity: 0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	background-color:#99ff33;
	}
	#menuGeneral li.selected a { color: #000000; }
	
	#menuGeneral li a, #agendaGeneral li a {
	display:block;
	position:relative;
	padding: .2em 0 .2em 0;
	}
	
	#menuGeneral li:hover {
		opacity: 0.8;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	}

	#menuGeneral li:hover a {
		text-decoration: none;	
	}
	
	#menuGeneral li a { padding-left: 10%; padding-right: 6%; text-align: right; }



/* ---- agenda général -- */ 

/*div#conteneurContenu>div#agendaGeneral { position: fixed; }
div#agendaGeneral { position: absolute; }*/


#agendaGeneral {
display:block;
position: relative;
float: left;
width: 12%;
text-align: right;
}

#agendaGeneral ul li a big { 
color: #ee810d; font-weight:bold; font-size: 1.1em; 
}

#contenu {
display:block;
position: relative;
float: left;
width: 58%;
margin-right: 6%;
line-height: 1.3em;
}

	#contenu h3 {
	font-size: 1.4em;
	margin: 1.6em 0 1em 0;
	color: #ffffff;
	border-bottom: 1px dotted #121212;
	background-image:url(img/trefle-titles-25px.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom : 2px;
	display: block;
	position:relative;
	}

	#contenu h3 span {
	/*color: #ffffff;*/
	}

	#contenu h4 {
	font-size: 1.25em;
	margin: 1.4em 0 .8em 0;
	color: #99ff33;
	}
	#contenu h4 span {
	font-weight:bold;
	}
	#contenu h4 sup {
	font-weight:normal;
	font-size: .6em; 
	}


	#menuContenu { padding-left:0; margin: 0;}
	#menuContenu li { list-style:none; font-size: 1.2em; margin: 0 0 .2em 0; padding: .2em;}
	#menuContenu li a {  }
	#menuContenu li.selected { background-color:#639c20; }
	#menuContenu li.selected a { color:#000000; }
	
	#menuContenu span { font-size: 0.8em; }


#pied { 
height: 378px;
display:block;
}

#pied {
background-color: #72a81e;
width: 980px;
/*height: 378px;*/
height: 258px;
margin: 0 auto 0 auto;
background-image:url(img/front/footer1.png);
}

/* -------------------------------- */

ul.sanspuce {
padding: 0 !important;
}
ul.sanspuce li {
list-style: none !important;
padding:0 !important;
margin: 0 0 4px 0 !important;
}

.nobold, .pasgras { font-weight:normal !important; }

.marginTop10 { margin-top: 10px !important; }
.marginBottom10 { margin-bottom: 10px !important; }
.marginTopBottom10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.marginRight10 { margin-right: 10px !important; }
.marginLeft10 { margin-left: 10px !important; }

.marginTop15 { margin-top: 15px !important; }
.marginBottom15 { margin-bottom: 15px !important; }
.marginTopBottom15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.marginRight15 { margin-right: 15px !important; }
.marginLeft15 { margin-left: 15px !important; }

.marginTop20 { margin-top: 20px !important; }
.marginBottom20 { margin-bottom: 20px !important; }
.marginTopBottom20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.marginRight20 { margin-right: 20px !important; }
.marginLeft20 { margin-left: 20px !important; }


.sansmargehaut { margin-top: 0 !important; } 
.sansmargebas { margin-bottom: 0 !important; } 
.sansmargeahautbas { margin-top: 0 !important; margin-bottom: 0 !important; } 

ul.sansmarge { padding-left: 1.3em; margin-top: 0; }

ul.avec { padding-left: 1.3em; margin-top: 0; }

.clearer {
	height:1px; 
	width: 100%; 
	clear:both;
	color: #ffffff;
	margin: 0px;
	visibility:hidden;
}

address { font-style:normal; }
.date { font-size: 1.1em; font-weight: bold; }
.tarifs { color:#999999; }

.imgNormal img, .imgLeft img, .imgRight img { border: 1px solid #000; margin-bottom: .1em; }

.imgNormal, .imgLeft, .imgRight { padding: 2px; background-color: #212121; border: 1px solid #232323; text-align:center; color:#CCCCCC;}
.imgNormal { clear: both;}
.imgLeft { margin: 0 1em .6em 0; float: left; }
.imgRight {  margin: 0 0 .6em 1em; float: right; }
.clearRight { clear: right!important; }
.clearLeft { clear: left !important; }
.sansbord { border-style: none; }

.video { border: 1px solid #000; padding: 1em; background-color: #212121; border: 1px solid #232323; clear: both; text-align:center; }

.centrer { text-align:center; } 
.rouge { color:#ff0000 !important; }
.orange { color:#ee810d !important; }
.vert { color:#99ff33 !important; }
.noir { color:#000000 !important; }
.blanc { color:#ffffff !important; }
.surtitre { color: orange; font-weight:normal; font-size: .6em;}

.ficheEvenement { margin: 1em 0 2.2em 2em; }
.ficheEvenement h4, .ficheEvenement p { margin: 0 !important; line-height:normal; }

.renseignements { 
display: block;
position:relative;
width: auto;
padding: .5em .5em .5em .8em; 
background-color: #2A2A2A; 
border: 1px solid #2a2a2a;
border-left: 1em solid #ee810d; 
margin: 2em 0 3em 1em; 
font-size: .9em;
}
.renseignements p { margin-top: 0; }

.cadreOrange { 
padding: .5em; 
background-color: #ee810d;  
margin: 2em 1em 1em 1em; 
color: #FFFFFF; 
font-size: 1.3em; 
font-weight: bold; 
line-height: 1.3em; 
text-align: center;
background-image:none !important;
border-style: none !important;
}

p.enSavoirPlus { margin-top: .6em !important; }
p.enSavoirPlus a { background-color: #1A1A1A; padding: .3em .5em .3em .5em; font-size: .8em; }

.bouton  { border: 1px solid #2A2A2A; background-color: #1A1A1A; padding: .3em .5em .3em .5em; }

#cartePUB { width: 570px; height: 400px; border: 1px solid #888; }
#cartePUB span { display:none; }

a#vert { text-align:center; display:block; position: relative; z-index: 2; width:auto; cursor: help; }
a#vert:hover { text-decoration:none; }
a#vert span { position:relative; display: none; text-align:left; background-color:#000000; font-size: .9em; padding: .5em;}
a#vert:hover span { display: block; background-color:#99ff33; color:#000000; }