/* Global Styles */

* {
	margin: 0;
	outline: none;}

#header {
	margin: auto;
	background-color: #146bb9;
	border: 2px groove #0000CC;}	
	
body {
    overflow: auto; 
	font-family: "Comic Sans MS", serif;
	color: #330066;
    background-image: url('../../../design/gifs/fond_marbre.jpg');
    background-attachment: fixed;}
	
	.defile {
	background:#344245;
	border:1px solid #f60;
	border-radius: 10px;
	height: 28px;
	line-height: 1.8;
	margin: 2px;
	overflow-x: hidden;
	overflow-y: auto;
	word-wrap: break-word;
	color:#fff;
	max-width: 750px;
	margin: auto;}

img {
	border: none;
	text-align: center;}

    .imageflottanteg {
    float: left;}
	
	.imageflottanted {
    float: right;}

section
{
    text-align: center;
	margin-left: 170px;
    border: 1px solid blue;
}

.box_mensuel {
       display: block;
       width: 600px;
       height: 70px;
       margin:auto;
       margin-bottom: 50px;}

    #un_mensuel {
       float: left;
       margin-top: 42px;}

    #deux_mensuel {
       margin: auto;
       text-align: center;}

    #trois_mensuel {
       float: right;
       margin-top: 42px;}

    .tabcentrer {
       margin: auto;
       width: 770px;
       border: 1px solid #000;
       border-spacing: 3px;}

    .tabcentrer td {
       width: 20%;
       background: #000;
       text-align: center;
       padding: 5px 0;}

    .tabcentrer a {
       display: inline-block;
       width: 100%;
       height: 100%;}

.center {
	text-align:center;}

.box {
   display: block;
   width: 500px;
   height: 50px;
   font-family: "Comic Sans MS", serif;
   color: #0d0d0d;
   font-size: 26px;
   font-weight: bold;
   margin:auto;}
   
em.infobulle {
  color: #fff;
  margin:0;
  padding:0;
}

em.infobulle b {
  display: none;
}

em.infobulle:hover {
  border: 0;
  position: relative;
  z-index: 500;
}

em.infobulle:hover b {
  display: block;
  position: absolute;
  top: 20px;
  left: 30px;
  opacity: 1;
}

a.infobulle b {
  display: none;
}

a.infobulle:hover {
  border: 0;
  position: relative;
  z-index: 500;
}

a.infobulle:hover b {
  display: block;
  position: absolute;
  top: 20px;
  left: 30px;
}

   .champ {
    height:35px;
    width:35px;
	font-size: 1.3em;
}


#un {
   float: left;
   top: 0px;
   text-decoration: none;}

#deux {
   margin: auto;
   text-align: center;
   padding-top: 4px;}

#trois {
   float: right;
   top: 0px;
   text-decoration: none;}
   
#date_heure {
color: #ffffff;
font-size: 13px;
font-family: "Comic Sans MS", serif;  
text-align: justify;}

#dateheure {
font-size: 14px; color:white;
font-family: "verdana", serif;
border-radius: 5px;
display: inline;
padding: 2px;
}
	
.centre {
margin: 1em 25%;
}
.gauche {
position: relative;
top: 1em;
left: 10%;
}
.milieu {
float:center;
position: absolute;
top: 1em;
}
.droite {
position: relative;
top: 1em;
right: 75%;
}
	
element
{
    position: absolute;
	float: left;
    right: 200px;
    bottom: 30px;
    z-index: 1;
}

element2
{
    position: absolute;
	float: center;
    right: 330px;
    bottom: 30px;
    z-index: 2;
}

element3
{
    position: absolute;
	float: right;
    right: 530px;
    bottom: 30px;
    z-index: 3;
}
	
#container { 
	width: 1024px;
	margin: auto;
	margin-top: 2px;
	border: 2px groove #0000CC;
	background-color: #faf0e6;}

h1, h2, h3, h4 {
	text-align: center;}

h1 {
	font-size: 19px;}
	
h2 {
	font-size: 17px;
    font-weight: bold;
	color: #0f2662;}
h3 {
	font-size: 15px;
	font-weight: bold;
	color: #0f2662;}

h4 {
	font-size: 13px;}

	.tabcentrer { 
     margin-left: auto; 
     margin-right: auto;}
	 
	.tabcentrer  a:hover {
	text-decoration: underline;
	color: #BFDF00;}
	
hr.jour {
	width:95%;
	margin:10px auto;
	background:#008000;
	text-align:center;
	height:3px;}	
	
.banniere {
	text-align: center;}

.contenu {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	padding: 40px 20px 20px;}

.retour { 
	width: 250px;
	height: 27px;
	text-align: center;
	margin: auto auto 20px;
	border: 2px groove #0000CC;
	background-color: #00ffff;}

.retour span {
	text-align: center;
	vertical-align: middle;
	display: inline-block;}

.retour a {
	color: #0000CC;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;}

.retour a:hover {
	color: #990000; 
	text-decoration: blink;
	background-color: #66FF66;
	padding: 0px 4px 6px 4px;}

.sommaire a {
	font-size: 15px;
	font-weight: bold;
	color: #0000FF;}

.sommaire a:hover {
	font-size: 15px;
	color: #990000;
	background-color: #66CCFF;
	margin-right: 400px;
	padding: 2px 5px 2px 5px;}

.sommaire ul {
	font-family: "Comic sans MS";
	list-style-type: none;
	font-size: 15px;
	color: #990000;}

.li li {
	background-color: #66CCFF;}

.ligneor img {
	width: 85%;
	height: 8px;
	margin: auto;}

.crypto img {
	width: 95%;
	height: 30px;
	margin: auto;}

.img_center img {
	text-align: center;}

.fete {
color: #ffffff;
font-size: 13px;
font-family: "Comic Sans MS", serif;  
text-align: center;}

a {
text-decoration: none;
color: #ffffff;
font-family: "Comic Sans MS", serif;
font-size: 13px;
text-align: center;}

.horloge {
color: #000000;
font-size: 13px;
font-family: "Comic Sans MS", serif;  
text-align: justify;}

.justifie {
    text-align: justify;}
	
.bouton {  
background-color: #A8A2CC;  
border-color: #BCB6E2 #BCB6E2 #A8A2CC #A8A2CC;  
border-top-width: thin;  
border-right-width: thin;  
border-bottom-width: thin;  
border-left-width: thin;} 

.bloc {
text-align: center;}

.texte {
text-align: justify;}

h4 journees {
	color: #005620;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	font-family: "Comic Sans MS", serif;
	text-align: center;}

.journees a {
	color: #005620;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;
	text-align: center;}

    .journees a:hover {
	color: #990000;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;
	text-align: center;
	text-decoration: underline;}
	
	.mondiale a {
	color: #005620;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;
	text-align: center;}
	
	.mondiale a:hover {
	color: #990000;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;
	text-align: center;
	text-decoration: underline;}
	
	.etehiver a {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;
	text-align: center;}

    .etehiver a:hover {
	color: #FF0700;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;
	text-align: center;
	text-decoration: underline;}
	
	.patrons a {
	color: #005620;
	font-style: italic;
	font-weight: bold;
	font-size: 0.7rem;
	font-family: "Comic Sans MS", serif;
	text-align: center;
	background-color: #FFFF99;}
	
	.patrons a:hover {
	color: #ff4d00;
	font-style: italic;
	font-weight: bold;
	font-size: 0.7rem;
	font-family: "Comic Sans MS", serif;
	text-decoration: underline;
	text-align: center;}
	
	.stpatron a {
	color: #003366;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;
	text-align: center;}
	
	.stpatron a:hover {
	color: #ff4d00;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;
	text-decoration: underline;
	text-align: center;}
	
	.credits a {
	color: #005620;
	text-align: center;
	font-style: italic;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;}

    .credits a:hover {
	color: #ff4d00;
	text-align: center;
	font-style: italic;
	font-size: 0.8rem;
	font-family: "Comic Sans MS", serif;
	text-decoration: underline;}
	
	.patron a {
    color: #005620;
	text-align: center;
	font-family: "Comic Sans MS", serif;
	font-style: italic;
	font-weight: bold;
	font-size: 0.9rem;}
	
	.patron a:hover {
	color: #ba4843;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 0.9rem;
	font-family: "Comic Sans MS", serif;
	text-decoration: underline;}
	
    .patronp a{
    color: #097ac2;
	font-family: "Comic Sans MS", serif;
	font-style: italic;
	font-style: oblique;
	font-weight: bold;
	font-size: 0.9rem;}	

	.valentin {
    color: #FF33CC;
	text-align: center;
	font-family: "Comic Sans MS", serif;
	font-style: italic;
	font-style: oblique;
	font-weight: bold;
	font-size: 1.0rem;}
	
	.ete a {
	color: #96CA2D;
	font-style: italic;
	font-weight: bold;
	font-size: 22px;
	font-family: "Comic Sans MS", serif;
	text-align: center;}

    .ete a:hover {
	color: #F39110;
	font-style: italic;
	font-weight: bold;
	font-size: 22px;
	font-family: "Comic Sans MS", serif;
	text-align: center;}
	
	.align_img_txt {
	text-align:center;
	display:block;}

.align_img_txt img {
	vertical-align:middle;}

.align_image img, .align_image span {
	vertical-align:middle;
	display:inline-block;
	margin:0;
	color: #006;}

.align_image {
	color: #006;
	line-height:2.8rem; }
	
#img {
border: none;}


#footer {
	width: auto;
	height: auto;
	margin: auto;
	text-align: center;
	background-color: #0066cc;
	border: 1px groove #0000CC;}

#footer span {
	vertical-align: middle;
	display: inline-block;
	padding: 2px 5px 2px 5px;}

#footer span:hover {
	color: #330066;
	background-color: #0000FF;}

#footer img {
	width: auto;
	height: auto;
	text-align: center;}

#footer a {
	color: #330066;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;}