/* Tags HTML */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 25px 0;
}
p {
margin: 0 0 15px 0;
}
img{
	border:0;
}
h3{
	color:#fff;
	margin:0 0 20px -5px;
	font-size:2em;
}
#rose h4, #gauche h4 {
    background-color: #f6b5d6;
    color:#a93c73;
}
#jaune h4 {
    background-color: #fdf8c5;
    color:#827916;
}
#orange h4{
    background-color: #ffd292;
    color:#9b5c01;
}

a{
    font-weight:bold;
}

#rose a, #gauche a{
    color:#68334e;
}
#orange a{
    color:#9b5c01;
}
#jaune a{
    color:#7e7300;
}


#droite a{
    color:#000;
}


h4{
	margin:0 0 20px 0;
	font-size:1em;
	padding: 2px 0 2px 5px;
}
a:hover{
    text-decoration:none;
}

/* Conteneurs */
#entete{
	height:168px;
	position:relative;
}
#page{
	width:845px;
	margin:0 auto;
	background: url(../images/30-15/fond-ecran-30-15.gif) no-repeat top center; 
}
#pied, #pied_index{
    margin:10px 0 25px 0;
    color:#aaa;
    font-size:0.9em;
    text-align: center;
}
#pied_index{
    margin:10px 0 25px 97px;
    width:418px;  
}
#pied a, #pied_index a{
    color:#aaa;
    font-weight:normal;
}


/* Illustrations */
#logo_3015 {
	position:absolute;
	left:8px;
	top:0;
}
#logo_rc{
	position:absolute;
	right:0;
	top:60px;
}

.photo_programme {
    float: left;   
    padding-left: 12px;
    text-align: center;
}



/* Menu */
ul#menu{
	list-style-type: none;
}
ul#menu li{
	position:absolute;	
}
ul#menu #edito{
	top:100px;
	left:210px;
}
ul#menu #programme{
	top:50px;
	left:220px;
}
ul#menu #partenaire{
	top:88px;
	left:350px;
}
ul#menu #artiste{
	top:15px;
	left:395px;
}
ul#menu #edition{
	top:115px;
	left:425px;
}
ul#menu #pratique{
	top:130px;
	left:546px;
}
ul#menu #presse{
	top:78px;
	left:496px;
}


/* Sous menu */
ul#sous_menu{
	list-style-type: none;
	margin:0 0 25px 0;
	padding:0;
}
ul#sous_menu li{
    display:inline;
    padding:0;   
    font-size:1.1em; 
    font-weight:bold;
}
ul#sous_menu li a{
    text-decoration:none;
    margin:0 5px 0 0;
    padding:3px 8px;
    border-bottom: 1px dashed #fff;

}
#rose ul#sous_menu li a.actif, #gauche ul#sous_menu li a.actif {
    cursor:default;
    color:#fff;
}
#rose ul#sous_menu li a:hover, #gauche ul#sous_menu li a:hover{
    color:#fff;
}
#rose ul#sous_menu li a, #gauche ul#sous_menu li a {
    color:#da95b8;
    background-color: #9d3c6e; 
}
#jaune ul#sous_menu li a.actif{
    cursor:default;
    color:#fff;
}
#jaune ul#sous_menu li a:hover{
    color:#fff;
}
#jaune ul#sous_menu li a {
    color:#fbf293;
    background-color: #c3b629; 
}
#orange ul#sous_menu li a.actif{
    cursor:default;
    color:#fff;
}
#orange ul#sous_menu li a:hover{
    color:#fff;
}
#orange ul#sous_menu li a {
    color:#ffdba7;
    background-color: #ca8219; 
}

/* Habillage des pages */
.contenu, .contenu_index {
	width:610px;
	margin:0 auto;	
}

.contenu_index {
	width:650px;
}

#rose {
	background: url(../images/30-15/page-rose.gif) repeat-x top left; 
	background-color: #e870ad;
	padding:20px;
}

#gauche{
    background: url(../images/30-15/page-rose.gif) repeat-x top left; 
    background-color: #e870ad; 
    padding:20px 15px 20px 15px;
}

#jaune{
	background: url(../images/30-15/page-jaune.gif) repeat-x top left;
	background-color: #f1de14;
	padding:20px;
}

#orange{
	background: url(../images/30-15/page-orange.gif) repeat-x top left;
	background-color: #fe9c11;
	padding:20px;
}

#gauche {
	width:410px;
}
#droite {
	float:right;
	width:180px;
	background-color: #bbb;
	padding:18px 10px;
}

.clear {
    clear:both;
    font-size:0;
    margin:0;
    padding:0;
}


.taille_soustitre{
    font-size:1.2em;
    border-bottom: 1px dashed #000;
    padding-bottom:2px;
}

.citation {
    display:block;
    font-weight:bold;
    font-style:italic;
    padding:15px 15px 0 15px;
   
}
#rose .citation, #gauche.citation {
    color:#68334e;
}

#orange .citation{
    color:#9b5c01;
}
#jaune .citation{
    color:#7e7300;
}



/* sous-menu programme */
.photo_programme p {
    background-color: #ca8219; 
    font-size:1.2em;
    width:188px;
    padding:6px 0;
    margin:0;
}
#orange .photo_programme p a {
    text-decoration:none;
    color:#ffdba7;
}
#orange .photo_programme p a:hover {
    color:#fff;
}


/**
 * CSS de la saisie libre des articles
 * 
 */
img.droite{
float:right;
margin: 0 0 5px 5px;
}
img.centrer{
margin: auto auto;
}
p.gauche{
text-align:center;
float:left;
margin:0 8px 8px 0; 
}
p.gauche img{
display:inline;
}
img.gauche{
float:left;
margin:0 5px 5px 0;
}
table{
width:599px;
}
table td{
text-align:center;
padding:5px;
}    
table td img{
display:inline;
}

h4{
clear:left;
}

.discret{
font-size:0.9em;
font-style:italic;
}

.clearboth{
    clear: both;
}