/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
/* 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%;

   height:100%;
text-align:center;

}



/* Set the width of the menu elements at second level. Leaving first level flexible. */

#menuwrapper ul li li { 

   width: 200px; 

}



#menuwrapper ul li li li{ 

   width: 100px;

}



/* Unless you know what you do, do not touch this */ 

#menuwrapper ul, #menuwrapper ul ul { 

   list-style: none; 

   margin: 0px; 

   padding: 0px;

text-align:center;

}



#menuwrapper ul{ 

  font-size:0.8em;

  font-weight:bold;

}



#menuwrapper ul ul { 

   position: absolute; 

   top: auto; 

   display: none; 

   border: 1px solid #2453AF;

   font-size:0.8em;

   background:#FFFFFF;

   z-index:90;

   margin-left:15px;

   margin-top:-1px;

}





#menuwrapper ul ul ul { 

   margin-top: 1px;

   margin-left: -4px;

   left: 100%; 

   top: 0px; 

   border: 1px solid #EE7202;

   display: none;

   z-index:100;

   font-size:1em;

}



#menuwrapper ul ul ul li { 

   /*z-index:100;*/

}

	

#menuwrapper ul li { 

   margin-left: -1px;

   float: left; 

   text-align:left;
/*max-width:180px;*/

}

#menuwrapper ul li li { 

   margin-left: 0px;

   /*margin-top: -1px;*/

   float: none; 

   position: relative; 

}



/* Styling the basic apperance of the menu elements */

#menuwrapper ul a { 

   display: block; 

   margin: 0px; 

   text-decoration: none; 

   color: #000000;

}



#menuwrapper ul li a { 

  color:#322664;

  text-transform:uppercase;
  font-size:0.88em;

  padding:8px 6px 10px 6px;

}	



#menuwrapper ul ul li a { 

  padding-left:3px;

  padding-top: 3px;

  padding-bottom:2px;

  font-weight:bold;

}	







#menuwrapper ul li a.menuparent {

     border:0px;

}



/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */



#menuwrapper ul li.menuactive { 

   /*background-color: #C7C7C7; */

}





/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#menuwrapper ul ul li.menuparent, 

#menuwrapper ul ul li.menuparent:hover, 

#menuwrapper ul 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 */



#menuwrapper ul li a:hover, 

#menuwrapper ul li.menuh, 

#menuwrapper ul li.menuparenth, 

#menuwrapper ul li.menuactiveh { 

   /*background-color: #E7AB0B; */

color:#FFFFFF;

}



#menuwrapper ul ul li a:hover, 

#menuwrapper ul ul li.menuh, 

#menuwrapper ul ul li.menuparenth, 

#menuwrapper ul ul li.menuactiveh { 

   color:#DEA72C;

}





/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */



/* 

just add 

#menuwrapper ul li:hover ul ul, 

#menuwrapper ul li.menuparenth ul ul ul,

for fourth level 

*/

#menuwrapper ul ul, 

#menuwrapper ul li:hover ul, 

#menuwrapper ul li:hover ul ul, 

#menuwrapper ul li.menuparenth ul, 

#menuwrapper ul li.menuparenth ul ul { 

   display: none; 

}



/* add 

#menuwrapper ul ul ul ul li:hover ul, 

#menuwrapper ul ul ul ul li.menuparenth ul,

for fourth level

*/

#menuwrapper ul li:hover ul, 

#menuwrapper ul ul li:hover ul, 

#menuwrapper ul ul ul li:hover ul, 

#menuwrapper ul li.menuparenth ul, 

#menuwrapper ul ul li.menuparenth ul, 

#menuwrapper ul ul ul li.menuparenth ul { 

   display: block; 

}





/* IE Hacks */

#menuwrapper ul li li { 

   float: left; 

   clear: both; 

}

#menuwrapper ul li li a { 

   height: 1%; 

}
/* End of 'Navigation: CSSMenu - Horizontal' */


/* End of 'Navigation: CSSMenu - Horizontal' */

/* Start of CMSMS style sheet 'mahler_2' */
body{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background:url(uploads/images/fond_page.jpg) repeat-x;
text-align:center;
margin-top:2px;
}

div#menu_accueil{
width:460px;
height:310px;
margin:0;
padding:0;
}

div#menu_accueil ul{
/*width:100%;*/
list-style:none;
margin:0;
padding:0;
}

div#menu_accueil ul li{
float:left;
margin: 10px 20px 10px 20px;
padding: 0;
display:inline;
color:#6A086B;
text-decoration:none;
font-size:0.7em;
text-transform:uppercase;
font-weight:bold;
}

li.gauche{
text-align:left;
}

li.droite{
text-align:right;
}

.puce{
margin-right:5px;
}

div#menu_accueil ul li a{
display:block;
border:1px solid #A7A0BF;
height: 116px;
width: 177px; 
}

div#menu_accueil ul li a:hover{
border:1px solid #DBA82B;
}



div#global{
width:775px;
min-height:600px;
height:600px;
border: 1px solid #000000;
margin-left:auto;
margin-right:auto;
background:#FFFFFF;
}

html>body div#global{
height:auto;
}

div#header{
width:100%;
height:137px;
background:url(uploads/images/fond_header_2.jpg) no-repeat;
text-align:left;
vertical-align:top;
margin:0;
padding:0;
}

div#menu_bleu{
background:#177CFE;
height:17px;
width:100%;
padding:0;
margin:0;
text-align:center;
}

div#menu_bleu ul{
text-align:center;
width:98%;
margin:0;
padding:0;
list-style:none;
font-size:0.8em;
}

div#menu_bleu ul li{
display:inline;
padding:0;
margin-right:30px;
}

div#menu_bleu ul li a{
color:#FFFFFF;
text-decoration:none;
}

div#menu_bleu ul li a:hover{
color:#322664;
}

div#menu{
width:100%;
height:34px;
background:url(uploads/images/fond_menu_2.jpg) repeat-x;
margin:0;
padding:0;
text-align:center;
}

div#content{
width:95%;
min-height:410px;
height:410px;
margin: 10px auto 10px auto;
text-align:left;
}

html>body div#content{
height:auto;
}

div#bas_page{
border-top:1px solid #000000;
height:20px;
background:#3A246C;
width:100%;
text-align:center;
}

div#bas_page_blanc{
background:#FFFFFF;
width:675px;
height:20px;
margin:0 auto 0 auto;
color:#000000;
font-size:0.8em;
}

div#bas_page_blanc ul{
padding:0;
margin:0;
list-style:none;
}

div#bas_page_blanc ul li{
display:inline;
}

div#bas_page_blanc ul li a{
color:#000000;
margin:0 10px 0 10px;
text-decoration:none;
}

div#bas_page_blanc ul li a:hover{
color:#1690FB;
}

div#footer{
font-size:0.6em;
color:#000000;
}

div#footer a{
color:#000000;
}

div#footer a:hover{
color:#DEA72C;
}

div.bloc{
width:492px;
}

div.bloc_haut{
background:url(uploads/images/bloc_haut.jpg) no-repeat;
padding-left:10px;
height:13px;
}

div.bloc_contenu{
background:url(uploads/images/bloc_fond.jpg) repeat-y;
padding:0 10px 0 10px;
height:167px;
min-height:167px;
margin-top:-5px;
}

div.bloc_contenu h1 a, div.bloc_contenu h1 a:hover{
color:#DECFFA;
text-decoration:none;
}

div.bloc_contenu a.disc{
color:black;
text-decoration:none;
}

div.bloc_contenu_accueil{
padding:0 10px 0 10px;
background:url(uploads/images/bloc_fond.jpg) repeat-y;
margin-top:-5px;
text-align:center;
}

html>body div.bloc_contenu{
height:auto;
margin-top:0px;
}

div.bloc_bas{
background:url(uploads/images/bloc_bas.jpg) no-repeat;
height:11px;
}

div#bloc_bas_ddp_accueil{
background:url(uploads/images/bloc_bas_ddp_accueil.jpg) no-repeat;
height:86px;
}

div#bloc_ddp{
width:357px;
}

div#bloc_haut_ddp{
background:url(uploads/images/bloc_haut_ddp.jpg) no-repeat;
padding-left:10px;
height:13px;
}

div#bloc_contenu_ddp{
background:url(uploads/images/bloc_fond_ddp.jpg) repeat-y;
padding:0 10px 0 10px;
height:167px;
min-height:167px;
margin-top:-5px;
}

html>body div#bloc_contenu_ddp{
height:auto;
margin-top:0px;
}

div#bloc_bas_ddp{
background:url(uploads/images/bloc_bas_ddp.jpg) no-repeat;
height:11px;
}

div#telephone{
position:relative;
float:right;
background:url(uploads/images/telephone.jpg) no-repeat;
width:213px;
height:420px;
}

div#telephone_contenu{
margin-top:13px;
padding:0 10px 0 10px;
}

.image{
border:0;
}

h1{
background:#3A246C;
color:#DECFFA;
text-transform:uppercase;
font-size:0.9em;
height:22px;
text-align:left;
padding:0 0 0 10px;
margin:0 0 15px 0;
}

h2{

}

h3{
font-size:0.7em;
color:#000000;
text-align:justify;
font-weight:normal;
margin:0;
padding:0;
}

a{
color:#000000;
}

a:hover{
color:#DEA72C;
}

input,select,textarea{
border:1px solid #3A246C;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
}

input.box{
border:0;
}

.form{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:0.7em;
}

td.submit{
text-align:center;
}

td.ddp{
vertical-align:top;
}
/* End of 'mahler_2' */

