* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background:url(images/degrade2.png) repeat-x #fff;*/
	background:url(images/degrade_noir.jpg) repeat-x #000;
	/*background:url(images/bas.png) center bottom repeat-x fixed;*/
	text-align:center;
	z-index: -2;
}



#contenant{
	position: absolute;
	width: 910px;
	margin-top: 20px;
	text-align:left;
	height:650px;
	/*margin-bottom:100px;*/
	margin-left: 50%;
	left: -455px;
	z-index: 1;
}

p{
font-size:12px;
margin-top: 0px;
	margin-bottom: 0px;
}

a{
	color:#e32118;
}

h1{
	font-size: 16px;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h2{
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h3{
	font-size: 14px;
	font-weight: bold;
		margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h4{
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h5{
	font-size: 11px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

img{
	border:none;
}

input.submit{
padding:0px;
border:none;
background:none;
color:#e42426;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
background:url(images/fond_bouton2.gif) no-repeat bottom;
width:101px;
height:28px;
cursor:pointer;
margin-top:-3px;
}

.clear{
clear:both;
}

#mire{
	margin-left:253px;
	width: 394px;
	height: 202px;
	background: url(images/logo_mire.png);
	margin-bottom:20px;
}

#description{
	padding-top: 10px;
	padding-left:2px;
	padding-right:20px;
	width: 900px;
	vertical-align:top;
	text-align:justify;
	
}


.coordonnees{
margin-bottom:0px;
padding-bottom:0px;
}

#agoralp{
margin-top:8px;
	width: 100px;
	height: 35px;
}

#footer{
width:900px;
text-align:center;
position:relative;
bottom:0px;
margin-top:0px;
}

#menu{
text-align:center;
width:910px;
margin-left:10px;
margin-top:20px;
}

#menu ul{
list-style-type:none;
text-align:center;
}

#menu ul li{
float:left;
margin-right:3px;
width:143px;
height:24px;
}


.menu_rub, .menu_rub_hover{
background:url(images/fond_menu.jpg) no-repeat;
text-align:center;
padding:0px;
width:143px;
height:24px;
font-weight:bold;
padding-top:6px;
font-size:11px;
}

.menu_rub a{
color:#6e6e6e;
text-decoration:none;
}

.menu_rub a:hover, .menu_rub_hover a{
color:#e42426;
text-decoration:none;
}


#contenu{
width:910px;
position:relative;/**/
float:left;
text-align:left;
/**/padding-top:10px;
padding-left:7px;
}

#themes{
text-align:left;
}

.rubrique{
position:relative;
margin-bottom:10px;
}

.rubrique a{
color:#9e9e9e;
position:absolute;
left:25px;
top:0px;
text-decoration:none;
}

#tous{
margin-bottom:20px;
}

#tous a:hover{
color:#ffffff;
}

#tous .carre{
background:#ffffff;
}

#societe a:hover{
color:#e42426;
}


#societe .carre{
background:#e42426;
}


#culture a:hover{
color:#6699ff;
}


#culture .carre{
background:#6699ff;
}


#services a:hover{
color:#ccaf8e;
}

#services .carre{
background:#ccaf8e;
}


#sport a:hover{
color:#ff6600;
}

#sport .carre{
background:#ff6600;
}

#loisirs a:hover{
color:#66cc66;
}

#loisirs .carre{
background:#66cc66;
}

#divers a:hover{
color:#cc99ff;
}

#divers .carre{
background:#cc99ff;
}

.carre{
width:13px;
height:13px;
}

#themes{
position:absolute;
width:159px;
height:215px;
}

#fond-themes{
position:absolute;
top:0px;
left:3px;
}

#liste-themes{
position:absolute;
top:20px;
left:40px;
}

#liste-themes td{
}

#liste-themes p{
}



#video-rech{
position:absolute;
width:159px;
height:215px;
left: 3px;
top: 230px;
}

#fond-video-rech{
position:absolute;
top:0px;
left:3px;
}

#form-video-rech{
position:absolute;
top:20px;
left:40px;
}

.champ-rech {
height: 20px;
padding: 2px 1px 2px 3px;
background-color: #ddd;
font-family: arial;
font-size: 10px;
width: 102px;
margin-bottom: 8px;
border: 1px solid #444;
}


#liste{
position:absolute;
left:170px;
width:317px;
height:494px;
}

#fond-liste{
position:absolute;
top:0px;
left:0px;
}

#liste-contenu{
position:absolute;
top:20px;
left:40px;
width:250px;
height:467px;
}

.une-video-liste{
color:#ffffff;
width:250px;
position:relative;
text-align:left;
margin-bottom: 5px;
line-height: 14px;
}

.une-video-liste h3{
font-size:13px;
}

.une-video-liste p{
color:#e5e5e5;
}

.une-video-liste-img{
position:absolute;
bottom:0px;
right:0px;
width:66px;
height:14px;
background:url(images/details.gif);
}

.une-video-liste-img:hover{
background:url(images/details_over.gif);
}

#pagination-liste{
color:#6e6e6e;
font-weight:bold;
text-align:center;
width:250px;
position:absolute;
bottom:0px;
left:0px;
z-index: 3;
}

#video{
position:absolute;
left:491px;
}

#fond-video{
position:absolute;
top:0px;
left:0px;
}

#video-contenu{
position:absolute;
top:20px;
left:40px;
width:320px;
height:450px;
}

#une-video-date{
color:#e5e5e5;
position:relative;
left:0px;/**/
top:0px;
}

#une-video-titre{
position:relative;
left:0px;
margin-top:5px;
}

#une-video-genre{
color:#e5e5e5;
position:relative;
left:0px;
}

#une-video-chapo{
color:#ffffff;
margin-top: 10px;
position:relative;
left:0px;
}

#une-video-vignette{
width:100px;
/*height:100px;
background:#e5e5e5;*/
position:relative;
left:0px;
margin-top: 10px;
float:left;
}

#une-video-voir{
margin-top: 5px;
position:relative;
left:17px;
width:66px;
height:14px;
background-color: #ff0000;
background:url(images/voir.gif);
}

#une-video-voir:hover{
background:url(images/voir_over.gif);
}


#une-video-texte{
color:#e5e5e5;
margin-left: 10px;
margin-top: 10px;
width:210px;
float:left;
vertical-align: top;
}

#calendrier{
position:absolute;
left:5px;
}

#calendar{
position:absolute;
top:15px;
left:25px;
}

#liste-actus{
position:absolute;
left:230px;
color:#fff;

width: 647px;
height: 186px;
background: url(images/liste-actus-fond.png);
/*z-index: 0;*/
}

#liste-actus-fond{
/*position:absolute;
top:15px;*/
z-index: 0;
}

#liste-actus-contenu {
margin-top: 15px;
height: 154px;
width: 630px;
/*z-index: 3;*/
overflow: auto;
}

.une-actu-resume{
/*position:absolute;*/
position: relative;
/*top:20px;*/
left:25px;
width: 570px;
z-index: 3;
}

.une-actu-titre{
width:110px;
text-align:right;
float: left;
}

.une-actu-phrase{
/*position:absolute;*/
/*left:115px;*/
/*top:3px;*/
margin-left: 120px;
width:447px;
}

.une-actu-phrase a{
color: #fff;
text-decoration: none;
}

.une-actu-phrase a:hover{
text-decoration: underline;
}

#actu-detail{
position:absolute;
top:230px;
left:300px;
}

#actu-detail-contenu{
position:absolute;
top:25px;
left:60px;
}

#actu-texte{
position:absolute;
left:110px;
top:0px;
width: 320px;
}

#actu-vignette{
width:100px;
height:100px;
/*background:#000000;*/
position:absolute;
top:50px;
left:0px;
}

#actu-texte h3{
height:50px;
}

#actu-precedente{
position:absolute;
top:237px;
left:395px;
}

#actu-suivante{
position:absolute;
top:238px;
left:442px;
}

#pub{
position:absolute;
top:205px;
left:8px;
}

#pub-contenu{
position:absolute;
top:15px;
left:2px;
width:180px;
height:150;
}
#pub-texte{
position:absolute;
top:100px;
left:0px;
text-align:center;
font-weight:bold;
font-size:12px;
}

#pub a{
	width:183px;
	height:75px;
	position:absolute;
	top:-7px;
	left:24px;
	text-decoration: none;
}

#pub-fond{
position:absolute;
top:0px;
left:0px;
}

.service{
position:relative;
float:left;
text-align:center;
width:286px;
height:180px;
margin-right:8px;
}

.service2{
position:relative;
float:left;
text-align:center;
width:214px;
height:155px;
margin-right:6px;
}

.service-fond{
position:absolute;
top:0px;
left:0px;
}

.service-infos{
position:absolute;
width:286px;
height:115px;
top:10px;
left:0px;
text-align:center;
}

.service-infos p{
position:absolute;
top:70px;
width:286px;
}

#services-liste{
position:absolute;
left:-6px;
width:220px;
height:494px;
}

#services-liste-contenu{
position:absolute;
top:20px;
left:40px;
width:190px;
height:467px;
color:#ececec;
}

#services-liste-contenu td{
padding-left:10px;
padding-bottom:10px;
}

#services-liste-contenu a{
font-weight:bold;
color:#bebebe;
text-decoration:none;
}

#services-liste-contenu a:hover{
color:#fff;
}


#pagination-services{
color:#6e6e6e;
font-weight:bold;
text-align:center;
width:200px;
position:absolute;
bottom:0px;
left:0px;
}

#services-detail{
position:absolute;
left:270px;
width:380px;
height:494px;
}

#fond-detail{
position:absolute;
top:0px;
left:0px;
}

#detail-contenu{
position:absolute;
top:20px;
left:20px;
width:570px;
height:450px;
text-align:justify;
}


.partenaire{
position:relative;
float:left;
text-align:center;
width:286px;
height:120px;
margin-right:8px;
}

.partenaire-fond{
position:absolute;
top:0px;
left:0px;
}

.partenaire-infos{
position:absolute;
width:286px;
height:115px;
top:10px;
left:0px;
text-align:center;
}

.partenaire-infos p{
position:absolute;
top:70px;
left:0px;
width:286px;
}

#agoralp1{
position:absolute;
left:635px;
}


#agoralp-coordonnees{

position:absolute;
top:20px;
left:15px;
}

#agoralp2{
position:absolute;
left:10px;
top:140px;
}

#agoralp-infos{
color:#6e6e6e;
position:absolute;
top:15px;
left:15px;
width:220px;
text-align:center;
}

#agoralp-infos a{
margin-top:5px;
display:block;
}

#formulaire{
position:absolute;
left:8px;
}

#formulaire-contenu{
position:absolute;
top:20px;
left:40px;
color:#fff;
line-height:20px;
}

#formulaire-contenu .submit{
margin-left:160px;
}
#formulaire-contenu td{
padding:0px;
}

#newsletter{
position:absolute;
left:375px;
}

#newsletter-contenu{
position:absolute;
top:20px;
left:45px;
width:180px;
color:#fff;
line-height:14px;
}

#newsletter-contenu .submit{
margin-left:70px;
}

#contact-description{
position:absolute;
left:380px;
top:174px;
}

#contact-description-contenu{
position:absolute;
top:20px;
left:15px;
/**/width:460px;
line-height:14px;
}

#contact-plus{
position:absolute;
left:635px;
top:165px;
}

#mentions-legales, #plan-site{
background:url(images/fond_bouton3.gif);
width:244px;
height:19px;
text-align:center;
padding:0px;
font-weight:bold;
padding-top:6px;
font-size:11px;
margin-top:5px;
}

#mentions-legales a, #plan-site a{
text-decoration:none;
color:#6E6E6E;
}

#mentions-legales a:hover, #plan-site a:hover{
color:#e42426;
}

#bas{
height:318px;
top:650px;
/*bottom: 0px;*/
left: 0px;
/*width:inherit;*/
width: 100%;

background:url(images/bas.gif) center bottom repeat-x;/**/


/*position:relative;*/
position: absolute;
z-index: 0;
}

.champ-special {
display: none; visibility: hidden;
}