/* reset css http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
/*
:focus {
	outline: 0;
}
*/

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END OF RESET */

/* ================================================================================*/
body {
	color: #000;
	background-color: #FFF;
	background-image: url(images/trame-cvb.png);
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 1.5;
}

h1 {
	margin: 0 0 0 0;
	font-size: 2em;	
	color: #e7231b;
/*border: 1px solid blue;*/
}

h1 img {
/*border: 1px solid blue;*/
display: block;
float: left;
margin-right: 12px;
}

h2 {
	margin: 0 0 0 0;
	font-size: 1.3em;	
	color: #e7231b;
}

h2 img {
	display: block;
	float: left;
	margin-top: 7px;
}

h2.partenaires {
	margin: 2em 0 0.5em 0;
}

h2.partenaires img {
	float: none;
}

h3 {
	margin: 0 0 0 0;
	font-size: 1.2em;	
	color: #e7231b;
}

h4 {
	margin: 0 0 0 0;
	font-size: 1.1em;	
}

h5 {
	margin: 0 0 0 0;
	font-size: 1.0em;	
}

p, ul, ol, blockquote {
	margin: 0 0 1em 0;
}

ul {
	list-style-type: disc;
}

ul.partenaires, ul.plain {
	list-style-type: none;
}

ol {
	list-style-type: decimal;
}

li {
	margin: 0 0 0.5em 17px;
}

li ul {
	margin-left: 0.5em;
	margin-top: 0.5em;
}

blockquote {
	font-style: italic;
	font-size: 1.1em;
}

a {
/*	color: #4d7192;
	text-decoration: none;
	border-bottom: 1px solid #00F;
*/}

.colour-cvb {
	color: #e60005;
}

.colour-videp {
	color: #66a1c3;
}

div.body {
	width: 900px;
	margin: 50px auto;
}

div.top {
	height: 100px;
}

div.top p {
	float: left;
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #949499;
}

div.top p a, div.top p a:link, div.top p a:visited, div.top p a:hover, div.top p a:active {
	text-decoration: none;
	padding: 0 0 2px 0;
	border: none;
}
div.top p a.underline:hover, div.top p a.underline:active {
	border-bottom: 4px solid #949499;
}

div.top img {
	display: block;
	margin: 0;
	border: none;
	vertical-align: bottom;
}

div.top .logos {
	float: left;
}
div.top .logos img {
	display: inline;
	margin: 0 25px 0 0;
	border: none;
}
div.top .cvb-videp img {
	display: inline;
}
div.top .site {
	padding-top: 76px;
	text-align: right;
}
div.top .site img {
	float: right;
}

div#footer {
	clear: both;
	height: 50px;
}

div.content-no-sidebar {
	width: 900px;
	margin: 20px 0 0 0;
	background-color: #FFF;
	border: 1px solid #e5e5e5;
}

div.content-no-sidebar img {
	display: block;
}

div.content {
	float: right;
/*	clear: right;*/
	width: 690px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	border: 1px solid #e5e5e5;
	background-color: #FFF;
}

div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content p, div.content blockquote, div.content ul, div.content ol {
	margin-left: 5px;
	margin-right: 5px;
}

div.content div.content-left {
	float: left;
	clear: left;
/*	border: 1px solid yellow;*/
} 

div.content div.content-right {
	float: right;
/*	clear: both;*/
}

div.content div.content-right img {
	display: block;
/*	position: relative;
	left: 5px;
*/}

div.content div.content-left img {
	display: block;
/*	position: relative;
	left: -5px;
*/}

div.content div.wide {
	clear: left;
	margin: 0 0 1em 0;
}
div.content div.wide img {
	display: block;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
div.content div.no-margin, div.content div.no-margin-no-border, div.content div.no-margin-no-bottom-border {
	clear: left;
	margin: 0;
}

div.content div.no-margin-no-bottom-border img {
	border-bottom: none;
}

div.content div.no-margin-no-border img {
	border: none;
}

img.float-left {
	float: left;
	margin: 0 10px 6px 0;
}

div.sidebar {
/*	clear: left; */
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
}

div#change-language {
	margin-top: 1em;
}

div#change-language img {
	border: 1px solid #e5e5e5;
	background-color: #FFF;
	padding: 4px;
	margin-right: 0.5em;
}

ul#navigation {
	border: 1px solid #e5e5e5;
	background-color: #FFF;
	list-style-type: none;
	margin: 0;
	padding: 0px 6px 4px 6px;
	font-size: 12px;
}
ul#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#navigation li {
	margin: 9px 0 0 0;
	padding: 0;
	white-space: nowrap;
}
ul#navigation li li {
	margin: 0;
	padding: 0;
}
ul#navigation img {
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
}

/* calendrier */

div.content ul.calendrier {
	list-style-type: none;
	margin: 0;
/*	border-bottom: 1px solid #DDD;*/
}
ul.calendrier li {
	clear: left;
	margin-left: 0;
}
ul.calendrier li { /* , div.calendrier */
/*	clear: both;*/
	border-top: 1px solid #e5e5e5;
}

ul.calendrier li:first-child {
	border: none;
}

/*div.calendrier {
	border-bottom: 1px solid #DDD;	
}
*/
.calendrier h4 {
	margin: 1em 0 0 0;
	font-size: 15px;
	font-weight: bold;
}

.calendrier h4 a {
	color: #000;
	text-decoration: none;
	padding-bottom: 2px;
/*	border-bottom: 1px solid #999;*/
}

.calendrier h4 a:hover {
	border-bottom: 2px solid #000;
}

.calendrier h4 a.edit:hover {
	border-color: #0F0;
}

.calendrier h4 a.delete:hover {
	border-color: #F00;
}

div.calendrier h4 > a, div.calendrier h4 > a:hover {
	border: none;
}

.calendrier .options {
	margin-left: 1em;
	font-size: 11px;
	font-weight: normal;
}

.calendrier .options a {
	margin-left: 0.5em;
}

.calendrier .admin-info {
	color: #666;
	font-size: 11px;
	font-weight: normal;
}

.calendrier div.event-text {
	margin: 0 0 0 280px;
}

.calendrier p {
	margin-right: 1em;
}

.calendrier .quand {
	margin-top: 0;
	font-size: 12px;
	font-weight: bold;
}

.calendrier img {
	display: block;
	float: left;
	margin: 0 10px 1em 0;
}

div.paginationControl  {
	clear: left;
	text-align: center;
	color: #333;
	padding: 5px;
	border-top: 1px solid #e5e5e5;
}

div.paginationControl .current {
	color: #000;
	font-weight: bold;
}
/* forms */

form ul {
	list-style-type: none;
}

label {
	font-size: 12px;
	display: block;
	padding: 0 0 0.1em 0;
}

label.inline {
	display: inline;
}

label.required {
	font-weight: bold;
}

label strong {
	color: #F00;
}

form input, form textarea {
	font-size: 12px;
}

form p.aide {
	margin-top: 0.5em;
	font-size: 11px;
	font-style: italic;
	color: #999;
}

form .submit {
	margin-top: 2em;
/*	text-align: right;*/
}

form .submit input {
	font-weight: normal;
/*	text-align: right;*/
}


form .submit a, span.cancel a {
	text-decoration: none;
	font-weight: bold;
	color: #00F;
}

form .submit a {
	float: left;
}

form p.hint {
	display: inline;
	color: #666;
	font-size: 11px;
}
form p.hint a {
	color: #66F;
}
span.cancel a {
	margin-left: 1em;
	font-size: 0.9em;
}

span.cancel a:hover {
	color: #090;
}

form .form-sub-element {
	display: inline-block;
	color: #333;
	line-height: 18px;
	background-color: #EEE;
	margin: 0.5em 0 1em 2em;
	padding: 0.5em 1em;
	border: 1px solid #CCC;
}

form .form-sub-element, form .form-sub-element input {
	font-size: 11px;
}


/* ================= move to separate admin css file ? ================== */
ul#admin-navigation {
	font-weight: bold;
	padding: 0.5em 1em;
	margin: 0;
	border: 1px solid #e5e5e5;
	background-color: #FFF;
}

ul#admin-navigation li {
	list-style-type: none;
	margin: 0;
}

ul#admin-navigation > li {
	margin: 0.5em 0;
}

ul#admin-navigation ul {
	margin: 0 0 0 1em;
}


ul#admin-navigation a, ul#admin-navigation a:link, ul#admin-navigation a:visited {
	text-decoration: none;
	color: #888;
}

ul#admin-navigation a:hover, ul#admin-navigation a:active {
	color:#000;
}
/* ============================================================= */
p.intro {
	font-style: italic;
	font-size: 1.1em;
}

p.auteur, p.signature {
	text-align: right;
	font-style: italic;
}

p.quotation-reference {
	text-align: right;
}

span.auteur, span.title {
	font-style: italic;
}
.reference {
	font-style: italic;
}

p.welcome {
	float: right;
	color: #666;
}

p.first { 
	padding-top:1em; 
	clear:both; 
}

p.incorrect {
	text-decoration: line-through;
}

dt {
	font-weight: bold;
}
dd {
	margin-left: 1em;
}

.production-headings {
	height: 44px;
	vertical-align: top;
	margin: 0 5px 30px 5px;
}

.production-headings img {
	display: block;
	float: left;
	margin-right: 6px;
}

.production-headings h1, .production-headings h2 {
	height: 44px;
	display: inline;
}

.inline {
	display: inline;
}

.production-left {
	width: 490px;
}

div.content .production-right {
	width: 180px;
}

div.content .production-right h3 {
	font-style: italic;
	font-size: 12px;
	margin: 0 0 0.5em 0;
}

div.content div.recent-movie {
	margin: 0 0 10px 0;
}

div.content div.recent-movie img {
	left: 0;
}
div.content div.recent-movie p {
	margin: 0;
	line-height: 1.2;
}

div.content div.recent-movie p.title {
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: bold;
}

img.margin-top {
	margin-top: 20px;
}

div.publication, div.partenaires {
/*	position: relative;
	left: -5px;
	top: 0;
*/	
	clear: left;
	margin: 10px 0 0 0;
	float: left;
}

div.publication img, div.partenaires img {
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

div.publication img {
	float: right;
	display: block;
	margin: 0 0 0 10px;
	position: relative;
	left: 1px;
}

div.publication .publication-text {
/*	margin: 0 0 0 175px;*/
}

div.partenaires {
	margin-left: 5px;
}

div.partenaires .partenaires-text {
	margin: 0 0 0 125px;
}

form.catalogue {
	margin-top: 3em;
}
/*form.catalogue ul {
	width: 330px;
}
form.catalogue li {
	margin: 0 0 1em 0;
}
form.catalogue ul.left {
	float: left;
}
form.catalogue ul.right {
	float: right;
}
form.catalogue ul.right li {
	float: left;
	clear: left;
}
form.catalogue ul.right li.submit {
	margin: 20px 0 0 0.5em;
	clear: none;
}
*/

form.catalogue li {
	float: left;
/*	width: 150px;*/
/*	border: 1px solid green;*/
	margin: 0 10px 10px 0;
	padding: 0;
}

form.catalogue li.big {
/*	width: 460px;*/
}

form.catalogue li.submit {
	margin: 20px 0 0 3em;
/*	width: 120px;*/
/*	text-align:right;*/
/*	border: 1px solid green;*/
}

.name {
	font-weight: bold;
}

.function {
	font-style: italic;
}

div.align-bottom {
	height: 223px; display: table-cell; vertical-align: bottom;
}
div.align-bottom p {
	margin: 1em 5px 0 0;
}

a.mailto, a:link.mailto, a:visited.mailto, a:hover.mailto, a:active.mailto {
	color: #000;
	text-decoration: none;
}

a:hover.mailto, a:active.mailto {
	border-bottom: 1px solid #777;
}

div.wide ul.equipe {
	margin: 0 0 0 12px;
	padding: 0;
	font-size: 0.9em;
	list-style-type: none;
/*	border: 1px solid red;*/
}

div.wide ul.equipe li {
	float: left;
	width: 180px;
	padding: 0;
	margin: 18px 21px 18px 21px;
/*	border: 1px solid yellow;*/
}

div.wide ul.equipe li.clear {
	clear: left;
}

div.wide ul.equipe img {
	display: block;
}

div.wide ul.equipe p {
	line-height: 1.2;
	margin: 0.4em 0 0 0;
}

ul.errors {
	color: #FF0000;
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
}

.clear-left {
	clear: left;
}

ul.films {
	list-style-type: none;
	margin: 1em 0 0 0;
	padding: 0;
}

ul.films li {
	float: none;
	clear: left;
	margin: 0;
	padding: 0.2em 0 0 0;
	border-top: 1px solid #e5e5e5;
}

ul.films p {
	margin: 0;
	padding: 0;
}

ul.films a {
	text-decoration: none;
	color: #000;
}

ul.films p.titre {
	font-weight: bold;
}

ul.films p.titre span {
	font-weight: normal;
}

ul.films p.serie, ul.films p.serie a {
	font-weight: bold;
	color: #666;
}

ul.films p.resume {
	font-style:	italic;
}

ul.films div {
	margin: 0.5em 0;
}

ul.films div.vignette {
	float: left;
	width: 205px;
}

ul.films div.infos {
	float: left;
	width: 455px;
	margin-left: 14px;
/*	border: 1px solid red;*/
}

ul.films div.vignette img {
	float: right;
	display: block;
	border: none;
}

ul.films div.auteur {
	background-color: #bed282;
}

ul.films div.associatif {
	background-color: #bdb7d2;
}

ul.films div.atelier {
	background-color: #d2b464;
}

h3 span.info {
/*	font-size: 12px;*/
	font-weight: normal;
}