/* TAGS GLOBAUX */
/* COMPATIBILITE PNG */
img {
	behavior: url("pngHack/pngHack.htc");
	border:none;
	}
.hiddenPic {display:none;}
a{
	text-decoration: none;
	}
legend{
	font-size:19px;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-weight:normal;
}

h1{
	font-size:19px;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-weight:normal;
	clear:both;
	line-height:1.4em;
	}

body {
  margin:0 0 50px 0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  /**
  **/
	text-align: center; /* pour corriger le bug de centrage IE */
	background-color:#fff;
	font-size:14px;
	font-family:verdana;
}
 
#header{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	background-repeat:no-repeat;
	background-image: url("images_css/votacion-electronica.jpg");
	width:889px;
	height:117px;
}
#autour-header{
background-color:#D4F0FF;
}
#global {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 889px;
	/*height:1517px;*/
	text-align: left;
	background-repeat:repeat-y;
	background-position:top left;
	background-image:url(images_css/bg-content.jpg) 

}

#left-colonne{
	margin-left:35px;
	float:left;
	width: 520px;
}

#right-colonne{
	margin-right:30px;
	float:right;
	width: 300px;
}
#header-tem{
	width: 300px;
	height:75px;
	background: url(images_css/header-tem.jpg) no-repeat ;
	}
#header-comment-marche{
	width: 300px;
	height:75px;
	background: url(images_css/header-comment-marche.jpg) no-repeat ;
	}

.right-bg-gris{
	background-color:#D4F0FF;
	margin-left:9px;
	/* A ENLEVER */
	color:#3981B2;
	height:118px;
	width:285px;
	}
.titre-bloc-orange{
	color:orange;
	font-weight:bold;
	padding-left:15px;
	}
.texte-bloc{
	font-family:arial;
	color:#555;
	padding-top:5px;
	padding-left:25px;
	padding-right:15px;
	font-size:12px;
	}
.footer-bloc{
	width: 300px;
	height:35px;
	background: url(images_css/footer-bloc.jpg) no-repeat ;
	}


#bloc-louer{
	width: 300px;
	height:258px;
	background: url(images_css/alquiler-sistema-voto.jpg) no-repeat ;
	}
#bloc-acheter{
	width: 300px;
	height:259px;
	background: url(images_css/comprar-sistema-voto.jpg) no-repeat ;
	}
#bloc-installe{
	width: 289px;
	height:98px;
	padding-bottom:20px;
}
#header-faq{
	width: 300px;
	height:75px;
	background: url(images_css/header-faq.jpg) no-repeat ;
	}

.bouton-devis{
	margin-top:215px;
	margin-left:55px;
	}
.tous-les{
	color:white;
	text-align:center;
	font-family:Arial;
	font-size:18px;
	padding-top:8px;
	}

/***************/
/*     LEFT COL    */
	
#cont-flash{
	margin-left:0px;
	width: 500px;
	height:200px;
	background-color:#CCC ;
}


.bloc-gris-left{

	border-top:2px solid #3981B2;
	background-color:#D4F0FF;
	width: 480px;
	padding-bottom:3px;
	}

.tick-list, .macaron-list {
	list-style-type: none; 
	}
	

.tick-list li{
	padding-left: 36px; 
	padding-top:0px;
	height:27px;
	background: url(images_css/tick-verte.jpg) no-repeat; 
	}
.tick-list h2{
	font-size:13px;
	padding-top:2px;
	}
	
.macaron-list h2{
	font-size:13px;
	font-weight:bold;
	font-family:verdana;
	
	}
.macaron-list li{
	padding-left: 46px; 
	height:40px;
	}
#list-macaron1{
	background: url(images_css/macaron-01.jpg) no-repeat; 
	}
#list-macaron2{
	background: url(images_css/macaron-02.jpg) no-repeat; 
	}
#list-macaron3{
	background: url(images_css/macaron-03.jpg) no-repeat; 
	}
	
	
/**************************/
/*  Exemples d'utilisation */

.exemples{
	float:left;
	height:110px;
	width:230px;

	}
	
.exemples h1{
font-weight:bold;
}
.exemples ul li h1{
	color:#FF6700;
	list-style-type: none; 
	font-size:15px;
	}
.exemples ul li {
	list-style-image: url(images_css/exemples-tick.jpg);
	margin-left:-16px;
	color:#FF6700;
	list-style-type: none; 
	font-size:15px;
	}		

	
.exemples  ul ul li{ 
list-style-image:none;
}
.exemples  ul ul li h2{ 
	list-style-image:none;
	/*background: url(/Design_Site/images_css/plan-puce.gif) no-repeat; */
	margin: 0; 
	font-size:13px;
	color:black;
	margin-left:-10px;
	margin-top:6px;
	}

	
.separateur-tirets{
	border-bottom:1px dashed #3981B2;
	width:480px;
	float:left;
	height:10px;
	margin-bottom:15px;
	margin-top:15px;
	}

/** fin exples d'utilisation **/

/**********************/
/*     BOTTOMBAR     */
/* Cf. header.php pour IE FIX */
#location-fix {
   position: fixed;
   margin: 0;
	padding: 0;
   left: 0;
   bottom: 0;
	width: 100%;
	z-index: 1000;
	font-size:12px;
	background: url(images_css/bg-footer-fixe.jpg) repeat-x ;
	border-top: 1px solid black;
	border-right: 1px solid #808080;
}

#location-fix form input {
	font-size: 10px;
}

#location-fix #global-loc-fix {
	text-align: center;
}

#global-loc-fix {
	padding: 8px 0;
}

#global-loc-fix p {
	margin: 0; padding: 0;
}

#location-fix form #bouton-calcul {
	vertical-align: bottom;
}

/***************/
/*    FOOTER     */

#footer{
	/*background-image:url("images_css/bg-footer.jpg");*/
	background-color:#F6F6F6;
	clear:both;
	padding: 10px 0;
	}
#foofooter {
	margin-top: .5em;
}
#footer a{
	color:black;
	font-size:15px;
	font-family:helvetica;
	font-weight:bold;
	}
#footer img{
	vertical-align:-8px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	}
#back-links ul {
list-style: none;
margin:0;
padding:0;
}
#back-links ul li {
height: 40px;
float: left;
margin: 0;
padding: 0;
white-space: nowrap;
}
#back-links ul li a {
	font-size: .9em;
}
div#back-links {
width: 860px;
margin: 0 auto;
text-align: left;
}
hr.clear {
clear: both;
visibility: hidden;}
	
.baseline{
	font-size:13px;
	}
#footer .rappel-menu a{
	font-weight:normal;
	font-size:11px;
	}
/***************/
/*     MENU     */


#nav {
	position: absolute;
	right: 0;
	bottom: 0;
	list-style:none;
	margin: 0 24px 0 0;
	padding: 0;
	line-height:0px;
}

#nav li{
	margin-left:5px;
	float:left;
}
#nav li a{
	height: 29px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
/* home */
#nav #nav-home a{
	width: 95px;
	background: url(images_css/nav-home.jpg) no-repeat ;
}
#nav #nav-home a:hover{
	background: url(images_css/nav-home-over.jpg) no-repeat ;
}
/* en detail*/
#nav #nav-detail a{
	width: 95px;
	background: url(images_css/nav-detail.jpg) no-repeat ;
}
#nav #nav-detail a:hover{
	background: url(images_css/nav-detail-over.jpg) no-repeat ;
}
/* achat*/
#nav #nav-achat a{
	width: 95px;
	background: url(images_css/nav-achat.jpg) no-repeat ;
}
#nav #nav-achat a:hover{
	background: url(images_css/nav-achat-over.jpg) no-repeat ;
}
/* location */
#nav #nav-location a{
	width: 95px;
	background: url(images_css/nav-location.jpg) no-repeat ;
}
#nav #nav-location a:hover{
	background: url(images_css/nav-location-over.jpg) no-repeat ;
}
/* faq*/
#nav #nav-faq a{
	width: 95px;
	background: url(images_css/nav-faq.jpg) no-repeat ;
}
#nav #nav-faq a:hover{
	background: url(images_css/nav-faq-over.jpg) no-repeat ;
}



/* SELECTION DU BON ONGLET SUIVANT LA CATEGORIE */
body#home #nav-home a{
	background: url(images_css/nav-home-over.jpg) no-repeat;
}
body#detail #nav-detail a{
	background: url(images_css/nav-detail-over.jpg) no-repeat;
}
body#achat #nav-achat a{
	background: url(images_css/nav-achat-over.jpg) no-repeat;
}
body#location #nav-location a{
	background: url(images_css/nav-location-over.jpg) no-repeat;
}
body#faq #nav-faq a{
	background: url(images_css/nav-faq-over.jpg) no-repeat;
}
/**             FIN MENU                    **/
/*************************************/





/************************************/
/*    PAGE EN DETAIL                    */

.bloc-bleu-detail{
	margin-top:30px;
	padding-right:10px;
	padding-top:30px;
	padding-bottom:30px;
	font-size:11px;
	height:70px;
	color:white;
	background-color:#478DC6;
	border: 2px dashed #DEF2FF;
	width:480px;
	}
.bloc-bleu-detail img{
	float:left;
	margin-top:-30px;
}

.bloc-blanc-detail{
	margin-top:40px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:30px;
	font-size:13px;
	width:480px;
	line-height:25px;
	}
.bloc-blanc-detail img{
	padding-right:10px;
	float:left;
	margin-top:-25px;
}
/*     FIN PAGE EN DETAIL               */
/*************************************/



/************************************/
/*    PAGE FAQ                    */
#faq a {color:#06f;text-decoration:none;}
#faq a:hover {color:#06f;text-decoration: underline;}
#faq a:visited {color:#03c;}
#faq {
	color:#495561;
	font-size:13px;
	}
#faq h1{
	padding:.5em 0 0;
	color:#000;
	border-top: 1px dotted #999;
	font-size:15px;
	}
.small {font-size:0.85em;line-height:1.2em;}

/*     FIN PAGE FAQ               */
/*************************************/


/************************************/
/*    PAGE LOCATION                    */

#checkbox label {
    display: block;
	padding:5px 60px 5px 25px;
    text-indent: -25px;
}

#checkbox label:hover { background: #EEE;  }

#devis-location{
	padding-left:30px;
line-height:30px;
}
#devis-location h1{
	margin-left:-30px;
}
#loc-warning{
	font-size:11px;
	line-height:15px;
	}
#loc-sstotal{
font-weight:bold;
font-size:16px;
	text-align:center;
	padding:10px;
margin-right:80px;
	}
#sous-total{
padding-bottom:5px;
border-bottom:1px dashed #ccc;
}
#devis-location input{
	border:none;
	background-color:#EBF0F0;
	color:#333;
	font-size:14px;
	
}
#devis-location textarea { 
	border:none;
	background-color:#EBF0F0;
	color:#333;
	font-size:14px;
}

#devis-location h2{
line-height:0px;
color:#99A6A6;
	font-size:12px;
}
span.requis {

	color: #F16D00;
	margin:0px 0px 0px 3px;
}
 #recap-infos{
	 font-size:12px;
	 color:black;

	 }

/*     FIN PAGE LOCATION               */
/*************************************/

/************************************/
/*    PAGE ACHAT                    */
#devis-achat input{
	border:none;
	background-color:#EBF0F0;
	color:#333;
	font-size:14px;
	
}
#devis-achat h2{
line-height:0px;
color:#99A6A6;
	font-size:12px;
}


/*     FIN PAGE ACHAT               */
/*************************************/

/************************************/
/*    PAGE TEMOIGNAGE                   */
#temo{
	padding-left:30px;
	line-height:30px;
	font-size:13px;
	color:#495561;
}

#temo h1{
	margin-left:-30px;
}
#temo h2{
	color:#F89017;
	font-size:13px;
	margin-left:-15px;
	border-bottom:1px dotted #ccc;
}
#temo h3{
	font-family:"Trebuchet MS",arial,sans-serif;
	font-weight:normal;
	padding:.5em 0 0;
	color:#000;
	font-size:15px;
}
#temo-content{
	line-height:18px;
	margin-bottom:50px;
	}
/*     FIN PAGE TEMOIGNAGE               */
/*************************************/

/************************************/
/*    PAGE ABOUT                   */
#about{
	padding-left:30px;
	line-height:18px;
}

#about h1{
	margin-left:-30px;
}
#about h2{
	line-height:0px;
	color:#99A6A6;
	font-size:12px;
}

#about input{
	border:none;
	background-color:#EBF0F0;
	color:#333;
	font-size:14px;
	
}
/*     FIN PAGE ABOUT               */
/*************************************/