@charset "iso-8859-1";
/* CSS Document */

html {
	scrollbar-base-color: #c41a1f;
	scrollbar-face-color: #c41a1f
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #c41a1f;
	scrollbar-3dlight-color: #c41a1f;
	scrollbar-darkshadow-color: #c41a1f;
    scrollbar-face-color : #c41a1f;
    /* couleur du coté éclairé de la barre et des boutons : bords internes haut et gauche */
    scrollbar-highlight-color : #c41a1f;

    /* couleur du coté sombre de la barre et des boutons : bords internes bas et droite */
    scrollbar-shadow-color: transparent;
}

body{
	background-color:#000;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;	
	color: white;
	position:relative;
	text-align:center;
	padding:auto;
}

h1 {
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
	color:#f2e2a0;
}

h2 {
	font-size:14px;
	color:#e1001a;
	line-height:14px;
	margin:0;
	padding:0;
}

hr {
	color:#e1001a;
}

div, img {
	margin:0;
	padding:0;
	border:none;
}

#conteneur_global {
	width:910px;
	height:600px;
	margin:0 auto;
	padding:0;
}

#bandeau_gauche {
	position:relative;
	float:left;
	width:245px;
	height:556px;
	background-image:url(../images/bandeau_gauche.jpg);
}

#partie_droite {
	position:relative;
	float:right;
	width:655px;
	height:556px;
	background-image:url(../images/fond_contenu.jpg);
	color:#FF0;
	display:none;
}

#contenu_partie_droite_accueil {
	padding-top:10px;
	padding-left:35px;
	padding-right:15px;
	line-height:14px;
	text-align:justify;
}

#contenu_partie_droite {
	padding-top:10px;
	padding-left:35px;
	padding-right:15px;
	line-height:14px;
	text-align:justify;
}

#contenu_deroulant {
	position:relative;
	height:470px;
	width:620px;
	overflow:auto;
}

#footer {
	width:910px;
	font-size:9px;
	margin:0;
	padding:0;
	padding-right:81px;
	text-align:right;
}

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

#menu {
	position:relative;
	background-image:url(../images/fond_menu.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	margin-left:110px;
	padding:0;
	text-align:center;
	width:800px;
	height:23px;
}

ul {
float:right;
font-size:17px;
margin:0;
padding:0;
list-style-type:none;
width:700px;
}

li {
float:right;
margin:0px;
padding:0 px;
width:auto;
height:23px;
color:#FFF;
line-height:23px;
font-weight:bold;
margin:0 13px;
}

li a {
display:block;
text-align:center;
text-decoration:none;
color:#e2001a;
}

li a:hover {
color:#FFF;
}

/* ---------------------------------------------     PAGE d'ACCUEIL */

.contenant_ligne_page_accueil {
	width:550px;
	position:relative;
	clear:both;
}

.partie_gauche_page_accueil {
	width:260px;
	position:relative;
	float:left;
}

#partie_droite_page_accueil {
	width:290px;
	position:relative;
	float:right;
	color:#FFF;
	font-size:12px;
	margin-top:20px;
}

#illustration_page_accueil {
	margin-left:70px;
}

/* ---------------------------------------------     PAGE de PROJET ----------------------------------- */

#partie_droite_page_projet_1, #partie_droite_page_projet_2, #partie_droite_page_projet_3 {
	width:290px;
	position:relative;
	color:#FFF;
	font-size:12px;
	margin-top:20px;
}

#partie_droite_page_projet_2, #partie_droite_page_projet_3 {
	display:none;
}

/* ---------------------------------------------     PAGE de PRESTATION --------------------------------------- */

#contenant_deroulant_prestation {
	position:relative;
	height:430px;
	width:620px;
	overflow:auto;
}

#contenu_deroulant_prestation {
	position:relative;
	float:left;
	height:390px;
	width:300px;
	overflow:auto;
}

.contenant_prestation {
	width:590px;
	margin-top:25px;
}

#phrase_intro {
	font-size:14px;
	color:#F00;
	margin:0;
	margin-bottom:11px;
	padding:0;
	width:540px;
}

#boutons_prestation {
	position:relative;
	float:left;
	width:260px;
}

#boutons_prestation ul {
	width:260px;
	list-style-type:none;
}

#boutons_prestation li {
	width:260px;
	height:140px;
}

a#boutons_prestation {

}

a#associations {
display:block;
width:260px;
height:140px;
margin:0;
padding:0;
background:url(../images/titre_projet_1.png);
background-repeat:no-repeat;
}
a#associations:hover {
background-image:url(../images/titre_projet_1_S.png);
}

a#artistes {
display:block;
width:260px;
height:140px;
margin:0;
padding:0;
background:url(../images/titre_projet_2.png);
background-repeat:no-repeat;
}
a#artistes:hover {
background-image:url(../images/titre_projet_2_S.png);
}

a#entreprises {
display:block;
width:260px;
height:140px;
margin:0;
padding:0;
background:url(../images/titre_projet_3.png);
background-repeat:no-repeat;
}
a#entreprises:hover {
background-image:url(../images/titre_projet_3_S.png);
}

.header_contenant_prestation, footer_contenant_prestation {
	height:22px;
	width:570px;
}

.contenu_contenant_prestation {
	width:570px;
	position:relative;
	clear:both;
	display:table;
}

.partie_gauche_contenant_prestation {
	width:152px;
	position:relative;
	float:left;
}

.partie_droite_contenant_prestation {
	position:relative;
	width:418px;
	float:left;
	color:#FFF;
	font-size:12px;
}

p.forfait {
	text-align:left;
	width:400px;
}

p.supplement {
	text-align:right;
	width:400px;
	padding-right:25px;
}

/* ---------------------------------------------     PAGE de DEVIS */

form {
	font-size:11px;
	color:#FFF;
	text-align:center;
}
