﻿/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-size: 104%;
	font-family:Arial, Helvetica, sans-serif;
 	background-color:#B9BEC1;
}

#main-wrapper {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF url(../images/icons/fond_site_coin_arrondi.gif) no-repeat top;
}

#header {
	width: 931px;
	height: 1.15em;
	background: transparent url(../images/fondh.gif) no-repeat top right;
	text-align: right;
	color:#FFFFFF;
}

.topmenu {
    margin: 0;
	padding-top: 2px;
}

.topmenu li {
	color: #FFFFFF;
	display: inline;
	vertical-align: top;
	padding: 5px 15px 0 15px;
}

.topmenu li a {
    color:#FFFFFF;
	text-decoration: none;
	line-height: 0.7em;
}

#recherche {
      margin:0px;
      padding:0px;
      display:inline;
	  font-size:11px; 
}

#recherche #recherch{
      height:.8em;
}

#recherche .submit1{ 
     border:0px;
     cursor:hand;
     padding: 0px;
     background-color: #FFFFFF;
     background: url(../images/submit1.gif) no-repeat center;
     color: white;
     font-weight:bold;
	font-size: 75%;
}

#header2{
/*  width:98%; */
	margin:0px ;
	padding:0px;
/*  display:inline;
	height:86px;*/
}

#menuh {   
	float:right;
    margin:0px;
	padding:0px;
	width: 670px;
	/*height: 90px;*/
}

#header_band{   	  
	  width: 670px;
	  text-align: right;
}

#doublemenu {
      width: 670px;
	  height: 78px;
}



#doublemenu ul { 
	padding:2px 0px ; 
	margin:0px; 
}

#doublemenu ul#level1 li { 
   float:left;  
	list-style:none;
	margin: 2px; 
	width:321px;
	height:20px;
}

#doublemenu ul#level1 li a {
	display:block;
	text-align:center;
   font-size: .7em;
   font-weight: bold;
   color: #004071;
   margin: 0px;
	padding: 0px; 
	text-decoration:none !important;
   line-height:20px;
}







#doublemenu ul#level1 li.level1-normal a, #doublemenu ul#level2 li.level2-normal a { 



	  background-color:#97ACC9;



}



#doublemenu ul#level1 li.level1-active a, #doublemenu ul#level2 li.level2-active a {



	  background-color:#A6CE39;



}



#doublemenu ul#level1 li.level1-normal a:hover, 



#doublemenu ul#level1 li.level1-active a:hover,



#doublemenu ul#level2 li.level2-normal a:hover,



#doublemenu ul#level2 li.level2-active a:hover {



     color:#FFFFFF; 



}



#doublemenu ul#level2 {



 	width: 670px;



}



#doublemenu ul#level2 li {



      float:left;  



	  list-style:none;



	  margin: 2px; 



	  width:126px;



	  height:40px;



}



#doublemenu ul#level2 li a {



       display:block;



	   height:35px;



	   text-align:center;



	   vertical-align:middle;



	   font-size: .7em;



	   font-weight: bold;



	   color: #004071;



       margin: 0px;



	   padding: 3px; 



	   text-decoration:none !important;



}







.editorialmultiplemenu { 



	  	font-size: 12px; 



		font-family: arial, Helvetica, Verdana; 



		font-weight: bold; 



}



.editorialmultiplemenu ul { 



      padding:1px; 



	  margin: 5px 0px 0px 0px; 



	  width:731px; 



}



.editorialmultiplemenu ul li { 



      float:left;  



	  list-style:none;  



       margin-left:4px; 



	   margin-bottom:2px; 



}



.editorialmultiplemenu li a {



	   text-decoration:none ;



        margin: 0px; 



		padding:8px 0px 8px 0px; 



		background-color:#97ACC9; 



		display:block; 



		width:12em; 



		text-align:center; 



		color: #000; 



 }



.editorialmultiplemenu ul li.normal {



        color:#004071; 



}



.editorialmultiplemenu ul li.normal a:hover  {



        color:#FFFFFF; 



		cursor:hand;



	



}



.editorialmultiplemenu ul li.active a {



        color:#004071; 



		background-color:#A6CE39; 



 }



a.plus_info{

background: url(http://www.handynamic.fr/fileadmin/templates/images/icons/plus_dinfo.jpg) no-repeat;
display: block;
width: 135px;
height: 40px;
float: right;
}

a.plus_info:hover{

background: url(http://www.handynamic.fr/fileadmin/templates/images/icons/plus_dinfo_02.jpg) no-repeat;

}


a.logo_360{

background: url(http://www.handynamic.fr/fileadmin/templates/images/icons/voir_en_360.jpg) no-repeat;
display: block;
width: 125px;
height: 60px;
float: right;
}

a.logo_360:hover{

background: url(http://www.handynamic.fr/fileadmin/templates/images/icons/voir_en_360_02.jpg) no-repeat;

}

a.panoramic{

background: url(http://www.handynamic.fr/fileadmin/templates/images/en/icons/360_view.jpg) no-repeat;
display: block;
width: 125px;
height: 60px;
float: right;
}

a.panoramic:hover{

background: url(http://www.handynamic.fr/fileadmin/templates/images/en/icons/360_view_light.jpg) no-repeat;

}


a img {



	border:none;



}







#outer_wrapper{
	 width:auto;
	 text-align:left;
	 /*padding-top:26px;*/
	 margin-left:0px;
}







#lefter {
     /*margin-top:-60px;*/
	 width: 271px;
	 float:left;
}


#navigation { padding: 5px 0 0 0; width: 260px; margin: 0px;}
#navigation  ul li{ list-style: none;}
#navigation li {
    background-color: #004071;
	padding: 0;
	margin: 4px 0;
	list-style-type:none;
}

#navigation li a {
    margin: 0px;
	padding: 0px;
	text-decoration: none;
	display: block;
	text-align: left;
}

#navigation li.normal  {
    color: #FFFFFF;
	font-size: 12px;
	font-family: arial, Helvetica, Verdana;
	font-weight: bold;
	text-decoration:none;
	padding: 4px 0px 4px 28px;
    display: block;
}

#navigation li.normal a {
   color: #FFFFFF;
}

#navigation li.normal a:hover   {
    color: #a8b8cf;
    font-size: 12px;
    font-family: arial,Helvetica, Verdana;
    font-weight: bold;
    text-decoration: none;
}

#navigation li.active {
   color:#004071;
   font-size: 12px;
   font-family: arial, Helvetica, Verdana;
   font-weight: bold;
   text-decoration:none;
   padding: 4px 0px 4px 28px;
   display: block;
   background-color: #A6CE39;
}

#navigation li.active a:visited {
	color:#004071;
}

#content {
	float:right;
	width:640px;
	/*margin-top:-40px;*/
	padding: 1em;
}

.marge{



	padding:0px 32px 0px 0px;



	font-size:71%;



	/*margin-top:	49px;*/



	margin-left:6px;



}







.csc-header csc-header-n1 {



    padding:0px 0px 0px 0px;







}







.csc-mailform{



    background-color:#d7dee8;







}







#footer{



    margin-top:36px;



    height:1.6em;



	clear:both;



	background-color:silver;



	width:98%;



	text-align:left;



	background:url(../images/fondb.gif) no-repeat top right;



	/*margin-left:auto;



	margin-right:auto;*/



}






.titre_master a{

text-decoration: none;
color: #86b700;


}




.bottommenu {



	margin:0px;



	padding:3px 20px 0px 0px ;



	text-align:right;



}







.bottommenu li{



    margin:0px 0px 0px 40px;



	padding:0px;



	text-align:right;



    display:inline; 



	font-size:12px;   



}







.bottommenu li a{



     color:#004071;



	 text-decoration:none;



}











.adresse {



	margin:0px;



	padding:0px 0px 0px 14px ;



	text-align:center;



	display:inline;



	







}







.adresse li{



    margin:0px 0px 0px 	18px;



	padding:0px;



	text-align:right;



    display:inline;



	font-size:10px;



}











.clearfix:after {



    content: "."; 



    display: block; 



    height: 0; 



    clear: both; 



    visibility: hidden;



}







.clearfix {



    display: inline-block;}







/* Hides from IE-mac \*/



* html .clearfix {



    height: 1%;



}



.clearfix {



    display: block;



}



/* End hide from IE-mac */















/*pag*/



h1, h2{



    margin:0px;



    padding:0px;



}







.gb{



    float:left;



    margin-left:6px;



	margin-top:15px;



    background-color:#FFF



}







.gg{	



    width:260px;



	font-size:0.75em;



	margin-top:5px;



	margin-bottom:15px;



    background:#a8b8cf url(../images/cornerghg.gif) no-repeat left top;



    display:inline-block; 



}







.first_elementg {



    padding-top:10px;



    color:#fff;



    margin-top:0;



    margin-left:20px;



    padding-right:20px;



    font-size:1.5em;



}







 



.contenu_sectiong {



    background:url(../images/cornergbg.gif) no-repeat left bottom;



    color:#004171;



}











.last_elementg {



    background:url(../images/cornergbd.gif) no-repeat right bottom;



    padding:0px 10px 0px 20px;margin-bottom:-0px;



} 











.gv{



    font-size:0.75em;



    width:260px;



    background:#a2c545 url(../images/cornervhg.gif) no-repeat left top;



    display:inline-block; 



}







.first_element {



    color:#FFF;



    background:url(../images/cornervhd.gif) no-repeat right top;



    margin-top:0;



    margin-right:0;



    margin-left:20px;



    padding-top:10px;



    padding-right:20px;



    font-size:1.5em;



} 











.contenu_section {



    background:url(../images/cornervbg.gif) no-repeat left bottom;



    margin:0px;



    padding-bottom:10px;



}

.last_element {
    margin-left:20px;
    margin-right:20px;
}

.last_element_en {
    margin-left:25px;
    margin-right:10px;
	font-size:26px;
	color:#004071;
}

.test{



    color:#800000;



    font-weight:bold;



    font-style:italic;



    font-size:1.2em



}







#righter h2{



    font-size:1.3em;



	color:#004171;



}







.margev { 



    font-size:71%;



    background-color: #a2c545;



    padding:1em;



}







.submit{



    border:0px;



    cursor:hand;



    padding: 3px 7% 3px 8%;



    background-color: #FFFFFF;



    background: url(../images/submit0.gif) no-repeat center;



    color: white;



    font-weight:bold;



    font-size: 75%;



    margin-bottom:1em;



}







ul.csc-bulletlist csc-bulletlist-0 {



    color:#00FF66;







}







p.csc-subheader csc-subheader-0 {



    color:#A6CE39;







}







.csc-firstHeader{



    color:#004071;



}





.csc-firstHeader a {



    text-decoration:none;

	color:#004071;



}







.titre_gris{



    color:#004071;



}







h1{
    font-size:20px;
	color:#004071;
	font-family:verdana,arial,helvetica;
}







h2{



     color:#004071;



}







h3{



     color:#86b700;



}







h4{  color:#153767; font-size: 110%;



}







h5{  color:maroon; font-size: 100%; font-family: Arial, Helvetica, sans-serif; font-style: oblique; }







h6{



     color:#000000;



}



.fiche_vehicule_title{

    text-align:center;

}



.fiche_vehicule_title a{

    text-decoration:none;

	color:#86b700;

}



.fiche_vehicule_top{



	color:#153767;

	font-weight:bold;

	font-size:13px;

	list-style-position:outside;

	list-style-image:url("/fileadmin/templates/images/puce_handynamic.jpg");

	

}



.fiche_vehicule_img_top{



	margin-top:10px;



}



.fiche_vehicule_bottom{

	font-weight:bold;

}


.fiche_vehicule_titre_un{

	font-family:Verdana, Arial, Helvetica;
	font-weight:normal;
	color:black;
	font-size:28px;

}


.fiche_vehicule_texte_haut{



	font-size:14px;

	font-family:Verdana, Arial, Helvetica;

	text-align:justify;



}



.fiche_vehicule_vignette{
	text-align:center;
	list-style:none;
	margin:0px;
	padding:0px;
	width:640px;
	height:170px;
	background-image:url("http://www.handynamic.fr/fileadmin/templates/images/fiches-produit/background_menu_mini_vignette.gif");
}



.fiche_vehicule_vignette li{
	float:left;
	font-family:Verdana, Arial, Helvetica;
	width:120px;
	margin-top:45px;
	margin-left:6px;
}



.fiche_vehicule_vignette a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#004071;
}



.fiche_vehicule_vignette a:hover{
	color:#606D7A;
}



.fiche_vehicule_vignette_4{
	text-align:center;
	list-style:none;
	margin:0px;
	padding:0px;
	width:520px;
	height:170px;
	background-image:url("http://www.handynamic.fr/fileadmin/templates/images/fiches-produit/background_menu_mini_vignette_4.gif");
}



.fiche_vehicule_vignette_4 li{
	float:left;
	font-family:Verdana, Arial, Helvetica;
	width:120px;
	margin-top:45px;
	margin-left:6px;
}



.fiche_vehicule_vignette_4 a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#004071;
}



.fiche_vehicule_vignette_4 a:hover{
	color:#606D7A;
}

.fiche_vehicule_vignette_3{
	text-align:center;
	list-style:none;
	margin:0px;
	padding:0px;
	width:400px;
	height:170px;
	background-image:url("http://www.handynamic.fr/fileadmin/templates/images/fiches-produit/background_menu_mini_vignette_3.gif");
}



.fiche_vehicule_vignette_3 li{
	float:left;
	font-family:Verdana, Arial, Helvetica;
	width:120px;
	margin-top:45px;
	margin-left:6px;
}



.fiche_vehicule_vignette_3 a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#004071;
}



.fiche_vehicule_vignette_3 a:hover{
	color:#606D7A;
}

.fiche_vehicule_texte{



	font-family:Verdana, Arial, Helvetica;

	font-size:12px;

	text-align:justify;



}



.fiche_vehicule_stop{



	clear:both;



}


.fiche_vehicule_plusmoins{

	border-collapse:collapse;
	margin:auto;
	width:400px;
	background-color:#E1E1E1;
	text-align:center;
	font-family:Verdana,Arial,Helvetica;
	font-size:12px;

}

.fiche_vehicule_plusmoins ul{

	text-align:left;
	list-style-position:outside;

}

.fiche_vehicule_plusmoins li{

	width:200px;

}

.fiche_vehicule_plusmoins th{

	border-bottom:1px solid black;
	font-size:14px;

}

.plus{

	color:#01A900;

}

.moins{

	color:#E2332E;

}

.fiche_vehicule_table{



	border-collapse:collapse;

	margin:auto;

	width:640px;

	border:2px solid black;



}



.fiche_vehicule_table th{



	background-color:#E1E1E1;

	color:#00245D;

	border:1px solid black;

	text-align:center;



}



.fiche_vehicule_table td{



	border:1px solid black;

	text-align:center;

	padding:5px;



}


.fiche_vehicule_accessoires{

	text-align:center;

	list-style:none;

	margin:0px;

	padding:0px;

}



.fiche_vehicule_accessoires li{

	float:left;

	font-family:Verdana, Arial, Helvetica;

	width:190px;

	margin-left:6px;

}



.fiche_vehicule_accessoires a{

	text-decoration:none;

	font-family:Verdana, Arial, Helvetica;

	font-size:12px;
	
	color:black;

}



.fiche_vehicule_accessoires a:hover{

	color:#606D7A;

}

p.devis{

text-align: center;
margin: auto;
}

a.devis{

background: url(http://www.handynamic.fr/fileadmin/templates/images/icons/je_souhaite_un_devis_handynamic.jpg) no-repeat center;
display: block;
width: 260px;
height: 70px;
margin: auto;
}

a.devis:hover{

background: url(http://www.handynamic.fr/fileadmin/templates/images/icons/je_souhaite_un_devis_handynamic_02.jpg) no-repeat center;

}


p.quote{

text-align: center;
margin: auto;
}

a.quote{

background: url(http://www.handynamic.fr/fileadmin/templates/images/en/icons/click_here_for_hire_vehicle.jpg) no-repeat center;
display: block;
width: 295px;
height: 70px;
margin: auto;
}

a.quote:hover{

background: url(http://www.handynamic.fr/fileadmin/templates/images/en/icons/click_here_for_hire_vehicle_dark.jpg) no-repeat center;

}


p.quote2{

text-align: center;
margin: auto;
}

a.quote2{

background: url(http://www.handynamic.fr/fileadmin/templates/images/en/icons/hire_a_wheelchair_accessible_vehicle_now.jpg) no-repeat center;
display: block;
width: 295px;
height: 70px;
margin: auto;
}

a.quote2:hover{

background: url(http://www.handynamic.fr/fileadmin/templates/images/en/icons/hire_a_wheelchair_accessible_vehicle_now_dark.jpg) no-repeat center;

}


div.csc-mailform-field input[type="text"] {



	width: 400px;



}



.clear {



	clear: both;



}



.table_tarifs_location{



   border-collapse:collapse;



}



.table_tarifs_location th{



   text-align:center;

   color:#FFFFFF;

   background-color:#B7D30C;

   font-size:14px;



}



.table_tarifs_location td{



   text-align:center;

   border-bottom:1px solid #B7D30C;



}



.tarif_raw_2{



   width:65px;



}



.tarif_raw_3{



   width:65px;



}



.tarif_raw_4 .tarif_raw_5 .tarif_raw_6 .tarif_raw_7{



   width:100px;



}



/* Ajouts webdevotion 12/10/2010 */

.banner {text-align: center; padding: 7px 0;}

span.arrondi { z-index:3;}

.arrondi { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; display:block;}



/* BCT */

.bct ul, .bct li { list-style-type:none; padding:0; margin:0; } 

#crumbs li { display: inline; color:#777; padding:0 0.5em 0 0; font-size: 10px; color: #004071;}
#crumbs li a {color: #004071;}
#crumbs li.act { color:#000; font-weight: bold;}


/* Alternative template */

/*#contentfull {float:left; width:70%; margin-top:-40px; padding-bottom:0.71em; padding-left:0.70em;}*/

#contentfull {float:left; width:70%; padding-bottom:0.71em; padding-left:0.70em;}
/* Modification de CSS - ajouts du 31.01.2011 */
.contentleft {
	float:left;
	width:460px;
	margin-top: 5px;
}

.contentright {
	float:right;
	width:170px;
	font-size: 68%;
	margin-top: 5px;
}

.contentfull {
	float:left;
	width:630px;
	margin-top: 5px;

}

.contentright .rubrique_droite { margin-top:60px;}
.contentright .rubrique_droite  .courant {font-size:18px; color:#5E5894; margin-bottom:14px; margin-top:14px;}
.contentright .rubrique_droite  a {font-size:18px; color:#004071;}

#titre{ padding-left:10px; width:270px;	height:100px;}

.bct {margin: 5px 0 20px 0; clear:both;}

