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

.columns {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

h1+p:first-letter { 
	font-family: Arial, Helvetica, sans-serif;
	float:left; 
	margin: 5px 2px 0px 0px; 
	color: #C12100; 
	font-size:30px;
} 

h1+p {
	text-indent:0;
}

h1 {
  color: #333;
  font-variant: small-caps;
  font-weight: bold;
  -webkit-column-span: none;
  -moz-column-span: none;
  column-span: none;
  padding-bottom: 8px;
  border-bottom: 1px dotted #ddd;
}


p.dates {
  width: 130px;
  float: left;
  margin-left:20px;
}

p.txtnumi {
	padding-left: 10px;
	padding-right: 10px;
	font-style: italic;
}

.contenu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	float: right;
	width: 95%;
	color: #00F;
	text-align: justify;
}

.contenu article ul
{
	margin-left: 50px;
	margin-right:20px;
}

.infos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF0000;
	padding-top: 5px;
	text-align: center;
	padding-bottom: 5px;
	margin-top:10px;
}

.corps {
	color: #C60;
	font-style: italic;
}

.titre_sec {
	font-style: italic;
	line-height: 20px;
	font-weight: bold;
	color: #0033CC;
	background-image: url(../img/picto/mj.gif);
	text-indent: 40px;
	margin-top:50px;
}

header h1 {
	font-family: "Codystar", Arial, serif; 
	font-weight: 400;
	font-size: 40px;
	text-align:center;
	color:#339;
	line-height:45px;
}

.fontscript {
	font-family: "Allura", cursive;
	font-size: 24px;
	text-align: justify;
	color: #C60;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

#id_tableau tbody tr {
	line-height:12px;
	width:100%;
	border: 0;
	text-align:center;
	font-size:8px;
}

/* nth-child(even) cible les lignes paires. */
#id_tableau tbody tr:nth-child(even) { 
	background-color:#BBD1DF;
}

/* nth-child(odd) cible les lignes impaires. */
#id_tableau tbody tr:nth-child(odd) { 
	color:#C10;
	background-color:#FFC;
}

/* Effet de survol au passage du curseur. */
#id_tableau tbody tr:hover { 
	background-color: #999;
	color: #FFF;
}


/* Styles design */

.arrondi
	{ 
	background-color:#0CF;	
	border:1px solid black;
	-webkit-border-radius:0px 10px 0px 0px;
	-moz-border-radius:0px 30px 0px 0px;
	-khtml-border-radius:0px 30px 0px 0px;
	border-radius:0px 10px 0px 0px;
	comportement: url (css/PIE.php);
	}

#infos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	text-align:center;
	background-color:#F385AE;
	padding: 3px 0px 3px 0px;
	margin-top: 30px;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-khtml-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	comportement: url (css/PIE.htc);
}

.boxarrondi
	{ 
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-khtml-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	comportement: url (css/PIE.htc);
	}
	
.arrondi4
	{ 
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-khtml-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	comportement: url (css/PIE.htc);
	}
	
.msarrondi
	{ 
	border:1px solid blue;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-khtml-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	-webkit-box-shadow: #999 3px 3px 3px;
	-moz-box-shadow: #999 3px 3px 4px;
	-khtml-box-shadow: #999 3px 3px 4px;
	box-shadow: #999 3px 3px 4px;
	comportement: url (css/PIE.php);
	}

/* Styles pour numismatique */
	
.numis-arrondi
	{ 
	border:1px solid blue;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-khtml-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	-webkit-box-shadow: #FFF 3px 3px 3px;
	-moz-box-shadow: #FFF 3px 3px 4px;
	-khtml-box-shadow: #FFF 3px 3px 4px;
	box-shadow: #FFF 3px 3px 4px;
	comportement: url (css/PIE.php);
	padding: 1em;
	background: #e1fffa; /* Old browsers */
background: -moz-linear-gradient(top, #e1fffa 0%, #e1fffa 5%, #fdffff 11%, #e1fffa 12%, #e7fcfd 41%, #c9f8fb 63%, #beeef8 81%, #b1e4f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1fffa), color-stop(5%,#e1fffa), color-stop(11%,#fdffff), color-stop(12%,#e1fffa), color-stop(41%,#e7fcfd), color-stop(63%,#c9f8fb), color-stop(81%,#beeef8), color-stop(100%,#b1e4f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e1fffa 0%,#e1fffa 5%,#fdffff 11%,#e1fffa 12%,#e7fcfd 41%,#c9f8fb 63%,#beeef8 81%,#b1e4f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e1fffa 0%,#e1fffa 5%,#fdffff 11%,#e1fffa 12%,#e7fcfd 41%,#c9f8fb 63%,#beeef8 81%,#b1e4f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e1fffa 0%,#e1fffa 5%,#fdffff 11%,#e1fffa 12%,#e7fcfd 41%,#c9f8fb 63%,#beeef8 81%,#b1e4f5 100%); /* IE10+ */
background: linear-gradient(to bottom, #e1fffa 0%,#e1fffa 5%,#fdffff 11%,#e1fffa 12%,#e7fcfd 41%,#c9f8fb 63%,#beeef8 81%,#b1e4f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startcolorstr='#e1fffa', endcolorstr='#b1e4f5',GradientType=0 ); /* IE6-9 */
	margin-bottom:30px;
	}	

div p{
	font-weight: normal;
	font-style:normal;
}

/*div p:last-child{
	font-weight:normal;
	font-style:italic;
	color:#060;
}*/

.drap {
	width:20px;
	padding:5px 20px 5px 20px;
	float:right;
}


.degradebleu {	
background: #1e6a9a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzFlNmE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzIwOTRjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzJhYTRkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzdlY2FlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #1e6a9a 1%, #2094ca 15%, #2aa4d8 25%, #7ecae8 56%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1e6a9a), color-stop(15%,#2094ca), color-stop(25%,#2aa4d8), color-stop(56%,#7ecae8));
background: -webkit-linear-gradient(top,  #1e6a9a 1%,#2094ca 15%,#2aa4d8 25%,#7ecae8 56%);
background: -o-linear-gradient(top,  #1e6a9a 1%,#2094ca 15%,#2aa4d8 25%,#7ecae8 56%);
background: -ms-linear-gradient(top,  #1e6a9a 1%,#2094ca 15%,#2aa4d8 25%,#7ecae8 56%);
background: linear-gradient(to bottom,  #1e6a9a 1%,#2094ca 15%,#2aa4d8 25%,#7ecae8 56%);
filter: progid:DXImageTransform.Microsoft.gradient( startcolorstr='#1e6a9a', endcolorstr='#7ecae8',GradientType=0 );
}

#c-carousel {
    padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; height: 100%; padding-top: 0px;
}
#c-carousel {
    backgroundd-color: #f3f3f3; min-height: 120px; 
}
#c-carousel * {
    line-height: 22px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; color: #333; font-size: 14px;
}

#wrapper {
    position: relative; margin-top: 10px;   
}

#carousel {
    width: 500px; padding-top:20px; 
}
#carousel ul {
    padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; display: block; list-style-image: none; padding-top: 0px;
}
#carousel li {
    position: relative; text-align: center; padding-bottom: 0px; margin: 6px; padding-left: 0px; width: 232px; padding-right: 0px; display: block; background: url("img/picto/carousel_polaroid.png") no-repeat 0px 0px; float: left; height: 178px; color: #999; font-size: 40px; padding-top: 0px;
}
#carousel li img {
    margin-top: 14px; width: 201px; height: 127px;
}

.clearfix {
    float: none; clear: both;
}
#carousel .prev {
    position: absolute; text-indent: -999px; width: 15px; display: block; background: url("img/picto/carousel_control.png") no-repeat 0px 0px; height: 21px; margin-left: 10px; overflow: hidden; TOP: 92px;
}
#carousel .next {
    position: absolute; text-indent: -999px; width: 15px; display: block; background: url("img/picto/carousel_control.png") no-repeat 0px 0px; height: 21px; margin-left: 10px; overflow: hidden; top: 92px;
}
#carousel .prev {
    background-position: 0px 0px; left: -30px;
}
#carousel .prev:hover {
    left: -31px;
}
#carousel .next {
    background-position: -18px 0px; right: -20px;
}
#carousel .next:hover {
    right: -21px
}
#carousel .pager {
    text-align: center; margin: 0px auto;
}
#carousel .pager a {
    text-indent: -999px; margin: -10px 5px 0px 0px; width: 8px; display: inline-block; background: url("img/picto/carousel_control.png") no-repeat -2px -32px; height: 8px; overflow: hidden; text-decoration: none; 
}
#carousel .pager a.selected {
    background: url("img/picto/carousel_control.png") no-repeat -12px -32px; text-decoration: underline;
}
#source {
    position: absolute; text-align: center; width: 100%; bottom: 10px; left: 0px;
}
#source {
    color: #999; font-size: 12px;
}
#source a {
    color: #999; font-size: 12px;
}