/* Start of CMSMS style sheet 'wireframe3col : wireframe3colLayout' */
/* 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 red;
border-bottom:2px solid red;
border-left:0px solid red;
border-right:0px solid red;
height: 22px;
padding:5px;
margin-top:0px;
}
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 red;}
 * 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}

/* End of 'wireframe3col : wireframe3colLayout' */

/* Start of CMSMS style sheet 'wireframe3col : aRtypo' */
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: white;
	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;
       }
     
 
/* 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;*/
	}
/* End of 'wireframe3col : aRtypo' */

/* Start of CMSMS style sheet 'CSSMenu - Horizontal Karate 1' */
/* 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:white;
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%; 
}
/* End of 'CSSMenu - Horizontal Karate 1' */