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

html { }
body {background:url(bg_body.gif) repeat; /*background:url(bg_body.jpg) center repeat-y; */}
.clear {clear:both;}



/* construction de la page */
#header { width:980px; height:170px; background:url(header.jpg); margin:0 auto; }
	#logo {width:700px; height:120px; float:left; margin:0px; background:none; display:block;}
	#menu {float:right; margin-top:0px; }
		#menu ul.niveau1 {height:30px; list-style:none; margin:0 0 0 0;}
			#menu ul.niveau1 li { float:left; margin:0 1px; padding-left:20px; padding-right:20px; padding-top:5px; height:25px;
			background:url(bg_menu_black.jpg) top repeat-x #141414 ; color:#FFF; text-transform:uppercase; letter-spacing:0.04em;
			-webkit-border-top-left-radius: 4px; -khtml-border-radius-topleft: 4px;	 -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;
			-webkit-border-top-right-radius: 4px; -khtml-border-radius-topright: 4px;	-moz-border-radius-topright: 4px; border-top-right-radius: 4px; }
			#menu ul.niveau1 li a {color:#fff; text-decoration:none;} /* G rajouter cette ligne */ 
			#menu ul.niveau1 li:hover { background:url(bg_menu_blue.jpg) top repeat-x #107c98; color:#FFF;}
			#menu ul.niveau1 li.highlight {background:url(bg_menu_orange.jpg) top repeat-x #fd8a17; height:30px; padding-top:10px; margin-top:-5px; color:#fff; font-weight:bold;}
			#menu ul.niveau1 li.highlight:hover {  background:url(bg_repeat_orange.jpg) top repeat-x #F5620D ; height:30px; padding-top:15px; margin-top:-10px; color:#fff; font-weight:bold;}
			
		#menu ul.niveau2 {position:relative; top:7px; display:none; height:auto; /*width:11em !important;*/ padding:0; margin:0 -20px 0 -20px; overflow:hidden; }
		#menu ul.niveau1 li.sousmenu:hover ul.niveau2 { display:block;}
			#menu ul.niveau2 li { float:none; margin:0; padding:5px 10px 5px 15px; background:#1EA6B8; max-width:120px; position:relative; list-style:none; cursor:pointer; height:auto; text-transform:none;
			-webkit-border-top-left-radius: 0px; -khtml-border-radius-topleft: 0px;	 -moz-border-radius-topleft: 0px; border-top-left-radius: 0px;
			-webkit-border-top-right-radius: 0px; -khtml-border-radius-topright: 0px;	-moz-border-radius-topright: 0px; border-top-right-radius: 0px;}
			

#breadcrumb {padding:0 0 0 20px; margin:0 0 30px 0; float:left;}

#container { width:980px; min-height:500px; background:url(bg_container.jpg) repeat-y; margin:0 auto; padding:0 0px 50px 0px; clear:both;
-webkit-box-shadow: 0px 10px 10px #888; -moz-box-shadow: 0px 10px 10px #888; box-shadow: 0px 10px 10px #888; -khtml-box-shadow:0px 10px 10px #888; }
	#content {float: left; width:655px; margin:0;}
	#sidebar {float:right; width:325px; margin:0;}

#footer { width:1000px; background:#dadada; margin:-40px auto 0 auto; padding:10px 0px 00px 0px; clear:both;
-webkit-box-shadow: 0px 0px 10px #888; -moz-box-shadow: 0px 0px 10px #888; box-shadow: 0px 0px 10px #888; -khtml-box-shadow:0px 00px 10px #888; }
	#footer #bloc.bloc4 {margin-left:40px; margin-bottom:0;} 
	#footer ul { padding-left:1em;}
	#footer li { padding-top:5px;}
	#footer a { text-decoration:none; font-weight:normal;}


#copyright { width:980px; min-height:100px; margin:10px auto 10px auto; padding:20px 0 0 0; clear:both;}
#copyright p {text-align:center;}
	

/* blocs  et boutons standards */
#bloc {min-height:40px;
padding:10px; margin:0 10px 40px 10px; float:left; /* background:#eee; */ 
-webkit-border-top-left-radius: 6px; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; 
-webkit-border-top-right-radius: 6px; -khtml-border-radius-topright: 6px;	-moz-border-radius-topright: 6px; border-top-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px; -khtml-border-radius-bottomleft: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; 
-webkit-border-bottom-right-radius: 6px; -khtml-border-radius-bottomright: 6px;	-moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px;}
#bloc.bloc2 {width:620px; border: 1px solid #cfcfcf;}
#bloc.bloc3 { width:285px;}
#bloc.bloc4 {width:176px;}
#bloc.bloc5 {width: 154px;}

#bloc #title {-webkit-border-top-left-radius: 6px; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-radius-topright: 6px;	-moz-border-radius-topright: 6px; border-top-right-radius: 6px;
 padding:6px 10px 3px 20px; margin:-10px -10px 20px -10px;}
	#bloc #title h3 {margin-bottom:0px; text-align:right;  }
	#bloc #title.blue {background:url(bg_repeat_blue.jpg) repeat-x #1ea6b8 bottom; color:#FFF;}
	#bloc #title.green {background:url(bg_repeat_green.jpg) repeat-x #a9c021 bottom; color:#FFF;}
	#bloc #title.orange {background:url(bg_repeat_orange.jpg) repeat-x #f5620d top; color:#FFF;}
	#bloc #title.black {background:url(bg_menu_black.jpg) repeat-x #141414 top; color:#FFF;}	

#bloc #title2 {}
	#bloc #title2.blue {border-bottom: 4px solid #82d4df;}
	#bloc #title2.blue span { color:#FFF; background: #1ea6b8; padding: 5px 10px 5px 10px; margin-bottom:5px; margin-left:-5px; text-transform:uppercase; font-weight:bold; font-size:1.2em}

#bloc.noir {background:url(bg_repeat_black.jpg) bottom repeat-x #434343;}
	#bloc.noir p {color:#FFF}	

/* boutons */
#bouton { text-align:center; padding:5px 15px 5px 15px; max-width:120px; margin:auto;
-webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px;	-moz-border-radius-topright: 5px; border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px;	-moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}
	#bouton span {font-size:1.4em;}
	#bouton a { text-decoration:none;}
	#bouton.orange {background:url(bg_repeat_orange.jpg) repeat-x #f5620d top; color:#FFF;}
	#bouton.orange:hover {background:url(bg_repeat_black.jpg) repeat-x #1ea6b8 bottom;}
	#bouton.orange a {color:#FFF;}
	#bouton.orange a:hover {color:#FFF;}	


/* éléments spécifiques */


#bloc.slider {padding-bottom:0px;}
	#bloc.slider table, #bloc.slider tbody, #bloc.slider tr, #bloc.slider td {margin-bottom:0px; padding-bottom:0px;}
	#bloc.slider #title {min-height:26px; padding-top:1px;}
	#bloc.slider #slides {float:right; }
	#bloc.slider #slide { float:left; padding:4px 10px 0px 10px; text-align:center; margin:0 5px 5px 0; font-weight:bold; font-size:1.2em; height: 24px; background:none; color:#FFF;}
	#bloc.slider #slide.active, #bloc.slider #slide:hover{ 
	background: url(bg_menu_gray.jpg) top repeat-x #828282; color:#000; 
	-webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px;	-moz-border-radius-topright: 5px; border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px;	-moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}
	table.slider_conference, table.slider_conference th, table.slider_conference td {vertical-align:top;}

#bloc.accroche { padding:20px 20px 20px 20px; background:url(bg_accroche.jpg) top repeat-x #bebdbd; width:265px;}
	#bloc.accroche h2 { color:##444444; letter-spacing:-0.06em; line-height:1.2em; font-size:1.9em;}	

#bloc.fiche { margin-bottom:0;}
	#bloc.fiche #title {padding-bottom: 5px ;}
	#bloc.fiche .details { width:100px; margin:0px 0 20px 0; float:left; }
		#bloc.fiche .details p {text-align:right; clear:both;}
	#bloc.fiche .description { width:480px; float:right; margin:0px 0 0px 0; padding:0 10px 20px 10px;}	
		#bloc.fiche .description p { font-size:1.25em; line-height:1.7em;}
	#bloc.navigation { margin-top:0px; padding:0 20px 0 20px; border:none; padding:0;}
	#bloc.navigation p {background:#CCC; padding:5px 15px 5px 15px; margin:20px;
	-webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px;	-moz-border-radius-topright: 5px; border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px;	-moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}
		#bloc.navigation p:hover {background:url(bg_repeat_black.jpg) repeat-x #1ea6b8 bottom; color:#FFF;}
			#bloc.navigation p.previous {float:left;}
			#bloc.navigation p.next {float:right}
			#bloc.navigation a:hover { color:#FFF;}

#bloc.intervenants {border:1px solid #CFCFCF;}

#bloc.programme {border:none;}
	#bloc.programme table {}
	#bloc.programme table tr {}
	#bloc.programme table tr:hover {background:#e7e7e7}
	#bloc.programme table tr:hover td {border-left:1px #fff solid; border-bottom:1px #fff solid;}
	#bloc.programme table th {border-left:1px #fff solid; padding-left:10px;}
	#bloc.programme table td {border-left:1px #cfcfcf solid; border-bottom:1px #cfcfcf solid; padding:7px 5px 7px 10px;}
	#bloc.programme a {text-decoration:none;}
	
#bloc.partenaires {border:1px solid #CFCFCF;}
	img.partenaire {text-align:center; margin:10px 10px 10px 10px;}


.intervenant { clear:both; margin-bottom:0;}
	.intervenant img { float:left; margin:0 10px 20px 10px;}
	.intervenant p {float:right; max-width:175px;}

span.horaires { background: #444444; color:#FFF; padding:10px; float:left; text-align:center; margin:0px 20px 0 0;
	-webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px;	-moz-border-radius-topright: 5px; border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px;	-moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}


form.searchform { float:right; margin-right:20px;}
	form.searchform input.text {border:#999 1px solid;}
p.newsletter {max-width:120px; margin-bottom:0px; float:left;}
p.newsletter strong {font-size:1.2em;}
form.newsletter { float:right; margin-top:20px;}