body
{
margin : 0 ;
padding : 0 ;
font-family:Arial, Helvetica, sans-serif ;
font-size : 11px ;
color : #000 ;
background-color:#333 ;
}

img
{
border : none ;
}

a
{
text-decoration : none ;
}

div#conteneur
{
width : 986px ;
margin : 0 auto ;
padding : 0 0 140px 0;
position : relative ;
background:url(images/bg_conteneur.gif) repeat-y right top ;
background-color : #606060 ;
overflow : hidden ;
}

div#header
{
height : 225px ;
position : relative ;
background:url(images/bg_header.jpg) no-repeat left top ;
}

div#header ul
{
margin : 0 ;
padding : 0 ;
list-style-type:none ;
position : absolute ;
top : 197px ;
_text-align : left ;
}

div#header ul li
{
float : left ;
_text-align : left ;
}

div#header ul li a
{
display : block ;
color : #666 ;
font-size : 18px ;
margin : 0 15px ;
height : 28px ;
_text-align : left ;
_display : inline ;
}

div#header ul li a:hover
{
background : url(images/bg_menu_hover.gif) no-repeat center bottom ;
color : #339999 ;
}

div#content
{
width : 590px ;
padding : 30px 110px 0 0 ;
margin : 0  ;
}

div#actu
{
margin-left : 80px ;
padding : 0 0 40px 0 ;
width : 460px ;
background : url(images/bg_actu.gif) no-repeat left bottom ;
}

div#actu2
{
margin : 0 5px 0 20px ;
padding : 0 10px 0px 0 ;
width : 225px ;
background : url(images/bg_actu.gif) no-repeat right bottom ;
float : left ;
}

div#actu h1, div#actu2 h1, h1.h12
{
font-family:Arial Black ;
color : #E08A04 ;
font-size : 18px ;
margin : 0 ;
madding : 0 ;
background:url(images/bg_actu_h1.gif) no-repeat 70px center ;
}

div#actu p, div#actu2 p
{
color : #ACACAC ;
padding : 0 5px ;
font-size : 13px ;
line-height : 20px ;
text-align : justify ;
margin : 7px 0 ;
}

div#actu p span, div#actu2 p span
{
color : #fff ;
display : block ;
font-weight : bold;
}

a#espace_demo
{
--display : block ;
margin : 8px 0 0 3px ;

}

a#espace_demo2
{
display : block ;
margin : 15px 0 0 20px ;
width: 303px ;
float : right ;
}

a#entree_citepat
{
display : block ;
margin : 0 0 20px 20px}

div#right_index
{
width : 366px ;
height : 628px ;
position : absolute ;
top : 225px ;
right : 0 ;
background:url(images/bg_right_index.gif) no-repeat left top ;
}

div#right_int
{
width : 366px ;
height : 628px ;
position : absolute ;
top : 225px ;
right : 0 ;
background:url(images/bg_right_int.gif) no-repeat left top ;
}

div#right_int_2
{
width : 346px ;
height : 573px ;
position : absolute ;
top : 225px ;
right : 0 ;
background:url(images/bg_right_int_2.gif) no-repeat left top ;
padding : 55px 0 0 20px ;
}

div#right_int_real
{
width : 346px ;
height : 613px ;
position : absolute ;
top : 225px ;
right : 0 ;
background:url(images/bg_right_real.gif) no-repeat left top ;
padding : 0px 0 0 20px ;
}


h1#nos_metiers
{

background:url(images/nos_metiers_small.gif) no-repeat left top ;
text-indent : -6000px ;
margin : 20px 0 0 30px ;
padding : 0 ;
width : 108px ;
height : 18px ;
}

h1#nos_metiers_small
{

background:url(images/nos_metiers_small.gif) no-repeat left top ;
text-indent : -6000px ;
margin : 0 0 0 30px ;
padding : 0 ;

}

h1#nosreal
{

background:url(images/ecoutez_demos.gif) no-repeat left top ;
text-indent : -6000px ;
margin : 50px 0 0 30px ;
padding : 0 ;

}

h1#nosproduits
{

background:url(images/nos_produits.png) no-repeat left top ;
text-indent : -6000px ;
margin : 40px 0 0 30px ;
padding : 0 ;

}


ul#menu_right_1, ul#menu_right_11
{
list-style-type : none ;
padding : 0 ;
}
ul#menu_right_1
{
margin :28px 0 0 50px ;
}

ul#menu_right_11
{
margin :15px 0 0 30px ;
}


ul#menu_right_1 li a
{
display : block ;
font-size : 17px ;
color : #AFAEAE ;
}


ul#menu_right_11 li a
{
display : block ;
font-size : 17px ;
color : #AFAEAE ;
margin : 0 0 10px 0 ;
}
ul#menu_right_1 li a span, ul#menu_right_11 li a span
{
font-weight : bold ;
}

#li1
{
margin : 0 ;
height : 58px ;
line-height : 58px ;
background:url(images/icon_tel.png) no-repeat 150px top !important;
}

#li2
{
margin-top : 10px ;
height : 34px ;
background:url(images/icon_freq.png) no-repeat 175px -37px !important;
}

#li3
{
margin-top : 26px ;
height : 45px ;
background:url(images/icon_citepat.png) no-repeat 195px top !important;
}

#li1:hover
{
background:url(images/icon_tel.png) no-repeat 150px -59px !important;
}

#li2:hover
{
background:url(images/icon_freq.png) no-repeat 175px 5px !important;
}

#li3:hover
{
background:url(images/icon_citepat.png) no-repeat 195px -45px !important;
}

ul#menu_right_1 li a:hover, ul#menu_right_2 li a:hover, ul#menu_right_11 li a:hover, ul#menu_right_real li a:hover, ul#menu_right_citepat li a:hover
{
color : #2693AD ;
}

ul#menu_agence
{
list-style-type : none ;
margin : 55px 0 0 70px ;
padding : 0 ;
}

ul#menu_agence li a
{
color : #fff ;
font-size : 16px ;
display : block ;

}

ul#menu_agence li a span
{
font-weight : bold ;
}

ul#menu_right_2
{

list-style-type : none ;
margin :65px 0 0 30px ;
padding : 0 ;
}

ul#menu_right_real
{
list-style-type : none ;
margin :23px 0 70px 30px ;
padding : 0 ;
}

ul#menu_right_citepat
{
list-style-type : none ;
margin :20px 0 70px 30px ;
padding : 0 ;
}
ul#menu_right_2 li a
{
display : block ;
font-size : 16px ;
letter-spacing : -1px ;
color : #AFAEAE ;
margin-bottom : 10px ;
}

div#right_index p
{
font-size : 16px ;
letter-spacing : -1px ;
color : #AFAEAE ;
margin : 20px 0 0 50px ;
padding : 0 ;
}

div#right_index p a
{
color : #2693AD ;
}

div#right_index p span
{
font-weight : bold ;
}

ul#menu_right_real li a, ul#menu_right_citepat li a
{
display : block ;
font-size : 15px ;
letter-spacing : -1px ;
color : #AFAEAE ;
margin-bottom : 5px ;
}

ul#menu_right_citepat li a
{
padding-left : 30px ;
height : 25px ;
line-height : 25px ;
}

ul#menu_right_real li a:hover
{
padding-left : 25px ;
background:url(images/son.png) no-repeat left center ;
}



ul#menu_right_2 li a span, ul#menu_right_real li a span, ul#menu_right_citepat li a span
{
font-weight : bold ;
}

div.blabla
{
padding : 25px 0 0 20px ;
margin : 0 ;
}

div.blabla h1, div.blabla h2
{
padding : 0 ;
text-indent : -6000px ;
}
div.blabla h1
{
margin :  0 ;
}
div.blabla h2
{
margin : 30px 0 0 0 ;
}
#agence
{
background:url(images/lagence.gif) no-repeat left top ;
}
#groupe
{
background:url(images/legroupe.gif) no-repeat left top ;
}
#equipe
{
background:url(images/lequipe.gif) no-repeat left top ;
}
#creapub
{
background:url(images/crea_publicitaire.gif) no-repeat left top ;
}
h1#valo
{
background:url(images/valorisation.gif) no-repeat left top ;
}
h1#market
{
background:url(images/creamus.gif) no-repeat left top ;
}
h1#webradio
{
background:url(images/web_radio.gif) no-repeat left top ;
}
h1#interview
{
background:url(images/prise_son.gif) no-repeat left top ;
}
h1#film
{
background:url(images/film_reportage.gif) no-repeat left top ;
}

#accueiltel
{
background:url(images/accueil_tel.gif) no-repeat left top ;
}
#contact
{
background:url(images/contact.gif) no-repeat left top ;
}
#atouts
{
background:url(images/nosatouts.gif) no-repeat left top ;
}
#engagements
{
background:url(images/nosengagements.gif) no-repeat left top ;
}
div.blabla p
{
color : #ACACAC ;
text-align : justify ;
font-size : 13px ;
line-height : 20px ;
}

div.blabla p a
{
color : #ACACAC ;
border-bottom : 1px dotted ;
}


div.blabla p a:hover
{
border-bottom : none ;
}

div.blabla p span
{
color : #fff ;
font-weight : bold ;
font-size : 13px ;
}

div#footer
{
position : absolute ;
bottom : 0 ;
width : 986px ;
margin : 0 auto ;
height : 151px ;
background:url(images/bg_footer2.png) no-repeat left top ;

}

#menu_lagence
{
background:url(images/bg_lagence.png) no-repeat 130px top ;
height : 26px ;
margin : 0 0 34px 0 ;
}

#menu_lagence:hover, #menu_lagencehover
{
background:url(images/bg_lagence.png) no-repeat 130px -26px ;
height : 26px ;
margin : 0 0 34px 0 ;
}

#menu_legroupe
{
background:url(images/bg_legroupe.png) no-repeat 120px -26px ;
height : 26px ;
margin : 0 0 23px 0 ;
}

#menu_legroupe:hover, #menu_legroupehover
{
background:url(images/bg_legroupe.png) no-repeat 120px top ;
height : 26px ;
margin : 0 0 23px 0 ;
}
#menu_lequipe
{
background:url(images/bg_lequipe.png) no-repeat 125px -42px ;
height : 42px ;
line-height : 42px ;
margin : 0 0 60px 0 ;
}

#menu_lequipe:hover, #menu_lequipehover
{
background:url(images/bg_lequipe.png) no-repeat 125px top ;
height : 42px ;
line-height : 42px ;
margin : 0 0 60px 0 ;
}

span.groupe_item
{
display : block;
color : #fff ; 
font-weight : bold ;
padding : 40px 0 40px 170px ;
font-size : 13px ;
}

#ailleurs
{
background:url(images/ailleurs.gif) no-repeat 10px center ;
}

#oxygene
{
background:url(images/oxygene.gif) no-repeat 10px center ;
}

#voyage
{
background:url(images/voyage.gif) no-repeat 10px center ;
}

#prod
{
background:url(images/prod.gif) no-repeat 10px center ;
}

#audioplayer
{
background:url(images/bg_player.gif) no-repeat left top ;
width : 352px ;
height : 231px ;
margin : 10px auto ;
padding : 70px 0 0 140px ;
}

#videoplayer
{
background:url(images/bg_player_video.gif) no-repeat left top ;
width : 430px ;
----height : 304px ;
margin : 10px auto ;
padding : 12px 0 0 133px ;
}

#videoplayer2
{
background:url(images/bg_player_video2.gif) no-repeat left top ;
width : 430px ;
----height : 304px ;
margin : 10px auto ;
padding : 12px 0 0 133px ;
}

#audioplayer a
{
display : block ;
color : #666 ;
font-size : 10px ;
line-height : 16px ;
padding-left : 12px ; 
}
#videoplayer a, #videoplayer2 a
{
display : block ;
color : #fff ;
font-size : 10px ;
line-height : 16px ;
padding-left : 12px ; 
}

#audioplayer a:hover, #audioplayer a:visited, #audioplayer a:focus, #videoplayer a:hover, #videoplayer a:visited, #videoplayer a:focus , #videoplayer2 a:visited, #videoplayer2 a:focus 
{
color : #339999 ;
}

object
{
margin-bottom :7px ;
}

#videoplayer object, #videoplayer2 object
{
margin-bottom : 30px ;
}

.realhover
{
display : block ;
font-size : 15px ;
letter-spacing : -1px ;
color : #339999 ;
margin-bottom : 5px ;
padding-left : 28px ;
background:url(images/son.png) no-repeat left center ;
}

a.pdf
{
display : block ;
padding:10px 0 10px 50px ;
background:url(images/pdf_icon.png) no-repeat left center ;
text-decoration : none ;
border : none ;
margin : 0 0 10px 0 ;
color : #ACACAC ;
font-size : 12px ;
}

a.pdf:hover, a.pdf:focus
{
text-decoration : underline ;
}

div#ecouteurs
{
position : absolute ;
width : 179px ;
height : 103px ;
top : 175px ;
right : 0 ;
z-index:10;
}

#contact_form
{
color : #ACACAC ;
font-size : 13px ;
line-height : 20px ;
margin-top : 25px ;
margin-bottom :25px ;
}

.tdleft
{
width : 90px ;
}

.tdleft2
{
width : 30px ;
}

#contact_form input[type=text], #contact_form input[type=submit], #contact_form textarea
{
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
border : 2px solid #333 ;
padding : 2px ;
color : DimGray ;
background-color : #ccc ;
font-family:Arial, Helvetica, sans-serif;
font-size : 12px ;
}
#contact_form input[type=submit]:hover
{
color : #333;
}
#contact_form input[type=submit]:focus, #contact_form input[type=submit]:active
{
border : 2px solid #ccc ;
padding : 2px ;
color : silver ;
background-color : #333 ;
}



div#footer div
{
position : absolute ;
bottom : 5px ;
right : 5px ;
color : #fff ;
}
div#footer div a
{
color : #fff ;
}

div#footfoot
{
width : 900px ;
margin : 10px auto ;
color : #666 ;
font-size : 12px ;
}

div#footfoot a
{
color : #666 ;
display : block ;
}

div#footfoot a:hover
{
text-decoration : underline ;
}

div#footfoot table
{
width : 100% ;
}

div#footfoot table tr td
{
vertical-align : top ;
}


#demande
{
display:block;
background-color : rgb(38, 147, 173);
color:#333;
padding : 3px ; 
width : 130px; 
text-align:center; 
margin : 10px auto; 
font-weight:bold;
border : none;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
}

#demande:hover
{
background-color : #666;
color:rgb(38, 147, 173);
}


#mw_scroller
{
overflow : hidden ;
margin : 50px 0 0 0 ;
padding : 0 ;
width : 600px;
}

#mw_scroller img
{

------vertical-align:middle;
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
border-radius : 3px ;
padding : 5px;
----background-color : #fff ;
}
.tickercontainer { /* the outer div with the black border */
width: 600px; 
height: 40px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 0px;
width: 600px;
overflow: hidden;
}
ul#ticker01 { /* that's your list */
position: relative;
left: 500px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul#ticker01 li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}

ul#ticker01 li img {
padding : 3px ;
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
border-radius : 3px ;
margin-left : 15px ;
background-color:#fff ;
}

.cboxelement img
{
margin-right : 10px ;
}

h3
{
clear : both ;
font-size :16px ;
color : #fff ;
font-weight : bold ;
border-bottom : 1px dotted ;
margin : 0px 30px 15px 30px ;
padding :  0 0 8px 53px ;
height : 45px ;
line-height : 53px ;
}

h3#audioguides
{
background:url(images/picto_audioguide.png) no-repeat left center ;
}

h3#troisd
{
background:url(images/picto_3d.png) no-repeat left center ;
}

h3#iphone
{
background:url(images/picto_iphone.png) no-repeat left center ;
}

h3#film
{
background:url(images/picto_film.png) no-repeat left center ;
}
h3#gps
{
background:url(images/picto_gps.png) no-repeat left center ;
}
h3#kids
{
background:url(images/picto_kids.png) no-repeat left center ;
}
h3#virtuelle
{
background:url(images/picto_ordi.png) no-repeat left center ;
}
h3#crea
{
background:url(images/picto_crea.png) no-repeat left center ;
}



li#li_audioguides
{
background:url(images/picto_audioguide_small.png) no-repeat left center ;
}

li#li_troisd
{
background:url(images/picto_3d_small.png) no-repeat left center ;
}

li#li_iphone
{
background:url(images/picto_iphone_small.png) no-repeat left center ;
}

li#li_film
{
background:url(images/picto_film_small.png) no-repeat left center ;
}
li#li_gps
{
background:url(images/picto_gps_small.png) no-repeat left center ;
}
li#li_kids
{
background:url(images/picto_kids_small.png) no-repeat left center ;
}
li#li_virtuelle
{
background:url(images/picto_ordi_small.png) no-repeat left center ;
}
li#li_crea
{
background:url(images/picto_crea_small.png) no-repeat left center ;
}

a.hautdepage
{
display:block ;
clear : both ;
margin : 10px 0 10px 480px ;
color : #AFAEAE ;
background:url(images/haut.png) no-repeat left center ;
padding-left : 20px ;
border-bottom : 1px dotted ;
width : 67px ;

}

a.demolink
{
font-size : 12px ;
padding : 3px 5px ;
display : block ;
color : #fff ;
width : 120px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
background:#AFAEAE;
text-align  :center ;
font-weight : bold ;
margin : 10px 0 20px 0 ;
}

a.demolink:hover, a.demolink:focus
{
text-decoration : underline ;
}