/* reset power */
html,body,div,a,img,form,p,span{
	padding:0;
	margin:0;
	border:0;	
	letter-spacing:normal;
	text-indent:0px;
	word-spacing:normal;
	white-space:normal;
}


/* tailles et position gabarit */
html,body,#page{ background:#fff;width:1004px}
/*body{ border-right:solid 1px #dedede}*/
#masterhead{ position:relative; display:block; background:#C61810; height:187px}
#masterhead a{ color:#fff}
	#logo { display:block; background:url(../images/tpl/bg_logo.png) no-repeat; height:35px; width:756px}	
	#navigTop{ height:21px; padding:5px 0 0 18px; font-weight:bold; color:#fff}
	/*#bando{ display:block; background:url(../images/tpl/bg_bando.jpg) no-repeat 0px -5px; height:136px; height:126px} */
	#flags { position:absolute; left:882px; top:5px}
	#flags img{ width:39px; height:20px}
	#recherche{	position:absolute; width:220px;	height:20px; left:780px; top:35px; line-height:20px}

#page,#btAdmin{float:left}
	#gauche{ float:left; width:216px}	
	#droite{ float:right; width:225px}	
		#droite #visuel{margin-top:10px; text-align:right}
		#droite #visuel a{ margin-right:5px; font-size:11px}
	#centre{ margin:0 225px 0 0}
		#contentPage{ line-height:1.6; padding-right:10px}
			#contentPage table{ float:none}
		#liensRubriques,#liensSousRubriques{ padding:5px 10px 0 0}
		.subcol{float:left;width:50%}
		.marge{padding-right:8px}	
#foot{width:1004px; text-align:right;margin-top:20px}	
#foot a{ font-variant:small-caps; font-weight:normal; letter-spacing:4px; text-decoration:none; color:#C61810;padding:1px; font-size:10px}
.spacer{ clear:both; height:0; overflow:hidden}
.colonne{padding:10px}
.separateurV{ background:url(../images/dot.gif) repeat-y right top; padding-right:5px}
.separateurH2{ background:url(../images/dot.gif) top repeat-x; padding-top:15px}
.separateurH{ background:url(../images/dot.gif) bottom repeat-x; padding-top:15px}



/*styles specifiques */
#gauche .colonne{background:url(/portail_pad/fr/images/tpl/provence-pad.png) top left no-repeat; padding-left:16px}
#home #droite{ width:369px}
#home #centre { margin-right:369px}
#intranet #centre {margin:0 100px;}
#centre h1.titre{ padding-right:10px}
#centre .colonne{ padding-right:0px}

/* Navigation */
#nav-one{width:1004px;background:#C61810}
.menu, .menu ul { 
	list-style:none;
	margin:0;
	padding:0;
	height:20px;
}
.menu {
  font-family:Arial, Helvetica, sans-serif;
  z-index:100;
  position:relative
}
.menu a {color:#fff}
.menu li {
  border-right:1px solid #fff;
  float:left;
  margin:0;
  padding:0;
  position:relative;
}
.menu li a, .menu li a:link, .menu li a:active, .menu li a:visited {
  line-height:20px;
  /*font:bold 1.22em/25px Arial, Helvetica, sans-serif;*/
  background:#C61810;
  display:block;
  padding:0 8px;
  /*text-transform:lowercase;*/
  text-decoration:none;
}

a.choisi{
background:#EB891A;
}

.menu li a:hover {
  background:#EB891A;
}
#nav-one li:hover a, #nav-one li.sfHover a {
  background:#EB891A;
}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {
  background:#C61810;
}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
  background:#EB891A;
}

.menu ul {
  background:#C61810;
  border-bottom:1px solid #fff;
  list-style:none;
  margin:0;
  width:100px;
  position:absolute;
  top:-999em;
  left:-1px;
}
.menu li:hover ul, .menu li.sfHover ul {
  top:20px;
}
.menu ul li { border:0; float:none}
.menu ul a {
  border:1px solid #fff;
  border-bottom:0;
  padding-right:20px;
  width:230px;
  white-space:nowrap;
}
.menu ul a:hover {
  background:#EB891A;
}




a.lire{ font-style:italic}

/* styles communs */
html,body,div,a,input,select,option,textarea,button{font:12px Verdana, Arial, Helvetica, sans-serif;}
a{ font-weight:bold;color:#002246;}
p{margin:5px 0; }
.alert{padding:2px; border-bottom:dotted 1px; border-top:dotted 1px; margin:4px 0 }
.error{padding:2px; border-bottom:dotted 1px #f00; color:#f00; }
.red{color:#f00;border-color:#f00}
.green{color:#0c0;border-color:#0c0}
.b,.bold,b,strong{font-weight:bold}

/* styles perso */
h1.titre,h2.titre{ font-weight:normal; margin:4px 0}
h1.titre{ font-size:20px}
h2.titre{ font-size:18px}
.titre{ color:#EB891A}


/* news */
#scrollerNews{ width:100%; height:90px}
#scrollerNews a{ font-weight:normal}
#scrollerNews p{ margin-bottom:10px}


/* formulaire */
fieldset{border:2px groove #ccc; padding:3px;}
legend{ padding:1px 2px;font-weight:bold;}
form ul, #centre form ul{list-style-type:none; padding:0; margin:0}
form ul li{ padding:0 10px; background:#fafafa}
form ul li:hover, form ul li.sfHover{ background:#fafaee}
form li label{float:left; display:block; width:150px; text-align:right}
form li input, form li textarea, form li select{ border:solid 1px #ccc; margin:3px 2px }
form li input, form li textarea, form li select options{ padding:1px 2px;}
form li label{ line-height:24px }
form #submit{ text-align:center}
form ul li#submit:hover, form ul li#submit.sfHover{ background:#eefaee}
form #submit button{
	border:solid 1px #ccc;
	padding:2px;
	height:24px;
	background:#FEB400;
	color:#002246;
	border:solid 1px #002246;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	font-variant:small-caps;
}
form #submit button:hover{background:#002246;color:#FEB400;border:solid 1px #FEB400}
#recherche input#search{ border:solid 1px #dedede; width:180px; height:16px; padding:1px 2px; float:left}
#recherche input#submit{ display:block; border:0; background:url(../images/tpl/bt_recherche.png) no-repeat 0px 0px; width:23px; height:19px; cursor:pointer; margin-left:4px }
#frecherche input#submit {display:block; border:0; background:url(../images/bt/bt_ok.png) no-repeat -70px 0px; height:28px; width:39px}
form input#nom{ width:300px;}


a.bt_retour{background:url(../images/tpl/bt_retour.png) no-repeat 0px 0px; height:18px; width:80px;display:block; float:left; text-decoration:none}
a.bt_top_page{background:url(../images/tpl/bt_top.png) no-repeat 0px 0px; height:22px; width:125px;display:block; text-decoration:none}
/* boutons du bas*/
#bottom{ display:block; height:34px; background:#fff; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc}
#btAdmin{ padding:2px 10px}
#btAdmin a{ display:block; float:left; text-decoration:none}
a.bt_droit{ background:url(../images/bt/bt_droit.gif) no-repeat 0px 0px; height:22px; width:18px;display:block; float:left; text-decoration:none}
a.bt_gauche{ background:url(../images/bt/bt_gauche.gif) no-repeat 0px 0px; height:22px; width:18px; display:block; float:left; text-decoration:none}
a.bt_top{ background:url(../images/bt/bt_top.gif) no-repeat 0px 0px; height:22px; width:18px; display:block; float:left; text-decoration:none}
a.bt_ajout_droite{ background:url(../images/bt/bt_ajout_droite.gif) no-repeat -70px 0px; height:28px; width:68px}
a.bt_ajout_gauche{ background:url(../images/bt/bt_ajout_gauche.gif) no-repeat -70px 0px; height:28px; width:68px}
a.bt_valider{ background:url(../images/bt/bt_valider.gif) no-repeat -138px 0px; height:28px; width:138px}
a.bt_ajout_bas{ background:url(../images/bt/bt_ajout_bas.gif) no-repeat -70px 0px; height:28px; width:56px}
a.bt_modif{ background:url(../images/bt/bt_modif.gif) no-repeat -70px 0px; height:28px; width:59px}
a.bt_suppr{ background:url(../images/bt/bt_suppr.gif) no-repeat -70px 0px; height:28px; width:59px}
a.bt_ajout_droite:hover,a.bt_ajout_gauche:hover,a.bt_ajout_bas:hover,a.bt_modif:hover,a.bt_suppr:hover,a.bt_valider:hover{ background-position:0px;}