/* Start of CMSMS style sheet 'Musees : styles_musees' */
/*
Original design: andreas09 (v2.2 - July 07, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas09/

adapted by Johann Knechtel http://www.jknechtel.de for CMSMS and by Erika Hugel for Musées de Strasbourg
*/

/* Balises principales */
body {background:#f3f3f3; color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0; padding:0; text-align:center;}
a { text-decoration:none;}
a:hover {color:#303030;text-decoration:underline;}
p {line-height:160%; margin-top:8px;}
img a { border:0px; }
th {text-align:left;}

/* Conteneur principal */
#container {color:#303030; margin-left:auto; margin-right:auto; width:760px; padding:0; text-align:left  }
#container h1, #sitename h2 {font-weight:400; letter-spacing:-2px; margin:0; padding:0;}
#container h1 {font-size:2.2em; padding-top:20px;}
#container h2 {font-size:1.4em;}
#container {background:#f3f3f3; }



/* Bandeau */
#sitename {color:#ffffff; height:170px; overflow:hidden; border:0 ;margin:0; padding:0; text-align:left; font-weight:normal; }
#sitename a {color:#ffffff; margin:0;text-decoration:none;}
#sitename a,#sitename img {margin:0;padding:0;}


/* Horizontal menu */
#mainmenu {display:block;  clear:both;padding:3px;margin:0px;}

#mainmenu ul {font-size:1.3em; margin:0px;padding:0; text-align:center}
#mainmenu li {float:left; list-style:none; margin:0; padding:0;}

#mainmenu a, #mainmenu div.pseudolink {
margin:0; padding:3px;border-right:1px solid #FFFFFF; color:#FFFFFF; display:block; font-size:0.65em;   font-weight:bold;margin-left:3px;}

#mainmenu a:hover, #mainmenu a.current {color:#505050; text-decoration:none;}

#mainmenu a:hover, #mainmenu a.current {
   color:#FFFFFF;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity:0.7;
border-bottom:1px dotted #FFFFFF;
}


/* Cadre centrale */
#wrap {clear:both; font-size:0.9em; padding:0;  
  background-image: url('uploads/Musees/fond_blanc.gif');
  background-repeat: repeat-y;
  background-position: 0px 0px;}

/* Différents cadres */
#leftside, #rightside1, #rightside2 {margin:0; padding:15px 2px 2px;}

#rightside1 {width:180px;}
#rightside1 h1 {font-size:1em; margin-bottom:0px;}
#rightside1 h2 {font-size:1em; margin-bottom:0px;}
#rightside1 h3 {font-size:1em; margin-bottom:0px;}

#rightside2 {width:95px;}
#rightside2 h1 {font-size:1.2em; margin-bottom:5px;}
#rightside2 h2 {font-size:1.1em; margin-bottom:3px;}
#rightside2 h3 {font-size:1em; margin-bottom:2px;}

#leftside {width:175px;background-color:#FFFFFF; min-height:400px;height:auto !important;height:400px;}
#leftside {float:left; margin:0; padding:5px;}

#rightside1, #rightside2 {float:right; margin:0px 3px;margin-bottom:5px;padding-left:4px; }
#rightside1 ul, #rightside2 ul {font-size:0.9em;margin-left:13px; padding:0px;}

#leftside h1 {color:#505050; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:0 0 12px;}
#leftside h2,#rightside1 h2,#rightside2 h2 {font-size:1.1em; margin:0 0 10px;}
#leftside p,#rightside1 p,#rightside2 p {font-size:0.9em; line-height:1.5em; margin:0 0 4px 1px;}

.linklist {list-style:none; margin:0 0 16px 10px; padding:0;}
.linklist li {margin-bottom:0.7em;}

/* sous-menu */
.sub {font-size:0.9em; margin:0; padding:0; width:145px;}


/* Contenu */
/* margin exported to template to implement flexible width based on definition of rightside columns */

#content {float:left;background-color:#f3f3f3; color:#2a2a2a; padding:15px 5px 5px;}
#content h1,#content h2,#content h3 {background-color:inherit; color:#606060; font-size:1.8em; font-weight:bold;  margin:0 0 15px; padding:0;}
#content h1 {font-size:1.2em; margin-bottom:5px;}
#content h2 {font-size:1.1em; margin-bottom:2px;}
#content h3 {font-size:1em; margin-bottom:2px;}

#content ul {
	margin :0px;
	padding:0px;
	list-style-type: square;
}

#content li{
	margin-left:30px;
        margin-top:5px;
}


/* Pied de page */
#footer {clear:both; color:#d0d0d0; font-size:0.9em; margin-left:auto; margin-right:auto; width:760px; padding:10px 0; text-align:left;}
#footer a {color:#d0d0d0; }
#footer p {line-height:100%; margin:auto}
#footer div.legales {color:#777777; text-align:right; padding-top:1em; }
#footer div.legales a {color:#777777;  }

/* Différentes classes */
.pdf
{
  background-image: url('uploads/images/icones/pdf.gif');
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding: 8px 0px 8px 23px;
  margin-top:5px;
  line-height:1.5em;
}

#wrap .encadrer, .encadrer {border:1px solid grey; padding:5px; background-color:white;}

#wrap .fond_clear, .fond_clear{ text-transform:uppercase; padding:3px; margin-bottom:15px; margin-top:15px;}

#wrap .floatleft, .floatleft { border: 0pt none; margin: 7px; float: left; display: block;}

.thumbnail {background:#fafbfc; border:1px solid #b0b0b0; margin:0 0 10px 10px; padding:5px;}
.searchform {margin:0;}
.searchbox {background:#ffffff; border:1px solid #b0b0b0; margin:0 4px 0 0; width:100px;}
.searchbutton {background:#f0f0f0; border:1px solid #b0b0b0;}
.clearingdiv {clear:both; height:30px; width:1px;}
.clear {clear:both; height:1px; font-size:1px;}
.hide {display:none;}
.intro {font-size:1.0em; font-weight:bold;}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}
.noprint {float:right; border:1px solid #FFFFFF; background-color:#e6e6e6;padding:5px; margin:10px; margin-top:0px; margin-right:0px; width:70%}
.noprint img {border:0;padding:0px}

.fil_ariane { background-color:#e6e6e6; font-size:0.9em; color:#676767; text-align:left; margin:0; margin-left: 185px;padding:10px;text-transform:none; border-left:1px solid #ffffff ;border-bottom:1px solid #ffffff ; }
.fil_ariane a { color:#676767; }
.fil_ariane .lastitem {  }

#content a.flux_rss {color:#000000; margin-left:1.5em;line-height:145%;}
#content a.flux_rss img { border:0; margin-right:0.8em; }


.menu_langue { float:right; margin-top:15px; }
.menu_langue a { color:#000000; }
.menu_langue a:hover { background-color:#ffffff; }
.menu_langue ul {font-size:0.9em; margin:0; padding:0;}
.menu_langue li {float:left; list-style:none; margin:3px; padding:3px; border:1px solid #000000; width:1.2em; text-align:center}
.menu_langue li:hover { background-color:#ffffff; }

.couleur {color:#777777}

/* recherche */
.recherche {margin-top:25px;}
input.envoyer {padding-left:3px;padding-right:3px; margin-left:3px; background:#f3f3f3; cursor:pointer}

div.NewsDetailField {margin:0px;padding:0px;border:0px; float: left;}

/* End of 'Musees : styles_musees' */