/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------BLOCS----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
* {padding:0; margin:0}

.main{
	margin-left: auto;
	margin-right: auto;
	width: 922px;
}

.home{

	margin-left: auto;
	margin-right: auto;
	width: 922px;
	height: 553px;
	margin-top: 20px;
}

.fond{
	width: 921px;
	height: 553px;
}

.celluleopaque{
	background-color: #000000;
	width: 183px;
	height: 137px;
	z-index:1;
	position: absolute;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.contentcelluleopaque{
	width: 183px;
	height: 137px;
	z-index:5;
	position: absolute;
	color: #ffffff;
	font-family: arial;
	font-size: 11px;
}
.contentcelluleopaque div {
margin:10px 10px 5px 5px;
}

.cellule1{
	width: 183px;
	height: 137px;
	float:left;
	border-top: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white
}

.cellule{
	width: 183px;
	height: 137px;
	float:left;
	border-right: 1px solid white;
	border-bottom: 1px solid white
}
.celluleg{
	width: 366px;
	height: 137px;
	float:left;
	border-right: 1px solid white;
	border-bottom: 1px solid white
}

.bandeau{
	width: 919px;
	height: 136px;
	float: left;
	margin: 0px;
	border-left: 1px solid #a4a5aa;
	border-right: 1px solid #a4a5aa;
}

.menu{
	width: 922px;
	height: 20px;
	margin-left: -1px;
	margin-top: 0px;
	float: left;
}

.onglet{
	width: 184px;
	height: 20px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}

.sousmenu{
	width: 919px;
	height: 21px;
	float: left;
	background:URL("../images/page-jipo_08.jpg") no-repeat;
	background-color: #e5e5e5;
	padding-top: 4px;
	border-bottom: 1px solid #a4a5aa;
	border-left: 1px solid #a4a5aa;
	border-right: 1px solid #a4a5aa;
	margin-top: -1px;
}

.content{
	width: 922px;
	float: left;
	margin-top: 20px;
	/*border: 1px dashed black;*/
	border: 1px solid #c0c0c0;
	background-color: #ffffff;
}

.contentleft{
	width: 701px;
	float: left;
	padding-left: 35px;
	padding-top: 30px;
	padding-bottom: 30px;
}


.contentright{
	width: 185px;
	float: left;
}

.picright{
	width: 185px;
	float: left;
	border-left: 1px dashed #c0c0c0;
	border-bottom: 1px dashed #c0c0c0;
}

.footer{
	width: 922px;
	height: 18px;
	float: left;
	background-color: #c62103;
	margin-top: 10px;
	font-size: 11px;
	font-family: arial;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #c0c0c0;
}

.popup{
	width: 470px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

.contentpopup{
	width: 470px;
	margin-top: 10px;
	float:left;
	padding-bottom: 20px;
	border-bottom: 1px solid #c0c0c0;
}

.bandeautitre{
	width: 470px;
	height: 45px;
	float: left;
	background-color: #c62103;
	margin-top: 10px;
	font-size: 16px;
	font-family: arial;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #c0c0c0;
}
	

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------LIENS----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/


a.liensousmenu{
	font-size: 11px;
	font-family: arial;
	color: #4c4f5d;
	text-decoration: none;
	
}

a.liensousmenu:hover{
	font-size: 11px;
	font-family: arial;
	color: #4c4f5d;
	text-decoration: underline;
	
}

a.lienfooter{
	font-size: 11px;
	font-family: arial;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.lienfooter:hover{
	font-size: 11px;
	font-family: arial;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

a.lientexte{
	font-size: 11px;
	font-family: arial;
	color: #000000;
}

a.lientexte:hover{
	font-size: 11px;
	font-family: arial;
	color: #bababa;
	text-decoration: none;
}

a.lientexte2{
	font-size: 11px;
	font-family: arial;
	color: #bababa;
	text-decoration: underline;
}

a.lientexte:hover2{
	font-size: 11px;
	font-family: arial;
	color: #bababa;
	text-decoration: none;
}

a.lienblanc{
	color: #ffffff;

	text-decoration: none;
}

a.lienblanc:hover{
	color: #ffffff;

	text-decoration: underline;
}

a.lienhome{
	color: #ffffff;

	font-family: arial;
	font-size: 11px;
	text-decoration: none;
}

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

a:link,a:visited {color:white;}
a:hover {font-weight:bold;}
/*a:visited {color:white}*/


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------TITRES---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/

ul {margin-left:40px; margin-top:10px;}
.titre{
	width: 350px;
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
	color: #4c4f5d;
}

.textenormal{
	font-size: 11px;
	color: #4c4f5d;
	font-family: arial;
}

.textenormal2{
	font-size: 11px;
	color: #bababa;
	font-family: arial;
}

li{
	display: list-item;
	list-style-image: url(../images/liste.jpg);
}

.li2{
	display: list-item;
	list-style-image: url(../images/liste2.jpg);
	margin-left: 30px;
}

.li3{
	display: list-item;
	list-style-image: url(../images/liste.gif);
	margin-left: -15px;
}

.grasred{
	color: #c62103;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.red{
	color: #c62103;
}

.h1{
	color: #ff0000;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
}

div ._front p {
margin-left:10px;
margin-right:10px;
}
/*
.mod_events_latest_first  {
	color: white;
	font-weight:bold;	
}
table.mod_events_latest_table td.mod_events_latest {
}

.mod_events_latest {
	color: white;
	font-weight:bold;	
}

td.mod_events_latest_first  a {
	color: white;
	font-weight:normal;
}
td.mod_events_latest_first  a:hover {
	color: yellow;
	font-weight:bold;
}
td.mod_events_latest a {
	color: white;
	font-weight:normal;
}*/