/************************ CSS POUR LA PAGE RECHERCHE AGENCE  **************************/
#listDep 
{
margin-left:auto;
margin-right:auto;
width:73%;
border: 4px solid #FFA91F;;
padding-top:10px;
text-align: center;
color:#313894;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

#listDep a
{
color:#336699;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

#listDep a:hover
{
color:#F79A00;
font-size:13px;
text-decoration:none;
}


#listDep  td
{
padding-left: 40px;
}
#blue
{
color:#313894;
}



/************FORMULAIRE DE RECHECHE***************/
#titre
{
color:white;
font-weight:bold;
width:74%;
margin:auto;
text-align:center;
}

#grandtitre
{
color:white;
font-weight:bold;
width:100%;
margin:auto;
text-align:center;
}

#fond
{
height:29px;
width:50%;
background-image: url(../images/barre_smc4.jpg);
}

#fonddetail
{
height:29px;
width:50%;
background-image: url(../images/barre_smc4.jpg);
}

#longfond
{
text-align:left;
height:28px;
width:100%;
background-image: url(../images/barre_smc4.jpg);
}

#textlong
{
margin-left: 40px;
}

#grandfond
{
height:28px;
width:60%;
background-image: url(../images/barre_smc4.jpg);
}



#formulaire
{
width:73%;
border: 4px solid #ffa91f;
margin:auto;
text-align: center; 
margin-bottom: 20px;
}

.titre01
{
color:#313894;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:bold;
text-decoration:none;
}

.bg01 {
background-color:#FFFFFF;
color:#313894;
}

#formulaire td {
color:#313894;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
}

#formulaire select {
color:#313894;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
}

#pays
{
width: 200px; 
font-weight: bold;
background-color: #efefef;
}

#formulaire input {
color:#313894;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:xx-small;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
}

#formulaire input[type="submit"]{
color: #F79A00;
background-color: white;
font-size: 1.2em;
}

#formulaire input[type="text"]{
color: #313894;
background-color: white;
font-size: 1.2em;
}


#ligne1
{
color:#313894;
font-size:13px;
margin-left:194px;
margin-top:-63px;
margin-bottom: 10px;
}

#ligne2
{
color:#313894;
margin-bottom: 15px;
margin-left:205px;
}

#ligne3
{
margin-top: 35px;
margin-bottom: 25px;
}

#ligne3 input[type="submit"]{
color: #F79A00;
background-color: white;
font-size: 0.9em;
}
/*****NOUVEAU RAJOUT----mise cote à cote de la carte et de la liste**********/
#enssemble
{
width:99%;
height:323px;
border: 4px solid #ffa91f;
}

#listville
{
margin-top:5px;
width: 40%;
height: 90%;
float: left;
}

#listville a
{
color:#336699;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

#listville a:hover
{
color:#F79A00;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

#listville ul
{
margin-left: 25px;
list-style-image: url("../images/geo_smc3.gif");
}

#listville li
{
text-indent: -5px;
}

.decal
{
margin-left: 5px;
}

.decal:second-line
{
margin-left: 150px;
}

/* Pour la page geoc_ville */
#listag
{
margin-top:5px;
width: 40%;
height: 90%;
float: left;
}

#listag a
{
color:#336699;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

#listag a:hover
{
color:#F79A00;
font-size:11px;
font-weight:bold;
text-decoration:none;
}


#listag table
{
border-collapse: collapse;
margin-bottom:1px;
}

#listag tr
{
color:#336699;
font-size:11px;
font-weight:bold;
text-decoration:none;
border-collapse: collapse;
margin-top:15px;
}

#listag td
{
padding:0px;
margin:1px;
margin-top:8px;
border-collapse: collapse;
}


#carte
{
margin: 1px;
width: 58%;
float: right;
}


/******Pour la page agence------ *****/

#enssemble_agence
{
width:99%;
height:400px;
border: 4px solid #FFA91F;
}

.orange
{
font-size: 12px;
color:#F79A00;
}
/* DEUX CLASSES QUI DEPLACE DE QUELQUES PIXELS DANS LA PAGE GEOC VILLE*/
.agence
{
font-size: 12px;
color:#F79A00;
margin-left: 4px;
}

.tex
{
margin-left: 4px;
}

.tex2
{
font-style:oblique;
margin-left: 4px;
}

 
#agence_compte p
{
font-size: 12px;
color:#336699;
margin-left: 100px;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
margin-left: 4px;
}


#decale
{
margin-left: 100px;
}

#decale a
{
font-size:11px;
font-weight:bold;
text-decoration:none;
}

#decale a:hover
{
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.red  
{
color:red;
}
/*utilisé pour la phrase " 20 etablissements trouvés..*/
.bleu
{
text-align: center;
color:#313894;
margin-left: 100px;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
}
/*utilisé pour le petit tiret entre les pages */
.bleu2
{
color:#313894;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
}

/************Pour la page de DETAIL agence *********************/
#listdetail
{
margin-top: 10px;
}


#listdetail table
{
font-size: 12px;
color:#336699;
font-family:Arial,Verdana,Helvetica,sans-serif;
}

#actualite
{
margin: 10px;
}

.grasgros
{
font-size: 16px;
font-weight: bold;
color:#336699;
font-family:Arial,Verdana,Helvetica,sans-serif;
}

.petit
{
font-size: 12px;
text-align: justify;
color:#336699;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
/*****Pour décaler le retour********/


#retourform a
{
color: #F79A00;
font-size: 13px;
margin-left: 530px;
}

/*****Pour la page google maps avec perimetre de geolocalisation *****/

#goog
{
width: 99%; 
height: 390px;
font-size:12px; 
border: 4px solid #FFA91F;
}

#sidebar
{
margin-top:3px;
font-family: Arial,Verdana,Helvetica,sans-serif; 
float:left;
width: 40%;
overflow: auto; 
height: 360px; 
font-size: 10px; 
color: #000;
padding-left: -15px;
}

#sidebar a
{
font-size: 11px;
color:#336699;
text-decoration:none;
}

#sidebar a:hover
{
font-size: 11px;
color:#F79A00;
text-decoration:none;
}

#sidebar  table
{
border-collapse: collapse;
margin-bottom:1px;
}

#sidebar tr
{
color:#336699;
font-size:12px;
font-weight:bold;
text-decoration:none;
border-collapse: collapse;
margin-top:20px;
}

#sidebar td
{
padding:0px;
margin:1px;
margin-top:20px;
border-collapse: collapse;
}

.orange2
{
color:#F79A00;
margin-left: 4px;
}

#synthese
{
color:#336699;
margin-left: 25px;
font-size:12px;
font-weight:bold;
}

#numpage
{
clear: both;
margin-left: 120px;
color:#336699;
font-size:11px;
}

#numpage a
{
color:#336699;
text-decoration:none;
}

#numpage a:hover
{
color:#F79A00;
text-decoration:none;
}

#map
{
margin-top:3px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin-right: 2px;
float : right;
width:58%; 
height:360px;
}
#centreDossier p.alert
{
color:#313894;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
margin-left:25px;
}
#sidebar a.link01:hover {
background-color:#FFFFFF;
color:#F79A00;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:underline;
text-transform:none;
margin-left:25px;
}

#sidebar a.link01 {
background-color:#FFFFFF;
color:#F79A00;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
margin-left:25px;
}