/* Start of CMSMS style sheet 'cabotins' */
body {
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:12px;
/*color:#000066;*/
color:#000040;
margin: 0;
padding: 0;
background-color:#E4E4E4;
}
#header {
height: 194px;
background-color: #dff2ff;
}
#conteneur {
position: relative;
width: 800px;
margin: 0 auto; 
/*background-image:url(images/graphisme/gauche.jpg);*/
background-repeat:repeat-y;
background-image:url(images/graphisme/fond-conteneur.jpg);
/*background-color:#000000;*/
/*background-color:#e7f0f7;*/
min-height:500px;
}
#centre {
background-image:url(images/graphisme/fond-centre.jpg);
margin-left: 145px;
padding: 28px 15px 15px;
min-height:500px;;
}
#centre2 {
background-image:url(images/graphisme/fond-centre.jpg);
margin-left: 145px;
padding:15px;
margin-right: 250px;
min-height:500px;
}
#gauche {
position: absolute;
left:0;
width: 125px;
background-image:url(images/graphisme/gauche.jpg);
background-color:#e7f0f7;
/*a.padding-top:15px;*/
padding-top:18px;
padding-left:15px;
padding-bottom:5px;
padding-right:5px;
}

#droite {
position: absolute;
right:0;
width: 210px;
padding-top:28px;
padding-left:15px;
padding-bottom:15px;
padding-right:15px;
/*background-color:#e7f0f7;*/
}
#pied {
height: 45px;
background-image:url(images/graphisme/pied1b.jpg);
}
#recherche {
position: absolute;
left:600px;
top:195px;
width: 195px;
height:50px;

}

.titre {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
color:#000040;
font-weight:bold;
}

.titre1 {
font-family:Helvetica, sans-serif;
font-size:17px;
color:#a5dbff;
padding-top: 2px;
padding-left:10px;
font-weight:bold;

}

.titre2 {
font-family:Helvetica, sans-serif;
font-size:15px;
color:#000066;
font-weight:bold;

}

.sstitre {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
padding-top: 4px;
padding-left:95px;

}

a.sstitre2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;


}

a.sstitre2:over {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;


}

a.menu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000040;
/*color:#000066;*/


}

a.menu:over {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000040;
/*color:#000066;*/


}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
a.lienmenu {
    color: #000040;
    display: block;
    font-size: 13px;
    margin-bottom: 7px;
    text-decoration: none;
}
a:hover.lienmenu {

color: #2892d9;
text-decoration: none;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

a {
text-decoration:none;
color:#2892d9;
}

a:hover {
text-decoration:underline;
color:#2892d9;
}

.style4b {
	color: #66cc33;
	font-weight: bold;
	font-size: 14px;
}

.currentpage {
	color:#2892d9;
	font-size: 12px;
}
a.currentpage {
	color:#2892d9;
	font-size: 12px;
margin-bottom:7px;
display:block;
font-weight:bold;
}

.bullet_sectionheader
{
	color: #66cc33;
	font-weight: bold;
	font-size: 14px;
}

ul {
list-style:none;
margin-left:0px;
padding-left:0px;
}

.NewsSummaryLink {
padding-bottom:10px;
font-weight:bold;
}

.NewsSummaryPostdate {
    padding-bottom:10px;
font-weight:bold;
}


/* End of 'cabotins' */

/* Start of CMSMS style sheet 'Module: Blogs Made Simple' */
/*
************
General styles
************
*/

a.blogs-breadcrumb,
.blogs-breadcrumb {
  color:#808080;
  font-weight:bold;
  padding:0px;
  padding-bottom:12px;
  text-decoration:none;
}

a.blogs-breadcrumb:hover {
color:#9C0800;
}

.blogs-showmessage {
  margin:12px;
  padding:12px;
  border:2px solid #9C0800;
}

.entry-headline {
  font-weight:bold;
  color: #000000;
}

/*
****************
Pagespecific styles
****************
*/

/*Main Blogs-styles*/
.blogs-showblogsentries {

}

.blogs-showblogsentry {
  border-bottom:1px solid white;
padding-bottom:10px;
}

.blogs-showblogsentrytime {
 font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 16px;
color: #000040;
font-weight: bold;
padding-bottom:13px;
}

.commentaires {
 font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 14px;
color: #000040;
font-weight: bold;
padding-left:10px;
}

.blogs-showblogsentrytitle {
  
  padding-bottom:13px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 16px;
color: #000040;
font-weight: bold;
}

.blogs-showblogsentryshorttext {

}

.blogs-showcategoryentrytext {

}

.blogs-showcategoryentryfiles {

}

.blogs-showcategoryentryauthor {
  padding:2px;
  font-style:italic;

}

.blogs-showblogsentrycategory {

}

.blogs-showblogsentrycomments {
  font-weight:bold;
}

/*ShortCategory-styles*/
.blogs-shortbox {
  text-align:center:
  width:216px;
  margin:4px;
  margin-left:8px;
  margin-right:8px;
  float:left;
}
.blogs-shortcategorytitle {
  text-align:center; 
  text-transform:capitalize;
  font-size:130%;
  border:2px solid black;
  padding-left:4px;
  padding-right:4px;
  padding-top:12px;
  padding-bottom:12px;
  width:212px;
}

.blogs-shortcategorytitle:hover {
  background-color:#eee;
}



.blogs-shortentrylist {
  margin-top:10px;
}
.blogs-shortentry {
}
.blogs-shortentrydate {
  color:#333;
  font-size:80%;
  padding-left:12px;
}
.blogs-shortentrylink {
   padding-left:12px;
   padding-bottom:4px;
}

/*** ShowCategoryList-styles ***/
.blogs-showcategorylistbox {
  
}

.blogs-showcategorylistheader {
  
}

.blogs-showcategorylistcategories {

}

.blogs-showcategorylistcategory {
  
}



/*** ShowCategory-styles ***/
.blogs-showcategorybox {
  width:90%;
}

.blogs-showcategoryheader {
  width:50%;
  border:2px solid black;
  padding:10px;
  margin-bottom:24px;
}

.blogs-showcategorytitle {

  font-size:130%;
  padding-bottom:13px;

}

.blogs-showcategorydescription {
}

.blogs-showcategoryentries {
  margin-top:10px;
  margin-left:12px;
}

.blogs-showcategoryentry {
  padding-bottom:24px;
}

.blogs-showcategoryentrytime {
  color:#333;
  font-size:80%;
}

.blogs-showcategoryentrytitle {
  font-style:italic;
  margin-bottom:5px;
  margin-top:4px;
  padding-left:12px;
}

.blogs-showcategoryentrytext {
  padding-bottom:2px;
}

.blogs-showcategoryentryfiles {
  padding-top:4px;
  padding-left:8px;
}

.blogs-showcategoryentryauthor {
  padding:2px;
  font-style:italic;
}

.blogs-showcategoryentrycomments {
  font-weight:bold;
}


/*** ShowEntry-styles ***/

.blogs-showentrybox {
  width: 98%;
}

.blogs-showentryheader {
  width:90%;
  border:0px solid black;
  padding:10px;
  margin-bottom:24px;
}

.blogs-showentrytime {
  font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 16px;
color: #000040;
font-weight: bold;
  padding-bottom:8px;
}

.blogs-showentrytitle {
  font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 16px;
color: #000040;
font-weight: bold;
  padding-bottom:13px;
}

.blogs-showentrytext {
}

blogs-showentrytext.a {
  color:#993333;
}

.blogs-showentryauthor {
  font-style:italics;
}

.blogs-showentryfiles {
  padding-top:13px;
  padding-left:0px;
}


.blogs-showentrycomments {
  padding-left:12px;
}

.blogs-showentrycomment {
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid .222; 

}

.blogs-showentrycommenttime {
  color:#333;
  font-size:80%;
}

.blogs-showentrycommenttext {
}

.blogs-showentrycommentauthor {
  font-style:italic;
}

.blogs-showentrycommentform {
  padding-top:10px;
  margin-top:10px;
  padding-left:12px;
  margin-bottom:10px;
}

.blogs-authorinput {
  width:400px;
  border:1px solid #333;
}

.blogs-authorinput:hover {
  background-color:#dff2ff;
}

.blogs-commentinput {
  width:400px;
  border:1px solid #333;
}
.blogs-commentinput:hover {
  background-color:#dff2ff;
}

.blogs-submitinput {
  border:1px solid #bbb;
}

.blogs-submitinput:hover {
  background-color:#dff2ff;
}

/* End of 'Module: Blogs Made Simple' */

/* Start of CMSMS style sheet 'Exemple de CSS pour le calendrier' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: black;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
border on for #big */
#big{
white-space:normal;
width: 525px;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid black;

table-layout: fixed;


}

/* nice squares for the #big table */
#big th
{white-space:normal;
  border: 0px solid black;
  padding: 3px;
  width: 75px;
max-width: 75px;
table-layout: fixed;
}

#big td {white-space:normal;
  border: 0px solid black;
  vertical-align: top;
  /*text-align: left;*/
  padding: 3px;
  height: 75px;
  width: 75px;
max-width: 75px;

table-layout: fixed;

}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
padding-bottom:5px;
}

/* background colours for #big */
#big td
{
  background-color: #e7f0f7;
}

#big .calendar-day
{
  background-color: #e7f0f7;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #e7f0f7;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* End of 'Exemple de CSS pour le calendrier' */

