/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   /*background-color: #ECECEC;*/
   /*border-bottom: 1px solid #C0C0C0;*/
   width: 100%;
}
#primary-nav li { 
   width: 195px;
text-align:left; 
background-image:url(images/cms/dragon.gif);
background-repeat:no-repeat;
background-position:167px 1px;
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 195px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: black;
}
#primary-nav li a { 
   border-right: 1px solid black;
   border-left: 1px solid black;
}
#primary-nav li li a { 
   border: 1px solid #C0C0C0;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: white; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #D62121; 
   color:#FFA201;
background-image:url(images/cms/dragon-actif.gif);
background-repeat:no-repeat;
background-position:167px 1px;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #E7AB0B; 
background-image:url(images/cms/dragon-actif_1.gif);
background-repeat:no-repeat;
background-position:167px 1px;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

/*colors*/

body {
background-color: black;
color:#FBB245;
}
div#header{}
h2{color: #FB8247}
h3{color: #FB8247}
div#sidebar{}
div#wrapper {
width:970px;
/*background-color:yellow;*/
padding:3px;
}
div#mainblock, div#block2, div#newsblock,div#newsblock2{background-color:#000}
div#footer{color: #FBB245}


/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */

#menuwrapper {
width: 970px;
/*background-color:red;*/
padding:0px;
        }

/* Modif TV Level niveau 1 */
#primary-nav li { 
        width: 195px; 
        text-align:center;
       }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 194px; 
       }


/* Unless you know what you do, do not touch this */ 

#primary-nav{
        list-style: none; 
	margin: 0px; 
	padding: 0px;
       }

#primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul {
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */


#primary-nav a { 
background-color: #653E01;
	display: block; 
	padding: 4px 0px; 
	text-decoration: none; 
color:#FFA201;
	}
#primary-nav li a {
	border-left: 1px solid black;
	}
#primary-nav li a:hover {
	background:red;
        color:white;
	}
#primary-nav li li a { 
	border: 1px solid #e6e6e6;
       	}	
#primary-nav li{
        }

#primary-nav li.menuparent { 
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li .menuparent, #primary-nav ul li .menuparent:hover, #primary-nav ul li .amenuparent { 
	background-image: url(uploads/wireframe3col/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat;
	}

/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul, #primary-nav li.menuparenth ul ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav ul ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}

h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}

h2{}

p{}
address{padding: 3px 15px;font-style:normal}
body {
		text-align: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 75%;
                line-height: 1em;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */
        a,
	a:link 
	a:active, a:visited {
        color: #333333;
	text-decoration: none;
	}
         a:hover{
         color:#CCC;text-decoration:none;
         }	
        #menu_horiz
        a,
	a:link 
	a:active, a:visited {color: #FFDE01;
	text-decoration: none;
	}
	#menu_horiz
         a:hover{color: white;
	text-decoration: none;
        }
        #content	
        a,
	a:link 
	a:active, a:visited {
         color: #E76B73;
	text-decoration: none;
	}
        #content a:hover{
        color:red;text-decoration:none;
        }
	#main
 	a,
	a:link 
	a:active, a:visited {
        color: #E76B73;
	text-decoration: none;
	}
        #main a:hover{
        color:red;
        text-decoration:none;
        }
        #content2
        a,
	a:link 
	a:active, a:visited {
        color: #E76B73;
	text-decoration: none;
	}
        #content2 a:hover{
        color:#CCC;
        text-decoration:none;
        }
       #news  
        a,
	a:link 
	a:active, a:visited {
        color: #E76B73;
	text-decoration: none;
        }
        #news a:hover{
        color:red;
        text-decoration:none;
        }
       #news2  
        a,
	a:link 
	a:active, a:visited {
        color: #E76B73;
	text-decoration: none;
        }
        #news2 a:hover{
        color:red;
        text-decoration:none;
        }

      div.breadcrumb
        a,
	a:link 
	a:active, a:visited {
        color: black;
	text-decoration: none;
        }      
        #menu_horiz a:hover{
        color: white;
	text-decoration: bold;
        background-color:red;
        background-image:url(images/cms/dragon-rouge.gif);
        background-repeat:no-repeat;
        background-position:167px 1px;
	}
       a {
       text-decoration:none;
       color:#E76B73;
       }
       #footer a {
       color:yellow;
       }
     
 
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h2 {
		font-size: 1.5em;
                line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0 15px;
	}
	h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	#main h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 15px;
		padding:0;
	}
	#menu_vert h2 {
		margin-left: 10px;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0 10px;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		margin: 0px;padding:5px 10px;
		line-height:1.4em;
	}
	blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 1.5em 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
/* END TABLE */	
	
	hr {
		   
	}
	hr {
		
		margin:  0;
		/*border-bottom: 1px dotted black;*/
	}

#header, #box, #hbox, #sidebar, #menu_horiz, #header h1, #menu, #wrapper,#newsbox, #contenthead, .breadcrumbs, #content, #contentbox, #newsblock, #news, #newsblock2, #news2, #mainblock, #main, #block2, #content3, #flat, .right49, .left49, .top49, #footer{border: 0px solid #000}


/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 1em;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */
		

/* SITE SPECIFIC LAYOUT */

/* JS CSS, uncomment this for Rounded corners, that means goto the very bottom and delete the * and the / forward slash and put it at the end of this sentence, don't forget to comment the wireframe CSS

div.breadcrumbs {
   margin:0;
   padding-left: 10px;
   text-align: left;
   font-size: 90%;
 }
div#contenthead {width:90%;height:20px;
   margin:3px auto;
    padding: 10px 0;
 }
 * html body div#contenthead { margin: 0px auto; padding: 10px 0;
 }


html{height: 100%; margin-bottom: 1px}

html,body{margin:0;padding:10px 0 20px}
div#box{width:845px;margin: 0px auto}
div#page{width: 100%;margin: 0px ;text-align: left}

div#header{width: 100%; margin:0px auto;padding: 10px 0;}
div#hbox{margin: 0; padding: 10px}
 *html body div#hbox{margin: 0; padding: 10px 0}
div#header h1{margin:5px 0;padding:60px 5px 15px}

div#menu_horiz{width:95%;margin: 3px auto;padding: 0px}
div#wrapper{height: 20px;padding:  0}
div#menuwrapper{margin:0px;padding:0px 20px }

div#content{margin:4px 0 10px;padding: 0px}
* html body div#ontent{margin:4px 0;padding: 1px}

div#contentbox{margin:0px;padding: 10px}
 * html body div#contentbox{margin: 0px;padding: 10px}
div#contentbox table{margin-left:25px}
div#contentbox th{padding:7px}
div#contentbox th h2{font-size:170%;color:#000}
p.center {margin: 0px;text-align: center}
.center{margin-left:180px}

div#footer{clear: both;margin-top: 10px}
div#footer p {margin: 0;padding: 0px;text-align: center;}


div#mainblock{;width:55%;margin:0 auto 10px;padding:0px}
 *html body div#mainblock{width:55%;margin:0 6px;padding:0px}
div#main {padding:5px 0;}
 * html body div#main {padding:5px;}

div#block2{width:55%;margin:0 auto 10px;padding:0px}
 *html body div#block2{;width:55%;margin:5px auto 6px;padding:0px}

div#content2 {padding:5px;margin:0px;}
div#content2 p{margin: 0px;padding: 5px;}
div#content2 h2{margin: 0px;padding: 5px;}

div#newsblock{float:right;width:22%;margin:0 0 10px;}
 * html body div#newsblock{float:right;width:22%;}
div#newsblock2{float:left;width:22%;}
div#news, div#news2{padding:5px 8px;}

div#flat{clear:both;width:66%;height:38px;margin:10px 0 0;padding:0px;}
div.left49 {float:left;width: 45%;}
div.right49 {float:right;width: 45%;text-align: right;}
div.left49 p{margin:0px 20px; padding:0px}
div.right49 p{margin:0; padding:0px}


*/


/* News Layout */

.NewsSummary {
    margin:5px 5px 5px 5px;
background-color:#242424;
 }

.NewsSummaryCategory {
padding-left:10px;
  font-style: italic;
  margin-top:10px;
 }

.NewsSummaryPostdate {
  padding-top:10px;
padding-left:10px;
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
  margin-bottom: 5px;
 }

#NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin: 5px;padding:0 10px;
  }

#NewsPostDetailSummary {
   padding:5px 5px 5px 5px;
   margin-bottom: 10px;
  line-height: 150%;
  background-color:#181818;
   }

#NewsPostDetailContent {
  margin-top: 15px;
  margin-bottom: 15px;
  padding:5px 5px 5px 5px;
  line-height: 150%;
background-color:#292929;
  }

/* to add specific style to the below div, uncomment them. */
 
.NewsSummaryLink {
padding-left:10px;
padding-top:10px;
}
.NewsSummaryAuthor {display:none}
.NewsSummaryMorelink {
  margin:0 0 10px 10px;padding: 0;
}
#NewsPostDetailTitle {
  padding:0 10px;color:#666666;
}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {
  padding:5px 15px 10px 10px;
  background-color:#1F1F1F;
}
#NewsPostDetailAuthor {
  padding:5px 15px 10px 10px;
background-color:#1F1F1F;
}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {
  padding:0px 10px;
}
#NewsPostDetailReturnLink {
  padding:5px 10px;
}

.BlogSummary {
    margin-bottom: 0px;
 }

.BlogSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.BlogSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.BlogSummarySummary, .BlogSummaryContent {
  line-height: 140%;
  margin-bottom: 5px;
 }

#BlogPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 5px;padding:0 10px;
  }

#BlogPostDetailSummary {padding:0 10px;
   margin-bottom: 10px;
  line-height: 150%;
   }

#BlogPostDetailContent {
  margin-bottom: 15px;padding:0 10px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */
 
.BlogSummaryLink {}
.BlogSummaryAuthor {}
.BlogSummaryMorelink {
  margin:0 0 10px 10px;padding: 0;
}
#BlogPostDetailTitle {
  padding:0 10px;color:#666666;
}
#BlogPostDetailHorizRule {}
#BlogPostDetailCategory {
  padding:0 10px;
}
#BlogPostDetailAuthor {
  padding:5px 10px;
}
#BlogPostDetailAuthor {}
#BlogPostDetailPrintLink {
  padding:0px 10px;
}
#BlogPostDetailReturnLink {
  padding:0 10px;
}

#addcommentlink{
  padding:0 10px;
}

/* end News Layout */


.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

.rtop,.artop{display: none}

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */


div.breadcrumbs{margin:5px;padding: 5px;text-align:left;font-size: 90%;}
div#contenthead{width:90%;height:24px;margin:4px auto;padding: 0px 0 10px;}
 * html body div#contenthead { 
margin: 0px auto; 
padding: 10px 0;
background-color:black;
}

html {
height: 100%;
margin-bottom: 1px;
background-color:black;
}

html, body {
margin:0;
padding:10px 0 20px;
background-color:black;
}
div#box {
width:980px;
background-color:#000;
border:0px solid white;
margin: 0px auto
}
div#page{width: 100%;margin: 0px ;text-align: left}

div#header{width: 100%; margin:0px auto;padding: 0;}
div#hbox{margin: 5px; padding: 10px}
 *html body div#hbox{margin: 0; padding: 10px 0}
div#header h1 {
margin:5px 0;
padding:60px 5px 15px; 
border:0px;
}

/* ----------------------- */
#entete {
text-align: left;
/*border:1px solid green;*/
background-color: black;
height:150px;
background:url("http://www.karatejoinville.com/karate-joinville-image/karate-shotokan.gif");
background-repeat:no-repeat;
background-position:right 5px;
}
#entete a {
text-decoration:none;
color:#E76B73;
}
#entete a:hover {
text-decoration:none;
color:red;
}
#logo {
float:left;
width:125px;
padding:0px;
border:0px solid red;
}
#logojoinville {
float:left;
}
#creation{
float:left;
width:100px;
padding:0px;
text-align:center;
margin-top:30px;
margin-left:30px;
border:0px solid red;
}
#bandeau {
float:right;
width:700px;
/*border:1px solid red;*/
margin-top:5px;
text-align:center;
}
#adresse {
float:left;
margin-left:1px;
/*border:1px solid blue;*/
text-align:left;
width:570px;
}
#adresse ul {
margin:0;
padding:0;
text-indent: 19px;
}
#adresse li {
list-style:none;
}
#adresse li.titre {
font: italic 1.3em Georgia, "Times New Roman", Times, serif;
/*text-indent: 19px;*/
}
/* ---------------------- */

/*div#menu_horiz{width:95%;margin: 3px auto;padding: 5px}*/
div#menu_horiz {
width:95% ;
color:blue;
}
div#wrapper {
border-top:2px solid #FB8247;
border-bottom:2px solid #FB8247;
border-left:0px solid red;
border-right:0px solid red;
height: 22px;
padding:5px;
margin-top:10px;
}
div#menuwrapper {
margin:0px;
padding:0px 0px;
}

div#content{margin:4px 0 10px;padding: 0px}
* html body div#ontent{margin:4px 0;padding: 1px}

div#contentbox{margin:5px;padding: 10px}
 * html body div#contentbox{margin: 0px;padding: 10px}
div#contentbox table{margin-left:25px}
div#contentbox th{padding:7px}
div#contentbox th h2{font-size:170%;color:#000}
p.center {margin: 0px;text-align: center}
.center{margin-left:180px}

div#footer{clear: both;margin-top: 10px}
div#footer p {margin: 0;padding: 5px;text-align: center;}


div#mainblock{;width:54%;margin:0 auto 10px;padding:5px}
 *html body div#mainblock{width:55%;margin:0 6px;padding:0px}
div#main {padding:5px 0;}
 * html body div#main {padding:5px;}

div#block2{width:54%;margin:0 auto 10px;padding:5px}
 *html body div#block2{;width:55%;margin:5px auto 6px;padding:0px}

div#content2 {padding:5px;margin:0px;}
div#content2 p{margin: 0px;padding: 5px;}
div#content2 h2{margin: 0px;padding: 5px;}

div#newsblock{float:right;width:21%;margin:0 0 10px;padding:1px;border:1px dashed #FB8247;}
 * html body div#newsblock{float:right;width:22%;border:1px solid red;}
div#newsblock2{float:left;width:20%;padding:5px;}
div#news, div#news2{padding:5px 8px;}

div#flat{clear:both;width:66%;height:38px;margin:10px 0 0;padding:5px;}
div.left49 {float:left;width: 45%;}
div.right49 {float:right;width: 45%;text-align: right;}
div.left49 p{margin:0px 20px; padding:0px}
div.right49 p{margin:0; padding:0px}


/*
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: red;
}

/* 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{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

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

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

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

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

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

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

/* Test pour classe big_1 */
#big_1{
  margin: 0px;
  border-collapse:    collapse;
  border: 10px solid yellow;
  font: 1.0em Verdana, Helvetica, sans-serif;
}
#big_1 td {
  border: 3px solid blue;
  vertical-align: middle;
  text-align: center;
  padding: 3px;
  height: 75px;
  width: 75px;
}