/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/
body {
	background-color:#FFF; font:80% "Lucida Sans Unicode", Arial, Verdana; color:#000; text-align: center; padding:0 1em;
	margin: 0 ;
	background-image:url(../images/fond_siteALL.png); background-repeat:repeat-x;
	
}


a, a:link, a:visited {text-decoration:none; color:#0099CC; cursor:pointer; outline-style:none}
a:hover, a:focus {text-decoration:underline; color:#0099CC;}
a img {border:none; float:left;}


h1 {font:normal 36px "arial black",arial,sans-serif; color:#000; margin-bottom:5px; line-height:100%;letter-spacing:-2px; margin: 8px 0 30px 0;}
h3 {font:normal 30px "arial black",arial,sans-serif; color:#000; margin-bottom:5px; line-height:100%; margin: 10px 0 15px 0; letter-spacing:-1px; text-indent:6px;}
h4 {font:bold 19px arial,sans-serif;  margin-bottom:5px; line-height:100%; margin: 10px 0 15px 0; letter-spacing:-1px; display:block;}



#article h3 {
font:normal 35px "arial black",arial,sans-serif; color:#000; margin-bottom:5px; line-height:100%; margin: 10px 0 15px 0; letter-spacing:-1px; text-indent:22px;
background-image: url(../images/flechebg.png);
background-repeat:no-repeat;
}

strong {
font-weight:700;
}

em {
font-style:oblique;
}

#haut {
width:100%;
background-color:#FFF;
height:100px;
padding:0 0 8px 0;
}	



#prog {
width:444px;
height:349px;
background-image:url(../images/bloc_programme.jpg);
background-repeat:no-repeat;
float:right;
margin-bottom:30px;
}	 



#prog img {
float:left;
padding-right:20px;
}

#prog h3{
font-size:14px;
}

#prog ul{
width:135px;
padding-left:265px;
padding-top:75px;
padding-right:8px;
}	 


#prog a, a:link, a:visited {text-decoration:none; color:#000;  outline-style:none}
#prog a:hover, a:focus {text-decoration:underline; color:#666;}

#prog li {
padding-bottom:6px;
font-size:11px;
}

#bande {
	width:100%;
	background-color:FFF;
	height:100px;
	padding:0;
	border-bottom: medium solid #1398d7;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}	 
	 
.bandefixe{

	width:1070px;
  	margin: 0 auto;
	text-align: left;
 	
}	

	
.bandefixe p {
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-weight:normal;
color:#abc705;
font-size:20px;
margin:10px  0 0 0px;
height:35px;
display:block;
width:850px;
text-indent:110px;
	 }
	 
 
.gauche {
float: left;
padding:5px 0 0 0;

}


.clear {clear: both; margin: 0px}



.rouge {
 color: #e30119;
border-bottom: 2px solid #e30119; }

.rouge a:hover {
background-color:#e30119;
color:#FFFFFF;

}


.orange {
color: #f39401;
border-bottom: 2px solid #f39401; }

.orange a:hover {
background-color:#f39401;
color:#FFFFFF;
}	
	
.vert {
color: #049238;
border-bottom: 2px solid #049238; }

.vert a:hover {
background-color:#049238;
color:#FFFFFF;
}	

.bleu {
border-bottom: 2px solid #008dd3;
}
	
.bleu a:hover {
background-color:#008dd3;
color:#FFFFFF;
}	

.rose {
border-bottom: 2px solid #e42583;
}
	
.rose a:hover {
background-color:#e42583;
color:#FFFFFF;
}	
			


.gris{
border-bottom: 2px solid #666;
}
	
.gris a:hover {
background-color:#666;
color:#FFFFFF;
}	
				
.noir{
border-bottom: 2px solid #000;
}
	
.noir a:hover {
background-color:#000;
color:#FFFFFF;
}			
	
	 
#principal{
 width:960px; background:#fff; 
padding:30px 55px 20px 55px; -padding-right:0; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -khtml-border-radius:8px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2;  
 margin: 0 auto;
text-align: left;
top:120px;

	 }
.chapo {
font-weight:bold;
 color:#666666;
 background-image: url(../images/carre.gif);
background-repeat:no-repeat;
text-indent:20px;
margin-bottom:10px;
font-size:15px;
text-align:justify;

}

.texte p{

margin-bottom:9px;

}


.texte > p:first-child:first-letter { 
font-size:80px;
font-family:Georgia, "Times New Roman", Times, serif;
float:left;
padding:0 10px 1px 0;
margin:-15px 0 0 0;
		}
	

#article {
width:580px;
float:left;
} 
	 
	 
#article h3 {
font-size:15px;

} 	 
/* Bas*/
#bas {
margin:20px 0 20px  0;
clear:both;
}	

#bas ul { 
display:block;
text-align:center; 
margin-left:30%;
} 

#bas li { 
 margin: 0;  padding: 0 0px 0 9px;  list-style-type:none;  float: left;  display:block; 
} 

#bas li a { 
font-size:11px; font-weight:bold; color:#999999;  float: left;  text-decoration: none;  text-align: center; 
} 

#bas li a:hover {
color:#000000; text-decoration: underline; 
} 

#col1 {
width:310px;
float:left;
}

#col2 {
width:280px;
float:right;
/*margin-left:15px;
margin-top:10px;*/
}

#col2 img{
 /* margin-left:50px; */

}

#col2 p{
padding-left:15px;

}


#col3 {
width:260px;
float:right;
margin-top:0px;
}

#col3 h2 {
font:normal 16px arial,sans-serif; color:#56554e; margin-bottom:5px; line-height:135%;letter-spacing:-1px;
background:#e0dfd0; padding:10x; text-indent:6px; text-align:center;

}	 



#menu {
background-color:#FFF;
}


.menu ul { padding:0; }
.menu li {
	list-style-type:none;
}
.menu li a {
	font-size:11px; font-weight:bold; text-decoration:none;
	border-top:1px dotted #303030; color:#626250;
	padding:10px 20px 11px 20px; display:block; margin-bottom:-1px; }
	
.menu li a:hover { color:#fff; background-color:#626250;
	background-image:url('../images/goutte_menu.png');
		background-repeat:no-repeat; }
		
		
#diapo {
	width:600px;
		height:400px;}

 
#flashcontent {
		width:100%;
		height:100%;
		padding-top:-300px;
	}
	
	



dl.gallery
{
width: 120px;
height:160px;
float: left;
margin-right: 1em;
}

.gallery dt { font-weight: bold; }

.gallery dt img
{
border: 1px solid #000;
width: 100px;
height: 100px;
}

.gallery dd
{
font-size:11px;
margin: 0;
margin-left:2px;
padding-top:3px;
text-align:center;
padding: 0;
}

#calendrier {
background-color:#47bbce;
padding:10px;
border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -khtml-border-radius:8px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; 
}


#calendrier a, #calendrier a:link, #calendrier a:visited { text-decoration:none; color:#FFF; cursor:pointer; outline-style:none; font-weight:normal; }
#calendrier a:hover, #calendrier a:focus { text-decoration:underline; color:blue; font-weight:normal; }


#calendrier h5 {
font:normal 15px "arial black",arial,sans-serif; color:#FFF; margin-bottom:5px; line-height:100%; letter-spacing:-1px; text-indent:6px;}

#calendrier strong {
font-size:12px;
font-weight:normal;
color:#FFCC00
}


#calendrier em a {
font-size:12px;
font-weight:normal;
}

#article ul { 
	list-style:square inside;
}
.autres-articles {
	width:200px;
	border:1px solid rgb(153, 204, 255);
	float:right;
	padding:10px;
	margin:10px;
}
#article .autres-articles ul { 
	list-style:none;
}
.autres-articles ul li a { 
	font-size:12px;
}



#recents img
{
border: 1px solid #000;
margin:0 4px 3px 0;
}

.item {
display:block;
min-height:150px;
clear:both;
}

.item img {
border: 1px solid #000;
margin:0 4px 3px 0;
}



/*
	SLIDER
*/
.slider-wrap								{ width: 419px; position: absolute; top: 180px; left: 150px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px;  }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 48px; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 0px; }
#movers-row									{ margin: -10px 0 0 -8px; }
#movers-row div								{ width: 69px; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{  padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative;left: 0; top: 280px; z-index: 9999; color: orange;  }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }





.caroussel {
float:left;
width:450px;
}


/* Image du jour */
#imagedujour {
float:left;
}

#imagedujour img {
display:block;
background:url(../images/polaroid.png);
background-repeat:no-repeat;
padding:10px 20px 70px 10px;
float:left;
}

.pola {
display:block;
}

#actu {
width:310px;
float:left;
display:block;
margin-right:15px;
padding-right:8px;
}

#bouchetrou{
float:left;
display:block;
}

#asuivre strong{
font-family:Georgia, Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
color:#999999;
font-weight:normal;
}


h5 {
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 28px; font-weight: 300;
text-indent:25px;
color:#000;
display:block;
}

#recents p{
text-align:justify;
width:280px;
}

blockquote {
background-image:url(../images/quote.png);
background-repeat:no-repeat;
font-family:Georgia, Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
line-height: 20px;
width: 200px;
float: right;
margin: 0px;
padding: 30px;
quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.une {
background-image:url(../images/ico/une.png);
background-repeat:no-repeat;
background-position: 1px 8px;}

.cal {
background-image:url(../images/ico/cal.png);
background-repeat:no-repeat;
background-position: 1px 8px;}

.phrase {
background-image:url(../images/ico/phrase.png);
background-repeat:no-repeat;
background-position: 1px 8px;}

.image {
background-image:url(../images/ico/image.gif);
background-repeat:no-repeat;
background-position: 1px 8px;}

.scanner {
background-image:url(../images/ico/scanner.png);
background-repeat:no-repeat;
background-position: 1px 8px;}