/*
feuille de style bricolee
===========================*/

/* generalites
===========================*/


*
{
padding: 0px;
margin: 0px;
}



body
{
background: #F9F9F7 url('../gadget/fond.png')repeat;
font-size: 14px ;
font-family: "trebuchet ms", helvetica, sans-serif;
color: black;
line-height: 18px;
margin: 1em; 
}

a
{
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

p
{
margin-bottom: 14px;
text-align: justify;
}

 h1
{
font-size: 22px;
}

h2
{
font-size: 18px;

}
h2
{
font-size: 16px;

}

/* organisation de la page #ID
entete , avec entete-gauche | entete-droite
-------
page, avec page-gauche | page-droite
============================*/

#entete
{
position: relative;
width: 847px;
margin: 0 auto;
background: #fff url('../gadget/fond-bleu-degrade.png') repeat;
padding: 5px 0px 10px 0px;
}

#entete-gauche
{
position: relative;
width: 500px;
float: left;
padding: 10px 0px 10px 5px;
}

#entete-droite
{
position: relative;
width: 337px;
float: right;
}

#entete-footer
{
position: relative;
clear: both;
font-size: 16px;
text-align: center;
background: azure ;
}

#entete span {                                         
  font-weight: bold;                   
  color: #0000AA;                      
}

/* organisation de la page #ID
entete , avec entete-gauche | entete-droite
-------
page, avec page-gauche | page-droite
============================*/

#page
{
background: #fff ;//url('../gadget/fond-bleu-degrade2.png') repeat;
position: relative;
margin: 0 auto;
width: 847px;
padding: 5px 0px 10px 0px;
}


#page-gauche
{
position: relative;
width: 630px;
float: left;
padding: 10px 0px 10px 5px;
}

#page-droite
{
position: relative;
width: 180px;
float: right;
}


#footer
{
position: relative;
clear: both;
font-size: 16px;
text-align: center;
background: pink;//#fff url('../gadget/fond-bleu-degrade.png') repeat-x;
}


/* enregistrements
============================*/

.article
	{
	background-color:rgb(205, 244, 255);
	font-style:bold;
	padding: 5px 5px 5px 5px;	
	-moz-box-shadow: 5px 5px 5px 4px #329a9d;
	-webkit-box-shadow: 5px 5px 5px 4px #329a9d;
	-o-box-shadow: 5px 5px 5px 4px #329a9d;
	box-shadow: 5px 5px 5px 4px #329a9d;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#329a9d, Direction=134, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

.article.new  /*on change juste la couleur */
	{
	background-color:pink;
	-moz-box-shadow: 5px 5px 5px 4px #9a0000;
	-webkit-box-shadow: 5px 5px 5px 4px #9a0000;
	-o-box-shadow: 5px 5px 5px 4px #9a0000;
	box-shadow: 5px 5px 5px 4px #9a0000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9a0000, Direction=134, Strength=5);
	}
	
.article.seminaire  /*on change juste la couleur */
	{
	background-color:rgb(205, 255, 244);
	-moz-box-shadow: 5px 5px 5px 4px #32cb00;
	-webkit-box-shadow: 5px 5px 5px 4px #32cb00;
	-o-box-shadow: 5px 5px 5px 4px #32cb00;
	box-shadow: 5px 5px 5px 4px #32cb00;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9a0000, Direction=134, Strength=5);
	}




.titre    
{ 
width: 600px;
font-size: 22px; 
line-height: 25px;
padding: 0 16px 16px 0; 
margin: 0; 
float: left; 
list-style: none; 
text-align: center;
}

.titre.long    
{ 
width: 840px;
}

.auteur 
{ display: block; 
float: left; 
font-size: 22px; 
font-weight: bold; 
padding: 3px 0px 3px 0; 
color: #008;
font-style: italic; 
text-align: justify;}

.date
{ 
width: 260px;
margin: 0; 
padding: 0 0px 5px 0;  
font-weight: bold;
font-size: 16px;
float: right; vertical-align:top;}

.date:first-letter 
{ display: block; 
float: left; font-size: 140%; 
font-weight: bold;  
padding: 0px 0px 3px 0; 
font-style: italic; 
}

.heure
{ 
width: 240px;
margin: 0; 
padding: 0 0px 5px 0;  
font-weight: bold;
font-size: 16px;
float: right; vertical-align:top; color:red;background-color: azure;}

.heure img
{ 
max-width: 120px;
height: 50px;
margin: 0; 
padding: 0 0px 5px 0;  
float: right; vertical-align:top;}


.photo   
{ 
width: 160px;
padding: 0 16px 16px 0; 
margin: 0; 
float: left; 
list-style: none; }

.photo img   
{ 
max-width: 160px;
height: auto;
vertical-align: top; }

.end { clear: both; height: 10px; }

.esp-art { clear: both; height: 30px; }


/* boutons
============================*/

a img
{ 
vertical-align: center; 
text-decoration: none;
}



.iobutton
{
padding: 5px 5px 5px 5px;
color:#000000;
-moz-box-shadow: 2px 2px 10px #9a0000;
-webkit-box-shadow: 2px 2px 10px #9a0000;
-o-box-shadow: 2px 2px 10px #9a0000;
box-shadow: 2px 2px 10px #9a0000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #cb0000;
background:azure;
}