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

body {
background: #F9F9F7 url('Images/template/a1.gif') repeat-x;
font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #66664b;	/* ceci est la couleur des la police pour tout le site*/
line-height: 18px;
}

li {
font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;
}

img {
	border: none;
}


/***************************************************************************/
/******** formatage liens pour l'integralité du site *********/
/***************************************************************************/
a {
color: #FF7800; /* ceci est la couleur des liens*/
text-decoration: underline;
}

a:hover {
text-decoration: none;
}
/***************************************************************************/

sup {
font-size: 0.5em;
}

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


/***************************************************************************/
/******** cadre fixe pour photo *********/
/***************************************************************************/
img.picBook {
	position: relative;
	top: -2px;
	background: url('Images/template/a47.gif') no-repeat;
	width: 111px;
	height: 165px;
	padding: 8px;
}

img.picFilm {
position: relative;
top: -2px;
background: url('Images/template/a49.gif') no-repeat;
width: 120px;
height: 160px;
padding: 8px;
}

img.picAffiche {
position: relative;
top: -2px;
background: url('Images/template/a48.gif') no-repeat;
width: 154px;
height: 231px;
padding: 8px;
}

img.picB {
position: relative;
top: -2px;
background: url('Images/template/a26.gif') no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}

img.picCarre {
	position: relative;
	top: -2px;
	background: url('Images/template/b48.gif') no-repeat;
	width: 111px;
	height: 165px;
	padding: 8px;
}

img.floatleft {
float: left;
margin: 0px 14px 3px 0px;
}
/***************************************************************************/


/***************************************************************************/
/********* cadre redimenssionable pour photo ****************/
/***************************************************************************/
table.imgFrame {
	border-collapse: collapse;
}

table.imgFrame td.TopLeft {
	width: 7px;
	height: 7px;
	background-image: url('Images/template/frame-haut-gauche.gif');
}

table.imgFrame td.Top {
	height: 7px;
	background-image: url('Images/template/frame-haut.gif');
	background-repeat: repeat;
}

table.imgFrame td.TopRight {
	width: 7px;
	height: 7px;
	background-image: url('Images/template/frame-haut-droite.gif');
}

table.imgFrame td.Left {
	width: 7px;
	background-image: url('Images/template/frame-gauche.gif');
	background-repeat: repeat;
}

table.imgFrame td.Right {
	width: 7px;
	background-image: url('Images/template/frame-droite.gif');
	background-repeat: repeat;
}

table.imgFrame td.BottomLeft {
	width: 7px;
	height: 7px;
	background-image: url('Images/template/frame-bas-gauche.gif');
}

table.imgFrame td.Bottom {
	width: 7px;
	height: 7px;
	background-image: url('Images/template/frame-bas.gif');
}

table.imgFrame td.BottomRight {
	width: 7px;
	height: 7px;
	background-image: url('Images/template/frame-bas-droite.gif');
}
/***************************************************************************/


ul.linklist {
list-style: none;
}

ul.linklist li {
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist a {
color: #32278b;
}

ul.linklist li.first {
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

ul.linklist li.sub {
border-top: 0px;
margin-top: 3px;
padding-top: 0px;
padding-left: 15px;
font-style: italic;
font-size: 10px;
}

#upbg {
position: absolute;
top: 0px;
left: 0px;
background: #fff url('Images/template/upbg.gif') no-repeat;
width: 900px;
height: 264px;
z-index: 1;
}

#outer {
position: relative;
width: 900px;
margin: 0 auto;
background: #fff url('Images/template/abg.gif') repeat-y;
}

#inner {
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}

#header {
position: absolute;
background: url('Images/template/bgLogo.gif') no-repeat;
width: 229px;
height: 134px;
color: #fff;
/*padding-left: 20px;*/
padding-top: 5px;
text-align: center;
vertical-align: bottom;
}

#splash {
position: absolute;
right: 30px;
top: 16px;
background: #fff ;
width: 598px;
height: 134px;
}

#contentTotal {
position: relative;
height: 15px;
top:140px;
padding: 0px 20px 0px 5px;
margin: 0px 0px 20px 0px;
background: url('Images/template/ssHeader.gif') repeat-x;
}


/*#menu
{
background: #46461F url('Images/template/templatea16.gif') repeat-x;
height: 67px;
padding: 0px 20px 0px 5px;
margin: 0px 0px 0px 0px;
color: #fff;
font-weight: bold;
}

#menu ul
{
}

#menu ul li
{
display: inline;
line-height: 52px;
padding-left: 3px;
}*/


/***************************************************************************/
/********* formatage de la colonne de gauche ****************/
/***************************************************************************/
#date {
position: absolute;
top: 0px;
line-height: 32px;
color: #BDBDA2;
right: 30px;
font-weight: bold;
font-size: 12px;
letter-spacing: -1px;
}

#secondarycontent {
position: relative;
width: 200px;
float: left;
top:150px;
z-index: 10;
}

#secondarycontent h3 {
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('Images/template/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
}

#secondarycontent h5 {
background: url('Images/template/b16.gif') repeat-x;
height: 67px;
padding: 0px 20px 0px 5px;
margin: 0px 0px 0px 0px;
color: #fff;
font-weight: bold;
line-height: 52px;
padding-left: 3px;
font-size: 16px;
}

#secondarycontent .content {
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}
/***************************************************************************/


/***************************************************************************/
/********* formatage de la colonne de droite : dernière minute ****************/
/***************************************************************************/
#newscontent {
position: relative;
width: 200px;
float: right;
top:150px;
border: 1px solid #c2c2b6 ;
background-color: #f4f4f0; 
}

#newscontent h3 {
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('Images/template/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
}

#newscontent h5 {
background: url('Images/template/a16.gif') repeat-x;
height: 67px;
padding: 0px 20px 0px 5px;
margin: 0px 0px 0px 0px;
color: #fff;
font-weight: bold;
line-height: 52px;
padding-left: 3px;
font-size: 16px;
}

#newscontent .content { 
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

#newscontent .content .date { 
	font-size: 11px;
	color: #c2c2b6;
}

#newscontent ul.linklist li {
border-top: solid 1px #666644;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

#newscontent ul.linklist li.first {
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}
/***************************************************************************/


/***************************************************************************/
/********* Formatage de la colonne centrale ****************/
/***************************************************************************/
#primarycontent {
top:150px;
position: relative;
width: 610px;
float: right;
z-index: 10;
}

#primarycontent h3 {
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('Images/template/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
text-align: left;
clear: both;
}

#primarycontent h4 {
font-size: 12px;
}

#primarycontent h5 {
background: url('Images/template/b16.gif') repeat-x;
height: 67px;
padding: 0px 20px 0px 5px;
margin: 0px 0px 0px 0px;
color: #fff;
font-weight: bold;
line-height: 52px;
padding-left: 3px;
font-size: 16px;
clear: both;
text-align: center;
}

#primarycontent .content {
padding: 0px 15px 0px 10px;
margin-bottom: 20px;
}

#primarycontent .post {
margin-bottom: 30px;
}

#primarycontent .post .header {
position: relative;
}

#primarycontent .post .date {
	position: absolute;
	right: 11px;
	top: 2px;
	line-height: 35px;
	color: #AFAFA4;
	font-weight: bold;
}

#primarycontent .post .content {
margin-bottom: 0px;
}

#primarycontent .post .content .separator {
background: url('Images/template/a22.gif') bottom repeat-x;
background-position: center;
padding: 10px 0px 10px 0px;
display: block;
width: 50%;
text-align: center;
}

#primarycontent .post .footer {
position: relative;
top: -10px;
background: url('Images/template/a33.gif') repeat-x;
height: 64px;
}



#primarycontent .post .footer ul {
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li {
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#primarycontent .post .footer ul li.printerfriendly {
background-image: url('Images/template/a41.gif');
}

#primarycontent .post .footer ul li.comments {
background-image: url('Images/template/a36.gif');
}

#primarycontent .post .footer ul li.readmore {
background-image: url('Images/template/a38.gif');
}


ul.subMenu {
width: 100%;

}

ul.subMenu li {
text-decoration: none;
padding: 2px 0px 2px 13px;;
text-align: left;
list-style: none;
background: url('Images/template/picto_fleche_bleue.gif') center left no-repeat;
}

ul.subMenu li a {
color: #32278b;
text-decoration: none;
}

ul.subMenu li a:hover {
text-decoration: underline;
}

.titleMonth {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #32278b;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}


/******** colorset numero 1 pour un paragraphe **********/
#primarycontent .colorSet01 {
	color: #236CF6;
}

#primarycontent .colorSet01 h3{
	color: #0659f6;
}

/******** colorset numero 2 pour un paragraphe **********/
#primarycontent .colorSet02 {
	color: #7cc576;
}

#primarycontent .colorSet02 h3{
	color: #4e8049;
}

/******** colorset numero 3 pour un paragraphe **********/
#primarycontent .colorSet03 {
	color: #8560a8;
}

#primarycontent .colorSet03 h3{
	color: #662d91;
}

.tableList {
	border: none;
	border-collapse: collapse;
	
}

.tableList tr.tr1{
	background-color: #fafaf7;
}

.tableList td{
	padding: 5px;
}

/***************************************************************************/


/***************************************************************************/
/********* Formatage du pied de page ****************/
/***************************************************************************/
#footer {
position: relative;
clear: both;
height: 66px;
text-align: center;
line-height: 66px;
background-image: url('Images/template/a50.gif') ;
background-position: bottom;
background-repeat: repeat-x;
color: #A8A88D;
/*padding-top: 120px;*/
}

#footer a {
color: #8C8C73;
}
/***************************************************************************/


/***************************************************************************/
/**************** STYLES DE L'ANCIEN SITE ********************/
/***************************************************************************/

.Style1 {	
	font-size: 12px;
}
.Style3 {color: windowtext}
.Style4 {
	font-size: 12px;
	font-weight: bold;
	
}
.Style7 {color: #FF7800}
.Style9 {color: #FF7800}
.Style10 {font-size: 10px}
.Style11 {font-style: italic}
.Style12 {font-size: 10px;  }
.Style13 {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	font-style: italic;
}

.Style14 {
	font-size: 12px;
}
.Style15 {color: #FF7800}

.Style16 {
	font-size: 12px;
	font-weight: bold;
}
.Style18 {color: #FF7800}

.Style19 {font-size: 12px;  font-style: italic; }

.Style20 {
	font-size: 10px
}

.Style21 {
	font-size: 16px
}

.Style31 {
	color: #8C8C73;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}

.Style32 {
	color: #FF7800;
	text-decoration: underline;
}

.Style33 {
	font-size: 12px;
	font-style: italic;
}

.Style35 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}


.Style10 {	
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	font-style: italic;
}

.Style41 {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.Style50 {
	font-weight: bold;
	font-size: 12px;
}

.Style51 {
font-size: 12px; 
font-weight: bold;
padding-top: 10px;
}


.Style53 {	
	font-size: 14px;
	font-weight: bold;
}
.Style52 {font-size: 12px}
.Style55 {color: #FF7800; font-style: italic; }
.Style56 {
	color: #FF0000;
	font-weight: bold;
}
.Style57 {font-weight: bold;  color: #FF0000; font-size: 12px;}