/* @override http://localhost/tmn_tessa/www/js/style.css */

/* Developpement www.helji.com */
/*  CORPS SITE  DEFAULT */


/*accueil*/
	/* images accueil hover*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: Georgia, helvetica, arial, sans-serif;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}

#facebox #closeFaceBox{display:block; height:8px; width:8px; background: url(../images/closelabel.png) no-repeat 0 0 ;}

a {outline:none;}

#accueilBoxes h2{font-size:20px; text-align:center; margin:20px 5px; color:#FFF;}

.legendeDates{
	clear:left;
	overflow: auto;
	
}
.legendeDate1, .legendeDate2 , .legendeDate3{
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	color: #FFF;
	font-size: 14px;
	margin-left: 20px;
	
}


#linkPage a.comptForm{
	color: #7FC424;
	text-decoration: none;
}


.legendeDate1{
	
	background: url(../images/dateScolaire.gif) no-repeat left center;
}
.legendeDate2{
		background: url(../images/dateAdulte.gif) no-repeat left center;
}
.legendeDate3{
	background: url(../images/dateToutPublic.gif) no-repeat left center;
}



.creditLink{display:block; text-align:center;}
	

.conteneurMargin{
	clear: both;
	overflow: auto;
	padding-bottom: 150px;   
}

.boxAfficheHome{
	border: 1px solid #ff9800;
	padding:5px  ;
	margin-left:10px;
	float: left;
	margin-right:10px;
}
.accueil_1{
	display: block;
	height: 165px;
	
	width:165px;float:left;	
	
	position: relative;
}


#accueil .accueil_1 .marge_affiche_home {
top:5px;
color:#FFFFFF;
font-family:Verdanna;
font-style:italic;
position:absolute;
overflow: hidden;
}

#accueil .accueil_1 .filtre_noir {
top:0px;
position:absolute;
overflow: hidden;
z-index: 20px;
}

/* accueil menu Actu */


ul.menuActu{clear:left;overflow:auto; margin-left:20px;  height:150px;}
.menuActu li{ float:left; margin-right:25px;}
.menuActu li a{ color:#999999; text-transform: uppercase; font-size:12px; font-family:tahoma;}
.menuActu li.active a{ color:#FF9800; }

.menuActu li a:hover{ color:#FF9800; }

.actu_thumb_list li {clear:left; overflow:auto; padding:20px;}
.actu_thumb_list h2{font-size:16px; color:#000; margin-bottom:10px;}
.actu_thumb_list img {float:left; padding:10px;border: 1px solid #CCC }
.actu_thumb_list a {color:#009DB6; font-size:14px; text-decoration:underline;}
.actu_thumb_list a:hover{color:#E30042;}




.list_festival h1{color:#FF9800;font-size:16px;margin-bottom:20px;margin-top:10px;
}

.list_festival li{clear:left; overflow:auto; padding:10px;}
.list_festival h2{font-size:16px; color:#000; margin-bottom:10px;}
.list_festival img{float:left; padding:2px;border: 1px solid #CCC }
.list_festival a{color:#FF9800; font-size:14px; text-decoration:underline;}
.list_festival a:hover{color:#000;}



.block_festi{
	float: left;
	margin-left: 10px;
	padding: 0px;
	width: 280px;
}

.block_actus{
float: left;
margin-left: 10px;
padding: 0px;
width: 450px;}

.block_actus span{display:block; font-weight:bold;  margin-bottom:8px;}


.block_creas h3 {margin:0px 0px 5px 0px;} 
.block_creas{
float: left;
margin-left: 10px;
padding: 0px;
width: 180px;}

.block_creas a {color:#FF9800; text-align:center;}
.block_creas a:hover {color:#000; }

/* accueil menu Actu fin */

.titre_rubrique_orange{
display: block;
	font-size: 14px;
	font-weight:normal ;
	
	border-bottom: solid 2px #FF9800;
	color: #FF9800;
	
	padding-bottom: 5px;
	margin-bottom: 10px;
	
}


 h1.titre_affiche_home {
color: #FFFFFF;	padding:2px 5px 2px 5px;;
font-size:14px;
margin:0;
}








marge_affiche_home {
	
	background: #FFFFFF;
}


.dates_home{padding:0 5px; font-size:10px;margin:0 0 10px 0; color:#FF9800; display:block; margin-right:10px;}

.boxcaption a{display:block; padding:0 5px; color:#9F9F9F; font-size:12px; }
.boxcaption a:hover { color:#FFFFFF; }
	/*end images accueil hover*/

#boxProgAcceuil{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
background: #FFFFFF url('../images/rayure-orange.gif') top left;

float: left;
width: 328px;
height: 200px;
}




a.menuPdf_form{display:block; 
	color:#FFF; 
	text-align:center; 
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background-color:#80C325;
	font-size:16px;
	padding:10px 0;
	width:250px;
	margin:0 auto;
}
a.menuPdf_form:hover{ background-color:#000; }


a.menuPdf_aff{
	display:block; 
	float:left;
	color:#FFF; 
	text-align:center; 
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background-color:#FF9800;
	font-size:16px;
	padding:10px 0;
	width:250px;
	
	margin:10px 0 0 25px;
}

a.menuPdf_aff:hover{ background-color:#000; }



	/*accueil-carrées de couleur*/


/*equipe */
	
a.lien_lieu_equipe{color:#069FDC; border:none; text-decoration: underline; font-size:14px;}

a.lien_lieu_equipe:hover{color:#E30042;}
/* */;

/*accueil*/

/*menu rubrique*/

.headerpage{
	overflow: hidden;
}
.headerpage ul{line-height:20px; margin-top:10px;}

.headerpage h1{
	font-size: 30px;
	margin-top: 0px;
	text-align: center;
}

.headerpage h2{
	font-size: 20px;
	margin-top: 0px;
	text-align: center;
	
	
	
}


.formation_pdf_link{margin-left:15px;margin-top:20px;}









/* les dates  */

.boxDates{
	background-color: #A8A8A8;
	margin: 30px 10px;
	padding: 10px; 
	-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;

	
	}
.dateImage{width:50px}
.dateTitre{ font-size:14px; color:#FFF; width:250px }
.dateJour{ font-size:14px; color:#FFF; width:200px}
.dateHeure{ font-size:14px; color:#FFF; width:50px}
.typeDeSpectacle{
	font-size:14px; color:#FFF; width:300px
}

 td{border-bottom:1px dashed #FFF}
/*global*/

.spacer { clear: both; }

/*global*/



span.nbLinkActive{
font-weight:bold;
color: #B6B5B3;
	
}


a.nbLinkOrange{
	font-weight:normal;
	color: #FF9800;
	padding:2px 3px;
}

a.nbLinkOrange:hover{
	color: #000000;
	
}



a.boutonOrangeDetail{
display: block;
float: left;


padding: 0 0 0 10px;
margin: 0;
height: 20px;
 

	
	background-image: URL(../images/btn_detail_orange.png);
	background-position:0 0px;
	background-repeat:no-repeat; 
}

a.boutonOrangeDetail span{



display: block;
margin: 0px;
overflow:hidden;
height: 20px;
line-height: 20px;
padding:0 10px 0 0; 
	background-color:#FFFFFF;
	background-image: URL(../images/btn_detail_orange.png);
	background-position:100% -0px;
	background-repeat:no-repeat; 
float: left;
}

a.boutonOrangeDetail:hover span{



display: block;
margin: 0px;
overflow:hidden;
height: 20px;


padding:0 10px 0 0; 
	background-color:#FFFFFF;
	background-image: URL(../images/btn_detail_orange.png);
	background-position:100% -20px;
	background-repeat:no-repeat; 
float: left;
}





a.boutonOrangeDetail:hover{


	background-position:0 -20px;
	
}


#margeMain{width:690px; }






h3.boxRubrique{
	text-align: left;
	margin-bottom:10px;
}



.cadre_comp h3.boxRubrique a{
color:#F64CE4
}
.cadre_comp h3.boxRubrique a:hover{
color:#000;
}




h3.titreListe{text-align: center;
	
}


.boxRubrique a{
	text-align: center; color:#FFF; font-size: 16px; font-weight:normal
}

.boxRubrique a:hover{
	color:#000;
}



.masque_menu{background-color:red;}




body {font-family:Georgia,sans-serif ;color:#000;font-size:11px; width:100%; margin:0; padding:0; background-color:#FFF}


a.editStyle{color:#000;background:#eee;font-size:10px;border:dotted #ccc 1px;font-family:Verdanna,Helvetica,sans-serif;cursor:pointer;padding:0 2px;font-weight:normal;height:16px;}
a.editStyle:hover{color:#fff;background:#999;}
.big{font-size:18px;font-weight:bold; color:#000}
.moy{font-size:14px;font-weight:bold; color:#FFF }
a{font-family:Georgia, sans-serif;cursor:pointer;color:#000;font-size:12px;text-decoration:none;}

img{border:none;}

textarea {color:#000;border:none;background:#FFF;font-size:12px;font-family:Verdanna,Helvetica,sans-serif;}
#clbt{clear:both;}
h1 {margin:0px;}
p{font-size:14px;line-height:16px;margin-top:0px;}
/*  span gras  */
#gras{font-size:14px;font-weight:bold;}
#italique{font-size:11px;font-style:italic;}
.editStyle{font-size:12px;font-family:Georgia, sans-serif;}
.linkFlo{color:#000;font-size:11px;font-weight:bold;}
.linkFlo2{color:#000;font-size:11px;font-weight:bold;}
.linkFlo2:hover{color:#BFBFBF;font-size:11px;font-weight:bold;}



.txtIta{font-style:italic;}
.txtSoulign{text-decoration:underline;}
#connectAdmin{position:fixed;left:5px;bottom:5px;width:50px;height:35px;background:#999;z-index:2000;}
#titrIndent{display: inline;margin-top:10px;margin-left:5px;float:left;}
#formIdent{display:none;float:left;margin-top:0px;margin-left:5px;}
/*  span gras----fin */
#conteneur {
width:900px; 
margin:0 auto 0 auto;
/*background: url(../images/background-tmn.png) repeat-y left top;position: relative;*/
background-color:#FFFFFF;
 }
/*  HEADER */
#logo {background-image:url(/theatre/images/logo.jpg);background-position:top;background-repeat:no-repeat; 
/*background:#000;*/}
#blokImg{display:none;background:#FFFFFF;width:680px; height:600px;}
#blokImg img{display: block;
margin: 0 auto; 
	
}

#blokCtn{display:block; }
#blokCtnAd{width:680px;overflow:visible; }
#imgBigAdm{width:680px;height:680px;background-color:#7f7f7f;position:absolute;top:0px;display:none;}
#imgBigAdm img{padding:115px;}
#conteneurMenu{float:left;background:#FFFFFF;width:200px; }
#animation-main2009{width:164px; height:179px;clear:left;margin:35px auto 0 auto}


#scrollMenu{}

#margeMenu{clear:left; }



#photo_presentation{display:block; clear:both;padding:10px;}


#conteneurSousMenu{float:left;width:179px;}
#margeSousMenu{margin-left:15px;margin-top:10px;}
/* CORPS  INCLUDE PAGE MAIN  */
#includeMain{float:left; padding-left:10px; overflow:visible}
#margeMain{margin:0px;}
/* PAGE FORMATEUR  */
#formateur{width:537px;height:537px;/*background:#251489;*/}
/* PAGE EN CONSTRUCTION  */
#enconstruction{width:300px;margin-right:auto;margin-left:auto;text-align:center;}
/* PAGE EN CONSTRUCTION FIN  */
/* PAGE CREDITS --PAGE ACCES  */
#credits{position:absolute;width:507px;height:507px;top:20px;left:15px;}
a.lien_credits{font-family:Georgia, sans-serif;color:#000;font-size:11px;text-decoration:none;}
/* PAGE LE LIEU --PAGE ACCES  */
div#centrerCarte{
	padding-left: 10px;
}

#acces{width:680px; font-size:14px;}
#acces_titre{font-size:16px;font-weight:bold;margin:0 0 0 0;}
.acces_1{width:220px;float:left;}
.acces_2{width:220px;float:left;}
.acces_3{width:220px;float:left;}
.margeacces_1{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px; font-size:14px; line-height:20px;}
.margeacces_2{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;font-size:14px; line-height:20px;}
.margeacces_3{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;font-size:14px; line-height:20px;}

#marge_lieu_presentation #gras{color:#FFF; font-size:16px; line-height:20px; font-weight:normal;}
#marge_lieu_presentation p {font-size:14px;line-height:16px;}
/* PAGE LE LIEU -- EQUIPE */
#equipe{padding:60px 20px 60px 20px; 

 background-color:#FFFFFF; font-size:14px;line-height:16px;
/* 
 background-image:url(../img/blue_top_background.gif)
 ;background-position:top;
 background-repeat:repeat-x;
 */
 }
#descriptifLien_gauche{width:680px ;background:#FFFFFF;}
#descriptifLien_gauche span{color:#6AC6D2; font-weight:bold; font-size:14px;}
#descriptifLien_gauche h1{color:#6AC6D2; text-align:center;padding-top:60px; padding-bottom:30px;}
#descriptifLien_gauche input, #descriptifLien_gauche textarea {border: solid #6AC6D2 1px; }

#descriptifLien{width:680px;background:#FFFFFF;}
#margedescriptifLien_gauche{margin-left:15px;margin-right:5px;margin-bottom:15px;background-color:#FFFFFF;}





input{padding:3px;}


textarea{padding:3px;}

/* PAGE PROGRAMMATION -- A L'AFFICHE  */
#affiche{
overflow: auto;-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
width:680px; 
margin-top: 20px;  
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
 

  }


#affichePresentation{
overflow: auto;
  width:690px; 
padding-top: 20px;
margin:5px auto;
  }
 
  
#affichePresentation .acces_1{width:229px;float:left;  }
#affichePresentation .acces_3{width:229px;float:left;}
#affichePresentation .acces_2{width:230px;float:left;}
#affichePresentation .margeacces_1{margin:10px 10px 10px 10px; font-size:14px; line-height:20px;}


/* MENU SUPERIEUR  */ 
ul li.sep{font-family:Tahoma; color:#858685; padding-left:5px;padding-right:5px;}
.headerpage li a.rubriqueOn{color:#FFF;}
/* programmation  */
.programmationColor h1{color: #FFFFFF; padding:20px 0 15px 0; text-align:left; font-family:Tahoma; padding-left:20px;}
div.programmationColor{height:164px;  background-color:#D1D647; }
.programmationColor li {display:inline;}
.programmationColor li a{ font-family:Tahoma; color:#000}
.programmationColor ul {padding-left:20px;}
.programmationColor li a:hover{ font-family:Tahoma; color:#E30042;}
/* lieu  */
.lieuColor h1{color: #FFFFFF; padding:20px 0 15px 0; text-align:left; font-family:Tahoma; padding-left:20px;}
div.lieuColor{height:164px;  background-color:#FBF032; }
.lieuColor li {display:inline;}
.lieuColor li a{ font-family:Tahoma; color:#000}
.lieuColor ul {padding-left:20px;}
.lieuColor li a:hover{ font-family:Tahoma; color:#E30042;}
/* formation */
.formationColor h1{color: #FFFFFF; padding:20px 0 15px 0; text-align:left; font-family:Tahoma; padding-left:20px;}
div.formationColor{height:164px;  background-color:#91C143; }

.formationColor li {display:inline;}
.formationColor li a{ font-family:Tahoma; color:#000}
.formationColor ul {padding-left:20px;}
.formationColor li a:hover{ font-family:Tahoma; color:#E30042;}
/* compagnie */
.compagnieColor h1{color: #FFFFFF; padding:20px 0 15px 0; text-align:left; font-family:Tahoma; padding-left:20px;}
div.compagnieColor{height:164px;  background-color:#39A345; }
.compagnieColor li {display:inline;}
.compagnieColor li a{ font-family:Tahoma; color:#000}
.compagnieColor ul {padding-left:20px;}
.compagnieColor li a:hover{ font-family:Tahoma; color:#E30042;}
/* ressources (édition) */

.ressourcesColor h1{color: #FFFFFF; padding:20px 0 15px 0; text-align:left; font-family:Tahoma; padding-left:20px;}
div.ressourcesColor{height:164px;  background-color:#0669AD; }
.ressourcesColor li {display:inline;}
.ressourcesColor li a{ font-family:Tahoma; color:#000}
.ressourcesColor ul {padding-left:20px;}
.ressourcesColor li a:hover{ font-family:Tahoma; color:#E30042;}
/* actualite (rendez vous) */

.actualiteColor h1{color: #FFFFFF; padding:20px 0 15px 0; text-align:left; font-family:Tahoma; padding-left:20px;}
div.actualiteColor{height:164px;  background-color:#009DB6; }
.actualiteColor li {display:inline;}
.actualiteColor li a{ font-family:Tahoma; color:#000}
.actualiteColor ul {padding-left:20px;}
.actualiteColor li a:hover{ font-family:Tahoma; color:#E30042;}

/* infos pratiques */

.infosColor h1{color: #FFFFFF; padding:20px 0 15px 0; text-align:left; font-family:Tahoma; padding-left:20px;}
div.infosColor{height:164px;  background-color:#069FDC; }
.infosColor li {display:inline;}
.infosColor li a{ font-family:Tahoma; color:#000}
.infosColor ul {padding-left:20px;}
.infosColor li a:hover{ font-family:Tahoma; color:#E30042;}

/* creations */

.creationColor h1{color: #FFFFFF; padding:20px 0 15px 0; text-align:left; font-family:Tahoma; padding-left:20px;}
div.creationColor{height:164px;  background-color:#27AC6C; }
.creationColor li {display:inline;}
.creationColor li a{ font-family:Tahoma; color:#000}
.creationColor ul {padding-left:20px;}
.creationColor li a:hover{ font-family:Tahoma; color:#E30042;}




a#retour_page{
display:block;
-moz-border-radius:0px 20px 20px 0px;
-webkit-border-radius:0px 20px 20px 0px;
border-radius:0px 20px 20px 0px;
margin-top:5px;
color: #FFF;
padding:10px 0 10px 10px; 
background-color:#000;} 



a#descriptif_liens_compagnie{
display:block;
-moz-border-radius:0px 20px 20px 0px;
-webkit-border-radius:0px 20px 20px 0px;
border-radius:0px 20px 20px 0px;
margin-top:5px;
color: #FFF;
padding:10px 0 10px 10px; 
background:#FE9915;}

a#descriptif_liens_presse{
display:block;
-moz-border-radius:0px 20px 20px 0px;
-webkit-border-radius:0px 20px 20px 0px;
border-radius:0px 20px 20px 0px;
margin-top:5px;
color: #FFF;
padding:10px 0 10px 10px; 
background:#FE9915;}

#iconesAccueil{ clear:both; overflow:auto;margin-bottom:10px;}

a.link_cal_tmn{display:block; float:left; height:39px;  }
a.link_cal_tmn strong{float:left;display:inline-block; vertical-align:middle;height:39px; line-height:39px;font-size:20px; font-weight:normal; color:#FF9800;}
a.link_cal_tmn span{float:left;display:inline-block; background: url(../images/icones-tmn-mini.png) no-repeat 0 0; height:39px; width:45px; margin:0 10px ; }


a.link_spectacle_tarif{display:block; float:left; height:47px;margin-left:10px; margin-top:10px;}
a.link_spectacle_tarif strong{float:left;display:inline-block; vertical-align:middle;height:47px; line-height:39px; margin:0 10px ;font-size:20px; font-weight:normal; color:#FF9800;}
a.link_spectacle_tarif span{float:left;display:inline-block; background: url(../images/icones_info_tarif.png) no-repeat -67px -2px ; height:47px; width:66px;}
a.link_spectacle_tarif:hover span{background-position: -67px -51px;}
a.link_spectacle_tarif:hover strong{color:#000;}


a.link_rss{display:block; float:left; height:45px;margin-left:10px; margin-top:10px;}
a.link_rss strong{float:left;display:inline-block; vertical-align:middle;height:45px; line-height:39px; margin:0 10px ;font-size:20px; font-weight:normal; color:#FF9800;}
a.link_rss span{float:left;display:inline-block; background: url(../images/icones_info_tarif.png) no-repeat -252px -2px ; height:45px; width:50px;}
a.link_rss:hover span{background-position: -252px -47px;}
a.link_rss:hover strong{color:#000;}






a.link_form_info {display:block; float:left; height:39px;margin-left:10px; margin-top:10px; margin-bottom:20px;}
a.link_form_info strong{float:left;display:inline-block; vertical-align:middle;height:23px; line-height:39px; margin:0 10px ;font-size:12px; font-weight:normal; color:#80C325;font-family: Tahoma;}
a.link_form_info span{float:left;display:inline-block; background: url(../images/icones_info_tarif.png) no-repeat 0px -2px ; height:47px; width:40px;}
a.link_form_info:hover span{background-position: 0px -51px;}
a.link_form_info:hover strong{color:#000;}

a.link_blog {display:block; float:left; height:23px;margin-left:10px;  margin-bottom:5px;}
a.link_blog strong{float:left;display:inline-block; vertical-align:middle;height:23px; line-height:23px; margin:0 10px ;font-size:12px; font-weight:normal; color:#858685;font-family: Tahoma;}
a.link_blog span{float:left;display:inline-block; background: url(../images/mini_icones_tmn.png) no-repeat 0px -24px ; height:23px; width:28px;}
a.link_blog:hover span{background-position: -29px -24px;}
a.link_blog:hover strong{color:#000;}


a.link_newsletter {display:block; float:left; height:18px;margin-left:10px; margin-bottom:5px;}
a.link_newsletter strong{float:left;display:inline-block; vertical-align:middle;height:18px; line-height:18px; margin:0 10px 0 11px ;font-size:12px; font-weight:normal; color:#858685;font-family: Tahoma;}
a.link_newsletter span{float:left;display:inline-block; background: url(../images/mini_icones_tmn.png) no-repeat 0px -48px ; height:18px; width:27px;}
a.link_newsletter:hover span{background-position: -28px -48px;}
a.link_newsletter:hover strong{color:#000;}
a.link_newsletter.menu_on strong{color:#E40042;}
a.link_newsletter.menu_on span{background-position: -56px -48px;;}


a.link_facebook_tmn{display:block;  height:23px;margin-left:10px}
a.link_facebook_tmn strong{float:left;display:inline-block; vertical-align:middle;height:23px; line-height:23px; margin:0 10px 0 15px ;font-size:12px; font-weight:normal; color:#858685;font-family: Tahoma;}
a.link_facebook_tmn span{float:left;display:inline-block; background: url(../images/mini_icones_tmn.png) no-repeat 0px 0px ; height:23px; width:23px;}
a.link_facebook_tmn:hover span{background-position: -23px 0px;}
a.link_facebook_tmn:hover strong{color:#000;}

.box-mini-links{border-top:solid 1px #858685 ; border-bottom:solid 1px #858685 ;  padding:22px 0px 36px 0; margin:90px 0 15px 0; }


#iconesAccueil form strong{font-size:20px;color:#FF9800;font-weight:normal; display:inline-block;}

#iconesAccueil form{margin-left:20px;display:inline-block;   line-height:50px; float:left;}

input#recherche_affiche{ border-radius:4px;-webkit-border-radius:4px; height:20px; width:180px;border:1px solid #FF9800; font-size:13px; vertical-align: middle;}
input#recherche_affiche:focus{outline:none; background-color:#FF9800; }

#formationPresentation{
overflow: auto;
width:690px; 
margin-top: 20px;  
margin:5px auto;
  }
  

#formation_fond{
overflow: auto;
width:690px; 
margin-top: 20px;  
margin:5px auto;
}
  
  
h1.formationColor{color: #FFFFFF; padding:20px 0 15px 0; background: #FFFFFF url('../images/rayure-verte.gif') top left; }
 
h2.formationColor{margin-top:5px;color: #FFF; padding:10px 0 10px 0; background-color:#80C325; }
  

#formation_fond .acces_1{width:229px;float:left;  }
#formation_fond .acces_3{width:229px;float:left;}
#formation_fond .acces_2{width:230px;float:left;}
#formation_fond .margeacces_1{margin:10px 10px 10px 10px; font-size:14px; line-height:20px;}

#formation_fond div.deco{background: #FFF url(../images/deco-formation.png) center center no-repeat; height:8px; margin-top:20px}



#formation_fond a{
	font-family:Georgia, sans-serif;color:#80C325; text-decoration:underline; font-size:14px; 
}

#formation_fond a:hover{
	color:#E40042;;
}





#formation_fond .big{font-size:18px;font-weight:bold; color:#000}
#formation_fond .moy{font-size:14px;font-weight:bold; color:#282826 }



  
  
#editionPresentation{
overflow: auto;-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
  width:680px; 
margin-top: 20px;  
margin-bottom: 20px;
padding-top: 20px;


background-color: #EFEFEF;



}  
  
  
  



#page_presentation_lieu{font-family:Georgia; padding:0 10px;}
#page_presentation_lieu h3{font-size:20px;text-align:right; line-height:25px; margin-top:60px; padding-top:60px;}
#page_presentation_lieu h4{font-size:14px; margin-top:20px; margin-bottom:10px;}
#page_presentation_lieu p{font-size:14px;text-align:justify;}

#lieuPresentation{
 
 margin-bottom: 20px; 
 width:690px;
 padding-top: 10px;
 padding-bottom: 20px;
}

.lieuBackground{background: #FFFFFF url('../images/mainseule_gris.jpg')  top left no-repeat;}

h1.lieuColor{color: #FFFFFF; padding:20px 0 15px 0; background: #FFFFFF url('../images/rayure-turquoise.gif') top left;}
 
h2.lieuColor{margin-top:5px;color: #FFF; padding:10px 0 10px 0; background-color:#59C6D3; }
  

#lieuPresentation .acces_1{width:229px;float:left; }
#lieuPresentation .acces_3{width:229px;float:left; }
#lieuPresentation .acces_2{width:230px;float:left;}
#lieuPresentation .margeacces_1{margin:10px 10px 10px 10px; font-size:14px; line-height:20px;}


#lieuCarte{width:456px; height:624px;float:left; background: #FFF url(../images/plan-TMN.jpg) center center no-repeat;}


#lieuPresentation div.deco{background: #FFF url(../images/deco-formation.png) center center no-repeat; height:8px; margin-top:20px}


#lieuPresentation b{
	color: #59C6D3; font-weight: normal;
}

#lieuPresentation a{
	font-family:Georgia, sans-serif;color:#8D8D8D; text-decoration:none; font-size:14px; text-decoration:underline; 
}

#lieuPresentation a:hover{
	color:#E40042;
}

#lien_lieu_presentation:hover {color: #fff;}


#lieuPresentation .big{font-size:18px;font-weight:bold; color:#000}
#lieuPresentation .moy{font-size:14px;font-weight:bold; color:#282826 }

/* portrait lieux */
.col_lieu_1{width:400px;float:left; text-align:justify;font-size:14px;}
.col_lieu_2{width:260px;float:left;text-align:justify;font-size:14px; }
.col_lieu_3{width:660px;text-align:justify;font-size:14px;}
.col_lieu_1 p,.col_lieu_2 p, .col_lieu_3 p{margin-bottom:10px; text-indent:30px}
.col_lieu_1 h1,.col_lieu_3 h1 {text-align:center; font-size:25px; margin-bottom:20px;}
.col_lieu_1 h2,.col_lieu_3 h2 {text-align:center; font-size:18px; margin-bottom:30px;}
.col_lieu_1 span, .col_lieu_2 span, .col_lieu_3 span{font-style:italic}

.cadreGras{border:2px solid #000; padding:10px 10px; font-size:12px; margin-top:10px;margin-bottom:10px}
.col_lieu_3 .cadre{border:1px solid #000; padding:10px 5px; font-size:12px; margin-bottom:10px}
#lieuPresentation .col_lieu_1{margin:0 10px;}
#lieuPresentation .col_lieu_3{margin-left:10px;}

#compagnie_fond{
	overflow: auto;
	margin-top: 20px;  
	 margin-bottom: 20px;
	 padding-top: 20px;
	 padding-bottom: 20px;
	  
	 width:690px;
	
	
}

.compagnieColor{}



h1.compagnieColor{color: #FFFFFF; padding:20px 0 15px 0; background: #FFFFFF url('../images/rayure-rose.gif') top left;}
 
h2.compagnieColor{margin-top:5px;color: #FFF; padding:10px 0 10px 0; background-color: #F64CE4; }
  

#compagnie_fond .acces_1{width:229px;  }
#compagnie_fond .acces_3{width:229px;}
#compagnie_fond .acces_2{width:230px;float:left;}
#compagnie_fond .margeacces_1{margin:10px 10px 10px 10px; font-size:14px; line-height:20px;}

#compagnie_fond div.deco{background: #FFF url(../images/deco-formation.png) center center no-repeat; height:8px; margin-top:20px}



#compagnie_fond a{
	font-family:Georgia, sans-serif;color:#389F43; text-decoration:underline; font-size:14px;
}

#compagnie_fond a:hover{
	color:#E30042;
}




#compagnie_fond .big{font-size:18px;font-weight:bold; color:#000}
#compagnie_fond .moy{font-size:14px;font-weight:bold; color:#282826 }







#accueil{ background:#FFF url(../images/fond-page-accueil.jpg) left top;
;  width:690px; height:961px; }

div.decoTopAffiche{
	clear: clear:both;
	width:100%;
	padding-top:41px;
	background-image:url(../images/top-content-orange.png);
	background-position:top;
	background-repeat:no-repeat; 
	/*background:#000;*/
		
}

div.decoBottomAffiche{
	clear:both;
	width:100%;
	padding-bottom:41px;
	background-image:url(../images/bottom-content-orange.png);
	background-position:bottom;
	background-repeat:no-repeat; 
	/*background:#000;*/
		
}







div.decoTopLieu{
	clear: clear:both;
	width:100%;
	padding-top:41px;
	background-image:url(../images/top-content-bleue.png);
	background-position:top;
	background-repeat:no-repeat; 
	/*background:#000;*/
		
}

div.decoBottomLieu{
	clear:both;
	width:100%;
	padding-bottom:41px;
	background-image:url(../images/bottom-content-bleue.png);
	background-position:bottom;
	background-repeat:no-repeat; 
	/*background:#000;*/
		
}

div.decoTopFormation{
	clear: clear:both;
	width:100%;
	padding-top:41px;
	background-image:url(../images/top-content-vert.png);
	background-position:top;
	background-repeat:no-repeat; 
	/*background:#000;*/
		
}

div.decoBottomFormation{
	clear:both;
	width:100%;
	padding-bottom:41px;
	background-image:url(../images/bottom-content-vert.png);
	background-position:bottom;
	background-repeat:no-repeat; 
	/*background:#000;*/
		
}






#affiche .archive_1{margin-left:10px; padding-top:10px}
#affiche .archive_1 a img{text-align:center}
#affiche_1{width:210px;float:left; background-color:#FFFFFF;}

.archive_crea{
width:210px;float:left;  }




.archive_1{

width:210px;float:left; background-color:#FFF; }


.pedagogue_1{
width:210px;float:left;


height:600px;


}

div.specialScroll{ overflow:auto; height:350px;  width:210px; }


.formation_admin{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
width:210px;float:left; background-color:#7FC424; }

#affiche .formation_admin{margin-left:10px; padding-top:10px}



.compagnie_admin{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
width:210px;float:left; background-color:#F64CE4; }

#affiche .compagnie_admin{margin-left:10px; padding-top:10px}


.affiche_admin{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
width:210px;float:left; background-color:#FE9915; }


#affiche .affiche_admin{margin-left:10px; padding-top:10px}

/*a garder*/
#nom_compagnie{font-size:11px; font-family:Tahoma; margin:30px 0 10px 0;text-transform:uppercase;}
#titre_affiche{font-size:16px;font-weight:bold;margin:22px 0 24px 0;line-height:16px; text-align:left;}
#info_affiche{font-size:14px;margin:0 0 0 0;font-weight:normal;}
.backgSlides a{display:block; color:#868786; font-size:13px;}
.backgSlides a:hover{ color:#E30042;}
/*fin */
#margeaffiche_1{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;}
#margeaffiche_2{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;}
.margeaffiche_3{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;}


#titre_dates{font-size:12px;font-weight:bold;margin:0 0 0px 0;}
#titre_duree{font-size:11px;margin:0 0 0px 0;}
#dates{font-size:12px;margin:0 0 10px 0;font-weight:bold;}
/* PAGE PROGRAMMATION -- DESCRIPTIF  */
#descriptif{width:680px;background:#FFFFFF;overflow:visible}
#descriptif_court{width:680px;background:#FFFFFF;}
#descriptif_gauche{width:250px ;float:left;}
#descriptif_gauche a img{padding:10px;}

#descriptif_droit{width:400px;float:left; /*background-color:#7f7f7f;*/}
#descriptif_liens{background-color:#FFFFFF;clear:both;}





#descriptif_liens_precedent{width:200px;float:left;background:#FE9915; }
#distribution{font-size:12px;margin:0 0 0px 0;}
#margedescriptif_gauche{margin-top:12px;margin-left:15px;margin-right:5px;margin-bottom:15px;}
#margedescriptif_droit{margin-top:15px;margin-left:15px;margin-right:15px;margin-bottom:15px;}
#descriptif_dates{font-size:14px;color:#000;margin-top:15px; font-weight:bold}
#desriptif_pitch{text-align:left;}
#desriptif_info{font-size:12px;margin:0 0 0 0;font-weight:bold;}
#desriptif_autour{text-align:left;}
#desriptif_texte_sup{text-align:left;}



h3.titre_autres_pieces{background-color:#FF9800; color:#fff; padding:5px; font-size:12px; margin-top:10px; margin-bottom: 10px;}
a.autres_pieces{text-decoration:underline; color:#FF9800;}
a.autres_pieces:hover{color:#000;}



/*#descriptif_liens{position:absolute;height:150px;width:328px;bottom:-65px;}*/
/* ARCHIVE */
#btnPage{-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
width:680px;margin-top:30px; overflow:auto; background-color: #FFF; }
#btnPagePosL{ display: block; height: 30px;float:left;margin-left:5px;margin-right:5px;  }

#btnPagePosL a{ display: block; height: 30px; width: 50px; background: Url(../images/previous-btn-orange.png) 0 0 no-repeat; }

#btnPagePosL a:hover{ display: block; height: 30px; background: Url(../images/previous-btn-orange.png) 0 -30px no-repeat; }

#btnPagePosL span.previousInactive{ display: block; height: 30px; width: 50px; background: Url(../images/previous-btn-orange.png) 0 -60px no-repeat; }




#boxlisteDates{
	width: 300px;
	margin: 0 auto;
}

#listeDesDates{
	 
		 		
}


.margeFormImage{
    padding-top:15px;
	text-align:center;
}


#btnPagePosR a{ display: block; height: 30px; width: 50px; background: Url(../images/next-btn-orange.png) 0 0 no-repeat; }

#btnPagePosR a:hover{ display: block; height: 30px; background: Url(../images/next-btn-orange.png) 0 -30px no-repeat; }


#btnPagePosR span.nextInactive{ display: block; height: 30px; width: 50px; background: Url(../images/next-btn-orange.png) 0 -60px no-repeat; }

/* vert*/

#btnPagePosLVert{ display: block; height: 30px;float:left;margin-left:5px;margin-right:5px;  }

#btnPagePosLVert a{ display: block; height: 30px; width: 50px; background: Url(../images/previous-btn-vert.png) 0 0 no-repeat; }



#btnPagePosLVert a{ display: block; height: 30px; width: 50px; background: Url(../images/previous-btn-vert.png) 0 0 no-repeat; text-decoration: none;}

#btnPagePosLVert a:hover{ display: block; height: 30px; background: Url(../images/previous-btn-vert.png) 0 -30px no-repeat; }

#btnPagePosLVert span.previousInactive{ display: block; height: 30px; width: 50px; background: Url(../images/previous-btn-vert.png) 0 -60px no-repeat; }

#btnPagePosRVert{float:right;margin-left:5px;margin-right:5px;}

#btnPagePosRVert a{ display: block; height: 30px; width: 50px; background: Url(../images/next-btn-vert.png) 0 0 no-repeat; text-decoration: none; }

#btnPagePosRVert a:hover{ display: block; height: 30px; background: Url(../images/next-btn-vert.png) 0 -30px no-repeat; }


#btnPagePosRVert span.nextInactive{ display: block; height: 30px; width: 50px; background: Url(../images/next-btn-vert.png) 0 -60px no-repeat; }





/*vert fin */





#btnPagePoC{float:left;width:500px; line-height: 30px;margin-left:5px;margin-right:5px;}
#btnPagePosR{float:right;margin-left:5px;margin-right:5px;}
#linkPage{margin-left:5px;margin-right:5px; overflow:auto;}
/* PAGE EDITION --  */
#edition{width:537px;height:537px;background-color:#B0B0B0;}
#bdeBlack{position:absolute;width:537px;height:18px;top:0px;background-color:#000000;}
#edition_ctn{}
#edition-titre{font-size:11px;font-weight:bold;color:#000;}
#edition-auteur{font-size:11px;font-weight:normal;color:#000;}
a.edition-lien{font-family:Georgia, sans-serif;color:#fff;font-size:10px;text-decoration:none;}
a.edition-lien:hover {color: font-size:10px;font-weight:normal; #000;}
#edition_cellule{position:absolute;left:10px;top:10px;}
#col_gauche{position:absolute;width:268px;height:507px;top:0px;left:0px;bottom:15px;/*background-color:#286649*/}
#col_droite{position:absolute;width:269px;height:507px;top:0px;left:268px;bottom:15px;/*background-color:#003366*/}
#ed-g_1{position:absolute;width:268px;height:56px;top:0px;}
#ed-g_2{position:absolute;width:268px;height:56px;top:56px;}
#ed-g_3{position:absolute;width:268px;height:56px;top:112px;}
#ed-g_4{position:absolute;width:268px;height:56px;top:168px;}
#ed-g_5{position:absolute;width:268px;height:56px;top:224px;}
#ed-g_6{position:absolute;width:268px;height:56px;top:280px;}
#ed-g_7{position:absolute;width:268px;height:56px;top:336px;}
#ed-g_8{position:absolute;width:268px;height:56px;top:392px;}
#ed-g_9{position:absolute;width:268px;height:56px;top:448px;}
#ed-d_1{position:absolute;width:268px;height:56px;top:0px;}
#ed-d_2{position:absolute;width:268px;height:56px;top:56px;}
#ed-d_3{position:absolute;width:268px;height:56px;top:112px;}
#ed-d_4{position:absolute;width:268px;height:56px;top:168px;}
#ed-d_5{position:absolute;width:268px;height:56px;top:224px;}
#ed-d_6{position:absolute;width:268px;height:56px;top:280px;}
#ed-d_7{position:absolute;width:268px;height:56px;top:336px;}
#ed-d_8{position:absolute;width:268px;height:56px;top:392px;}
#ed-d_9{position:absolute;width:268px;height:56px;top:448px;}
/* PAGE LE LIEU --PAGE liens  */
#liens{width:680px;background-color:#FFFFFF;}
/*#acces_titre{font-size:11px;font-weight:bold;margin:0 0 0 0;}*/
#liens_1{width:330px;float:left;margin-top:20px}
#liens_2{width:330px;float:left;margin-top:20px}
.liens_liens{font-family:Georgia, sans-serif; color:#0033FF;font-size:14px;text-decoration:underline;}
.liens_liens:hover {color:#0033FF;}

#formationPresentation a {font-family:Georgia, sans-serif;color:#000;font-size:14px;text-decoration:none;border-bottom:1px solid #80C325}
#formationPresentation a:hover {color:#80C325;}
#affichePresentation a {font-family:Georgia, sans-serif;color:#D1D647;font-size:14px;text-decoration:none;}
#affichePresentation a:hover {color:#D1D647;}

#margeliens_1{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;}
#margeliens_2{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;}
#liens_titre{font-size:11px;font-weight:bold;margin:0 0 0 0;}
/* PAGE LE LIEU --presentation  */


/* PAGE formation --   */

#formation_cadre{width:537px;height:522px;background-color:#7FC424;}
#retour_formation{width:100px;height:15px;margin-left:422px;top:522px;}

#gros_titre_formations{font-size:16px;font-weight:bold;line-height:16pt;}
#formation_1{width:179px;float:left;/*background:#158796;*/}
#formation_2{width:179px;float:left;/*background:#152296;*/}
#formation_3{width:179px;float:left;/*background:#888796;*/}
#margeformation_1{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;}
#margeformation_2{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;}
#margeformation_3{margin-top:12px;margin-left:15px;margin-right:15px;margin-bottom:15px;}




/* CALENDRIER  */
table.datePicker{ width:150px;}
.datepicker { border-collapse: collapse; border: 2px solid #999; position: absolute;}
.datepicker tr.controls th { height: 22px; font-size: 11px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Georgia, Verdanna, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Verdanna, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #99ffff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }






 html, body {height:100%}

 #conteneur { min-height: 100%;  }




#footer {
	position: relative;
	width:900px; 
	margin:-150px auto 0 auto; /* negative value of footer height */
	height: 150px;
	clear:both;
	border-top: 2px solid #fff;
	background-color:#858685
	
} 

ul#pied {
border-top:1px solid #CCCCCC;
color:#B3B3B3;
font-size:80%;
margin:0;
padding:5px 0;
position:relative;
text-align:center;
}
ul#pied li.premier {
border-left:medium none;
}

ul#pied li {
border-left:1px solid #B3B3B3;
display:inline;
list-style-type:none;
margin:0;
padding:0 10px;
position:relative;
}

ul#pied li a{
color:#000; font-family:Tahoma;
}

ul#pied li a:hover{
color: #FFF;
}

.supprimer_le_pied p{color:#FFF;text-align:left; margin-left:176px;}

clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{clear:both;}

/* timePicker */

.wrap{
	margin:5px auto;
	position:relative;
	
}

.body{
	float:left;
	width:150px;
	margin: 0px;
}
	
input{
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	border:2px solid #999999;
	
	
	margin:5px 5px;
	padding:4px;
	
}
	
.timePicker{	
	float:left;
	width:120px;
}


.label{
	float:left;
	text-align:center;
	width:40px;
}

.sliders{
	float: left;
}

.sliders .bar{
	float: left;
	width: 9px;
	margin: 5px 15px;
	height: 144px;
	background: url(../images/slider.png) no-repeat;
	position: relative;
}

.sliders .bar .knob{
	position: absolute;
	width: 24px;
	height: 24px;
	background: none;
	border: none;
	bottom: 0px;
	top: 92px;
	left: -7px;
	cursor: pointer;
	background: url(../images/knob.png) top left no-repeat;
}

.sliders .bar .back{
	background: url(../images/bg_fill.png) repeat;
	height: 5px;
	width: 9px;
	position: absolute;
	bottom: 4px;
}


textarea{
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	border:2px solid #999999;
	
	
	margin:10px 5px;
	padding:4px;
	
}

/* end timePicker */

#thumbnail-container { /* this is the div that contains all the thumbnails in collection/album view */
	margin: 5px auto;
}

#overlay2 { /* this is the blue box that shows the total comments when hovering on a thumbnail in album view */
	position: absolute; 
	visibility: hidden; 
	background-color: #38c;
	font-family: Georgia, arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding: 4px;
	text-align: center;
	width: 18px;
	color: #fff;
}

ul.slides { /* this is the overall thumbnail container in collection/album view */
	margin: 0 auto;
	margin-top: 15px;
	margin-left: 15px;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
}

.slides li { /* this is the individual thumbnail container in collection/album view */
	display: block;
	float: left;
	margin: 0 10px 10px 0; /* 2nd number controls the distance between thumbnails */
	padding: 0;
}

.tag { /* this controls the text under a thumbnail in collection/album view with caption/download checkbox */
	text-align: center;
	white-space: normal;
}

.meta-header { /* this controls the text under a thumbnail in collection view with total albums or pictures */
	font-size: 85%;
	padding: 0;
	margin: 0;
	color: #8b0000;
	text-align: center;
}

/*        */

form input, form textarea{
     border: 1px solid #999;
     	     -moz-border-radius: 4px;
	     }
	     
.radio {
	border: 0px;
	
}
	     
form input:focus, form textarea:focus{
background-color: #EAEBFF;

}
		      
		      
		      
		      
		      
		      
		      


.error, .error_popup { font-family: Helvetica, Verdana;
font-size: 13px;
color: #666;
font-weight: bold;
padding-bottom : 6px;
/*background-color:#ff9090;*/
background-color:#ffabab;
background-image:url("img/button_cancel.png");
background-repeat:no-repeat;
background-position : right;
text-align:center;
margin-left: 5em;
margin-right:5em;
margin-bottom: 2em;
margin-top: 1em;
}


.error_popup{
margin-left: 1em;
margin-right:1em;
background-position : right;
}

.success,  .success_popup{ 
 font-family: Georgia, Verdana;
 font-size: 13px;
 font-weight: bold;
 color: #666;
 font-weight: bold;
 padding-bottom : 6px;
 background-color:#cff5a6;
 background-image:url("img/button_ok.png");
 background-repeat:no-repeat;
 background-position : right;
 text-align:center;
 margin-left: 5em;
 margin-right:5em;
 margin-top: 1em;
 margin-bottom: 2em;
 }

.success_popup{
margin-left: 1em;
margin-right:1em;
}


.successimport  { 
 font-family: Georgia, Verdana;
 font-size: 13px;
 font-weight: bold;
 color: #666;
 font-weight: bold;
 padding-bottom : 6px;
 background-color:#bbec92;
 background-image:url("img/button_ok.png");
 background-repeat:no-repeat;
 background-position : right;
 text-align:center;
 margin-left: 5em;
 margin-right:5em;
 margin-top: 0em;
 margin-bottom: 0em;
 }




form  div{

}


.form-simple{ 
padding:0.5em;
margin-bottom:2.5em;
border: 0px;
background:#FFFFFF;
margin-left: 2em;
margin-right: 2em;

}

.form-light{ 
padding:0.5em;
margin-bottom:0em;
margin: 0em;
border: 0px;
background:#EFEFEF;
margin-left: 0em;
margin-right: 0em;

}

.archive {
//margin-top:1em;
padding:0.5em;
margin-bottom:2.5em;
border: 1px solid #C0C0C0;
background:#EFEFEF;
margin-left: 2em;
margin-right: 2em;

}


.credit {
 font-size: x-small;
 font-style: normal;
 font-weight: bold;
 color: #666;
;
}


.leftSideBar {
  margin-right: 5em;
  font-size: 95%;
  width: 12.65em;
  float: left;
  clear: left;
  border:1px dashed #C0C0C0;
}

.leftSideBar a, .leftSideBar span {
  text-decoration: none;
  font-weight: bold;
  line-height: 2em;
  padding: 0.75ex 1ex;
  display: block;
}

[class~="leftSideBar"] a, [class~="leftSideBar"] span {
  line-height: 1.5em;
}

.leftSideBar a:hover {
  /* See color-scheme.css */
}

.leftSideBar .sideBarTitle {
  font-weight: bold;
  padding: 0.75ex 1ex;
}

.leftSideBar .sideBarText {
  font-weight: normal;
  padding: 1ex 0.75ex 1ex 1ex;
}

.leftSideBar .sideBarTitle
{ background-color: #EDEDED;
text-align:center;
}

 .leftSideBar{
background-color: #FFFFFF;
 }

.leftSideBar a{
color:#3074B3;
 }

 .leftSideBar a:hover{
background-color: #EDEDED;
color:#7B859C;
border-width: 1px;
border:1px dashed #C0C0C0;
 }

#bodyText {
  text-align: justify;
  line-height: 1.5em;
  margin-left: 15em;
  margin-right: 15em;
  //padding: 0.5ex 14em 1em 1em;

}


.float {
  float: left;
  width: 20em;
  margin: 1em 0;
}


.title{
font-weight: bold;
font-style:italic;
font-size: 1.2em; 
//margin-bottom:-1em;
/*background-color:#7B859C;*/
background:#d4dfe4;
color: #666;
margin-left: 1.7em;
margin-right: 1.7em;
//4mm 1.5em 4mm;

}

.title-simple{
font-weight: bold;
font-style:italic;
font-size: 1.5em; 
color: #666;
margin-left: 1.7em;
margin-right: 1.7em;

}


.subtitle{
font-weight: bold;
font-style:italic;
font-size: 1.1em; 
background:#7b859c;
color: #FFF;
}

.archivetitle{
font-weight: bold;
font-style:italic;
font-size: 0.9em; 
background:#7b859c;
color: #FFF;
}



.subsection{
font-size: 1em; 
margin-top:2em;
//margin-top:2em;
/*background-color:#7B859C;*/
//background:#d4dfe4;
//color: #666;
margin-left: 1.8em;
margin-right: 1.8em;
border: 1px solid #C0C0C0;
}


.subsection2{
font-size: 1em; 
margin-top:2em;
margin-left: 6em;
margin-right: 6em;
border: 1px solid #C0C0C0;
}

.subsection2_popup{
font-size: 1em; 
margin-top:1em;
margin-left: 1em;
margin-right: 1em;
border: 1px solid #C0C0C0;
}


.subcontent{ 
  padding:1em;
 background:#EFEFEF;
}


.maintable{
margin-left: 2em;
margin-right: 2em;
}

.info  { 
font-family: Georgia, Verdana;
font-size: 13px;
color: #666;
font-weight: bold;
/*padding-bottom : 1em;*/
text-align:center;
margin-left: 2em;
margin-right:2em;
margin-bottom: 1em;
margin-top: 1em;
}

.info_left  { 
font-family: Georgia, Verdana;
font-size: 13px;
color: #666;
font-weight: bold;
margin-left: 2em;
margin-right:2em;
margin-bottom: 1em;
margin-top: 1em;
}


.field{
font-family: Georgia, Verdana;
font-size: 0.9em;
color: #666;
font-weight: bold;
text-align:right;
}
#spacewrapper{height:200px;}
#spacewrapper #slider{ height:200px;}
#spacewrapper .item {height:165px; width:165px; overflow: hidden;
    position: relative;}
.item img{  
	position: absolute;  
	top: 0;  
    left: 0;  
    border: 0;  
 }  

.captionfull .boxcaption {
  
    top:190px;  
    left: 0;  
 }  

.boxcaption{  
     float: left;  
      position: absolute;  
     background: #000;  
    height: 165px;  
     width: 165px;  
     opacity: .8;  
    /* For IE 5-7 */  
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
     /* For IE 8 */  
     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
     }  
.slide_menu{display:none; width:680px;}






.headerpage .panel {
position: absolute;
z-index:990;
top: 0px;
display: none;

background: #000000;

border:1px solid #111111;

-moz-border-radius-topright: 20px;

-webkit-border-top-right-radius: 20px;

-moz-border-radius-bottomright: 20px;

-webkit-border-bottom-right-radius: 20px;

width: 330px;

height: auto;

padding: 30px 30px 30px 150px;

filter: alpha(opacity=85);

opacity: .85;

}


.headerpage	a.trigger{

position: absolute;
z-index:1000;
text-decoration: none;

top: 10px; 

font-size: 14px;

letter-spacing:-1px;

font-family: Georgia, helvetica, arial, sans-serif;

color:#fff;

padding: 10px 40px 10px 15px;

font-weight: normal;

background:#333333 url(../images/plus.png) 90% 55% no-repeat;

border:1px solid #444444;

-moz-border-radius-topright: 20px;

-webkit-border-top-right-radius: 20px;

-moz-border-radius-bottomright: 20px;

-webkit-border-bottom-right-radius: 20px;

-moz-border-radius-bottomleft: 0px;

-webkit-border-bottom-left-radius: 0px;

display: block;


}

 

.headerpage a.trigger:hover{

position: absolute;

text-decoration: none;

top: 10px; 

font-size: 14px;

letter-spacing:-1px;

font-family: Georgia, helvetica, arial, sans-serif;

color:#fff;

padding: 10px 40px 10px 20px;

font-weight: normal;

background:#222222 url(../images/plus.png) 90% 55% no-repeat;

border:1px solid #444444;

-moz-border-radius-topright: 20px;

-webkit-border-top-right-radius: 20px;

-moz-border-radius-bottomright: 20px;

-webkit-border-bottom-right-radius: 20px;

-moz-border-radius-bottomleft: 0px;

-webkit-border-bottom-left-radius: 0px;

display: block;

}

 

.headerpage a.active.trigger {

background:#222222 url(../images/minus.png) 90% 55% no-repeat;

}

/* slider */


#margeMain #slides {
    position:relative;
	width:640px;
	margin:20px auto 0 auto;
	

}


/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/





.slides_container {
	width:640px;
	background-image: url(../img/loading.gif);
	background-repeat:no-repeat; 
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:260px;
	left:-25px;
	width:30px;
	height:53px;
	display:block;
	z-index:201;
}







#slides .next {
	left:636px;
}

#slides .prev { background: URL(../img/arrow-prev.png) left top no-repeat  ;width:24px; height:43px;
}

 #slides.prog_slide a.prev { background: URL(../images/nav_prog_tmn.png) -4px -9px no-repeat  ;width:30px; height:53px;
}

 #slides.prog_slide a.prev:hover { background-position:  -4px -76px ;
}



#slides .next{
background: URL(../img/arrow-next.png) left top no-repeat  ;width:24px; height:43px;
}


 #slides.prog_slide a.next { background: URL(../images/nav_prog_tmn.png) -47px -9px no-repeat  ;width:30px; height:53px;
}

 #slides.prog_slide a.next:hover { background-position:  -47px -76px ;
}



 #slides.form_slide a.prev { background: URL(../images/nav_form_tmn.png) -4px -9px no-repeat  ;width:30px; height:53px;
}

 #slides.form_slide a.prev:hover { background-position:  -4px -76px ;
}

 #slides.form_slide a.next { background: URL(../images/nav_form_tmn.png) -47px -9px no-repeat  ;width:30px; height:53px;
}

 #slides.form_slide a.next:hover { background-position:  -47px -76px ;
}




 #slides.crea_slide a.prev { background: URL(../images/nav_crea_tmn.png) -4px -9px no-repeat  ;width:30px; height:53px;
}

 #slides.crea_slide a.prev:hover { background-position:  -4px -76px ;
}

 #slides.crea_slide a.next { background: URL(../images/nav_crea_tmn.png) -47px -9px no-repeat  ;width:30px; height:53px;
}

 #slides.crea_slide a.next:hover { background-position:  -47px -76px ;
}


/*
	Pagination
*/


.backgSlides{background-color:#FFF; height:600px; width:640px;}


.pagination {
	margin:26px auto 0;
	width:600px;
}

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}



.pagination li {
	float:left;
	height:24px;
	list-style:none;
	margin:5px 0px;
}

.pagination li a {
	
	background: URL(../images/nav_prog_tmn.png)  no-repeat -84px -37px  ;
	width:24px; height:24px;
	display:block;
	font-size:14px;
	line-height:24px;
	margin-right: 2px;
	text-indent:-10000px;
	text-align:center;
	text-decoration: none; 
	color: #FFF;

}

.pagination li a:hover,.pagination li a:active {
	margin-right: 2px;
	background-position: -84px -12px;
	text-indent:0px;
}


.pagination li.current a {
	background-position: -84px -12px;
	margin-right: 2px;
	font-weight: normal;
	text-indent:0px;
	color: #FFF;
}

.prog_slide .pagination li a {background-image: URL(../images/nav_prog_tmn.png); background-repeat: no-repeat  }
.crea_slide .pagination li a {background-image:URL(../images/nav_crea_tmn.png); background-repeat: no-repeat }
.form_slide .pagination li a {background-image:URL(../images/nav_form_tmn.png); background-repeat: no-repeat }
.only_one_slide .archive_1{margin-right:5px; height:600px;}
.only_one_slide .archive_1.last_archive{margin-right:0px;}

#margeMain .only_one_slide {
    position:relative;
	width:640px;
	margin:20px auto 20px auto;

}


#slides .archive_1,#slides .archive_crea{margin-right:5px; height:600px;}
#slides .archive_1.last_archive, #slides .archive_crea.last_archive{margin-right:0px;}

#slides .pedagogue_1{margin-right:5px; }
#slides .pedagogue_1.last_pedagogue{margin-right:0px;}



/*rotator slider */

.main_image {
    width: 325px;
    height: 325px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}

a.link_mag_pdf{font-size:16px; color:#FF9800; }
a.link_mag_pdf:hover{ color:#000; }

.main_image a.link_see_more{display:block; margin-top:20px; text-align:center;color: #9F9F9F;}
.main_image a.link_see_more:hover{color: #FFF;}

.main_image h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;

    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {color: #FF9800; margin-left:10px; display:block}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(../images/collapse.png) no-repeat -1px 1px;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}

.main_image a.collapse.show{background-position:-1px -27px }

.image_thumb {
    float: left;
    width: 280px;
    background: #fff;
  
   
}

.jspContainer:focus{outline:green}
.jspContainer{outline:none;}
.jspPane:focus{outline: 0 none;}

.image_thumb div.specialScroll{  
  overflow:auto;
    height:325px;
    width:360px;
}


.actu_content_block{padding: 25px 0 10px 25px}

.actu_content_block div.specialScroll{  
  overflow:auto;
    height:325px;
    width:660px;
}

.actu_video_block{padding: 20px 20px 20px 20px; margin:10px 10px 0px 10px; }

.actu_video_block .centre_video{width:516px; }
.contenu{height:360px; width:665px;}
#tab0.contenuActu{height:350px; width:690px;}

.cadre_actus{ width:690px ; padding-top:210px;  }

.cadre_actus .main_image{margin: 10px 0 10px 10px}

.cadre_actus .image_thumb{margin-top:10px; margin-bottom:25px  } 

.marge_crea{padding:25px 0 0 25px;}
.marge_form{padding:25px 25px 0 25px;}
.marge_comp{padding:25px 25px 0 25px;}


.orange_cat{color:#FF9800}
.vert_cat{color:#80C325}
.violet_cat{color:#F64CE4}
.bleue_cat{color:#59C6D3}




.cadre_crea,.cadre_form,.cadre_comp,.cadre_prog{ float:left;margin:10px }
    
a.cadre_form{display:block;background: url('../image/../images/home_title_links.gif') no-repeat 0px -505px; width:325px; height:99px; text-indent:-10000px;}
a.cadre_form:hover{background-position: 0px -404px;}

a.cadre_crea{display:block;background: url('../image/../images/home_title_links.gif') no-repeat 0px -303px; width:325px; height:99px; text-indent:-10000px;}
a.cadre_crea:hover{background-position: 0px -202px;}

a.cadre_comp{display:block;background: url('../image/../images/home_title_links.gif') no-repeat 0px -707px; width:325px; height:99px; text-indent:-10000px;}
a.cadre_comp:hover{background-position: 0px -606px;}

a.cadre_prog{display:block;background: url('../image/../images/home_title_links.gif') no-repeat 0px -101px; width:325px; height:99px; text-indent:-10000px;}
a.cadre_prog:hover{background-position: 0px 0px;}    
   
    







.titre_accueil{color:#FF9800; margin:10px 0 10px 20px;}



.cadre_crea img{
	float:left;
	padding:5px;


}

.cadre_crea li{
	clear:left;
}

.cadre_crea li .creation-row{
	float:left;
	width:190px;
}


#accueil .ui-state-default,#accueil  .ui-widget-content .ui-state-default,#accueil  .ui-widget-header .ui-state-default{
background: #FFF repeat-x 50% 50%;

color: #555;
font-weight: normal;
}
.cadre_crea div.specialScroll{  
  overflow:auto;
    height:150px;
    width:295px;
}

.cadre_crea .jspContainer{}


.search_bar{
height:50px;
background:#D1D647; /* Old browsers */

}

.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    background: #FFF url(nav_a.gif) repeat-x;
    width: 290px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    margin-left:20px;
}


.image_thumb ul li.first_pane{border-top: 1px solid #CCC;}






.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #FF9800;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 14px;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 210px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/



.ui-selectmenu {
    display: inline-block;
    height: 2.2em;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
}
.ui-selectmenu-icon {
    margin-top: -8px;
    position: absolute;
    right: 6px;
    top: 50%;
}
.ui-selectmenu-menu {
    display: none;
    list-style: none outside none;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 1005;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-menu-popup {
    margin-top: -1px;
}
.ui-selectmenu-menu-dropdown {
}
.ui-selectmenu-menu li {
    border-bottom: 1px dotted transparent;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top: 1px dotted transparent;
    display: block;
    font-weight: normal !important;
    margin: 0;
    padding: 0;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status {
    display: block;
    line-height: 1.4em;
    outline: medium none;
    padding: 0.405em 1em;
    text-decoration: none;
}
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
    cursor: default;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {
    margin-left: 5px;
    padding-left: 20px;
    position: relative;
}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 1em;
}
.ui-selectmenu-status {
    line-height: 1.4em;
}
.ui-selectmenu-open li.ui-selectmenu-item-focus a {
}
.ui-selectmenu-open li.ui-selectmenu-item-selected {
}
.ui-selectmenu-menu li span, .ui-selectmenu-status span {
    display: block;
    margin-bottom: 0.2em;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}
.ui-selectmenu-menu li .ui-selectmenu-item-content {
}
.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: 0.8;
} 
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em;
}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    display: block;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0.6em 0.5em 0;
}
.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin: 0;
    padding: 0;
}
* html .ui-selectmenu-menu li {
    border-color: pink;
    width: 100%;
}
* html .ui-selectmenu-menu li a {
    position: relative;
}
* + html .ui-state-disabled, * + html .ui-state-disabled a {
    color: silver;
}
/*menu*/
.sf-menu li a{display:block;height:30px; font-family:Tahoma; line-height:30px; text-align:right; padding-right:5px;}
.sf-menu li.formation_menu{background-color:#39A345;}
.sf-menu li.formation_menu.sfHover{background-color:#39A345;}
.sf-menu li.formation_menu.sfHover a{background-color:#39A345;}

.sf-menu li.lieu_menu{background-color:#FBF032;}
.sf-menu li.lieu_menu.sfHover{background-color:#FBF032;}
.sf-menu li.lieu_menu.sfHover a{background-color:#FBF032;}

#menuLieu  a:hover, #menuLieu.menu_on a {background-color:#FEEB50; color:#FFF}
#menuProg  a:hover, #menuProg.menu_on a {background-color:#D1D647; color:#FFF}
#menuForm  a:hover, #menuForm.menu_on a {background-color:#91C143; color:#FFF}
#menuCompagnie  a:hover, #menuCompagnie.menu_on a {background-color:#39A345; color:#FFF}
#menuEdit  a:hover, #menuEdit.menu_on a {background-color:#0669AD; color:#FFF}
#menuActus  a:hover, #menuActus.menu_on a {background-color:#009DB6; color:#FFF}
#menuInfos  a:hover, #menuInfos.menu_on a {background-color:#069FDC; color:#FFF}
#menuCrea  a:hover, #menuCrea.menu_on  a {background-color:#27AC6C; color:#FFF}