* {
margin:0;
padding:0;
}



body {
background:#737373;
font-family: "Arial Unicode MS", Arial, sans-serif;
margin: 0;
padding: 0;
font-size:1em;
}

a{
color:#3333FF;
}

a:hover{
color: #FF6600;
}

#bas a {
color: #FFFFFF;
text-decoration:none;
}

#bas a:hover {
color: #FFFFFF;
text-decoration:underline;
}

em {
font-style:normal;
text-decoration:underline;
}

#conteneur {
background: #FFFFFF url(images/background.jpg) top left no-repeat;
width:1000px;
position:relative;
margin:0 auto;
height:600px;
}

#menu {
position:absolute;
top:148px;
left:99px;
width:901px;

}

#menu a {
display:block;
margin:0;
padding:0;
float:left;
}

#menu a img {
border:none;
cursor:pointer;
}

#header {
position:absolute;
top:82px;
left:118px;
margin:0;
padding:0;
width:423px;
}

#header #baseline {
position:relative;
top:-3px;
}

#flags {
position:absolute;
top:210px;
left:13px;
width:88px;
}

#flags a {
display:block;
margin:0;
padding:0;
float:left;
}

#flags a img {
border:none;
cursor:pointer;
}

#centre {
position:absolute;
top: 250px;
width:770px;
height:325px;
left:20px;
background:url(images/liseret.jpg) top left repeat-x;
padding:20px 0;
font-size:0.7em;
}


a {
font-family: "Arial Unicode MS", Arial, sans-serif;
}

#droite {
width:187px;
position:absolute;
top:148px;
right:0;
font-size:0.7em;
}





#droite #ami {
margin-top:-3px;
padding-top:10px;
background-color:#d8d7d8;

}



#droite #partenaires {
text-align:center;
width:187px;
padding:20px 0;
background-color:#FFFFFF;
}

#droite #ami input {
position:absolute;
left:75px;
margin-top:-15px;
border:1px solid #737373;
background-color:#EBEBEB;
height:1.3em;
width:105px;
}

#droite #ami input.btn_form {
height:16px;
width:22px;
border:none;
position:static;
margin:5px 0;
}

#droite #partenaires a img{
border:none;
}

a img {
border:none;
}

#space {
background:#FFFFFF url(images/rustine.jpg) top left repeat-x ;
height:100px;
}

#coord {
font-size:0.9em;
text-align:center;
}













#droite #actus {
background-color:#d8d7d8;
margin-top:-3px;
height:164px;
width:187px;
position: relative;
overflow: hidden;
/*
 /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
 /*  filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
*/
}


#sous-titre {
position:absolute;
z-index:150;
top:247px;
left:490px;
height:18px;
width:300px;
text-align:right;
}


/* accueil */

#voiture_accueil {
position:absolute;
top:30px;
left:0px;
}

#texte_accueil {
position:absolute;
top:10px;
left:328px;
height:300px;
background:url(images/fond_accueil.jpg) bottom right no-repeat;

}

#texte_accueil p {
text-align:justify;
margin:15px 0;
}

#texte_accueil p.mots{
text-align:center;
font-weight:bold;
color:#737373;
}

#texte_accueil p span {
display:block;
text-align:center;
font-weight:bold;
margin:10px;
color:#334484;
}





#texte_tarifs {
font-size:0.8em;
overflow:auto;
height:280px;
}

#texte_tarifs p {
text-align:justify;
margin:15px 0;
}

#texte_tarifs table tr td[class|="titre-voiture"] {
vertical-align:top;
font-size:100%;
border:1px solid #333333;
padding:5px;
text-align:center;
font-weight:normal;

}

#texte_tarifs table tr td[class="titre-voiture-1"] {
background-color:#c9c9c9;
}

#texte_tarifs table tr td[class="titre-voiture-2"] {
background-color:#dddddd;

}


#texte_tarifs table {
width:95%;
font-size:1.1em;
border:2px solid #333333;
border-collapse:collapse;
margin:5px auto;
}

#texte_tarifs table a{
color:#3333FF;
}

#texte_tarifs table a:hover{
color: #FF6600;
}

#texte_tarifs table tr td.titre_services {
font-size:1em;
font-weight:bold;
color:#FFFFFF;
border:1px solid #333333;
padding:5px;
background-color: #4b61b5;
letter-spacing:0.1em;
font-variant: normal;
text-align:left;
text-transform:uppercase;
}



#texte_tarifs td {
font-size:100%;
border:1px solid #333333;
padding:2px;
text-align:left;
vertical-align:top;
}

#texte_tarifs td[class|="prix"] {
text-align:right;
}

#texte_tarifs td[class="prix-1"] {
background-color:#c9c9c9;
}

#texte_tarifs td[class="prix-2"] {
background-color:#dddddd;
}





#texte_services {
font-size:1em;
height:280px;
}

#texte_services h1 {
font-size:1.3em;
color:#4b61b5;

}

#texte_services p {
text-align:justify;
margin:15px 0;
font-size:1em;
}

#texte_services div p, #texte_services div h1{
margin-top:20px;
margin-left:250px;
margin-right:42px;
text-align:justify;
}

#texte_services div p{
}

#texte_services div[id|="cache"] {
clear:both;
display:none;
}

#texte_services #sous-menu {
margin:15px 0 15px 20px;
text-align:center;
line-height:23px;

}

#texte_flotte #sous-menu {
margin:15px 0 15px 0px;
text-align:center;
line-height:23px;
}


#sous-menu ul li {
display:inline;
margin:10px -1px;
height:100%;
padding:3px 5px 4px 5px;
background-color:#737373;
color:#FFFFFF;
border:1px solid #FFFFFF;
cursor:pointer;
font-size:1em;
font-weight:bold;
}



#sous-menu ul li:hover {
background-color:#4b61b5;
}

#sous-menu ul li a, #sous-menu ul li a:hover{
color:#FFFFFF;
text-decoration:none;
}

#texte_flotte {
font-size:1em;
height:280px;
}

#texte_flotte h1 {
font-size:1.3em;
color:#4b61b5;

}

#texte_flotte p {
text-align:justify;
margin:15px 0;
font-size:1em;
}

#texte_flotte div p, #texte_flotte div h1{
text-align:justify;
}

#texte_flotte div p{
}

#texte_flotte div[id|="cache"] {
clear:both;
display:none;
}


#album img {
display:inline;
border:none;
}

#album img a{
border:none;
}

.description {
float:left; margin-left:20px; text-align:left;
width:300px;
}

.description p.de{
border:#666666 1px solid;
background-color:#EAF4FF;
padding:5px;
}




#centre h1 {
font-size:1.3em;
color:#4b61b5;
}


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
visibility: hidden;
background-color:#d8d7d8;
height:144px;
width:167px;
padding:10px 10px;
text-align:justify;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
display:none;
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
/*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/


#bas {
width:1000px;
position:relative;
margin:0 auto;
font-size:0.6em;
color:#FFFFFF;
text-align:center;
}

.quest_form {
margin:15px 0;
}


#form_un {
margin-left:30px;
line-height:1.1em;
}

.resultat {
color:#333333;
font-weight:bold;
}

.avertissement {
border:#666666 1px solid;
background-color:#EAF4FF;
padding:5px;
margin:15px 0;
text-align:center;
}

p.retour {
text-align:center;
width:100%;

}

p.retour a{
display:inline;
top:16px;
position:relative;
font-size:1em;
color:#4b61b5;
text-decoration:none;
font-weight:bold;
padding:2px 3px;
border:#4b61b5 1px solid;
background:#FFFFFF url(images/bg_btn.jpg) top left repeat-x;

}

p.retour a:hover{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
border:#4b61b5 1px solid;
background:#4b61b5;
}

.asterisque {
color:#4b61b5;
}

.warning {
width:80%;
margin:0px auto;
text-align:center;
}

#form_quatre p{
margin:10px 0;
}

#nom, #prenom, #email, #telephone, #ville, #societe, #fax, #civ, #adresse, #pays, #tel,#login_i,#mdp_i, #raison, #cp, #message, #votre_nom, #votre_email, #son_email {
position:absolute;
left:180px;
margin-top:-3px;
border:#666666 1px solid;
height:14px;
width:170px;
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:1em;
padding:2px;
color:#444444;
}

#message {
width:270px;
height:60px;
}

#pays, #civ {
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:1em;
height:20px;
}

#civ, #cp, #postal {
width:60px;
}

#telephone,#tel, #fax, #login_i,#mdp_i {
width:110px;
}