/**
 * Feuille de styles CSS - BABORD WEB
 */


body {
  font-family: Verdana;
  background-color : #F4E3B4;
  margin           : 0px;
  font-size        : 10pt;
  color : #004D92;
}

a{
color : #004D92;
}

h1{
font-family: Verdana;
font-size: 8pt;
color : #004D92;
height:20px;
}

.fondgauche{
  background-color : #FFFFFF;
}

.haut1{
font-size : 7pt;
color: #004D92;
background-color : #F5F5F5;
border:1px solid #C2C2C2;
}

.haut{
font-size : 7pt;
}

.source{
text-align: right;

}

.centre{
background-color : #F5F5F5;
border:1px solid #C2C2C2;
color : #004D92;
font-size : 10pt;
background-image: url(../images/fonddep.gif);
background-position: bottom right;
background-attachment: fixed;
background-repeat: no-repeat;
}

.centre_s{
background-color : #FFFFFF;
border-width:0px;
border-color:#FFFFFF;
border-style:solid;
color : #004D92;
font-size : 10pt;
background-position: right center;
background-attachment: fixed;
background-repeat: no-repeat;
}


.blanc{
border:1px solid #C2C2C2;
color : #004D92;
font-size : 16pt;
background-color : #F5F5F5;
}

.soustitre{
background-color : #FFFFFF;
border-width:0px;
border-color:#FFFFFF;
border-style:solid;
color : #004D92;
font-size : 10pt;
}

.fond_blanc{
background-color : #F5F5F5;
}

.fonddep{
	background-image: url(../images/fonddep.gif);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#titre_diag{
color:#004D92;
margin:20px;
}

.theme{
font-size : 8pt;
color : #FFFFFF;
}

.themesel{
color : #004D92;
}

a         {
 color: rgb(0,0,0);
}
a:visited {color: #000000;}
a:active  {color: #000000;}
a:hover   {color: #74808C;}

}


.rangsurb{
color : #33377C;
}

.entete {
       margin:5px 0px 5px 0px;
       padding:5px;
       border-style:solid;
       border-color:black;
       border-width:1px 0px;
       background-color:#AAAFFF;
       font-family:verdana, arial, helvetica, sans-serif;
       font-size:16pt;
       font-weight:900;
       color:#004D92;
       }

.contenu{
background-color: #84b1ee;
spacing: 10pt;
padding: 5px;
padding-color:#FFFFFF;
font-size: 11px;
border-width:2px 5px;
border-color:#FFFFFF;
border-style:solid;
text-align: center;
}

.fofa{
spacing: 10pt;
padding: 5px;
padding-color:black;
font-size: 10px;
border-width:0px 0px;
border-color:black;
border-style:solid;
text-align: center;
}

.retourSommaire{
text-align: left;
}

.titre{
text-align: left;
font-size: 12px;
font-style: oblique;
font-weight: bold;
}

.sommaire{
font-size: 13px;
}

#header1 {
    float:center;
    font-size: 9pt;
    line-height:normal;
    color:#004D92;
    }


UL{color:white;}


.nomdep{
color:#004D92;
font-size: 12pt;
font-weight: bold;
}


/*** Rang - ajout ghislain ****************************************************/

.rang {
	font-size: 10pt;
	position: absolute;
	border: 1px solid #FFFFFF;
	left: 50%; top: 50%;
	width: 400px; height: 300px;
	margin-left: -200px; margin-top: -150px;
}

.rang thead {
	font-weight: bold;
	background: #383A8B;
}

.rang td {
	border: 1px solid #FFFFFF;
	padding: 5px;
}

.rang_selected {
	font-style: italic;
	background: #EF4141
}

.motpasse{
 font-family: Verdana;
}

.menuthem{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 8px;
margin: 2px 0;
}

/********  MENU HAUT *******************/


ul {list-style-type: none;} /* on supprime les puces, inutiles */

#men_1{
float: right; /* on aligne les listes sur la gauche */
margin:0px;
}

div.menu_1 a {
margin: 0px 0px;
width: 50%; /* on définit la taille du bouton de menu */
display: block;
text-align: center;
text-decoration: none;
color: #004D92;
background: #fff;
font-size:9px;
}

div.menu_1 a:hover {
background: #D0E9EA;
}

div.menu_1 a:active {
background: #D0E9EA;
color: #004D92;
}

#men{
float: right; /* on aligne les listes sur la gauche */
margin:0px;
}

div.menu a {
margin: 0px 10px;
display: block;
text-align: center;
text-decoration: none;
color: #004D92;
background: #fff;
font-size:9px;
}

div.menu a:hover {
background: #D0E9EA;
}

div.menu a:active {
background: #D0E9EA;
color: #004D92;
}

/********  FIN - MENU HAUT *******************/


.img_logo{
display: none;
}

/******* MENU POUR LES CARTES ****************/

div#menu_carte {
margin:0;
padding:0;
left:0px;
}

ul#menuvert  {
margin:2;
padding:0;
display: block;
text-align: left;
text-decoration: none;
color: #004D92;
font-size:9px;
}

li#carto {
margin:2;
padding:0;
}

ul#menuvert  a:hover {
background: #C2E9FC;
margin:0;
padding:0;
}

ul#menuvert  a:active {
background: #C2E9FC;
color: #004D92;
}

#maint{
font-size:18px;
width:100%;
text-align:center;
}


.nom_arrond{
font-size:15px;
font-weight:bold;
}

.zone_change{
font-size:6pt;
text-transform: uppercase ;
padding:0;margin:0;
}


.print_haut_fff{
	display: none;
}


/**** MENU PRINCIPALE ****/

#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
font-size:8pt;
}

#navlist a:link, #navlist a:visited
{
background: #D0E9EA;
border: 1px solid #ccc;
border-bottom: 1px solid #D0E9EA;
color: #666;
float: left;
font-size:8pt;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
z-index:2;
font-size:8pt;
}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a, 
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1, 
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a, 
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#contents{
background-color:#FFFFFF;
z-index:1;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 


#navlist_b_1{
background-color:#FFFFFF;
border: 1px solid #C2C2C2;
border-bottom:none;
width:100%;
padding:0;
padding:3px 0 3px 0;
}

#navlist_b{
padding:0px;
margin:0;
text-align:left;
font-size:7pt;
background-color:#FFFFFF;
}

#navlist_b li{
background-color:#FFFFFF;
list-style: none;
margin: 0;
border-right: 1px solid #C2C2C2;
display:inline;
}

#navlist_b li a{
border:none;
text-decoration: none;
color : #004D92;
margin:0 5px 0 5px;
}

#navlist_b a:link#current_b, #navlist_b a:visited#current_b{
color : #000000;
background-color:#D0E9EA;
}

#navlist_b li a:hover{
color : #000000;
}

#active_b {
background-color:#D0E9EA;
color : #000000;
}

/******************************************************************** ONGLET CODERPA ***********/



#cg67_coderpa_txt a{
color : #004D92;
font-weight:bold;
}

#cg67_coderpa_txt h1{
font-size:11pt;
font-style:italic;
text-align:center;
}

#cg67_coderpa_txt h2{
font-size:8pt;
font-weight:normal;
}

#cg67_coderpa_txt h3{
font-size:10pt;
text-indent: 2em ;
/*text-decoration:underline;*/
}

#cg67_coderpa_menu li{
margin:7px 0 7px 0;
color : #004D92;
font-size:8pt;
}

/*tableau pdf*/

#coderpa_pdf{
position:relative;
padding:5px 0;
}

#coderpa_pdf p{
font-size:12pt;
background-color:white;
font-weight:bold;
text-align:center;
}

#coderpa_pdf_tabl thead{
background-color:#33377c;
color:white;
}

#coderpa_pdf_tabl{
text-align:center;
width:90%;
font-size:8pt;
border-collapse:collapse;
background-color:white;
}

#coderpa_pdf_tabl td{
border:1px solid #c2c2c2;
text-align:center;
padding:5px;
}

#coderpa_pdf_fermer{
text-align:center;
}

#coderpa_pdf_fermer a{
margin:30px 0 0 0;
border:1px solid #c2c2c2;
background-color:white;
text-decoration:none;
display:block;
width:100px;
font-size:8pt;
font-weight:normal;
}

#coderpa_pdf_fermer a:hover{
background-color:#33377c;
color:white;
}