/*  common stuff
===================================================================================*/	



	body,
	p,
	td,
	th {
	font-family: "Verdana", Arial, Helvetica, Trebuchet MS;
	font-size: 10px;
	}

body {
	margin-top: 130px;
	margin-right: 200px;
	margin-bottom: 10px;
	margin-left: 248px;
		background: #00235b url(http://www.region2010.fr/images/fond_2008.jpg) no-repeat; 	
  background-position: top center;
}

lebas {
	margin-right: 200px;
	margin-left: 248px;
	background: #00235b url(http://www.region2010.fr/images/bas.png) no-repeat; 	
  background-position: top center;
}


	
	p {
	padding: 0px;
	margin: 10px 0;
	} 
		
	form {
	margin:0;
	padding:0;
	}
	
	h1 {
	margin: 10px 0;
	font-size: 18px;
	color: #AAD733;
	}
	
	h2 {
	margin: 15px 0 0 0;
	font-size: 15px;
	color:#3366FF;
	background: transparent;
	}
	
	h3 {
	margin: 10px 0 0 0;
	font-weight:bold;
	font-size:10px;
 background-color: #808080;
 color: white;
 padding: 5px;	
	}
	
	h4 {
	margin: 5px 0;
	font-size: 12px;
	font-weight:normal;
	color:#3366FF;
	background: transparent;
	}
		
	a img {
	border:0;
	}
	
	a:link,
	a:visited,
	a:hover,
	a:active {
	color: #015A9C;
	background: transparent;
	}
		
	a:hover {
	color:#2b2e3e;
	background: transparent;
	}

	#content ul {
	padding: 10px 10px;
	margin: 0;
	}


/*	Useful Classes
===================================================================================*/

	.floatLeft {
	float:left
	}
	
	.floatRight {
	float:right
	}

	.clear {
	clear: both;
	}
	
	.h-dots {
	border-top:#CCCCCC dotted 1px;
	margin:20px 0;
	}


/*  content regions
===================================================================================*/
	#mainContainer {
	padding:0 0 0 0;
	width:789px;
	position:relative;
	margin-left: auto;
	margin-right: auto; 

	}
		
	#header {
	margin:0 0 0 9px;
	width:780px;
	height:175px;
	overflow:hidden;
	background:url(http://www.region2010.fr/images/images/haut.gif) no-repeat;
	}
	
	#addressTop {
	margin: 20px 20px 5px 0;
	font-size:14px;
	float:right;
	text-align:right;
	}

	#addressTop2 {
	margin: 20px 20px 5px 0;
	font-size:14px;
	float:right;
	text-align:right;
	}



	#mainContent {
	width:780px;
	margin: 0 0 0 9px;
	min-height: 404px;
	background: #fff url(http://www.region2010.fr/images/images/fond_menu.gif) repeat;
	}
	
	* html #mainContent {
	height: 404px;
	}
	
	#mainFooter { 
	margin: 0;
	width:789px;
	height:99px;
	background: url(http://www.region2010.fr/images/images/bas.gif) no-repeat;
	}
	
	#haut1 {
	background:url(http://www.region2010.fr/images/images/fond1.gif) repeat-y left top ;
	z-index: 90;
	}

	#haut2 {
	position:absolute;
	left: 0px;
	top: 10px;
	z-index: 100;
	}

	
	#searchform{ position:absolute; right:12px; top:125px; }
.searchbox{ width:240px; height:17px; font-size: 12px;background:url(http://www.region2010.fr/images/images/chercher_fond.gif) left top no-repeat; border:none; float:left; padding:5px; }
.searchbut{ float:left; }
	
	#searchformcommune{ position:absolute; right:12px; top:125px; }
.searchboxcommune{ width:250px; height:17px; background:url(http://www.region2010.fr/images/images/chercher_fond2.gif) left top no-repeat; border:none; float:left; padding:5px; }
.searchbutcommune{ float:left; }

	div.dropBox div {

	}
	
	
	.pl_content_header {
 border: 1px solid black;
 background-color: #f0f0f0;
 color: white;
 font-weight: bold;
 font-size: 10px;
 margin-bottom: 5px;
 padding: 0px;
 vertical-align: top;
}


.pl_content_header_caption {
 background-color: #9C9CBD;
 color: white;
 padding: 5px;
}

.pl_content_header_caption2 {
 background-color: #FAFAFA;
 color: black;
 padding: 5px;
}

.pl_button {
 border: 1px solid black;
 background-color: #9C9CBD;
 color: white;
 font-size: 9px;
 font-weight: bold
}

.pl_deja_rempli {
 border: 1px solid black;
 background-color: #05a8ab;
 color: white;
 font-size: 9px;
 font-weight: bold
}

.pl_form_field_info {
 font-family: verdana,arial;
 font-size: 10px;
 padding: 3px;
 margin: 3px;
 background-color: #FFFFFF;
 border: 1px dotted #aaaaaa
}	

.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  }
.img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
  }

.membres {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #51677A;
	text-decoration: none;
}

.membresnoirs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #51677A;
	text-decoration: none;
}

a.liensMENU:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99A4B0;
	text-decoration: none;
	font-weight: bold;
}
a.liensMENU:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99A4B0;
	text-decoration: none;
	font-weight: bold;
}
a.liensMENU:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #516276;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
}
a.liensMENU:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #516276;
	text-decoration: none;
	font-weight: bold;
}

.pl_link {
 font-size: 8pt;
 margin-bottom: 5px;
}

.pl_link_details {
 color: #6d6969;
 font-size: 7pt;
 text-decoration: none;
}
.pl_link_details:hover {
 color: red;
 font-size: 7pt;
 text-decoration: underline;
}

.pl_link_details_big {
 border: 1px dotted #dedede;
 background-color: #fefefe;
 color: black;
 font-size: 12px;
 padding: 5px;
 vertical-align: top;
}

/* itineraire */
#block1{position:relative;width:600px;margin-left:auto;margin-right:auto;}


/* block2 */
#block2{float:left;margin-top:140px;width:650px;}


/*google */
#map{width:300px;;height:300px; text-align:center;border: solid #ccc 2px;padding:5px;}

/* block3 */
#block3{float:right; color:#666666;
background-position:top right; background-repeat:no-repeat;width:299px;padding:20px 0 20px 25px;}

/* tableau gris en haut */

.tdh {
border:solid;
border-left-width:1px;
border-right-width:0;
border-top-width:1px;
border-bottom-width:1px;
text-align:center;
font-weight:bold;
border-color: #9B150D;
background-color:#EDEDED;
}

.tdhf {
border:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
text-align:center;
font-weight:bold;
border-color: #9B150D;
background-color:#EDEDED;
}

.tdcb {
border:solid;
border-left-width:1px;
border-right-width:0;
border-top-width:0;
border-bottom-width:1px;
border-color:#9B150D;
}

.tdcbf {
border:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:0;
border-bottom-width:1px;
border-color:#9B150D;
}

/* tableau gris a gauche */
.tdhg { 
background:#EDEDED; 
border: solid 1px #9B150D;
font-weight:bold;
}

.tdhd { 
border-top: solid 1px #9B150D; 
border-right: solid 1px #9B150D;
border-bottom: solid 1px #9B150D;
}

.tdc {
background:#EDEDED;
font-weight:bold;
border-bottom: solid 1px #9B150D; 
border-left: solid 1px #9B150D; 
border-right: solid 1px #9B150D;
}

.tdcd {
border-right: solid 1px #9B150D;
border-bottom: solid 1px #9B150D;
}

.tdv {  
border-bottom:solid 1px #9B150D;
border-right: solid 1px #9B150D; 
}

.tdhv { 
border-top: solid 1px #9B150D; 
border-right: solid 1px #9B150D;
border-bottom: solid 1px #9B150D;
background-color:#EDEDED;
font-weight:bold;
}

.bloc{
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px #DBDAD9 solid;
	margin-bottom:15px;
	
}
.bloc .inner{
	clear:both;
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	height:auto;
}

.bloc .presentation{
	clear:both;
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
}

.bloc .inner a{
	color: #4687C1;
	text-decoration: none;
}
.bloc .inner a:hover{
	color: #FF9214;
}

.bloc .inner p img{
	float:left;
	border:0px solid #71716F;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:5px;
}

.bloc1{
	background-color: #F9F9F8;
	background-position: top center;
}

.largeur{
	width: 740px;
	float:center;
}


.largeur1{
	width:400px;
	float:left;
	margin-right:15px;
	margin-top:9px;
}
.largeur2{
	width:275px;
	float: left;
	margin-right:15px;
	margin-top:9px;	
}

.largeur3{
	width:335px;
	float: left;
	margin-right:15px;
	margin-top:9px;	
}

.largeur4{
	width:300px;
	float: left;
	margin-right:15px;
	margin-top:9px;	
}

.largeur5{
	width:310px;
	float: left;
	margin-right:15px;
	margin-top:9px;	
}

.largeur6{
	width:369px;
	margin-right:15px;
	margin-top:9px;	
}

.largeur7{
	width: 700px;
	float:center;
}

.largeur8{
	width: 550px;
	float:center;
}

.largeurcentral{
	width: 763px;
	float:center;

}
.largeur_affiche_vote{
	width: 760px;
	float:center;
  background-color: #FFFFFF;
}




.bloc2{
	background-color: #FFFFFF;
	background-position: top center;
}

.pub{
	width: auto;
	overflow: hidden;
	clear:left;
	text-align: center;
}

.autopub{
	width: 300px;
	overflow: hidden;
	clear:left;
	text-align: center;
}

p.justify {
	text-align:justify;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}