/* Start of CMSMS style sheet 'mutAccueil' */
/* RESET
----------------------------------------------------------------------------------------------------*/
* {margin: 0; padding: 0;}
body {
font-size:75%;
font-family: Arial,Verdana, Sans-serif;
border-top: 3px solid #000;
background: url(uploads/images/img/bg5.jpg) no-repeat 0px -50px;
}
:focus {outline: 0;}


/* PAGE
----------------------------------------------------------------------------------------------------*/
#page {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
background-color: transparent;
border-top: 0px solid #000;
}
#muta {
float:right;
width:220px;
height:90px;
z-index:0;
margin:-10px 0;
}
#muta a:link, #muta a:visited {
display:block;
width:220px;
height:90px;
text-indent:-999em;
background: transparent url(uploads/images/img/mutaLogo4.gif) no-repeat;
}
#muta a:hover, #muta a:active {
background: transparent url(uploads/images/img/mutaLogo4.gif) no-repeat 0 -90px;
}

/* HEADER
----------------------------------------------------------------------------------------------------*/
#header {
height: 80px;
}
#bg_menu {
height:151px;
width: 683px;
z-index: -10;
position:absolute;
top: 0;
margin-left: 40px;
background: transparent url(uploads/images/img/bg_menu1.gif) no-repeat;
}

/* LIENS
----------------------------------------------------------------------------------------------------*/
#contenu a:link, #contenu a:visited {
color:#7F7C6F;
text-decoration: none;
border-bottom: 1px dotted #7F7C6F;
}
#contenu a:focus, #contenu a:hover {
color: #fff;
text-decoration: none;
background-color: #7F7C6F;
}

/* BREADCRUMB
----------------------------------------------------------------------------------------------------*/
#ariane {
text-align: left;
font-size: 10px;
color: #aaa;
position: relative;
margin:-15px 0 5px 0;
top: 0px;
left: 0px;
height: 10px;
letter-spacing: 0px;
}
#ariane a:link, #ariane a:visited {
border-bottom: 0px solid #000;
color: #7F7C6F;
text-decoration:none;
font-weight:normal;
}
#ariane a:hover {
color: #000;
background-color: transparent;
font-weight:normal;
}
.lastitem {
display:none;
}

/* CONTENU
----------------------------------------------------------------------------------------------------*/
#contenu {
display:inline;
float:left;
width: 460px;
margin: 0 10px 50px;
}
#contenu h2 {
padding-top:.2em;
background: transparent url(uploads/images/img/ligne.gif) no-repeat;
border-top:0px solid #000;
font-weight: bold;
letter-spacing: -2px;
font-size: 2em;
color:#000;
}
#contenu h3 {
padding-top:.4em;
background: transparent url(uploads/images/img/lignePointille.gif) no-repeat;
font-weight: normal;
letter-spacing: -1px;
font-size: 1.5em;
color:#7F7C6F;
}

/* COLONNE
----------------------------------------------------------------------------------------------------*/
#colonne {
display:inline;
float:right;
width: 220px;
margin: 0 10px;
}
#colonne h2 {
padding-top:.2em;
background: transparent url(uploads/images/img/ligne.gif) no-repeat;
border-top:0px solid #000;
font-weight: bold;
letter-spacing: -2px;
font-size: 2em;
color:#7F7C6F;
}
#colonne p{
margin:0 0 20px 0;
}
#colonne a{
color:#000;
text-decoration:none;
border-bottom: 1px dotted black;
}
#colonne a:hover{
color:#fff;
background-color:#7F7C6F;
}
#colonne ul li .parent{
display:none;
}
#colonne ul li .menuactive{
display:none;
}
#colonne ul li {
list-style:none;
font-family: DejaVu Serif, Arial,Verdana, Sans-serif;
padding:2px 0 ;
}
#colonne ul li a{
padding:2px 2px 0;
border:none;
}
#colonne ul li h3 {
font-size:13px;
font-family: Arial,Verdana, Sans-serif;
color:#000;
display:inline;
padding: 0 0 0 15px;
background: transparent url(uploads/images/img/fleche.gif) no-repeat -2px 1px;
}

/* FOOTER
----------------------------------------------------------------------------------------------------*/
#footer {
clear:both;
margin: 0 10px 0 10px;
background: transparent url(uploads/images/img/ligne.gif) repeat-x 0 0;
border-top: 0px solid #000;
padding:.6em 0 2em 0;
}
#footer {
text-align:right;
font-size: .9em;
color: #7F7C6F;
}
#footer a{
text-decoration: none;
font-weight: bold;
color: #7F7C6F;
}
#footer a:hover{
text-decoration: underline;
font-weight: bold;
color: #000;
}

/* LISTE (liens)
----------------------------------------------------------------------------------------------------*/
#contenu ul {
list-style:none;
}
#contenu ul li{
margin: 0 0 10px 10px;
}


/* formulaire contact
*******************************************************************************/
#main form {margin: 20px 0 0 0; border: 0; font-size: 0.8em}
#main form #name {height: 1.2em; width: 255px;padding: 0px 1px 2px 155px; background: #eee url(../uploads/images/interface/form_nom.png) no-repeat; border: 0px solid #aaa; font-size: 1.5em;}
#main form #email {height: 1.2em; width: 255px;padding: 0px 1px 2px 155px; background: #eee url(../uploads/images/interface/form_email.png) no-repeat; border: 0px solid #aaa; font-size: 1.5em;}
#main form #subject {height: 1.2em; width: 255px;padding: 0px 1px 2px 155px; background: #eee url(../uploads/images/interface/form_sujet.png) no-repeat; border: 0px solid #aaa; font-size: 1.5em;}
#main form #message {height: 150px; width: 407px; padding: 20px 1px 2px 3px; background: #eee url(../uploads/images/interface/form_message.png) no-repeat; border: 0px solid #aaa; font-size: 1.8em; margin-top: 0.6em;}
#main form input {float:left; margin-top: 0.5em;}
#main form label {font-weight: normal; display: none; width: 20em; padding: 0.25em 0 0.25em 0;}
small {display:none;}
#main form #effacer {display:none;}
#main form #envoyer {clear:both; display:block;}


/* COLONNE2
----------------------------------------------------------------------------------------------------*/
#colonne2 {
display:inline;
float:right;
width: 220px;
margin: 0 10px;
}
#colonne2 h2 {
padding-top:.2em;
background: transparent url(uploads/images/img/ligne.gif) no-repeat;
border-top:0px solid #000;
font-weight: bold;
letter-spacing: -2px;
font-size: 2em;
color:#7F7C6F;
}
#colonne2 p{
margin:0 0 20px 0;
font-size: 11px;
}
#colonne2 a{
font-size: 12px;
color:#000;
text-decoration:none;
border-bottom: 1px dotted black;
}
#colonne2 a:hover{
color:#fff;
background-color:#7F7C6F;
}
#colonne2 ul li .parent{
display:none;
}
#colonne ul li .menuactive{
display:none;
}
#colonne ul li {
list-style:none;
font-family: DejaVu Serif, Arial,Verdana, Sans-serif;
padding:2px 0 ;
}
#colonne ul li a{
padding:2px 2px 0;
border:none;
}
#colonne2 ul li h3 {
font-size:13px;
font-family: Arial,Verdana, Sans-serif;
color:#000;
display:inline;
padding: 0 0 0 15px;
background: transparent url(uploads/images/img/fleche.gif) no-repeat -2px 1px;
}
/* End of 'mutAccueil' */