/* Copyright 2009 TUNIINFORYOU */

/* TIC */

*{
	padding:0;
	margin:0;
}

body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
a{	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif ;
	font-size:12px;}

/* contenu globale du site par rapport au body */

#global{
	width:856px;
 
	margin-left:auto;
	margin-right:auto;
}

#global_intro{
	width:400px;
	margin-top:300px;
	margin-left:auto;
	margin-right:auto;
}

#global_intro embed{
	
}

#global_intro2{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#global_intro embed{
	
}

/* logo */

#logo{
	float:left;
	width:20%;
	height:109px;
	 
}

/* header */

#header{
	width:100%;
	height:109px;
}

/* recherche */

#recherche{
	float:left;
	
 
	 
	padding-top:75px;
	width:35%;
	padding-left:12%;
 
}

#recherche input{
	float:left;
	width:174px;
	height:20px;
	margin-top:5px;
	background-color:#f7f9f1;
	border:#d0d9af solid 1px;
}

#recherche p{
	float:left;
	margin-top:9px;
	margin-right:6px;
	font-family:"Century Gothic";
	font-size:12px;
	color:#004c99;
	font-weight:bold;
}

#ok{
	float:left;
	margin-left:6px;
	cursor:pointer;
}

/* login */

#login{
	float:left;
	padding-top:2px;
	padding-left:8px;
 
 
	
}

/* langue */

#langue{
	cursor:pointer; 
	padding-bottom:30px;
	padding-left:122px;
}

.flag{
	float:left;	
	width:30px;
	padding-top:2px;
}

#topmenu{
	width:100%;
	height:34px;
	
}

#langue span{
	float: left;
	margin-top:7px;
	font-family:"Century Gothic";
	font-size:12px;
	color:#004c99;
	font-weight:bold;
}

/* espace client */

#espace_client{
	height:77px;
	width:274px;
	 
	background-image:url(../img/bg_login.png);
	background-repeat:no-repeat;
	}
	
#espace{
	padding-top:6px;
	padding-left:145px;
	}
	
#espace p{
	padding-bottom:3px;
	font-family:"Century Gothic";
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	}
	
#espace p img{
	padding-right:4px;
	}
	
#login_espace p{
	float: left;
	font-family:"Century Gothic";
	font-size:12px;
	color:#FFFFFF;
	margin-left:8px;
}

#login_espace input{
	width:155px;
	height:18px;
 margin-left:68px;
}

#pwd_espace p{
	float: left;
	font-family:"Century Gothic";
	font-size:12px;
	color:#FFFFFF;
		margin-left:8px;
}

#pwd_espace input{
	 width:155px;
	height:18px;
	margin-left:20px;
 
}

#login_espace1 p{
	float: left;
	font-family:"Century Gothic";
	font-size:12px;
	color:#FFFFFF;
	margin-left:8px;
}

#login_espace1 input{
	width:155px;
	height:18px;
 margin-left:68px;
  _margin-left:50px;
}

#pwd_espace1 p{
	float: left;
	font-family:"Century Gothic";
	font-size:12px;
	color:#FFFFFF;
		margin-left:8px;
}

#pwd_espace1 input{
	 width:155px;
	height:18px;
	margin-left:45px; 
	_margin-left:27px; 
}

/* menu */
.cote_menu{
	width:1%;
	float:left;
	background-image:url(../img/cot_menu_l.png);
	height:30px;
	clear:left;
	}

#menu{
	float:left;
	width:99%;
	height:30px;
	background-color:#004c99;
 z-index:5000;
	 
}

ul.topnav {
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
 
 
	
}


ul.topnav li img{
	padding-left:2px;
	padding-right:2px;
}

ul.topnav li {
	float: left;
	margin:0;
	padding:0;
	position: relative;
	color:#FFF;
	 
 
}
ul.topnav li a{
	text-decoration:none;
	font-family:"Century Gothic";
	font-size:13px;
	color:#FFFFFF;
	float:left;
 
	background: #004c99;
	line-height:2;
	height:30px;
 
	 
	padding-left:13px;
	padding-right:13px;
	 
}

ul.topnav li a:hover{
	text-decoration:none;
	font-family:"Century Gothic";
	font-size:13px;
	color:#FFFFFF;
	float:left;
    line-height:2;
	background: #a5c543;
    height:30px;	 
}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 77px;
	_width: 70px;
	height: 30px;
	margin:0px 0 0 -77px;
	_margin:0px 0 0 -99px;
	position:absolute;
	/*float: left;*/
	background: none;
	cursor:pointer;
	 
}

ul.topnav li span.subhover {
	width:320px;
	background-position: center bottom; 
	cursor: pointer;
	}
	 /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -2px; top:25px;
	background: #004c99;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 337px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #004c99;
 
margin-top:5px;
}


ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 340px;
	 
 
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 320px;
	background: #004c99 url(images/arrow2.png) no-repeat 10px center;
	padding-left: 4px;
  text-align:left;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #004C99 url(images/arrow2.png) no-repeat 15px center;
	background: #a5c543;
	width: 320px;
 
	 
}

.acces_extra{
	font-family:"Century Gothic";
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:192px;
	_margin-left:175px;
	padding-top:5px;
	float:right;
	margin-right:7px;
}
#content{ float:left;   }
#presentation{  float:left; width:575px}
#notre_g{ float:left; width:272px;  margin-left:8px !important;
			 margin-left:4px;}
			 
			 
			 #notre_g2{
	float:left;
	width:32%;
	 
}


 #notre_g3{
	float:left;
	width:32%;
	margin-left:6px;
 
 
}


#notre_g4{
	float:left;
	width:272px;
	margin-left:10px;
}



#content2{ float:left; margin-top:5px;  }
#content3{ float:left ;margin-top:5px;  }
#certification{  float:left; width:575px}

#rhum{  float:left; width:575px; margin-top:5px;}
#contact{  float:left; width:855px}
#actualite{  float:left; width:272px;  margin-left:8px !important;
			 margin-left:4px;
			   }
			   
			   
			   #actualite2{  float:left; width:100%;   
			   }

.movie {
				width: 99%;
				height: 100%;
				
			}
			div.movie {
				 
				 
			 border: solid #b2bdc9 1px;
			 
			 
			}
			
			#divng{ float:left; width:272px;  margin-left:8px !important;
			 margin-left:4px;}
			 
			 
			#divng2{ float:left; width:100%;}
			 
			 
			 
#tile_pre{ background:url(../img/title_presentation.png) no-repeat; width:520px; height:22px ; }
#tile_cert{ background:url(../img/title_certification.png) no-repeat; width:520px; height:22px ; }
#tile_rh{ background:url(../img/title_rh.png) no-repeat; width:520px; height:22px ; }
#tile_npq{ background:url(../img/title_npq.png) no-repeat; width:520px; height:22px ; }
#tile_act{ background:url(../img/title_act.png) no-repeat; width:153px; height:22px ; }
#tile_contact{ background:url(../img/title_contact.png) no-repeat; width:583px; height:22px ; }
#tile_fc{ background:url(../img/title_fc.png) no-repeat; width:583px; height:22px ; }
#tile_qsn{ background:url(../img/title_qsn.png) no-repeat; width:300px; height:22px ; }
#tile_ref{ background:url(../img/title_ref.png) no-repeat; width:300px; height:22px ; }
#tile_nr{ background:url(../img/title_nr.png) no-repeat; width:300px; height:22px ; }
#tile_crs{ background:url(../img/title_crs.png) no-repeat; width:300px; height:22px ; }
#tile_rsc{ background:url(../img/title_rsc.png) no-repeat; width:350px; height:22px ; }
#tile_cnd{ background:url(../img/title_cnd.png) no-repeat; width:300px; height:22px ; }
#tile_ng{ background:url(../img/title_ng.png) no-repeat; width:250px; height:22px ; }
#tile_date{ background: url(../img/title_date.png) no-repeat; width:250px; height:22px ; }

#tile_pre_en{ background:url(../img/title_presentation_en.png) no-repeat; width:520px; height:22px ; }
#tile_cert_en{ background:url(../img/title_certification_en.png) no-repeat; width:520px; height:22px ; }
#tile_rh_en{ background:url(../img/title_rh_en.png) no-repeat; width:520px; height:22px ; }
#tile_npq_en{ background:url(../img/title_npq_en.png) no-repeat; width:520px; height:22px ; }
#tile_act_en{ background:url(../img/title_act_en.png) no-repeat; width:153px; height:22px ; }
#tile_contact_en{ background:url(../img/title_contact_en.png) no-repeat; width:583px; height:22px ; }
#tile_fc_en{ background:url(../img/title_fc_en.png) no-repeat; width:583px; height:22px ; }
#tile_qsn_en{ background:url(../img/title_qsn_en.png) no-repeat; width:300px; height:22px ; }
#tile_ref_en{ background:url(../img/title_ref_en.png) no-repeat; width:300px; height:22px ; }
#tile_nr_en{ background:url(../img/title_nr_en.png) no-repeat; width:300px; height:22px ; }
#tile_crs_en{ background:url(../img/title_crs_en.png) no-repeat; width:300px; height:22px ; }
#tile_rsc_en{ background:url(../img/title_rsc_en.png) no-repeat; width:350px; height:22px ; }
#tile_cnd_en{ background:url(../img/title_cnd_en.png) no-repeat; width:300px; height:22px ; }
#tile_ng_en{ background:url(../img/title_ng_en.png) no-repeat; width:250px; height:22px ; }
#tile_date_en{ background: url(../img/title_date_en.png) no-repeat; width:250px; height:22px ; }

.contact_btn{ background-color:#add533; border: solid 1px #b7dc45; color:#FFF }
.contact_btnhov{ background-color:#9dbc3f; border: solid 1px #b7dc45; color:#FFF }
#cont_contact{ border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px; padding-bottom:10px; float:left }
#cont_act{ border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px;  padding-bottom:10px; height:154px ;_height:150px ;*height:150px ; }
#cont_act2{ border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px;  padding-bottom:10px; height:154px ;*height:162px ;_height:165px ; }
#cont_act3{ border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px;  padding-bottom:10px; height:205px ;*height:208px ;_height:208px ; }
#cont_act4{ border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px;  padding-bottom:10px; height:222px ;*height:225px ;_height:225px ; }
#cont_ng{border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px;  padding-bottom:6px; padding-top:10px; }
#cont_ng_2{border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px;  padding-bottom:5px; margin-top:5px; }
#cont_cert{ border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px; float:left   }
#cont_crs{ border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px; float:left ; width:565px;  }
#cont_pre{ border: solid #b2bdc9 1px; color:#032b65; padding-left:5px; padding-right:5px }
/*#menu ul{
	
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
	padding-top:5px;
}

#menu li{
	display:inline;	
}

#menu ul img{
	padding-left:13px;
	padding-right:13px;
}

#menu a{
	text-decoration:none;
	font-family:"Century Gothic";
	font-size:13px;
	color:#FFFFFF;
	background-color:#004c99;
}

#menu a:hover{
	text-decoration:none;
	font-family:"Century Gothic";
	font-size:13px;
	color:#FFFFFF;
	background-color:#CBD300;
}

#menu span{
	font-family:"Century Gothic";
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:222px;
	padding-top:5px;
	}
	
#menu span img{
	margin-right:3px;
	}

/* banner */

#banner{	 
	 z-index:-1;	 
	 border: solid #b2bdc9 1px;
	 margin-bottom:5px;
	 height:243px;
}

#banner embed{
	margin-left:0px;
	_margin-right:4px;
 
}

/* bloc */

#bloc1{
	float:left;
	width:247px;
	height:470px;
	margin-right:2px;
	border:#cddceb solid 1px;
}

#bloc1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002d60;
	text-align:justify;
	padding:10px;
}

#bloc1 h2{
	background-image:url(../img/bloc1_head.png);
	background-repeat:no-repeat;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#013a74;
	padding-top:20px;
	padding-left:80px;
}

#bloc2{
	float:left;
	width:247px;
	height:470px;
	margin-right:2px;
	border:#cddceb solid 1px;
}

#bloc2 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002d60;
	text-align:justify;
	padding:10px;
}

#bloc2 h2{
	background-image:url(../img/bloc2_head.png);
	background-repeat:no-repeat;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#013a74;
	padding-top:20px;
	padding-left:80px;
}

#bloc2 span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#013a74;
}

#bloc3{
	float:left;
	width:247px;
	height:470px;
	margin-right:4px;
	border:#cddceb solid 1px;
}

#bloc3 p{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002d60;
	text-align:justify;
	padding:5px;
}

#bloc3 h2{
	background-image:url(../img/bloc3_head.png);
	background-repeat:no-repeat;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#013a74;
	padding-top:20px;
	padding-left:80px;
}

#bloc4{
	float:left;
	width:21%;
	height:470px;
}

#bloc4 span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
	
}

#bloc4 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:justify;
	padding:0px 10px;
}

#bloc4 h2{
	background-image: url(../img/bloc4_head.png);
	background-repeat:no-repeat;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:bold;
	padding-top:20px;
	padding-left:5px;
}

#bloc4_bottom{
	background-image:url(../img/bloc4_bottom.png);
	background-repeat:no-repeat;
	height:91px;
	margin-top:131px;
	_margin-top:144px;
	}

.savoir_plus {
	padding-left:180px;
}

.savoir_plus a{
	text-decoration:underline;
	color:#5a5e00;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#certif{
	position: relative;
	margin-left:15px;
}

#certif IMG {
    position:absolute;
    top:8px;
    left:8px;
   
}

#certif IMG.active {
  
}

#certif IMG.last-active {
    
}

/* inner */

#inner{
	float:left;
	width:100%;
	margin-top:20px;
}

#inn1{
	float:left;
	width:748px;
	height:110px;
	margin-right:4px;
	border:#cddceb solid 1px;
}

#inn1 img{
	float:left;
	position:absolute;
	padding-top:0px;
	padding-left:20px;
}

#inn1_head{
	height:17px;
	background-color:#dbe5bd;
	margin-top:4px;
}

#inn1 p{
	color:#00254a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:99px;
	padding-right:10px;
	padding-top:5px;
}

#inn2{
	float:left;
	width:202px;
	height:140px;
}

#inn2 h2{
	background-image:url(../img/inn2_head.png);
	background-repeat:no-repeat;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#013a74;
	padding-left:100px;
	padding-top:20px;
}

#inn2 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#013a74;
	text-align:justify;
	padding:1px;
}

/* footer */

#footer{
	float:left;
	width:100%;
 
	margin-top:5px;
}

/* menu bas */

#menu_bas{
	float:left;
 
	height:25px;
	background-color:#004c99;
	color:#FFFFFF;
	padding-top:5px;
	padding-left:10px;
	font-weight:bolder
}

#menu_bas a{
	text-decoration:none;
	font-size:11px;
	color:#FFFFFF;
	font-family:"Century Gothic";
	padding-right:4px;
}

#cote_l{
	width:1%;
	float:left;
	background-image: url(../img/cot_menu_l.png);
	height:30px;
	}

#cote_r{
	width:3%;
	float:left;
	background-image: url(../img/cot_menu_r.png);
	background-repeat:no-repeat;
	height:30px;
}

/* copyright */

#copyright{
	float:right;
	padding-top:6px;
	
}

#copyright a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;}

#copyright p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	
}

#img_contact{ float:left; width:63px; height:70px; }
#contenu{ float:left; width:780px;}
#img_cert{ float:left;margin-left:32px; margin-right:20px; _margin-right:8px; _margin-left:23px; width:100px; margin-top:5px; margin-bottom:5px; _margin-bottom:0px;}

#cert_txt{ float:left; width:410px;}
 #rh_txt{ float:left;  }
  #npq_txt{ float:left; width:563px;  }
#sv_cert{ float:left; width:93px; margin-top:135px;}


.suit a{float:right; margin:20px; font-size:14px; height:20px; font-weight:bold; clear:both}
.suit a:hover{float:right; margin:20px; font-size:20px; height:20px;clear:both}



.suit2 a{float:right; margin:20px; font-size:14px; height:20px; font-weight:bold;clear:both}
.suit2 a:hover{float:right; margin:20px; font-size:20px; height:20px;clear:both}




#verticaltextmenu,
ul.bsm{
 margin: 0px auto;
 border:1px solid #B0B0B0;
 list-style-type: none;
}

ul.bsm li{
 border-left:2px solid #FFFFFF;
}
ul.bsm li.first,
#verticaltextmenu div.first{
 border-style: none;
}
ul.vertical li,
div.vertical div{
 border-top: 2px solid #ffffff;
 border-left-style: none;
}

#textmenu,
#fullwidthmenu{
 font-size:14pt;
 font-weight:bold;
}
#textmenu li,
#fullwidthmenu li{
 background-image:url(../img/icons/byslidemenu.png);
 background-repeat:no-repeat;
 padding:4px 0 0 40px;
}
#textmenu li.icon1, #fullwidthmenu li.icon1{ background-position: 9px 4px; }
#textmenu li.icon2, #fullwidthmenu li.icon2{ background-position: 9px -22px; }
#textmenu li.icon3, #fullwidthmenu li.icon3{ background-position: 9px -48px; }
#textmenu li.icon4, #fullwidthmenu li.icon4{ background-position: 9px -74px; }
#textmenu li.icon5, #fullwidthmenu li.icon5{ background-position: 9px -100px; }
#textmenu li.icon6, #fullwidthmenu li.icon6{ background-position: 9px -126px; }
#textmenu li.icon7, #fullwidthmenu li.icon7{ background-position: 9px -152px; }
#textmenu li.icon8, #fullwidthmenu li.icon8{ background-position: 9px -178px; }
 #textmenu li.icon9, #fullwidthmenu li.icon9{ background-position: 9px -204px; }
 
 .bg1{ background-color: #F3F3F3; }
 .bg2{ background-color: #E5E5E5; }
 
 #verticaltextmenu h5{
  font-size:16pt;
 margin:2px 0 0;
  text-align:center;
 }
 #verticaltextmenu p{
  font-size:14pt;
  margin:0px;
  padding:5px;
  text-align:justify;
 }



.texte_tab{ background-color: #FFF}

.texte2_tab{ background-color: #FFF}


#ref1{ float:left;  text-align:center;   display:inline}

#log, #pwd{
	width:70px;
}