/*
	le vert : #759100
	le gris : #666666
	le rollover : #92bc00
	le bleu : #348fbb
	
*/

* {
margin:0;
padding:0;
}

img
{
	margin:0px;
	border:0px;
	padding:0px;
}

body {
margin:0;
padding:0;
}

#conteneur {
border:1px solid #EEEEEE;
margin:auto;
width:1024px
}

#top {
margin:auto;
width:1024px;
background-image:url(../images_viavitis/motif_haut.png);
background-repeat:repeat-x;
background-position:top;
}

#SearchBar {
width:980px;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
height:42px;
position:relative;
}

#SearchBar .bold{
font-weight:bold;
}

#MonViavitis {
float:left;
width:386px;
display:inline-block;
margin-right:5px;
margin-top:7px;
margin-left:4px;
}

#MonViavitis a{
font-weight:bold;
text-decoration:none;
color:#666666;
}

#MonViavitis a:hover{
font-weight:bold;
text-decoration:underline;
color:#666666;
}

.lien_menu_recherche {
font-weight:bold;
text-decoration:none;
color:#666666;
}

.lien_menu_recherche a:hover {
text-decoration:underline;
}

#Newsletter {
width:240px;
float:left;
position:relative;
margin-top:7px;
}

#ChampsRecherche {
background-image: url(../images_viavitis/fond_recherche2.png);
background-repeat:no-repeat;
background-position:top left;
height:36px;
width:250px;
float:left;
position:relative;
padding-top:10px;
padding-left:34px;
}

#Langues {
width:60px;
float:right;
position:relative;
margin-top:4px;
}

.BtOk {
position:absolute;
margin-top:-3px;
margin-left:2px;
}

#ConteneurLogoPub {
width:980px;
margin:auto;
margin-top:10px;
position:relative;
height:90px;
}

#Logo {
width:247px;
height:130px;
float:left;
margin-top:-18px;
margin-left:-21px;
}

#Pub {
width:728px;
height:90px;
float: right;
margin-right:6px;
}

#PubGauche {

}

#ConteneurBtTdv {
width:980px;
margin:auto;
text-align:right;
position:relative;
margin-top:15px;
}

/*Menu*/
#ConteneurMenu {
width:980px;
margin:auto;
}

#menu
{
	height:41px;
	width:788px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-top:1px;
}

#menu ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

#menu ul li
{
	padding:0px;
	margin:0px;
	display:inline;
}

#menu ul li a, #menu ul li a:hover
{
	padding-left:10px;
	padding-right:10px;
	display:block;
	float:left;
	padding-top:15px;
	padding-bottom:20px;
	color:#666666;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images_viavitis/separation_menu.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#menu ul li a:hover
{
	color:#92bc00;
}

#sous_menu
{
	clear:both;
	height:24px;
	color:#666666;
	margin-top:4px;
	margin-left:22px;
}

#sous_menu ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

#sous_menu ul li
{
	padding:0px;
	margin:0px;
	display:inline;
	color:#666666;
	background-image:url(../images_viavitis/separation_sous_menu.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#sous_menu ul li a
{
	padding-left:12px;
	padding-right:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
}

#sous_menu ul li a:hover
{
	padding-left:12px;
	padding-right:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
}

#sous_menu ul li a:hover
{
	color:#92bc00;
}


#cartouche
{
	float:right;
	height:34px;
	width:192px;
	background:url(../images_viavitis/cartouche.png) no-repeat left center;
	margin-top:8px;
}

#cartouche ul
{
	padding-left:15px;
	padding-top:2px;
	margin-top:2px;
	list-style:none;
}

#cartouche ul li
{
	margin:0px;
	display:inline;
}


#cartouche ul li a
{
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}

#cartouche ul li a:hover
{
	color:#ffffff;
	text-decoration:none;
}

#accueil {
float:left;
width:25px;
height:43px;
padding-right:4px;
padding-top:12px;
background-image: url(../images_viavitis/separation_menu.gif);
background-position:top right;
background-repeat:no-repeat;
}

/*Middle*/
#Middle {
width:1024px;
margin:auto;
background-image: url(../images_viavitis/middle.png);
background-position:top;
background-repeat:no-repeat;
position:relative;
}

#MiddleTop {
width:1000px;
height:285px;
margin:auto;
position:relative;
}

#MiddleBas {
width:1000px;
height:400px;
margin:auto;
position:relative;
}

#MiddleBasDroite {
width:330px;
height:400px;
margin:auto;
position:relative;
float:right;
}

#MiddleBasCentre {
	padding-top:45px;
	padding-left:15px;
	width:200px;
}


#Carousel {
width:580px;
float:left;
margin-top:10px;
}

/*Agenda*/
#Agenda {
width:329px;
float:right;
margin-top:10px;
}

#TopAgenda {
background-image:url(../images_viavitis/agenda/top_agenda.png);
background-repeat:no-repeat;
background-position:top left;
width:329px;
padding-left:10px;
}

#BasAgenda {
background-image:url(../images_viavitis/agenda/bas_agenda.png);
background-repeat:no-repeat;
background-position:top;
width:329;
height:11px;
}

#Date {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
float:right;
padding-right:5px;
padding-left:8px;
text-align:left;
margin-top:7px;
margin-right:20px;
background-image:url(../images_viavitis/fleche_date.gif);
background-repeat:no-repeat;
}

#ContainerAgenda {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
}

#ContainerAgenda ul {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
}

#ContainerAgenda li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
list-style:none;
padding:0px;
}

#ContainerAgenda li .date {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#348fbb;
background-image:url(../images_viavitis/agenda/fleche_bleu.png);
background-repeat:no-repeat;
background-position:left;
padding-left:8px
}

#ContainerAgenda li .region {
font-style:italic;
color:#999999;
font-weight:normal;
}

#ContainerAgenda li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

#ContainerAgenda li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:underline;
}

#ContainerAgenda li a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
}

#ContainerAgenda li a:visited:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:underline;
}

#ContainerAgenda ul#Une {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
background-color: #EEEEEE;
width:300px;
}

#ContainerAgenda li#Une{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
list-style:none;
}

#ContainerAgenda li#Une .date {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#910163;
background-image:url(../images_viavitis/agenda/fleche_bleu.png);
background-repeat:no-repeat;
background-position:left;
padding-left:8px
}

#ContainerAgenda li#Une .region {
font-style:italic;
color:#999999;
font-weight:normal;
}

#ContainerAgenda li#Une a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:underline;
}

#ContainerAgenda li#Une a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

#ContainerAgenda li#Une a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:underline;
}

#ContainerAgenda li#Une a:visited:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
}

#ContainerAgenda td#Une  {
background-color:#FFFFFF;
}

/*Box colonne droite*/
#BoxTop{
background-image:url(../images_viavitis/box_top.png);
background-position:bottom left;
background-repeat:no-repeat;
height:9px;
width:328px;
margin-top:10px;
}

#BoxMilieu {
background-image: url(../images_viavitis/box_milieu.png);
background-position:top left;
background-repeat: repeat-y;
width:328px;
padding-left:14px;
}

#BoxMilieu h1 {
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
margin-top:0px;
margin-bottom:6px;
line-height:normal;
}

#BoxBas{
background-image:url(../images_viavitis/box_bas.png);
background-position:top left;
background-repeat:no-repeat;
height:9px;
width:328px;
padding:0;
margin:0;
}

#bas {
	clear:both;
	margin:auto;
	width:1024px;
	text-align: center;
   	background-color:#640040;
}

#bas ul
{
	padding:0px;
	margin:0px;
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
}

#bas ul li
{
	padding:0px;
	margin:0px;
	display:inline;
	padding-left:25px;
	padding-right:25x;
}

#bas ul li a
{
	padding-left:8px;
	padding-right:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	background-image:url(../images_viavitis/puce_menu_off.png);
	background-position:left;
	background-repeat:no-repeat;
}

#bas ul li a:hover
{
	color:#ffffff;
	text-decoration:underline;
}

#Copyrigth {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
}