html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 2;
  padding: 2;
  border: 0;
  font-size: 100%;
  font: inherit;
  /* vertical-align: baseline; */
  vertical-align: top;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }


input, textarea, select {
	Font-Family: Arial;
	Font-Size: 9pt;
	vertical-align: middle;
}


body,TR,tr,BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	font-style: normal;
	border-top-width: inherit;
	border-right-width: inherit;
	border-bottom-width: inherit;
	border-left-width: inherit;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: none;
	margin: 0px;
	word-wrap: break-word;
}

p {
	text-indent: 0.5cm
}

a:hover,a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #990000;
}

a:link,a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #00009C;
}

a.menuNavigate,span,.menunavigate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 2px;
	color: #FFFFFF;
}

a.menuNavigate:link,a.menuNavigate:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 2px;
	color: #FFFFFF;
}

a.menuNavigate:hover,a.menuNavigate:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 2px;
	color: #EEEEEE;
	text-decoration: underline;
}


.purplebg {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	background-color: #605CA8;
}



.smallText,.smalltext,.SMALLTEXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}

.normalText,.normaltext,.NORMALTEXT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
}

.redText,.redtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
	color: #FF0000;
	background-color: transparent;
	/* background-repeat : yes; */
}

.admin_content_list {
	font-family: Verdano, Arial, Helvetica;
	font-size: 8pt;
	width: 100%;
	color: #000000;
	table-layout: fixed;
	border-bottom: 1px solid #ccc;
}

.admin_content_list thead th {
	font-weight: bold;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	background-image: url(/images/common/bg_topTable.jpg);
	background-color: #FFCC00;
	background-attachment: fixed;
	letter-spacing: 1px;
}

.admin_content_list tbody th {
	font-weight: normal;
	text-align: left;
	background-color: #CDCDCD;
	color: #333333;
	/* border-bottom: 10px solid #605CA8; */
}

.admin_content_list tbody tr even, {
	border-bottom: none;
	border-top: 1px solid #ccc;
	background-color: #F0F0F0;
}

.admin_content_list tbody tr odd {
	border-bottom: none;
	border-top: 1px solid #ccc;
	background-color: #EEFEFE;
}

.admin_content_list td,.admin_content_list img {
	vertical-align: top;
}

strong {
	font-weight: bold;
	color: #605CA8;
}

h1 {
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 2px;
	color: #605CA8;
}


.titleText,.titletext,.TITLETEXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 2px;
	color: #605CA8;
}

a.titleText:link,a.titletext:visited,a.TITLETEXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 2px;
	color: #605CA8;
	/* text-shadow: 1px 1px 1px #000;*/
}

a.titleText:hover {
	text-decoration: underline;
	font-weight: bold;
}

.titleBoutiqueText,.titleboutiquetext,.TITLEBOUTIQUETEXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 2px;
	color: #605CA8;
}

.titleBoutiqueText:visited,.titleBoutiqueText:link {
	color: #FFFF00;
	font-size: 9pt;
	background: #000066;
}

.subHeaderText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 2px;
	color: #605CA8;
	/* background-image: url(/images/common/bg_topTable.jpg); */
	background-color: #FFCC00;
	background-attachment: fixed;
	letter-spacing: 1px;
	/* background-repeat : yes; */
}

.wrap div.updated, .wrap div.error {
    margin: 5px 0 15px;
}

div.updated,  .message {
    background-color: #FFFFE0;
    border-color: #E6DB55;
}

div.updated, div.error {
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    margin: 5px 15px 2px;
    padding: 0 0.6em;
}

.darkRow,.darkrow,.DARKROW {
	background-image: none;
	background-color: #F0F0F0;
	left: auto;
	font-family: Verdano, Arial, Helvetica;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.darkRow2,.darkrow2,.DARKROW2 {
	background-image: none;
	background-color: #CDCDCD;
	left: auto;
	font-family: Verdano, Arial, Helvetica;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}


.shadow-lateral:before {
	top: 10px;
	left: 8px;
	width: 50%;
	height: 130px;
	box-shadow: -7px 0 10px #555;
	transform: rotate(-5deg);
}

.shadow-lateral:after {
	display: none;
}

.shadow {
	-moz-box-shadow: 4px 4px 6px #000;
	-webkit-box-shadow: 4px 4px 6px #000;
	box-shadow: 4px 4px 6px #000;
}

.verticalText {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	writing-mode: rl-bt;
	filter: flipH() flipV();
	position: absolute;
	/* right : 10px; */
	align: left;
}

#expandable_list_table tbody td.expandable {
    background: url("/images/common/picto_sort_table.png") no-repeat scroll -14px center #E7E1ED;
    cursor: pointer;
    padding-left: 20px;
}


#exhibitions-gallery img {
	border-width: 1px 1px 1px;
	-moz-box-shadow: 2px 2px 8px #aaa;
	-webkit-box-shadow: 2px 2px 8px #aaa;
	box-shadow: 2px 2px 8px #aaa;
	transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}

#exhibitions-gallery a:hover img {
transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
	border: 2px solid #3e3e3e;
	border-width: 1px 1px 1px;
	color: #000000;
}


/* jQuery lightBox plugin - Gallery style */

#gallery { /* background-color: #444;';
       padding: 2px;';
     		width: 300px;';
     		*/
}

#gallery {
	list-style: none;
}

#gallery li {
	display: inline;
	color: #000000;
}

#gallery img {
	border: 5px solid #FFFFFF;
	border-width: 1px 1px 1px;
	-moz-box-shadow: 4px 4px 8px #aaa;
	-webkit-box-shadow: 4px 4px 8px #aaa;
	box-shadow: 4px 4px 8px #aaa;
}

#gallery a:hover img {
	border: 5px solid #3e3e3e;
	border-width: 1px 1px 1px;
	color: #000000;
}

#gallery  a:hover {
	color: #3e3e3e;
}

/* End jQuery lightBox plugin - Gallery style */ /* EasySlider */
#slider ul,#slider li {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #EEEEEE;
}

#slider,#slider li {
	/* define width and height of container element and list item (slide)
			 list items must be the same size as the slider area */
	width: 700px;
	height: 170px;
	overflow: hidden;
}

#sliderForMobile,#sliderForMobile li {
	/* define width and height of container element and list item (slide)
			 list items must be the same size as the slider area */
	width: 95%;
	height: 170px;
	overflow: hidden;
}

#sliderForMobile ul,#sliderForMobile li {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #EEEEEE;
}

p#controls,p#controls2 {
	margin: 0;
	position: relative;
}

#prevBtn,#nextBtn,#prevBtn2,#nextBtn2 {
	display: block;
	margin: 0;
	overflow: hidden;
	text-indent: -8000px;
	width: 30px;
	height: 77px;
	position: absolute;
	left: 0px;
	top: -50px;
}

#prevBtn,#prevBtn {
	left: 600px;
}
#nextBtn,#nextBtn2 {
	left: 665px;
}

#prevBtn a,#nextBtn a,#prevBtn2 a,#nextBtn2 a {
	display: block;
	width: 30px;
	height: 77px;
	background: url(images/btn_prev.gif) no-repeat 0 0;
}

#nextBtn a,#nextBtn2 a {
	background: url(images/btn_next.gif) no-repeat 0 0;
}

/* End EasySlider */


/* file Upload Plugin */ 

.file_upload {
  position: relative;
  overflow: hidden;
  direction: ltr;
  cursor: pointer;
  text-align: center;
  color: #333;
  font-weight: bold;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width: 200px;
  height: 30px;
  line-height: 30px;
  background: #FFCC00;
  border: 1px solid limegreen;
}

.file_upload_small {
  width: 200px;
  height: 30px;
  line-height: 30px;
  font-size: auto;
  background: palegreen;
  border: 1px solid limegreen;
}

.file_upload_large {
  width: 100%;
  height: 150px;
  line-height: 150px;
  font-size: 20px;
  background: palegreen;
  border: 1px solid limegreen;
}

.file_upload_highlight {
  background: lawngreen;
}

.file_upload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: 300px solid transparent;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  filter: alpha(opacity=0);
  -o-transform: translate(-300px, -300px) scale(10);
  -moz-transform: translate(-800px, 0) scale(10);
  cursor: pointer;
}

.file_upload iframe, .file_upload button {
  display: none;
}

.file_upload_preview img {
  width: 80px;
}

.file_upload_progress .ui-progressbar-value {
  background: url(/javascript/jQuery-File-Upload/pbar-ani.gif);
}

.file_upload_progress div {
  width: 150px;
  height: 15px;
}

.file_upload_cancel button {
  cursor: pointer;
}
/* end file Upload Plugin */ 




/* Mobile devices */
@media ( max-width : 640px) {

 .ui-content .meta { 
 margin:0px 0px 10px 0px; 
 font-size:80%; 
   padding: 8px;
 }

	/* passer tous les éléments de largeur fixe en largeur automatique */
	body,element1,element2 {
		width: auto !important;
		margin: auto !important;
		padding: auto !important;
		font-size: 8pt;
	}
	/* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
	/*img, table, td, blockquote, code, pre, textarea, input, object, embed, video { 
   max-width: 100% !important; 
 } */ 
 
  blockquote, code, pre, { 
   max-width: 100% !important; 
   padding-left:2px; 
 } 
 
p { padding-left:2px; }

 /* gestion des mots longs */
	textarea,table,td,th,code,pre,samp {
		word-wrap: break-word; /* césure forcée */
		white-space: pre-line;
		/* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
	element1,element2 {
		float: none !important;
		width: auto !important
	}
	/* masquer les éléments superflus */
	.hide_for_mobile {
		display: none !important;
	}
	
	.mobile-input-question {
	font-size: 20px;
    line-height: 22px;
    padding: 10px 0 0 5px;
    margin: 0;
    width: 90%;
    position: relative;
    right: 10px;
    top: 5px;
    }

    .mobile-search-question {
    border: 0 none;
    cursor: pointer;
    height: 32px;
    padding: 0;
    position: relative;
    right: 10px;
    top: 5px;
    vertical-align: bottom;
    width: 33px;
}
	
	/* Un message personnalisé */
	/*
 body:before { 
   content: "Version mobile du site"; 
   display: block; 
   color: #777; 
   text-align: center; 
   font-style: italic; 
 } 
 */
}