/* general */
*{
	padding:0;
	margin:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(../img/fd.png) repeat;
	color:#58585a;
}

img {
	border:0px;
}

#toutelapage
{
	width:960px;
	margin:0 auto;
	background-color:#8d2833;
	background:url(../img/ombr.png) repeat-y;
	z-index:1;
}



	




/* style concernant le texte */
h1 {
	font-size:14px;
	font-weight:700;
	margin:0px 0px 20px 0px;
	clear:both;
}

h2 {
	line-height: 17px;
	font-size:13px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	color: #b5321c;
}

h3 {
	font-size:11px;
	font-weight:700;
	margin-top:10px;
}


h4 {
	font-size:11px;
	font-weight:700;
	margin-top:10px;
	padding-top:10px;
}


p {
	margin:10px 0px 10px 0px;
}

#txt ol li, #txt ul li {
	margin:10px 0px 10px 0px;
}

ul
{
	margin-left:12px;
	padding-left:12px;
}


hr {
	visibility:hidden;
	clear:both;
	margin:0px;
	}

select {
	margin: 2px 0 0 0;	
}

input, select, textarea {
	font-size: 11px;	
}

table, th, td {
	font-size: 11px;	
}

th, td {
	padding: 2px 5px;	
}






/* spécifique */
.rouge {
	color:#a9301b;
}

.orange {
	color:#ed783b;
}

.vert {
	color:#bc960c;
}

.rose {
	color:#e42064;
}

.gris {
	color:#e2e7ea;
}

.noir {
	color:#000;
}

#imprimante {
	clear: both;
	margin: 10px 0 2px 2px;
	}
	
.espace {
	margin-bottom:35px;
	}
	
.carre {
	background: #fafafa;
	border: solid 5px #fc0;
	padding:10px;
	}
	


/* style concernant la structure du site */



/* page accueil */

#ctn_1, #ctn_2, #ctn_3, #ctn_4, #ctn_5, #ctn_6, #ctn_7, #ctn_8, #ctn_9, #ctn_10, #ctn_11, #ctn_12, #ctn_13, #ctn_14, #ctn_15, #ctn_16, #ctn_17, #ctn_18, #ctn_19, #ctn_20, #ctn_21, #ctn_22, #ctn_23, #ctn_24, #ctn_25, #ctn_33, #ctn_111
{
	width:910px;
	margin:0 auto;
	z-index:2;
}
		#haut
		{
			/*width:907px;*/
			height:171px;
		}
	
		
				#logo
				{
					width:516px;
					height:171px;
					background:url(../img/ttr.png) no-repeat;
					float:left;
				}
				
				#video
				{
					/*width:391px;*/
					height:171px;
					background:url(../img/video.png) no-repeat;
					float:left;
				}
				
				#logo span, #video span {
					visibility:hidden;
				}
				
				
				
		#ht
		{
			/*width:907px;*/
			height:95px;
		}
		
				#ht span {
					visibility:hidden;
				}
	
		
				
				
				
		
		
		#ml
		{
			/*width:907px;*/
			height:412px;
		}
		
		
				#boite_gc
				{
					width:683px;
					height:412px;
					background:url(../img/fd_h.png) no-repeat bottom;
					float:left;
				}
				
						#img_coin_g {
							width:24px;
							height:117px;
							margin:0px;
							padding:0px;
							float:left;
							background:url(../img/coin_g.jpg) no-repeat;
						}
				
				#boite_dt
				{
					width:224px;
					height:412px;
					float:left;
				}
				
						#menu_access
						{
							width:224px;
							height:97px;
							background:url(../img/bt_h_4.png) no-repeat;
						}
						
									#menu_access a, #menu_access a:hover, #menu_access.a-in
									{
										display:block;
										text-decoration:none;
									}
									
									#menu_access span {
										visibility:hidden;
									}
									
									#menu_access ul, #menu_access li {
										margin:0px;
										padding:0px;
									}
												
									#menu_access li {
										list-style-type:none;
									}
									
									
									
									#menu_access_1 a, #menu_access_1 a:hover, #menu_access_1.a-in a {
										width:220px;
										height:37px;
									}
									
									
									#menu_access_2 a, #menu_access_2 a:hover, #menu_access_2.a-in a {
										width:219px;
										height:60px;
									}
									
						
				
				
				
						#menu_transvers
						{
							width:224px;
							height:315px;
							background:url(../img/bas_ogt.png) no-repeat bottom;
						}
						
									#menu_transvers a, #menu_transvers a:hover, #menu_transvers.a-in
									{
										display:block;
										text-decoration:none;
										font-size:15px;
										text-align:center;
										font-weight:700;
										color:#666666;
									}
									
									
									
									#menu_transvers span {
										display:block;
										margin:0px;
										}
										
										#menu_transvers_1 span, #menu_transvers_3 span, #menu_transvers_4 span, #menu_transvers_5 span {
										padding-top:12px;
										}
										
										#menu_transvers_2 span {
										padding-top:5px;
										}
									
									
									#menu_transvers ul, #menu_transvers li {
										margin:0px;
										padding:0px;
									}
												
									#menu_transvers li {
										list-style-type:none;
									}
									
									
									
									#menu_transvers_1 a, #menu_transvers_1 a:hover, #menu_transvers_1.a-in a {
										width:224px;
										height:43px;
										background:url(../img/ogt_1.png) no-repeat;
									}
									
									
									#menu_transvers_2 a, #menu_transvers_2 a:hover, #menu_transvers_2.a-in a {
										width:224px;
										height:45px;
										background:url(../img/ogt_2.png) no-repeat;
									}
									
									
									#menu_transvers_3 a, #menu_transvers_3 a:hover, #menu_transvers_3.a-in a {
										width:224px;
										height:45px;
										background:url(../img/ogt_3.png) no-repeat;
									}
									
									
									#menu_transvers_4 a, #menu_transvers_4 a:hover, #menu_transvers_4.a-in a {
										width:224px;
										height:47px;
										background:url(../img/ogt_4.png) no-repeat;
									}
									
									
									#menu_transvers_5 a, #menu_transvers_5 a:hover, #menu_transvers_5.a-in a {
										width:224px;
										height:47px;
										background:url(../img/ogt_5.png) no-repeat;
									}
									
									
									
									#menu_transvers_1 a:hover , #menu_transvers_1.a-in, #menu_transvers_2 a:hover , #menu_transvers_2.a-in, #menu_transvers_3 a:hover , #menu_transvers_3.a-in, #menu_transvers_4 a:hover, #menu_transvers_4.a-in, #menu_transvers_5 a:hover , #menu_transvers_5.a-in
									{
										color:#8e2835;
									}
									
									
		
		
		
		
		
		#menu_bas {
			clear:both;
			width:857px;
			height:27px;
			background:#b7241d url(../img/bloc_logo.png) no-repeat top left;
			font-size:9px;
			font-weight:400;
			padding:15px 0px 0px 20px;
		}
			
					#menu_bas li {
						display:inline;
					}
					
					/*#menu_bas ul {
						width:900px;
					}*/
					
					#menu_bas a {
						display: block;
						float: left;
						margin-left:8px;
						padding-right:8px;	
						text-decoration:none;
						color:#fff;
						border-right:#fff 1px solid;
					}
					
					#menu_bas a:hover, #menu_bas a.a-in {
						color:#fff;
						text-decoration:underline;
					}
					
					#menu_bas a.suppression_bord_dt {
						border-right: 0px;
					}
					
					#menu_bas a.suppression_bord_dt:hover {
						border-right: 0px;
					}
		



		#img_bas {
			width:957px;
			height:43px;
			background:url(../img/deg_bas_page.png) no-repeat;
		}
		
		/* fin page accueil */



/* pages internes */


#haut_ctn
		{
			width:907px;
		}

#texte
{
	width:910px;
	background:url(../img/fd_txt.gif) repeat-y;
}

#menu_c
{
	float: left;
	width:659px;
	height:117px;
	background-color:#fff;
}

		#menu_c a, #menu_c a:hover, #menu_c.a-in
		{
			display:block;
			text-decoration:none;
		}
		
		#menu_c span {
			visibility:hidden;
		}
		
		#menu_c ul, #menu li {
			margin:0px;
			padding:0px;
		}
					
		#menu_c li a {
			float:left;
			background-color:#fff;
		}
					
		#menu_c li {
			list-style-type:none;
			float:left;
			background-color:#fff;
		}
		
		
		
		#menu_c_1 a {
			width:220px;
			height:77px;
			background:url(../img/btn1_on_off.png) no-repeat;
		}
		
		#menu_c_1 a:hover, #menu_c_1.a-in a {
			height:77px;
			background:url(../img/btn1_on_off.png) no-repeat 0px -77px;
		}
		
		#menu_c_2 a {
			width:220px;
			height:77px;
			background:url(../img/btn2_on_off.png) no-repeat;
		}
		
		#menu_c_2 a:hover, #menu_c_2.a-in a {
			height:77px;
			background:url(../img/btn2_on_off.png) no-repeat 0px -77px;
		}
		
		
		#menu_c_3 a {
			width:210px;
			height:77px;
			background:url(../img/btn3_on_off.png) no-repeat;
		}
		
		#menu_c_3 a:hover, #menu_c_3.a-in a {
			height:77px;
			background:url(../img/btn3_on_off.png) no-repeat 0px -77px;
		}
	
#texte #menu_access {
	float: left;
	width: 224px;
}	


#menu_accordeon
{
	width:200px;
	padding: 0 0 0 25px;
	float:left;
}

		#menu_accordeon a, #menu_accordeon a:hover, #menu_accordeon.a-in
		{
			display:block;
			text-decoration:none;
		}
		
		#menu_accordeon ul {
			background: url(../img/test_1.jpg) repeat-y;
		}
		
		#ctn_2 #menu_accordeon ul {
			background: url(../img/test_2.jpg) repeat-y;
		}
		
		#ctn_3 #menu_accordeon ul {
			background: url(../img/test_3.jpg) repeat-y;
		}
		
		#menu_accordeon ul, #menu_accordeon li {
			margin:0px;
			padding:0px;
		}
					
		#menu_accordeon li {
			list-style-type:none;
		}
		
		
		
		
		
		
		/* haut menu accordeon */
		
		#haut_mm_acc {
			width:200px;
			height:19px;
			margin-top:0px;
		}
		
		#haut_mm_acc {
			background:url(../img/ht_mn_1.gif) no-repeat;
		}
		
		#ctn_2 #haut_mm_acc {
			background:url(../img/ht_mn_2.gif) no-repeat;
		}
		
		#ctn_3 #haut_mm_acc {
			background:url(../img/ht_mn_3.gif) no-repeat;
		}				
		
		/* haut (sp) */
		
		#mn_acc_ht, #mn_acc_ht:hover {
			width:192px;
			display:block;
			color:#fff;
			font-weight:700;
			padding:5px 0px 5px 8px;
			background: url(../img/ht_mn_1.gif) no-repeat;
			border-bottom: solid 1px #fff;
			font-size: 12px;
		}
		
		.mn_acc_ht:hover, .mn_acc_ht.a-in {
			color:#000;
		}
		
		#ctn_2 #mn_acc_ht, #ctn_2 #mn_acc_ht:hover {
			background: url(../img/ht_mn_2.gif) no-repeat;
		}
		
		#ctn_3 #mn_acc_ht, #ctn_3 #mn_acc_ht:hover {
			background: url(../img/ht_mn_3.gif) no-repeat;
		}

		
		
		/* milieu (p) */
		
		.mn_acc_ml, .mn_acc_ml:hover {
			width:192px;
			display:block;
			color:#fff;
			font-weight:700;
			padding:3px 0px 5px 8px;
			background:url(../img/test_1.jpg) repeat-y;
			border-bottom: solid 1px #fff;
			font-size: 12px;
		}
		
		#ctn_2 .mn_acc_ml, #ctn_2 .mn_acc_ml:hover {
			background:url(../img/test_2.jpg) repeat-y;
		}
		
		#ctn_3 .mn_acc_ml, #ctn_3 .mn_acc_ml:hover {
			background:url(../img/test_3.jpg) repeat-y;
		}

		.mn_acc_ml:hover, .mn_acc_ml.a-in {
			color:#000;
		}
		
		#ctn_1 .mn_acc_ml:hover, #ctn_1 .mn_acc_ml.a-in {
			color:#000;
		}
		
		#ctn_2 .mn_acc_ml:hover, #ctn_2 .mn_acc_ml.a-in {
			color:#000;
		}
		
		#ctn_3 .mn_acc_ml:hover, #ctn_3 .mn_acc_ml.a-in {
			color:#000;
		}
	
		
		/* menu niv 2 (ssp)*/
		
		.mn_acc_ssp
			{
			display: block;
			padding: 3px 0 3px 8px;
			margin:0px;
			background:#fafafa;
			color:#58585a;
			text-decoration:none;
			text-transform:none;
			width:190px;
			border-right:#e2e7ea 1px solid;	
			border-left:#e2e7ea 1px solid;
			border-bottom:#fff 1px solid;
		}
		
		.mn_acc_ssp:hover, .mn_acc_ssp.a-in
			{
			color:#000;
			font-size:11px;
			background:#e4bea9;
			border-right:#e2e7ea 1px solid;	
			border-left:#e2e7ea 1px solid;
		}
		
		#ctn_2 .mn_acc_ssp:hover, #ctn_2 .mn_acc_ssp.a-in
			{
			background:#fcdebd;
		}
		
		#ctn_3 .mn_acc_ssp:hover, #ctn_3 .mn_acc_ssp.a-in
			{
			background:#ebdebb;
		}


		/* bas menu accordeon */
		
		#bas_mm_acc {
			width:200px;
			height:19px;
			margin-top:0px;
			background:url(../img/bas_mn_1.gif) no-repeat;
		}
		
		#ctn_2 #bas_mm_acc {
			background:url(../img/bas_mn_2.gif) no-repeat;
		}
		
		#ctn_3 #bas_mm_acc {
			background:url(../img/bas_mn_3.gif) no-repeat;
		}

		
		#ombr  {
			width:198px;
			height:20px;
			margin-top:20px;
			background:url(../img/ombre.gif) no-repeat;
			}
		

#txt
{
	margin: 0 0 0 18px;
	width:438px;
	float:left;
	border:#e2e7ea 1px solid;
	line-height: 14px;
}

#ctn_3 #txt {
	background: url(../img/fd_txt_ctn_3.png) no-repeat right 30px;	
}

#txt #pers {
	float: right;
	margin: 0;
	padding: 0 0 10px 0;
	background: #fff;
}

#txt #indicateurs {
	float: right;
	margin: 0;
	padding: 0;
	width: 125px;
	text-align: center;	
}

#txt #indicateurs img {
	border: solid #fff;
	border-width: 0 0 5px 5px;	
}

#droite
{
	width:223px;
	float:right;
}


/* infos bulles */

#bt_info_1, #bt_info_2, #bt_info_3, #bt_info_4
{
	margin: 0 0 0 20px;
	width:165px;
	background: #b5321c;	
	border:#e2e7ea 1px solid;
	padding:5px;
	color: #fff;
	font-size: 9px;
}

#ctn_2 #bt_info_1, #ctn_2 #bt_info_2, #ctn_2 #bt_info_3, #ctn_23 #bt_info_4 {
	background: #eb6811;	
}

#ctn_3 #bt_info_1, #ctn_3 #bt_info_2, #ctn_3 #bt_info_3, #ctn_23 #bt_info_4 {
	background: #d9ae15;	
}

#ctn_23 #bt_info_1, #ctn_23 #bt_info_2, #ctn_23 #bt_info_3, #ctn_23 #bt_info_4 {
	background: #b9004b;	
}

#bt_metier_fct
{
	margin: 0 0 0 20px;
	width:175px;
	border:#e2e7ea 1px solid;
	font-size: 9px;
}

#bt_metier_fct p {
	margin: 0;
	padding: 4px 5px 4px 10px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;	
}

#bt_metier_fct ul {
	margin: 0;
	padding: 0;	
	width: 175px;
	list-style:none;
}

#p_ssp_1 , #ul_ssp_1 { background: #f8b600; }
#p_ssp_2 , #ul_ssp_2 { background: #acc400; }
#p_ssp_3 , #ul_ssp_3 { background: #691e7c; }
#p_ssp_4 , #ul_ssp_4 { background: #e9670a; }
#p_ssp_5 , #ul_ssp_5 { background: #4caa67; }
#p_ssp_6 , #ul_ssp_6 { background: #e0005f; }
#p_ssp_7 , #ul_ssp_7 { background: #84c3de; }
#p_ssp_8 , #ul_ssp_8 { background: #a2027a; }
#p_form_met, #ul_form_met { background: #eb6811; }

#bt_metier_fct li
{
	border-top:#e2e7ea 1px solid;
}

#bt_metier_fct li a {
	display: block;
	margin: 0 0 0 5px;
	padding: 5px;
	background: #fff;
	color: #58585a;
	text-decoration: none;
}

#bt_metier_fct li a:hover {
	background: #fafafa;	
}

#bt_metier_fct li a.a-in {
	background: #eee;	
}

.carre_p, .carre_ssp {
	clear: both;
	padding: 0 10px 10px 10px;
	background: #fafafa;	
	border-style: solid;
	border-width: 5px;
}

#carre_p_2 { border-color: #eb6811; }

#carre_ssp_1 { border-color: #f8b600; }
#carre_ssp_2 { border-color: #acc400; }
#carre_ssp_3 { border-color: #691e7c; }
#carre_ssp_4 { border-color: #e9670a; }
#carre_ssp_5 { border-color: #4caa67; }
#carre_ssp_6 { border-color: #e0005f; }
#carre_ssp_7 { border-color: #84c3de; }
#carre_ssp_8 { border-color: #a2027a; }

#txt .carre_p a, #txt .carre_ssp a {
	text-decoration: none;	
}

#txt .carre_p a:hover, #txt .carre_ssp a:hover {
	text-decoration: underline;	
}

#video_met {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
	background: #fafafa;
	border: solid 5px #ddd;
}

#video_met p {
	float: left;
	margin: -3px 0 0 0;
	width: 195px;	
}

#video_met.clip {
	padding: 10px;
}

#video_met.clip p {
	margin: 0 10px 10px 0;
	width: 190px;	
}

.etabl {
	float: left;
	margin: 0 10px 10px 0;
	width: 205px;
	background: #fafafa;	
}

.etabl span {
	display: block;
	padding: 1px 5px;	
}

h2 a {
	visibility: hidden;
}

.offre {
	clear: both;
	margin: 10px 0;
	background: #f5f5f5;
	border: solid 5px #ddd;
}

.offre .case {
	float: left;
	width: 200px;
}

.offre h3 {
	margin: 2px 5px 0 5px;	
	font-size: 10px;
}

.offre p {
	margin: 2px 5px 7px 5px;
	font-size: 10px;
}

#partner span {
	display: block;
	float: left;
	margin: 15px 0 0 0;
	width: 120px;	
}

.actu {
	padding: 0 0 10px 0;
	background: #fafafa;	
}

#lk_pg {
	padding: 10px 0;
	text-align: center;	
}

#txt #lk_pg a {
	text-decoration: none;
}

#txt #lk_pg a:hover {
	text-decoration: underline;
}




		a.info {
			position:relative; /* Très important */
			background:none; /* Important pour le fonctionnement sur IE */
			z-index:10;
		}
		
		a.info:hover {
			z-index:20;
		}
		
		a.info span {
			display:none;
			z-index:30;
		}
		
		a.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
			display:block;
			position:absolute;
			top:-40px;
			left:5px;
			 
			/* Éléments pour positionner le texte dans la bulle */
			padding:0px;
			width:180px;
			border:#e2e7ea 1px solid;
			background:url(../img/deg_txt_dt.gif) repeat-y;
		
			/* Style du character dans la bulle */
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:700;
			font-size:12px;
			color:#58585a;
			text-decoration:none;
		}




/* info bulle site*/


a.info_bulle {
	position:relative; /* Très important */
	background:none; /* Important pour le fonctionnement sur IE */
	z-index:10;
}

a.info_bulle:hover {
	z-index:20;
}

a.info_bulle span {
	display:none;
}

a.info_bulle:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
	display:block;
	position:absolute;
	/*top:-40px;
	left:5px;*/
	 
	/* Éléments pour positionner le texte dans la bulle */
	padding:0px;
	/*width:180px;*/
	border:#e2e7ea 1px solid;
	background:url(../img/deg_txt_dt.gif) repeat-y;

	/* Style du character dans la bulle */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:11px;
	color:#58585a;
	text-decoration:none;
}
				
#fd
{
	width:907px;
	height:21px;
	background:url(../img/img_bas.gif) no-repeat;
	clear:both;
}
		


/*                               :: contenu ::                            */

h1 {
	color:#fff;
	padding:4px 0px 4px 5px;
	background: #b5321c; /* url(../img/fd_h1_1.gif) repeat-y;*/
	}
	
#ctn_2 #txt h1 {
	background: #eb6811; /* url(../img/fd_h1_2.gif) repeat-y;*/
	}
	
#ctn_3 #txt h1 {
	background: #d9ae15; /* url(../img/fd_h1_3.gif) repeat-y;*/
	}
	
#ctn_19 #txt h1, #ctn_23 #txt h1 {
	background: #b9004b;	
}
	
	
#ctn_2 #txt h2 {
	color: #eb6811;
	}
	
#ctn_3 #txt h2 {
	color: #d9ae15;
	}
	
#ctn_19 #txt h2, #ctn_23 #txt h2 {
	color: #b9004b;	
}	
	
	
#txt li {
	background:url(../img/puce_1.png) no-repeat 0px 5px;
	padding-left:13px;
	}
	
#ctn_2 #txt li {
	background:url(../img/puce_2.png) no-repeat 0px 5px;
	padding-left:13px;
	}
	
#ctn_3 #txt li {
	background:url(../img/puce_3.png) no-repeat 0px 5px ;
	padding-left:13px;
	}
	
	
/* traitements particuliers des calques */

#ctn_4 #menu_accordeon, #ctn_12 #menu_accordeon, #ctn_13 #menu_accordeon, #ctn_19 #menu_accordeon, #ctn_23 #menu_accordeon, #ctn_24 #menu_accordeon, #ctn_25 #menu_accordeon, #ctn_33 #menu_accordeon, #ctn_111 #menu_accordeon {
	display: none;	
}

#ctn_4 #txt, #ctn_12 #txt, #ctn_13 #txt, #ctn_23 #txt, #ctn_24 #txt, #ctn_25 #txt, #ctn_33 #txt {
	margin: 0 0 0 25px;
}

#ctn_12 #txt, #ctn_23 #txt {
	width: 655px;		
}

#ctn_4 #txt, #ctn_13 #txt, #ctn_19 #txt, #ctn_24 #txt, #ctn_25 #txt, #ctn_33 #txt, #ctn_111 #txt {
	width: 855px;
}

#ctn_5 #txt, #ctn_6 #txt, #ctn_17 #txt, #ctn_15 #txt, #ctn_18 #txt  {
	width: 637px;	
}

#ctn_4 #droite, #ctn_5 #droite, #ctn_6 #droite, #ctn_13 #droite, #ctn_17 #droite, #ctn_18 #droite, #ctn_19 #droite, #ctn_24 #droite, #ctn_25 #droite, #ctn_33 #droite, #ctn_111 #droite {
	display: none;	
}


#txt .flot_r {
	float: right;
	padding: 0 0 10px 10px;	
}




#txt ul
{
	margin:0px 0px 10px 0px;
	padding-left:0px;
}

#txt li
{
	list-style:none;
}

#txt ol {
	margin:0px 0px 10px 20px;
}
		
#txt a, #txt a:hover
{
	color:#58585a;
}
	
#txt a
{
	text-decoration:underline;
}

#txt a:hover
{
	text-decoration:none;
}

#txt li a {
	text-decoration: none;
}

#txt li a:hover {
	text-decoration: underline;
}





#txt h3, #txt h4
{
	color:#58585a;
}

#txt h2 a, #txt h2 a:hover 
{
	text-decoration:none;
	background:url(../img/fleche.png) no-repeat 0px 3px;
	padding-left:12px;
}


#txt img {
	float:left;
	margin-right:10px;
	}