/* ----  resolution  15"-------------------------------------------------------------------------------------------------------------------------------- */
 @media screen and (max-width: 1600px)
 
{ 

/* ---- RESET CSS ---- */

html, body {height:100%;}

html {font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; color:#000; line-height: 1.231; font-size:12px;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

*{outline:none;}

p {text-align:left; margin:0 0 10px 0; line-height:21px; font-size:16px;}
p:last-child {margin:0;}

blockquote {margin:25px 20px 10px 0; padding:0 20px; border-left:3px solid #fff200; color:#fff200; line-height:1.5; font-style:italic; font-family:Georgia;}

cite {background-color:rgba(0,0,0,0.8); color:#FFF; font-family:Verdana, Geneva, sans-serif; font-style:normal; padding-bottom:15px; padding-top:15px;}


hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
nav ul {list-style: none; list-style-image: none; margin: 0; padding: 0;}

fieldset, figure, form {border: 0; margin: 0; padding: 0;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
label,input,select,textarea{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:normal;}
textarea { overflow: auto; vertical-align: top; resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ---- LIENS ---- */

a {color:#d91b5c; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a img {border:none;}

/* ---- Hn ---- */ 

h1,h2,h3,h4,h5,h6{font-weight:normal; color:#FFF;}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}

/* ---- SELECTION TEXTE ---- */

::-moz-selection {
background-color:#fff200;
color:#000;
}

::selection {
background-color:#fff200;
color:#000;
}

/* ---- PROPRIETES UTILES ---- */ 

.clear {clear:both;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.container {width:940px; margin:0 auto; position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}
.col {-webkit-column-count:3;
	-webkit-column-gap:50px;
	-webkit-column-rule:1px dotted #333;
	
	-moz-column-count:3;
	-moz-column-gap:50px;
	-moz-column-rule:1px dotted #333;
	
	-o-column-count:3;
	-o-column-gap:50px;
	-o-column-rule:1px dotted #333;
	
	column-count:3;
	column-gap:50px;}

#points {position:fixed; top:0; left:0; height:100%; width:100%; background:url(img/point_black.png) top left repeat; z-index:-100;}

/* ---- MENU GAUCHE ---- */

#sidebar{position:fixed; z-index:999; top:0; left:0; width:230px; height:100%; background:url(img/bg_menu.png) top left;}
#logo {margin:50px 0 0 15px; width:184px; height:92px; overflow:hidden;}
#copyright {position:absolute; bottom:20px; right:45px; font-size:10px; cursor:default;}
#copyright p {line-height:1.4; text-align:right;}

#hide {position:absolute; top:0px; right:-29px; display:block; width:112px; height:23px; background:url(img/hide.png) top left no-repeat; text-indent:-7000px;}
.show {background:url(img/show.png) top left no-repeat!important;}

#menu {font-size:18px; text-align:right; margin:50px 0 0 0;}
#menu li {height:36px; line-height:36px; width:226px;}
#menu li.active {background:url(img/bg_menu_active.png) top left no-repeat;}
#menu li.active a {text-transform:uppercase!important; color:#FFF!important; margin-right:25px!important;}
#menu li a {color:#69F; display:block; margin-right:45px;}
#menu li a:hover {color:#666;}

#reseaux {display:inline-block; position:absolute; bottom:65px; right:45px;}
.reseau {display:inline-block; width:26px; height:26px; text-indent:-7000px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#fb {background:url(img/reseaux.png) no-repeat 0px 0px;}
#fb:hover {background:url(img/reseaux.png) no-repeat 0px -26px;}
#tw {background:url(img/reseaux.png) no-repeat -26px 0px;}
#tw:hover {background:url(img/reseaux.png) no-repeat -26px -26px;}

/* ---- CONTENT ---- */

.content {position:relative; margin:0px 100px 160px 325px; min-height:100%; min-width:700px;}
.content h1 {margin:0 0 60px 0; padding:0px; display:block;}

#home {padding-top:50px;}
#about, #contact {padding-top:50px;}
#title_filmo {background:url(img/titre_filmo.png) top left no-repeat; width:453px; height:32px; text-indent:-7000px;}
#title_news {background:url(img/titre_dominique.png) top left no-repeat; width:381px; height:30px; text-indent:-7000px;}
#title_about {background:url(img/titre_les_expo.png) top left no-repeat; width:452px; height:53px; text-indent:-7000px;}
#title_contact {background:url(img/titre_contact.png) top left no-repeat; width:195px; height:30px; text-indent:-7000px;}

#content_news {overflow:hidden; min-height:340px;}
#content_about {padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}


/* ---- CAROUSEL NEWS ---- */

.single_news {position:relative; width:200px; min-height:365px; background-color:#fff; display:inline-block; margin:0 40px 40px 0; border-top:1px solid #fff200; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; vertical-align:top;}
.single_news:nth-child(3n+3) {margin:0 40px 40px 0;}
.single_news > img {width:100%;}
.single_news:hover, .news_active {background-color:#000!important; cursor:default;}
.single_news:hover h2, .news_active h2 {color:#fff!important;}
.single_news:hover .more, .news_active .more {background:url(img/more.png) no-repeat -31px 0px!important;}
	
.contenu_news {padding:20px;}
.contenu_news p, .contenu_news h2 {margin:0px; padding:0px;}
.contenu_news h2 {line-height:1;}
.date {color:#d91b5c; text-transform:uppercase; font-size:11px; font-weight:bold; padding-bottom:2px!important;}
.text {color:#5e5e5e; padding-top:10px!important;}

.more {display:block; position:absolute; bottom:0; right:0; width:31px; height:31px; background:url(img/more.png) top left no-repeat; text-indent:-7000px;}
.close_news {background-color:#d91b5c; color:#fff; text-transform:uppercase; display:block; margin-top:20px; padding:5px; text-align:center; font-size:14px; font-weight:bold;}

.btn_slider {display:inline-block; padding:3px 7px 7px 7px; font-size:11px; color:#fff; position:absolute; top:180px; cursor:pointer; background-color:#000; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.btn_slider:hover {background-color:#fff200; color:#000;}
#next {right:33px;}
#prev {right:59px;}

/* ---- LECTEUR MP3 ---- */

#lecteur {position:fixed; z-index:100; height:13px; line-height:5px; right:0px; top:0px; padding:5px; color:#fff; background-color:#000;}
	
	#play {display:inline-block; width:10px; height:10px; margin-right:2px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat 0px 0px;}
	#play:hover {background:url(img/lecteur.png) no-repeat 0px -10px;}
	#pause {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -10px 0px;}
	#pause:hover {background:url(img/lecteur.png) no-repeat -10px -10px;}
	#stop {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -20px 0px;}
	#stop:hover {background:url(img/lecteur.png) no-repeat -20px -10px;}
	
	#play-bar {height:5px; background-color:#fff200;}
	#seek-bar {display:inline-block; height:5px; width:100px!important; margin:0 5px; background-color:#fff; cursor:pointer;}
	
	#btn_lecteur {display:inline-block; width:55px; background:url(img/bg_btn.png) top left no-repeat; height:13px; line-height:15px; padding:5px; position:absolute; top:0px; left:-55px; text-align:center;}
	
	#time {display:inline-block; color:#c; margin-top:4px!important; margin-right:3px!important; font-size:11px; cursor:default;}
	#current-time {color:#fff;}
	#duration {color:#fff200;}

/* ---- FORMULAIRES ---- */

#form {float:left; position:relative; width:30%!important; padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}
#form > p {margin-bottom:15px!important;}
#form input[type="text"], #form input[type="email"], textarea {width:95%; padding:5px; border:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#form input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background-color:#e4e4e4;}
#form textarea {height:100px;}
#submit {position:absolute; width:100%; bottom:-26px; left:0; border:none; background-color:rgba(89,89,89,1); color:#fff; text-transform:uppercase; display:block; padding:5px; text-align:center; font-size:14px; font-weight:bold;}
#submit:hover {color:#000;}

#googlemap {float:right; width:60%; padding:5px; background-color:#fff;}
#googlemap iframe {width:100%; vertical-align:top;}

#success {background:#fff200; color:#000; font-weight:bold; padding:10px; text-transform:uppercase; text-align:center;}
.error {background-color:rgba(0,0,153,1)!important;}
.error::-webkit-input-placeholder {color:#fff!important;}
#loading {position:absolute; bottom:40px; right:40px; display:none;}


#container{
			width:800px;
			margin:-15px 0 5px 0;
			
			
		}
		.slideshow-wrapper{
			padding:10px;
			width:600px;
			border:1px solid #666666;
			margin:0;
		}
		.slideshow{
			width: 600px;
			
			padding:0;
		}
		.slideshow ul{
			margin:0;
		}
		.slideshow ul li{
			position:relative;
			height:300px;
		}
		.slideshow ul li span{
			position:absolute;
			bottom:0;
			padding:5px;
			color:white;
			display:block;
			width:100%;
			background:rgba(0,0,0,0.5);
		}

.red { color:rgba(255,0,0,1); font-style:normal; font-size:22px;}
.th { color:rgba(255,204,153,1); font-style:normal; font-size:24px;}
.dse { color:rgba(255,204,255,1); font-style:normal; font-size:24px;}
.film { color:rgba(255,255,255,1); font-style:normal; font-size:24px;}

#dom {padding:20px; background-image:url(img/effet-speciaux-cinema-dominique-colladant.jpg); width:600px; height:338px; background-repeat:no-repeat; background-position:top; background-size:cover; margin-top:-25px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px;}

#fimo {width:50px; height:302px; background-color:rgba(255,255,255,1); border-radius:15px; border-bottom:1px solid #C90; color:rgba(51,255,153,1); font-size:12px; margin-left:200px;}

#legende

}


/* ---- petite resolution  13"-------------------------------------------------------------------------------------------------------------------------------- */
 @media screen and (max-width: 1300px)

{



/* ---- RESET CSS ---- */

html, body {height:100%;}

html {font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; color:#000; line-height: 1.231; font-size:12px;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

*{outline:none;}

p {text-align:left; margin:0 0 10px 0; line-height:20px; font-size:12px;}
p:last-child {margin:0;}

blockquote {margin:25px 20px 10px 0; padding:0 20px; border-left:3px solid #fff200; color:#fff200; line-height:1.5; font-style:italic; font-family:Georgia;}

cite {background-color:rgba(0,0,0,0.8); color:#FFF; font-family:Verdana, Geneva, sans-serif; font-style:normal; padding-bottom:15px; padding-top:15px;}


hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
nav ul {list-style: none; list-style-image: none; margin: 0; padding: 0;}

fieldset, figure, form {border: 0; margin: 0; padding: 0;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
label,input,select,textarea{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:normal;}
textarea { overflow: auto; vertical-align: top; resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ---- LIENS ---- */

a {color:#d91b5c; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a img {border:none;}

/* ---- Hn ---- */ 

h1,h2,h3,h4,h5,h6{font-weight:normal; color:#FFF;}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}

/* ---- SELECTION TEXTE ---- */

::-moz-selection {
background-color:#fff200;
color:#000;
}

::selection {
background-color:#fff200;
color:#000;
}

/* ---- PROPRIETES UTILES ---- */ 

.clear {clear:both;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.container {width:940px; margin:0 auto; position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}
.col {-webkit-column-count:3;
	-webkit-column-gap:50px;
	-webkit-column-rule:1px dotted #333;
	
	-moz-column-count:3;
	-moz-column-gap:50px;
	-moz-column-rule:1px dotted #333;
	
	-o-column-count:3;
	-o-column-gap:50px;
	-o-column-rule:1px dotted #333;
	
	column-count:3;
	column-gap:50px;}

#points {position:fixed; top:0; left:0; height:100%; width:100%; background:url(img/point_black.png) top left repeat; z-index:-100;}

/* ---- MENU GAUCHE ---- */

#sidebar{position:fixed; z-index:999; top:0; left:0; width:230px; height:100%; background:url(img/bg_menu.png) top left;}
#logo {margin:50px 0 0 15px; width:184px; height:92px; overflow:hidden;}
#copyright {position:absolute; bottom:20px; right:45px; font-size:10px; cursor:default;}
#copyright p {line-height:1.4; text-align:right;}

#hide {position:absolute; top:0px; right:-29px; display:block; width:112px; height:23px; background:url(img/hide.png) top left no-repeat; text-indent:-7000px;}
.show {background:url(img/show.png) top left no-repeat!important;}

#menu {font-size:18px; text-align:right; margin:50px 0 0 0;}
#menu li {height:36px; line-height:36px; width:226px;}
#menu li.active {background:url(img/bg_menu_active.png) top left no-repeat;}
#menu li.active a {text-transform:uppercase!important; color:#FFF!important; margin-right:25px!important;}
#menu li a {color:#69F; display:block; margin-right:45px;}
#menu li a:hover {color:#666;}

#reseaux {display:inline-block; position:absolute; bottom:65px; right:45px;}
.reseau {display:inline-block; width:26px; height:26px; text-indent:-7000px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#fb {background:url(img/reseaux.png) no-repeat 0px 0px;}
#fb:hover {background:url(img/reseaux.png) no-repeat 0px -26px;}
#tw {background:url(img/reseaux.png) no-repeat -26px 0px;}
#tw:hover {background:url(img/reseaux.png) no-repeat -26px -26px;}

/* ---- CONTENT ---- */

.content {position:relative; margin:0px 100px 160px 325px; min-height:100%; min-width:700px;}
.content h1 {margin:0 0 60px 0; padding:0px; display:block;}

#home {padding-top:50px;}
#about, #contact {padding-top:50px;}
#title_filmo {background:url(img/titre_filmo.png) top left no-repeat; width:453px; height:32px; text-indent:-7000px;}
#title_news {background:url(img/titre_dominique.png) top left no-repeat; width:381px; height:30px; text-indent:-7000px;}
#title_about {background:url(img/titre_les_expo.png) top left no-repeat; width:452px; height:53px; text-indent:-7000px;}
#title_contact {background:url(img/titre_contact.png) top left no-repeat; width:195px; height:30px; text-indent:-7000px;}

#content_news {overflow:hidden; min-height:340px;}
#content_about {padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}


/* ---- CAROUSEL NEWS ---- */

.single_news {position:relative; width:200px; min-height:365px; background-color:#fff; display:inline-block; margin:0 40px 40px 0; border-top:1px solid #fff200; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; vertical-align:top;}
.single_news:nth-child(3n+3) {margin:0 40px 40px 0;}
.single_news > img {width:100%;}
.single_news:hover, .news_active {background-color:#000!important; cursor:default;}
.single_news:hover h2, .news_active h2 {color:#fff!important;}
.single_news:hover .more, .news_active .more {background:url(img/more.png) no-repeat -31px 0px!important;}
	
.contenu_news {padding:20px;}
.contenu_news p, .contenu_news h2 {margin:0px; padding:0px;}
.contenu_news h2 {line-height:1;}
.date {color:#d91b5c; text-transform:uppercase; font-size:11px; font-weight:bold; padding-bottom:2px!important;}
.text {color:#5e5e5e; padding-top:10px!important;}

.more {display:block; position:absolute; bottom:0; right:0; width:31px; height:31px; background:url(img/more.png) top left no-repeat; text-indent:-7000px;}
.close_news {background-color:#d91b5c; color:#fff; text-transform:uppercase; display:block; margin-top:20px; padding:5px; text-align:center; font-size:14px; font-weight:bold;}

.btn_slider {display:inline-block; padding:3px 7px 7px 7px; font-size:11px; color:#fff; position:absolute; top:180px; cursor:pointer; background-color:#000; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.btn_slider:hover {background-color:#fff200; color:#000;}
#next {right:33px;}
#prev {right:59px;}

/* ---- LECTEUR MP3 ---- */

#lecteur {position:fixed; z-index:100; height:13px; line-height:5px; right:0px; top:0px; padding:5px; color:#fff; background-color:#000;}
	
	#play {display:inline-block; width:10px; height:10px; margin-right:2px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat 0px 0px;}
	#play:hover {background:url(img/lecteur.png) no-repeat 0px -10px;}
	#pause {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -10px 0px;}
	#pause:hover {background:url(img/lecteur.png) no-repeat -10px -10px;}
	#stop {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -20px 0px;}
	#stop:hover {background:url(img/lecteur.png) no-repeat -20px -10px;}
	
	#play-bar {height:5px; background-color:#fff200;}
	#seek-bar {display:inline-block; height:5px; width:100px!important; margin:0 5px; background-color:#fff; cursor:pointer;}
	
	#btn_lecteur {display:inline-block; width:55px; background:url(img/bg_btn.png) top left no-repeat; height:13px; line-height:15px; padding:5px; position:absolute; top:0px; left:-55px; text-align:center;}
	
	#time {display:inline-block; color:#c; margin-top:4px!important; margin-right:3px!important; font-size:11px; cursor:default;}
	#current-time {color:#fff;}
	#duration {color:#fff200;}

/* ---- FORMULAIRES ---- */

#form {float:left; position:relative; width:30%!important; padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}
#form > p {margin-bottom:15px!important;}
#form input[type="text"], #form input[type="email"], textarea {width:95%; padding:5px; border:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#form input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background-color:#e4e4e4;}
#form textarea {height:100px;}
#submit {position:absolute; width:100%; bottom:-26px; left:0; border:none; background-color:rgba(89,89,89,1); color:#fff; text-transform:uppercase; display:block; padding:5px; text-align:center; font-size:14px; font-weight:bold;}
#submit:hover {color:#000;}

#googlemap {float:right; width:60%; padding:5px; background-color:#fff;}
#googlemap iframe {width:100%; vertical-align:top;}

#success {background:#fff200; color:#000; font-weight:bold; padding:10px; text-transform:uppercase; text-align:center;}
.error {background-color:rgba(0,0,153,1)!important;}
.error::-webkit-input-placeholder {color:#fff!important;}
#loading {position:absolute; bottom:40px; right:40px; display:none;}


#container{
			width:800px;
			margin:-15px 0 5px 0;
			
			
		}
		.slideshow-wrapper{
			padding:10px;
			width:600px;
			border:1px solid #666666;
			margin:0;
		}
		.slideshow{
			width: 600px;
			
			padding:0;
		}
		.slideshow ul{
			margin:0;
		}
		.slideshow ul li{
			position:relative;
			height:300px;
		}
		.slideshow ul li span{
			position:absolute;
			bottom:0;
			padding:5px;
			color:white;
			display:block;
			width:100%;
			background:rgba(0,0,0,0.5);
		}

.red { color:rgba(255,0,0,1); font-style:normal; font-size:22px;}
.th { color:rgba(255,204,153,1); font-style:normal; font-size:16px;}
.dse { color:rgba(255,204,255,1); font-style:normal; font-size:16px;}

#dom {padding:20px; background-image:url(img/effet-speciaux-cinema-dominique-colladant.jpg); width:600px; height:338px; background-repeat:no-repeat; background-position:top; background-size:cover; margin-top:-25px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px;}

#fimo {width:50px; height:302px; background-color:rgba(255,255,255,1); border-radius:15px; border-bottom:1px solid #C90; color:rgba(51,255,153,1); font-size:12px; margin-left:200px;}

#legende




	
}