/*Page : CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
color: #000;
padding: 0px;
margin: 0px;
background: #000 url(image/backgroundrond.jpg) top fixed no-repeat;
}

.clear{clear:both;}

#header h1 {
float: left;
margin: 150px; 
height: 55%;
color: white;
}

#header {
position: relative;
width: 100%;
background:;
margin: 0 auto;
padding: 0px 0px 5px 0px;
text-align: center;
vertical-align: middle;
}
#cadremenu1 {
position: relative;
width: 980px;
z-index: 100;
background: #fff;
margin: 0 auto;
height: 23px;
}
#cadremenu2 {
position: relative;
width: 945px;
margin: 0 auto;
}
#cadreconteneur {
position: relative;
margin: 0 auto;
background: #000;
color: #FFF;
padding: 0px 15px 15px 15px;
}
#conteneur {
position: relative;
width: 965px;
margin: 5px auto;
background: url(image/background_contenu.jpg) repeat-x #b8b8b8;
padding: 7px 7px 7px 7px;
}
#news {
float: left;
width: 680px;
height:300px;
}

#droitetop{
float: left;
width:280px;
height:280px;
margin: 0px 0px 0px 5px;
}
#twitter{
width:280px;
padding: 1px 1px 1px 1px;
height:258px;
background-color:#000;
color: #000;
}

#boutique{
text-align:center;
margin-left:6px;
width:270px;
padding: 0px 0px 0px 0px;
}
#video{
float: left;
width: 678px;
height:245px;
margin-top: 10px;	
border: 1px solid #C7C7C7; 
background-color:#DDDDDD;
}
#video1{
float: left;
width: 337px;
height:245px;
margin-top: 10px;	
border: 1px solid #C7C7C7; 
background-color:#DDDDDD;
}

#video2{
float: left;
width: 337px;
height:245px;
margin-top: 10px;	
border: 1px solid #C7C7C7; 
background-color:#DDDDDD;
}

#photo{
float: left;
width:276px;
margin: 10px 0px 0px 5px;
height: 243px;
padding: 1px 1px 1px 1px;
background:#F23005;
color: #fff;
border: 1px solid #C7C7C7; 
background-color:#DDDDDD;
}

#coupcoeur{
float: left;
width: 668px;
height:250px;
margin-top:10px;	
border: 1px solid #C7C7C7; 
background-color:#DDDDDD;
padding: 5px 5px 5px 5px;
}

#droitebas{
float: left;
width:280px;
margin: -1px 0px 0px 5px;
height: 260px;
}
#facebook{
float: left;
width:280px;
color: #fff;
}

#reseaux{
float: left;
width:280px;
padding: 1px 1px 1px 1px;
height:63px;
background:#F23005;
color: #fff;
}
#footer {
position: relative;
width: 980px;
margin: 0 auto;
background: #000;
padding: 9px 0px 9px 0px;
color: #fff;
text-decoration: none;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
}
.footer {
color: #fff;
}
a {
color: #3e85c1;
font-weight: bold;
text-decoration: underline;
}
a:hover{
color: #70b9c5;
font-weight: bold;
text-decoration: none;
}
.link {
color: #FFF;
background: #e95d0f;
padding: 1px 5px 2px 5px;
text-decoration: none;
}

.linka {
}

.calendar {
color: #FFF;
text-decoration: none;
}

/* Titres */
#video h1 {
color:#413C3C;
width: 98%;
padding: 0px 0px 0px 5px;
text-align: left;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
}
#photo h1 {
color:#413C3C;
width: 98%;
padding: 0px 0px 0px 5px;
text-align: left;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
}
h1 {
color: #fff;
width: 98%;
padding: 5px 5px 5px 15px;
font-family: Arial, Verdana, Tahoma;
text-align: left;
vertical-align: middle;
font-weight: bold;
font-size: 16px;
}
h2 {
color: #a51848;
width: 50%;
padding: 0px 0px 2px 0px;
font-family: Verdana, Tahoma, Arial;
text-align: left;
font-weight: bold;
font-size: 13px;
border-bottom : solid 2px;
}
h3 {
color: #413C3C;
width: 98%;
padding: 0px 0px 0px 8px;
font-family: Arial, Verdana, Tahoma;
text-align: left;
vertical-align: middle;
font-weight: bold;
font-size: 14px;
}
h4 {
color: #a51848;
width: 57%;
padding: 0px 0px 2px 0px;
font-family: Verdana, Tahoma, Arial;
text-align: left;
font-weight: bold;
font-size: 13px;
border-bottom : solid 2px;
}

/* Rubriques */
.rubrique_festival {
background: #a51848;
}
.rubrique_edition {
background: #a51848;
}
.rubrique_autour{
background: #a51848;
}
.rubrique_presse{
background: #a51848;
}
.rubrique_pro{
background: #a51848;
}
.rubrique_archives {
background: #a51848;
}
.rubrique_boutique {
background: #a51848;
}
.rubrique_infos {
background: #a51848;
}