/* Default CSS Stylesheet for a new Web Application project */

BODY
{
	padding: 0;
	padding-top: 20px;
	margin: 0 auto;
	width: 963px;

	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}

BR
{
	font-size: 5px;
}

p {
}

div {
}

a
{
	color: #1D3A6A;
}

div#ban, .bandeau
{
	height:154px;
	background-color:#FFFFFF;
	width:963px;
	background: url(images/bandreamap.jpg) no-repeat;
	margin-left:8px;
	/*width: 963px; *//*763px;*/
}

.logo
{
}

div#menu { 
	background: url(images/men.gif) no-repeat;
	background-color:#FFFFFF;
	padding-left: 0px;	/* ajuster selon nb de menus */
	padding-top:5px;
}
div#menu ul {
	margin:0px;
	height:31px;
}
div#menu li {
	margin: 0px;
	display: inline; 
	text-align: left; 
	padding-left:50px;	/* ajuster selon nb de menus */
}
div#menu a {
	padding-left:5px;
	background:  url(images/mens.gif) no-repeat;
	height:36px;
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight:normal; text-align:left; text-decoration:none;
}


div#bas, .basdepage
{
	background: url(images/bas.gif);
	height:25px;
	width: 963px;/*763px;*/
	/*width:603px;*/
	float:left;
	padding-left:20px;
}


.Target
{
}


.basdepage_logo
{
	/*background-color: White;
	width: 963px; *//*763px;*/
}

.logoclient
{
	/*pour centrer*/
	display: block; 
	margin: 0 auto;
}

.pattes2
{
}

div#basdroite, .copyright 
{
	/*commente pour avoir une seule image sur toute la ligne en bas pour eviter qu'elle soit coupee en deux qd la page est plus petite que le menu*/
	/*background: url(images/bas.gif);*/
	height:20px;
	width:320px;
	float:right;
	padding-right:20px;
	padding-top:0px;
	margin-top:-20px;
	
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #4a4a4a; 
	font-weight:normal; 
	text-align:right; 
	text-decoration:none;
}

.piedpage
{
	padding-right: 20px;
	float: left;
}

.vgdVersion
{
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #4a4a4a; 
	font-weight:normal; 
}

div#conteneur, .corps
{
	padding-bottom:30px;
	background-color:#FFFFFF;
}

.bloccorps, div#contenu {
	padding-top: 20px; /*50px;*/
	padding-bottom: 30px;
	margin-left: 10px;	/*decale un peu le corps dans IE7 mais pas firefox*/
}

div#menugauchenews { 
	background-image:url(images/lignes.gif);
	background-color:#FFFFFF;
	width: 200px;
	float:left;
	display: block;
}

.bloccorps-login
{
	width: 540px;
	margin-left: 135px;
}

.content-login
{	
	width: 700px; /*500px*/
	margin-right: 20px;
	margin-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
}

.content
{	
	width: 700px;
	margin-right: 20px;
	margin-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #4a4a4a; 
	font-weight:normal; 
}

.content_haut
{
	height: 26px;
	width: 700px;
	/*background-image: url(images/content_haut.gif);
	background-repeat: no-repeat;*/
}

.content_bas
{
	height: 17px;
	width: 700px;
	/*background-image: url(images/content_bas.gif);
	background-repeat: no-repeat;*/
}

.content_box, .content_box_login
{
/*	background-color: #fff;
	border-left-color: #EBEBEB;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #EBEBEB;
	border-right-style: solid;
	border-right-width: 1px;*/
	padding-left: 25px;
}

/* Ajouté car sinon le bouton connexion n'était cliquable que sur le bord droit dans vigeodream */
.content_box_login
{
	padding-left: 105px;
}

.titre, .content_title {
	font-family:  "trebuchet ms", Verdana, Arial, sans-serif; font-size: 14px; color: #000000; font-weight:bold; text-align:left;
	padding-left:20px;
	padding-right:50px;

	line-height: 30px;
}

.soustitre {
	font-family:  "trebuchet ms", Verdana, Arial, sans-serif; font-size: 13px; color: #dfb628; font-weight:bold; text-align:left;
	padding-left:30px;
	padding-right:50px;
}

.texte1,
.lbl-noalign, .lbl-align, .lbl-align-nolimit, .lbl-align-200, 
.txt-align, .txt-center, 
.lnk-align, .lnk-center,
.validate, .lnk-photo, .retour, .style23
{
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #3c3c3c; 
	font-weight:normal; 
	text-align:left;
	
	/*padding-left:50px;
	padding-right:80px;*/
}
.texte2 {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #7e7e7e; font-weight:normal; text-align:left;
	padding-left:50px;
	padding-right:80px;
}

/*
.lbl-noalign
{
	margin-bottom: 5px;	
	margin-left: 42px;
	margin-right: 10px;
	font-size: 11px;
	color: #1D3A6A;
}

.lbl-align
{
	margin-bottom: 5px;	
	width: 140px;
	font-size: 11px;
	color: #1D3A6A;
	vertical-align: bottom;
}


.lbl-align-nolimit
{
	margin-bottom: 5px;	
	font-size: 11px;
	color: #1D3A6A;
}

.lbl-align-200
{
	margin-bottom: 5px;	
	margin-left: 42px;
	width: 200px;
	font-size: 11px;
	color: #1D3A6A;
}


.txt-align
{
	margin-bottom: 5px;	
	margin-left: 10px;
	width: 180px;
	font-size: 11px;
	color: #000000;
}

.txt-center
{
	width: 450px;
	text-align: center;
	font-size: 11px;
	color: #000;
	margin-left: 0px;
}

.lnk-align
{
	color: #1D3A6A;
	text-decoration: overline;
	font-size: 11px;
}

.lnk-align:hover
{
	color: #1D3A6A;
}*/



.rbbutton
{
	width: auto;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

.radiobutton
{
	margin-left: 10px;	
	font-size: 11px;
	/*color: #1D3A6A;*/
	color: #000;
	vertical-align: text-top;
}

.checkbox
{
	width: auto;
	margin: 0;
	padding: 0;
	margin-left: 6px;
}

.combo
{
/*	font-size: 11px;
	width: 200px;
	background-color: #BEBEB8;
	margin-left: 10px;*/
}


.textbox
{
	background-color: #CCCCCC;
}

.file
{
	width: 250px;
	background-color: #fff;
	margin-left: 10px;
}

.MapControl
{
	position: relative; /* pour que la carte VE soit bien positionne */
	margin-top: 0px;
	margin-left: 0px;
	width: 675px; 
	height: 600px;
	text-align:left;	/* il est necessaire d'avoir la valeur de text-align par defaut (left) pour que les Features d'OpenLayers soient a la bonne position dans IE !!! */
}

/*.validate
{
	color: #333;
	text-decoration: overline;
	font-size: 11px;
}

.validate:hover
{
	color: #1D3A6A;
}

.lnk-photo
{
	color: #333;
	text-decoration: overline;
	margin-left: 15px;
	font-size: 11px;
}

.lnk-photo:hover
{
	color: #1D3A6A;
}

.retour
{
	color: #333;
	text-decoration: overline;
	margin-left: 42px;
	width: 150px;
	font-size: 11px;
}

.retour:hover
{
	color: #1D3A6A;
}

.lnk-center
{
	width: 700px;
	color: #333;
	text-decoration: overline;
	font-size: 11px;
	text-align: center;
}

.lnk-align
{
	color: #333;
	text-decoration: overline;
	font-size: 11px;
}

.lnk-center:hover
{
	color: #1D3A6A;
}

.style23 
{
	color: #02B2DA; 
	font-weight: 
	bold; font-size: 14px;
}
*/

.wait
{
	margin-left: 110px;
}


.space-50
{
	height: 50px;
}

.space-100
{
	height: 100px;
}

.space-150
{
	height: 150px;
}

.space-200
{
	height: 50px;
}


/* Style pour span specifique a traxlogix (generes par Dreamwaver), a masquer dans vigeodream */
.traxlogix
{
	visibility: hidden;
	height: 0px;
}

.style_login3
{
	width:100%;
	height:100%;
	padding-left:12px; 
	padding-top:4px; 
	padding-right:12px; 
	line-height:13px; 
	padding-bottom:10px;
}


/* Style pour firefox pour Vgd, sinon il faut specifier width dans chaque div (notamment pour le copyright) */
.page
{
	width: 963px; /*763px;*/
}

.logoAppliMapSidebar
{
	background-image: url(Images/logo_appli.jpg);
    background-repeat: no-repeat;
    margin-left: auto; 
    margin-right: auto;
    width: 166px;
    height: 112px;
}


/* virer le DataGrid (compte.aspx) et les styles Dtg dans Styles.css */
.dtg
{
	/*margin-left: 20px;*/
	margin-right: 20px;
	font-size: 11px;
	font-family: Verdana, arial, helvetica, serif;
	background-color: #e5e5dd;
	color: #000;
	width: 420px;
}

.dtg-header
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding-right: 15px;
	text-align: center;
	background-color: #00529E;
}

.dtg-item-center
{
	font-size: 11px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.dtg-item-left
{
	font-size: 11px;
	text-align: left;
	padding-left: 4px;
	padding-right: 20px;
}

.dtg-alternating
{
	text-align: center;
	background-color: #cecece;
}

.dtg-a:link
{
	color: #1D3A6A;
	text-decoration: none;
}

.dtg-a:visited	
{
	color: #1D3A6A;
	text-decoration: none;
}	
		
.dtg-a:active	
{
	color: #1D3A6A;
	text-decoration: none;
	}	
		
.dtg-a:hover	
{
	color: #1D3A6A;
	text-decoration: underline;
}