/* Start of CMSMS style sheet 'CL_css_menu' */
/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/***************
bloc menu gauche
****************/
div#menuwrapper { 
    width:206px;
height:400px;
background:transparent url(uploads/images/img/menu_noir.png) no-repeat top left;
/*float:left;*/
color:white;
position:fixed;
top:200px; 
}

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


/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   background:#000;
   color:#fff;
  border:1)px solid red;
   min-height:1em; /* Fixes IE7 whitespace bug*/ 
}
#primary-nav li, #primary-nav li.menuparent { 
   
   min-height:1em; /* Fixes IE7 bug*/
}

div#menuwrapper p#edit
{
position:fixed;
bottom:1em;
left:1.5em;
}

div#menuwrapper ul li
{
list-style-type : none;
}

div#menuwrapper ul li.Accueil a
{
width:195px;
height:32px;
background: transparent url(uploads/images/img/accueil.png) no-repeat top right;
display:block;
}

div#menuwrapper ul li.Accueil a span
{
margin-left:-999em;
}

div#menuwrapper ul li.Presentation a
{
width:195px;
height:32px;
background: transparent url(uploads/images/img/presentation.png) no-repeat top right;
display:block;
}
div#menuwrapper ul li.Presentation a span
{
margin-left:-999em;
}

div#menuwrapper ul li.activites a
{
width:195px;
height:32px;
background: transparent url(uploads/images/img/nos_activites.png) no-repeat top right;
display:block;
}
div#menuwrapper ul li.activites a span
{
margin-left:-999em;
}

div#menuwrapper ul li.ressources a
{
width:195px;
height:32px;
background: transparent url(uploads/images/img/ressources.png) no-repeat top right;
display:block;
}
div#menuwrapper ul li.ressources a span
{
margin-left:-999em;
}

div#menuwrapper ul li.liens a
{
width:195px;
height:32px;
background: transparent url(uploads/images/img/liens.png) no-repeat top right;
display:block;
}
div#menuwrapper ul li.liens a span
{
margin-left:-999em;
}

div#menuwrapper ul li.contact a
{
width:195px;
height:32px;
background: transparent url(uploads/images/img/contact.png) no-repeat top right;
display:block;
}
div#menuwrapper ul li.contact a span
{
margin-left:-999em;
}

/* 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 li.menuparent, 
#primary-nav li.menuparent:hover, 
#primary-nav li.menuparenth { 
   background:black; 

}


/* 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.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}
#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; 
}

#primary-nav li:hover ul li a, 
#primary-nav ul li:hover ul li a, 
#primary-nav ul ul li:hover ul li a, 
#primary-nav li.menuparenth ul li a, 
#primary-nav ul li.menuparenth ul li a, 
#primary-nav ul ul li.menuparenth ul li a
{
margin:-14pt 0 0 4pt;
color:white;
background:black;
}
#primary-nav li:hover ul li a span, 
#primary-nav ul li:hover ul li a span, 
#primary-nav ul ul li:hover ul li a span, 
#primary-nav li.menuparenth ul li a span, 
#primary-nav ul li.menuparenth ul li a span, 
#primary-nav ul ul li.menuparenth ul li a span
{
display:block;
margin:0;
}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }


/* section header */
#primary-nav li.sectionheader {
   border-left: 1px solid #006699; 
   border-top: 1px solid #006699; 
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}


/* separator */
#primary-nav li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
   background-color: #abb0b6;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}

/* End of 'CL_css_menu' */

/* Start of CMSMS style sheet 'Layout_cl_pages_css' */
body {
   background:rgb(134,36,28);
color:rgb(138,102,0);
text-align:justify;   
font-size:100%;
}

div#pagewrapper {
position:relative;
top:5pt;
left:272px;
width:690px;
 
}
/***********
LOGO CL
***********/
div#logo
{
position:fixed;
top:0;
left:40px;
width:300px;
z-index:10;
}

/*********************
haut image dans un div
jonction avec le milieu
**********************/

div#header_pages
{
background:rgb(134,36,28) url(uploads/images/img/fond_pages_haut.jpg) no-repeat scroll center top;
height:135px;
padding:0pt;
position:relative;
width:691px;
margin:0 auto;
}

div#header_pages h1
{
left:7em;
padding:3pt;
position:relative;
top:50pt;
width:450px;
}

/*******************
milieu image dans un div
c'est le motif à répéter
***********************/
div#main
{
background:rgb(134,36,28) url(uploads/images/img/fond_pages_milieu.jpg) repeat-y scroll center top;
margin:0 auto;
text-align:left;
width:691px;
}

div#main p,dl,dd,dt
{
width:530px;
padding:3pt;
margin:0 0 0 5em;
}
div#main h1,h2,h3,h4,h5,h6 
{
margin:0em 5em;
padding:3pt;
width:550px;
}

div#main a
{
color:#BA2832;
}

div#main img
{
margin:0.5em;
}

div#main a.imgdownload
{
border:1px solid rgb(/*150, 113, 16*/0,0,0);
background:#000;
}

/****************************
pied de l'image dans un div
jonction avec le milieu
****************************/
div#footer_pages
{
background:rgb(134,36,28) url(uploads/images/img/fond_pages_bas.jpg) no-repeat scroll center top;
clear:both;
font-size:92%;
height:136px;
text-align:center;
width:691px;
margin:0 auto;
}



div#sidebar {
width:200px;

}

/*************************
div --> class : muse
lecteur mp3
**************************/

div.muse
{
position:fixed;
top:110px;
left:0;
margin:7px;
}

div.muse a img
{
border:none;
}

/***********************
div --> footer : crédits
***********************/
div#footer {
   clear: both;       /* keep footer below content and menu */
background:transparent url(uploads/images/img/barre_noire_g.png) no-repeat scroll left top;
color:white;
font-size:0.8em;
height:28px;
left:300px;
margin:0pt 0pt 1em;
position:relative;
text-align:left;
top:0.5em;
width:650px;
}

div#footer ul
{
background:transparent url(uploads/images/img/barre_noire_d.png) no-repeat scroll right top;
height:28px;
list-style-type:none;
margin:0pt;
padding:0pt;
}

div#footer ul li
{
display:inline;
left:17pt;
margin:0pt;
padding:0pt 2em 0pt 0pt;
position:relative;
top:3pt;
}

div#footer ul li a
{
color:white;
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}



/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: .5em 0 .5em 0;
}
div#content h2 {
	color: #294B5F; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1.1em solid #e7ab0b; 
        line-height: 1.5em;
/* and some air under the border */
        margin: .5em 0 .5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: .5em 0 .5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: .25em 0 .25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: .25em 0 .25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: .25em 0 .25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 2pt;
   text-align:justify;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
}


/* END LISTS */



/**********************
Classes supplémentaires
***********************/

.contour_img
{
float:left;
margin:.5em;
}
/* End of 'Layout_cl_pages_css' */