/* CSS Document */

/* Eléments Html */
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #00174F url(http://www.le-gresivaudan.fr/images/fond.jpg) no-repeat left top;
	background-color:#FFFFFF;
	font: bold 11px verdana, arial, sans-serif;
	color:#124594;
}


h1, h2, h3, h4, h5, h6{
	font-family: Verdana, "Trebuchet MS", sans-serif;
}

h1{
	font-size: 2em;
	color:#CC0000;
}
h2{
	font-size: 1.2em;
	color:#FF6600;
	}
h3{
	font-size: 1.3em;
	color: #000000;
	}
h4{
	font-size: 1em;
	background-color: #66FF00;
	color: #FF0033;
}
h5{
	font-size: 1.4em;
	background-color:#FFCC00;
	width: 550px;
	color:#00174F;
}
h6{
	font-size: 1em;
	color:#330066;
	}
hr{
border-top: 3px double;
border-color:#CCCCCC;
}

a{
	color:#3360CF;
	text-decoration: none;
	}

a:visited{
	color:#3360CF;
	text-decoration:none;
	
}

a:hover{
	color:#3360CF;
	text-decoration: underline;
}

p{
	color:#00174F;
}
td{
color:#114493;
}
li{
color:#00174F;
}
/* ligne haute */
#l1{
	position: absolute;
	width: auto;
	height: auto;
	top: 1200px;
	left:125px;
	color:#CC0033;
	z-index: 5;
}
/* ligne basse */
#l2{
	position: absolute;
	width: auto;
	height: auto;
	top: 40px;
	left:0px;
	color:#CC0033;
	z-index: 5;
}
#l3{
	position: absolute;
	width: auto;
	height: auto;
	top: 435px;
	left:0px;
	color:#CC0033;
	z-index: 5;
}
/* top */
#top{
	position: absolute;
	width: auto;
	height: auto;
	left:0;
	top:0;
}
	
/* navigation ______________________________________________________________*/
#barre{
	position: absolute;
	width: auto;
	height: 50px;
	left: 125px;
	top: 65px;
	}

/* barre2 - date */
#barre2{
	position: absolute;
	widht: auto;
	font: bold 11px verdana, arial, sans-serif;
	color:#114493;
	top: 110px;
	left: 125px;
}
#page{
	position: absolute;
	top: 130px;
	left: 125px;
	font: bold 11px verdana, arial, sans-serif;
	}
#message{
	position: absolute;
	top: 140px;
	left: 125px;
	widht: 400px;
	font: bold 11px verdana, arial, sans-serif;
	color:#114493;
	border-left-style:double;
	border-bottom-style:double;
	border-color:#CCCCCC;
}

#actualite{
	position: absolute;
	height: 95px;
	width: 407px;
	top: 140px;
	left: 360px;
	font: bold 11px verdana, arial, sans-serif;
	color:#114493;
	border-left-style:double;
	border-bottom-style:double;
	border-color:#CCCCCC;
}
#document{
	position: absolute;
	height: auto;
	top: 240px;
	left: 125px;
	width: 642px;
	font: bold 11px verdana, arial, sans-serif;
	color:#114493;
	border-left-style:double;
	border-bottom-style:double;
	border-color:#CCCCCC;
}
#dossier{
	position: absolute;
	top: 420px;
	left: 125px;
	width: 642px;
	font: bold 11px verdana, arial, sans-serif;
	color:#114493;
	border-left-style:double;
	border-bottom-style:double;
	border-color:#CCCCCC;
}
#bas{
	position:absolute;
	left:125px;
	top:510px;
	font: bold 11px verdana, arial, sans-serif;
	color:#114493;
}
#agenda{
	position: absolute;
	top: 130px;
	left: 770px;
	height: auto;
	widht: auto;
	font: bold 11px verdana, arial, sans-serif;
	border-style:solid #114493;
	color:#114493;
	border-left-style:double;
	border-color:#CCCCCC;
	}
#info{
	position: absolute;
	width: auto;
	height: auto;
	left: 1050px;
	top: 5px;
	background-color:#FFFF66;
	}
/* Menu droite */
#bloc1{
	position: absolute;
	widht: 400px;
	height: auto;
	left : 624px;
	font: bold 11px verdana, arial, sans-serif;
	top: 120px;
	color:#000033;
	background-color:#CC9900;
}
#bloc1 a{
	color:#990000;
	}

/* bloc2 - parole*/

#bloc2{
	position: absolute;
	overflow:auto;
	height: 100px;
	font: bold 11px verdana, arial, sans-serif;
	width: 400px;
	left: 10px;
	top: 420px;
	background-color:#FFFF99;
	color:#00174F;
}

#bloc2 h2{
	font-size: 0.7em;
	color:#00174F;
	}
#bloc2 a{
	color:#993300;
	}
#bloc2 td{
	color:#000033;
	}


/* agenda */

#bloc3{
	position: absolute;
	height: auto;
	font: bold 11px verdana, arial, sans-serif;
	background-color:#FFCC00;
	width: auto;
	left: 700px;
	top: 110px;
}
#bloc3 h2{
	font-size: 1.2em;
	color:#00174F;
	}
#bloc3 a{
	color:#993300;
	}
#bloc3 td{
	color:#000033;
	}

/* droite __________________________________________________________________*/
#droite{
	position: absolute;
	height: 700px;
	font: bold 11px verdana, arial, sans-serif;
	color:#FFFFFF;
	background-color:#00174F;
	width: auto;
	top: 146px;
	visibility: visible;
}
/* photo - image */
#bloc10{
	position: absolute;
	height: 146px;
	font: bold 11px verdana, arial, sans-serif;
	color:#FFFFFF;
	width: 190px;
	left: 515px;
	top: 19px;
	background-color: #00174F;
	z-index: 1;
		}
/* bloc11 - texte présentation */
#bloc11{
	position: absolute;
	height: 33px;
	font: bold 11px verdana, arial, sans-serif;
	color:#FFFFFF;
	width: 600px;
	left: 234px;
	top: 4px;
	background-color: #00174F;
		}
#bloc11 a {
	color:#FFCC00;
}

#bloc11 a:visited {
	color:#FFCC00;
}

#bloc11 a:hover {
	color:#00FF00;
}
		
/* bloc12 - Dernières courses */
#bloc12{
	position: absolute;
	overflow:auto;
	height: 500px;
	font: bold 11px verdana, arial, sans-serif;
	width: 705px;
	left: 1px;
	top: 230px;
	background-color:#00174F;
}
#bloc12 a {
	color:#FFCC00;
}

#bloc12 a:visited {
	color:#FFCC00;
}

#bloc12 a:hover {
	color:#00FF00;
}
/* bloc13 - Dernières infos */
#bloc13{
	position:absolute;
	height: 200px;
	font: bold 11px verdana, arial, sans-serif;
	width: 501px;
	left: 1px;
	top:600px;
	background-color: #6696c7;
	
}
#bloc13 a {
	color:#FFCC99;
}

#bloc13 a:visited {
	color:#FFCC99;
}

#bloc13 a:hover {
	color: #636;
}

/* bloc14 - Flux Rss / mont carnet / forum */
#bloc14{
	position: absolute;
	height: auto;
	font: bold 11px verdana, arial, sans-serif;
	color:#FFFFFF;
	border-left: 1px solid #FFFF00;
	width: 256px;
	left: 725px;
	top: 5px;
	background-color: #00174F;
	
}
#bloc14 a {
	color:#FFCC66;
}

#bloc14 a:visited {
	color:#6696c7;
}

#bloc14 a:hover {
	color:#FFCC00;
}

#recherche{
	position:absolute;
	height: 50px;
	font: bold 11px verdana, arial, sans-serif;
	width: 100px;
	left: 720px;
	top:40px;
	background-color: #6696c7;
	
}