/* CSS Document */
div#marge {
	margin-left: auto;
	margin-right: auto;
	width:960px;
	height:30px;
	border-right-width: 20px;
	border-left-width: 20px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 4px;
	border-top-style: dashed;
	}

div#haut_page {
    margin-left: auto;
    margin-right: auto;
	width:1000px;
	height: auto;
	}
div#menu {
    margin-left: auto;
    margin-right: auto;
	width:1000px;
	height:auto;
	background-color: #E6E6E6;
	}
div#contenu {
	margin-left: auto;
	margin-right: auto;
	width:980px;
	height: auto;
	border-right-width: 220px;
	border-bottom-width: 20px;
	border-left-width: 20px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../Graphisme/fond_logo.jpg);
	background-repeat: no-repeat;
	}
div#titre {
	float:left;
	width:745px;
	height:35px;
	margin-top: 15px;
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #000099;
	}
div#piedpage {
	margin-left: auto;
    margin-right: auto;
	clear:both;
	background-color: #3163F8;
	width:1000px;
	height:50px;
	}
div#piedpagedroite {
    float:right;
	width:500px;
	height:50px;
	}
div#menuagenda {
	margin-left: auto;
	margin-right: auto;
	float:right;
	width:200px;
	height:auto;
	background-color:#FFFFFF;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size:100%; font-family:verdana,arial,sans-serif;}
	}
div#menumillieuhaut {
	width:200px;
	height:10px;
	}
div#menuhaut {
	width:200px;
	height:300px;
	background-image: url(../graphisme/fond_menu_iphone.gif);
	}
div#menumillieu {
	width:200px;
	height:10px;
	}
div#menubas {
	width:200px;
	height:150px;
	background-image: url(../Graphisme/fond_menu1.gif);
	}
div#menumillieubas {
	width:200px;
	height:10px;
	}
div#iphone {
	width:200px;
	height:300px;
	background-image: url(../graphisme/fond_menu_iphone.gif);
	}
div#marge_sous_iphone {
	width:200px;
	height:10px;
	}
div#pub {
	width:200px;
	height:auto;
	}
	
div#articles_marmott {
	width:370px;
	height:auto;
	border: 1px solid #000099;
	padding: 10px;
	background-image: url(../Graphisme/fond_articles_marmott.gif);
	background-repeat: repeat-x;
	}
	
div#articles1_marmott {
	width:350px;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}
	
div#precipitation {
	width:280px;
	height:auto;
	border: 1px solid #000099;
	padding: 10px;
	background-image: url(../Graphisme/fond_articles_marmott.gif);
	background-repeat: repeat-x;
	}
	
div#facebook1{
	width:auto;
	height:auto;
	}
	
div#facebook{
	width:300px;
	height:auto;
	border: 1px solid #000099;
	padding: 10px;
	background-image: url(../Graphisme/fond_articles_marmott.gif);
	background-repeat: repeat-x;
	}
	
div#carte {
	width:370px;
	height:auto;
	border: 1px solid #000099;
	padding: 10px;
	background-image: url(../Graphisme/fond_articles_marmott.gif);
	background-repeat: repeat-x;
	}


*{padding:0; margin:0;}
body {font-size:62.5%; font-family:verdana,arial,sans-serif;}

.menu {white-space:nowrap /*IE hack*/; float:left; width:1000px; background: #E6E6E6;; color:rgb(0,0,0); font-size:106%;}
.menu ul {list-style-type:none;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid none #E6E6E6;;}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.menu ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;}
.menu ul li:hover a {background-color:#0066FF; color:#FFFFFF; text-decoration:none;}
.menu ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.menu ul li:hover ul li a {white-space:normal; display:block; width:15.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color: #E6E6E6;; font-weight:normal; color:#000000}
.menu ul li:hover ul li a:hover {background-color:#0066FF; color:#FFFFFF; text-decoration:none;}

/*IE6 hovering*/
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; background-color:#0066FF;; text-decoration:none;}
.menu ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; left:0; margin-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; display:block; width:11.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); #0066FF; font-weight:normal; color:#00000;}
.menu ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;}

@media print {.menu {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}}