/* Start of CMSMS style sheet 'artetsaveur' */
/* -------------- Mise à zéro des styles ---------------- */
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,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;}

body {
background-color: #e7e3fa;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000;
}

#conteneur {
width: 999px;
margin-top: 10px;
}

#slogan {
width:338px;
height:158px;
margin-left:530px;
text-align:center;
color:#e13720;
}
#slogan h1{
	font-size:25px;
	font-weight: bold;
	padding-top: 10px;
}
#slogan h2{
	font-size:19px;
	font-weight: bold;
	padding-top: 10px;
}
#logo {
float: left;
width: 534px;
height:158px;
}
#affiche {
float: right;
width: 127px;
height:158px;
}

#affiche img{
	width:127px;
	height:158px;
}
#gauche{
	float:left;
	margin-right:10px;
	background:#61559e;
}
#gauche img{
	margin:10px 0;
}
#menu{
	
	width:200px;
	border-bottom:1px solid #BBB;
}
#menu li{
	border-bottom:1px solid #333;
	border-top:1px solid #BBB;
}
#menu li a{
	display:block;
	height:18px;
	color:#FFF;
	border-left:10px solid #3cb7a8;
	padding:2px 0 0 30px;
	font-size:11px;
	text-decoration:none;
}
#menu li a:hover{
	border-left:10px solid #e6d600;
}
#menu ul li{
	border-bottom:1px solid #333;
	border-top:1px solid #BBB;
}
#menu ul li a{
	padding:2px 0 0 45px;
	border-left:10px solid #a6ebe3;
}
#menu ul li a:hover{
	border-left:10px solid #f1ee96;
}
#contenu{
background-image: url(../cms/images/film.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-right:100px;
font-size:12px;
height:600px;
text-align:justify;
}
#contenu h1{
	font-size:25px;
	font-weight: bold;
	padding-top: 10px;
}
#contenu h2{
	font-size:20px;
	font-weight: bold;
	padding-top: 10px;
        text-align: right;
}
#contenu h3{
	font-size:20px;
	font-weight: bold;
	padding-top: 10px;
        text-align: left;
}
#contenu table{
	width: 675px;
	margin-top:30px;
}
#contenu img{
	margin-top:10px;
	
}
#contenu tr{
	margin-top: 30px;
}
#contenu td{
	width:25%;
	text-align:center;
}
#contenu p{
	line-height: 17px;
	padding-bottom:6px;
}
#contenu ul{
padding-left:30px;
margin-left:25px;
}
#contenu li{
	list-style: disc;
        margin-top:8px;
	margin-left:50px;
	padding-left: 10px;
	padding-bottom:3px;
}
.red{
	color: #e13720;
}
.bleu{
	background-color: #1a87ec;
}
.mauve{
        
	background-color: #877bc3;
}
.vert{
	background-color:#689240;
}
.orange{
	background-color:#EB8B1D;

}.rouge{
	background-color:#BE2128;
}
.accueil a{
	height:18px;
	color:#fff;
	text-decoration:none;
}
.photos{
	margin-top:10px;
}
/* -----------footer--------------------------- */
#signature{
clear: both;
width:999px;
height: 52px;
text-align: right; 
font-size: 9px;
padding-top:20px;
}
#signature a{
   color: #61559e;
   text-decoration: none;
}
#signature img{
   vertical-align: middle;
   margin-right:20px;
}

#video {
        width:384px;
        height:288px;
background:red;
}
/* End of 'artetsaveur' */