/*
----------------------------------------------------
  mc-concept.ch                                    |
  Feuille de style CSS - Base 'site'               |
  Couleur #990066                                  |
  1 Bandeau                                        |
  1 Onglet                                         |
  1 - 3 colonnes                                   |
  1 Pied-de-page                                   |
  Date: 07-04-2007                                 |
  Realisation: Martin Coste - www.mc-concept.ch    |
----------------------------------------------------
 */

html{
 height: 100%; /* Footer @ bottom */
}


body{
 height: 100%; /* Footer @ bottom */
 color:#000099;
 background-color:#ffffff;
 font-size:95%;
 font-family: Verdana, 'Bitstream Vera Sans', Tahoma, "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
}

h1,h2,h3,h4,h5,h6{color:#990066; background-color:inherit;font-weight:normal;}
h1{font-size:180%;}
a:link{color:#660099;background-color:inherit;text-decoration:none;}
a:visited{color:#660000;background-color:inherit;text-decoration:none;}
a:active{color:#006600;background-color:inherit;text-decoration :none;}
a:hover{font-style:normal;color:inherit;background-color:inherit;text-decoration:underline;}

img{margin:0;padding:0;border:none;}
input{padding-left:0.1em;cursor:auto;}
option{padding-right:0.5em;padding-left:0.2em}
abbr,acronym{cursor:help;}

table{margin:2em auto 1em auto;text-align:left;}
thead th{color:#990066;background-color:#fdf5e6;}
tbody th{color:inherit;background-color:#fdf5e6;}
tbody{color:inherit;background-color:#fffaf0;}
th{padding:0.4em 0.5em;vertical-align:top;border:1px solid #cccccc;}
td{padding:0.2em 0.5em;vertical-align:top;border:1px solid #cccccc;}
tbody li{padding-left:1.2em;list-style-image: url('media/carre_gris.gif');}
tbody li:hover{list-style-image: url('media/fleche5_g_grs.gif');}
.tr_separat{
 height:0.4em;
 border:none;
}

pre{
 color:#000000;
 background-color:#fffbf0;
 border:1px solid #e0e0e0;
 margin:1em 1em;
 padding:0.5em 1em;
}
code{
 color:inherit;
 background-color:#fffacd;
 border:1px solid #e0e0e0;
 margin:1em 2em;
 padding:0.5em 1em;
}

/* id colonnes */
#colgche{
 margin-bottom:6px;
 float:left;
}
#colctre{
 padding:0 1em;
}

/* id container principaux */

#container_page { /* Footer @ bottom */
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
}
#container_contenu { /* Footer @ bottom */
  padding-bottom:60px;
}
#container_contenu:after{ /* Footer @ bottom */
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
#container_foot { /* Footer @ bottom */
  position: absolute;
  bottom: 0 !important;
  height: 60px;
  width:100%;
}

/* id bandeau et logos */
#bandeau{padding:10px 6px 0 8px;}

/* id et class tete */
#tete{
 height:30px;
 margin:4px 8px;
}

.txttetegche{
 margin-top:6px;
 padding-left:0.5em;
 color:#990066;
 background-color:inherit;
 font-size:0.75em;
 text-align:left;
}
.txttetedrte{
 margin-top:6px;
 padding-right:0.5em;
 color:#990066;
 background-color:inherit;
 font-size:0.75em;
 text-align:right;
}

/* logo menu */
.logo_menu img{
 margin-right:2.5em;
 vertical-align:middle;
}
.logo_menu a, .logo_menu a:hover{
 font-size:0.8em;
 font-weight:bold;
 text-decoration:none;
 vertical-align:middle;
 color:#990066;
 background-color:inherit;
}

/* menu nav */
#nav, #nav ul, /* all lists */
#nav1, #nav1 ul,#nav2, #nav2 ul,#nav3, #nav3 ul,
#nav4, #nav4 ul,#nav5, #nav5 ul,#nav6, #nav6 ul,
#nav7, #nav7 ul,#nav8, #nav8 ul,#nav9, #nav9 ul {
 list-style:none;
 color:inherit;
 background-color:#ffffff;
 font-size:11px;
}
#nav li, /* all list items */
#nav1 li,#nav2 li,#nav3 li,
#nav4 li,#nav5 li,#nav6 li,
#nav7 li,#nav8 li,#nav9 li {
 background-image:url('media/fnd_mve.gif');
 background-repeat:repeat-y;
}
#nav li a,
#nav1 li a,#nav2 li a,#nav3 li a,
#nav4 li a,#nav5 li a,#nav6 li a,
#nav7 li a,#nav8 li a,#nav9 li a {
 color:#660066;
 background-color:inherit;
 text-decoration:none;
 border-top:1px solid #e0e0e0;
 border-left:1px solid #e0e0e0;
 border-bottom:1px solid #000000;
 border-right:1px solid #000000;
 font-style:normal;
}
#nav li a:hover,
#nav1 li a:hover,#nav2 li a:hover,#nav3 li a:hover,
#nav4 li a:hover,#nav5 li a:hover,#nav6 li a:hover,
#nav7 li a:hover,#nav8 li a:hover,#nav9 li a:hover { /*  */
 color:#660066;
 background-color:inherit;
 background-image:url('media/fnd_org.gif');
 background-repeat:repeat-y;
 border-bottom:1px solid #999999;
 border-right:1px solid #999999;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 font-style:normal;
/*  font-weight:bold; */
}
.nav_srubr {
 background-image: url('media/fleche1.gif');
 background-repeat: no-repeat;
 background-position: 98% 50%;
}

/* pages 900-998 */
#nav900, #nav900 ul {
 float:left;
 width:13.5em;
 padding:0 0.2em 0.2em 0.2em;
 margin:1em 0 1.5em 0;
 list-style:none;
 color:inherit;
 background-color:#ffffff;
 font-size:11px;
}
#nav900 li { /* all list items */
 position:relative;
 float:left;
 line-height:1.25em;
 padding-bottom:0.1em;
 margin-bottom:0.1em;
 width:13em;
 background-image:url('media/fnd_org.gif');
 background-repeat:repeat-y;
}
#nav900 li a {
 width:12.5em;
 display:block;
 padding:0.2em 0.5em;
 color:#990066;
 background-color:inherit;
 text-decoration:none;
 border-top:1px solid #e0e0e0;
 border-left:1px solid #e0e0e0;
 border-bottom:1px solid #000000;
 border-right:1px solid #000000;
}
#nav900 li a:hover {
 padding:0.2em 0.5em;
 color:#990066;
 background-color:inherit;
 border-bottom:1px solid #999999;
 border-right:1px solid #999999;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 font-style:normal;
/*  font-weight:bold; */
}
.nav_srubr {
 background-image: url('media/fleche1.gif');
 background-repeat: no-repeat;
 background-position: 98% 50%;
}

#infos_user{
 width:144px;
 margin-bottom:0.7em;
 padding:0.3em;
 color:#000099;
 background-color:#FFFBF0;
 border:1px solid #e0e0e0;
 font-size:0.8em;
}
#infos_user p{
 margin-top:0.3em;
}
#infos_user p a{
 padding:0.3em;
 color:#990066;
 background-color:#ffffff;
 border-top:1px solid #e0e0e0;
 border-left:1px solid #e0e0e0;
 border-bottom:1px solid #999999;
 border-right:1px solid #999999;
/*  font-weight:bold; */
}
#infos_user .boitegche {
 padding-right:0.4em;
}

.boite_contenu{
 width:144px;
 margin-bottom:0.7em;
 padding:0.3em;
 background-image:url('media/fnd_org.gif');
 background-repeat:repeat-y;
 border-top:1px solid #e0e0e0;
 border-left:1px solid #e0e0e0;
 border-bottom:1px solid #000000;
 border-right:1px solid #000000;
 text-align:center;
}
.boite_contenu h4{
 margin:0.4em 0 0.2em 0;
 font-size:0.9em;
}
.boite_contenu h5{
 margin:0.4em 0 0.2em 0;
 font-size:0.7em;
}
.boite_contenu p{
 margin:0.4em 0 0.2em 0;
 font-size:0.7em;
}
.boite_contenu img{
 margin:0.4em 0 0.2em 0;
}
.boite_contenu a{
 margin:0.4em 0 0.2em 0;
}

.box_menu{
 margin-bottom:0.5em;
 padding:0.3em;
 background-image:url('media/fnd_org.gif');
 background-repeat:repeat-y;
 border-top:1px solid #e0e0e0;
 border-left:1px solid #e0e0e0;
 border-bottom:1px solid #000000;
 border-right:1px solid #000000;
}
.box_menu h4{
 margin:0.2em 0 0.2em 0;
 color:#990066;
 background-color:inherit;
 font-size:0.8em;
 font-weight:bold;
}
.box_menu h5{
 margin:0.4em 0 0.2em 0;
 color:#990066;
 background-color:inherit;
 font-size:0.7em;
 font-weight:bold;
}
.box_menu p{
 margin:0.4em 0 0.2em 0;
 font-size:0.7em;
}
.box_menu a{
 margin:0.4em 0 0.2em 0;
}

#boite_login{
 width:144px;
 padding:0.3em;
 background-image:url('media/fnd_org.gif');
 background-repeat:repeat-y;
 border-top:1px solid #e0e0e0;
 border-left:1px solid #e0e0e0;
 border-bottom:1px solid #000000;
 border-right:1px solid #000000;
}

#form_log{
 margin:0.5em;
 text-align:left;
}
#form_log label{
 color:#990066;
 background-color:inherit;
 font-size:0.75em;
}
#form_log input[type='submit']{
 margin-top:0.3em;
 padding:0.05em;
}

/* id et class corps de page */
#corps{
 margin-bottom:10px;
 padding:1em;
 border:solid 1px #999999;
}
#corps a{font-weight:bold;}
#corps a:visited{font-weight:normal;}
#corps h1{margin-top:0;margin-bottom:0.2em;padding-top:0;}
#corps h2{margin-top:1em;margin-bottom:0.2em;padding-top:0;}
#corps h3{margin-top:0.75em;margin-bottom:0.2em;padding-top:0;}
#corps h4{margin-top:0.5em;margin-bottom:0.2em;padding-top:0;}
#corps ul{
 margin-top:0.1em;
 margin-bottom:0.4em;
 padding-left:1.5em;
 list-style:outside;
 list-style-image:url('media/carre_gris.gif');
}
#corps ul li:hover{list-style-image: url('media/fleche5_g_906.jpg');}
#corps ol{margin-top:0.1em;margin-bottom:0.4em;padding-left:2em;}
#corps ol li:hover{list-style-image: url('media/fleche5_g_906.jpg');}

.txttitrepage{font-size:1.0em;color:#990066;background-color:inherit;}
.txttexte,.txttextg,.txttextd{font-size:0.8em;line-height:1.4em;}
.txttexte p{margin-top:0.1em;margin-bottom:0.4em;padding:0.3em 0;}

.pagetime{font-size:0.9em;color:#999999;background-color:inherit;}

.boitelogo,.boiteimage{text-align:center;}
.boitelogo,.boiteimage,.boitelogodrte{border:0;}
.boitelogodrte{padding:0;}
a.boiteimage{border:0;}
a.boiteimage:visited {border:0;}

.boiteplan{border:0;padding:0 2em;list-style:none;font-size:0.9em;font-weight:normal;}
.boiteplan a:hover{text-decoration:none;color:#000099;background-color:inherit;}
.boiteplan ul, .boiteplan li{margin-left:0.6em;padding:0.1em 0.2em;}
.boiteplan li{list-style:none;}
.boiteplan li:hover{list-style-image: url('media/fleche5_g_3fc.jpg');}
.boiteplan ul li a{color:#393;background-color:inherit;}
.boiteplan ul li ul li a{color:#903;background-color:inherit;}
.boiteplan ul li ul li ul li a{color:#006600;background-color:inherit;}

.boiteCSSrealise{margin-bottom:1em;}
.boiteCSSrealise th{color:inherit;background-color:#ffffff;}
.boiteCSSrealise td{color:inherit;background-color:#ffffff;}

#cadregraph{text-align:center;}
#cadregraph h4,#cadregraph p,#cadregraph ul{text-align:left;}

#div_visiteur{ width:52em;margin-left:auto;margin-right:auto;text-align:center;}
#div_visiteur p{text-align:center;}

#div_stats{text-align:center; margin-left:auto;margin-right:auto;}
#div_stats p{text-align:center;}

#test_js p{
 margin:2px;
 padding:1em;
 color:#CC3300 ! important;
 background-color:#f0f0f0;
 border:solid 1px #999999;
 text-align:center;
 font-size:0.75em;
}
#test_js_div{display:none;}

/* formulaire md5*/
#frm_md5{font-size:0.8em;}
#frm_md5 p{text-align:center;}

/* formulaire contact*/
#formga,#formga2{width:46%;float:left;margin:0;}
#formdr,#formdr2{width:46%;float:right;margin:0;}
#formto{
 width:45em;
 margin:0 auto 1.5em auto;
 padding:1em;
 border:1px outset #000000;
 color:#000099;
 background-color:#efefef;
 font-size:0.75em;
 text-align:left;
 text-indent:0;
}
#formto p{margin:0;text-align:left;}
#formto hr{margin:1.5em 0;}
#formsend{
 width:30em;
 margin:auto auto;
 padding:1.5em;
 border:1px outset #000000;
 color:#000099;
 background-color:#efefef;
 font-size:0.9em;
 font-weight:normal;
 text-align:center;
}

.contact form{margin:1.25em 0 0.75em 0;}
.contact input,.contact textarea,.contact select{
 margin-top:0.3em;
 margin-bottom:1em;
 padding-left:0.3em;
}
.contact{vertical-align:middle;}

.contact form{color:#990066;background-color:inherit;}
.contact input,.contact textarea{
 cursor:auto;
 border:1px solid #909090;
 text-decoration:none;
}
.contact select{border:1px solid #909090;width:17.5em;}
.contactsubmit{
 margin-top:10px;
 cursor:pointer;
 background-image:url('media/fnd_org.gif');
 background-repeat:no-repeat;
 color:#000099;
 background-color:#ffffff;
 border:1px solid #909090;
 text-decoration:none;
}

/* Formulaires */
.titreForm{
 line-height:1.9em;
 width:100%;
 height:2em;
 color:#ffffff;
 background-color:#990066;
 font-size:0.9em;
 font-weight:bold;
}
.corpForm{
 color:inherit;
 background-color:inherit;
 font-size:0.8em;
 font-style:normal;
 font-weight:normal;
}
.corpForm select,
.corpForm fieldset select{
 padding:0.2em;
 cursor:auto;
 color:#000000;
 background-color:#FFFBF0;
 border:1px solid #909090;
}
.corpForm fieldset{
 padding:0 8px 8px 8px;
 color:#990066;
 background-color:inherit;
}
.corpForm fieldset p{
 font-weight:normal;
 color:#0000CC;
 background-color:inherit;
}
.corpForm legend{
 color:#990066;
 background-color:inherit;
 font-weight:bold;
}
.corpForm input{
 padding:0.1em 0 0.1em 0.2em;
 cursor:auto;
 color:#000000;
 background-color:#FFFBF0;
 border:1px solid #909090;
}
.corpForm label{
 color:#000099;
 background-color:inherit;
}
.corpForm legende{  /* aides contextuelles */
 font-style:italic;
 color:#666600;
 background-color:inherit;
}
.corpForm a.aide{text-decoration:none} /* bulles d'aide */
.corpForm a.aide img{border:0;} /* image des bulles d'aide */
.corpForm a.aide:hover {cursor:help}
.corpForm focus{background-color:#FFCC99; color:#000000} /* champs en cours d'utilisation */
.corpForm normal{background-color:inherit; color:#000000} /* Retour à l'état normal après l'utilisation */
.corpFormsubmit{
 cursor:pointer;
 background-image:url('media/fnd_org.gif');
 background-repeat:no-repeat;
 color:#000099;
 background-color:#ffffff;
 border:1px solid #909090;
 text-decoration:none;
}

/* id pied de page */
#pied{
 margin-left:10px;
 margin-bottom:10px;
 margin-right:10px;
 padding-top:0.7em;
 color:#990066;
 background-color:inherit;
 border-top:solid 1px #666;
 font-size:0.6em;
}
#pied a{color:#990066;background-color:inherit;}
#piedctre{text-align:center;}
#pieddrte{text-align:right;}

