/* CSS Document */
/* DEFAULTS ATTRIBUTES */

html, body
{
	background-color: #919B61;
	padding:0px; 
	margin:0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;line-height:14px;
	
	color:#534242;
}

/*html, body, h1, h2, h3, h4, h5, h6, img, div, table, tbody, td, ul, li, dl, dt, dd, p, a, form {*/
html, body, h1, h2, h3, h4, h5, h6, div, ul, li, dl, dt, dd, a, form, input, img, p, table, tr, td 
{
    border: none;
    padding: 0px;
    margin: 0px;
}

li.li_nodisc { list-style-type: none;margin-left:0px; }
li { list-style-position:outside; margin-left:20px; }

table, tbody,td 
{
    border-collapse: collapse;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;line-height:13px;    
}

div, ul, ol, dl
{
	position:relative;
}

 
/********************************************
 *
 *  ALIGN & FLOAT & PADDING & MARGIN
 *  
 *********************************************/
.gras{font-weight:bold;}
 
.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}
.align_justify{text-align:justify;}
.align_top{ vertical-align:top;}
.align_bottom{ vertical-align:bottom;}
.align_middle{ vertical-align:middle;}

.fleft{ float:left;height: 1%;}
.fright{ float:right;}

.img_th			{ margin-left:5px;margin-top:5px;border:0px solid #f93; }
.img_left		{ float:left; margin-right:8px; margin-bottom:5px;}
.img_right		{ float:right; margin-left:8px; margin-bottom:5px;}

.margeG35 	{ padding-left:35px;}
.margeG5	{ padding-left:5px;}
.margeG12	{ padding-left:12px;}
.margeG15	{ padding-left:15px;}
.margeG10	{margin-left:10px;}
.margeG20 	{ margin-left:20px;}
.margeG22 	{ padding-left:20px;}

.margeT20	{ margin-top:20px;}
.margeT10	{ margin-top:10px;}
.margeT8	{ margin-top:8px;}
.margeT5	{ margin-top:5px;}
.margeT3	{ margin-top:3px;}
.margeTneg10{ margin-top:-10px;}

.clear	 {clear:both;}
.webhide {display:none;}
.webshow {display:block;}

.pad10 	{ padding:10px; }
.pad20 	{ padding:5px 20px 20px 20px; }
.pad5 	{ padding:5px; }
.padH5 	{ padding:5px 0px; }
.pad7 	{ padding:7px; }
.padR10	{ padding-right:10px; }
.padR10	{ padding-left:10px; }
.padR15	{ padding-right:15px; }



/********************************************
 *
 *  FONTS & LINKS & COLORS
 *  
 *********************************************/


.home_titre		{color:#7e7171; font-size: 13px; line-height:15px;}
.home_surtitre	{color:#534242; font-size: 11px; line-height:15px;}
.home_sstitre	{color:#534242; font-size: 11px; line-height:13px; font-weight:bold;}
.txt_gris  	{color:#534242;}
.txt_gris2  	{color:#7e7171;}
.txt_rouge	{color:#8E1011;}
.bkg_quizz	{background-color:#F0E9F4;}
.bkg_gris	{background-color:#F0E9F4; padding:5px; }
.Gris	{background-color:#F0E9F4; padding:5px; }
.brd_gris { border-right : 1px solid #CCCCCC;}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:24px;
	font-weight:normal;
	padding:5px 0px;
	color:#8E1011;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	padding:4px 0px;
	 color:#8E1011;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:3px 0px;
}


/* DEFAULT LINK */
a, a:active, a:visited, a:link {	text-decoration: none;	color: #8E1011;}
a:hover { text-decoration:underline;}


/* DSP blue LINKs */
.DSPLINK a.spip_out, .DSPLINK a.spip_out:active, .DSPLINK a.spip_out:visited , .DSPLINK a.spip_out:link {	text-decoration: none;	color: #4066A5;}
.DSPLINK a.spip_out:hover { text-decoration:underline;}

.DSPLINK a.spip_in, .DSPLINK a.spip_in:active, .DSPLINK a.spip_in:visited , .DSPLINK a.spip_in:link {	text-decoration: none;	color: #4066A5;}
.DSPLINK a.spip_in:hover { text-decoration:underline;}

.DSPLINK a, .DSPLINK a:active, .DSPLINK a:visited , .DSPLINK a:link {	text-decoration: none;	color: #4066A5;}
.DSPLINK a:hover { text-decoration:underline;}

/* classic links */
a.link, a.link:active, a.link:visited, a.link:link {	text-decoration: none;	color: #534242;}
a.link:hover { text-decoration:none;	 color: #8E1011;}
a.linkselect, a.linkselect:active, a.linkselect:visited, a.linkselect:link, a.linkselect:hover  {	text-decoration: none;	color: #8E1011;}

/* LINK  MENU */
a.catNav_bt, a.catNav_bt:active, a.catNav_bt:visited , a.catNav_bt:link
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height:15px; text-decoration:none; color:#534242;}
a.catNav_bt:hover
{ color:#8E1011;}

/* LINK MENU SELECT */
a.catNav_bt_select, a.catNav_bt_select:active, a.catNav_bt_select:visited, a.catNav_bt_select:hover, a.catNav_bt_select:link
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height:15px; text-decoration:none; color:#8E1011;}

/* LINK MENU SSNAV*/
a.catssNav_bt, a.catssNav_bt:active, a.catssNav_bt:visited, a.catssNav_bt:link
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:15px; text-decoration:none; color:#534242;}
a.catssNav_bt:hover
{ color:#8E1011;}

a.catssNav_bt_select, a.catssNav_bt_select:active, a.catssNav_bt_select:visited , a.catssNav_bt_select:hover, a.catssNav_bt_select:link
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:15px; text-decoration:none; color:#8E1011;}

/* LINK PLAN PAGE */
a.greylink, a.greylink:active, a.greylink:visited, a.greylink:link {	text-decoration: none;	color: #534242;}
a.greylink:hover { text-decoration:none;	 color: #8E1011;}

/* LINK HEADER */
#menu_header_blanc a,#menu_header_blanc a:active,#menu_header_blanc a:visited,#menu_header_blanc a:hover
{
	color:#4066b2;text-decoration:none;
}
#menu_header_bleu a,#menu_header_bleu a:active,#menu_header_bleu a:visited,#menu_header_bleu a:hover
{
	color:#FFFFFF;text-decoration:none;
}

/* LINK ARIANE */
.ariane_item a,.ariane_item a:active,.ariane_item a:visited { color:#AAAAAA;text-decoration:none; }
.ariane_item a:hover { color:#999999;text-decoration:underline; }
/********************************************
 *
 * FORMS
 *  
 *********************************************/
.select_region
{
	width:207px;
	padding:3px;
	border: 1px solid #CCCCCC;
}
.webhide_error
{
	display:none;
	color:#FF0000;
}

.input_label { clear:both;padding:3px;width:160px;font-weight:bold; }
.input_text
{
	width:200px;
	padding:3px;
	border: 1px solid #CCCCCC;
}

/********************************************
 *
 * HEADER
 *  
 *********************************************/
#header 
{
	height: 140px;
	overflow:visible;
	/*border-bottom:1px solid #CCCCCC;*/
}
 
#logo
{
  padding-left: 131px;
  width: 211px;
  height: 75px;
}
 
#menu_header
{
  width: 408px;
  height:72px;
}
 
#menu_header_bleu
{
  margin-top: 57px;
  height: 15px;
  background-color: #003399;
  font-size: 10px;
  color: #FFFFFF;
}
 
#menu_header_blanc
{
  /*width: 740px;*/
  font-size: 9px;
  color: #4066b2;
  padding: 8px 40px 6px 0px;
  text-align:right;
}
 
.info_header
{
  padding: 5px 0px;
  font-size: 9px;
}
.info_header_large
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	padding: 5px 0px 5px 12px;
	
}
#fil_ariane
{
	padding:5px 28px 5px 0px;
	margin-left:212px;
	font-size:10px;
}
 /********************************************
 *
 *  FOOTER
 *  
 *********************************************/
#footer 
{
	height: 87px;
	/*border-top:1px solid #CCCCCC;*/
}
 
#logo_footer
{
	margin-left: 365px;
	margin-top: 10px;
} 
.footer_item
{
	font-size:9px;
	padding: 2px 10px 2px 10px;
}

/********************************************
 *
 *  GLOBAL CONTAINER
 *  
 *********************************************/

#global
{
	width: 780px;
	background: #919B61 url(../imgs/bkg_main_left.gif) top left repeat-y;
	/*margin: 0 auto; */
	margin-left:-390px;
	left:50%; 
}

#main_table
{
	width:780px;
}

#container
{
	width: 780px;/**/
}

#content
{
	/*float:left;
	margin-left: 185px;
	margin-right: 135px;*/
	width: 440px;
	/*height:500px;*/
}
.content_col
{
width: 440px;
}

#content_DSP
{
	/*float:left;
	margin-left: 185px;
	margin-right: 135px;*/
	width: 426px;
	/*height:500px;*/
}
.content_col_DSP
{
width: 426px;
}

#colG
{
	/*float:left;
	position: absolute;
	left:0;*/
	width: 205px;
	/*height:500px;*/
}
.colG_col
{
	width: 205px;
}
#colD 		{	width: 135px; }
.colD_col 	{	width: 135px; }

#colD_DSP 		{	width: 147px; }
.colD_col_DSP 	{	width: 147px; }

/********************************************
 *
 *  BOXES SHADOW
 *  
 *********************************************/
 
 /* BOX SHADOW SMALL */
.menubox_SM_top
{
	/*background-image: url(../imgs/bkg_shadow_SM_topbox.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
}
 
.menubox_SM_bottom
{
	/*background-image: url(../imgs/bkg_shadow_SM_bottombox.gif);*/
	background-position: bottom left;
	background-repeat: no-repeat;
}

.menubox_SM_middle
{
	background-image: url(../imgs/bkg_shadow_SM_middlebox.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
/* BOX SHADOW MED */
.menubox_MED_top
{
	/*background-image: url(../imgs/bkg_shadow_MED_topbox.png);*/
	background-position: top left;
	background-repeat: no-repeat;
}
 
.menubox_MED_bottom
{
	/*background-image: url(../imgs/bkg_shadow_MED_bottombox.png);*/
	background-position: bottom left;
	background-repeat: no-repeat;
}

.menubox_MED_middle
{
	background-image: url(../imgs/bkg_shadow_MED_middlebox.png);
	background-position: top left;
	background-repeat: repeat-y;
}
/* BOX SHADOW XS */
.menubox_XS_top
{
	/*background-image: url(../imgs/bkg_shadow_XS_topbox.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
}
 
.menubox_XS_bottom
{
	/*background-image: url(../imgs/bkg_shadow_XS_bottombox.gif);*/
	background-position: bottom left;
	background-repeat: no-repeat;
}

.menubox_XS_middle
{
	background-image: url(../imgs/bkg_shadow_XS_middlebox.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
/* BOX SHADOW BIG */
.menubox_BIG_top
{
	/*background-image: url(../imgs/bkg_shadow_BIG_topbox.png);*/
	background-position: top left;
	background-repeat: no-repeat;
}
 
.menubox_BIG_bottom
{
	/*background-image: url(../imgs/bkg_shadow_BIG_bottombox.png);*/
	background-position: bottom left;
	background-repeat: no-repeat;
}

.menubox_BIG_middle
{
	background-image: url(../imgs/bkg_shadow_BIG_middlebox.png);
	background-position: top left;
	background-repeat: repeat-y;
}

.menubox_DSP
{
	/*border-left : 1px solid #CCCCCC;*/
}


/********************************************
 *
 *  MENU NAVIGATION
 *  
 *********************************************/

.menu_item
{
	width:125px;
	margin-left:14px;
	background-image: url(../imgs/arrow_nav.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 2px 5px 20px;

}
.menu_item_select
{
	width:125px;
	margin-left:14px;
	background-image: url(../imgs/arrow_nav_select.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 2px 5px 20px;
	color:#8E1011;
}

.liste_nav
{
	display:none;
	padding: 3px 0px 5px 20px;
	list-style-position:inside;
	list-style-type:disc;
	width:175px;
}
.liste_nav_select
{
	display:block;
	padding: 3px 0px 5px 20px;
	list-style-position:inside;
	list-style-type:disc;
	width:175px;
}
.liste_nav_li
{
	padding: 3px 0px 5px 10px;
	background-image: url(../imgs/bkg_liste_nav_li.gif);
	background-position: center left;
	background-repeat: no-repeat;
}	
.liste_nav_li_select
{
	padding: 3px 0px 5px 10px;
	background-image: url(../imgs/bkg_liste_nav_li.gif);
	background-position: center left;
	background-repeat: no-repeat;
	color:#8E1011;
}

/* Header links styling */
	
h3.head
{ 
	padding:0px;
}
	
h3.head a 
{ 
	width:150px;
	margin-left:12px;
	padding: 2px 2px 2px 18px;
	
	background-image: url(../imgs/arrow_nav.gif);
	background-position: center left;
	background-repeat: no-repeat;
		
	color:#534242;
	display:block;
	
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	
}
	
h3.head a:hover 
{ 	
	background-image: url(../imgs/arrow_nav_select.gif); background-position: center left; background-repeat: no-repeat;
	color:#8E1011;
}
h3.head_mono a:hover , h3.selected_mono a, h3.selected_mono a:hover 
{ 
	background-image: url(../imgs/arrow_nav.gif); background-position: center left; background-repeat: no-repeat;
	color:#8E1011;
}

h3.selected a 
{ 
	width:150px;
	margin-left:12px;
	padding: 2px 2px 2px 18px;
	
	background-image: url(../imgs/arrow_nav_select.gif);
	background-position: center left;
	background-repeat: no-repeat;
	
	color:#8E1011;
	display:block;
	
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
}
	
h3.selected a:hover 
{ 
	width:150px;
	margin-left:12px;
	padding: 2px 2px 2px 18px;
	
	background-image: url(../imgs/arrow_nav_select.gif); background-position: center left; background-repeat: no-repeat;
	color:#8E1011;
}
h3.head_mono a
{ 
	width:150px;
	margin-left:12px;
	padding: 2px 2px 2px 18px;
	
	background-image: url(../imgs/arrow_nav.gif);
	background-position: center left;
	background-repeat: no-repeat;
		
	color:#534242;
	display:block;
	
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	
}	
/********************************************
 *
 *  HOME
 *  
 *********************************************/
.bkg_titre_rub_line
{
	/*height:14px;*/
	width:170px;
 	background-image: url(../imgs/bkg_titre_rub_home.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.bkg_titre_rub
{
	background-color:#FFFFFF;
	color:#8E1011;
	font-weight:bold;
}
 

 /********************************************
 *
 *  DSP ...
 *  
 *********************************************/
.padDSP_colD { padding:5px 10px 0px 2px; font-size:9px; }

.bkg_bloc_droit
{
	width:103px;
	/*height:33px;*/
	display:block;
	background-color:#F7F0D5;
}
.bkg_bloc_droit_open
{
	width:103px;

	background-color:#FCF9ED;
}
.bkg_second_nav
{
	width:103px;
	background-color: #F5F5F5;
	font-size:9px;
	color:#808080;
}

	
h3.head_dsp a, #infodirect h3.selected a
{ 
	width:70px;height:33px;
	margin-left:0px;
	padding: 2px 2px 2px 12px;
	
	background-image: url(../imgs/arrow_nav_dsp.gif);
	background-position: center left;
	background-repeat: no-repeat;
		
	color:#606060;
	display:block;
	
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	
}
	
h3.head_dsp a:hover , #infodirect h3.selected a:hover
{ 
	background-image: url(../imgs/arrow_nav_dsp_select.gif); background-position: center left; background-repeat: no-repeat;
	color:#606060;
}
#nos_activites ul
{
	list-style-type:none;
	list-style-position:inside;
	margin-left:0px;
}
#nos_activites li
{
	background-image: url(../imgs/ico_list_dsp.gif); background-position: center left; background-repeat: no-repeat;
	padding:2px 2px 3px 12px;
}
 /********************************************
 *
 *  PLAN
 *  
 *********************************************/


/********************************************
 *
 *  NEXT ...
 *  
 *********************************************/
 /********************************************
 *
 *  SPIP STYLES
 *  
 *********************************************/ 
 ul.spip {
  margin: 3px 0px 5px 0px;
}

li.spip  ul.spip {
  margin-left: 15px;
  margin-bottom: 5px;
  list-style-type:circle;
  list-style-position:inside;
}

h3.spip
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	padding:5px 0px 3px 0px;
}

p.spip {
	margin-top:6px;
	margin-bottom:6px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;line-height:14px;
}
.spip_documents_left
{
	margin-right: 6px;
	margin-bottom: 10px;
}
.spip_documents_right
{
	margin-left: 6px;
	margin-bottom: 10px;
}
table.spip
{
	display: block !important;
	border: 1px solid #666666;
	width: 388px;
}
table.spip td
{
	padding:10px; border:1px solid #666666;
}
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse;
}
  
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
  
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }


.forml
{
	border : 1px solid #666666;
	padding:3px;
}
hr.spip{ background: url(../imgs/sep_menu.gif) repeat-x center left; }

