@media print, screen {
/***********************************************************/
/******************************* GENERAL *******************/
/***********************************************************/
body { font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:170%; background-color:#CCCCCC; padding:4px 0 30px 0; margin:0; background-image:url(../images/fond_body.gif); background-position:center; background-repeat:repeat-y}
h1,h2,h3,h4,p,ul,li,ol,dl,dt,div,form { padding:0; margin:0; list-style:none;}
p {margin:0 0 12px 0;}
a { color:#E3264C;}

p { color: #333333; }
h1, p.rubtitre { font-size:30px; font-weight:normal; text-align:center; border-bottom:1px solid #DACB81; padding:14px 0 24px 0; line-height:100%; margin-bottom:12px; clear:both; float:none;}
h2 { font-weight:normal; font-size:18px; text-align:center; font-style:italic; padding:12px 10px 0px 10px; padding-bottom:10px; clear:both; float:none;}
h2 a:visited { color: #333333; }
p.tous { float:none; text-align:right; margin-bottom:24px; font-weight:bold; clear:both}

/************ outils *************/
p.outils { font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:center; margin:0 0 20px 0}
p.outils a { color:#9C7A47; text-decoration:none; margin-right:8px;}
p.outils a img { border:0px solid red;}

/************ divers *************/
p.small { font-size:9px;}
p.site { font-size:11px; line-height:120%; font-family:Arial, Helvetica, sans-serif;  background-color:#F8F4E7; padding:12px}
.date { font-weight:bold; background-color:#FFF4BE; display:inline; padding-left: 4px}

img.illustration { float:left; padding:0 16px 0px 0;}
.source { font-size:9px; text-transform:uppercase; color: #999999; text-decoration:none}
.fleche { font-size:9px;}

/************ liste de rubrique ou articles *************/
ul.liste { margin-bottom: 24px;}
ul.liste li { margin-left: 24px; line-height:140%; margin-bottom:6px;}
/*ul.liste a:visited { text-decoration:none;}*/

/************ du colonnage *************/
ul.colonne { width: 48%; float:left; margin-right:2% }


/***********************************************************/
/******************************* DECOUPE *******************/
/***********************************************************/
div#content { width: 976px; border:2px solid #882929; padding:0 11px 0 11px ; margin:auto; background-color:#FFFFFF;  background-image:url(../images/fond_content_colonne_droite.gif); margin:2px auto 11px auto}

div#content_texte { float:left; width: 420px; padding:10px 30px 0 0; border-top:1px solid #DACB81;}
div#content_texte.aucentre { padding-right: 0; padding-left:30px; }
div#content_nav { width: 190px; float:left; border-top:1px solid #DACB81; padding:10px 0 0 0}
div#content_insets { width:300px; float:right; margin:0 4px 0 0; border:0px solid red;}
div.separateur { background-color:#FFFFFF; height:12px; float:none; clear:both}
div#footer { background-color:#bd9458; padding:0px 0px 24px 6px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:120%; border:12px solid #bd9458}

div#recherchefooter { width:300px; float:right; text-align:right; clear:right; }
div#footer p { color:#fff; padding:6px 0 0 0 ; margin:0; float:left; width: 400px;}
div#footer a { color:#6d2121; text-decoration:none;}
p.copyright { font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#fff; padding:12px; margin:0; }
div#recherchefooter  input.bt_rechercher { float:right; padding:0; margin:0 0 0 6px;}
div#recherchefooter input { padding:2px; margin:2px 0 0 0; float:right;}
div#recherchefooter input.dutexte { border:1px solid #6c5532;}
/*************** colonnage *******************/
div#colonnegauche { width:270px; float:left}
div#colonnedroite { width:150px; float:right;}



/***********************************************************/
/******************************* HEADER ********************/
/***********************************************************/
div#header { background-image:url(../images/fond_header.gif); background-color:#FFFFFF; width:100%; clear:both; float:none; }
div#logo { float:left;}
div#logo img { border:0px solid red;}

div#recherche { float:right; margin: 52px 0 0 0;}

/************ chemin *************/
div#chemin { font-family:Arial, Helvetica, sans-serif; font-size:11px; clear:both; background-color:#F1E9CF; height:32px; color:#BD9458; padding: 4px 0 0 15px; border-bottom:8px solid #fff;}
div#chemin a { color:#BD9458; text-decoration:none;}

div#navtop { clear:both; float:none; height:40px; padding:4px 0 0 0; borde r:1px solid red;}
div#navtop a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FEFFA1; text-decoration:none; font-weight:bold; padding:6px 8px 17px 8px ; }

ul#navN1 { float:left; }
ul#navN1 li { display:inline; float:left; padding:6px 0px 17px 0px ; }
ul#navN1 li.on a, ul#navN1 li a:hover  { background-color:#F1E9CF; color:#882929}
ul#ressources { float:right;}
ul#ressources li { display:inline; padding:6px 0px 17px 0px ; margin-top: 12px}
ul#ressources li a { color: #fff; }


/***********************************************************/
/******************************* CONTENU *******************/
/***********************************************************/



/********** MAGAZINE **************/
div#magazine { width: 100%; background-color:#FFFFFF;  background-image:url(../images/magazine_fond.gif); background-repeat: repeat-x;  height:74px; border-bottom:8px solid #fff;}
div#magazine p.nav { text-align:right; font-size:18px; padding-top: 34px; letter-spacing:-0.05em; borde/r:1px solid red; }
div#magazine p.nav a { padding:0 12px 0 0; text-decoration:none; color: #1C1C1C;}
div#magazine p.nav a.on { color: #E3264C;}

div.item { border:0px solid red; clear:both; float:none; min-height:150px;}


div.promo {  line-height:130%; border-top:6px solid #882929; padding-top: 12px; margin-bottom: 24px;}
div.promo p.titre { font-size:17px; font-weight:bold; color: #882929;}
p.promotitre { background-color: #882929; margin:0 0 0 0; padding:12px; font-size:24px; color: #FEFFA1; text-align:center; font-style:italic}

p.linetitle { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#dacb81; border-bottom:4px solid #dacb81; margin-bottom:1px; margin-top: 24px; clear:both; float:none;}

p.promo { text-align:center; font-weight:bold; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
p.localisation { text-align:center; margin:0 0 12px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px}
p.localisation a { color: #882929}
div#content_texte .spip_surligne { background-color:#66CCFF;}

div.portfolio { width: 118px; border:1px solid #DACB81; float:left; padding:8px; margin:3px 3px 0 0; text-align:center}



/***********************************************************/
/******************************* INSETS *******************/
/***********************************************************/
.insettitre { border-bottom:3px solid #000; font-size:18px; font-weight:bold; text-transform:uppercase; letter-spacing:-0.05em; padding: 12px 0 0 0}
/*************** agenda *******************/
div.agenda { float:none; clear:both; padding:12px 0 12px 0; border-bottom:2px solid #fff; }
div.agenda img { padding:0 12px 0 0; border:0px solid red;}
div.agenda p, div.agenda h4 { font-size:11px; line-height:normal}
div.agenda p.agendarub { font-family:Arial, Helvetica, sans-serif; margin:0; font-size:9px}
/*div.agenda a:visited { text-decoration:none; color:#333333}*/

/*************** interview *******************/
div#interview { background-color:#FFFFFF; padding:12px; font-size:11px; line-height:120%}
div#interview img { border:0px solid #000; margin-bottom: 6px}

/*************** zoom *******************/
div.zoom { padding: 120px 12px 12px 12px; border:12px solid #E3264C; margin-bottom:12px}
div.zoom p { background-color:#FFFFFF; padding:6px}
div.zoom a.titre { font-size:18px; font-weight:bold}

div#calendrier {
width: 100%;
}

div#calendar table{
	text-align:center;
 border-collapse: collapse;
 border-spacing: none;
 font-size:11px;
 width:100%;
}

div#calendar caption{
 background: #c1ab88;
 text-align: center;
 font-weight: bold;

 margin:auto;
 padding: 0px 0 0px 0;
 width: auto !important; /* For Modern Browsers */
 padding: 4px 0 4px 0;
 text-align: center;
}

div#calendar caption a{
  text-decoration:none;
  font-weight:bold;
  color:#000;
  padding: 0 5px 0 5px;
}
 
div#calendar tbody tr {
 background: #fff;
 margin: 0;
}
div#calendar tbody tr td {
 width: 32px;
 border: 1px solid #c1aca0;
 margin: 0;
 padding: 4px 0 4px 0;
}
div#calendar tbody tr td a {
 display: block;
 text-decoration:none;
 font-weight:bold;
 color:#000;
 margin: 0;
}
div#calendar tbody tr td.occupe {
background-color:#CCD4A1;
}
div#calendar tbody tr td a:hover {
 font-weight: bold;
 background: #ccd4a1;
}
div#calendar tbody tr td a.on {
 font-weight: bold;
 background: #ccd4a1;
}




/***********************************************************/
/**************************** NAVIGATION *******************/
/***********************************************************/

ul.navigation { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:120%; padding:12px; background-color:#F1E9CF; border-bottom:12px solid #fff}
ul.navigation li { padding:5px 0 5px 0; border-bottom:1px solid #DACB81}
ul.navigation a.rubtitre { background-color:#BD9458; display:block; padding:4px; color:#FFFFFF; text-decoration:none}
ul.navigation li.on { font-weight:bold;}
ul.navigation li a { text-decoration:none}
ul.navigation li a:visited { color: #333333}
ul.navigation li.tous  { text-align:right; font-weight:bold;}
ul.navigation li.tous a, ul.navigation li.tous a:visited { color:#E3264C;}
ul.navigation a:hover { text-decoration:underline}




/************* couleurs *******************/
a#pluslus { background-color:#AFAA44;}
a#lieux { background-color:#882929; color:#FEFFA1}
a#magazine { background-color:#882929;}
a#select { background-color:#882929; color:#FEFFA1;}

/********* calendrier image ********************/
img.calensansborder{ border:none;}

/**********************************************************************/
/**************************** DIAPO PHOTO *****************************/
/**********************************************************************/
div#content.diapo{background-image:none;}
div#smallbox{float:left;width: 976px;text-align:center;margin:10px 0 0 0;}
div#smallbox img{border:none;}

div#centrephoto{
	position:relative;
	width: 976px;
	float:left;
	clear:both;
	text-align:center;
	background-color:#F1E9CF;}
div#centrephoto img{
	border:none;
}
/*div#centrephoto img {
	margin:auto;
}*/
div#centrephoto a.fleche img.gauche{
	
}
div#centrephoto a.fleche{background-color:#088;position: absolute; top:50%; margin-left: -25px;}
div#content h2.aligngauche{
	margin-left: 0;
	padding-left: 0;
	float:left;
}
div#content a.lienretourdroite{
	padding: 12px 0 10px 0;
	float:right;
	position:relative;
	font-size:12px;
	font-style: normal;
	font-weight:normal;
}
div#smallbox a.lienretourmilieu{
	display:block;
	clear:both;
	font-size:12px;
	font-style: normal;
	font-weight:normal;
	padding:12px 10px 10px;
	text-align:center;
}

}





@media print {
div#header, div#magazine, div#content_nav, div#content_insets, div#footer, p.outils, div#navtop, div#chemin  { visibility:hidden; width:1px; height:1px; }
div#content { border:0px solid red;}
div#content_texte { }

}