@charset "utf-8";
* {margin:0;
padding:0;
}

html, body {
	margin: 0;
	padding: 0; 
	background-repeat:repeat-x;
	background-image:url(../images/motifhaut.png);
	background-position:top center;
}

#conteneur
{
	width:100%;
	margin:auto;
}

#haut_tdv
{
	width:100%;
	margin:auto;
}

#contenu_tdv
{
	width:990px;
	position:relative;
	clear:both;
	margin:auto;
	padding-bottom:20px;
}

#bas_tdv
{
	clear:both;
	width:100%;
	height:52px;
	background-color:#640040;
	color:#fff;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

#bas {

	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/puce_menu_off.png);
	background-position:left;
	background-repeat:no-repeat;
}

#bas ul li a:hover
{
	color:#d8cd7e;
}

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

.reagir {
	padding:0px;
	margin:0px;
}

.reagir a{
	background-image:url(../images/fleche_liens.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#660033;
	text-decoration:none;
	margin:0px;
}

.reagir a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#660033;
	text-decoration:underline;
	padding:0px;
	padding-left:10px;
	margin:0px;
}

.reagir a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#aa5982;
	text-decoration:none;
	padding:0px;
	padding-left:10px;
	margin:0px;
}

.reagir a:visited:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#aa5982;
	text-decoration:underline;
	padding:0px;
	padding-left:10px;
	margin:0px;
}

#ContainerHaut {
margin:auto;
width:100%;
}

#ContainerRecherche {
margin:auto;
height:37px;
width:980px;
}

#Connexion {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#910163;
padding-top:5px;
margin-left:10px;
}

#Connexion .bold{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#910163;
}

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

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

#Connexion a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

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

#RechercheInscription {
float:right;
width:500px;
height:37px;
}

#Recherche {
float:right;
width:242px;
height:37px;
background-image:url(../images/recherche_fd.gif);
background-repeat:no-repeat;
background-position:top left;
}


.search {
margin-top:8px;
margin-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:160px;
}

.bt {
position:absolute;
margin-top:6px;
margin-left:5px;
}

#InscriptionNewsletter {
background-image:url(../images/enveloppe.png);
background-position:left;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#910163;
width:260px;
margin-top:5px;
padding-left:20px;
float:left;
}

/*Menu*/
#haut
{
	width:100%;
	padding-top:17px;
	margin:auto;
}

#haut_centre
{
	width:980px;
	background-repeat:repeat-x;
	margin:auto;
}

#boite_logo
{
	position:relative;
	width:980px;
	height:96px;
}

#logo
{
	position:absolute;
	float:left;
}

#pub
{
	float:right;
}

#menu
{
	float:left;
	height:46px;
	width:745px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;

}

#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:13px;
	padding-right:13px;
	display:block;
	float:left;
	padding-top:15px;
	padding-bottom:20px;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images/separation_menu.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#menu ul li a:hover
{
	color:#d8cd7e;
}

#sous_menu
{
	clear:both;
	height:24px;
}

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

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

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

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

a.lien_menu_recherche
{
	color:#640040;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}


#sous_menu ul li a:hover
{
	color:#d8cd7e;
}


#cartouche
{
	float:right;
	height:31px;
	width:235px;
	background:url(../images/cartouche_haut2.png) no-repeat left center;
	margin-top:8px;
}

#cartouche ul
{

	padding-left:15px;
	margin-top:2px;
	list-style:none;

}

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


#cartouche ul li a
{
	padding-top:10px;
	padding-right:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}

#cartouche ul li a:hover
{
	color:#d8cd7e;
}

#rss {
width:16px;
height:16px;
float:right;
margin-top:6px;
margin-right:38px;
}

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

/*Bas*/

#ContainerBas {
	clear: both;
	height:80px;
	width:100%;
	margin:auto;
	margin-bottom:0;
	margin-top:10px;
}

#Bas {

	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/puce_menu_off.png);
	background-position:left;
	background-repeat:no-repeat;
}

#Bas ul li a:hover
{
	color:#d8cd7e;
}

#Copyrigth {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	}
	
/*Milieu*/
#ContainerMilieu {
margin:auto;
margin-top:10px;
width:100%;
position:absolute;
}

#Milieu {
width:980px;
margin:auto;
}

#MilieuGauche {
float:left;
width:630px;
}

#MilieuDroite {
float:right;
width:330px;
}


/*Footer*/
#footer {
height:60px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
text-align:center;
margin:auto;
background-color:#990000;
}

#footer a {
font-weight:normal;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
#footer a:hover {
font-weight:normal;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.TableMilieu {
margin:auto;
margin-top:15px;
}

#MilieuGaucheGauche {
width:400px;
float:left;
margin-top:10px;
}

#MilieuViavitis {
float:right;
width:220px;
background-image: url(../images/fond_viavitis.png);
background-repeat:no-repeat;
background-position:top;
margin-top:10px;
}

#EditoViavitis {
width:200px;
margin:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
text-align:left;
}

#EditoViavitis h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
text-align:left;
line-height:normal;
padding:0;
margin:0;
}

#ContenuViavitis {
	width:200px;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	text-align:left;
}

#ContenuViavitis h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#83aa00;
	text-align:left;
	line-height:normal;
	padding:5px;
	background-image:url(../images/fd_titres_viavitis.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#ContenuViavitis .date{
	color:#83aa00;
	font-size:11px;
}

#ContenuViavitis ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	text-align:left;
}

#ContenuViavitis li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align:left;
	background-color:#f4f4f4;
	border-bottom:1px dotted #999999;
	list-style:none;
	padding:5px;
}
#ContenuViavitis li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#666666;
	text-align:left;
	text-decoration:underline;
	padding-left:8px;
	background-image:url(../images/fleche_viavitis.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#ContenuViavitis li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align:left;
	text-decoration:none;
	padding-left:8px;
}

#BasViavitis {
	width:220px;
	height:9px;
	background-image: url(../images/bas_viavitis.png);
	background-repeat:no-repeat;
	background-position:top;
	margin-bottom:10px;
	float:right;
}

/*Date/categories*/
*{padding:0;
margin:0;
}

.image {
float: left;
margin-right: 10px;
}

#imageIllustre {
	float: left;
	margin-right: 10px;
	background-image:url(../images/news/barre_sep.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	width:85px;
}

#imageIllustre2 {
	float: left;
	margin-right: 10px;
	border-right:4px solid #666666;
	width:95px;
}

#imageIllustreBlogs {
	float: left;
	margin-right: 10px;
	background-image:url(../images/blogs/barre_sep.png);
	background-repeat:no-repeat;
	background-position:right;
	width:100px;
}

#PubGauche {
	width:396px;
	margin:auto;
	text-align:center;
	margin-top:20px;
}

.date {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin:0;
padding:0;
}

.categorie {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#660033;
margin:0;
padding:0;
}
.categorie a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#660033;
text-decoration:none;
margin:0;
padding:0;
}

.categorie a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#660033;
text-decoration:underline;
margin:0;
padding:0;
}

.categorie a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#aa5982;
text-decoration:none;
margin:0;
padding:0;
}

.categorie a:visited:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#aa5982;
text-decoration:underline;
margin:0;
padding:0;
}

.categorieblogs {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#42afe7;
}
.categorieblogs a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#42afe7;
text-decoration:none;
}
.categorieblogs a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#42afe7;
text-decoration:underline;
}

.categorieblogs a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#42afe7;
text-decoration:none;
}

.categorieblogs a:visited:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#42afe7;
text-decoration:underline;
}

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

#BoxMilieu {
background-image: url(../images/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/box_bas.png);
background-position:top left;
background-repeat:no-repeat;
height:9px;
width:328px;
padding:0;
margin:0;
}

#BoxTopGalerie{
background-image:url(../images/haut_galerie.png);
background-position:top	left;
background-repeat:no-repeat;
width:328px;
height-min:150px;
margin-top:10px;
}

#BoxTopRevueDePresse{
background-image:url(../images/box/haut_revuedepresse.png);
background-position:top	left;
background-repeat:no-repeat;
width:328px;
height-min:150px;
margin-top:10px;
}

#BoxBasGalerie{
background-image:url(../images/bas_galerie.png);
background-position:top;
background-repeat:no-repeat;
width:328px;
height:12px;
padding:0;
margin:0;
}

#BasAgenda{
background-image:url(../images/box_bas.gif);
background-position:top left;
background-repeat:no-repeat;
height:27px;
width:328px;
padding:0;
margin:0;
}

#BasAgenda a{
color:#660033;
}
#BasAgenda a:hover{
color:#c07e98;
}

/* les pubs */

#pub_300x60
{
	text-align:center;
}

#pub_200x53
{
	text-align:center;
}

.image_droite
{
	text-align:right;
}