/* @override http://voilecentre.fr/site/css/root.css */

body{
	background-image: url(../img/body.jpg);
	background-repeat: repeat;
}

#container{
	background-image: url(../img/corp.jpg);
	background-repeat: repeat-y;
	margin: auto;
	width: 990px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden
}
#tete{
	background-image: url(../img/teteVD.jpg);
	background-repeat: no-repeat;
	height: 209px;
	width: 990px;
}
#tete.actu{
	background-image: url(../img/tete-accueilVD.jpg);
	
}
#tete a{
	height: 119px;
	width: 200px;
	display:block;
	text-indent: -2000px;
}
#menu-haut{
	padding-left: 171px;
	float: left;
	width: 692px;
}
#chrono a,#chrono a:visited{
	background-color: transparent;
	float: left;
	height: 108px;
	width: 100px;
	display:block;
	background-image: url(../img/btn-chrono-orange.png);
	background-repeat: no-repeat;
	position: relative;
	top: -90px;
	margin-bottom: -90px;
}
#chrono a:hover{
	background-position: -108px 0px;
}
#meteo a,#meteo a:visited{
	background-image: url(../img/meteo.gif);
	background-repeat: no-repeat;
	height: 74px;
	width: 98px;
	display:block;
	text-indent: -2000px;
	background-position: 0px 0px;
}
#meteo a:hover{
	background-repeat: no-repeat;
	background-position: -111px 0px;
}

#corp{
	height: auto;
	padding-right: 17px;
	padding-left: 17px;
}
#contenu{
height: auto;
	float: left;
	width: 652px;
	padding-right: 20px;
	padding-left: 20px;
	/*overflow:hidden;*/
}
#contenu.actu{
	background-image: url(../img/contenu-actu.gif);
	background-repeat: repeat-y;
	height: auto;
}
#col-gauche{
height: 375px;
	float: left;
	width: 154px;
	background-image: url(../img/col_gauche.jpg);
	background-repeat: no-repeat;
}
#col-gauche.actu{
	background-image: url(../img/col_gauche-accueil.jpg);
	height: 375px;
	width: 154px;
	float: left;
	background-repeat: no-repeat;
}
#col-gauche ul {
	margin: 0px;
	padding: 0px;
}
#col-gauche li {
	padding-bottom: 4px;
}
#col-gauche li a,#col-gauche li a:visited{
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../img/sous-menu.png);
	height: 20px;
	width: 143px;
	display:block;
	background-position: -10px -31px;
	padding-top: 7px;
	padding-left: 4px;
}
#col-gauche li a:hover,#col-gauche li a#selected{
	
	background-position: -10px 0px;
	
}













#col-droite{
	float: left;
	width: 95px;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
}

#col-droite h1{
	float: left;
	width: 100px;
	font-size: 14px;
}
#col-droite h1#droite-enbref,#col-droite h1#droite-actu{
	background-image: url(../img/En-bref.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 24px;
	width: 84px;
	background-position: -2px 0px;
}
#col-droite h1#droite-actu{
	background-image: url(../img/Agenda.gif);
}
#col-droite p{
	font-size: 10px;
}
#col-droite a.savoir,#col-droite a:visited.savoir{
	background-image: url(../img/col-droite-savoirplus.gif);
	text-indent: -2000px;
	height: 26px;
	width: 110px;
	display:block;
	background-position: -6px 0px;
	background-repeat: no-repeat;
}
#col-droite a:hover.savoir{

	background-position: -5px -24px;
}





#pied{clear:both;
	background-image: url(../img/pied.jpg);
	height: 77px;
	width: 990px;
}

#piedB{clear:both;
	background-image: url(../img/piedB.jpg);
	height: 77px;
	width: 990px;
}
#pied-liens{
	float: right;
	width: 100px;
	/*padding-right: 18px;*/
	
}
#pied-liens li { 
	list-style: none;
}
#pied-liens-ff a{
	float: left;
	/*background-color: #FF0000;*/
	text-indent: -2000px;
	height: 50px;
	width: 100px;
	display:block
}
#pied-liens ul{
	margin: 0px;
	padding: 0px;
}
#pied-liens li a,#pied-liens li a:visited{
	font-size: 9px;
	color: #000066;
	font-weight: bold;
	padding-left: 8px;
}
#pied-liens li a:hover{
	color: #0066FF;
}

/* ACTU */
.col-actu1,.col-actu2,.col-actu3{
	float: left;
	width: 185px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 15px;
	padding-left: 15px;
}
#contenu.actu h1{
	color: #005da9 ;
	font-size: 14px;
}
.col-actu1 h1,.col-actu2 h1,.col-actu3 h1{
	background-image: url(../img/actu-visuel-titreA.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 40px;
}
.col-actu2 h1{background-image: url(../img/actu-visuel-titreB.gif);}
.col-actu3 h1{background-image: url(../img/actu-visuel-titreC.gif);}

.col-actu1 a.savoir,.col-actu2 a.savoir,.col-actu3 a.savoir,.col-actu1 a:visited.savoir,.col-actu2 a:visited.savoir,.col-actu3 a:visited.savoir{
	background-image: url(../img/accueil-savoir.gif);
	text-indent: -2000px;
	height: 40px;
	width: 136px;
	display:block;
	float: right;
	margin-top: 20px;
}.col-actu1 a:hover.savoir,.col-actu2 a:hover.savoir,.col-actu3 a:hover.savoir{
	;
	background-position: 0px -39px;
}


/* @group Boites */

.error, .notice, .success { 
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
}

.error { 
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}

.notice { 
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

.success { 
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.error a { 
	color: #8a1f11;text-decoration: underline;
}

.notice a { 
	color: #514721;text-decoration: underline;
}

.success a {
	color: #264409;
	text-decoration: underline;
}
.success a:hover,.notice a:hover,.error a:hover {
	
	text-decoration: none;
}