/*---------------------------GLOBAL---------------------------*/

html{
margin:0px;
}

body{
background:#810210 url('portail/body_bg.gif') repeat-x top left;
font-family:Arial, Verdana;
margin:0px;
width:100%;
height:100%;
}

#deco{
background:url('portail/deco_bg.jpg') no-repeat top center;
font-family:Arial, Verdana;
margin:0px;
width:100%;
height:100%;}

h1{
color:#810210;
font-weight:bold;
font-size:18px;
margin:5px 0px;
padding:0px;
}

h2{
color:#810210;
font-weight:bold;
font-size:14px;
margin:0px 0px 0px 0px;
padding:0px;
}

h3{
color:#810210;
font-weight:bold;
font-size:13px;
margin:0px 0px;
padding:0px 0px 0px 0px;
}

h4{
color:#333333;
font-weight:normal;
font-size:12px;
margin:0px 0px;
padding:0px 0px 0px 0px;
}

h5{
color:#333333;
font-weight:normal;
font-size:10px;
margin:0px 0px;
padding:0px 0px 0px 0px;
}

a{
color:#333333;
}

a:hover{
color:#810210;
}

a.outil{
font-weight:bold;
font-size:13px;
text-decoration:underline;
padding:5px;
}

p{
font-size:12px;
}

img{
border:none;
}

/*---------------------------PRINCIPAUX CONTENEURS---------------------------*/

#site{
background:#ffffff;
width:980px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

#haut{
}

#milieu{
}

#bas{
background:#54010a;
clear:both;
float:left;
color:#ffffff;
}

#content{
background:#ffffff url('portail/content_bg.gif') repeat-x top left;
padding:0px;
clear:both;
float:left;
}

/*---------------------------BANDEAU---------------------------*/

#bandeau{
height:180px;
padding:0px;
background:#810210 url('portail/bandeau.jpg') no-repeat top left;
}

#haut_bandeau{
float:left;
width:980px;
height:140px
}

/*---------------------------BARRE UTILISATEUR---------------------------*/

#barre_even{
width:780px;
margin-top:5px;
float:left;
text-align:left;
padding:0px;
font-size:12px;
color:#FFFFFF;
}

#barre_even h1{
font-size:12px;
margin-top:53px;
margin-left:5px;
color:#FFFFFF;
}

#barre_utilisateur{
width:170px;
margin-top:6px;
margin-right:6px;
float:right;
text-align:right;
padding:0px;
font-size:12px;
color:#810210;
}

#barre_utilisateur a{
color:#810210;
}

#id_login {
width:490px;
padding:40px;
font-size:12px;
background-color:#FFFFFF;
}

/*---------------------------MOTEUR DE RECHERCHE---------------------------*/

#recherche{
float:right;
margin-right:0px;
margin-top:5px;
}

#recherche input{
float:left;
font-size:14px;
background:url('portail/recherche_input_bg.gif') no-repeat top left;
border:none;
width:200px;
height:18px;
padding:6px 10px;
margin:0px;
}

#recherche a{
background:url('portail/recherche_btn.gif') no-repeat top left;
display:block;
float:left;
width:30px;
height:30px;
}

.onglet_recherche{
border-top:solid 1px #eeeeee;
border-left:solid 1px #eeeeee;
border-right:solid 1px #eeeeee;
background:#ffffff;
width:150px;
padding:10px;
margin-right:10px;
}

.onglet_recherche_selected{
border-top:solid 1px #dddddd;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
background:#eeeeee;
width:150px;
padding:10px;
margin:5px;
}

.lien_onglet_recherche{
color:#21b1cc;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

.table_form_recherche{
background:#eeeeee;
}

/*---------------------------FIL ARIANE---------------------------*/

#ariane{
clear:both;
color:#000000;
font-size:12px;
display:block;
width:940px;
padding:0px 20px;
height:40px;
line-height:40px;
border-bottom:solid 1px #eeeeee;
}

#ariane a {
font-size:12px;
color:#810210;
text-decoration:none;
}

#ariane_fil{
float:left;
}

#ariane_outils{
float:right;
}

#ariane_outils img {
vertical-align:middle;
}

#ariane_outils a {
padding:0px 0px 0px 10px;
}

/*---------------------------PIED---------------------------*/

#bas .pied{
clear:both;
float:left;
width:980px;
}

#bas .liens_outils{
line-height:30px;
color:#ffffff;
font-size:12px;
text-align:left;
float:left;
width:900px;
padding:10px 20px;
}

#bas .liens_fcbk{
line-height:30px;
color:#ffffff;
font-size:12px;
text-align:left;
float:left;
width:40px;
padding:9px 0px;
}

#bas .liens_outils a{
font-weight:bold;
padding-right:10px;
color:#ffffff;
font-size:12px;
text-decoration:none;
}

#coordonnees{
background:#810210;
line-height:30px;
color:#ffffff;
font-size:12px;
text-align:center;
float:left;
width:940px;
padding:10px 20px;
}

#coordonnees a{
color:#ffffff;
font-size:12px;
}

#bas .reflet{
clear:both;
width:980px;
height:140px;
padding:0px;
background:#810210 url('portail/reflet.gif') no-repeat top left;
}

#motcle{
line-height:20px;
color:#ffffff;
font-size:12px;
text-align:center;
float:left;
width:940px;
padding:30px 20px 0px 20px;
}

#motcle h1{
color:#FFFFFF;
font-size:12px;
margin:0px;
}
/*---------------------------ZONING---------------------------*/

#une{
padding:0px 0px;
float:left;
}

#zone2{
float:left;
padding:10px 20px 10px 20px;
}

#zone2_1{
float:left;
width:700px;
margin:0px 20px 0px 0px;
}

#zone2_1_id{
float:left;
width:920px;
margin:0px 20px 0px 0px;
}

#zone2_2{
float:left;
width:220px;
margin:0px;
}

#zone2_demande{
float:left;
width:700px;
margin:0px 20px 0px 0px;
padding-bottom:10px;
padding-top:5px;
}

/*--------------------------- UNE JEU CONCOURS ---------------------------*/

#une_jeu_concours{
float:left;
width:700px;
height:180px;
padding:0px;
margin:0px 0px 10px 0px;
}
#une_jeu_concours a{
text-decoration:none;
}
#une_jeu_concours .contenu{
padding-left:300px;
margin-top:-170px;
text-align:center;
}
#une_jeu_concours h1{
font-size:20px;
font-weight:bold;
color:#d80003;
}
#une_jeu_concours h2{
font-size:13px;
font-weight:bold;
color:#a70213;
padding-bottom:10px;
}


/*--------------------------- UNE PARTICULIER ---------------------------*/

#une_particulier{
width:700px;
float:left;
height:180px;
padding:0px;
margin:0px 0px 10px 0px;
background:#000000 url('portail/particulier_vide.jpg') no-repeat top left;
}

#une_particulier h1{
font-size:26px;
color:#FFFFFF;
padding:10px;
}

#une_particulier h2{
font-size:15px;
padding:10px;
width:500px;
color:#FFFFFF;
}

#une_particulier h1.lien{
text-decoration:underline;
}

#une_particulier a{
font-size:30px;
color:#FFFFFF;
text-decoration:underline;
}

/*--------------------------- UNE PROFESSIONNEL ---------------------------*/

#une_professionnel{
width:220px;
height:140px;
padding:0px;
margin:0px;
background:#000000 url('portail/professionnel_vide.jpg') no-repeat top left;
}

#une_professionnel h1{
font-size:15px;
color:#810210;
padding:5px;
}

#une_professionnel h2{
font-size:11px;
padding:0px 5px 0px 5px;
color:#810210;
}

#une_professionnel h1.lien{
text-decoration:underline;
}

#une_professionnel a{
font-size:13px;
color:#810210;
text-decoration:underline;
}

/*--------------------------- ARTICLES ---------------------------*/

.document {
width:100%;
float:left;
clear:both;
}

.img_left{
float:left;
padding:0px 10px 10px 0px;
}

.div_left{
width:50%;
background-color: #eeeeee;
float:left;
margin:0px 10px 10px 0px;
}

/*---------------------------PROFESSIONNEL SLIDER---------------------------*/

#professionnels{
width:220px;
height:140px;
float:left;
margin-bottom:10px;
padding:0px;
}

/*---------------------------BLOC PRO MENU DROIT---------------------------*/

#pro{
float:left;
width:220px;
padding:0px;
margin:10px 0px 10px 0px;
}

#pro .entete{
background:url('portail/pro_entete.gif') no-repeat top right;
width:220px;
}

#pro h1{
font-size:15px;
color:#FFFFFF;
padding-left:45px;
padding-bottom:5px;
margin:0px;
line-height:36px;
font-weight:bold;
}

#pro ul{
margin:0px;
padding:0px 0px;
list-style:none;
}

#pro li{
background:#FFFFFF url('portail/pro_item.gif') no-repeat top right;
width:185px;
margin:0px 0px;
padding:0px 10px 0px 25px;
font-size:12px;
font-weight:bold;
line-height:20px;
color:#810210;
}

#pro a{
color:#810210;
text-decoration:none;
}

#pro a:hover{
color:#FF0000;
text-decoration:underline;
}

#pro .footer{
background:url('portail/pro_footer.gif') no-repeat top right;
}

/*--------------------- CLASSES UTILES --------------------*/
a.info {
color:#5C8EC1;
font-size:12px;
font-weight:bold;
position:relative;
text-decoration:none;
}
a.info span {
display:none;
}
a.info:hover {
background:transparent none repeat scroll 0 0;
cursor:help;
z-index:500;
}
a.info:hover span {
background-color:#FAFAFA;
border:3px solid #CCCCCC;
color:black;
display:inline;
font-size:12px;
font-weight:normal;
left:20px;
padding:5px;
position:absolute;
top:30px;
white-space:nowrap;
}
span.bouton {
display:inline-block;
line-height:30px;
padding:0 0 0 10px;
}
span.bouton a {
color:#FFFFFF;
display:inline-block;
font-size:11px;
line-height:20px;
padding:0 10px 0 0;
text-decoration:none;
}

.texte {
font-size:11px;
}
.libelle {
color:#333333;
font-size:12px;
font-weight:bold;
}
.titre {
color:#ec6f00;
font-size:16px;
font-weight:bold;
}

/*------------------------- TABLES --------------------------*/

.table{
border:solid 1px #eeeeee;
background:#ffffff;
margin:0px;
}
.table tr{
}
.table td, .table th{
line-height:20px;
padding:2px 10px;
}
.table td.entete_table, .table tr.entete_table td{
background-color:#810311;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

.table_couleur {
border:solid 1px #eeeeee;
margin:0px;
}
.table_couleur tr{
}
.table_couleur td, .table_couleur th{
line-height:20px;
padding:2px 10px;
font-size:11px;
}
.table_couleur td.entete_table, .table_couleur tr.entete_table td{
color:#810311;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

.table_couleur2 {
background-color:#EEEEEE;
margin:0px;
}
.table_couleur2 tr{
}
.table_couleur2 td, .table_couleur2 th{
line-height:20px;
padding:2px 10px;
font-size:11px;
}
.table_couleur2 td.entete_table, .table_couleur2 tr.entete_table td{
color:#015AAA;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

/*----------------------------- FICHE PROFESSIONNELS -------------------*/

#hiddenModalContentPro {
background-color:#FFFFFF;
}
#hiddenModalContentPro {
background-color:#FFFFFF;
}

#fiche{
float:left;
padding:20px;
}

#fiche_haut{
border-bottom:1px solid #dddddd;
float:left;
}

#fiche_haut h1{
color:#DF0000;
}

#fiche_haut h2{
color:#777777;
}

#fiche_haut h3{
color:#333333;
}

#fiche_milieu{
border-bottom:1px solid #dddddd;
clear:both;
float:left;
padding:10px 0px;
width:880px;
}

#fiche_photo{
float:left;
width:300px;
height:200px;
margin-right:20px;
}

#fiche_photo img{
display:block;
width:300px;
height:200px;
background:#aaaaaa;
}


#fiche_detail{
float:left;
width:500px;
}

#fiche_detail table{
border-collapse:collapse;
}

#fiche_detail table td{
padding:5px 10px;
font-size:12px;
}

#fiche_detail p{
margin:0px;
}

#fiche_detail a{
color:#DF0000;
}

#fiche_offre{
border-bottom:1px solid #dddddd;
clear:both;
float:left;
padding:10px 0px;
width:880px;
}

#fiche_offre img{
display:block;
width:880px;
height:120px;
background:#666666;
}

/*--------------------------------- GALERIE ---------------------*/

#galerie{
float:left;
margin-right:20px;
width:360px;
background:#eeeeee;
}

#photo_en_cours{
float:left;
padding:20px 20px 10px 20px;
width:320px;
height:240px;
background:#eeeeee;
}

#photo_en_cours a{
width:320px;
height:240px;
border:none;
}

#photo_en_cours img{
display:block;
width:320px;
height:240px;
background:#dddddd;
border:none;
}

#photo_en_cours .on {
display:block;
}
#photo_en_cours .off {
display:none;
}

#galerie_menu{
clear:both;
float:left;
background:#eeeeee;
padding:10px 20px 20px 20px;
width:320px;
}

#galerie_menu ul{
margin:0px;
padding:0px;
list-style:none;
clear:both;
float:left;
}

#galerie_menu li{
display:block;
float:left;
width:60px;
height:45px;
padding:5px;
background:#ffffff;
margin:0px 8px 0px 0px;
}

#galerie_menu li a{
width:60px;
height:45px;
border:none;
}

#galerie_menu li a img{
display:block;
width:60px;
height:45px;
background:#dddddd;
border:none;
}


a.lien_sous_page{
font-weight:bold;
font-size:14px;
color:#810210;
text-decoration:none;
padding:5px;
}


/*---------------- PLAN DU SITE ----------------*/
h1.plan_niveau {
border-bottom:1px solid #eeeeee;
color:#810210;
font-size:14px;
font-weight:bold;
margin:2px 0;
}

h2.plan_niveau {
color:#ec6f00;
font-size:12px;
font-weight:normal;
margin:2px 0;
padding-left:20px;
border:0px;
}

h3.plan_niveau {
color:#ec6f00;
font-size:10px;
font-weight:normal;
margin:2px 0;
padding-left:40px;
border:0px;
}

#plan_site li {
line-height:25px;
}

#plan_site li a{
color:#810210;
}

#plan_site ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/*-------------- CARTES GOOGLE MAP -------------*/

.onglet_carte{
font-size:12px;
font-weight:bold;
text-decoration:none;
border-top:solid 1px #F3F2F2;
border-left:solid 1px #F3F2F2;
border-right:solid 1px #F3F2F2;
padding:5px;
margin:5px;
}

#legende_map{
background:#F3F2F2; 
width: 160px; 
height: 400px; 
float:left;
text-align:left;
}

#legende_map ul{
margin:0px;
padding:0px 0px;
list-style:none;
}

#legende_map li{
background:#F3F2F2;
border-bottom: 1px solid #BBBBBB;
width:150px;
margin:0px;
padding:0px 5px;
font-size:12px;
font-weight:bold;
color:#810210;
}

#legende_map a{
color:#810210;
text-decoration:none;
line-height:30px;
}

#legende_map a:hover{
color:#FF0000;
text-decoration:underline;
}

#legende_iti{
background:#F3F2F2; 
width: 160px; 
height: 400px; 
float:left;
text-align:left;
}

#legende_iti ul{
margin:0px;
padding:0px 0px;
list-style:none;
}

#legende_iti li{
background:#F3F2F2;
border-bottom: 1px solid #BBBBBB;
width:150px;
margin:0px;
padding:0px 5px;
font-size:12px;
font-weight:bold;
color:#810210;
}

#legende_iti a{
color:#810210;
text-decoration:none;
line-height:30px;
}

#legende_iti a:hover{
color:#FF0000;
text-decoration:underline;
}

#map_google{
width:524px;
height: 400px;
float:left;
}

#mapitineraire{
width:524px;
height: 400px;
float:left;
}

#modalRoute {
font-size:11px;
background-color:#FFF;
font-weight:normal;
}

.mapdetail{
font-size:11px;
padding:0px;
margin:0px;
line-height:14px;
font-weight:normal;
}

/*-------------- LISTE PRO -----------------*/

a.fiche_pro{
color:#810210;
}
a.fiche_pro:hover{
color:#333333;
text-decoration:none;
}