*, *::before, *::after {
  box-sizing: border-box;
}

input.cPerso[type="checkbox"], input.cPerso[type="radio"] {
  position: absolute;
  left: -9999px;
}
.detailP {
	font-family:'arial','helvetica', 'Lobster',cursive;
	font-size:1.0em;
	font-weight:300;
	background:#ffffff;
	vertical-align:center;
}

.cEtiquette {
	display:inline-block;
  position: relative;
  margin: 0 15px;
  padding-left: 20px;
  cursor: pointer;
  width:20px;
  font-family:'arial','helvetica', 'Lobster',cursive;
  font-size:1.5em;
	font-weight:300;
	background:#ffffff;
	vertical-align:center;

}

.cEtiquette::before, .cEtiquette::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

input.cPerso[type="radio"] + .cEtiquette::before,
input.cPerso[type="radio"] + .cEtiquette::after {
  border-radius: 50%;
}

.cEtiquette::before {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #a5a5a5;  
}

.cEtiquette::after {
  display: none;
  width: 12px;
  height: 12px;
  margin: 4px;
  background-color: #AAAAff;
}

input.cPerso:focus + .cEtiquette::before {
  border-color: #a5a5a5;
}

input.cPerso:checked + .cEtiquette::after {
  display: block;
}
/*body{
  font-family:'Open Sans',sans-serif;
  background-color: #DEDEDE;
}*/
alert #overlay{
  position:fixed;
  z-index:999;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:0.7;
  display: none;
}
alert #alertPanel{
  position:absolute;
  top:25%;
  min-height: 170px;
  width: 450px;
  margin-left: 24%;
  z-index:9999;
  color:#000;
  border:1px solid #303030;
  background-color:#eaeaea;
  display: none;
  text-align: center;
  font-size: 14px;
  font-weight:100%;
  margin-bottom: 20px;
}
alert div.texte{
  width: 400px;
  display:inline-block;
  padding:20px 0px 10px 0px;
  word-wrap: break-word;
}
alert span.close{
  background: url('data:image/png;base64,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') no-repeat center center;
  cursor:pointer;
  height:32px;
  width:32px;
  position:absolute;
  right:12px;
  top:12px;
  cursor:pointer;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  opacity:1.0;
}

alert #alertPanel h2{
  font-weight:100%;
  font-size:18px;
  padding:25px 0px 15px 15px;
  text-align:center;
  text-shadow:1px 1px 1px #000;
  margin:0px;
  background-color: #323232;
  border:2px solid #fff;
  -moz-box-shadow:0px 0px 8px #000;
  -webkit-box-shadow:0px 0px 8px #000;
  box-shadow:0px 0px 8px #000;
  color: #FFFFFF;
}
/* Étiquette */
.cEtiq {
  display: block;
  position: relative;
  margin: 10px 0;
  padding-left: 35px;
  cursor: pointer;
}
/* Positionner l'imitation checkbox et radio */
.cEtiq::before, .cEtiq::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}
/* Rond du radio */
input.cPerso1[type="radio"] + .cEtiq::before,
input.cPerso1[type="radio"] + .cEtiq::after {
  border-radius: 50%;
}
/* Dimension et bordure du checkbox et radio */
.cEtiq::before {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #f5f5f5;
}
/* Milieu du checkbox et radio une fois coché */
.cEtiq::after {
  display: none;
  width: 12px;
  height: 12px;
  margin: 4px;
  background-color: #c6c3bd;
}
/* Change la couleur de la bordure en focus */
input.cPerso1:focus + .cEtiq::before {
  border-color: #c6c3bd;
}
/* Affichage du milieu du checkbox et radio une fois cochés */
input.cPerso1:checked + .cEtiq::after {
  display: block;
}

input[type="radio"].dconnu {
  display: none;
}
input[type="radio"].dconnu + label {
  position: relative;
  padding-left: 1.3rem;
}
input[type="radio"].dconnu + label::before,
input[type="radio"].dconnu + label::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  bottom: 4;
  left: 0;
  content:'';
  width: 1rem;
  height: 1rem; 
  border-radius: 1rem;
}
input[type="radio"].dconnu + label::before {
  border: 1px solid #00B7E8;
  background-color: #eee;
  
}
input[type="radio"].dconnu:checked + label::after {
  background-color: #00B7E8;
}
.detail{
	background-color:#FFFFDD;border-color:black;border-width:2px;min-width:400px;
	 border: 3px solid black;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	CELLPADDING:2;CELLSPACING:0;
}
.ordre{
	font-family: Helvetica, Arial,sans-serif;
	font-size:0.8em;
	font-style: italic;
	color:#0000AA;
}
.detailGene{
	background-color:#FFFFDD;border-color:black;border-width:2px;
	 border: 3px solid black;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	padding:10px;
	CELLPADDING:2;CELLSPACING:0;
}
.menuGene{
	background-color:#FFFFDD;
	border-right: 2px solid #333333;border-left: 1px solid #999999;border-bottom: 2px solid #333333; border-top: 1px solid #999999;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	padding:0px;
	CELLPADDING:2;CELLSPACING:0;
}
.modalDialog {
		position: absolute;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 400px;
		position: relative;
		margin: 2% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #def;
		background: -moz-linear-gradient(#def, #bcd);
		background: -webkit-linear-gradient(#def, #bcd);
		background: -o-linear-gradient(#def, #bcd);
	}

	.xclose {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.xclose:hover { background: #00d9ff; }

.bouton {width:200px; text-align:center; text-decoration:none; margin:10px auto; cursor:pointer; color:#fff; border:1px solid #F7A20E; display:block;height:25px; background-image:-moz-linear-gradient(180deg, #FF9B01, #FE7600);background-image:-webkit-linear-gradient(180deg, #FF9B01, #FE7600);background-image:-o-linear-gradient(180deg, #FF9B01, #FE7600);background-image:linear-gradient(180deg, #FF9B01, #FE7600); border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25); }
.bouton:hover {color:#000; background-image:-moz-linear-gradient(180deg, #FFCB71, #FFAC16);background-image:-webkit-linear-gradient(180deg, #FFCB71, #FFAC16);background-image:-o-linear-gradient(180deg, #FFCB71, #FFAC16);background-image:linear-gradient(180deg, #FFCB71, #FFAC16);}
input [type='checkbox'] {
    width:16px;
    height:16px;
    background:yellow;
    border-radius:2px;
	moz-border-radius:2px;
    border:2px solid #555;
}
input [type='checkbox']:checked {
    background: #AAA;
}
input [type='checkbox']:disabled {
    border:2px solid #EEE;
	background: #AAA;
}
.blur {
   color: transparent;
   text-shadow: 0px 0px 6px #333;
}
#monlogo  img{
  -webkit-transition:-webkit-transform .9s; // Chrome Safari
  -moz-transition:-moz-transform .9s;       // Mozilla
  -o-transition:-o-transform .9s;           // Opéra
  -ms-transition:-ms-transform .9s;         // IE
  transition:transform .9s;
}
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v15/cycBf3mfbGkh66G5NhszPQ.woff2) format('woff2');
}
.portrait {
	padding: 0px;
	background: #A2FBA0; 
	border-left: 3px solid #000000;border-right: 2px solid #999999;border-bottom: 3px solid #000000;border-top: 2px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	max-height:118px;
	max-width:92px;
}
.boxfilm 
{
	padding: 0px;
	background-image: url('../icones/fondVideo.jpg');
	padding-left:20px;padding-right:0px;padding-bottom:2px;padding-top:2px;
	
}
.boxsup 
{
	padding: 0px;
	border-left: 3px solid #FF0000;border-right: 2px solid #FF9999;border-bottom: 3px solid #FF0000;border-top: 2px solid #FF9999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
/*tbody {
	background: #A2FBA0;
	background-image:url(snow4.jpg);
}*/
.chifent {
	border-right: 4px solid #AAAAAA;border-left: 2px solid #EEEEEE;border-bottom: 4px solid #AAAAAA; border-top: 2px solid #EEEEEE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	cursor:pointer;
}
.chifentsel {
	border-right: 4px solid #333333;border-left: 2px solid #999999;border-bottom: 4px solid #333333; border-top: 2px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	background: #DDEEFF;
	cursor:pointer;
}
.box {
	/*background: #A2FBA0;*/
	/*background-image:url(snow4.jpg);*/
	text-align:center;vertical-align:middle;
	padding: 0px;
	border-right: 4px solid #333333;border-left: 2px solid #999999;border-bottom: 4px solid #333333; border-top: 2px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ligneInf {
	border-bottom: 1px solid #333333;
}
.boxTouche {
	/*background: #A2FBA0;*/
	/*background-image:url(snow4.jpg);*/
	text-align:center;vertical-align:middle;
	min-width:40px;
	padding: 0px;
	border-right: 4px solid #333333;border-left: 2px solid #999999;border-bottom: 4px solid #333333; border-top: 2px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.boxPersonne{
	/*background: #A2FBA0;*/
	/*background-image:url(snow4.jpg);*/
	min-width:200px;
	text-align:center;vertical-align:middle;
	padding: 0px;
	border-right: 4px solid #333333;border-left: 2px solid #999999;border-bottom: 4px solid #333333; border-top: 2px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.boxH {
	background: #DDDDFF;
	/*background-image:url(snow4.jpg);*/
	text-align:center;vertical-align:middle;
	padding: 0px;
	border-right: 2px solid #333333;border-left: 1px solid #999999;border-bottom: 2px solid #333333; border-top: 1px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}
.boxF{
	background: #FFCCCC;
	/*background-image:url(snow4.jpg);*/
	text-align:center;vertical-align:middle;
	padding: 0px;
	border-right: 2px solid #333333;border-left: 1px solid #999999;border-bottom: 2px solid #333333; border-top: 1px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}
th.boxMariage{
	/*background: #A2FBA0;*/
	/*background-image:url(snow4.jpg);*/
	text-align:center;vertical-align:middle;
	font: italic small-caps bold 12px/2 cursive;
	/*min-width:200px;*/
	padding: 0px 0px 0px 0px;
	cursor:pointer;
}
div.boxMariage{
	/*background: #A2FBA0;*/
	/*background-image:url(snow4.jpg);*/
	text-align:center;vertical-align:middle;
	font: italic small-caps bold 12px/2 cursive;
	/*min-width:200px;*/
	padding: 0px;
	border-left: 2px solid #BBBBBB;border-right: 1px solid #CCCCCC;border-bottom: 2px solid #CCCCCC;border-top: 1px solid #BBBBBB;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	cursor:pointer;
}
.boxFlouDate {
	/*background: #A2FBA0;*/
	/*background-image:url(snow4.jpg);*/
	padding: 0px;
	border-left: 10px solid #000000;border-right: 10px solid #999999;border-bottom: 10px solid #000000;border-top: 10px solid #999999;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	
}
.boxI1 {
	padding: 0px;
	background: #A2FBA0; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transform:rotate(10deg); 
  -moz-transform:rotate(10deg);
  -o-transform:rotate(10deg); 
  -ms-transform:rotate(10deg); 
  transform:rotate(10deg);
}
.boxI2 {
	padding: 0px;
	background: #A2FBA0; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transform:rotate(-10deg); 
  -moz-transform:rotate(-10deg);
  -o-transform:rotate(-10deg); 
  -ms-transform:rotate(-10deg); 
  transform:rotate(-10deg);
}
.boxI0 {
	padding: 0px;
	background: #A2FBA0; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg); 
  -ms-transform:rotate(360deg); 
  transform:rotate(360deg);
}
.boxTresFlou {
	padding: 0px;
	background: #A2FBA0; 
	border-left: 3px solid #000000;border-right: 2px solid #999999;border-bottom: 3px solid #000000;border-top: 2px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px);

	filter: blur(15px);
}
.boxFlou {
	padding: 0px;
	background: #A2FBA0; 
	border-left: 3px solid #000000;border-right: 2px solid #999999;border-bottom: 3px solid #000000;border-top: 2px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);

	filter: blur(5px);
}
.boxnv {
	padding: 0px;
	background: #A2FBA0; 
	border-left: 3px solid #77FF77;border-right: 2px solid #77AA77;border-bottom: 3px solid #77FF77;border-top: 2px solid #77AA77;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.boxFlounv {
	padding: 0px;
	background: #A2FBA0; 
	border-left: 3px solid #FF7777;border-right: 2px solid #999999;border-bottom: 3px solid #FF7777;border-top: 2px solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);

	filter: blur(5px);
}
.box1
{
	padding: 6px;
	background: #ccffcc;
	border-left: 3px solid #000000;border-right: 2px solid #777777;border-bottom: 3px solid #000000;border-top: 2px solid #777777;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* box1M et box 2M pour listVIP */
.box1M
{
	width:160px;
	padding: 6px;
	background: #ccffcc;
	border: 1px solid #bbbbbb;
	text-align:center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.box2M
{
	width:160px;
	padding: 6px;
	background: #ccccff;
	border: 1px solid #bbbbbb;
	text-align:center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.box1J
{
	padding: 14px;
	background: #ccffcc;
	border-left: 3px solid #000000;border-right: 2px solid #777777;border-bottom: 3px solid #000000;border-top: 2px solid #777777;
	font-size: 14px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	max-width:240px;
}
.box2J
{
	padding: 14px;
	background: #ccccff;
	border-left: 3px solid #000000;border-right: 2px solid #777777;border-bottom: 3px solid #000000;border-top: 2px solid #777777;
	font-size: 14px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	max-width:240px;
}
a { color: #771111; text-decoration: none;}
th.warning {color:red;padding: 10px 10px 10px 10px;}
a:hover { color: #660099; text-decoration: underline;}
td.titre_td {font-family: 'comic sans ms',arial,'lobster',cursive,helvetica, serif; color:#AA4433; font-size: 1.0em; font-weight:bold; text-align:center;vertical-align:middle; } 
span.titre_td {font-family: 'comic sans ms',arial,'lobster',cursive,helvetica, serif; color:#AA4433; font-size: 1.2em; font-weight:bold; text-align:center;vertical-align:middle; } 
td.gris,th.gris{background-color:#BBBBBB} 
td.blancProv {background-color:#FFFFFF}
td.date_td { color:#777733; font-size: 0.8em; font-weight:bold; text-align:center;font-style:italic;vertical-align:middle; }
tr.colMN { color:#000099; font-size: 0.8em; font-weight:normal; text-align:center;font-style:italic;vertical-align:middle; }
tr.colMN2 { border-left: 3px solid #000000;border-right: 2px solid #777777;border-bottom: 3px solid #000000;border-top: 2px solid #777777;color:#000099; font-size: 0.8em; font-weight:normal; text-align:center;vertical-align:middle; }
tr.colMNbold { color:#000099; font-size: 0.8em; font-weight:bold; text-align:center;font-style:italic;vertical-align:center; }
th.titrerando {  font-size: 1.2em; font-weight:bold; text-align:center;}
th.titrerandoclair {  font-size: 1.4em; font-weight:bold; text-align:center;}
tr.trtitrephoto { bgcolor:#0000FF; vertical-align:center;border-bottom:2px solid #FF0000;border-top:2px solid #FF00FF;padding: 20px 10px 30px 40px;} 
.titrephoto { font-family:Lobster;color:#222277; font-size: 1.0em; text-align:center;}
th.descrando { font-size: 1.0em; font-weight:normal; text-align:center;}
th.descphoto { font-size: 1.2em; font-weight:normal; text-align:center;} 
td.anneesel {text-align:center;font-family:Lobster; color:#0000FF;  background:#DDDD88;cursor:pointer;
font-size: 1.0em; border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-left: 2px solid #000000;border-right: 2px solid #777777;border-bottom: 2px solid #000000;border-top: 2px solid #777777;}
td.annee {text-align:center;font-family:Lobster;background-color: #FFFFAA;color:#0000FF;
font-size: 1.0em; border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-left: 2px solid #777777;border-right: 2px solid #DDDDDD;border-bottom: 2px solid #777777;border-top: 2px solid #DDDDDD;}
td.annee:hover {text-align:center;font-family:Lobster;background-color: #FFFFAA;;color:#0000FF;
cursor:pointer;	-moz-border-radius: 5px;-webkit-border-radius: 5px;} 
td.barrenavi {  border-bottom: 2px ; border-left:4px ;width:25%; text-align:center} /*background-image:url(snow4.jpg);*/
.petitX{
	font-family:helvetica,cursive;
	/*font-family: 'Oleo Script', cursive;*/
	color:#000000;
	font-size:0.8em;
	/*font-weight: 600;*/
	padding:2px;
	cursor: pointer;
	cursor:pointer;
}
.moyen {
	display: inline-block;
	font-family:helvetica,cursive;
	font-style:bold;
	/*font-family: 'Oleo Script', cursive;*/
	color:#000000;
	font-size:1.4em;
	/*font-weight: 600;*/
	padding:0px;
}
.gros {
	display: inline-block;
	font-family:helvetica,cursive;
	font-style:bold;
	/*font-family: 'Oleo Script', cursive;*/
	color:#0000FF;
	font-size:2.0em;
	/*font-weight: 600;*/
	padding:0px;
}
.titre {
	font-family:'comic sans ms',cursive,'Lobster','Overlock SC',helvetica,cursive;
	/*font-family: 'Oleo Script', cursive;*/
	font-size:1.4em;
	/*font-weight: 600;*/
	padding:5px;
	color:#77c;
}
.sep   {
	/*color:#0000FF;
	color:#FF6600;*/
	color:#33c;
	/*font-size: 1.3em;*/
	/*font-family: helvetica, monospace, serif;*/
	font-family:'comic sans ms',cursive,'Lobster','Overlock SC',helvetica,cursive;
	/*font-family: 'Oleo Script', cursive;*/
	font-size:1.2em;
	/*font-weight: 600;*/
	line-height: 1.0em;
}
.titreRubriques   {
	/*color:#0000FF;
	color:#FF6600;*/
	color:#33c;
	/*font-size: 1.3em;*/
	/*font-family: helvetica, monospace, serif;*/
	font-family:'comic sans ms',cursive,'Lobster','Overlock SC',helvetica,cursive;
	/*font-family: 'Oleo Script', cursive;*/
	font-size:1.2em;
	/*font-weight: 600;*/
	line-height: 1.0em;
}
.soustitreRubriques   {
	/*color:#0000FF;
	color:#FF6600;*/
	color:#77c;
	/*font-size: 1.3em;*/
	/*font-family: helvetica, monospace, serif;*/
	font-family:'comic sans ms',cursive,'Lobster','Overlock SC',helvetica,cursive;
	/*font-family: 'Oleo Script', cursive;*/
	font-size:1.2em;
	/*font-weight: 600;*/
	line-height: 1.0em;
}
.jourrando  {
	/*background-color: #00FFFF;*/
	color:#5522AA;	
	/*font-size: 1.0em;*/
	/*font-family: helvetica, monospace, serif;*/
	/*font-family:'Lobster','Overlock SC','helvetica','cursive';*/
	/*font-family: 'Oleo Script', cursive;*/
	font-size:1.0em;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
    
	/*font-weight: 600;*/
	line-height: 1.8;
	vertical-align: top;
}
.descrando  {
	color:#3333DD;
	color:#552222;
	font-size: 1.0em;
	/*font-family: helvetica, monospace, serif;*/
	line-height: 1.2;
	
}
span.desc  {
	color:#552222;
	font-size: 1.0em;
	font-family: 'Times new roman',helvetica, monospace, serif;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
    line-height: 1.3em;
	text-align:justify;
}
.titre  {
	/*color:#0000AA;
	color:#DD3300;*/
	color:#33c;
	font-size: 1.1em;
	/*font-family: helvetica, monospace, serif;*/
	line-height: 1.4;
	/*margin-left:20px;*/
	/*background-color: #FFFFAA;*/
}
.ombrage{
	padding:5px;
	box-shadow:1px 1px 3px #7777EE;
	background-color:  #FFFFAA; /*#FE7E55; */
}
img.icone {
	border: 1px solid #CCF;
	padding: 2px 2px;
	box-shadow: 2px 2px 1px #CCF;
}
img.iconeChoix {
	border: 1px solid #CCF;
	padding: 2px 2px;
	box-shadow: 2px 2px 1px #CCF;
	border-radius: 18px;
}
img.iconeBarre {
	padding-top: 6px;
	padding-left:4px;
	
}
a.info {
   position: relative; /*relative;*/
   /*color: #3333AA;*/
   /*color:#771111;*/
   text-decoration: none;
   cursor:default;
   /*border-bottom: 1px gray dotted;  On souligne le texte. */
 }
a.info span {
  visibility: hidden;
  position:absolute;
  /*transition: visibility 1s 2s;*/
	top:-2000px;
	/*font-size: 0.3em; /* On définit les propriétés de texte pour toutes les balises. */
   font-family: Tahoma, Verdana, Arial, serif;
   font-weight:lighter;
   //display: none; /* On masque l'infobulle. */
   border: 1px solid #333;
  box-shadow: 5px 5px 3px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}
/*a.info:hover a.info:focus {
	 color: #660099; text-decoration: underline;
   background: none;  Correction d'un bug d'Internet Explorer. */
   /*z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
	/*color: #AA0055;
   cursor: pointer; /* On change le curseur par défaut par un curseur d'aide. */
/*}*/
a.info:hover span {
	/*transition-delay: 2s;
	transition-property:all;*/
	visibility: visible;
   display: table;/* inline On affiche l'infobulle. */
   position: absolute;
	z-index: 600;
   white-space: nowrap;/*On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: 30px; /* On positionne notre infobulle. */
   left: -10px;
   font-size: 0.8em; 
   background: #FFFFAA;
	 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
   color: #0077AA;
   padding: 3px;
   border: 1px solid #007777;
}

a.infoR {
   position: relative; /*relative;*/
   /*color: #3333AA;*/
   /*color:#771111;*/
   text-decoration: none;
   cursor:default;
   /*border-bottom: 1px gray dotted;  On souligne le texte. */
 }
a.infoR span {
  visibility: hidden;
  position:absolute;
  transition: visibility 1s 2s;
	top:-2000px;
	/*font-size: 0.3em; /* On définit les propriétés de texte pour toutes les balises. */
   font-family: Tahoma, Verdana, Arial, serif;
   font-weight:lighter;
   //display: none; /* On masque l'infobulle. */
   border: 1px solid #333;
  box-shadow: 5px 5px 3px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}
/*a.infoR:hover a.info:focus {
	 color: #660099; text-decoration: underline;
   background: none;  Correction d'un bug d'Internet Explorer. */
   /*z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
	/*color: #AA0055;
   cursor: pointer; /* On change le curseur par défaut par un curseur d'aide. */
/*}*/
a.infoR:hover span {
	/*transition: display 2s,font-size 2s;*/
	visibility: visible;
   display: table;/* inline On affiche l'infobulle. */
   position: absolute;
	z-index: 600;
   white-space: nowrap;/*On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: 30px; /* On positionne notre infobulle. */
   left: -10px;
   font-size: 0.8em; 
   background: #FFFFAA;
	 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
   color: #0077AA;
   padding: 3px;
   border: 1px solid #007777;
}
a.infoBig {
   position: relative;
   /*color: #3333AA;*/
   color:#771111;
   text-decoration: none;
   /*border-bottom: 1px gray dotted;  On souligne le texte. */
 }
a.infoBig span {
	font-size: 18px; /* On définit les propriétés de texte pour toutes les balises. */
   font-family: Tahoma, Verdana, Arial, serif;
   display: none; /* On masque l'infobulle. */
   border: 1px solid #333;
  box-shadow: 5px 5px 3px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}
a.infoBig:hover a.infoBig:focus {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
	color: #000055;
   cursor: pointer; /* On change le curseur par défaut par un curseur d'aide. */
	/*transform: scale(1.2);
	 -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -o-transform:scale(1.2);
  -ms-transform:scale(1.2);*/
}
a.infoBig:hover span {
   display: inline;/* On affiche l'infobulle. */
   position: absolute;
	z-index: 600;
   white-space: nowrap;/*On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

   top: 30px; /* On positionne notre infobulle. */
   left: 20px;

   background: #FFFFAA;
	 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
   color: #0077AA;
   padding: 3px;
   border: 1px solid #007777;
}
.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}

    #menu-demo2, #menu-demo2 ul, #menu-demo2 ul u{
z-index:99;
padding:0;
margin:0;
list-style:none;
text-align:left;
font-size:1.2em;
}
#menu-demo2 li{
	z-index:99;
display:inline-block;
position:relative;
border-radius:6px 6px 0 0;
}
#menu-demo2 ul li{
display:inherit;
border-radius:0;
}
#menu-demo2 ul li:hover{
border-radius:0;
}
#menu-demo2 ul li:last-child{
border-radius:0 0 6px 6px;
}
#menu-demo2 ul{
position:absolute;
max-height:0;
width:100%;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu-demo2 li:hover ul{
max-height:30em;
}
/* background des liens menus */
#menu-demo2 li:nth-child(odd){
background-color: #9999EE;
background-image:-webkit-linear-gradient(top, #9999EE 0%, #99EE99 100%);
background-image:linear-gradient(to bottom, #9999EE 0%, #99EE99 100%);

}
#menu-demo2 li:nth-child(odd) li.interdit{
background-color: #000000;
background-image:-webkit-linear-gradient(top, #9999EE 0%, #99EE99 100%);
background-image:linear-gradient(to bottom, #9999EE 0%, #99EE99 100%);

}
#menu-demo2 li:nth-child(even){
background-color: blue;
background-image:-webkit-linear-gradient(top, #9999EE 0%, #99EE99 100%);
background-image:linear-gradient(to bottom, #9999EE 0%, #99EE99 100%);
}

/* background des liens sous menus */
#menu-demo2 li:nth-child(odd) li{
background-color: #9999EE;
 border:1px solid #42432d;
   border-width:1px 0;
background-image:-webkit-linear-gradient(top, #BBBBEE 0%, #BBEEBB 100%);
background-image:linear-gradient(to bottom, #BBBBEE 0%, #BBEEBB 100%);
}
#menu-demo2 li:nth-child(even) li{
background-color: #99EEEE; 
background-image:-webkit-linear-gradient(top, #BBBBEE 0%, #BBEEBB 100%);
background-image:linear-gradient(to bottom, #BBBBEE 0%, #BBEEBB 100%);
}

/* background des liens menus et sous menus au survol */
#menu-demo2 li:nth-child(odd):hover, #menu-demo2 li:nth-child(odd) li:hover{
background:#99EE99;
cursor:pointer;
background-image:-webkit-linear-gradient(top, #7777EE 0%, #77EE77 100%);
background-image:linear-gradient(to bottom, #7777EE 0%, #77EE77 100%);
 border:1px solid #42432d;
   border-width:1px 0;

}
#menu-demo2 li:nth-child(even):hover, #menu-demo2 li:nth-child(even) li:hover{

background-color: #9EEEE;
background-image:-webkit-linear-gradient(top, #7777EE 0%, #77EE77 100%);
background-image:linear-gradient(to bottom, #7777EE 0%, #77EE77 100%);
cursor:pointer;
}

/* les a href */
#menu-demo2 a{
text-decoration:none;
display:block;
position:relative;
padding:4px 16px;
color:#0000FF;
font-family:'Lobster','arial';
}
#menu-demo2 ul a{
padding:4px 0;
font-size:0.7em;

}
#menu-demo2 li:hover li a{
color:#0000FF;
text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
color:#0000FF;
}
#menu-demo2 ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}
#header-fixed2 { 
    position: fixed; 
    top: 0px; left:5px; align:center; display:inline-block;
    background-color:white;
	height:26px;
	width:100%;
	align:center
}

body {
	font-family: arial,'lobster',cursive,helvetica, serif,'comic sans ms';

	color:#552222;
}
.cacher {
	display:none;

  }
.voir {
	display:block;
	align:center;
}
.dateG{
	font-family:'Lobster','helvetica', cursive;
	font-size:1.0em;
	font-weight:300;
	display:inline-block;
	text-align:left;
	line-height:20px;
	width:100px;
	padding-left:2px;
	color:#0000FF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-left:0px;padding:2px 2px;
	
}
.optionG{
	font-family:'Lobster','helvetica', cursive;
	font-size:1.0em;
	font-weight:300;
	display:inline-block;
	text-align:left;
	vertical-align:center;
	line-height:25px;
	width:20px;
	padding-left:2px;
	color:#0000FF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-left:0px;padding:0px 0px;
	background:#ffffff;
	
}
.lieuG{
	font-family:'Lobster','helvetica', cursive;
	font-size:1.0em;
	font-weight:300;
	display:inline-block;
	text-align:left;
	line-height:20px;
	width:200px;
	padding-left:2px;
	color:#0000FF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-left:0px;padding:2px 2px;
	
}
.legend{
	font-family:'Lobster','helvetica', cursive;
	font-size:1.4em;
	font-weight:400;
	display:inline-block;
	text-align:left;
	line-height:45px;
	width:280px;
	padding-left:20px;
	font-weight:400;
	color:#888833;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	margin-left:240px;padding:2px 20px;
	
}
table caption{
	padding-top:4px;
	padding-bottom:4px;
	font-family:'Lobster','Overlock SC',cursive;
	font-size:1.4em;
	font-weight:400;
	/*color:#0000FF;
	background:#ddffdd;*/
}
td {
	padding-left:5px; padding-right:5px;
}
td.titreRando {
	/*font-family:'Lobster','Overlock SC',cursive;*/
	font-size:1.2em;
	font-weight:400;
	/*color:#0000FF;*/
	color:#552222;
}
td.dateRando {
	font-family:'Lobster','Overlock SC',cursive;
	font-size:1.0em;
	font-weight:400;
	color:#0000FF;
}
td.animateurs {
	font-family:'Lobster','Overlock SC',cursive;
	font-size:1.2em;
	font-weight:400;
	color:#0000FF;
}
tr.tableau:nth-child(even) {
	background-color:#E3E3E3;
}
tr.tableau:nth-child(odd) {
	background-color:#FFF;
}
tr.tableaunonMN:nth-child(even) {
	background-color:#FAA;
}
tr.tableaunonMN:nth-child(odd) {
	background-color:#FAA;
}
th.titreCol{
	padding :5px 5px;
	color:#fff;
	font-size:0.9em;
	font-weight:400;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#555;
	border:1 px solid #124860;
	border-radius:15px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	/*background-color:#5959AA;
	background:linear-gradient(top,#000,#595959);*/
}
hr {
    background: transparent url(../icones/filaretordre.gif) no-repeat; width: 350px; height: 10px; border: none;
}
fieldset{
	border:none;
	padding:20px;
}
textarea,input {
	background-color:#FFFFAA;
	line-height:25px;
}
textarea:hover,form div:hover input {
	background-color:#FFFFFF;
}
label{
	display:inline-block;
	line-height:25px;
	width:180px;
	padding-right:10px;
	padding-left:10px;
	vertical-align:top;
	text-align:right;
	font-weight:400;
	/*color:#FFFFFF;*/
	background-color:#FFFFAA;
	/*background:-webkit-gradient(linear,left top, left bottom,from(#444488),to(#9999cc));
	background:-webkit-linear-gradient(top,#444488,#9999cc);
	background:-moz-linear-gradient(top,#444488,#9999cc);
	background:-o-linear-gradient(top,#444488,#9999cc);
	background:linear-gradient(top,#444488,#9999cc);*/
}
petitLabel{
	display:inline-block;
	line-height:25px;
	width:100px;
	padding-right:10px;
	padding-left:10px;
	vertical-align:center;
	text-align:right;
	font-weight:400;
	/*color:#FFFFFF;*/
	background-color:#FFFFAA;
	/*background:-webkit-gradient(linear,left top, left bottom,from(#444488),to(#9999cc));
	background:-webkit-linear-gradient(top,#444488,#9999cc);
	background:-moz-linear-gradient(top,#444488,#9999cc);
	background:-o-linear-gradient(top,#444488,#9999cc);
	background:linear-gradient(top,#444488,#9999cc);*/
}
form div:hover label {
	color:#0000FF;
	background-color:#FFFF00;
}
select {
	height:25px;
	width:260px;
	font-size:1em;
	padding-left:10px;
}
textarea {
	overflow:auto;
	width:560px;
	font-size:1em;
	padding-left:10px;
}
input:read-only { 
	background:#EEEEDD;
}
input[type=submit] {
	margin-left:320px;padding:10px 10px;
	color:#fff; cursor:pointer;
	font-family:'helvetica', cursive;
	font-weight:400; font-size:1em;
	text-decoration:none; text-transform:uppercase;
	background:#777733;
	
	border:1px solid #124860;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
}
	input[type=submit]:hover,
	input[type=submit]:active,
	input[type=submit]:focus {
	background: #DDDD88;
	text-decoration:none;
}
@keyframes pulse {
  0% {
    background: transparent url(../icones/randoautre.png) no-repeat; border: none;
  }
  100% {
    background: transparent url(../icones/randoautre2.png) no-repeat; border: none;
  }
}
.columns {
	font-size:1em;
	-webkit-columns: 8;
	-moz-columns: 8;
	columns: 8;
}
.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #4e87Ad, #75B9E7);
   background: -moz-linear-gradient(top,#4e87Ad, #75B9E7);
   background: -ms-linear-gradient(top, #4e87Ad, #75B9E7);
   background: -o-linear-gradient(top, #4e87Ad, #75B9E7);
   color: #EEEEEE;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
</style>