/* 1811 1529 */

body
	{
	font-size: small ;
	font-family: Arial, Helvetica, sans-serif ;
	margin: 9px 0px 0px 10px ;
	background-color: rgb(255,255,255) ;
	}

p
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}
	
form
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	display: inline;
	}

textarea
	{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 50% ;
	}

a
	{
	text-decoration: none ;
	color: rgb(0,0,0) ;
	}

a:hover
	{
	text-decoration: underline;
	}

img
	{
	display: block ;
	}
	
h2
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	font-family: Arial, Helvetica, sans-serif ;
	}
	
h3, h3, h4, h5, h6
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	}
	
ul, ul li
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	list-style-type: none ;
	}
	
#page	
	{
	width: 785px ;
	background-color: rgb(255,255,255);
	}

#header, #menu, #footer
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}

#pubhaute
	{
	height: 94px ;
	xwidth: 785px ;
	margin: 0px 0px 10px 0px ;
	padding: 0px 0px 0px 0px ;
	text-align:center;
	background: url(/img/pub/fond_pub.gif) no-repeat;
	}

#pubhaute img
	{
	display: inline ;
	}


 #header	
	{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: rgb(204,204,204);
	height: 100px;
	background-image: url("/img/fonds/fond-header-gris.gif");
	overflow: hidden;
	}

#header div.logo
	{
	width: 222px ;
	float: left ;
	}

#header div.pub1, 
#header div.pub2
	{
	width: 101px ;
	float: left ;
	}

#header div.decouvrir
	{
	width: 162px ;
	xpadding: 0px 0px 0px 0px ;
	float: left ;
	}

#header div.recherche
	{
	width: 199px ;
	float: left ;
	}

#header div.contenu
	{
	margin: 5px ;
	xmargin: 0px 0px 0px 0px ;
	}

#header div.contenu h5
	{
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC0000;
	margin: 7px 0px 3px 0px ;
	padding: 0px 0px 0px 0px ;
	}

#header div.decouvrir ul li
	{
	font-size: 85%;
	padding: 0px 0px 0px 10px;
	background: url("/img/puc/sup_gris.gif") 2px 4px no-repeat;
	}

#header div.decouvrir ul li a,
#header div.decouvrir ul li a:visited
	{
	color: rgb(153,153,153) ;
	text-decoration: none;
	}

#header div.decouvrir ul li a:hover,
#header div.decouvrir ul li a:active
	{
	text-decoration: underline;
	}


#header div.recherche ul li
	{
	font-size: 85%;
	padding: 2px 0px 0px 0px;
	height: 15px ;
	}

#header div.recherche form input.text
	{
	border: solid 1px rgb(000,000,000);
	width:135px;
	font-size: 100%;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}

#header div.recherche form input.radio
	{
	height: 10px;
	width: 10px;
	}

#header div.recherche form input.bouton
	{
	border: solid 0px rgb(000,000,000);
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC0000;
	background-color: rgb(255,255,255);
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}

.barremenu
	{
	width: 785px ;
	border-bottom-width: 1px ;
	border-bottom-style: solid ;
	border-bottom-color: rgb(000,000,000) ;
	background-color: rgb(176,176,176) ;
	}
	
	
/*footer*/
#footer
	{
	width: 785px ;
	text-align: center ;
	margin: 34px 0px 34px 0px ;
	font-size: 90%;
	}

#footer ul
	{
	margin: 0px 0px 11px 0px ;
	}

#footer ul ul li
	{
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px 8px 0px 0px;
	border-width: 0px 1px 0px 0px ;
	border-style: solid;
	border-color: rgb(102,102,102) ;
	}


/*partie centrale*/

#blocs
	{
	padding: 17px 0px 17px 0px ;
	border-style: solid ;
	border-width: 0px 0px 0px 1px ;
	border-color: rgb(000,000,000) ;
	}

#bloc_1, 
#bloc_2,
#bloc_3
	{
	padding: 0px 0px 0px 11px ;
	background: url("/img/fonds/fond_bloc.gif") 0px 0px repeat ;
	}

#bloc_3 div.bloc_3_trait
	{
	background: url(/img/fonds/bloc_3_separation.gif) 0px 0px repeat-y ;
	}

#bloc_3 div.bloc_3_trait div.bloc_3_masque
	{
	background: url(/img/fonds/fond-blanc.gif) 0px 0px no-repeat ;
	}

#bloc_1 div.contenu, 
#bloc_2 div.contenu,
#bloc_3 div.contenu
	{
	width: 463px ;
	float: left ;
	}

#bloc_1 div.contenu 
	{
	margin: 0px 10px 0px 0px ;
	}

#bloc_2 div.contenu,
#bloc_3 div.contenu
	{
	margin: 17px 10px 0px 0px ;
	}

#bloc_1 div.contenu p.principal
	{
	font-weight: bold ;
	}

#bloc_3 div.contenu div.col1,
#bloc_3 div.contenu div.col2
	{
	width: 224px ;
	float: left ;
	}

#bloc_3 div.contenu div.col1
	{
	margin: 0px 13px 0px 0px ;
	}

#bloc_1 div.contenu div.listearticle, 
#bloc_2 div.contenu div.listearticle
	{
	width: 460px ;
	margin: 0px 0px 10px 0px ;
	padding: 0px 0px 0px 0px ;
	}

#bloc_3 div.contenu div.listearticle
	{
	margin: 0px 0px 10px 0px ;
	padding: 0px 0px 0px 0px ;
	}

#bloc_1 div.contenu div.miseajour
	{
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 80%;
	background: url("/img/filets/filet_dashnoir.gif") left bottom repeat-x;
	font-weight: bold;
	}

.date
	{
	color: rgb(150,150,150);
	}

#bloc_2 div.contenu h1,
#bloc_3 div.contenu h1
	{
	margin: 0px 0px 10px 0px ;
	padding: 0px 0px 5px 0px ;
	background: url("/img/filets/filet_dashgris.gif") left bottom repeat-x ;
	}

#bloc_2 div.contenu h1.nosifr,
#bloc_3 div.contenu h1.nosifr,
#bloc_2 div.contenu h1.nosifr a,
#bloc_3 div.contenu h1.nosifr a,
#bloc_2 div.contenu h1.nosifr a:hover,
#bloc_3 div.contenu h1.nosifr a:hover,
#bloc_article div.contenu h1.nosifr,
#bloc_article div.contenu h1.nosifr a,
#bloc_article div.contenu h1.nosifr a:hover,
#bloc_article div.contenu h1.nosifr a:active,
#bloc_article div.contenu h1.nosifr a:visited
	{
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 13px;
	color:#CC0000;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#bloc_1 div.contenu h2, 
#bloc_2 div.contenu h2,
#bloc_3 div.contenu h2
	{
	margin: 0px 0px 5px 0px ;
	}
	
#bloc_1 div.contenu h2 
	{
	font-size: 120% ;
	font-weight: bold ;
	}
	
#bloc_1 div.contenu div.listearticle h2 a,
#bloc_1 div.contenu div.listearticle h2 a:visited
	{
	color: rgb(204,000,000) ;
	}
	
#bloc_1 div.contenu div.listearticle h2.interactif a,
#bloc_1 div.contenu div.listearticle h2.interactif a:visited
	{
	color: rgb(0,150,0) ;
	}
	


#bloc_1 div.contenu div.listearticle h2 a:hover, 
#bloc_2 div.contenu div.listearticle h2 a:hover,
#bloc_3 div.contenu div.listearticle h2 a:hover,
#bloc_1 div.contenu div.listearticle h2 a:active, 
#bloc_2 div.contenu div.listearticle h2 a:active,
#bloc_3 div.contenu div.listearticle h2 a:active
	{
	text-decoration: underline ;
	}

#bloc_1 div.contenu div.listearticle h2.principal, 
#bloc_2 div.contenu div.listearticle h2.principal,
#bloc_3 div.contenu div.listearticle h2.principal
	{
	font-size: 140% ;
	font-weight: bold ;
	}
	
#bloc_2 div.contenu div.listearticle h2
	{
	font-size: 110% ;
	font-weight: bold ;
	}

#bloc_3 div.contenu div.listearticle h2
	{
	font-size: 90% ;
	margin: 0px 0px 7px 0px ;
	padding: 0px 0px 0px 0px ;
	}
	
#bloc_1 div.contenu div.listearticle h3, 
#bloc_2 div.contenu div.listearticle h3,
#bloc_3 div.contenu div.listearticle h3
	{
	font-size: 95% ;
	font-weight: bold ;
	color: rgb(000,000,000) ;
	}
	
#bloc_1 div.contenu div.listearticle h3 a, 
#bloc_2 div.contenu div.listearticle h3 a,
#bloc_3 div.contenu div.listearticle h3 a
#bloc_1 div.contenu div.listearticle h3 a:visited, 
#bloc_2 div.contenu div.listearticle h3 a:visited,
#bloc_3 div.contenu div.listearticle h3 a:visited
	{
	color: rgb(000,000,000) ;
	}
	
#bloc_1 div.contenu h3 a:hover, 
#bloc_2 div.contenu h3 a:hover,
#bloc_3 div.contenu h3 a:hover,
#bloc_1 div.contenu h3 a:active, 
#bloc_2 div.contenu h3 a:active,
#bloc_3 div.contenu h3 a:active
	{
	text-decoration: underline ;
	}

#bloc_1 div.contenu div.listearticle p, 
#bloc_2 div.contenu div.listearticle p,
#bloc_3 div.contenu div.listearticle p
	{
	margin: 0px 0px 5px 0px ;
	}

#bloc_1 div.contenu div.listearticle p a:hover, 
#bloc_2 div.contenu div.listearticle p a:hover,
#bloc_3 div.contenu div.listearticle p a:hover
	{
	color: rgb(170,000,000);
	text-decoration: none;
	}

#bloc_1 div.contenu div.listearticle ul, 
#bloc_2 div.contenu div.listearticle ul,
#bloc_3 div.contenu div.listearticle ul
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}

#bloc_1 div.contenu div.listearticle ul li, 
#bloc_2 div.contenu div.listearticle ul li,
#bloc_3 div.contenu div.listearticle ul li
	{
	padding: 0px 0px 2px 10px;
	background:  url("/img/puc/car_rg.gif") 2px 6px no-repeat ;
	font-size: 95% ;
	line-height: 140% ;
	}

#bloc_1 div.contenu div.listearticle ul li.interactif, 
#bloc_2 div.contenu div.listearticle ul li.interactif,
#bloc_3 div.contenu div.listearticle ul li.interactif
	{
	background: url("/img/puc/car_vr.gif") 2px 6px no-repeat ;
	}

#bloc_1 div.contenu div.listearticle ul.horizontal li, 
#bloc_2 div.contenu div.listearticle ul.horizontal li,
#bloc_3 div.contenu div.listearticle ul.horizontal li
	{
	display: inline ;
	margin: 0px 10px 0px 0px ;
	}

#bloc_1 div.contenu div.listearticle ul li a, 
#bloc_2 div.contenu div.listearticle ul li a,
#bloc_3 div.contenu div.listearticle ul li a
	{
	color: rgb(170,000,000) ;
	}

#bloc_1 div.contenu div.listearticle ul li.interactif a, 
#bloc_2 div.contenu div.listearticle ul li.interactif a,
#bloc_3 div.contenu div.listearticle ul li.interactif a
	{
	color: rgb(23,143,90) ;
	}

#bloc_1 div.contenu div.listearticle ul li a:hover, 
#bloc_2 div.contenu div.listearticle ul li a:hover,
#bloc_3 div.contenu div.listearticle ul li a:hover
	{
	text-decoration: underline ;
	}

#bloc_1 div.contenu div.listearticle
	{
	padding: 0px 0px 10px 0px;
	background: url("/img/filets/filet_dashgris.gif") left bottom repeat-x ;
	}

#bloc_1 div.contenu div.listearticle div.photo, 
#bloc_2 div.contenu div.listearticle div.photo,
#bloc_3 div.contenu div.listearticle div.photo
	{
	margin: 0px 11px 10px 0px ;
	}

#bloc_1 div.contenu div.listearticle div.photo1, 
#bloc_2 div.contenu div.listearticle div.photo1,
#bloc_2 div.contenu div.listearticle div.photo1
	{
	width: 130px ;
	float: left ;
	}
	
#bloc_1 div.contenu div.listearticle div.photo2, 
#bloc_2 div.contenu div.listearticle div.photo2,
#bloc_3 div.contenu div.listearticle div.photo2
	{
	width: 75px ;
	float: left ;
	}
	
#bloc_1 div.contenu div.listearticle div.texte, 
#bloc_2 div.contenu div.listearticle div.texte,
#bloc_3 div.contenu div.listearticle div.texte
	{
	float: left;
	}

#bloc_2 div.contenu div.listearticle div.texte,
#bloc_3 div.contenu div.listearticle div.texte
	{
	float: left;
	}

#bloc_1 div.contenu div.listearticle div.texte p
	{
	line-height: 120% ;
	}
	
#bloc_2 div.contenu div.listearticle div.texte p,
#bloc_3 div.contenu div.listearticle div.texte p
	{
	font-size: 95% ;
	line-height: 130% ;
	}
	
#bloc_1 div.contenu div.listearticle div.texte1, 
#bloc_3 div.contenu div.listearticle div.texte1,
#bloc_2 div.contenu div.listearticle div.texte1
	{
	width: 318px ;
	float: left ;
	}
	
#bloc_1 div.contenu div.listearticle div.texte2, 
#bloc_3 div.contenu div.listearticle div.texte2,
#bloc_2 div.contenu div.listearticle div.texte2
	{
	width: 365px ;
	float: left ;
	}
	
#bloc_1 div.contenu p.sourcedate 
	{
	margin: 0px 0px 5px 0px ;
	padding: 0px 0px 0px 0px ;
	color: rgb(150,150,150);
	font-size: 85%;
	}
	
#bloc_2 div.contenu p.sourcedate
	{
	margin: 0px 0px 5px 0px ;
	padding: 0px 0px 0px 0px ;
	color: rgb(150,150,150);
	font-size: 85%;
	}
	
#bloc_2 div.contenu p.sourcedate2
	{
	margin: 0px 0px 5px 0px ;
	padding: 0px 0px 0px 0px ;
	xcolor: green ;
	color: rgb(150,150,150);
	font-size: 85%;
	}
	
#bloc_1 div.colboites, 
#bloc_2 div.colboites,
#bloc_3 div.colboites,
#bloc_article div.colboites
	{
	float: left ;
	width: 300px ;
	padding: 17px 0px 17px 0px ;	
	background-color: rgb(230,230,230) ;
	}

.boitesmarge 
	{
	margin: 0px 10px 0px 10px ;
	}
	
/* iframe pub*/
.smart
	{
	text-align: center ;
	background-color: rgb(211,211,211);
	}

div.colboites div.pub300
	{
	text-align: center ;
	}

div.colboites div.pub300 iframe,
div.colboites div.pub300x90 iframe
	{
	float: left ;
	}
	
div.colboites div.pub300 p,
div.colboites div.pub300x90 p
	{
	margin: 22px 0px 2px 11px;
	color: rgb(102,102,102)
	}
	
div.colboites div.pub300 div.boitepub300
	{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: rgb(0,0,0);
	width: 300px;
	xbackground-color: rgb(211,211,211);
	}
	
div.colboites div.pub300 div.boitepub300x90
	{
	margin: 0px;
	border-width: 0px 0px 0px 0px ;
	border-style: solid;
	border-color: rgb(0,0,0);
	width: 300px;
	}
	
#boite_enimages	
	{
	width: 785px ;
	background: rgb(000,000,000) url(/img/pic/enimages_fleche.gif) no-repeat;
	}

#boite_enimages div.boiteimage
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left ;
	}

#boite_enimages div.boiteimage img
	{
	border-width: 0px 1px 0px 0px ;
	border-style: solid ;
	border-color: rgb(000,000,000) ;
	}

#boite_enimages div.boitetitre
	{
	width: 100px;
	float: right;
	}

#boite_enimages div.boiteimage div.legende
	{
	font-size: 85%;
	color: rgb(255,255,255);
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 2px 2px;
	}
	
#boite_enimages div.boiteimage div.legende a,
#boite_enimages div.boiteimage div.legende a:hover,
#boite_enimages div.boiteimage div.legende a:active,
#boite_enimages div.boiteimage div.legende a:visited
	{
	color: rgb(255,255,255);
	text-decoration: none;
	}
	
#boite_enimages div.boiteimage div.legende a:hover
	{
	color: rgb(255,255,255);
	text-decoration: none;
	}
	
#barre2, 
#barre3	
	{
	width: 785px ;
	background-color: rgb(211,211,211);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#barre2 div.boitebarre, 
#barre3 div.boitebarre
	{
	width: 242px ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	float: left ;
	}

#barre2 div.boitebarre div.contenu, 
#barre3 div.boitebarre div.contenu
	{
	margin: 0px 11px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}

#barre2 div.boitebarre img, 
#barre3 div.boitebarre img
	{
	background-color: rgb(153,153,153) ;
	margin: 0px 5px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	float: left; 
	}

#barre2 div.boitebarre div.texte, 
#barre3 div.boitebarre div.texte
	{
	float: left; 
	width:151px; 
	}

#barre2 div.boitebarre h5, 
#barre3 div.boitebarre h5
	{
	font-size: 70%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#barre2 div.boitebarre h6, 
#barre3 div.boitebarre h6
	{
	font-size: 80%;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#barre2 div.boitebarre p, 
#barre3 div.boitebarre p
	{
	font-size: 88%;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#barre2 div.boitebarre p.auteur,
#barre3 div.boitebarre p.auteur
	{
	font-size: 88%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* boite chat */

#bloc_1 div.contenu div.chat
	{
	width: 450px ;
	margin: 0px 0px 10px 0px ;
	padding: 5px 5px 5px 5px ;
	background-color: rgb(230,230,230);
	}

#bloc_1 div.contenu div.chat h2,
#bloc_1 div.contenu div.chat h2 a,
#bloc_1 div.contenu div.chat p a:hover
	{
	color: rgb(026,160,101);
	}

#bloc_1 div.contenu div.chat p
	{
	margin-bottom: 3px ;
	}


/* formulaires */

form input.saisie
	{
	font-size: 90%;
	line-height: 100%;
	font-weight: normal;
	border: solid 0px rgb(000,000,000);
	height: 14px;
	}

form input.bouton
	{
	border: solid 0px rgb(0,0,0);
	font-size: 75%;
	font-weight: bold;
	color: rgb(0,0,0);
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif ;
	background-color: rgb(230,230,230);
	height: 15px;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}
	
form input.interactif
	{
	background-color: rgb(23,160,101);
	}
	
form input.services
	{
	background-color: rgb(255,155,032) ;
	}
	
