@media screen{

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

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

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

a:hover {
color:black;
text-decoration:underline;

}

#button {
width :110px;
}


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

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

body#migc {
text-align:center;
background:url(images/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(images/header_zone.png);
behavior:url(iepngfix.htc);
}
div#cutter {
	position:absolute;
	background:url(images/cutter.png);
	height: 92px;
	width: 120px;
	left: 114px;
	top: 172px;
	behavior:url(iepngfix.htc);
	z-index: 2;
}

/* -------------------- 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:339px;
	height:338px;
	background:url(images/page_element1.png);
	behavior:url(iepngfix.htc);
	position:absolute;
	top:7px;
	right:5px;
	z-index:2;
}

/* ################################ 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(images/center_zone.png) repeat-y;
padding-left:120px;
clear:both;
behavior:url(iepngfix.htc);
}


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

div#center_content {
	width:232px;
	position:absolute;
	z-index:2;
	top: 348px;
	left: 678px;
}

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:36px;
	clear:both;
	position:absolute;
	left:121px;
	top:253px;
	z-index:0;
}

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

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

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

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

ul#menuDeroulant li a.migc_selitem{
float:left;
display:inline;
font-weight:normal;
text-decoration:none;
background:#6b0701;
color:white;
font-family:arial;
font-weight:bold;
font-size:13px;
padding-left:5px;
padding-right:5px;
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;
behavior:url(iepngfix.htc);
}



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;
	font-size:14px;
	color:#751812;
	margin-top: 10px;
}
div.bloc ul { margin:10px 0 0 0; padding:0; list-style:none;}
div.bloc li{float:left; width:170px; height:25px; font-size:11px;}


/* ############################### 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_content_element1 {
font-size:11px;
width:auto;
height:5px;
background:url(images/parag_background.png) repeat-x;
margin-bottom:5px;
}

h1.parag_title {
	font-size:14px;
}

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 h1 {
display:none;
}

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

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:160px;
margin-left:auto;
margin-right:auto;
background:url(images/footer_zone.png) no-repeat;
position:relative;
behavior:url(iepngfix.htc);
}

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

#powered {
	position:absolute;
	text-align:center;
	width: 134px;
	height: 61px;
	left: 150px;
	top: 69px;
}


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

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



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




}