@charset "UTF-8";

img, div, a, input { behavior: url(iePngFix/iepngfix.htc); }

/* CSS Document */
html, body{
	width:100%;
	margin:0;
	padding:0;
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#FFFFFF;
	color:#444444;
}

#flashcontent{
	z-index:10;
	position:absolute;
	width:100%;
	height:100%;
	border:none;
	margin:0;
	padding:0;
}
#alternate{
	width:800px;
	margin: 0 auto;
	padding:0;
	border:none;
}

h1{
	font-size:24px;
	margin:10px 0;
}
h2{
display:inline;
color:#AAAAAA;
font-size:25px;
}
h2.mail{
display:block;
border-bottom:1px solid #666666;
}
h3{
margin-bottom:0;
}
h4{
font-size:18px;
margin:0; 
color:#333333;
font-weight:bold;
}
h5{
 font-size:18px;
 margin:5px;
}
blockquote{
margin-top:0;
}
a{color:#4D8890;}
a:hover{color:#84B809;}
p{
	text-align:justify;
	margin-top:5px;
	padding: 0 0 0 10px;
}
#alternate p{
	margin-top:20px;
	padding: 0 0 0 10px;
}
p.menu{
	padding:5px 10px 5px 10px;
}

#entete{
	position:relative;
	width:960px;
	margin: 0 auto;
	height:110px;
	background-color:#FFFFFF;
}

#entete a.petitLien{
	/*border:#00CC00 1px solid;*/
		float:right;
		color:#4D8890;
		padding:10px 40px 0 0;
		font-size:10px;
	}

#logo{
	width:450px;
	height:73px;
	margin-left:8px;
	margin-bottom:-20px;
}
#table{
	position:absolute;
	top:30px;
	right:15px;
	/*	margin-top:30px;	margin-right:15px;*/
	z-index:2px;
	width:171px;
	height:176px;
}

#bandeau{
	height:226px;
	width:960px;
	padding:0;
	margin:auto;
}
#global{
	width:960px;
	margin: 0 auto;
	background-color:#FEFEFE;
	border:#84B809 1px solid;
}
/*MENU*/
#menu{
	padding:0;
	margin:20px 0 0 0;
	font-size:14px;
	list-style:none;
	
}
#menu li{
	display:block;
	height:25px;
	line-height:25px;
	float:left;
	margin:10px 0 -2px 20px;
	/margin-left:10px;
	padding:auto 2px;
	vertical-align:bottom;
}
#references {
	padding:5px;
}
#references img{
	float:left;
	margin:5px;
}
.orange{
	border-bottom:#ff9933 4px solid;
}
li.orange{font-size:19px;}/*texte plus gros pour cafépop*/
h1.orange{color:#ff9933;	border-bottom:#ff9933 2px solid;}
h3.orange{color:#ff9933; margin-bottom:0; border:none;}

.vert{
	border-bottom:#99CC00 4px solid;
}
h1.vert{color:#84B809; border-bottom:#84B809 2px solid;}

.rouge{
	border-bottom:#CC0066 4px solid;
}
h1.rouge{color:#CC6699; border-bottom:#CC6699 2px solid;}

.bleu{
	border-bottom:#0099CC 4px solid;
}
h1.bleu{color:#3399CC; border-bottom:#3399CC 2px solid;}


#menu a, #menu a.noactif,#sous-menu a.noactif {
	color:#4D8890;
	text-decoration:none;
}



#sous-menu{
	/*height:216px;*/
	width:175px;
	margin:0 0 0 20px;
	padding:5px;
	font-size:12px;
	color:#000000;
	background:transparent url(images/fond-s_menu-orange.png);
	text-align:right;
	/position:absolute;
	/margin-left:20px;
	/margin-top:20px;

}
#sous-menu a{
	display:block;
	margin-bottom:7px;
	color:#4D8890;
	text-decoration:none;
}
#sous-menu a:hover{
	text-decoration:underline;
}
#sous-menu a.actif{
	color:#FFFFFF;
	font-weight:bold;
}
#contenu{
	padding :15px 40px;
}
/*SOIREES NEWS*/
div.media{
	padding:10px;
	border: #333333 1px solid;
	margin: 0 0 10px 20px;
	min-height:100px;
}
div.media div{
	float:right;
	text-align:left;
	margin:0 10px 0  0;
} 
div.media p.nom{
	padding:0;
	font-size:22px;
	font-weight:bold;
}
div.media span.infosMedia{
font-size:12px;
margin-bottom:10px;
}
div.media span.mediaDate{
font-size:13px;
font-weight:normal;
color:#AAA;
margin-bottom:10px;
}
div.media p.infosTech{
border-top: 1px solid #444444;
margin-top:5px; font-size:10px;
padding-top:3px;
}
div.actions{
	margin:0px;
	float:right;
	text-align:right;
	padding:5px;
	width:400px;
}
div.actions a{
	font-size:13px;
}
div.voir{
 margin:0px;
 float:left;
 padding:5px;
 width:300px;
}

.titrePage{
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	font-size:11px;
	padding: 4px 10px;
	margin: 10px 0px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.titrePage p{
 line-height:16px;
}
/*GALERIE PHOTOS*/
ul.albumList{
	margin:0;
	padding:0;
	list-style:none;
	width:150px;
}
ul.albumList li{
	border-bottom:#CC6699 2px solid;
}
#visuel{
	float:left;
	position:relative;
	display:inline;
	margin: 6px;
	margin-top:20px;
	padding:3px;
	border:#FFFFFF 1px solid;
	background-color:#FFFFFF;
	width:110px;
	height:110px;

}
#visuel:hover{
	background-color:#CC6699;
	border:#CC6699 1px solid;
}

#visuel a.petitLien{
	/*border:#00CC00 1px solid;*/
	
	position:absolute;
	
	display:block;
	bottom:-18px;
	
	text-align:center;
	text-decoration:none;
	font-size:10px;
	}
	
#visuel a.petitLien:hover{
	text-decoration:underline;
}

#photo{
	overflow:hidden;
	position:absolute;
	width:110px;
	height:110px;
}

#visuel a.photo {
	border:#FFFFFF 1px thin;
}
	
#visuel a.photo:hover{
	cursor:pointer;
	border:#555555 2px thin;
}
/*album*/

div.album{
	width:400px;
	height:120px;
	overflow:hidden;
	border:1px solid #FFF;
	padding:0;
	margin: 0 auto 10px auto;
	background-color:#6b5d56;
}
div.album:hover{
	background-color:#85746b;
}
/*SPECIAL IE */
div.album #photo{
	overflow:hidden;
	position:absolute;
	/left:-2px;
	/top:-2px;
	width:110px;
	height:110px;
}

a div.album {
	/text-decoration:none;
}

a div.album p{
	color:#CC6699;
}

/*actus*/
p span.actusDate{
	color:#99CC33;
	font-size:10px;
	vertical-align:middle;
}
p.actus{
	margin-top:20px;
	padding:0 0 0 250px;
	background-position:top left;
	background-repeat:no-repeat;
	min-height:150px;
}

#footer{
color:#CCCCCC;
font-size:12px;
width:960px;
margin:5px auto;
text-align:center;
}
#footerflash{
	position:absolute;
	bottom:0px;
	z-index:12;
	font-size:10px;
	color:#CCCCCC;
	width:100%
}
#footerflash #init a img[width="42"]{
	height:12px;
	width:28px;
}