html, body {
height: 100%
}



body {
	margin : 30; /*marge tout en haut du site*/
	padding : 0;
	background : #FFFFFF url(images/bg-all.jpg) repeat-x;
	text-align : center;
	font-size : 0.7em;
	color : #000000;
	font-family : arial;
}
  

/*  SITE Couleur de fond du centre du site
********************************************************************/
 
#site {
	width : 975px;
	margin : 0 auto;
	text-align : left;
	background : #000000;
	background : url(images/center.jpg);
	min-height : 100%;
}
     
     
/*  HEADER
********************************************************************/
   

#header {
position : relative ; 
height : 120px;
background : url(images/header.jpg) ; 
}


/*  HEADER >> TITRE DU SITE >> H1 + P slogan
********************************************************************/


#header h1 {
	position : absolute;
	top : 9px;
	right : 671px;
	margin : 0;
	padding : 0;
	font-size : 2em;
	text-transform : uppercase;
	font-weight : normal;
	letter-spacing : 6px;
	width: 292px;
}



#header h1 a {
color : #9D9D9D;
text-decoration : none; 
}


#header p {
	position : absolute;/*position CONCEPTION SONORE*/
	top : 66px;
	right : 27px;
	margin : 0;
	padding : 0;
	text-transform : uppercase;
	font-weight : normal;
	letter-spacing : 6px;
	color : #000000;
	width: 269px;
}


   
   
/*  HEADER >> MENU PRINCIPAL acceuil références client contact 
********************************************************************/
   
   
   
#menu { /*accueil reference contact tout en haut à droite*/
	position : absolute;
	bottom : 32px;
	left : 593px;
	width: 372px;
	height: 80px;
}
	
	
#menu  ul{
list-style : none ;
margin : 0; 
padding : 0 ;
}


#menu  li{
float : left ;
text-transform : uppercase ;
background : url(images/bg-li-menu.jpg) right no-repeat;  
}
	
	

#menu  li a{
margin : 0 ; 
padding : 0 15px  ; /*2eme chiffre = accueil reference contact tout en haut à droite = espace entre chaque mot*/
text-decoration : none ;    
color : #000000 ;
font-weight : bold ;
}


#menu li a:hover {
color : #d7caca
}
	


/*  CONTENT ligne horizontale qui sépare menu gauche au texte du centre
********************************************************************/

/* #content {
overflow : auto ;
background : url(images/bg-content.jpg) center repeat-y; 
 }
 
 
 
 /*  CONTENT >> CENTRAGE
********************************************************************/

#centrage {
padding : 0 ;
}
	
	
/*  CONTENU
********************************************************************/	
	

#contenu {
width : 585px ; 
background : transparent ; 
float  : left ;
margin : 0;
padding : 20px 10px 0 20px  ;
}

/*  CONTENU Large style corporate
********************************************************************/	
	

#contenu2 {
width : 750px ; 
background : transparent ; 
float  : right ;
margin : 0;
padding : 20px 40px 0 20px  ;
}
   

/*  CONTENU >> POST
********************************************************************/	


.post {
	padding : 0 0 20px 0;
	text-align: left;
}   

.post  h2 {
font-size : 1.6em ; 
padding :  0 ; 
margin: 0 ;
color : #201C1B; 
font-weight : normal;
text-transform : uppercase;  
}

.post  .sous-h2 {
margin : 0 ;
padding : 0;
color : #201C1B ;
font-size : 110%; 
font-weight : bold ;  
}
   
.post img {
float  : right ;
margin : 0 10px 5px 20px;
}

.post a {color : #000}




   

   
   
   
/*  SIDE RIGHT (Les menus style Tv, radio, nos voix ...)
********************************************************************/
   
   
#side {
width : 154px ;
float  : left ;
padding :  0  ;
text-align : justify; 
background : transparent ;
font-size : 90%;  

 }
 
	
#side h2 { /*grosseur des mauves menus à gauche*/
font-size : 1em ;
margin : 0  ;
padding :  0 0 0 15px ; 
color : #201c1b ; 
background : #d7caca;
height : 37px;
line-height : 37px;
text-transform : uppercase;
font-weight : normal;
}

#side h3 {
font-size : 1em ;
margin : 0  ;
padding :  0 0 0 15px ; 
color : #000 ; 
background : #FFFFFF;
height : 37px;
line-height : 37px;
text-transform : uppercase;
font-weight : normal;
}
	
	
	
#side ul{
list-style : none ; 
margin :  10px 0 ; 
padding : 0; 
color : #1A1A1A
}
 
#side li{
margin : 0 ; 
padding : 0;
 border-top : 1px solid #d7caca; /* grosseur des lignes sous chaques menu*/
}
  
  
#side li a{
padding : 0 0 0 15px; /* espace entre bord à gauche et images menu*/
display : block ;
height : 25px;
line-height : 25px; 
text-decoration : none ; 
color : #201c1b; 
text-transform : uppercase;
 
}


#side li:first-child{
border-top : 0;  
}




#side li a:hover{
color : #d7caca ;

}


#side p{
margin : 10px 0 25px 0 ; 
padding : 0;  
}


#side form {
margin : 0;
padding : 20px 0 0 0;
height : 50px;  
}


#side input {
float : left ; 
margin : 0;
padding : 0; 
}


#side .champ {
width : 115px ;
height : 23px;
border-top  : 1px solid #d7caca;
border-left  : 1px solid #d7caca;
border-bottom  : 1px solid #d7caca;
border-right : 0;   
 }
img { border : none; } /*  enlève la bordure bleue des images par exemple sous explorer*/
   

#side .recherche {
background : url(images/search.jpg);
height : 25px;
width : 67px;
border : 0; 
}



   
/*  SIDE LEFT (nouveautés)
********************************************************************/
   
   
#side-left {/*le 1er chiffre = espace entre le haut et le début du texte*/
width : 176px ;
float  : left ;
padding :  10px 0 0 10px ; /*le 1er chiffre = espace entre le haut et le début du texte*/
text-align : justify; 
color : #201c1b;

}
  

#side-left h2 {/*le titre du texte*/
font-size : 1.2em ;
margin : 0 0 10px 0  ;
padding :  0 ; 
color : #201c1b ; 
}



#side-left p {/*espace p : ne pas toucher c'est bien comme ça*/
margin : 0 0 5px 0;
padding : 0;  
}



/*  SIDE LEFT 2(marge petite à droite)
********************************************************************/
   
   
#side-left2 {
width : 10px ;
float  : right ;
padding :  10px 0 0 10px ;
text-align : justify; 
color : #FFFFFF;

}
 
#side-left2 p {
margin : 0 0 5px 0;
padding : 0;  
}

   
 

 
 /*  SIDE LEFT 3(Pays)
********************************************************************/
   
#side-left3{/*le 1er chiffre = espace entre le haut et le début du texte*/
width : 176px ;
float  : left ;
padding :  20px 0 0 10px ; /*le 1er chiffre = espace entre le haut et le début du texte*/
text-align : justify; 
color : #201c1b;

}

#side-left h3 {/*le titre du texte*/
font-size : 1.2em ;
margin : 0 0 10px 0  ;
padding :  0 ; 
color : #201c1b ; 
}

#side-left 3 p {
margin : 0 0 5px 0;
padding : 0;  
}


 
 	
/*  FOOTER
*******************************************************************/ 
   
#footer { 
clear:both;
height :30px;
text-align : center ;
}

#footer p { 
margin : 0 ;
padding : 30px 0 0 0;  
background : url(images/footer.jpg) ; 
color : #FFFFFF; 
}

#footer a { 
color : #484836;
text-decoration : none ;  
}

#footer a:hover { 
text-decoration : underline ;  
}