@media screen{

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

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

a {
color : black;
}

a:hover {
color : blue;
}

#button {
width :110px;
}


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

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

body#migc {
text-align : center;
background : url('../usr/layout/background.jpg') repeat-x fixed top left #6e260e;
}

li {
margin-left : 20px;
}

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

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



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

div#header_zone {
width : 992px;
height : 302px;
margin-left : auto;
margin-right : auto;
background : url('../usr/layout/header_zone.png');
}

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

div#logo {
width : 400px;
height : 160px;
margin-left : 147px;
padding-top : 75px;
padding-bottom : 18px;
}

div#logo a {
border : 0px;
width : 364px;
height : 151px;
display : block;
position : relative;
}

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

div#page_element1 {
width : 343px;
height: 346px;
background : url('../usr/layout/page_element1.png');
position : absolute;
top : 0px;
right : 0px;
}

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

/* ---------- HAUTEUR MINIMUM ---------- */
div#minheight1 {
height: 250px;
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 : 872px;
height : auto;
background : url('../usr/layout/center_zone.png') repeat-y;
padding-left : 120px;
clear : both;
}

div#center_content a {
position : relative;
}

div#left_content {
width : 520px;
float : left;
padding-left : 20px;
padding-right : 20px;
}

div#center_content {
width : 230px;
float : left;
padding-top : 50px;
}

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


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

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

ul#menuDeroulant {
list-style-type: none;
width: 560px;
height : 33px;
clear : both;
margin-left : 120px;
position : absolute;
z-index : 1;
}

ul#menuDeroulant li { 
float : left;
margin-left : 0px;
border-right : 1px solid #6b0701;
}

ul#menuDeroulant li a{
display: block;
font-weight : normal;
text-decoration: none;
background : none;
color : #6b0701;
font-family : arial;
font-weight : bold;
font-size : 13px;
padding-left : 10px;
padding-right : 10px;
line-height : 33px;
}

/* 
:link, ul#menuDeroulant li a:visited
*/

ul#menuDeroulant li a:hover {
background : #6b0701;
color : white;
}

ul#menuDeroulant li a.migc_selitem{
display: block;
font-weight : normal;
text-decoration: none;
background : #6b0701;
color : white;
font-family : arial;
font-weight : bold;
font-size : 13px;
padding-left : 10px;
padding-right : 10px;
line-height : 33px;
}



ul#menuDeroulant ul.migc_transmenu { 
display: none; 
list-style-type: none; 
position : absolute; 
z-index:1;  
padding-left : 27px;
padding-right : 35px; 
padding-bottom : 35px;
background : url('layout/menu_background.png');
width : auto;
margin-left : -28px;
margin-top : -8px;
padding-top : 10px;
}



ul#menuDeroulant ul.migc_transmenu li{
clear : both;
width: auto;
height : auto;
border : 0px;
font-weight : normal;
color : white;
filter:alpha(opacity=95); 
-moz-opacity:0.95;
opacity: 0.95;
margin-bottom : 1px;
}

ul#menuDeroulant ul.migc_transmenu a:link, ul#menuDeroulant ul.migc_transmenu a:visited{
display: block;
width : 166px;
line-height : 16px;
color: #6b0701;
text-decoration: none;
font-weight : normal;
background : none;
background-color : #c6a795;
padding : 3px;
padding-left : 5px;
padding-right : 5px;
text-align : left;
text-transform : none;
font-size : 8pt;
font-weight : bold;
}

ul#menuDeroulant ul.migc_transmenu a:link.migc_selitem2, ul#menuDeroulant ul.migc_transmenu a:visited.migc_selitem2 {
display: block;
width : 166px;
line-height : 16px;
color: white;
text-decoration: none;
font-weight : normal;
background : none;
background-color : #6b0701;
padding : 3px;
padding-left : 5px;
padding-right : 5px;
text-align : left;
text-transform : none;
font-size : 8pt;
font-weight : bold;
}

ul#menuDeroulant ul.migc_transmenu a:hover {
color: white;
background-color : #6b0701;
}


/* ################################ BLOC ############################## */

div.bloc {
margin-left : 18px;
position: relative;
}

div.bloc a, div.bloc a img {
border : 0px;
position: relative;
}

div.bloc p.bloc_comment {
position : absolute;
color: #fff;
font-family : Arial;
font-size : 10pt;
width: 160px;
left:20px;
top: 60px;
text-align : justify;
}

div.bloc p.click_here {
margin : 0;
}

div.bloc p.click_here  a{
text-decoration : none;
}


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

div.parag_content {
width : auto;
clear : both;
position : relative;
margin-bottom : 15px;
font-size : 10pt;
color : #751812;
}

div.parag_event {
width : auto;
clear : both;
position : relative;
margin-bottom : 35px;
font-size : 10pt;
color : #751812;
}

div.parag_text_content a {
position : relative;
}


div.parag_content_element1 {
font-size : 0px;
line-height : 0px;
width : auto;
height : 5px;
background : url('../usr/layout/parag_background.png') repeat-x;
margin-bottom : 5px;
}

h1.parag_title {
display : none;
}

h2.parag_event_title {
margin-left : 110px;
}

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;
}

div.parag_event_text_content {
width : auto;
margin-top : 10px;
margin-bottom : 5px;
margin-left : 110px;
margin-right : 10px;
text-align : justify;
}

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

/* -------------------- 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;
}

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

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


div.parag_content_col {
width : 260px;
float : left;
margin-bottom : 5px;
}

div.parag_content_col a {
position : relative;
}

div.parag_content_col h1 {
display : none;
}

div.parag_content_col_element1 {
font-size : 0px;
line-height : 0px;
width : 245px;
height : 5px;
background : url('../usr/layout/parag_background.png') repeat-x;
margin-bottom : 5px;
}

div.parag_content_col .txt_content {
display : none;
}

div.parag_content_col a, div.parag_content_col a img {
border : 0px;
position : relative;
}


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

div#footer_zone {
width : 992px;
height : 130px;
margin-left : auto;
margin-right : auto;
background : url('../usr/layout/footer_zone.png');
position : relative;
}

div#footer_zone a {
position : relative;
}

p#copyright {
padding-top : 10px;
padding-left : 130px;
float : left;
}

p#adresse {
float : left;
padding-top : 10px;
padding-left : 190px;
position : relative;
}

p#adresse a {
color : black;
text-decoration : underline;
position : relative;
}

p#adresse a:hover {
text-decoration : none;
}

p#powered {
clear : both;
text-align : right;
padding-top : 18px;
padding-right : 120px;
color : white;
}

p#powered a {
color : white;
text-decoration : underline;
position : relative;
}

p#powered a:hover {
text-decoration : none;
}

div#footer_element1 {
width : 54px;
height : 194px;
background : url('../usr/layout/footer_element1.png');
position : absolute;
bottom : 130px;
right : 28px;
z-index:2;
}

div#center_element1 {
width : 120px;
height : 438px;
position : absolute;
top :300px;
left : 0px;
z-index:1;
}

div#center_element2 {
width : 80px;
height : 303px;
position : absolute;
top :400px;
right : 2px;
z-index:1;
}

/* ############################## GOOGLEMAP ################################ */

div#EmplacementDeMacarte {
margin-bottom : 25px;
}

table#resultat {
border-collapse: 
collapse; 
width:100%;
font-family : arial, helvetica, sans-serif;
}

table#resultat th {
height:15px; 
background-color:#EEEEEE; 
border: 1px solid #999999; 
text-align:center; 
color: #444444;
width : 50%;
}

table#resultat td.encadrement {
width:auto; 
border: 1px solid #999999; 
vertical-align: top;
}

#EmplacementCarteItineraire{
height:500px; 
width:auto;
}

#EmplacementTexteItineraire{
width:auto; 
height:100%; 
overflow:auto;
}

#EmplacementTexteItineraire b{
color: #03f; 
text-decoration: underline;
}

#EmplacementTexteItineraire a img, #EmplacementTexteItineraire a, #EmplacementTexteItineraire img {
border : 0px;
position: relative;
}

/* ############################## CARTE ################################ */

table#carte {
border-collapse : collapse;
margin-bottom : 10px;
}

td.datadirs_content0 a, td.datadirs_content0 a img {
border : 0px;
}

td.datadirs_content1 {
width : 450px;
vertical-align : top;
padding : 3px;
padding-bottom : 6px;
}

td.datadirs_content1B {
width : 400px;
vertical-align : top;
padding : 3px;
padding-bottom : 6px;
}


td.datadirs_content1 h1, td.datadirs_content1B h1 {
font-size : 10pt;
color : #751812;
font-weight : bold;
margin : 0px;
padding : 0px;
background : url('../usr/layout/carte_background.jpg') repeat-x 0px 12px;
}

td.datadirs_content1 h1 span, td.datadirs_content1B h1 span {
background : #f3eadb;
}

td.datadirs_content1 span, td.datadirs_content1B span {
font-style : italic;
}

td.datadirs_content2 {
width : 50px;
vertical-align : top;
font-weight : bold;
text-align : right;
padding : 3px;
font-size : 10pt;
color : #751812;
}

th.datadirs_content2 {
width : 50px;
vertical-align : top;
font-weight : bold;
text-align : right;
padding : 3px;
color : black;
}

.contact_form_1 {
width : 150px;
}

table#contact input{
width : 150px;
border : 1px solid black;
}


}