﻿body {font-family: Verdana, Arial, Helvetica, sans-serif;color:#575757;font-size: 11px;margin: 0;padding: 0; background:#fff url(../../../images/fd_site.png) repeat-x;}

a, a:active:visited { text-decoration:none; color:#7394c7; }
a:hover { color: #605f5f}


h1 { padding: 0 0 0 0; color:#3d5ca5;font-weight:bold; border-bottom: 1px solid #3d5ca5;  margin:0 10px 10px 0; line-height:20px}
h2 { padding: 15px 0 0px 0; color:#3d5ca5;font-weight:normal;  margin:0; line-height:14px}

h3 { color:#7394c7; font-weight:bold; font-size:16px; line-height: 14px;margin:0 0 15px 0; padding:0}

h4 { margin:0; padding:15px 0 10px 17px; font-size:18px; line-height:16px; font-weight:bold; color:#e2a500}
h5 { padding:4px 0 4px 0px;color:#e2a500; text-align:left;font-size:14px; font-weight:bold; margin:0 0 0 23px; line-height:14px }
h6 { font-size:16px;	font-weight:bold;	border-bottom: 1px solid #686868; color:#686868;  padding: 0 0 2px 4px }
	
p  { line-height:16px;margin: 0;padding:0;}

.left { margin:6px 10px 5px 0}
.right{ margin:6px 0 5px 10px}

hr { color: #f1ece5;  background:#f1ece5;}
hr.space {  background:none; padding:0; margin:0 ; height:1px; border:0px }



/* ------------------ contenu regional ---------------------- */

.flag_bann { background:none ; float:right; width:0px; height:0px; display:none}

#header a img { float:left;margin:0; padding:0;  }

.info_alarm         { float: left; width:550px; background:#fff088; display: block;  color:#686868;padding: 15px 15px 15px 60px; margin: 100px auto 100px auto; clear: both }
.info_alarm div.img { float:left;  margin: 0 20px 0 0; width:50px; border:none}
.info_alarm div     { float:right; border-left: 2px solid #90928d; width:450px}
.info_alarm div p   { padding: 0 20px 10px 20px }


/* ---------*/

.container { background:#fff; position:relative; z-index:15}
.sans { border:none; background:none}


/* ------------------- header ------------------------- */


#header { position:relative; z-index:750;padding:0 ;  margin: 0 auto;width:950px; height:120px; background: url(../../../images/header_en.png) no-repeat ; }
#header div.header_blocs {white-space:nowrap; float:right; padding: 0 30px 0 0 ;width: 460px; height: 25px; font-size:11px; text-align:left }

#header div#login {margin: 0; padding: 0; height: inherit;}
#header div.header_blocs div.userinf {height:18px;  margin: 4px 0 0 0 ; }
#header div.header_blocs div.logout {float:right;display:block;color:#575757;  height:18px;  margin: 4px 0 0 0 ; text-align:right }
#header div.header_blocs div.logout a{ color: #e4a954 ; text-decoration:underline  }
#header div.header_blocs div.logout a:hover{ color:#000; text-decoration:underline  }

#header div.header_blocs div.search { white-space:nowrap;float:left;  display:block;color:#fff; margin: 0 0px 0 45px }

input.champs { height:14px; width:120px }
#header div.header_blocs a.equal { padding:42px 0 0 0; padding:0px;}
#header h1 { display:none;}


/* ------------------- panel_flag ------------------------- */

#panel_flag                { margin:0 auto; position:relative;top:2px; z-index:550;padding:0 ; width:950px;    }
#panel_flag div.sliding    { padding:2px 0 5px 0;margin: 4px auto 0 auto ;width: 670px;  }

#panel_flag div.sliding span    { float:left; }
#panel_flag div.sliding a       { float:left;  margin:0 0 0 6px  ;padding:0; border: 2px solid #fff;  height:16px;}
#panel_flag div.sliding a:hover { position:relative;top:0px;right:0; z-index:552; margin:0 0 0 6px ;padding:0;   border:2px solid #ffde0b}

div.bt      {text-align:center; float:left; display:block;padding:0 57px 0 0;margin: 2px 0 0px 0;  width:905px; height:25px;  background: url(../../../images/fd_scroll.png) no-repeat;}
#sections   {text-align:center; float:right; padding:0 ;margin: 0;  width:215px; display:block; height:18px;  background: url(../../../images/bt_rge.gif) no-repeat bottom left;}
#sections a  { color:#f9bfbf; text-decoration:none; font-weight:bold; font-size:11px; letter-spacing:-0.07em;  text-align:center; padding: 0 0 0 7px;display:block;width:208px;   }
#sections a:hover { color:#fff; text-decoration:none}


.language                  { float:right; margin: 5px 10px 0 0; vertical-align:middle;}
.language a                { color:#FFF; text-decoration:underline;}
.language a:hover          { color:#ffde0b; }
.language img			   { border:none; text-decoration:none;}
/* ---- chemin de navigation ------ */

.chemin                                  {clear:both;width:650px; color:#686868; text-decoration:none; font-weight:normal;padding:0px; margin: 0 0 10px 30px}
.chemin  a, #chemin div a:active:visited { color:#3d5ca5; text-decoration:none; font-weight:bold}
.chemin  a:hover  
/* ------- gabarits ----- */

#content { padding:0px;  margin:0px auto; width:950px}

/* ------- 1 ----- */

#content_1                { padding:0px;  margin:0px auto; width:950px}
#content_1 div#gche       { width:320px;float:left;  padding: 0px 15px 15px 15px; margin: 0 0 30px 0; background:#f6f6f6}
#content_1 div#gche_large { width:650px;float:left;  padding: 0px 0 40px 14px; margin: 0 0 30px 0}
#content_1 div#gche_large p{ padding:0px;  margin:10px 20px 10px 0; }
#content_1 div#centre     { width:280px;float:left;  padding: 0px 0px 30px 30px; margin: 0 0 30px 15px; background:url(../../../images/bg_corner.png) no-repeat bottom left}
#content_1 div#drte       { width:215px;float:right; padding: 0 20px 25px 30px; margin:0 0 30px 0; background:url(../../../images/bg_corner.png) no-repeat bottom left }

/* ------- 2 ----- */

#content_2            { padding:0px;  margin:0px auto; width:950px}
#content_2 div#gche   { width:190px;float:left;  padding: 0; margin: 0 0 30px 0; border-bottom:1px solid #ddd;}
#content_2 div#centre { width:450px;float:left;  padding: 0px 0px 30px 30px; margin: 0 0 30px 0; background:url(../../../images/bg_corner.png) no-repeat bottom left}
#content_2 div#drte   { width:215px;float:right; padding: 0 25px 25px 25px; margin:0 0 30px 0; background:url(../../../images/bg_corner.png) no-repeat bottom left }

/* -------- */
#drte  p         { line-height:16px;clear:both; margin:0; }
#drte  p a       { color:#639b38; text-decoration:none; }
#drte  p a:hover { color:#639b38; text-decoration:underline }


/* ---- accordeon ---- */

		#gche ul       { list-style-type:none; padding:10px 0 10px 10px; margin-bottom:0 ;color:#3d5ca5; margin-left: 0px;}
		#gche li       { border:0;background:none; list-style-type: none; padding:0 !important;margin:0 !important; }
		#gche li a	   { font-size:12px;}
		#gche ul ul    { list-style-type:none; padding:0 ;margin-bottom:5px }
		#gche ul li    { list-style-type:none; padding:0 !important;margin:0 0 3px 0 !important;color:#3d5ca5;  }
		#gche ul ul li { border:0; background: url(../../../images/flche_souschminav.png) 0px 5px no-repeat;list-style-type:none; padding:0 0 0 7px !important;margin:0 0 3px 15px !important; line-height:14px !important; }
		
		/* Header links styling */
		a.head           { margin:0; padding:0 0 0 10px;color:#3d5ca5; text-decoration:none;background:url(../../../images/flche_chminav.gif) no-repeat 0 5px; font-weight:bold;}
		a.head:hover     { margin:0; padding:0 0 0 10px; color:#e4a954; background:url(../../../images/flche_chminav_o.gif) no-repeat 2px 5px;}
		a.selected       { margin:0; padding:0 0 0 10px;color:#e4a954; text-decoration:none;  background:url(../../../images/flche_chminav_o.gif) no-repeat 2px 5px;}
		a.selected:hover { margin:0; padding:0 0 0 10px;color:#e4a954;  background:url(../../../images/flche_chminav_o.gif) no-repeat 2px 5px;}
		
		#gche ul ul li a       { margin:0; padding:1px;color:#3d5ca5; text-decoration:none; background:none }
		#gche ul ul li a:hover { margin:0;  padding:1px; color:#fff; background:#3d5ca5; }
		
/* ------- */

.cont { float:left; margin: 0 ; padding:0;list-style-type:none;font-weight:bold;}
.cont li{ float:left; border-bottom:1px solid #3d5ca5; margin: 0 0 10px 0 ; padding:0 ;list-style-type:none; width:640px; }
.cont li a{ color:#575757; text-decoration:underline}
.cont li a:hover{ color:#000; text-decoration:underline}
/*.cont li a.suite{float:right; text-align:center;background:#3d5ca5;  color:#FFF;  padding: 2px 10px 0px 10px; font-size:11px; margin:0px; text-decoration:none;}
.cont li a.suite:hover{background:#7394c7;   }*/
.cont li a.suite{float:right; text-align:center;background: url(../../../images/bt_suite.jpg) no-repeat; margin:0 0 0 5px; text-decoration:none; width:61px; height:50px;}
.cont li a.suite:hover{background-position:left bottom;}


#gche form, #gche_large form, #drte_large form  { margin: 0 ; padding:0; width:630px}
#gche form fieldset, #gche_large form fieldset, #drte_large form fieldset { border:none; background:#f3f3f3;margin:0  ; padding:0 0 10px 0; color:#3d5ca5}
#gche form label, #gche_large form label, #drte_large form label { background:#fff; display:block; border-bottom: 1px solid #3d5ca5;margin:0 0 20px 0; padding:10px 0 5px 5px}
#gche form p, #gche_large form p, #drte_large form p { margin:0px 0 0px 90px; padding:0 20px 4px 0}
#gche form p label, #gche_large form p label, #drte_large form p label { white-space:nowrap; width: 200px;float: left;text-align: right;display: block;background:none; border:none; color:#3d5ca5;margin:0 10px 0 0; padding:0}
#gche form span, #gche_large form span, #drte_large form span { color:#ffa601;margin:0 4px ; padding:0; font-weight:bold; font-size:14px; }
#gche form p.forminput, #gche_large form p.forminput, #drte_large form p.forminput {  float:left;background:#4262af;width:99%; text-align:center;padding:3px 0px ; margin:10px 0 }

#centre div form, #gche_large div form { text-align:right;}
ul#liste { background:none; float:left; width:225px;  margin: 2px 0px 20px 0px;  padding:0;list-style-type:none; text-align:left}
ul#liste li { float:left;display:block;width:97%;border:0;background:none;  text-align:left;  margin:0 !important; padding:0 !important; height:auto !important;}
ul#liste li a.bl{ float:left; display:block;width:97%;  color:#7c7c7c; background:#eff5ff;  padding: 6px 0 6px 10px !important ;margin:0 !important }
ul#liste li a.wh, ul#liste li a{ float:left;display:block; width:97%;  color:#7c7c7c;  padding: 6px 0 6px 10px !important ; margin:0 !important  }
ul#liste li a:hover, ul#liste li a.bl:hover, ul#liste li a.wh:hover { color:#000; background:#fbfbfb;}
ul#liste li a span{ color:#7394c7; font-weight:bold; display:block; padding:0 ;margin:0 !important; line-height:13px !important  }
#centre p, #gche_large p { background:none;  margin: 0 ;padding: 0 ; text-align:left; color:#686868}

.rel_fol { border-top:1px solid #3d5ca5;color:#7394c7;margin:20px 0 0 0}
.rel_fol span { display:block; width:80px; text-align:center;background:#3d5ca5;  color:#FFF;  padding: 4px 10px 6px 10px; font-size:11px; line-height:11px; margin:0px 0 10px 0}
.rel_fol a { color:#7394c7; text-decoration:none; /*background:url(../../../images/picto_pdf.png) no-repeat bottom right;  padding: 30px 32px 0 12px;*/ }
.rel_fol a:hover { color:#000;}

/* -------- */


/**
 * CALENDAR
 */
.calend{ margin: 10px 0 0px 0 ; width:205px; display:block; height:390px}
table.calendar { border-collapse: collapse; margin:10px 0 ; width:205px; font-size:11px}
table.calendar a { text-decoration: none;}
table.calendar, table.calendar tr, table.calendar td { border: solid #fff 1px; padding : 2px;}
table.calendar th { text-align: center; font-weight: bold; background:#5f84b4; color:#fff; border:none}
table.calendar td {background: #eff5ff; 	 text-align: center; vertical-align: middle;}
table.calendar td.encours { font-weight: bold; background: none; color:#605f5f; font-size: 12px;  text-align: center; vertical-align: middle;}
table.calendar td.flou { color: #DDD; background: #f8fbff }
table.calendar td.event { background: #ffde0b; }
table.calendar td.event a       { font-weight: bold;  color: #605f5f;}
table.calendar td.event a:hover { color: #b90000;}
table.calendar td.today, table.calendar td.today a   { color: #605f5f; text-decoration:none }
table.calendar th.dtoday, table.calendar th.dtoday a { line-height: 26px; }
a.calmonth       { color: #7394c7; text-decoration:none;}
a.calmonth:hover { color: #605f5f;  }

#calendarpict div { text-align: right; margin: 0 0 2px 0}
#calendarpict img { padding: 2px !important; border: 2px solid #FFF;}



/* ------------- navigation ------------ */
.navig  { position:relative; z-index:800;margin:0 auto;width: 950px; height:32px; padding:0; background:url(../../../images/fd_bt.png) repeat-x  ;}
.navig a   { display:block; float:left; margin:0px 1px 0 0 ; padding:  8px 30px 6px 30px; color:#FFF; font-weight:bold;  }
.navig a:hover, .navig_sous a:hover, .navig a.selected { color:#4163b0; background: url(../../../images/fd_bt_o.png) repeat-x ;}

div.navig_search         { float:right; text-align:right; width: 267px;  background:none; font-weight:bold; color:#fff; font-size:14px; line-height:24px;  margin:0 ; padding:11px 0px 0 0;  }
div.navig_search  select { width:120px;}


/* ------------*/

.results                 { width:625px; margin:0 0 0 5px; padding:0 0 10px 0; float:left;background:#f1f1f1;}
.results tr.border1 th   { border-top: none; border-bottom: 2px solid #afafaf; }
.results tr.border1 th   { border-top: none; border-bottom: 2px solid #afafaf; }
.results tr.border2 th   { border-top: 2px solid #afafaf; border-bottom: none }
.results th, .results td { text-align:center ; padding :4px 0}
.results tr.blc td       { background:#fff; }
.results tr:hover td     { background-color: #edf8fe !important;}
	
/* footer---------------------------------------*/

#footer                                                 { clear:both; background:#f3f3f3; border-top: 2px solid #cfcfcf; margin:  30px auto 0 auto ;width:950px;	padding:4px 0 0 0; text-align:center;font-weight:bold;}
#footer div.liens                                       { padding:12px 0 0 0;margin:0; color:#7394c7;    }
#footer div.liens a, #footer div.liens a:active:visited { color: #7394c7; text-decoration: none; font-size: 11px;font-weight:bold; }
#footer div.liens a:hover                               { color: #000; text-decoration: none; font-size: 11px; font-weight:bold}


/* ------------------- forms ------------------------- */

.alert { background:  url(../../../images/img-common/picto_alert.jpg) no-repeat 150px 20px; height: 112px; width:35%;}

/* ---- input ombrés ------ */
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; border:none; background:#fff url(../../../images/ombr.gif);  padding:4px 1px 1px 4px; color:#344050; font-size:11px;margin: 0}
textarea { width:300px; float:left}

a.bt_input, #drte p a.bt_input  {
    display:block; 
    margin:7px 7px 0 0;
    background: url(../../../images/bt_inputhead.png) no-repeat right bottom;text-align:center;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    padding:3px 9px ;
}
a.bt_input:hover, #drte p a.bt_input:hover{
    background: url(../../../images/bt_inputhead_o.png) no-repeat right bottom;
    color:#fff;
}
input.bt_input, button.bt_input{text-align:center;
	padding:3px 4px; height:23px;
	font-size:11px; line-height:8px;
	font-weight:bold;
	color:#fff;
	border: none;  margin:1px 0;
	cursor: pointer;
	background: url(../../../images/bt_inputhead.png) no-repeat right top; 
}
input.bt_input:hover, button.bt_input:hover { 
	background: url(../../../images/bt_inputhead_o.png) no-repeat right top;
}
/* ---- input sans ombres ------ */
input.sans, .suite table td input.sans{border:none; background:none; }

/* ------------------- pagination ------------------------- */



.paginator {float:left; width:auto; margin:5px 0;padding: 0px 3px 3px 3px;color:#3d5ca5; font-weight:bold; text-align:center}
.paginator a {	padding: 1px 4px 1px 4px;margin: 1px; border: 1px solid #3d5ca5;text-decoration: none; color: #3d5ca5;font-weight: bold;}
.paginator a:hover,.paginator a:active {border: 1px solid #ffde0b;color: #fff; background-color: #ffde0b}
.paginator .current {padding: 1px 4px 1px 4px;	margin: 1px;border: 1px solid #3d5ca5;	font-weight: bold;	background-color: #3d5ca5;	color: #FFF;}
.paginator .disabled {padding: 1px 4px 1px 4px;margin: 1px;border: 1px solid #a6bbdb;	color: #a6bbdb;font-weight: bold;}
