/* gris : 44403f orange : ff4d00 orange nuance : f96540 bleu : 6badca vert : 98c93a */ *{margin:0;padding:0} body{background-color:#ffffff;color:#514e44;font-family:Arial,Verdana,sans-serif;font-size:12px;text-align:center} a{color:#5d9fbc;text-decoration:none;font-weight:bold} a.selected{color:#ff4d00} a:hover{color:#ff4d00} li{list-style-type:none} #container{margin:0 auto;text-align:left;width:1000px} #head{position:relative;height:200px;background:#ffffff url("img/bandeau.png") no-repeat;margin:0;padding:0} #menu{position:absolute;top:75px;right:27px;width:1000px; height:20px;overflow:hidden;display:inline;text-align:right} #menu li{display:inline;margin-left:20px;color:#6badca;font-family:Arial,Verdana,sans-serif;font-size:14px} #menu a{font-weight:normal} #menu a:hover{color:#ff4d00} #menu strong a{font-weight:normal;color:#ff4d00} #foot{position:relative;height:120px} #foot img{position:absolute;right:25px;top:45px} #menupied{position:absolute;top:45px;left:15px;padding-bottom:50px;width:1000px;height:20px;overflow:hidden;display:inline} #menupied li{display:inline;color:#6badca;margin-left:10px;font-family: Arial,Verdana,sans-serif;font-size:9px} /* colonnes content 3 colonnes*/ .pageset1 #content{background-image:url("img/background_2col.gif");background-repeat:repeat-y;padding-left: 19px;background-color:#f4f3ef;border-bottom: 1px solid #cbcbcb} .pageset1 #col1{width:700px;float:left;padding:0 20px;margin-top:40px} .pageset1 #col2{width:240px;float:left} /* colonnes content 2 colonnes*/ .pageset2 #content{background-image:url("img/background.gif");background-repeat:repeat-y;padding-left: 19px;background-color:#f4f3ef;border-bottom: 1px solid #cbcbcb} .pageset2 #col1{width:431px;float:left;padding:0 10px} .pageset2 #col1 .colgauche{width:230px;border-top:1px solid #cbcbcb;float:left;padding-top:20px} .pageset2 #col1 .coldroite{width:200px;border-top:2px solid #44403f;float:left;padding-top:20px} .pageset2 #col2{width:259px;float:left;padding:0 20px 0 10px} .pageset2 #col2 .colgauche{width:80px;border-top:1px solid #cbcbcb;float:left;padding-top:10px} .pageset2 #col2 .coldroite{width:170px;border-top:2px solid #44403f;float:left;padding-top:8px} .pageset2 #col3{width:240px;float:left} /* Titre */ h1{position:absolute;right:23px;top:30px} h2{position:absolute;top:163px;left:28px} h3{margin:30px 0 15px;height:22px} h3 span{visibility:hidden} h3.une{background:url("img/une.gif") no-repeat} .pageset1 h3.repertoire{background:url("img/repertoire2.gif") no-repeat;margin-left:20px} .pageset1 h3.agenda{background:url("img/agenda2.gif") no-repeat;margin-left:20px} .pageset1 h3.informe{background:url("img/informe2.gif") no-repeat;margin-left:20px} .pageset1 h3.espace_pros{background:url("img/espace_pros2.gif") no-repeat;margin-left:20px} .pageset1 h3.phototheque{background:url("img/phototheque.gif") no-repeat;margin-left:20px} .pageset1 h3.trajet{background:url("img/trajet2.gif") no-repeat;margin-left:20px} .pageset1 h3.compagnie{background:url("img/compagnie.gif") no-repeat;margin-left:20px} .pageset1 h3.a_la_une{background:url("img/a_la_une.gif") no-repeat;margin-left:20px} .pageset1 h3.disponible{background:url("img/disponible.gif") no-repeat;margin-left:20px} .pageset1 h3.la_france_contemporaine{background:url("img/la_france_contemporaine.gif") no-repeat;margin-left:20px;height:37px} .pageset1 h3.amerique_du_nord{background:url("img/amerique_du_nord.gif") no-repeat;margin-left:20px} .pageset1 h3.siecles_francais{background:url("img/18_19_siecles_francais.gif") no-repeat;margin-left:20px;height:37px} .pageset1 h3.espagne_et_amerique_du_sud{background:url("img/espagne_amerique_sud.gif") no-repeat;margin-left:20px;height:37px} .pageset1 h3.souvenirs_auteurs_europeens{background:url("img/souvenirs_auteurs_europeens.gif") no-repeat;margin-left:20px;height:37px} .pageset1 h3.theatre_dans_la_cite{background:url("img/theatre_dans_la_cite.gif") no-repeat;margin-left:20px} .pageset1 h3.projets{background:url("img/projets.gif") no-repeat;margin-left:20px} .pageset1 h3.theatre_sur_un_plateau{background:url("img/theatre_sur_un_plateau.gif") no-repeat;margin-left:20px} .pageset2 h3.repertoire{background:url("img/repertoire.gif") no-repeat} .pageset2 h3.agenda{background:url("img/agenda.gif") no-repeat;margin-left:20px} .pageset2 h3.informe{background:url("img/informe.gif") no-repeat;margin-left:20px} .pageset2 h3.espace_pros{background:url("img/espace_pros.gif") no-repeat;margin-left:20px} .pageset2 h3.phototheque{background:url("img/phototheque.gif") no-repeat;margin-left:20px} .pageset2 h3.trajet{background:url("img/trajet.gif") no-repeat;margin-left:20px} h4{color:#ff4d00;font-family:Arial,Verdana, sans-serif;font-weight:bold;margin-bottom:20px} .pageset2 #col1 h4{font-size:12px;text-transform: uppercase;line-height:18px} .pageset2 #col2 h4{font-size:11px;text-transform: uppercase;line-height:12px} .pageset1 #col1 h4{font-size:18px;text-transform:uppercase;line-height:20px} .pageset1 #col2 h4, .pageset2 #col3 h4{font-size:10px;line-height:11px;margin-right:75px;margin-left:20px} /*Paragraphes */ p{font-family:Arial,Verdana,sans-serif;color:#44403f} #col1 p{font-size:11px;line-height:18px;margin:0 10px 15px 0px} #col2 p{font-size:10px;line-height:14px;margin:0 10px 12px 0px} .pageset1 #col2 ul, .pageset1 #col2 p, .pageset2 #col3 p{font-size:9px;color:#666666;line-height:14px;padding:0 75px 16px 20px;margin-bottom:10px} .pageset1 #col1 .post-chapo p{color:#f96540} .pageset1 #col1 .post-chapo img + img{margin-left:10px} /* Agenda */ #agenda{} #agenda .post-chapo p{color:#98c93a;font-family:Arial,Verdana,sans-serif;font-weight:bold;font-size:9 px;line-height:10px; margin:inherit;border-bottom:0px} #agenda p{border-bottom:1px solid #cbcbcb} #agenda h4{color:#ff4d00;font-family:Arial,Verdana, sans-serif;font-weight:bold;margin-bottom:0px} /* Phototheque */ #phototheque{} #phototheque .photos_container{margin:5px 20px 5px 15px;height:40px;width:120px;border:1px solid #ccc; background-color: #FFF; padding: 5px} #phototheque .photos_container .photos {overflow: hidden;height:40px} #phototheque .photos_container:hover{border:1px solid #aaa;background-color:#silver} #phototheque .photos_container img {border: none 0px; margin-top: -15px;background-color:transparent} #phototheque .nbeimage p{color:#98c93a;font-family:Arial,Verdana,sans-serif;font-weight:bold;font-size:9 px;line-height:10px; margin:inherit;border-bottom:0px} #phototheque p{border-bottom:1px solid #cbcbcb} #phototheque h4{color:#ff4d00;font-family:Arial,Verdana, sans-serif;text-transform:uppercase;font-weight:bold;margin-bottom:0px} /* Autres */ #col1 img.une{margin-bottom:27px;margin-left:-10px} .clear{clear:both;height:1px;font-size:1px;border:none;background:transparent;visibility:hidden} .pageset2 #col2 .first{border-top:0px;padding-top:0} .pageset1 #col1 img{margin:10px 0} .legende{color:#f96540;font-size:12px;width:440px} #col1 a{color:inherit} strong{font-weight:bold} em {font-style:normal} .blocLien{display:block} .blocLien:hover{background-color:silver} img{border:0} #une img{width:400px} #une p{font-family:Arial,Verdana,sans-serif;font-size:11px;line-height: 18 px;font-weight:normal} .alaune:hover{background:silver} #col2 .coldroite p{font-family:Arial,Verdana,sans-serif;font-size:10px;line-height:14 px;font-weight:normal} #col2 img{width:70px} #dispo img{width:220px} hr{clear:both;height:0px;border:0px;visibility:hidden}