.top_edito{
	overflow : hidden;
}

.edito{
	background : url(../../images/css/edito_accueil-trans.png) no-repeat top left;
	float:  left;
	width : 282px;
	padding-top : 0px;
}

.edito h1{
	color : white;
	height : 30px;
	margin-top:17px;
	text-align : center;
	font-size : 1.1em;
}

.edito p{
	text-align : justify;
}

.edito p.chapeau{
	font-weight : bold;
}

.edito .textEdito{
	border-right: 1px solid #2B1534;
	border-left: 1px solid #2B1534;
	padding : 9px 15px;
}

.edito ul{
	list-style : square;
	color : #563863;
	margin-left:12px;
}

.edito ul li{
	margin : 7px 0px;
	line-height : 1.4em;
}

.edito .bottom_edito{
	background : url(../../images/css/bottom_edito-trans.png) no-repeat top left;
	height : 33px;
	width : 282px;
}

.right_edito{
	background : url(../../images/css/bout_edito-trans.png) no-repeat 0px top;
	float:  left;
	overflow : hidden;
	width : 706px;
}


ul.sous-menu{
	margin-left:242px;
}

ul.sous-menu li {
	color:white;
	display:block;
	float:left;
	padding:6px 18px;
	position:relative;
}

div.right_edito h1 {
	border-bottom:1px solid #E75113;
	color:#E75113;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	margin-bottom : 10px;
}

div.middle{
	margin-top : 20px;
	padding : 5px;
	padding-left:10px;
	padding-bottom : 0px;
	float : left;
	min-height : 620px;
}

div.middle img{
	padding : 5px;
	padding-right : 10px;
	float : left;
}

div.middle .left .chapeau{
	font-weight : bold;
}

div.middle h2 {
	border-bottom:1px solid #E75113;
	color:#E75113;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

.right img{
	float : left;
	margin-right: 10px;
	margin-top: 10px;
}

.right ul {
	color:#E75113;
	font-size:11px;
	margin-left: 17px;
}

.right p, .left p, .bottom .droite p{
	text-align : justify;
	line-height : 1.3em;
}

div.left {
	float:left;
	height:420px;
	width:265px;
	margin-left: 20px;
	padding-right:  50px;
	background : url(../../images/exposer/barre_grande_verticale.jpg) no-repeat top right;
}

div.left ul {
	list-style :none;
	margin-top : 10px;
}

div.left ul li{
	background : url(../../images/css/puce2-trans.png) no-repeat left 8px;
	font-weight :bold;
	padding : 5px;
	padding-left: 15px;
}

div.left p.link {
	background:transparent url(../../images/css/puce_orange-trans.png) no-repeat left center;
	color:#E75113;
	font-size:10px;
	height:13px;
	margin-left:74px;
	padding-left:15px;
	text-indent:5px;
}

div.left p.link a {
	color:#E75113;
	text-decoration:none;
}

div.right_edito .right{
	float : left;
	width : 310px;
	padding : 0px;
	padding-left : 30px;
}

div.right_edito div.right h2 {
	background: transparent url(../../images/css/puce_violette.jpg) no-repeat left 5px;
	color:#563863;
	font-weight:normal;
	height:18px;
	text-indent:15px;
	border-bottom : #583963 1px dashed;
}

div.right_edito div.right .chapeau{
	padding : 3px 5px;
	margin-bottom : 15px;
	font-size : 1.2em;
}

div.right_edito div.right .haut ul{
	margin-left : 20px;
}

div.right_edito div.right .haut li{
	padding : 7px;
	color:#E75113;
}

div.right_edito div.right .haut li span{
	color : black;
}

div.right_edito div.right p.link a {
	color:#E75113;
	margin-left:5px;
	text-decoration:none;
	background : url(../../images/css/puce_orange-trans.png) no-repeat left top;
	padding-left:20px;
}

div.right p.link {
	font-size:10px;
	height:16px;
	margin-left:205px;
	margin-top:20px;
	margin-bottom:22px;
}

div.right_edito div.right .bas ul{
	float : right;
	color: #E75113;
}

div.right_edito div.right .bas ul li span{
	color : black;
}

div.right_edito div.right .bas ul li {
	padding : 3px;
}

#footer{
	margin-top : -30px;
}

.bottom{
	clear : left;
	position : absolute;
	top: 480px;
	left: 320px;
	width : 664px;
	height : 195px;
}

div.bottom div.gauche {
float:left;
height:195px;
margin:0;
width:275px;
margin-right :40px;
}

div.bottom div.gauche ul{
	color:#E75113;
	margin-left : 20px;
}

div.bottom div.gauche ul li span{
	color : black;
}

div.bottom div.droite {
float:left;
font-size:11px;
height:115px;
margin:0 0 0 27px;
width : 300px;
}

.inscription_button {
padding-left:25px;
}

.inscription_button a {
	background:transparent url(../../images/css/inscription_en_ligne.jpg) no-repeat left top;
	display:block;
	height:37px;
	width:237px;
}

.inscription_button a:hover {
	background:transparent url(../../images/css/inscription_en_ligne_hover.jpg) no-repeat left top;
}

