/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, h4, address, p, ul, li{
	display:block;
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
}

img{
	border:none;
}

html, body{
	font:Arial, Helvetica, sans-serif;
	background-color:#0c213e;
	margin:0;	
	padding:0;
}

#general{
	width:100%;
	margin:0;
	padding:0;
}

#contenutotal{
	width:100%;
	background-color:#000;
	padding:32px 0px;
	margin:0;
}

#contenutotal2{
	width:100%;
	background-color:#000;
	padding:32px 0px;
	margin:0;
}

#contenu{
	width:955px;
	height:317px;
	background:url(img/bg-contenu01.jpg) no-repeat 0px 0px;
	padding:0;
	margin:0 auto;
	padding:0;
	position:relative;
}

#intro {
	position:absolute;
	top:120px;
	left:407px;
}

#contenu2{
	width:935px;
	background:url(img/bg-contenu02.jpg) no-repeat 40px 150px;
	padding:0 0 0 40px;
	margin:0 auto;
}

/*-------------------------------------------- BANDEAU */
#bando{
	width:955px;
	height:119px;
	margin:0 auto;
	padding:0;
}

#bando img{
	width:217px;
	height:43px;
	margin:36px auto 12px auto;
	padding:0;
	display:block;
}

#bando h3{
	width:243px;
	height:15px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 auto;
	padding:0;
}

#bando2{
	width:282px;
	margin:0;
	padding:0px 0 10px 0;
	background-color:#0c213e;
	height:80px;
}

#bando2 h3{
	width:240px;
	height:15px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:0 0 0 20px;
	line-height: 15px;
	text-align: center;
}

#bando2 img{
	width:217px;
	height:43px;
	margin:10px 0 8px 0;
	padding:0 0 0 30px;
	display:block;
}

/*-------------------------------------------- MENU */
#menu{
	width:382px;
	height:71px;
	background:url(img/bg-menu.jpg) no-repeat top right;
	margin:0;
	font:bold 10px Arial, Helvetica, sans-serif;
	padding:78px 0 0 210px;
	position: relative;
}

#menu ul li{
	width:382px;
	height:14px;
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}

#menu ul li a{
	height:14px;
	margin:0;
	color:#4fa028;
	padding:0 0 0 30px;
	display:block;
}

#menu ul li a:hover, #menu ul li a.focus{
	height:14px;
	margin:0;
	color:#fff;
	background:url(img/puce.gif) no-repeat 20px 4px;
	padding:0 0 0 30px;
	display:block;
}

/*-------------------------------------------- ACTUALITES */
.bloclist{
	width:282px;
	background: url(img/bg-txt05.jpg) no-repeat 0px bottom;
	font:bold 10px Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	float:left;
	background-color: #fff;
	padding: 0 0 250px 0;
}

.bloclist h4{
	margin:0;
	color:#000;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:20px 0 10px 0;
	display:block;
}

.blocactu{
	width:500px;
	background-color:#000;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:20px 0 20px 34px;
	padding:10px 10px 35px 10px;
	border:1px solid #F01823;
	float:left;
}

.blocactu p.contenu {
	font-size:12px;
	font-weight:normal;
}

.blocactu img{
	margin:0;
	padding:0 5px 0 0;
	float:left;
}

.bloclist ul li{
	/*height:20px;*/
	margin:0;
	color:#000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:url(img/puce.gif) no-repeat 20px 4px;
	padding:0 0 2px 30px;
	display:block;
	list-style-type:none;
	text-align: left;
}

.bloclist ul li a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
}

.bloclist ul li a:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#2691c0;
}


.titreactu01{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#4fa028;
}

.dateactu01{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#2691c0;
}

/*-------------------------------------------- EXPLOITATION CINEMATOGRAPHIQUE */
.cadre{
	width:282px;
	height:800px;
	background: url(img/bg-txt01bis.jpg) no-repeat 0px bottom;
	font:bold 10px Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	float:left;
	background-color: #fff;
	padding: 0;
}

.cadre6{
	width:282px;
	font:bold 10px Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	float:left;
	background-color: #000000;
	padding: 0;
}

.cadre9{
	width:282px;
	height:590px;
	background: url(img/bg-txt04.jpg) no-repeat 0px bottom;
	font:bold 10px Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	float:left;
	background-color: #fff;
	padding: 0;
}


.cadre p, .cadre6 p, .cadre9 p, .bloclist p{
	margin:0;
	padding:10px;
	color:#000;
}

.cadre img, .cadre9 img{
	margin:0;
	padding:5px;
	float:left;
}

.cadre6 img {
	margin:3px 0 3px 0;
}

.cadre9 h4, .cadre4 h4, .cadre h4{
	margin:0;
	color:#f01823;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:20px 0 10px 0;
	display:block;
}

.cadre6 h4 {
	margin:0;
	color:#f01823;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:20px 0 20px 0;
	display:block;
}

.cadre ul li, .cadre6 ul li, .cadre9 ul li{
	height:auto;
	margin:0;
	color:#000;
	background:url(img/puce.gif) no-repeat 20px 4px;
	padding:0 0 0 30px;
	display:block;
	list-style-type:none;
}

a.contact{
	padding:0 0 10px 0;
	font-weight:bold;
	color:#f01823;
}

.cadre2{
	width:585px;
	margin:0;
	padding:0 0 0 30px;
	float:left;
}

.cadre3{
	width:250px;
	background-color:#000;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#35B3E6;
	margin:20px 30px 20px 0;
	padding:10px 0 0 10px;
	border:1px solid #0474aa;
	float:left;
	height: 630px;
}

.cadre3bis{
	width:250px;
	background-color:#000;
	font:12px Arial, Helvetica, sans-serif;
	color:#4FA028;
	margin:20px 30px 20px 0;
	padding:10px 0 0 10px;
	border:1px solid #4FA028;
	float:left;
	height: 620px;
}

.cadre3 p{
	margin:0;
	padding:3px;
}

.cadre3 a{
	height:14px;
	margin:0;
	color:#4fa028;
	background:url(img/puce.gif) no-repeat 0px 4px;
	padding:0 0 0 10px;
	display:block;
}

.cadre3 a:hover{
	height:14px;
	margin:0;
	color:#fff;
	background:url(img/puce.gif) no-repeat 0px 4px;
	padding:0 0 0 10px;
	display:block;
}

/*-------------------------------------------- PROJECTION POUR EVENEMENTIEL */
.cadre4{
	width:282px;
	background: url(img/bg-txt02bis.jpg) no-repeat bottom left;
	font:bold 10px Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	float:left;
	padding: 0 0 0 0;
	height: 800px;
	background-color: #FFFFFF;
}

.cadre5{
	width:260px;
	background-color:#000;
	font:14px Arial, Helvetica, sans-serif;
	color:#4FA028;
	margin:30px 0 20px 5px;
	padding:10px 0 10px 10px;
	border:1px solid #4FA028;
	height: auto;
	font-weight: normal;
}

.cadre5 p{
	margin:0;
	padding:3px;
}

/*-------------------------------------------- EXPLOITATION REGIS VIDEO-INFORMATIQUE */
.cadre7{
	width:510px;
	background-color:#000;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#F01823;
	margin:20px 0 20px 34px;
	padding:10px 0 60px 10px;
	border:1px solid #F01823;
	float:left;
}

/*-------------------------------------------- TECHNICIEN SON ET LUMIERES */
.cadre8{
	width:510px;
	background-color:#000;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#2BA8DA;
	margin:20px 0 20px 34px;
	padding:10px 0 10px 10px;
	border:1px solid #2BA8DA;
	float:left;
}

/* -------------------------------------------------- FORMULAIRE CSS */
label {
    width:70px;
	padding:0 5px 0 2px;
	margin:0;
	line-height:14px;
	height:14px;
	font-size:12px;
}

form{
	margin:0;
}

form p{
	margin:0;
	clear:both;
	display:block;
}

.input{
	width:260px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#723228;
	margin:0px 0px 8px 3px;
	background-color: #fff;
	border:solid 1px #9f1717;
	padding: 0 0 0 5px;
}

textarea{
	width:260px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#723228;
	margin:0 0 5px 0;
	background-color: #fff;
	border:solid 1px #9f1717;
	padding: 0 0 0 5px;
}

#bouton{
	width:105px;
	height:15px;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#723228;
	padding:0 0 3px 0;
	border:solid 1px #9f1717;
	clear: both;
	cursor: pointer;
	text-align: center;
	margin: 0;
	background-color: #FFFFFF;
}

#formulaire{
	width:282px;
	background:url(img/barre.gif) no-repeat 50px 40px;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

#formulaire p{
	padding:0 5px;
	margin:0;
	text-align: left;
}

.droite {
width:145px;
float:right;
color:#4c2a1e;
}

/* --------------------------------------------------FOOTER */
#footer{
	width:955px;
	text-align:center;
	margin:0 auto;
	padding:15px 0;
	clear: both;
}

#footer p{
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:5px;
	clear: both;
}

#footer a{
	color:#2691c0;
}

#footer a:hover{
	color:#f01823;
}

.cadre6 a{
	color:#fff;
	font-weight:bold;
}

.cadre6 a:hover{
	color:#f01823;
	font-weight:bold;
}

/*------------------------- TYPOS -------------------------- */
.txthidden{
	visibility:hidden;
	font:normal 8px Arial, Helvetica, sans-serif;
	line-height: 1px;
}

.txtitalik{
	font:italic normal 11px Arial, Helvetica, sans-serif;
	color:#9BB356;
	margin-left: 80px;
	padding: 0 0 10px 0;
}

.txtbold{
	font-weight:bold; 
}

.txtclear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}

.txtrouge{
	color:#f01823;
}

.txtbleu{
	color:#2691c0;
}

#footer .txtbleu2{
	color:#2691c0;
	font-size:11px;
}

.txtvert{
	color:#4fa028;
}

.txtblc{
	color:#fff;
}

.cadre8 .titre_mentions {
font-weight:bold;
margin-bottom:4px;
margin-top:8px;
}

/********** modif antony **********/

.centrer {
	text-align:center;
}

.plusgros a, .plusgros {
	font-size:12px;
}

.titreactu {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.titreactu a {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.savoirplus a {
	color:#2691c0;
	font-family:Arial, Helvetica, sans-serif;
}

.savoirplus a:hover {
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
}

.dispnone {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


.actu {
	position:absolute;
	top: 20px;
	right: 20px;
	color: #FFFFFF;
	width: 140px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/black.png',sizingMethod='scale');
	/*height:200px;*/
	z-index:1000;
	padding:10px;
}

html>body .actu {
	filter:none;
	background:url(img/black.png);
	/*height:200px;*/
}

.visuecontact {
	float:left;
	padding: 0 0 0 33px;
}

.visuecontact img {
	margin:0 2px 0 0;
}

.affiche {
	background:url(img/affiche.jpg) #000;
	width: 512px;
	padding: 50px 0 20px 15px;
	background-repeat: no-repeat;
	border:solid 1px #2ba8da;
}

.affiche p {
	color:#35b3e6;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

.affiche .fsize10{
	font-size:11px;
}

.affiche .fsize16{
	font-size:16px;
}

.affiche p.quote{
	font:bold italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#58b125;
	padding:0 0 15px 0;
}

.affiche p.quote span.quote1{
	background:url(img/quote2.gif) no-repeat 0px 0px;
	padding:0 0 0 15px;
}

.affiche p.quote span.quote2{
	padding:0 15px 0 0;
	background:url(img/quote.gif) no-repeat right top;
}

.affiche img {
	margin:5px 0 5px 0;
	border:solid 1px #35b3e6;
}

.affiche .rouge {
	color:#ec1824;
}

.affiche .vert {
	color:#55ab26;
}
.affiche .bleu {
    color:#2486b3;
}

.affiche .f14 {
	font-size:14px;
}

.affiche .titre01 {
	font-size:24px;
	padding: 10px 0 10px 0;
	text-decoration: underline;
}

.affiche .sstitre01 {
	font-size:14px;
	padding: 10px 0 10px 0;
	text-decoration: underline;
}

.affiche .titre01 a {
	color:#FFFFFF;
}

.flash {
	position:relative;
	float: left;
	padding: 15px 0 10px 0;
}

.flash p {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.flash div {
	position:absolute;
	margin: 60px 0 0 50px;
}

.flash div a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight: bold;
	display:block;
	padding:0 0 4px 0;
}

.flash div a:hover {
	text-decoration:underline;
}

.flash div a.m1 {
	color:#ec1824;
}

.flash div a.m2 {
	color:#448531;
}

.flash div a.m3 {
	color:#2486b3;
}

.flash div a.m4 {
	color:#ec1824;
}

.affiche .float {
	float:left;
	margin:5px 10px 5px 0;
}

.affiche .floatr {
	float:right;
	margin:5px 15px 5px 10px;
}

.affiche .float0 {
	float:left;
	margin:5px 0 5px 0;
	border: 1px solid #FFFFFF;
}

.affiche .float2 {
	float:left;
	margin:3px 5px 0px 0;
}

span.patate{
	visibility:visible;
	font-size:11px;
	color:#35b3e6;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
}

.popup a .over{
	display:none;
}

.popup a:hover .over {
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	background-color: #FFFFFF;
	padding: 3px;
	width: 150px;
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

p.rencontrer span.over{
	visibility:hidden;
}

p.rencontrer{
	text-align:left;
}

p.rencontrer a:hover .over {
	visibility:visible;
}

.popup a {
	position:relative;
	float: left;
}

.popup {
	float: left;
}

.popup p {
	display:block;
}

.f10 {
	font-size:11px;
}

#slide1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.partenaire {
	padding:10px 0 0 0;
	font-size: 20px;
}

#bloc1 {
	display:none;
}

#bloc2 {
	display:none;
}

#bloc3 {
	display:none;
}

#bloc4 {
	display:none;
}

#bloc5 {
	display:block;
}

.titre-bloc{
	width:497px;
	padding:10px 0;
}

#lumiere {
	position:absolute;
	z-index:100;
	top: 0px;
	left: 0px;
}

.affiche p.btsuite {
	text-align:right;
	padding: 10px 15px 0 0;
}

.affiche p.btsuite a {
	color: #35b3e6;
}

.affiche p.btsuite a:hover {
	color:#58b125;
}

.affiche img#nomarg {
	margin-top:0;
}

#gauche-prog{
	text-align:center;
}

#gauche-prog p{
	color:#4FA028;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

.paragraphe-recentre{
	padding-right:15px;
}