@charset "iso-8859-1";
/* CSS Document */
body {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #313131;
	background-image: url(/2013/desing/fond_site.png); 
	//background-image: url(/noel/mere_noel.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: -200px 0px;   
}
li {
	line-height: 20px;
	list-style-position: inside;
}
a:link,a:visited,a:active
{
color : #006;
text-decoration : underline; 
} 
a:hover { 
color : #666666;
text-decoration : underline; 
}
#flahfond {position: fixed; top:0; left: 0; z-index: -2; border: none;}

#conteneur {
	padding: 0px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#bando {position:relative;
	margin: 0px;
	padding: 0px;
	width: 980px; height:250px;
	background-image: url(/2015/bandeau2016_1.jpg);
	background-repeat: no-repeat;
}
#menu-haut {
	margin: 0px;
	padding: 0px;
	width: 980px; height:50px;
}
#space-bando {
	margin: 0px;
	padding: 5px;
	height: 40px;
	width: 980px;
	line-height:30px;
	background-image: url(/2010/design/images/bg-space-menu-haut.png);
	background-repeat: no-repeat;
}
#space-anniv {
	margin: 0px;
	padding:5px;
	height: 40px;
	width: 980px;
	line-height:30px;
	background-image: url(/2010/design/images/bg-space-menu-bas.png);
	background-repeat: no-repeat;
}
#menu-g {
	margin: 0px;
	width: 220px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
.menug-haut{
	background-image: url(/2010/design/images/haut-menu-g.png);
	background-repeat: no-repeat;
}
.menug-fond {
	background-image: url(/2010/design/images/fond-menu-g.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.menug-bas{
	background-image: url(/2010/design/images/bas-menu-g.png);
	background-repeat: no-repeat; height:67px;
}

#pagefull {
	width: 980px;
	margin:0 auto;
}
#pagefull-haut{
	background-image: url(/2010/design/images/bg-site-bis-hautpage.png);
	height:20px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 980px;
}
#pagefull-fond {
	background-image: url(/2010/design/images/bg-site-bis-fondpage.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	overflow:hidden;
}
#pagefull-bas{
	background-image: url(/2010/design/images/bg-site-bis-baspage.png);
	background-repeat: no-repeat;
	height:20px;
    margin: 0px;
	padding: 0px;
	clear: both;
}
#partenaires {
	margin: 0px;
padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;	width: 980px;
	clear: both;
}
#pied-page {
	margin: 0px;
	padding: 0px;
	width: 980px;
	clear: both;
}

#menuimage{width:300px; height:150px}
#menuimage.haut{
	width:300px;
	height:107px; margin-top:20px;
	background-image: url(/2010/design/images/menu-image_haut.png);
	background-repeat: no-repeat;
}
#menuimage.bas{
	width:300px;
	height:43px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fdb107;
	text-align: Left;
    line-height: 30px;
	background-image: url(/2010/design/images/menu-image_bas.png);
	background-repeat: no-repeat; text-indent:65px;
}
#menuimage.bas a{
	font-weight: bold;
	color: #fdb107;
}

/* liens magiques*/
a.info {
   position: relative;
   color: #ff6500;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 100; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */

}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   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: 20px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: #ff6500;
   padding: 3px;
   border: 1px solid #ff6500;
}

#gal {
	height:1000pt;
	overflow:auto;
} 

/*calendrier*/
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */
#space960 {width: 940px;
	padding:10px;
}

#exemple2 table{
	border: thin dotted #000000;
	width: 600px;
	/*border-collapse: collapse;*/
}
#exemple2 td, #exemple2 th{
border:thin solid #6495ed;
}

.verticaltext {
    writing-mode:tb-rl;
    -webkit-transform:rotate(-270deg);
    -moz-transform:rotate(360deg);
	-o-transform: rotate(270deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px; margin-top:-50px;
    height:20px;
    text-shadow: 0px 0px 1px #333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
}
		.bandeau_35{
position: absolute;
bottom: 20px;
left: 250px;
top:310px;
width: 160px; height:148px;
z-index: 2;
text-align: center;
background-color: #f1f1f1;
border: 1px solid #666666;
line-height: 40px;
margin: 0;
border-radius: 8px;
	box-shadow: 8px 8px 12px #313131;
}
html>body .bandeau_35  {
position: fixed
}