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

  Général

*******************************************************************************/
html {
	font-size: 100%;
}

body {
	background: #475E42 url(/images/background_body.gif) repeat-x;
	font-family: arial, helvetica, sans-serif;
}

/* hack firefox pour masquer les contours pointillés sur les liens
------------------------------------------------------------------------------*/
a,
input.button {
	outline: none;
}

a:focus,
input.button:focus {
	-moz-outline-style: none;
}

input, select, textarea {
	font: 1em helvetica, sans-serif;
}



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

  Conteneur principal

*******************************************************************************/
div#container {
  margin: 20px auto;
	width: 776px;
	background: url(/images/background_container.jpg) repeat-y;
}

div#cross {
	position: absolute;
	top: 486px;
	background: url(/images/background_cross.gif);
	height: 228px;
	width: 776px;
}



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

  Entête

*******************************************************************************/
div#header {
	position: relative;
	background: url(/images/background_header.jpg) no-repeat;
	padding: 13px 0 0 10px;
}

div#header img {
	float: left;
}

/* Menu1 (en haut à droite)
------------------------------------------------------------------------------*/
ul#menu1 {
	position: absolute;
	right: 6px;
	font-size: 0.7em;
	top: -7px;
	z-index: 5;
}

ul#menu1 li {
	border-left: 1px solid white;
	display: inline;
}

ul#menu1 li a {
	padding: 10px;
	color: white;
	text-decoration: none;
}

ul#menu1 li a:hover {
	color: white;
	text-decoration: underline;
}

ul#menu1 li strong {
	padding: 1em;
	color: white;
	font-weight: normal;
	text-decoration: underline;
}

ul#menu1 li.li-first,
ul#menu1 li.li-first strong {
	border-left: 0 !important;
}



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

  Gauche

*******************************************************************************/
div#left {
	background: url(/images/background_left.jpg) no-repeat 20px 0;
	width: 213px;
	min-height: 498px;
	padding-left: 20px;
	float: left;
}

/* Zone de recherche
------------------------------------------------------------------------------*/
form.search-controls {
	margin: 0;
	padding: 0 10px;
}

form.search-controls input#query {
	border-top: 1px solid #363F01;
	border-right: 1px solid #363F01;
	border-bottom: 1px solid #C4E500;
	border-left: 1px solid #C4E500;
	vertical-align: top;
	font-size: 0.9em;
	background: #97BE0D !important;
	font-weight: bold;
	width: 115px;
	height: 16px;
}

form.search-controls input#query:focus {
	border: 1px solid black !important;
}

/* Lettre d'info
------------------------------------------------------------------------------*/  
div#left h2.newsTitle {
	color: #97BE0D;
	font-family: "Times New Roman", serif;
	font-weight: normal;
	font-size: 1.2em;
	margin: 10px auto -6px 8px;
}

div#left p.subscribeNews {
	width: 170px;
	padding: 0px 5px 0 5px;
	margin-left: 9px;
	font-size: 0.7em;
	color: #97BE0D;
	border-left: 1px solid #97BE0D;
}

div#left p.subscribeNews a {
	color: #97BE0D;
	font-size: 90%;
}

div#left p.subscribeNews a:hover {
	color: #B9D800;
}

div#left p.subscribeNews strong {
	font-size: 125%;
}

/* Coordonnées
------------------------------------------------------------------------------*/
div#left div.coords {
	color: #97BE0D;  
  margin-top: 330px;
}

div#left div.coords h2 {
  font-family: "Times New Roman", serif;
	font-weight: normal;
	font-size: 1.2em;
	margin: 10px auto -6px 8px;
}

div#left div.coords p {
	padding: 0 5px;
	margin-left: 9px;
	font-size: 0.7em;
	border-left: 1px solid #97BE0D;  
}

div#left div.coords a {
  color: #97BE0D;
}



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

  Droite

*******************************************************************************/
div#right {
	position: relative;
	margin: 0 26px 0 233px;	
}

div#content {
	padding: 110px 29px 9px 38px;
  font-size: 0.8em;
	background: url(/images/menu/background.png) no-repeat 0 -525px;
}

/* Thèmes
------------------------------------------------------------------------------*/
div.theme-default div#content h1,
div.theme-default div#content h2,
div.theme-default div#content a {
	color: #C89D64;
}

div.theme-blue div#content h1, 
div.theme-blue div#content h2,
div.theme-blue div#content a {
	color: #4068c9;
}

div.theme-green div#content h1, 
div.theme-green div#content h2, 
div.theme-green div#content a {
	color: #00a02E;
}

div.theme-yellow div#content h1, 
div.theme-yellow div#content h2,
div.theme-yellow div#content a {
	color: #F7B234;
}

div.theme-orange div#content h1, 
div.theme-orange div#content h2,
div.theme-orange div#content a {
	color: #E67300;
}

div.theme-red div#content h1, 
div.theme-red div#content h2,
div.theme-red div#content a {
	color: #BD0900;
}

div.theme-default div#content a:hover {
	color: #B07F48;
}

div.theme-blue div#content a:hover {
	color: #224089;
}

div.theme-green div#content a:hover {
	color: #056300;
}
  
div.theme-yellow div#content a:hover {
	color: #A66900;
}
  
div.theme-orange div#content a:hover {
	color: #A1450F;
}
  
div.theme-red div#content a:hover {
	color: #9E0000;
}

div.theme-default div#content li {
	background: url(/images/puce_default.gif) no-repeat 0 0.3em;
}

div.theme-blue div#content li {
	background: url(/images/puce_blue.gif) no-repeat 0 0.3em;
}

div.theme-green div#content li {
	background: url(/images/puce_green.gif) no-repeat 0 0.3em;
}
  
div.theme-yellow div#content li {
	background: url(/images/puce_yellow.gif) no-repeat 0 0.3em;
}
  
div.theme-orange div#content li {
	background: url(/images/puce_orange.gif) no-repeat 0 0.3em;
}
  
div.theme-red div#content li {
	background: url(/images/puce_red.gif) no-repeat 0 0.3em;
}

div#content h1 {
	font-size: 2em;
	line-height: 1em;
	position: absolute;
	z-index: 15;
	margin: 0;
	padding: 0;
	top: 135px;
	right: 30px;
	text-align: right;
}

div#content ul {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}

div#content ul ul {
	margin-left: 0;
}

div#content li {
	padding-left: 15px;
}

div#content table {
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

div#content td, div#content th {
	padding: 5px;
}

/* Fil d'Ariane
------------------------------------------------------------------------------*/
p.breadCrumbs {
	padding: 0;
	margin: 50px 0 20px 0;
	text-align: right;
	font-size: 0.8em;
}

/* Pagination
------------------------------------------------------------------------------*/
ul.pagination {
	text-align: center;
	list-style-type: none;
	font-size: 1em;
}

ul.pagination li {
	padding: 0.3em;
	background-image: none !important;
	display: inline;
}

ul.pagination li img {
	padding: 0 !important;
	border: 0 !important;
}

/* Formulaire par défaut
------------------------------------------------------------------------------*/
form.defaultForm {
	margin: 0 0 20px 0;
}

form.defaultForm fieldset legend {
	font-size: 1.6em;
	font-weight: bold;
	color: #888;
	padding: 70px 0 20px 20px;
}

/*ie7  seulement  */
*+html form.defaultForm fieldset legend {
	padding: 10px 20px !important;
	margin: 0 !important;
}

.defaultForm fieldset {
	background: url(/images/background1.jpg);
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin: -50px 0 10px 0;
}

/*ie7  seulement  */
* +html form.defaultForm fieldset {
	display: block;
	margin-top: 10px !important;
}

form.defaultForm p {
	margin: 0 0 10px 0;
}

form.defaultForm label {
	display: block;
	float: left;
	margin-right: 10px;
	width: 150px;
	font-weight: bold;
	text-align: right;
	color: #B07F48 !important;
	font-weight: normal;
	font-size: 1em;
}

form.defaultForm input.textField, form.defaultForm textarea, form.defaultForm select {
	border-top: 1px solid #BC8E56;
	border-right: 1px solid #BC8E56;
	border-bottom: 1px solid #D2AF77;	
	border-left: 1px solid #D2AF77;
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #B07F48 !important;
}

.defaultForm textarea {
	width: 250px !important;
}

.defaultForm  input.button {
	margin: 20px 0 0 190px !important;
}

input.button:focus {
	border: 0 !important;
}

.defaultForm .asterisk {
	color: #B03C21;
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
}

.defaultForm .requiredField {
	color: #B03C21 ;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	margin: 0 !important;
	padding: 0;
	text-align: right !important;
}

.form-errors {
	margin: 0 0 20px 0;
	border: 1px solid #B03C21;
	color: #B07F48;
}

.form-errors p {
	background: #B03C21;
	font-size: 1em !important;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 2px 4px;
}

.form-errors dl {
	padding: 5px;
}

.form-errors dt {
	padding-left: 20px;
	font-weight: bold;
	float: left;
	padding-right: 12px;
	width: 240px;
}

.form-errors dd {
	margin: 0;
}

p.form-error {
  color: #B03C21;
	font-weight: bold;
	margin: 0 0 0 160px !important;
}

img#cryptogram {
	background: white;
}

/* Infos sur les résultats (actualité, agenda, annuaire et recherche)
------------------------------------------------------------------------------*/
p.resultsInfo {
	color: #aaa;
	font-weight: bold;
	font-style: italic;
	padding: 0;
	margin: 0 0 10px 0;
}



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

   Page d'accueil

*******************************************************************************/
div.newsLatest {
	margin: 0 20px 0 0;
	width: 220px;
	background: url(/images/background1.jpg);
	border-right: 1px solid #ccc;
}

div.eventToCome {
	width: 220px;
	background: url(/images/background1.jpg) top right;
	float: right;
	border-left: 1px solid #ccc;
}

div.newsLatest h2,
div.eventToCome h2 {
	font-size: 1.2em;
	margin: 0;
	padding: 5px;
	text-align: center;
	color: #888 !important;
}

div.newsArticleLatestList,
div.calendarEventToComeList {
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

div.newsArticleLatestList h3,
div.calendarEventToComeList h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #888;
	font-size: 1em;
	font-weight: normal;
}

div.newsArticleLatestList h3 span.date,
div.calendarEventToComeList h3 span.date {
	font-size: 0.9em;
}

div.newsArticleLatestList a.image ,
div.calendarEventToComeList a.image {
	float: right;
	margin-left: 5px;
}

div.newsArticleLatestList a.image img,
div.calendarEventToComeList a.image img {
	border: 1px solid #ccc;
}

div.newsArticleLatestList div.catcher,
div.calendarEventToComeList div.overview {
	letter-spacing: 0em;
	font-size: 0.9em;
}

div.newsArticleLatestList div.catcherWithImage,
div.calendarEventToComeList div.overviewWithImage {
	min-height: 102px;
}

hr.homeSpacer {
	clear: right;
	visibility: hidden;
	margin-bottom: 20px;
}



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

  Commun à Actualité et Agenda

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

/* Liste
------------------------------------------------------------------------------*/
div.newsList h2,
div.calendarEventList h2 {
	color: #888 !important;
	font-size: 1.2em;
	padding: 10px 20px;	
	margin: 0;
}

div.newsArticleListFull,
div.calendarEventListItem {
	margin: 0 0 20px 0;
	background: url(/images/background1.jpg);
	border-bottom: 1px solid #ccc;
}

div.newsArticleListFull a.image,
div.calendarEventListItem a.image {
	float: right;
	margin-left: 20px;
}

div.newsArticleListFull a.image img,
div.calendarEventListItem a.image img {
	border: 1px solid #ccc;
}

div.newsArticleListFull div.catcher,
div.calendarEventListItem div.overview {
	padding: 10px 20px 20px 20px;
}

div.newsArticleListFull div.catcherWithImage,
div.calendarEventListItem  div.overviewWithImage {
	min-height: 102px;
}

/* Fiche
------------------------------------------------------------------------------*/
div.calendarEvent,
div.newsArticle {
	background: url(/images/background1.jpg);
	border-bottom: 1px solid #ccc;	
	margin-bottom: 20px;
}

div.calendarEvent p.date,
div.newsArticle p.date {
	margin: -1px -1px 0 -1px;
	color: #888;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 3em;
  text-align: center;
	padding: 0;
}

div.calendarEvent div.overview,
div.newsArticle div.catcher {
	padding: 20px;
	margin: 0;
	text-align: justify;
}

div.calendarEvent p,
div.newsArticle p {
	margin: 0;
}

div.calendarEvent p.image {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div.calendarEvent div.body,
div.newsArticle div.body {
	text-align: justify;
	padding: 20px;
}



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

   Agenda

*******************************************************************************/
div.calendarEventListItem p.category,
div.calendarEvent p.category {
	text-align: right;
	margin: 0;
	padding: 0 20px 0 0;
	color: #666;
	font-weight: bold;
	font-size: 0.8em;
}

div.calendarEvent p.category {
	margin-bottom: 20px;
}

form#calendarListForm {
	background: #cABA9B;
	color: white;
	padding: 5px;
	text-align: right;
	margin: 0 0 20px 0;
}

form#calendarListForm input {
	vertical-align: middle;
}

form#calendarListForm select#filters_category,
form#calendarListForm input#filters_date {
	border-top: 1px solid #BC8E56;
	border-right: 1px solid #BC8E56;
	border-left: 1px solid #D2AF77;
	border-bottom: 1px solid #D2AF77;
	padding: 1px;
}

div.calendarEvent p.image {
	text-align: center;
}

div.calendarEvent p.image img {
	border: none;
}



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

  Annuaires

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

/* Liste
------------------------------------------------------------------------------*/
ul.directory {
	margin: 0 !important;
}

ul.directory li {
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	background: url(/images/background1.jpg) !important;
	border-bottom: 1px solid #ccc;	
}

ul.directory li h2 {
	font-size: 1.2em;
	padding: 10px 20px;
	margin: 0;
}

ul.directory li p {
	margin: 0;
}

ul.directory ul.coords {
	padding: 0 20px 20px 20px !important;
	line-height: 1.5em;
}

ul.directory ul.coords li {
	border: none;
	background: none !important;
	margin: 0 !important;
}

ul.directory ul.coords li.address {
	line-height: 1.1em !important;
}

ul.directory li ul.coordsWithImage {
	min-height: 102px;
}

ul.directory p.image {
  float: right;
	margin: 0 20px;
}

ul.directory p.image img {
	border: 1px solid #ccc !important;
}

ul.directory p.activity {
	padding: 0 20px 20px 20px;
	color: #666;
	font-weight: bold;
	font-size: 0.8em;
}

/* Fiche
------------------------------------------------------------------------------*/
div.directoryAddress {
	background: url(/images/background1.jpg);
	border-bottom: 1px solid #ccc;
	padding-top: 20px;
	margin-bottom: 20px;
}

div.directoryAddress p.activity {
	font-weight: bold;
	padding: 0 20px 20px 20px !important;
	margin: -10px 0 0 0 !important;
	font-size: 1.2em;
	color: #888;
}

div.directoryAddress ul.coords {
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
}

div.directoryAddress ul.coords li {
	background: none !important;
	line-height: 1.5em;
	padding: 0 0 0 20px !important;
}

div.directoryAddress ul.coords li.address {
	line-height: 1.1em !important;
}

div.directoryAddress ul.coordsWithImage {
	min-height: 102px;
}

div.directoryAddress p.image {
	float: right;
	margin: 0 20px;
}

div.directoryAddress p.image img {
	border: 1px solid #ccc;
}

div.directoryAddress div.description {
	text-align: justify;
	padding: 0 20px 20px 20px;
	color: #666;
}



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

  Plan du site

*******************************************************************************/
ul#sitemap ul.ul-level3,
ul#sitemap ul.ul-level2 {
	padding-left: 20px;
}



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

  Lettre d'info

*******************************************************************************/
form#formOrNewsletterSubscribe {
	padding: 20px 20px;
}

form#formOrNewsletterSubscribe input.button {
	text-align: center;
}



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

  Carrousel (fiche actualité)

*******************************************************************************/
div.carousel-component {
	height: 250px;
	list-style-type: none;
	margin: 0 auto 20px auto !important;
	padding: 0 !important;
	width: 220px;
}

div.carousel-component .carousel-list {
	margin: 0 !important;
	padding: 0 !important;
}

div.carousel-component .carousel-list li {
	margin: 0 !important;
	padding: 10px 0 0 0 !important;
	text-indent: 0 !important;
	height: 240px;
	width: 220px;
	background: none !important;
}

div.carousel-component a img {
	border: none;
}

div.carousel-component p.carousel-image {
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

div.carousel-component p.carousel-image-title {
	color: white;
	height: 40px;
	line-height: 20px;
	margin: 0 !important;
	overflow: hidden;
	padding: 0 !important;
	text-align: center !important;
}

p.carousel-arrow-container {
	background: #3f3f3f;
	color: white;
	font-size: 0.8em !important;
	height: 20px;
	line-height: 20px;
	margin: 0 auto !important;
	padding: 10px 10px 0 10px;
	width: 200px !important;
	text-align: center !important;
}

img.carousel-prev-arrow {
	cursor: pointer;
	float: left;
}

img.carousel-next-arrow {
	cursor: pointer;
	float: right;
}



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

  Résultats de la recherche

*******************************************************************************/
ol.search-results {
	margin: 0 !important;
	padding: 0 !important;
}

ol.search-results li {
	background: url(/images/background1.jpg) !important;
	list-style-type: none !important;
	border-bottom: 1px solid #ccc !important;
	padding: 0 !important;
	margin-bottom: 20px;
}

ol.search-results li h2 {
	padding: 10px 20px;
	margin: 0 !important;
	font-size: 1.2em !important;
	color: #888 !important;
}

ol.search-results p.category {
	padding: 0 20px 20px 20px;
	color: #666;
	font-weight: bold;
	font-size: 0.8em;
	text-align: right;
}

ol.search-results  li p.description {
	padding: 0 20px 20px 20px;
}
  
ol.search-results p.date {
	text-align: right !important;
	padding: 5px 20px;
	color: #888;
	font-weight: bold;
}



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

  Pied

*******************************************************************************/
div#footer {
	clear: both;
	background: #475E42 url(/images/background_footer.jpg) no-repeat;
	padding: 20px 15px 0 10px;
}

/* Menu3 (en dessous du footer à gauche)
------------------------------------------------------------------------------*/
ul#menu3 {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 0.6em;
}

ul#menu3 li {
	display: inline;	
	padding-right: 30px;
}

ul#menu3 a {
	text-decoration: none;
	color: #fff;
}

ul#menu3 a:hover {
	text-decoration: underline;
	color: #fff;
}

p#copyright {
	margin: 0;
	padding: 0;
	font-size: 0.6em;
	text-align: right;
}

a#isics {
	display: block;
	position: absolute;
	left: 5px;
	padding-bottom: 5px;	
}

a#isics img {
	border: none;
}