/*
-- Name : main.css
-- Using to : Homepage &  lvl 1

-- Author : Florian NOURI
-- Date : 04/08/13
-- Website : InterCarto v 3.0
*/


/* -- General -- */

body
{
	background-image : url(../images/bg.gif);
	background-repeat : repeat-x;
	text-align : center;
	font: 9pt "Trebuchet MS", Arial, Sans-serif;
}


a
{
	text-decoration : underline;
	color : #457EA2;
	
	
}

a:visited
{
	color: ##3961fa;
}

acronym
{
	text-decoration : none;
	border:none;
}

label
{
  cursor:pointer;
}

a:hover
{
	text-decoration : underline;
}

a img
{
  border : 0px;
}


h1
{
	font:26pt Georgia, "Times New Roman", Times, serif;
	color: #002067;
	text-align:left;
	margin-top : 0px;
	margin-bottom: 10px;
	padding-left : 12px;
}

h2
{
	font:28pt Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	color: #4F7893;
	text-align:left;
	margin-top : 0px;
	margin-bottom: 20px;
	padding-left : 12px;
}

h3
{
	font:32pt Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	color: #B6D6E7;
	text-align:left;
	margin-top : 0px;
	padding-left : 95px;
}

h4
{
	font:24pt Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	color: #b4d5e6;
	text-align:left;
	margin-top : 0px;
	padding-left : 45px;
	margin-bottom:5px;
}

h5
{
	font:bold 10pt arial,sans-serif;
	color: #000;
	text-align:left;
	border-bottom:1px solid #ccc;
	margin: 10px;
}


hr
{
	width :  50%;
	color : #f0f0f0;
	height : 1px;
}


p, li
{
	font : 8pt "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	margin-top:2px;
}


ul
{
	margin-top : 0px;
	margin-left : 30px;
	padding : 0px;
	
}

.right
{
	text-align:right;
}

.left
{
	text-align:left;
}

.center
{
	text-align:center;
}

/* -- Header, Frame content, Footer specs -- */

/* -- Main frame --*/
#mainFrame
{
	width : 775px !important;
	height : auto;
	
	margin-left : auto;
	margin-right: auto;
	
	
	border : 1px solid #002067;
	background-color:#fff;
	
	position: relative;
	float: none;
	overflow : hidden;

}
 	/* overflow : auto;*/

#mainFramePop
{
	width : 800px;
	height : auto;
	margin-left : auto;
	margin-right: auto;
	border : 1px solid #002067;
	background-color:#fff;
	position: relative;
	float: none;
	overflow : hidden;

}	
/* ---------------------------------------------- Menu top --------------------------------- */
#mainMenu
{
	width : 100%;
    height: 29px;
	background-image : url(../images/bg-menu.gif);
	background-repeat : repeat-x;
	padding-top : 7px;
}

.menuElt
{
	margin-left : 15px;
}

#mainMenu a
{
	font : 10pt Arial, Helvetica, sans-serif;
	color : #22368C;
	text-decoration:none;
	
}

#mainMenu a:hover
{
	text-decoration:underline;
	
}

#mainMenu h1
{
	font:15pt Georgia, "Times New Roman", Times, bold, serif;
	color: #002067;
	text-align:center;
	margin-top : 0px;
	margin-bottom: 10px;
	padding-left : 12px;
}


.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:500px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:124px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:124px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    background-color: #9cf;
    border:1px #666 solid;
    color:#000;
    display:block;
    width:120px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
    
.menu a:hover{
    background-color: #eee;
    border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }
/* -------------------------------------------- SubMenu top ----------------------------------------------- */


ul#test1 li {
float: right;

}

ul#test1
{
list-style-type:none;
display:inline; !important
}

.subMenu
{
	width : 100%;
	background-color : #F2FAFF;
    margin:0px, 0px, 0px, 0px;
	text-align:left;
	height: 30px;
}

.submenuElt1
{
	font : 8pt Arial, Helvetica, sans-serif;
	color : #22368C;
	margin-left: 30px;
	vertical-align:super;
}

.submenuElt3 
{
	margin-right: 10px;
}

.submenuElt4 
{	
	margin-left: 30px;
}

.submenuElt5 
{
	margin-left: 3px;
	color:#22368C;
	vertical-align:sub;
	*vertical-align:middle;
}

.submenuElt6 
{
	/*margin-left: 30px;*/
}

.submenuElt7 
{
	margin-left: 3px;
	color: #22368C;
	vertical-align: sub;
	*vertical-align: middle;
}

.submenuElt8 {

	font : 8pt Arial, Helvetica, sans-serif;
	color:#22368C;
	vertical-align:middle;
}

.submenuElt9 
{	
	font : 8pt Arial, Helvetica, sans-serif;
	color:#22368C;
	vertical-align:middle;
}


#subMenu a
{
	font : 8pt Arial, Helvetica, sans-serif;
	color : #22368C;
	text-decoration:none;
}

.formnew
{
	
}

.txtnew
{
	font : 8pt Arial, Helvetica, sans-serif;
	color : #22368C;
	vertical-align: middle;

}

.imgnew
{
	margin-right: 10px;
}

.mailnew
{
	background-color : #fff;
	border : 1px solid #cecece;
	margin : 2px;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	color : #22368C;
	vertical-align: middle;
	vertical-align: top; !important
}

#subMenu a:hover
{
	text-decoration:underline;
}

/* -- Left Frame -- */

#presRubrique
{
	float : left;
	width : 400px;
	position:relative;
	min-height:200px;
}

#presRubrique p
{
	float : left;
	width : 400px;
	position:relative;
	/*min-height:200px;*/
	font: 9pt "Trebuchet MS", Arial, Sans-serif;
}
/* -- Div Rubrique -- */

.rubrique
{
	width: 376px;
	height: auto;
	text-align: left;
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align : justify;
	font : 8pt "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	margin-top:2px;
}

	
.rubrique h1
{
	font : bold 15pt Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin-bottom: 10px;
}

.rubrique h2
{
	font : bold 15pt Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin-bottom: 10px;
}

.rubrique ul li
{
	list-style-image:url(../images/puce.gif);
	padding-left : 0pt;
	text-align : left;
}

.rubrique p
{
	width:376px;
	text-align: left;
	position: relative;
	font : 8pt "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
}

/* -- Fond de carte -- */
.Fond_de_carte img
{
	float: left;
  /*vertical-align:middle*/
 
}

.Fond_de_carte p
{
	font:16pt Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	color: #4F7893;
	text-align:left;
	margin-top : 0px;
	margin-bottom: 0px;
	padding-left : 12px;
	
}
.Fond_de_carte h2
{
	font:14pt Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	color: #4F7893;
	text-align:left;
	margin-top : 0px;
	margin-bottom: 0px;
	padding-left : 12px;
	
}

#cartotheque
{
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	clear:both;
}

td.texte
{
	font-size:11pt;
	text-align:justify;
}

td img
{
	vertical-align:middle;
}


/* -- Rubrique pictures -- */

.rubrique img
{
	float : left;
	margin-right : 10px;
}
  
/* -- sous conteneur -- */


.imageTop
{
	width: 212px;
	height: 22px;
	position:absolute;
	top:370px;
	right:7px;
}

.imageBas
{
	width: 212px;
	height: 22px;
	position:absolute;
	top:725px;
	right:9px;
}

.sousConteneur
{
	float: right;
	position: relative;
	width: 200px;
	height: 500px;
	text-align: left;

	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	overflow: auto;
}
/*
.sousConteneur
{
 	vertical-align: top;
	width: 206px;
	height: 350px;
	text-align: left;
	margin-left : 5px;
	margin-right: 5px;
	overflow: auto;
	border-left : 1px solid #4F7893;
	border-right : 1px solid #4F7893;
	background-color: #F2FAFF;
	position:absolute;
	top:392px;
	right:5px;
	overflow : auto; 
}*/

.sousConteneur h1
{
	/*font : 14pt Georgia, "Times New Roman", Times, serif;*/
	font : 12pt Verdana, Arial, Helvetica, sans-serif;
	color : #6B8FA7;
}

.sousConteneur a
{
	/*font : 14pt Georgia, "Times New Roman", Times, serif;*/
	font : 10pt Verdana, Arial, Helvetica, sans-serif;
	color : #6B8FA7;
	
}
.sousConteneur ul
{
margin-top : 0px;
	margin-left : 30px;
	padding : 0px;}

.sousConteneurDesc
{
	/*font : 7pt Georgia, "Times New Roman", Times, serif;*/
	font : 8pt Verdana, Arial, Helvetica, sans-serif;	
	color : #4F7893;	
	float : left;
	text-align : justify;
	overflow: hidden;
}
.sousConteneurDesc a:hover
{
	text-decoration : none;
	color : #6B8FA7;
}

/*.soussousConteneur
{
	font : 16pt Georgia, "Times New Roman", Times, serif;
	color : #002067;
}*/


/* -- Right Frame -- */

.spotRubrique ul li
{
	list-style-image:url(../images/puce.gif);
	padding-left : 0pt;
	text-align : left;
}

.spotRubrique
{
	float: right;
	position: relative;
	width: 270px;
	height: auto;
	text-align: left;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	overflow: hidden;
	border-left : 1px solid #CECECE;
	border-top: 1px solid #CECECE;
}

.spotRubrique h1
{
	font : 16pt Georgia, "Times New Roman", Times, serif;
	color : #002067;
	border-bottom : 2px solid #002067;
}

.spotRubrique img
{
	float : right;
	margin-left : 10px;
	margin-bottom : 10px;
}

.spotDesc
{
	float : left;
	text-align : justify;
}

/* -- Moteur de recherche -- */

#moteurcarte
{
	background-image : url(../images/bgmoteurcarte.gif);
	background-repeat : no-repeat;
	height : 106px;
	text-align : left;
	overflow : hidden;
  	padding-left : 35px;
	padding-top : 15px;
}

#moteurcarte h1
{
	font : bold 11pt Verdana, Arial, Helvetica, sans-serif;
	border : none;
	color : #000;
}

input.txt
{
	background-color : #fff;
	border : 1px solid #cecece;
	margin : 2px;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	color : #22368C;
	vertical-align: top;
}


#moteurcarte img
{
 float : left;
}


#footer
{
	background-color : #B6D6E7;
	margin-left : auto;
	margin-right : auto;
	width : 775px;
	height : 18px;
	border-right : 1px solid #002067;
	border-left : 1px solid #002067;
	border-bottom : 1px solid #002067;
}

#footer li
{
	display : inline;
	padding : 0 2.5em;
	text-align: center;

}

#footer ul 
{
	list-style-type : none;
	margin: 0px;
}

#footer_part
{
	background-color : #FFFFFF;
	margin-left : auto;
	margin-right : auto;
	color: #4F7893;
	width : 775px;
	height : 18px;
	border : 0px solid #002067;

}
#footer_part li
{
	display : inline;
	padding : 0 0em;
	text-align: center;
	color: #4F7893;

}

/*#footer_part a
{
	color: #003D72;

}
*/
#footer_part ul 
{
	list-style-type : none;
	margin: 0px;
	color: #003D72;
	
}

#footer_lieninternes
{
	background-color : #FFFFFF;
	margin-left : auto;
	margin-right : auto;
	border : 0px;
	width : 775px;
	
		
}
#footer_lieninternes strong
{
	background-color : #FFFFFF;
	margin-left : auto;
	margin-right : auto;
	border : 0px;
	width : 775px;
	text-decoration:underline;
		
}

#footer_lieninternes td
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #003D72;
	padding : 0pt;
	text-align: right;
	margin : 0px;
	text-align:center;
}
#footer_lieninternes table
{
	border: px solid #003D72;
	/*margin : 20pt;*/
	margin-left:auto;
	margin-right:auto;
}
	
/* -- Tables -- */
td
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding : 2pt;
	text-align: left;
	border: 1px solid #fff;
	margin : 0px;
	text-align:center;
}

th
{
	background-image:url(../images/bg-header-tab.gif);
	background-repeat : repeat-x;
	height : 27px;
	font : bold 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px;
	vertical-align : top;
}

table
{
	border: 1px solid #003D72;
	margin : 12pt;
	margin-left:auto;
	margin-right:auto;
}

.table_visuel_evasions
{
	border: 0;
	margin-left:0px;
	margin-right:0px;
}

.tbody_visuel_evasions
{
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid black;
}

td.impair
{
	background-color : #CFDFE7;
}

td.pair
{
	background-color : #E7EFF3;
}

td.top
{
	border-top : none;
}

td.total
{
	background-color:#f0f0f0;
	font-weight:bold;
	font-size:12px;
}


/* -- Sub Menu --*/



#navBar
{
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	margin : 10pt;
	text-align : left;
}

.navMenu
{
	/*border-bottom : 2px solid #C5E7FE;*/
}

#navBar a:hover
{
	text-decoration : underline;
}

/* -- TOP <p/> -- */

.fRight
{
	margin-top : 0px;	
}

.fRight img
{
	float: right;
}

/* pop-up alignement à gauche */

.alignement_droite
{
	float:right;
}

.titre_plan a
{
	 color:##4f7893;

}

/*------------------------------- menu déroulant page accueil ----------------------------------*/
.menu_deroulant {
	float: right;
	text-align:center;
	/*margin-top: -35px;*/
	padding-bottom: 10px;
	padding-left: 14px;
	_padding-left: 20px;
	_margin-right: -10px;
	border-left: 1px solid #CCCCCC;
	

}

.en_tete_deroulant {
	margin-bottom: 5px;
	*margin-bottom: -15px;
	margin-right: 15px;
	width: 271px;
}

.trouvez_deroulant {
	color: #173086;
	font-size: 26px;
	text-decoration:underline;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.ex_deroulant {
	color: #457ea2;
}

.menu_deroulant select
{
	width: 230px;
	font-size: 12px;
	color: #22368C;
	margin-right: 15px;
	margin-bottom: 3px; 
	*margin-bottom: -20px;
}

.rub-13 {
	font-size:14px;
	text-align:left;

}

..rub-123 {
	font-size:14px;
	text-align:left;
}

.img_reg { 
	margin: 25px 0pt 0pt 40px;
}

/***************************** Page commune ***************************************/
.communes {
	text-align:left;
	margin-left:20px;

}

.communes form {
	margin-top:25px;
}

.communes select {
	margin-bottom:25px;
}

.communes option {
	width:265px;
}

.communes p {
	font-size:14px;
	margin:0px;
}