/* police par defaut de tout le site */
body, td, div, span {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:normal}
html, body {background-color:#000; /*#FFF;*/ margin:0; padding:0;text-align:center;}

/* lien par défaut */
a {color:#f6b734; text-decoration:none}
a:hover {color:#ffff35; text-decoration:none}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {font-weight:bold;font-size:16px; margin-left:1em;color:#fff;}
h2 {font-size:15px;color:#ffcc32;border:0;margin:0 1em 0.5em 1em;}
h3 {font-size:13px;color:#fff;}

/* image par défaut */
img {border:0;}

/* intro */
/* intro */
#intro {margin:0 auto;width:800px;}
.site {margin-top:20px;font-size:18px;font-weight:bold;}
.gauche {
margin-top:6px;
float:left;
width:150px;
}
.centre {float:left;width:450px;margin-top:20px;}
.droite {
float:left;
width:150px;
margin-top:2px;
}


/* temp.html */

#page {
      width:1000px;
      margin:0 auto;
      text-align:left;
      border:1px solid white;
      background:#786d6b url(xxl/background.jpg) top left no-repeat;
      }
    
/* header */
#header{
	margin:0;left:0;width:100%;height:18px;
	background:transparent;
	text-align:right;padding:0;padding-top:3px;
}
	#header ul{margin-right:1em;display:inline;border-right:2px solid #eee;}
	#header ul li{border-left:2px solid #eee;display:inline;padding:0 0.6em 0 1em;}
	#header a {color:#eee;}
	#header a:hover{color:#f6b734;}

#header2 {
	background: url(xxl/logo-fhmc-or.png) 10px 0 no-repeat;
        margin:0;
        height:190px;
}
	#header2 .logo {width:360px;padding:0;float:left;height:150px;margin:0 0 0 10px;}
	#header2 .logo a {display:block;width:360px;height:150px;margin-top:10px;}
        #header2 .logo h1 {color:#fff;text-align:center;font-size:14px;font-weight:normal;padding:0;margin:0;font-weight:bold;}
      
        #header2 .pubtop1 {
        float:left;
        margin:14px 0 0 80px;
        padding-top:0;
        }
        #header2 .pubtop2 {
        float:left;
        width:123px;
        height:121px;
        margin:14px 0 0 0;
        border:2px solid #aec6a3;
        background:#fef1d4;
        text-align:center;
        padding-top:0;
        }
        /*#header2 .pubtop3 {
        float:left;
        width:180px;
        height:150px;
        margin:10px 0 0 15px;
        border:1px solid white;
        }*/
        #header2 .pubtop4 {
        float:left;
        width:125px;
        height:123px;
        margin:18px 0 0 0;
        /*border:2px solid #aec6a3;*/
        background:#000;/*fef1d4;*/
        text-align:center;
        padding-top:2px;
        }

        #header2 .pubtop {
        float:left;
        margin:10px 0 0 0;
        }
      
        .adHeadline {font: bold 8pt Arial; text-decoration: underline; color: #ffce3c;}
        .ad42_125x125 { 
            margin:2px;
            border-color: #fff;
            border-collapse: collapse;
            border-style: outset;
            border-width: 0px;
            border-spacing: 1px;
          }
        .ad42_125x125 td {
            padding: 2px;
            border-width: 0px;
            border-style: inset;
            border-color: #fff;
          }
        .ad42_125x125 td a img {border:0px}

#mentete {float:left;width:100%;background:#300;margin:0;padding:0;border-top:1px #600 solid;}
	#entete a {color:#FFF;font-weight:bold;}
	#entete a:hover {color:#ffff66;}
	#entete {margin-left:15px;color:#FFF;font-weight:normal;}


#header3 {
	clear:left;
        float:left;
        display:inline;
	background:#825140;
        margin:0 0 10px 0;
	width:100%;
        height:25px;
        text-align:center;
}

#menugauche {
	width:235px;
	float:left;
	background:none;
	margin:0 0 15px 5px;
}

#menugauche .bloc {
        border-top:2px solid #dba401;
        border-left:2px solid #dba401;
        border-right:1px solid #9a7101;
        border-bottom:1px solid #9a7101;
        margin-bottom:5px;
        padding-left:2px;
        padding-bottom:3px;
        }
#menugauche .bloc h2 {
        margin:0;
        }
#menugauche .bloc ul {
        padding-left:5px;
        padding-right:3px;
        list-style-type:none;
        margin-top:0;
        }

	.mg1 {clear:left; font-size:9pt; color:#ff6; font-weight:bold; background:#000; height:auto; padding-left :0.4em; padding-top:0.2em;border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;width:226px;margin-top:5px;}
        *+html .mg1{width:225px;}
	.mg3 {color:#fff; padding:0.4em; line-height:15px;border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;width:222px;overflow:auto;}
	.mg3 a {}
	.mg3 a:hover {}
	.mg3 form {padding:0;margin:0;}

        .pubgauche1 {
            width:230px;
            height:300px;
            border:1px solid white;
            }
    
        .rocktroll {
            text-align:center;
            margin-top:10px;
            }
          
#contenupage {
	margin-left:245px;
	margin-right:5px;
        margin-top:70px;
} 
*+html #contenupage {margin-top:0;}

*+html #contenupage h2 {margin-top:0;}

#footer{
	clear:both;
	width:auto;
	text-align:center;
	height:21px;
        line-height:21px;
	background:#825140;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:normal;
        margin-top:2em;
}
	#footer ul { margin-right:1em; display:inline; border-right:1px solid #eee}
	#footer ul li {border-left:1px solid #eee; display:inline; padding-right:0.6em; padding-left:1em}
	#footer a {color:#eee}
	#footer a:hover {color:#f6b734}


/* page accueil */

 #rubriques h1, #aa01 h1, #rubriques h2, #aa01 h2 {font-size:15px;color:#ffcc32;/*ffff66;*/;margin:0;/*border-bottom:1px solid #900*/}
 #aa02 h1, #aa02 h2, .aa02 h1, .aa02 h2 {font-size:15px;color:#ffcc32;/*ffff66;*/border:0;margin:0;}

#accueil{
	width:99%
}

#aa01{
	float:left;
	width:500px;
	padding:0;
        margin-left:10px;
}

#aa01 .bloc {
        border-top:2px solid #dba401;
        border-left:2px solid #dba401;
        border-right:1px solid #9a7101;
        border-bottom:1px solid #9a7101;
        margin-bottom:10px;
        padding-left:5px;
        padding-bottom:3px;
        }

#aa02, .aa02 {
	float:right;
	width:220px;
	padding:0;
        margin:0 0 15px 0;
}
	#aa02 h1, #aa02 h2, .aa02 h1, .aa02 h2 {display:inline}
      
#aa02 .bloc {
        border-top:2px solid #dba401;
        border-left:1px solid #9a7101;
        border-right:2px solid #dba401;
        border-bottom:1px solid #9a7101;
        margin-bottom:5px;
        padding:0 5px 3px 2px;
        }

#aa02 .bloc ul {
        padding-left:5px;
        padding-right:3px;
        list-style-type:none;
        }
      
      
.cd {
        text-align:center;
        margin-bottom:0.5em;
}

.magenda {margin-top:10px;margin-bottom:10px;padding:5px 5px 15px 5px;overflow:auto;line-height:11px;padding-bottom:15px;border:1px solid #fff;}
.magenda a {font-weight:normal;font-size:12px;}
.magenda img {float:left;margin-right:5px;}
.magendadate {margin-top:10px;color:#fff;}
.magenda h3 {font-weight:normal;font-size:11px;color:#000;}

.rechaccueil {clear:left;margin:0; padding:0;}
.rechaccueil fieldset {margin:0;width:210px;border-width:1px;margin-bottom:5px;}
.rechaccueil legend {font-size:10px;color:#fff;}

.rechtag {margin-top:10px;}

#rubriques {
	float:left;
	width:480px;
	margin-top:0;
        margin-left:10px;
	padding-top:0;
	padding-bottom:1em;
	text-align:justify;
}

#rubriques .bloc {
        border-top:2px solid #dba401;
        border-left:2px solid #dba401;
        border-right:1px solid #9a7101;
        border-bottom:1px solid #9a7101;
        margin-bottom:10px;
        padding-left:5px;
        padding-bottom:3px;
        }

#rubriques .bloc ul {
        padding-left:5px;
        padding-right:3px;
        list-style-type:none;
        }
      
.carousel {
        /*border-top:2px solid #dba401;
        border-left:2px solid #dba401;
        border-right:1px solid #9a7101;
        border-bottom:1px solid #9a7101;*/
        margin-bottom:10px;
}

/* fin page accueil */

#xiti-logo {text-align:center;}

/* autres éléments par défaut */
input {
   background-color:#e0cdbd;
   border:1px solid #d51211;  
   text-indent:1px;  
   font-size:10px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EEE
}

select {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}

        .sep {background:url(xxl/separateur.png) top center no-repeat;height:50px;}
      .sep1 {background:url(xxl/separateur1.png) top center no-repeat;height:50px;}
    .sep2 {background:url(xxl/separateur2.png) top center no-repeat;height:50px;}
  .sep3 {background:url(xxl/separateur3.png) top center no-repeat;height:50px;}