/* GÉNÉRAL ********************/

body {
	position:relative;
	top:0px;
	left:0px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	background: #880000;
	width:1014px;
	margin-left:auto;
	margin-right:auto;
}

a {
	color:#c80000;
}

p {
	line-height:1.5em;
	font-size:12px;
	text-align:justify;
	margin:0;
}

img {
	border:0;
	}

.gras {
	font-weight:bold;
	padding-bottom:10px;
}

#header {
	margin:0;
	padding:0;
	width:1014px;
	height:122px;
	background: url(../images/header.jpg) no-repeat top center ;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	position:relative;
	top:28px;
	left:18px;
	display:block;
	width:313px;
	height:86px;
	padding:0;
}


h1 {
	font-size:0.6em;
	text-indent: -5000px;
}

h2 {
	color:white;
	font-size:0.87em;
	font-weight:normal;
}


h4 {
	color:#c80000;
	font-size:15px;
}

h5 {
	font-size:12px;
}

.contour_noir {
	border:1px solid black;
}



/* OMBRE DERRIÈRE CONTENU ********************/

#ombre {
	width:1014px;
	background: url(../images/ombre.jpg) repeat-y;
}



/* MENU BOUTONS  *******************/

#menu {
	position:absolute;
	top:92px;
	left:340px;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;	
	}
#menu li {
	float: left ;
	width: 86px ;
	margin-right: 5px ; /* Espace entre chaque bouton*/
	color: #fff ;
	}
	

#menu li a {
	display: block ;
	background: url(../images/bouton.jpg) left top no-repeat ;
	color: #fff ;
	font-size: 0.8em ;
	line-height: 50% ;
	padding: 9px 0 ;
	text-align: center ;
	text-decoration: none ;
	height:27px;
	font-weight:normal;
	}
	

#menu li a:hover, #menu li a:focus, #menu li a:active {
	background: url(../images/bouton.jpg) right top no-repeat ;
	text-decoration: none ;
	font-weight:normal;
	}
	
#menu li#encours { /* SI LA PAGE EST PAGE ACTIVE (DANS CE CAS PAS DE LIEN) */
	width: 86px ;
	height:27px;
	padding: 4px 0 ;
	background: url(../images/bouton.jpg) right top no-repeat ;
	color: #fff ;
	font-size: 0.8em ;
	line-height: 50% ;
	padding: 9px 0 ;
	text-align: center ;
	text-decoration: none ;
	height:27px;
	font-weight:normal;

}	



/* ACCUEIL ********************/

#fond_accueil { /*Zone de contenu */
	position:relative;
	top:0px;
	left:0px;
	margin:0;
	width:980px;
	height:585px;
	background: #000 url(../images/photo_accueil.jpg) no-repeat top center ;
	margin-left:auto;
	margin-right:auto;
}

#grelot {
	color:red;
	font-size:1em;
}
#intro_accueil {
	position:relative;
	top:20px;
	left:5px;
	margin:0 12px 0 auto;
	background:black;
	padding:5px;
	width:97.5%;
	color:white;
	font-size:0.73em;
}


#titre_news {
	background:url(../images/titre_news2.png) no-repeat left top;
	width:115px;
	height:36px;
	position:absolute;
	top:57px;
	//top:69px;
	left:510px;
	
}


.titre_unenews {
	font-size:1.4em;
}


#news {
	position:absolute;
	top:105px;
	left:522px;
	margin:0px;
	padding-top:10px;
	list-style-type:none;
	font-size:0.8em;
	line-height:1.4em;
}

.cadre {
	margin-top:0px;
	width:431px;
	height:150px;
	padding-top:13px;
	background:url(../images/cadreblanc_haut.png) no-repeat left top;
	
}
.bloccadre {
	background:url(../images/cadreblanc_bas.png) no-repeat left bottom;
	padding:0px 15px 15px 8px;
	/*min-height:122px;*/
	height:122px;
	overflow:hidden;

}
.bloccadre p {
	margin:0 30px 0 20px;
}


.teaser {
	float:left;
	margin-right:8px;
	border:1px solid black;
}



#texte_son
{
	position:absolute;
	top:530px;
	left:30px;
	color:white;
	font-weight:bold;
	font-size:13px;
	width:210px;
}
#le_son
{
	position:absolute;
	top:530px;
	left:215px;
}



/* TOUTES LES PAGES ********************/

#content {
	width:950px;
	background:white;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
}


.titre_contenu {
	width:940px;
	height:21px;
	background:url(../images/titre_contenu.gif) repeat-x;
	line-height:23px;
}
.fond_titre_contenu
{
	background:#c80000;
	padding:0 5px 0 5px;
	text-align:center;
}

.fond_titre_picto
{
	background:white;
	padding-right:15px;
}


/* PRESTATIONS *************************/

#intro_prestations {
	width:940px;
	font-weight:bold;
	padding-bottom:10px;
}

.titre_prestations {
	width:400px;
	height:31px;
	background:url(../images/titre_picto.gif) no-repeat;
	padding-left:42px;
	font-size:0.85em;
	line-height:43px;
}
.soustitre_prestations {
	padding-left:42px;
}

.tab_prestations table {
	width:100%;
	padding:10px;
	
}
.tab_prestations td {
	vertical-align:top;
}

.bloc_prestations {
	margin:0 30px 25px 10px; 
	width:390px;
	//width:425px;
	font-size:0.8em;
	line-height:1.5em;
	text-align:justify;
}
.bloc_prestations li {
	margin-top:10px; 
	//margin-left:42px; 
}

.ill_prestations {
	border:1px solid black;
	margin:20px 0 0 5px;
}
.ill_presta2 {
	border:1px solid black;
	margin:0 20px 5px 40px;
	float:left;
}
.ill_presta3 {
	border:1px solid black;
	margin:0px 30px 5px 20px;
	float:right;
}



/* DEMOS *************************/
.tab_demos {
	width:92%;
	margin-left:auto;
	margin-right:auto;
}
.tab_demos table, .tab_demos td {
	border:dotted 1px grey;
	border-collapse:collapse;
	font-size:14px;
	padding:2px;
	
}
.tab_demos th {
	background:#ccc;
	text-align:left;
	font-size:14px;
	padding:4px;
}
.precisions {
	margin:0 0 0 30px;
	font-size:12px;
	text-align:justify;
	font-weight:bold;
}
.precisions li {
	margin-top:8px;
}


/* CLIENTS *************************/

.titre_clients {
	height:31px;
	background:url(../images/titre_picto.gif) no-repeat;
	padding-left:42px;
	font-size:0.85em;
	line-height:43px;
}

.gris {
	width:552px;
	margin:0 0 25px 42px;
	color:#4c4c4c;
}
#ill_clients {
	border:1px solid black;
	float:right;
	margin-right:15px;
}


/* STUDIOS *************************/

#conteneur {
	text-align:justify;
	margin-right:10px;
}
#boitegauche
{
	float:left;
	width:33%;
	background:#cecece;
	padding:0px;
	margin-right: 10px;

}
#boitedroite
{
	float:right;
	width:33%;
	margin-left: 10px;
}
#boitedroitehaut {
	clear:both;
	padding:0 0 5px 0;
	background:#cecece;
}
#boitedroitebas {
	margin-top:10px;
	padding:0px;
	border:1px solid #c80000;
	
}
#boitecentre
{
	background:#cecece;
	padding:0px;
	overflow:hidden;
}

.titre_studios {
	background:black;
	padding:3px;
	margin:0;
	text-align:center;
	color:white;
	font-size:14px;
	font-weight:normal;
}

.sous_titre {
	margin:12px;
	background:white;
	text-align:center;
	font-weight:bold;
	padding:3px;
}

.vignettes {
	margin-left:auto;
	margin-right:auto;
	width:230px;
	padding:8px;
}

.unevignette {
	display:block;
	border:1px solid black;
	width:97px;
	height:65px;
}

.legende {
	font-weight:bold;
	margin:12px;
	padding:5px;
	font-size:11px;
}

.type_materiel {
	margin-left:12px;
	font-size:12px;
}

.liste_materiel {
	width:80%;
	font-size:12px;
	line-height:1.7em;
	margin-left:-5px;
	font-weight:normal;
	//margin-left:15px;
}
.liste_materiel li {
	//margin-left:25px;
	//margin-bottom:10px;
}

#titre_materiel {
	display:block;
	margin: 10px auto 10px auto;
	line-height:31px;
	width:70%;
	height:31px;
	background: url(../images/picto_grelot.gif) no-repeat;
	padding:0 0 0 25px;
	font-size:14px;
	text-align:center;
}



/* RADIOBUDDY *************************/


#conteneur_radiobuddy {
	padding-top:15px;
}
#conteneur_radiobuddy td {
	vertical-align:top;
}


.titre_radiobuddy {
	height:31px;
	background:url(../images/titre_picto.gif) no-repeat;
	padding-left:42px;
	font-size:0.85em;
	line-height:43px;
	width:306px;
}

.noir {
	width:306px;
	margin:0 15px 25px 42px;
	color:#4c4c4c;
}
#ill_radiobuddy {
	margin-top:10px;
}

#bouton_radiobuddy {
	background:url(../images/bouton_radiobuddy.jpg) no-repeat;
	width:369px;
	height:64px;
	display:block;
	position:relative;
	top:20px;
	left:100px;
	color:white;
	text-decoration:underline;
	padding:15px 0 0 60px;
}
	


/* CONTACTS *************************/

.titre_contacts {
	font-weight:bold;
}

.contact {
	margin-bottom:20px;
	margin-left:20px;
	line-height:1.8em;
	font-size:13px;
	
}

#ill_contact {
	border:1px solid black;
	margin-right:15px;
}

#tab_contact td {
	vertical-align:top;

}



/* CREDITS *************************/
.credits {
	padding-top:12px;
	margin-left:20px;
	line-height:1.8em;
	font-size:13px;
}

.credits strong {
	font-size:13px;
}

#lien_credits {
	color:white;
}



/* BAS DES PAGES ********************/
#bas_accueil {
	margin:0;
	padding:0;
	width:1014px;
	height:33px;
	background:url(../images/bas_accueil.jpg) no-repeat top center ;
	margin-left:auto;
	margin-right:auto;
}

#bas {
	clear:both;
	margin:0;
	padding:0;
	width:1014px;
	height:33px;
	background: url(../images/bas.jpg) no-repeat top center ;
	margin-left:auto;
	margin-right:auto;
}


/* FOOTER GÉNÉRAL ********************/
#footer {
	margin-top:7px;
	text-align:center;
	font-size:0.65em;
	color:white;
}