html{
height:100%;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
img
{
border: none;
}
body {
background-color: #FFFFFF;
background-position: center;
margin: 0px;
float: Aucune;
height:100%;
}
#page{
width:1250px;
margin-left: auto;
margin-right: auto;
height:100%;
}
#entete{
width:950px;
}
#container {
font-family: "Trebuchet MS";
/*background-color: #E2E2E2;*/
background-position: top;
min-height:95%;
width: 950px;
/*height: 415px;*/
/*position: fixe;*/
/*right: 0px;*/
/*border: thin solid #FFFFFF;*/
float: Aucune;
/*left: 0px;*/
top: 0px;
bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 150px;
}
#fondgauche {
background-color: #FFFFFF;
float: left;
width: 150px;
background-image: url(../images/fond-gauche.png);
background-repeat: repeat;
background-attachment: scroll;
}
#ombrage_gauche {
/*float: Aucune;*/
float: right;
background-repeat: repeat-y;
/*left: 145px;*/
/*height: 1080px;*/
width: 6px;
/*position: absolute;*/
background-image: url(../images/ombrage_gauche.gif);
background-position: center;
}
#ombrage_droit {
/*float: Aucune;*/
float:left;
background-repeat: repeat-y;
/*left: 1100px;*/
top: 0px;
/*height: 1080px;*/
width: 6px;
/*position: absolute;*/
background-image: url(../images/ombrage_droite.gif);
background-position: center;
/*right: 0px;*/
}
#clear{
clear:both;
}
#ombrage_bas {
background-image: url(../images/ombrage_bas.png);
background-repeat: repeat-x;
background-position: center;
height: 7px;
width: 950px;
vertical-align:top;
margin-top:0px;
margin-left:150px;
top: 0px;
/*position: absolute;*/
/*bottom: 0px;
/*left: 149px;*/
/*right: 0px;*/
}
#fonddroit {
float: right;
width: 150px;
/*left: 1105px;*/
/*top: -1px;*/
/*margin-left: 0px;*/
right: 0px;
margin-top: 0px;
/*position: absolute;*/
background-color: #FFFFFF;
background-image: url(../images/fond-droit.png);
background-repeat: repeat;
/*height: 1100px;*/
}
#pied_de_page {
font-family: "Trebuchet MS";
font-size: 10px;
color: #000000;
text-align: center;
vertical-align: middle;
height: 50px;
width: auto;
/*margin-left:150px;*/
/*position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
float: Aucune;
top: 1100px;*/
background-image: none;
background-repeat: repeat-x;
background-position: center;
background-color: #E2E2E2;
}
#bandeau1 {
font-family: "Trebuchet MS";
font-size: 50px;
font-style: normal;
font-weight: bold;
text-transform: none;
color: #FFFFFF;
background-color: #666666;
background-position: center top;
text-align: left;
vertical-align: middle;
height: 80px;
width: auto;
white-space: normal;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #666666;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #666666;
margin: 0px;
border-bottom-width: 0px;
text-indent: 42px;
}
#zoneformulaire{
font-family: "Trebuchet MS";
font-size: 12px;
height: 270px;
padding-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
background-image: url(../images/backgroundrech3.png);
background-repeat:no-repeat;
width:940px;
}
#container2 {
font-family: "Trebuchet MS";
font-size: 12px;
height: 100%;
overflow:hidden;
/*margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 14px;*/
width: auto;
}
#formulaireadresse {
font-family: "Trebuchet MS";
color: #000000;
margin-left: 4px;
margin-top: 0px;
top: 0px;
vertical-align: middle;
width: auto;
margin-right: 0px;
float: Aucune;
}
#formulaireadresse input {
width: 830px;
font-family: "Trebuchet MS";
color: #000000;
border: #CCC 1px solid;
left: 0px;
position: fixe;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
background-color: #FFFFFF;
}
#formulaireadresse .overTxtLabel {
color: #888888;
}
#radiusSelect {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
width: 150px;
margin-left: 29px;
margin-top: 0px;
}
#formulairemenu {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-position: 100px;
float: Aucune;
margin-left: 0px;
left: 100px;
}
#formulaire {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
float: Aucune;
width: 250px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 4px;
vertical-align: baseline;
}
#recherche {
font-family: "Trebuchet MS";
font-size: 16px;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
width: 150px;
height: 25px;
margin-left: 66px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
vertical-align: middle;
line-height: normal;
background-position: center center;
margin-right: 0px;
right: 0px;
top: 0px;
}
#cadreinfo {
background-color: #FFFFFF;
float: Aucune;
height: 100%;
width: 947px;
text-align: center;
vertical-align: middle;
font-family: "Trebuchet MS";
/*top: 420px;
position: absolute;
right: 0px;
bottom: 50px;
left: 152px;*/
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-left: auto ;
margin-right: auto ;
}
#cadreinfo2 {
background-color: #FFFFFF;
float: Aucune;
height: 578px;
width: 947px;
text-align: center;
vertical-align: middle;
font-family: "Trebuchet MS";
top: 170px;
position: absolute;
right: 0px;
bottom: 50px;
left: 152px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
}
#container3 {
background-color: #FFFFFF;
margin: 0px;
float: Aucune;
height: 500px;
width: auto;
top: 440px;
font-family: "Trebuchet MS";
font-size: 24px;
text-transform: capitalize;
color: #FF9933;
text-align: center;
vertical-align: middle;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
}
#contenu_info {
border: thin solid #CCCCCC;
height: 100%;
width: 900px;
margin-top: 35px;
margin-right: 23px;
margin-bottom: 20px;
margin-left: 23px;
position: fixe;
float: Aucune;
text-align: left;
}
#cadre_result {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
width: 640px;
height: 188px;
background-image: url(../images/cadre_result2.png);
background-position: center center;
}
#sousbandeau {
font-family: "Trebuchet MS";
font-size: 18px;
color: #FFFFFF;
background-color: #666666;
height: 35px;
width: auto;
font-weight: normal;
border-right-width: thick;
border-right-style: none;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #666666;
background-position: bottom;
text-align: left;
text-indent: 80px;
vertical-align: bottom;
}
#descriptif {
font-family: "Trebuchet MS";
font-size: 16px;
color: #FF9900;
background-color: #FFFFFF;
font-style: normal;
word-spacing: 30px;
text-align: center;
font-weight: bold;
height: 25px;
width: auto;
vertical-align: middle;
line-height: normal;
border-bottom:1px solid #CCCCCC;
}
#titreresult {
font-family: "Trebuchet MS";
font-size: 16px;
text-transform: uppercase;
color: #000000;
background-color: #FFFFFF;
text-align: justify;
top: 0px;
right: 0px;
vertical-align: text-bottom;
height: 16px;
left: 0px;
margin-top: 8px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 15px;
}
#resultats {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
height: 130px;
text-transform: none;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
top: 30px;
border: thin none #333333;
}
#jour {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
width: 150px;
margin-left: 37px;
float: Aucune;
}
#specialite {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
width: 150px;
margin-left: 3px;
}
#type {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
width: 150px;
margin-left: 35px;
}
#containerinfo {
background-color: #FFFFFF;
margin: 0px;
float: Aucune;
height: 600px;
width: 780px;
text-align: center;
vertical-align: middle;
font-family: "Trebuchet MS";
border: thin solid #CCCCCC;
}
#text_formulaire {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
float: Aucune;
height: 0px;
width: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
#bouton_info_select {
font-family: "Trebuchet MS";
font-size: 35px;
color: #FF8B24;
background-color: #FFFFFF;
height: 35px;
width: 120px;
float: left;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 80px;
}
#bouton_info {
font-family: "Trebuchet MS";
font-size: 18px;
color: #666666;
height: 30px;
width: 80px;
float: left;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 80px;
text-align: left;
}
#bouton_info:hover {
color: #FF8B24;
cursor:pointer;
}
#bouton_menu_select {
font-family: "Trebuchet MS";
font-size: 35px;
color: #FF8B24;
height: 30px;
width: 250px;
float: left;
margin-top: 10px;
margin-left: 0px;
background-color: #FFFFFF;
}
#bouton_menu {
font-family: "Trebuchet MS";
font-size: 18px;
color: #666666;
height: 30px;
width: 150px;
float: left;
margin-top: 10px;
margin-left: 30px;
}
#bouton_menu:hover {
color: #FF8B24;
cursor:pointer;
}
#bouton_iti_select {
font-family: "Trebuchet MS";
font-size: 35px;
color: #FF8B24;
height: 50px;
width: 250px;
float: left;
margin-top: 10px;
margin-left: 20px;
background-color: #FFFFFF;
}
#bouton_iti {
font-family: "Trebuchet MS";
font-size: 18px;
color: #666666;
height: 30px;
width: 100px;
float: left;
margin-top: 10px;
margin-left: 20px;
}
#bouton_iti:hover {
color: #FF8B24;
cursor:pointer;
}
#bouton_select {
font-family: "Trebuchet MS";
font-size: 35px;
color: #FF8B24;
height: 50px;
width: 180px;
float: left;
margin-top: 10px;
margin-left: 80px;
background-color: #FFFFFF;
}
#bouton {
font-family: "Trebuchet MS";
font-size: 18px;
color: #666666;
height: 30px;
width: 150px;
float: left;
margin-top: 10px;
margin-left: 80px;
}
#bouton:hover {
color: #FF8B24;
cursor:pointer;
}
#cadre_texte_info {
background-color: #FFFFFF;
padding:5px;
float: Aucune;
height: 350px;
width: 350px;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 50px;
border: thin none #CCCCCC;
left: 0px;
text-align: left;
position: fixe;
top: 0px;
bottom: 0px;
right: 0px;
}
#pageperso {
background-color: #FFFFFF;
padding:5px;
float: Aucune;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 20px;
border: thin none #CCCCCC;
left: 0px;
text-align: left;
position: fixe;
top: 0px;
bottom: 0px;
right: 0px;
}
#menu_cat {
background-color: #FFFFFF;
padding:5px;
float: Aucune;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border: thin none #CCCCCC;
left: 0px;
text-align: left;
position: fixe;
top: 0px;
bottom: 0px;
right: 0px;
}
#menu_liste {
background-color: #FFFFFF;
padding:5px;
float: Aucune;
margin-top: 70px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 20px;
border: thin none #CCCCCC;
left: 0px;
text-align: left;
position: fixe;
top: 0px;
bottom: 0px;
right: 0px;
height:auto;
}
#EmplacementTexteItineraire {
margin-top: 30px;
padding: 10px;
overflow: auto;
}
#carteitineraire {
margin-top: 70px;
float:right;
width:400px;
height:300px;
}
#h2 {
font-family: "Trebuchet MS";
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
#carte_localisation {
background-color: #FFFFFF;
border: thin outset #CCCCCC;
height: 300px;
width: 480px;
margin-top: 50px;
margin-right: 40px;
margin-bottom: 0px;
margin-left: 0px;
}
.carte_localisation {
float: right;
height: 300px;
width: 300px;
top: 115px;
position: relative;
left: 500px;
border: thin outset #CCCCCC;
}
#h1 {
font-family: "Trebuchet MS";
font-size: 13px;
font-weight: bold;
}
h1 {
font-family: "Trebuchet MS";
font-size: 24px;
color: #FF9F40;
font-weight: bold;
}
h2 {
font-family: "Trebuchet MS";
font-size: 18px;
color: #FF9F40;
}
#h3 {
font-family: "Trebuchet MS";
font-size: 13px;
font-weight: normal;
}
div.inner_box {
border-right: 0.15em solid #FFCC00;
border-bottom: 0.15em solid #FFCC00;
}
div#nav {
background-color: #fff;
width: 90%;
border-right: 0.18em solid #FFCC00;
border-bottom: 0.16em solid #FFCC00;
margin-top:130px;
font-size:12px;
}
#nav ul {
list-style-type: none;
padding: 0.5em 0em 0.9em 0em;
}
#nav ul li {
padding: 0.2em 0em 0.2em 0.9em;
margin-right: 0.3em;
}
#nav a:link, #nav a:visited {
color: #2E668B;
}
#nav a:hover, #nav a:active {
color: #000;
}
div#nav h3 {
margin: 0em;
padding: 0.2em 0em 0.2em 1em;
font-size: 0.8em;
color: #fff;
border-top: 0.1em solid #FFCC00;
border-left: 0.1em solid #FFCC00;
background-color: #FFCC00;
text-transform: uppercase;
font-family: Verdana, Arial, sans-serif;
}
div#mainnav {
margin: 0 0 ;
border-top: 1px solid #A0A0A0;
border-bottom: 2px solid #FFCC00;
line-height: 25px;
background: #CCCCCC;
}
#mainnav form {
height: 0;
}
#mainnav ul {
list-style: none;
margin: 0;
padding: 0;
height: 25px;
}
#mainnav a, #mainnav h1 {
text-decoration: none;
color: #FFF;
margin: 0;
padding: 0 10px;
font-size: 14px;
line-height: 25px;
color: #FFF;
}
#mainnav a:hover {
text-decoration: underline;
color:#FFCC66;
}
#mainnav li {
list-style: none;
display: inline;
background: #CCCCCC;
border-left: 1px solid #A0A0A0;
border-right: 1px solid #707070;
padding: 0;
float: left;
margin: 0;
height: 25px;
font-size: 1.1em;
color: #FFF;
font-size: 14px;
}
#mainnav li.hover {
background: #666666;
border-left: 1px solid #1F1F1F;
border-right: 1px solid #B0B0B0;
padding: 0 6px;
}
#menuDeroulant
{
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
width:950px;
background-color:#CCCCCC;
border-bottom:#FFCC66 solid 2px;
height:25px;
font-size:14px;
z-index:1;
}
#menuDeroulant li
{
float: left;
margin: 0;
padding: 0;
border: 0;
width:135px;
}
#menuDeroulant .sousMenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #FFF;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #FFCC66; }
#menuDeroulant li a:active { background-color: #666666; }
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("../images/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #FFCC66;
}
#cellule1 {
font-family: "Trebuchet MS";
font-size: 14px;
color: #000000;
background-color: #CCCCCC;
border: thin solid #FFFFFF;
text-align: left;
font-style: normal;
font-weight: bold;
}
#table_menu {
margin-top: 0px;
margin-left: 50px;
position: fixe;
margin-right: 80px;
width: 530px;
}
#rappel {
font-family: "Trebuchet MS";
font-size: 14px;
color: #000000;
text-decoration: underline;
text-align: left;
margin: 25px;
height: 30px;
}
#celluleprix {
font-family: "Trebuchet MS";
font-size: 12px;
color: #FF6600;
background-color: #E2E2E2;
border: thin solid #FFFFFF;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
#cellule3 {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-color: #CCCCCC;
border: thin solid #FFFFFF;
text-align: center;
}
#cellule5 {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-color: #E2E2E2;
border: thin solid #FFFFFF;
text-align: left;
}
#cellule4 {
font-family: "Trebuchet MS";
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
border: thin solid #FFFFFF;
text-align: left;
font-style: italic;
font-weight: normal;
}
.choix_menu {
font-family: "Trebuchet MS";
font-size: 14px;
color: #FFFFFF;
background-color: #FF8B24;
font-weight: bold;
text-transform: uppercase;
height: 20px;
width: 120px;
text-align:center;
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
position: fixe;
}
.choix_menu:hover {
background-color: #999999;
}
.choix_menu2 {
font-family: "Trebuchet MS";
font-size: 14px;
color: #FFFFFF;
background-color: #FF8B24;
font-weight: bold;
text-transform: uppercase;
height: 20px;
width: 120px;
text-align:center;
margin-right: 0px;
margin-top: 25px;
margin-left: 0px;
}
.choix_menu2:hover {
background-color: #999999;
}
#menu_cat {
width: 120px;
vertical-align: top;
margin-top: 70px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 50px;
}
.cadre_public {
font-family: "Trebuchet MS";
float: left;
height: 295px;
width: 300px;
border: medium none #FFFFFF;
margin-top: 30px;
margin-right: 30px;
margin-bottom: 30px;
margin-left: 50px;
background-attachment: scroll;
background-image: url(../images/cadrepupro1.png);
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
#accueil {
font-family: "Trebuchet MS";
margin:0px 20px 20px 20px;
font-family: "Trebuchet MS";
height: 200px;
}
#float_right {
float:right;
}