@import "menu.css";
/*bleu 0072BA*/
/*rouge E3001B*/
*{
margin :0;
padding:0;
}
body {
	background-color: #CCCCCC;
	margin:5px;
	  font-family: Verdana, Helvetica, sans-serif;
}
#page {
position: relative;
	width: 980px;	
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	top:15px;
	background: #fff;
	border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;
	padding: 0;
	border:1px solid #695B68;
	background:#FFFFFF url(images/fond.jpg) 250px 150px repeat-y;
}
#menugauche{
  position:absolute;
  left:20px;
  top:120px;
  width:189px;
  background-color: #0072BA;
  border:1px solid #695B68;
  text-align:left;
  
}
#slog{
  text-align:center;
  background-color:#E3001B;
  color:#FFF;
  padding:10px;
  font-size:10px;
  font-weight:bold;
}
#kitdem{
  text-align:center;
  background-color:#fcf9d6;
  color:#FFF;
  padding:5px;
  font-size:10px;
  font-weight:bold;
}
#retour{
  position:absolute;
  left:30px;
  top:5px;
  z-index:10;
  color:#AAAAAA;
  font-weight:bold;
  text-align:left;  
}
#adresse{
  position:absolute;
  left:320px;
  top:0px;
  width:300px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
  color: #0072BA; 
  z-index:0;
  padding-top:70px;
  padding-right:250px;
  background:#FFFFFF url(images/superu-angersjustices.jpg) 0 0 no-repeat;
}
#animation{
  position:absolute;
  left:645px;
  top:0px;
  width:300px;
  height:170px;
}
.men_haut {color: #FFFFFF;}

#centre {
	padding:160px 0 0 0;
	text-align:right;
}
#titre {
	background-color:#0072BA;
	height:25px;
	
}
#contenu {
  float:left;
	width:550px;
	margin-left:230px !important;
	margin-left:110px;
	text-align:left;
	margin-top:-25px;	
}
#contenu h1 {
  font-size: 16px;
  color:#FFF;  
}
#contenu h1 a{
  color:white;
    font-size: 16px;
}
#contenu h1 a:hover{
  color:white;
  font-variant:small-caps;
  text-decoration:underline;
}
#droite {
  float:left;
	width:180px;
	margin-left:10px;
	padding-top:5px;
}
div.titre_actu{
  text-align:right;
  background-color:#E3001B;
  padding:5px 3px 5px 8px;
}
div.titre_actu a{
  font-size:16px;
  color:#FFF;
}
h3.titre_actu{
  text-align:right;
  background-color:#E3001B;
  padding:5px 3px 5px 8px;
  text-decoration: none;
  font-size:16px;
  color:#FFF;
  text-decoration: none;
}
div.box{
  border:1px solid #CCC;
  background:#FFF url() 0 0 no-repeat;
  margin:10px 0;
}
div.box div.lien{
  margin:5px;
}
div.actu{
  text-align:left;
  padding:5px;
  margin-bottom:5px;
}
div.actu p{
  padding:2px 7px;
  margin:0;
}
.actu h4{
  margin-top:10px;
  margin-bottom:10px;
}
a.savoir_plus{
  color:#0072BA;
  float:right;
}

#en-tete {overflow:hidden; }
#en-tete ul {float:left; margin:6px 6px 0 0; padding:0; list-style:none}
#en-tete li {float:left; margin-left:3px;cursor:pointer;}
#en-tete a,#actif {float:left; text-decoration:none; padding-left:10px; background:url(images/coin-gauche.png) 0 -250px no-repeat}
#en-tete span,#actif span {float:left; padding:6px 10px 3px 0; background:url(images/coin-droit.png) 100% -250px no-repeat; color:black; font-family: Arial, Helvetica, sans-serif; font-size: 8pt;}
#actif {background-position:0 0}
#actif span {background-position:100% 0; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
#en-tete a:hover,#en-tete a:focus {background-position:0 -500px; cursor:default;}
#en-tete a:hover span,#en-tete a:focus span {background-position:100% -500px}

#contenu_onglet{
  border:1px solid #CCC;
  padding:10px;
  margin-bottom:20px;
}
#contenu_onglet h1{
  text-align:right;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
  color: #0072BA; 
  font-weight: bold;
  padding:5px;
  
}

#footer {
	background-color:#0072BA;	
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding:10px 0;
	
}

#footer ul{
  margin:0;
  font-weight:bold;
  font-size:11px;
  color:#FFF;
}

#footer ul li{
  display:inline;
}

#footer ul li a{
  text-decoration:none;
  color:#FFF;
  font-size:12px;
  margin:0 20px;
}

#footer ul li a:hover{
  color:#CCC;
}
#footer a{
  text-decoration:none;
  color:#FFF;
  font-size:12px;
  margin:0 20px;
}

/*-basics-----------------------------*/
hr{
  height: 1px;
  margin: 0;
  padding: 0;
  color: #CCC;
  background-color: #CCC;
  border: 0;
} 
hr.clear{
  margin:0;
  padding:0;
  clear:both;
  visibility:hidden;
  background-color:#FFFFFF;
  height:0;
} 

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	font-variant:small-caps;
	color: #FF0000;
	text-decoration: none;
	padding:0 0 5px 0;
}

h2{
	margin:0;
	padding:0 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#71646B;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #504F55;
	font-weight: bold;
	text-decoration: underline;
	padding:5px;
	display:block;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #504F55;
	font-weight: bold;
	text-decoration: none;
	padding-left:5px;
	padding-top: 5px;
	display:block;
}


p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding:5px 15px 5px 15px;
	color: #444;
	margin:0;
}
.cont_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
 background-color: #0072BA;
 border-color: black black black #695B68; padding-left: 6px;
 margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px;
 border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 8px;
}
small{float:right;}
p small {float:none;}

table.tarifs {
border:1px solid #695B68;
border-collapse:collapse;
margin: auto;
font-size:8pt;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
}

th, tarifs {
background-color: #695B68;
color: #FFFFFF;
}




th {
  text-align:left;
}

img {border: 0px;}
img.left {
  float:left;
  padding-right:10px;
}
img.right {
  float:right;
  padding-left:10px;
}
/*-----------liens-----------------------------*/
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display:inline;
	color:#0072BA;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display:inline;
	color:#0072BA;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
}


#plan h2{
  margin:5px;
}
#plan ul li.first_level{margin:5px 0;}
#plan ul li.first_level span{font-weight:bold; margin-left:10px;line-height:20px;font-size:14px;}

#plan ul li.second_level a{color:#0072BA; margin-left:30px;line-height:20px;font-size:12px;font-weight:bold;}
#plan ul li.second_level a:hover {color:#AAAAAA; text-decoration:underline;}

#plan ul li.third_level a{color:#444444; margin:0 0 0 50px;line-height:20px;font-size:13px;font-weight:normal;}
#plan ul li.third_level a:hover {color:#AAAAAA; text-decoration:underline;}






/*---------texte pages générales---------------------*/
#centre ul {
	margin:6px 6px 6px 30px;
	padding-left:0px;
}
#liste_vehicules ul {
	list-style:none;
}
#centre li {
	border-left: 1px solid #FFF;
	padding-left:0px;
	font-size:10px;
	color:#777;
}






/*------------------Formulaires----------------------------------------------- */

form#form_contact {
	background: url(images/fond_form_contact.gif) 0 0px no-repeat;
	margin:0;
	width:530px;
	padding:15px;
	height:420px;
	font-size:12px;
}
div.attention{
  width:180px;
  background-color:#EEE;
  color:#FF0000;
  padding:10px;
  margin-top:30px;
}


table.contact{
  font-size:11px;
  border-collapse: collapse;
  margin-left:90px;
}
div.newsletter{
  font-size:11px;
    margin-left:20px;
}


/******************************/

#flashcontent{
  width:230px;
  float:right;
  padding-top:20px;
}

/*----liens.php-----*/

#liens{
  min-height:650px;
}

#liste_liens{
  width:350px;
  padding:0 0 0 15px;
  float:left;
  margin:0;
}

#liste_liens #lien{
  font-family:Arial, verdana;
  font-weight:normal;
  font-size:11px;
  border:1px dotted black;
  margin:0 0 10px 0;
  padding:5px;
  min-height:70px;
}
#liste_liens #lien a img.image{
  float:left;
  width:60px;
  height:60px;
  padding:5px 10px 3px 5px;
}
#liste_liens #lien a{
  font-weight:bold;
  font-size:14px;
  color:#0072BA;
  line-height:22px;
}
#liste_liens #lien a:hover{
  color:#999;
}

#liste_themes{
  float:left;
  width:145px;
  padding:5px 0 0 10px;
  border:1px dotted #CCC;
  margin-left:15px;
}

#liste_themes a{
  color:#0072BA;
  font-weight:normal;
  font-size:14px;
  text-decoration:none;
}
#liste_themes a:hover, #liste_themes a.on{
  color:#555;
}


.men_haut a { color: #FFFFFF;font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration:none; margin-right:5px;}
.men_haut a:hover {text-decoration: underline;}

/*diaporama*/
#jquery-banniere {z-index:12;display:block;margin:0; padding:0; list-style-type:none; float:left;}
#jquery-banniere li {margin:0; padding:0; list-style-type:none;width:255px; }

/*---------formulaire de tarif express accueil---------*/
.tarif_express{ 
  float:left;
  width:250px;
}
.montant_devis{
	float:right;	
  width:250px;
	margin:0 10px 0 0;
}
.tarif_express fieldset, .montant_devis fieldset{ 
  width:220px;
  margin:5px;
}
.tarif_express p{
  clear: left;
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 115px; /*width of left column containing the label elements*/
  border-bottom: 1px dashed gray;
  height: 1%;
}

.tarif_express label{
  float: left;
  margin-left: -110px; /*width of left column*/
  width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.tarif_express textarea{
  width: 250px;
  height: 150px;
}
/*---------formulaire de reservation----------*/
.cssform{ 
  float:left;
  width:275px;
}
.cssform fieldset{
  padding:10px;
  margin:10px;
  border:3px solid #CCC;
  width:330px;
}
.cssform p{
  clear: left;
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 135px; /*width of left column containing the label elements*/
  border-bottom: 1px dashed gray;
  height: 1%;
}

.cssform label{
  float: left;
  margin-left: -130px; /*width of left column*/
  width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform textarea{
  width: 250px;
  height: 150px;
}

input
{
  color: #0072BA;
  font-size: 10px;
  padding: 3px;
  border:1px solid #CCC;
  
}


fieldset{
  padding:10px;
  margin:10px;
  border:3px solid #CCC;
}
legend{
  color:#D4114D;
  font-weight:bold;
  font-size:14px;
}
input.checkbox { 
  border:0;
  background-color:transparent;
}

select { 
	font-family: Arial;
	font-size: 10px;
	border: 1px solid #AAA;
	color: #0072BA;
	background-color:#CCC;
	margin-right:2px;
}

textarea { 
	font-family: Arial;
	font-size: 10px;
	color: #0072BA;
	border: solid 1px #CCC;
	width:100%;
	height:250px;
}

input.submit { 
	margin-top:20px;
}

span.message{
  background-color:#0072BA;
  color:#FFFFFF;
  padding:1px 5px;
}
ul#liste_vehicules li.element{
  border-bottom:1px solid red;
  padding:10px;
  list-style:none;
}


/*------------------------------formulaire location de vehicule-------------------------------*/
#locationVehicule {
	width:520px;	
}
#locationVehicule .selectAnnee, .selectHeure{
	width:80px;	
}
#locationVehicule .selectMois, .selectJour, .selectType{
	width:100px;	
}
#resultatLocation{
	font-size:1em;
	width:500px;
	margin:0 auto;
	border:1px solid #0072BA;
	margin-top:20px;
	padding:5px;

}

#locationVehicule select{
	padding:1px 0;	
}

/*#locationVehicule .selectDistance, #locationExpress .selectDistance {*/
/*	width:100px;	*/
/*}*/


#locationExpress select:hover, .inputText:hover, #locationVehicule select:hover, .inputText:hover{
	border:1px solid #0072BA;
	background-color:#F3F0ED;
}


#locationVehicule #validerReservetion{
	display:block;
	
	width:100px;
	height:30px;
	font-size:1em;
	
	margin:0 auto;
}

#locationVehicule .affichageTarif{
	font-size:1em;
	text-align:right;
	padding:10px;
	margin:20px 0;
}
#locationVehicule .error{
	
	border:1px solid #D4114D;
}

#locationVehicule .error:hover{
	background-color:#F3F0ED;
	border:1px solid #D4114D;
}
	
#locationVehicule .tarif,.important{
	color:#D4114D;
	font-weight:bold;
}
#locationVehicule .important{
	font-size:1.5em;
}
#locationVehicule div#erreurMsg p{
	padding:5px;
	border:1px solid #D4114D;
	margin-top:-150px;
	/*margin-top:-80px;*/
	float:right;
	width:180px;
	height:50px;
}

div#depotGarantie ul li{
	font-family:arial;
	margin-left:20px;
	font-style:italic;
}
div#depotGarantie p{
	font-size:0.65em;
	
}
div#depotGarantie {
	padding:10px 0;
	margin-top:20px;
	border-top:1px solid #0072BA;
	border-bottom:1px solid #0072BA;
}

#locationVehicule table #nom,#telephone{
	width:70px;
}
#locationVehicule table #email,#texte{
	text-align:justify;
}
.texte{
	text-align:justify;
}
#locationVehicule table #texte{
	width:130px;
	height:48px;
}

/* Nettoyage */
.clearfix:after, .container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}