html {
    background : url("img/background.jpg") #333333 repeat-x 3px 0;
    font-family : Helvetica, arial, sans-serif;
    font-size : 100%;
}

body {
    font-size : 0.85em;
    line-height : 1.3;
    margin : 0 auto;
}

#content2 h2{
    margin: 1.2em 0 0.5em 0;
}
#content2 h3{
    margin: 1.5em 0 0.5em 0;
}
#content2 h3 + p, #content2 h2 + p, #content2 h3 + ul, #content2 h2 + ul{
    margin-top: 0em;
}

.new h2 {
    font-family : Georgia, arial, serif;
    font-weight : lighter;
    font-size : 1.3em;
}

a {    outline : none;  }
a:active {  outline : none; }
:-moz-any-link:focus {  outline: none;  }
:focus{-moz-outline-style: none;}


#body2 {
    margin : 0 auto;
    width:970px;
}

#preheader {
    width : 960px;
    height : 85px;
    margin-left : 5px;
}

#preheader a#top_logo {
    background : url("img/logo.jpg") no-repeat left top;
    float : left;
    width : 100px;
    height : 82px;
}




/*Mise en page des drapeaux de langue*/
#preheader ul {
    list-style : none;
    margin : 0 auto;
    padding : 0;
    color : #e2e2e2;
    float : right;
}

#preheader ul li {
    float : left;
    margin : 28px 0 0 5px;
}

#preheader ul li a, #fil li a {
    color : #e2e2e2;
    text-decoration : none;
}

#preheader ul li a:hover, #fil li a:hover {
    color : #FFFFFF;
}

#preheader ul li a.flag {
    display : block;
    width : 18px;
    height : 13px;
    background : url("img/flag.jpg") no-repeat;
}

#preheader ul li a.ge {
    background-position : -18px 0;
}

#preheader ul li a.es {
    background-position : -36px 0;
}

#preheader ul li a.uk {
    background-position : -54px 0;
}

#preheader ul li a.it {
    background-position : -72px 0;
}

#preheader ul li a.eu {
    background-position : -90px 0;
}

#preheader ul li a.au {
    background-position : -108px 0;
}

#preheader ul li a.us {
    background-position : -126px 0;
}

/*La passion partagée*/
#preheader h1 {
    color : red;
    clear : right;
    font-weight : lighter;
    float : right;
    font-size : 20px;
    letter-spacing : 6px;
    width: 350px;
    margin: 13px 0; padding: 0;
}

#header {
    clear : right;
    background-color : #272727;
    border : 5px solid #272727;
    border-radius : 6px;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
}

#header #diapo {
    background : #272727 url("img/diapo.jpg") no-repeat 1px 0;
    width : 661px;
    height : 280px;
}

#header #advert {
    width : 280px;
    height : 280px;
    float : right;
}

#menu{
    height:34px; width:960px;
    margin:20px auto 0 auto; padding:0;
    background : url("img/bottom_bg.jpg") repeat-x;
}

#menu #cam{
    background : url("img/logo_menu.jpg") no-repeat;
    padding-left:50px;
    height:34px;
}

#menu #other{
    float:right;
    width:auto;
}
#menu ul{
    margin:0; padding:0;
    list-style:none;
}
#menu ul li{
    float:left;
    width:auto;
    margin:0; padding:0;
    background : url("img/menu_bar.jpg") no-repeat;
}
#menu ul li a{
    margin:0; padding:0 15px;
    display:block;
    line-height:34px;
    text-decoration:none;
    color:#FFFFFF;
}
#menu ul li a.selectedCat {
    background : url("img/light_menu.jpg") no-repeat top center;
}

#menu ul li a:hover {
    background : url("img/light_menu.jpg") no-repeat top center;
}

#sous_menu div{
    width : 960px;
    height : 120px;
    margin-left : 5px;
    background : url("img/submenu_bg.jpg") repeat-x;
    display : none;
}

#sous_menu div.selected2 {
    display : block;
}

#sous_menu ul {
    list-style : none;
    margin : 0;
    height : 121px;
}

div#hab ul {
    background : url("img/habitableBG.jpg") no-repeat;
}

div#transp ul {
    background : url("img/transporteurBG.jpg") no-repeat;
}

#sous_menu ul li {
    float : left;
    margin-left : 20px;
}

#sous_menu ul li a.vehic {
    display : block;
    background : url("img/liste_vehicule.jpg") no-repeat;
    width : 117px;
    height : 110px;
    text-decoration : none;
    color : #FFF;
    text-align : center;
    padding-top : 10px;
}

#sous_menu ul li a.selected4 {
    background : url("img/liste_vehicule_hover.jpg") no-repeat;
}

#sous_menu ul li a.vehic:hover {
    background : url("img/liste_vehicule_hover.jpg") no-repeat;
}

#sous_menu ul li a.firsteo1 {}
#sous_menu ul li a.firsteo1:hover {}
#sous_menu ul li a.morpheo {    background-position : -117px 0; }
#sous_menu ul li a.morpheo:hover {    background-position : -117px 0; }
#sous_menu ul li a.proteo {    background-position : -234px 0; }
#sous_menu ul li a.proteo:hover {    background-position : -234px 0; }
#sous_menu ul li a.maxeo {    background-position : -351px 0; }
#sous_menu ul li a.maxeo:hover {    background-position : -351px 0; }
#sous_menu ul li a.config   {   background-position : -468px 0; }
#sous_menu ul li a.config:hover   {   background-position : -468px 0; }
#sous_menu ul li a.family {    background-position : 0 -120px; }
#sous_menu ul li a.family:hover {    background-position : 0 -120px; }
#sous_menu ul li a.firsteo2 {    background-position : -117px -120px; }
#sous_menu ul li a.firsteo2:hover {    background-position : -117px -120px; }
#sous_menu ul li a.ascendance {    background-position : -234px -120px; }
#sous_menu ul li a.ascendance:hover {    background-position : -234px -120px; }
#sous_menu ul li a.elegance {    background-position : -351px -120px; }
#sous_menu ul li a.elegance:hover {    background-position : -351px -120px; }
#sous_menu ul li a.mesure1    {   background-position : -468px -120px; }
#sous_menu ul li a.mesure1:hover    {   background-position : -468px -120px; }
#sous_menu ul li a.s6cv {    background-position : 0 -240px; }
#sous_menu ul li a.s6cv:hover {    background-position : 0 -240px; }
#sous_menu ul li a.s10cv {    background-position : -117px -240px; }
#sous_menu ul li a.s10cv:hover {    background-position : -117px -240px; }
#sous_menu ul li a.s11cv {    background-position : -234px -240px; }
#sous_menu ul li a.s11cv:hover {    background-position : -234px -240px; }
#sous_menu ul li a.h6cv {    background-position : -351px -240px; }
#sous_menu ul li a.h6cv:hover {    background-position : -351px -240px; }
#sous_menu ul li a.h9cv {    background-position : -468px -240px; }
#sous_menu ul li a.h9cv:hover {    background-position : -468px -240px; }
#sous_menu ul li a.mesure2    {   background-position : -585px -240px; }
#sous_menu ul li a.mesure2:hover    {   background-position : -585px -240px; }
#sous_menu ul li a.oTout    {   background-position : 0 -360px; }
#sous_menu ul li a.oTout:hover    {   background-position : 0 -360px; }
#sous_menu ul li a.o2cv    {   background-position : -117px -360px; }
#sous_menu ul li a.o2cv:hover    {   background-position : -117px -360px; }
#sous_menu ul li a.oPl    {   background-position : -234px -360px; }
#sous_menu ul li a.oPl:hover    {   background-position : -234px -360px; }
#sous_menu ul li a.oVt    {   background-position : -351px -360px; }
#sous_menu ul li a.oVt:hover    {   background-position : -351px -360px; }



#corp {
    /*    width : 965px;*/
    margin : 15px 5px 0 0px;
    background: none;
}

#content {
    background-color : #F0F1F3;
    border : 5px solid #272727;
    border-radius : 6px;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
    padding : 5px 10px;
}
.p5349 #content{
    padding: 0; margin: 0;
    background: none;
    border: none;
    border-radius : 0px;
    -moz-border-radius : 0px;
    -webkit-border-radius : 0px;

}
#content #left_menu {
    width : 320px;
    background : url("img/sep_menu.jpg") no-repeat top right;
    margin : 0 0 20px 0 ;
    padding-right : 10px;
    min-height : 520px;
    height : auto !important;
    height : 520px;
    float : left;
    display: inline;
}


/*Logo des index*/
#content #left_menu #logo_proteo {
    background : url("img/logo_proteo.jpg") no-repeat center center;
    width : 100%;
    height : 128px;
}

#content #left_menu #logo_decouvrir {
    background : url("img/logo_decouvrir.jpg") no-repeat center center;
    width : 100%;
    height : 128px;
}
#content #left_menu #logo_defaut{
    background : url("img/logo_defaut.jpg") no-repeat center center;
    width : 100%;
    height : 128px;
}
#content #left_menu #logo_family{
    background: url('img/logo_family.jpg') no-repeat center center;
    width : 100%;
    height : 128px;
}
#content #left_menu #logo_firsteo{
    background: url('img/logo_firsteo.jpg') no-repeat center center;
    width : 100%;
    height : 128px;
}
#content #left_menu #logo_morpheo{
    background: url('img/logo_morpheo.gif') no-repeat center center;
    width : 100%;
    height : 128px;
}
#content #left_menu #logo_maxeo{
    background: url('img/logo_maxeo.png') no-repeat center center;
    width : 100%;
    height : 128px;
}
#content #left_menu #logo_ascendance{
    background: url('img/logo_ascendance.jpg') no-repeat center center;
    width : 100%;
    height : 128px;
}
#content #left_menu #logo_elegance{
    background: url('img/logo_elegance.jpg') no-repeat center center;
    width : 100%;
    height : 128px;
}
#content #left_menu #logo_morpheus{
    background: url('img/logo_morpheus.jpg') no-repeat center center;
    width : 100%;
    height : 128px;
}
#content #left_menu #logo_proteus{
    background: url('img/logo_proteus.jpg') no-repeat center center;
    width : 100%;
    height : 128px;
}

/*Menu des index*/
#content #left_menu ul {
    margin : 0;
    padding : 0 30px 0 20px;
    list-style : none
}

#content #left_menu ul li {
    margin : 0;
    border-bottom : 1px solid #cdced0;
}

#content #left_menu ul li a {
    text-decoration : none;
    color : #393939;
    display : block;
    padding : 10px 40px 8px 40px;
}

#content #left_menu ul li a:hover {
    color : #F00;
}
#content #left_menu ul li a.return_false{
	cursor: default;
}
#content #left_menu ul li a.return_false:hover{
	color: #393939;
}
#content #left_menu ul li a.selected {
    background : url("img/menu_arrow.jpg") no-repeat left center;
}


#content #left_menu ul li ul{
}
#content #left_menu ul li ul li{
    margin: 0; padding: 0;
    border: none;
}
#content #left_menu ul li ul li a{
    padding : 2px 40px;
    font-size: 13px;
}


/*lien mini site firsteo*/
#content #left_menu ul li a.firsteo_minisite, a.firsteo_minisite{
    color: #C70076;
    font-weight: bold;
}
#content #left_menu ul li a.firsteo_minisite:hover, a.firsteo_minisite:hover{
    color: #74AF0A;
    text-decoration: none;
}



/*icones menu de gauche facebook, pdf, mail*/
#content #left_menu ul.icon_theault{
    margin-top: 20px;
}
#content #left_menu ul li.icon_theault{
    background: #f9f9f9 url('img/icon_menu.jpg') no-repeat 0 0;
    border: none;
    height:36px;
}
#content #left_menu ul li.icon_model{
    background-position: 0px 0px;
}
#content #left_menu ul li.icon_facebook{
    background-position: 0px -38px;
}
#content #left_menu ul li.icon_mail{
    background-position: 0px -71px;
}

#content #content2 {
    padding : 20px 10px 20px 0;
    margin: 0 0 0 330px;
    text-align : justify;
    min-height: 520px;
    height: auto !important;
    height: 520px;
    color: #393939;
    overflow-x: hidden;
    width: 590px;
}





/*Menu de droite pour la page d'accueil*/
#right_panel {
    float : right;
    width : 279px;
    background-color : #dee0e2;
    margin : 5px 0 0 0;
    border-left : 1px solid #787878;
    border-right : 1px solid #a2a3a4;
}

#right_panel div {
    border-top : 1px solid #eff1f3;
    border-bottom : 1px solid #a7a7a7;
    background : url("img/icons.jpg") no-repeat top right;
    padding : 5px;
}

#right_panel h1 {
    font-weight : normal;
    font-size : 1.9em;
    letter-spacing : 0.3em;
    margin-top : 0.3em;
    margin-bottom : 0.7em;
}

#right_panel p {
    margin : 5px;
    line-height : 1.3em;
    font-size : 0.9em;
    width : 200px;
    color : #666666;
}

#right_panel a {
    color : #666666;
    text-decoration : none;
}

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

#right_panel #newsletter {
    height : 112px;
    background-position : right 5px;
}

#right_panel #contact {
    height : 100px;
    background-position : right -122px; 
}

#right_panel #agenda {
    height : 80px;
    background-position : right -212px;
}




/*mise en page actu page d'accueil*/
#news {
    width : 656px;
    background-color : #F0F1F3;
    border : 5px solid #272727;
    border-radius : 6px;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
}

#news .new {
    padding : 20px;
    width : 288px;
    float : left;
}

#news h2 {
    margin : 0;
    line-height : 1.3em;
}

#news .date {
    margin : 0 0 5px 0;
    color : #999999;
    font-size : 0.8em;
    font-style: italic; 
}

#news .resume {
    margin : 0px 0 0px 0;
    font-size : 0.9em;
    line-height : 1.2em;
}
#news .resume p{
    margin: 0.4em 0;
}
#news .suite {
    color : #F00;
    text-align:right;
    display:block;
    text-decoration : none;
    font-style : italic;
    margin-bottom:5px;
}

#news .suite:hover {
    text-decoration : underline;
}

#news img {
    border : 3px solid #4c4c4d;
}

#news #news_body    {
    background : url("img/sep_news3.jpg") no-repeat center center;
    width : 656px;
    height : 100%;
}

#news #separator {
    width : 5px;
    height : 274px;
    float : left;
}

#news #all_news {
    clear : left;
    text-decoration : none;
    color : #FFF;
    line-height : 34px;
    background : url("img/bottom_bg.jpg") repeat-x;
    display : block;
    text-align : right;
    padding-right : 10px;
}







#footer {
    margin : 10px auto;
    width : 960px;
}
#footer ul{
    list-style : none;
    color : #FFF;
    font-size : 0.8em;
    float: right;
    
}
#footer ul.menu_footer{
    border-left: 1px solid #272727;
    padding: 0 15px;
}

#footer ul.mention li {
    float : left;
    margin-left : 5px;
    font-weight: bold;
}

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

#footer li a:hover {
    text-decoration : underline;
}
#footer li.menu_footer_title{
    font-weight: bold;
}




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

.clean{
    clear : left;
    font-size : 0;
    height : 0;
    line-height : 0;
    margin : 0;
    padding : 0;
}








/*mise en page de l'historique*/
#frise {
    margin-top : 70px;
    width : 64px;
    height : 350px;
    background : url("img/frise_bg.jpg") no-repeat;
    padding-top : 13px;
    float : right;
}

#frise #frise_top_arrow {
    display : block;
    width : 64px;
    height : 21px;
    background : url("img/top_arrow.gif") no-repeat center center;
    position : relative;
}

#frise #frise_top_arrow:hover {
    background : url("img/top_arrow_hover.gif") no-repeat center center;
}

#frise #frise_top_arrow.disabled {
    background : url("img/top_arrow_disabled.gif") no-repeat center center;
    cursor : default;
}

#frise #frise_bottom_arrow {
    display : block;
    width : 64px;
    height : 21px;
    background : url("img/bottom_arrow.gif") no-repeat center center;
    position : relative;
}

#frise #frise_bottom_arrow:hover {
    background : url("img/bottom_arrow_hover.gif") no-repeat center center;
}

#frise #frise_bottom_arrow.disabled {
    background : url("img/bottom_arrow_disabled.gif") no-repeat center center;
    cursor : default;
}

#frise ul {
    list-style : none;
    padding : 0;
    height : 280px;
    margin : 0;
    text-align : center;
}

#frise ul li a {
    color : #FFF;
    text-decoration : none;
    line-height : 31px;
}

#frise ul li a:hover, #frise ul li a.selectedDate {
    color : #F00;
}

#histo {
    width : 500px;
}

#histo img {
    border : 5px solid #272727;
    border-radius : 6px;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
    padding:5px;
    width:250px;
}




#content form p label {
    float: left;
    margin: 9px;
    padding: 0px;
    text-align: right;
    width: 175px;}

#content form p select, #content form p input, #content form p textarea {
    margin: 10px 0px 0px;
    padding: 0px;
    width: 300px;}

#content form center img{
    margin: 9px 0;
}

.clean2{
    clear: both;
}
a img{
    border: none;
}
a{
    color: #FF0000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

#plan {
    font-size:9pt;
    margin: 0 0 0 5px;
    padding: 0;
    color: #F0F1F3;
    background: none;
}
#plan span {
    font-style:italic;
    padding: 0;
    margin: 0;
}
#plan ul {
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
#plan ul li {
    display:inline;
    padding-right:10px;
    margin: 0;
}
#plan ul li a{
    margin: 0;
    padding: 0;
    color: #F0F1F3;
    text-decoration: none;
}
#plan ul li a:hover{
    color: #fff;
    text-decoration: none;
}
#plan ul li a img{
    text-decoration: none;
    border: none;
}




/*mise en forme contact dans topic découvrir Theault*/
div.service_contact{
    background: url('img/bg_contact.jpg') no-repeat 0 0;
    width: 271px;
    height: 203px;
    color: #F0F1F3;
    padding: 5px;
    float: left;
    margin: 0 5px;
    text-align: left;
}
#content2 div.service_contact h3{
    margin: 1em 0;
}
div.service_contact div.contact_photo{
    float: left;
    width: 89px; height: 133px;
    margin: 0 5px 0 0;
    overflow: hidden;

}
#content2 div.service_contact img{
    width: 86px;
    border: 1px solid #F0F1F3;
    margin: 0; padding: 0;
}

div.service_contact p{
    font-size: 13px;
    margin: 0 0 0 100px;
}
div.block_contact p.contact_tel{
    background: url('img/contact_icon.jpg') no-repeat 0 3px;
    padding: 5px 0 5px 35px;
    margin-top: 30px;
}
div.block_contact p.contact_mail{
    background: url('img/contact_icon.jpg') no-repeat 0 -26px;
    padding: 5px 0 6px 35px;
    margin-top: 5px;
}
div.block_contact p.contact_mail a{
    color: #F0F1F3;
}







/*contact dans topic contact*/
div.block_contact2539{
    background: url('img/bg_contact2.jpg') no-repeat 0 0;
    width: 552px;
    height: 203px;
    color: #F0F1F3;
    padding: 5px 5px 5px 20px;
    margin: 0 5px;
}
div.block_contact2539 h4{
    margin: 0;
}
div.block_contact2539 p{
    line-height: 1em;
}

div.block_contact2539 div.contact_adr{
    float: left; width: 150px;
    margin: 0 10px 0 0;
    text-align: left;
}
div.block_contact2539 div.contact_coor{
    float: left; width: auto;
    margin: 0 10px;
}
div.block_contact2539 p.contact_tel{
    background: url('img/contact_icon.jpg') no-repeat 0 3px;
    padding: 5px 0 5px 35px;
}
div.block_contact2539 p.contact_mail{
    background: url('img/contact_icon.jpg') no-repeat 0 -26px;
    padding: 8px 0 8px 35px;
    margin-top: 5px;
}
div.block_contact2539 p a{
	color: #F0F1F3;
	margin-left: 35px;
}
div.block_contact2539 p.contact_mail a{
	margin-left: 0px;
}

#content2 div.block_contact2539 img{
    border: 1px solid #F0F1F3;
    float: right;
    margin: 0px 34px 0px 0px;
    width: 130px;
    display: block;
}
.lh_div {
    padding:7px;
    clear:both;

}
.lh_div.p {
    background:#F9F9F9;
}
#content2 div.lh_div h3 {
    margin:3px 0;
}
.annonceTable {
    float:left;
    margin-right:10px;
}
.annonceTable tr td{
    background:#323232;
    color:#F0F1F3;
    font-weight:bold;
    font-size: 95%;
}

p.detail {
    text-align:right;
    margin-bottom:5px;
}

p.bl_news_detail {
text-align:right;
}
div.bl_news_detail{
font-size:8pt;
text-align:right;
border-bottom:1px solid #C0C0C0;
margin-bottom:4px;
}

#content2 img.photo {
    border:1px solid #C0C0C0;
    padding:3px;
    background:#FFFFFF;
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 transform: rotate(-3deg);
}



#content2 img{
    border:1px solid #C0C0C0;
    padding:3px;
    background:#FFFFFF;
    margin: 5px 10px;
}
#content2 h2.flux_rss img, #content2 ul.flux_rss img{
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}




/*Page location*/

.non_reserve{
	background-color: green ;
	color: #FFF;
}

.reserve{
	background-color: red ;
	color: #fff;
}






/*Element masqué en attente*/
#sous_menu ul li a.ovt_cache{
	display: none;
}