@media screen{

/* ############################## REMISE A 0 ################################ */

* {
margin : 0px;
padding : 0px;
}

a {
color : black;
text-decoration : none;
}

a:hover {
text-decoration : underline;
}

li {
margin-left : 20px;
}


/* ################################ BODY ################################## */

body {
font-family : arial, helvetica, sans-serif;
font-size : 8pt;
color : black;
}

body#migc {
text-align : center;
background : #f3f3f3;
}



#migc_ref {
position : absolute;
top : 0px;
left : 1000px;
display: none;
width : 995px;
}

h4 {
position : absolute;
top : 0px;
left : 1000px;
width : 995px;
}

/* ################################## PAGE ################################ */

div#page {
width : 920px;
height : auto;
margin-left : auto;
margin-right : auto;
text-align : left;
position : relative;
}



/* ############################### HEADER ZONE ############################# */

div#header_zone {
width : 920px;
height : 238px;
margin-left : auto;
margin-right : auto;
background : url('../usr/layout/header.jpg');
}

/* -------------------- LOGO SOCIETE  -------------------- */

div#logo {
width : 153px;
height : 112px;
}

div#logo a {
border : 0px;
}

div#logo a img{
border : 0px;
}

#sitemap {
position : absolute;
top : 27px;
right : 25px;
}

/* ################################ MIN HEIGHT ############################## */

/* ---------- HAUTEUR MINIMUM ---------- */
div#minheight1 {
height: 0px;
width: 0px;
float : left;
font-size : 0px;
line-height : 0px;
}

div#minheight2 {
clear: both;
font-size : 0px;
line-height : 0px;
height: 0px;
width: 0px;
}

/* ############################### CENTER ZONE ############################# */

div#center_zone {
width : 920px;
height : auto;
margin-left : auto;
margin-right : auto;
background : url('../usr/layout/center.jpg');
}

div#center_content_element1 {
background : url('../usr/layout/center_element1.jpg');
width : 920px;
height : 33px;
clear : both;
}

div#left_content {
width : 164px;
height : auto;
padding-left : 8px;
float : left;
}

div#center_content {
width : 572px;
height : auto;
float : left;
padding-right : 5px;
}

div#right_content {
width : 161px;
height : auto;
float : left;
}

h1#title_page {
padding-left : 5px;
color : gray;
font-size : 14pt;
}


/* ################################ MENU NIV.1 ############################## */

div.menu_level1_content {
width : 903px;
height : 37px;
background-image : url('../usr/layout/menu1.jpg');
margin-left : 7px;
margin-bottom : 5px;
}

div.menu_level1 {
height : 37px;
line-height : 37px;
padding-left: 6px;
float : left;
background : url('../usr/layout/menu1_b.jpg') no-repeat;
}

div.menu_level1_el1 {
background : url('../usr/layout/menu1_a.jpg') no-repeat right;
padding-right : 6px;
}

div.menu_level1_content div.menu_level2, div.menu_level1_content div.menu_level3 {
display : none;
}

div.menu_level1 a {
font-weight : bold;
}

div.menu_level1 a:hover {
text-decoration : none;
color : #a3224d;
}

div.menu_level1 a.migc_selitem {
font-weight : bold;
text-decoration : none;
color : #a3224d;
}






div.menu_content div.menu_level1 {
display : none;
}

div.menu_content {
width : 158px;
border-top :1px solid#f0f0f0;
}

div.menu_content div.menu_level2 {
border-bottom : 1px dashed #b2b2b2;
margin-left : 5px;
margin-right : 5px;
padding-top : 7px;
padding-bottom : 7px;
margin-bottom : 2px;
}

div.menu_content div.menu_level2 a {
color : #a3224d;
font-weight : bold;
background : url('../usr/layout/menu2_a.jpg') no-repeat 0px 3px;
display : block;
padding-left : 15px;
}


div.menu_content div.menu_level2 a:hover, div.menu_content div.menu_level2 a.migc_selitem {
color : #a3224d;
font-weight : bold;
background : url('../usr/layout/menu2_b.jpg') no-repeat 0px 3px;
text-decoration : none;
}




div.menu_content div.menu_level3 {
background : white;
margin-left : 15px;
margin-right : 5px;
padding-top : 7px;
padding-bottom : 7px;
margin-bottom : 2px;
}

div.menu_content div.menu_level3 a {
color : #838383;
font-weight : bold;
background : url('../usr/layout/menu3_a.jpg') no-repeat 5px 3px;
display : block;
padding-left : 20px;
}


div.menu_content div.menu_level3 a:hover, div.menu_content div.menu_level3 a.migc_selitem {
color : #000000;
font-weight : bold;
background : url('../usr/layout/menu3_b.jpg') no-repeat 5px 3px;
text-decoration : none;
}


/* ############################### PARAGRAPHES ############################# */

div.parag_content {
width : auto;
clear : both;
color : #9b9999;
padding : 5px;
position : relative;
margin-bottom : 15px;
font-size : 9pt;
}

h2.parag_title {
width : 515px;
font-size : 11pt;
color : #a3224d;
font-weight : bold;
padding-top : 12px;
padding-left : 35px;
padding-right : 10px;
background : url('../usr/layout/h2.jpg') no-repeat top #cfcfcf;
}

div.clear {
clear : both;
}

/* -------------------- ZONE DE TEXTES -------------------- */
div.parag_text_content {
width : auto;
margin-top : 10px;
margin-bottom : 5px;
margin-left : auto;
margin-right : auto;
padding-left : 15px;
padding-right : 15px;
text-align : justify;
}

/* ------------   ZONE TEXT (PARAGRAPHE)  ------------- */
div.parag_text_content p {
margin : 0px;
}

/* -------------------- ZONE IMAGE / IMAGES HAUT, IMAGES BAS  -------------------- */
div.parag_images_top, div.parag_images_bottom {
width : auto;
margin-top : 5px;
margin-bottom : 5px;
text-align : center;
}

/* -------------------- ZONE IMAGE / IMAGES DROITE -------------------- */
div.parag_images_right {
width : auto;
height : auto;
float : right;
padding-left : 5px;
padding-top : 5px;
}

/* -------------------- ZONE IMAGE / IMAGES GAUCHE -------------------- */
div.parag_images_left{
width : auto;
height : auto;
float : left;
padding-right: 5px;
padding-top : 5px;
}

div.parag_content a, div.parag_content a img {
border : 0px;
}

div.parag_content li {
margin-left : 20px;
}

div.parag_content a {
font-weight : bold;
text-decoration : underline;
}

div.parag_content a:hover {
text-decoration : none;
}

.pdf {
height : 30px;
line-height : 30px;
padding-left : 40px;
background : url('../usr/layout/pdf.jpg') no-repeat;
}

/* ################################ FOOTER ZONE ############################## */

div#footer_zone {
width : 920px;
height : 44px;
margin-left : auto;
margin-right : auto;
background : url('../usr/layout/footer.jpg');
line-height : 44px;
color : #b1b1b2;
position : relative;
}

p#copyright {
text-align : right;
font-weight : bold;
padding-right : 20px;
}

p#powered {
position : absolute;
left : 20px;
top : 0px;
font-weight : bold;
}

p#powered a {
color : #b1b1b2;
}



div.bloc {
width : 151px;
margin-left : auto;
margin-right : auto;
background : url('../usr/layout/bloc_background.jpg');
margin-bottom : 10px;
}

div.bloc h3 {
height : 32px;
line-height : 32px;
padding-left : 10px;
background : url('../usr/layout/h3.jpg');
color : white;
font-weight : bold;
font-size : 10pt;
}

div.bloc_text_content {
background : url('../usr/layout/bloc_footer.jpg') no-repeat bottom;
padding : 5px;
color : #9b9999;
}

div.bloc_text_content a {
font-weight : normal;
text-decoration : underline;
}

div.bloc_text_content a:hover {
text-decoration : none;
}

#newsletter table {
margin-left : 15px;
padding-top : 10px;
}


div#contact_form {
margin-left : 20px;
margin-right : 20px;
color : #9b9999;
margin-bottom : 15px;
}

.nl_ok {
color : #9b9999;
font-size : 9pt;
padding : 15px;
}

.contact_form_1, .nl_1 {
width : 250px;
font-weight : bold;
padding-right : 10px;
text-align : right;
}

div#contact_form input, #newsletter  input {
width : 200px;
}

div#contact_form textarea {
width : 200px;
height : 100px;
}

div#contact_form select, #newsletter  select{
width : 203px;
}



button {
border : 0px;
background : #cfcfcf;
text-align : center;
color : black;
}




/* ############################FORUM######################### */

table#forum_cat {
border-collapse : collapse;
border-spacing : 0px;
width : 552px;
margin-left : 10px;
margin-right : 10px;
background-color : white;
border : 1px solid #b3b3b3;
}

table#forum_cat a {
font-weight : bold;
}

/* HEAD MAIN */

td.forum_head_1 {
font-weight : bold;
font-size : 8pt;
padding: 5px;
width : 290px;
color : #a3224d;
background-color : #cfcfcf;
}

td.forum_head_2 {
font-weight : bold;
font-size : 8pt;
padding: 5px;
width : 75px;
text-align : center;
border-left : 1px solid white;
color : #a3224d;
background-color : #cfcfcf;
}

td.forum_head_3 {
font-weight : bold;
font-size : 8pt;
padding: 5px;
text-align : center;
border-left : 1px solid white;
color : #a3224d;
background-color : #cfcfcf;
}

/* ROW MAIN */

td.forum_row_1, td.forum_row_1a {
border : 1px solid #b3b3b3;
padding: 5px;
font-size : 8pt;
font-style : italic;
}


td.forum_row_2, td.forum_row_2b, td.forum_row_3c, td.forum_row_4d {
border : 1px solid #b3b3b3;
padding: 5px;
font-size : 8pt;
text-align : center;
}

td.forum_row_3 {
border : 1px solid #b3b3b3;
padding: 5px;
font-size : 8pt;
font-style : italic;
text-align : center;
}

/* HEAD SUBJECT */

td.forum_head_2a {
font-size : 8pt;
font-weight : bold;
width : 200px;
padding : 5px;
color : #a3224d;
background-color : #cfcfcf;
}

td.forum_head_2b {
font-size : 8pt;
font-weight : bold;
border-left : 1px solid white;
width : 75px;
padding : 5px;
text-align : center;
color : #a3224d;
background-color : #cfcfcf;
}

td.forum_head_2c {
font-size : 8pt;
font-weight : bold;
border-left : 1px solid white;
width : 75px;
padding : 5px;
text-align : center;
color : #a3224d;
background-color : #cfcfcf;
}

td.forum_head_2d {
font-size : 8pt;
font-weight : bold;
border-left : 1px solid white;
width : 100px;
padding : 5px;
text-align : center;
color : #a3224d;
background-color : #cfcfcf;
}

td.forum_head_1a {
font-style : normal;
text-decoration : none;
font-weight : bold;
color : black;
padding : 5px;
font-size : 9pt;
}


td.forum_head_3a {
border-right : 1px solid white;
padding : 5px;
font-size : 8pt;
font-weight : bold;
color : #a3224d;
background-color : #cfcfcf;
}

td.forum_head_3b {
padding : 5px;
font-size : 8pt;
font-weight : bold;
color : #a3224d;
background-color : #cfcfcf;
}

td.forum_head_post1 {
border-bottom : 1px solid #b3b3b3;
border-left : 1px solid #b3b3b3;
font-size : 8pt;
padding : 5px;
font-weight : bold;
width : 125px;
}

td.forum_head_post2{
border-bottom : 1px solid #b3b3b3;
border-left : 1px solid #b3b3b3;
border-right 1px solid #b3b3b3;
font-size : 8pt;
}

td.forum_head_post2 div.forum_date {
border-bottom 1px solid #b3b3b3;
padding : 5px;
background-color : #28527b;
color : white;
}

div.forum_txt {
padding : 5px;
border : 0px;
background-color : white;
}

td.forum_foot_1b {
text-align : center;
background-color : #28527b;
color : white;
}

table.forum_new_post {
text-align : center;
padding : 5px;
width : 550px;
margin-left : auto;
margin-right : auto;
color : #a3224d;
background-color : #cfcfcf;
}

td.forum_foot_1b table {
text-align : center;
width : 400px;
margin-left : auto;
margin-right : auto;
font-size : 8pt;
}

table.forum_new_post button {

}



/* ################################ CALENDAR ############################## */



/* The main calendar widget.  DIV containing a table. */


/*************** CORPS DU CAL - JOURS ET MOIS *************/


.calendar tbody  { /* Cells <TD> containing month days dates */
width: 2em;
text-align: center;
padding: 2px 4px 2px 2px;
border: solid 1px #ffffff;
color: #365471;
} 


.day 
{
  width: 2em;
  text-align: center;
  border: solid 1px #ffffff;
  padding: 2px 4px 2px 2px;
}


.calendar tbody .day.othermonth {
  font-size: 70%;
  color: #aa; 
}

.calendar tbody .day.othermonth.oweekend {
 color: #aa; 
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}




.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;

}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}





.calendar {
  position: relative;
  display: none;
  font-size: 12px;
  cursor: default;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
  text-align: center;
}

.calendar table {
  font-size: 09px;
  cursor: default;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
  border: none;
  text-align: center;
  background: #dfe7f2;

}












/* Header part -- contains navigation buttons and day names. */

.calendar .button {   text-align: center;
  padding: 1px;
  border: 1px solid; 
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace; 


}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current month, year */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #ff; 
  background: ActiveCaption; 
  color: CaptionText; 
  text-align: center;
  background: #497199;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}



.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  color: white;
  background: #497199;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}



.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
   background: ButtonFace;
   padding: 1px;
   border: 1px solid;   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
   color: ButtonText;
   text-align: center;
   background: #497199; 
   color: #ffffff;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
   border-top: 1px solid #fff;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   border-left: 1px solid #fff; 
   padding: 1px;
   background: ButtonFace; 
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff; 
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu; 
  color: MenuText;
  font-size: 70%;
  padding: 1px;
  z-index: 100;

}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}


.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


.calendar a.calendartitle
{
 color:#ffffff;
 text-decoration:none;
}


.special { 
  background-color: #9da6b3; 
  color: #ffffff;
}


.calendar a.calendartitle {
   color:#ffffff;
   text-decoration:none;
}



/* ################################ ANNUAIRES ############################## */


table.df_table {
margin-left : 10px;
margin-right : 10px;
border-collapse : collapse;
width : 552px;
margin-bottom : 10px;
}

table.df_table tr td {
width : 266px;
font-weight : bold;
padding : 5px;
}

table.df_table tr td select {
width : 265px;
}

table.df_table tr td input {
width : 180px;
}

table.df_table tr td button {
text-align : center;
width : 77px;
}


div#multi_page {
margin : 10px;
}

div#multi_page select {
width : 60px;
}


div#map {
height : 350px;
border : 1px solid gray;
}


#sitemap_content {
margin-left :10px;
margin-right: 10px;
}

#sitemap_content li a{
font-size : 10pt;
font-weight : bold;
}

#sitemap_content li li a{
font-size : 10pt;
font-weight : normal;
}

#sitemap_content li li li a{
font-size : 9pt;
font-weight : normal;
}

#member input {
width : 130px;
}

.memberacces_button {
margin-bottom : 5px;
margin-left : 3px;
}

}