html, body {
	/*	height: 100%;
	background: #000 url(../images/fondbody.jpg) repeat-x top;
*/
background: #fff;
}
body {
	background-image: url(../images/fond-top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
.print {
	display: none;
}

.vocal {
	display: none;
}

/* Header */
#header {
	/*	position: relative;height: 140px;*/
	width: 964px;
	text-align: center;
	min-height: 30px;
	margin-top: 1px;
	padding: 0;
	margin-bottom: 1em;
	/*background: url(../images/fond-header.jpg);
	background-position: right 0px;
	background-repeat: no-repeat; 	border: 1px solid #FF8C00;*/
/*	border-bottom: 1px solid #7F1D50;*/
}
#print-header {
}
#header h1, #header h2 {
	font-weight: normal;
	color: #FFFFFF;
}
/*
#header h1 {
	padding: 1.5em 0 0 0px;
	font-size: 3em; 
	background-image: url(images/logo-ih.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	color: #F0FFF0;
}*/
#header h1 {
	padding: 3px;
	font-size: 2em;
	/*height: 60px;width: 375px;
	background-image: url(../images/logo-ih-blanc.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: -5000px;*/
	color: #F0FFF0;
	margin: 0px 0 0 0;
}
/*#header h2 {
	float: right;
	padding: 134px 20px 0 0;
	font-size: 2.5px;
	color: #E3FE00;
}*/
#header h2 {
	float: right;
	padding: 124px 20px 0 0;
	font-size: 2.5px;
	color: #E3FE00;
}
#header h4 {
	margin: 0px 0 0 0px;
	letter-spacing: 0.08em;
	font-size: 0.85em;
	/*color: #E3FE00;*/
        color: #5E281E;
}
#right-col h3 {
	text-align: center;
	font-weight: normal;
	font-size: 1.0em;
	color: #F0FFFF;
	text-transform: uppercase;

	padding-right: 8px;
	border-bottom: 1px solid #4B4B4B;
}
#news-bloc ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 170px;
	background-image: url(../images/herbe.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
#news-bloc ul li {
	/*	display: block;
	clear: both;
	margin-bottom: 10px;*/
	
	margin: 0 0 10px 0;
	border: 1px solid #FEFBEC;
	border-bottom: 2px solid #D4CDCA;
	 
	background-image: url(../images/puce_verte.gif);
	background-position: 1px 28px;
	background-repeat: no-repeat;
}

#news-bloc a#all-news-link{
	text-align: right!important;
	font-size: 80%;
	text-decoration: none;
	color: #697B22;
	padding-right: 12px;
	background-image: url(../images/pt-arrow-vio.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#news-bloc a:hover#all-news-link {
	
	text-align: right;
	color: #DF1F6C;
}
#news-bloc h4 {
	/*	display: inline;*/
	padding: 0px 0px 0 15px;
	background: #E2DBDA url(../images/puce_verte_losan.gif) no-repeat 10px center; /*	text-transform: uppercase;*/
	text-decoration: none;
	font: normal 1.00em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #E81A64;
	text-align: left;
	text-indent: 10px;
	border-bottom: 2px solid #FEFBEC;
}

#news-bloc ul p {
	color: #67504E;
	text-align: left;
	padding: 0 5px 0 8px;
	font-size: 0.8em;
	line-height: normal; /*	display: inline;*/
/*	text-indent: 3px;*/
}
#news-bloc li {
	background-color: #EDEEE4;
}
#news-bloc li a.span {
	text-align: right!important;
	
}



#news-bloc li a {
font-weight: normal;

	font-size: 0.9em;
	color: #61731E;
	text-decoration: none;
	
}
/*#news-bloc li a:link {
	font: normal 70%!important;
	color: #61731E;
	text-decoration: none;
}*/
#news-bloc li a:hover {

	color: #AC208E;
	
}
#sidebar h1 {
	border: none;
	font-weight: normal;
	background-image: url(../images/puce-vio.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-transform: uppercase;
}
/* Content */
.wrapper {
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 964px;
	background-color: transparent;


}
#page  {
	/*background-image: url(../images/raccord-menuh.jpg);
	background-position: top;
	background-repeat: repeat-x;*/
padding: 0px;


}
#zone-blanche {
	background-color: transparent;
	background-image: url(../images/fond-page.gif);
	background-position:  0px 0;
	background-repeat: repeat-y;
/*	width: 765px;*/
	float: left;
	min-height: 400px;
	/*min-height: 100%;*/
border: 1px solid blue;
	margin: 0;
	padding: 0;

}
/* ex #menuv */
#right-col {
	/*float: right;
	width: 170px;
	border: 1px solid blue;*/
		padding-left: 8px;
	background-image: url(../images/fond-cold.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	margin-top: 29px;
}
#recherche {
	float: right;
	width: 290px;
	padding: 4px 4px 50px 4px;
	margin-top: 2em;
	border: 0 none;
	/*background-image: url(../images/all-icons.gif);
	background-repeat: no-repeat;
	background-position: 50% bottom;*/
}
.site-title {
/*	float: left;*/
	width: 650px;
}

/*#rightbar1 {
	padding: 40px 20px 0px 33px;
	background-image: url(../images/fond-menu-v.gif);
	background-position: top;
	background-repeat: no-repeat;
}*/
.gde-col{
	width: 748px;
	margin: 0 0 0 0;
	padding: 1px 0 0 0px;
	float: left;
	background-color: transparent;
		
}
#gde-col1 {
	background-color: transparent;

	height: 100%;
	
}
#sidebar {
	float: right; /*	border-right: 1px solid #7F1D50;*/
	border-right: 1px solid #41472D;
	width: 215px;
	background-image: url(../images/fond-top-cold2.gif);
	background-position: top left;
	background-repeat: no-repeat; /*	border: 1px solid #FF1493;padding-left: 4px;padding-top: 20px;*/
	padding: 0;
	height: 100%;
}
#sidebar-bas {
	width: 215px;
	height: 35px;
	background-image: url(../images/fond-bas-cold2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#selecteurcss {
	float: left;
}
#news-bloc {
	width: 180px;
	height: 343px;
	background-image: url(../images/bloc-news.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 35px 2px 8px 10px;
}
#sidebar #bloc-std {
	padding: 4px!important;
}
#adresse {
	margin: 80px 0 0 0;
	padding: 10px;
	text-align: justify;


	
}
#sidebar legend {
	color: #0060A4;
	font-size: 75%;
	border: 1px solid #81B0CE;
	margin-bottom: 4px;
	padding: 0 3px 0 3px;
}
#sidebar label {
	color: #C2E2EB;

}
#sidebar fieldset {
	margin: 0;
	padding: 0;
	border: 0 solid #fafafa;
}
#sidebar #searchinput {
	background-color: #F0FFFF;
	background-image: url(../images/fond-field1.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	float: left;
	height: 21px;
}
/*----- test button vs sbmit  ---  */
/*-------- test boutons extensibles */
button.bouton {
	width: 90px;
	min-width: 90px;
	display: -moz-inline-box;
	display: inline-block;
	margin: 0px 0 0 10px;
	padding: 0 0px 0 0px;
	font: 1em/1.3 Arial;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: none;
	border: none;
	height: 26px;
}
button.bouton span {
	margin: 0;
	float: left;
	padding: 0 0 0 19px;
/* Largeur du c�t� gauche */
	vertical-align: middle;
	background: url(../images/search-but-g.gif) left top no-repeat;
}
button.bouton span span {
	margin: 0 0 0 0;
	padding: 0 3px 0 0;
/* Largeur du c�t� droit */
	background: url(../images/search-but-d.gif) right top no-repeat;
}
button.bouton span span span {
	margin: 0;
	height: 26px;
/* Hauteur du bouton */
	padding: 0px 3px 0 3px;
	line-height: 1.6;
/* Alignement vertical du texte */
	background: url(../images/search-but-m.gif) repeat-x left top;
}
/* Correction des bug Internet Explorer */
_html button {
	width: 1%;
	overflow: visible;
}
_*:first-child+html button {
	overflow: visible;
}
/* --- fin test boutons extensibles  ---  */
.content {
	float: left;
/*border-bottom: 1px solid #4A4A4A;*/
	padding: 0 7px 0px 0px;
	margin-top: 1.1em;

}
/*--------------------------*/
.clear {
	clear: both;
	/*height: 1px;*/
}

/* Links */
#colonnes {
	float: right;
	border: 1px solid green;
}
/* Footer  : ses menus sont ds menus.css*/
#footer {
	height: 40px;
	width: 964px;
	border: none;
	border-top: 1px solid #787878;
	border-bottom: 1px solid #787878;
	padding: 0px 0 0px 0; /*	background-color: #391000;*/
	background-color: #000;
}

#footer p {
	text-align: center;
	color: #454545;
	margin: 0;
	padding: 0;
}


/* bannières pubs  #B6D34A */

/* pub1 468x60 en haut */
.pub1_468x60 {
	width: 468px;
	height: 58px;
	background-color: #D3E63F;
	position: relative;
	top: 73px;
	left: 440px;
	margin: 0;
	padding: 0;
}

#filet-horizontal {
border-bottom:1px solid #ddd;
height : 8px;
	margin-bottom: 8px;
	clear:both;
}
/*---- colonnes content ----*/

.colg-33{
	float: left;
	width: 230px;
        padding-left: 0px;
        padding-right: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
	border-right: 1px solid #626262;

}

.cold-66{
	float: right;
 
	width: 470px;
        padding-left: 15px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
}


.colg-66{
	float: left;
        
	width: 470px;
        padding-left: 0px;
        padding-right: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
	border-right: 1px solid #626262;
}
.cold-33{
	float: right;
 
	width: 230px;
        padding-left: 15px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
}
.separ {
	position: relative;
	height: auto;
	background-image: url(../images/separ.gif);
	background-repeat: repeat-y;
	overflow: auto;
	width: 100%;
	background-position:  -10px;
}
#petite-col {
	float: right;
	width: 249px;
	padding-left: 6px;
	padding-right: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
	border-left: 1px solid #626262;
}

#grande-col {
	float: left;
 		padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
	width: 450px;
        
}
.bloc25 {
/*background-image: url(../images/fondbody.jpg);
	background-repeat: repeat-x;
	background-position: top;*/
	float: left;
	margin:0px;
	margin-bottom: 00px;
	padding: 0px;
	width: 245px;
	min-height: 120px;
	_height: 120px;
/*	border: 1px solid #4F4F4F;*/
border: 0px;
}
/*---- generiques gde à G, petite à Droite --- */
/*----  voir si border-left ou right nécessaire 1px solid #ddd;  */
.col70 {
	width: 69%;
	float: left;
 	padding: 0 0 0 0px;
   margin: 0;
}
.col30 {
	float: right;
	width: 29%;
   padding: 0 0 0 0px;
   margin: 0;
}

.col60 {
	width: 59%;
	float: left;
 	padding: 0 0 0 0px;
   margin: 0;
}
.col40 {
	float: right;
	width: 39%;
   padding: 0 0 0 0px;
   margin: 0;
}

.col50 {
	width: 47%; height: 100%;
	float: left;
 	padding: 0 10px 0 10px;
   margin: 0;
}

#attributs-handicap {
	width: 30%;
	float: left;
}

#attributs-article {
	width: 65%;
	float: right;
text-align:right;
        padding-right: 10px;
}
.categorie_article {
	font-size: 1.0em;
	color:#1B1B1B;
	line-height: 1.05em;

}

#mosaic .titre_article {
font-size: 1em;
color: #ffa500;
}
#mosaic .categorie_article {
font-size: 0.9em;
color: white;
}

#mosaic .date_article {
font-size: 1em;
color: white;
}
#mosaic .interview_article {
font-size: 1em;
color: #1efff1;
}



/* ---------------------------*/