/******************************************************************************************************************/
/*******************		DEBUT DE FEUILLE DE STYLE : ONCF.MA		***********************************************/
/******************************************************************************************************************/


/******************************************************************************************************************/
/* GENERAL  */	

.animation {
	position:relative;
	left:15px;
}

.anim_intro {
	position:absolute;
	top:0px !important;
	left:220px !important;
	left:230px;	
	z-index:99999999;
}

/******************************************************************************************************************/
body
{
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px; 
 	font-family: Tahoma, Arial, Helvetica,  ;
	font-size: 11px;
	font-weight: normal;
	color: #3C4853;	
}
/******************************************************************************************************************/
img {
 	border:0;
}
 
/******************************************************************************************************************/
/* TEXTE  */	
/******************************************************************************************************************/
td {
	font-family: Tahoma, Arial, Helvetica,  ;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
.ttr-orange {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FB6300;
}

.ttr-orange3 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FB6300;
}

.ttr-orange2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FCAF7A;
}
.ttr-blanc {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.ttr-home {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #492D1A;
	display:block;
	padding-top:5px;
}
.txt-home {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
.ttr-gras {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.ttr-horaire, .ttr-simple {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #3C4853;
} 
.txt-horaire {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #3C4853;
} 
.txt-apel-1 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFE3CF; 
}
.txt-apel-2 {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFD1A6;
}
.txt-simple10 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #3C4853;
}
.txt-orange {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FB6300;
}
.txt-orange10 {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FB6300;
}
.txt-orange12 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
}
.txt-small{
	font-family: Tahoma, Arial, Helvetica,  ;
	font-size: 9px;
	font-weight: normal;
	color: #3C4853; 	
}
.txt-small2{
	font-family: Tahoma, Arial, Helvetica,  ;
	font-size: 10px;
	font-weight: normal;
	color: #6C6C6B; 	
}
.txt-asavoir {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #333333; 
  	margin: 8px 0px 15px 15px; 
}
.txt-transversal {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #FBC8A4; 
	/*background-color: #FB6516; */
	background:url(../Images/visuels/fond_trans.gif); 
	 
	 
  	padding: 5px 5px 3px 8px;}  
.txt-transversal-b {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #FBC8A4; 
	background-color: #FB6516;    
  } 
.txt-transversal2 {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #6F6F6C; 
	background-color: #E0DED6;    
  	padding: 5px 5px 3px 8px;}  
.txt-transversal3 {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #6F6F6C; 
	background-color: #CCCCCC;    
  	padding: 5px 5px 3px 8px;}  
.txt-fanid {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #FBE1CE;    }   
.txt-gris5 {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #706E6C;    }  
 
.ttr-small{
	font-family: Tahoma, Arial, Helvetica,  ;
	font-size: 9px;
	font-weight: bold;
	color: #3C4853;
}
.ttr-srub{
	font-family: Tahoma, Arial, Helvetica,  ;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.ttr-gris14{
	font-family: Tahoma, Arial, Helvetica,  ;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.ttr-orange14{
	font-family: Tahoma, Arial, Helvetica,  ;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}


/******************************************************************************************************************/
 
 
 
/******************************************************************************************************************/
/* general */ 
/******************************************************************************************************************/
p {
	  margin: 6pt 0pt 5pt 0pt;
}
.mrg{
margin-left: 5px;
}
hr {
	  color: #ff0000;
}
.liste-news
{
	list-style-image: url(../images/pictos/puce.gif);
	font-family: Tahoma, Helvetica, sans-serif;
	color: #666666;	
	font-size: 10px;
	font-weight: bold;
	margin-left: 20px; 
}
/******************************************************************************************************************/




/******************************************************************************************************************/
/* LIENS  */	
/******************************************************************************************************************/
a:link, a:active, a:visited  
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF944D; text-decoration: underline}
a:hover 					 
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF944D; text-decoration: none}
/******************************************************************************************************************/
a.link-suite0:link, a.link-suite0:active, a.link-suite0:visited  
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF6600; text-decoration: none}
a.link-suite0:hover 					 
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF6600; text-decoration: underline}
/******************************************************************************************************************/
a.link-type:link, a.link-type:active, a.link-type:visited  
{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FF6600; text-decoration: none}
a.link-type:hover 					 
{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FF944D; text-decoration: underline}/******************************************************************************************************************/
a.link-orange11:link, a.link-orange11:active, a.link-orange11:visited  
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF6600; text-decoration: none}
a.link-orange11:hover 					 
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF944D; text-decoration: underline}/******************************************************************************************************************/

/******************************************************************************************************************/
a.link-mail:link, a.link-mail:active, a.link-mail:visited  
{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666666; text-decoration: none}
a.link-mail:hover 					 
{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none}
/******************************************************************************************************************/

/******************************************************************************************************************/
/* LIENS HYPERTEXTE : MENU HAUT */ 	   
/******************************************************************************************************************/
a.link-menu:link, a.link-menu:active, a.link-menu:visited 
{background-image:url(../images/pictos/puce.gif); background-repeat:no-repeat; background-position:0% top; padding-left:10px; font-family: Tahoma, Helvetica, sans-serif; color: #666666; font-size: 10px; font-weight: bold; text-decoration: none;}
a.link-menu:hover  			 					 
{background-image:url(../images/pictos/puce-noir.gif); background-repeat:no-repeat; background-position:0% top; padding-left:10px; font-family: Tahoma, Helvetica, sans-serif; color: #000000; font-size: 10px; font-weight: bold; text-decoration: none;}
/******************************************************************************************************************/
a.link-actu:link, a.link-actu:active, a.link-actu:visited 
{font-family: Tahoma, Helvetica, sans-serif; color: #666666; font-size: 10px; font-weight: bold; text-decoration: none;}
a.link-actu:hover  			 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #000000; font-size: 10px; font-weight: bold; text-decoration: none;}
/******************************************************************************************************************/
a.link-srub:link, a.link-srub:visited  
{font-family: Tahoma, Helvetica, sans-serif; width:auto; color: #3C4853; font-size: 10px; font-weight: normal; text-decoration: none; margin-left: 6 px}
a.link-srub:hover, a.link-srub:active		 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #FF6600; font-size: 10px; font-weight: normal; text-decoration: NONE; margin-left: 6 px}
.link-srub-active	 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #FF6600; font-size: 10px; font-weight: normal; text-decoration: NONE; margin-left: 6 px; cursor:pointer;}
/******************************************************************************************************************/
a.hlink-srub:link, a.hlink-srub:visited{font-family: Tahoma, Helvetica, sans-serif; width:auto; color: #3C4853; font-size: 10px; font-weight: normal; text-decoration: none; margin-left: 6px;padding-left:5px;}
a.hlink-srub:hover, a.hlink-srub:active{font-family: Tahoma, Helvetica, sans-serif; color: #FF6600; font-size: 10px; font-weight: normal; text-decoration: NONE; margin-left:6px;padding-left:5px;}
/******************************************************************************************************************/
a.link-all:link, a.link-all:active, a.link-all:visited 
{font-family: Tahoma, Helvetica, sans-serif; color: #FF6600; font-size: 11px; font-weight: bold; text-decoration: none;}
a.link-all:hover  			 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #3C4853; font-size: 11px; font-weight: bold; text-decoration: underline;}
/******************************************************************************************************************/
a.link-docs:link, a.link-docs:active, a.link-docs:visited 
{font-family: Tahoma, Helvetica, sans-serif; color: #908888; font-size: 11px; font-weight: bold; text-decoration: none; margin-left: 6 px}
a.link-docs:hover  			 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #333333; font-size: 11px; font-weight: bold; text-decoration: underline; margin-left: 6 px}
/******************************************************************************************************************/
a.link-suite:link, a.link-suite:active, a.link-suite:visited 
{font-family: Tahoma, Helvetica, sans-serif; color: #333333; font-size: 9px; font-weight: normal; text-decoration: none; }
a.link-suite:hover  			 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #000000; font-size: 9px; font-weight: normal; text-decoration: underline; }
/******************************************************************************************************************/
a.link-3niv:link, a.link-3niv:active, a.link-3niv:visited 
{font-family: Tahoma, Helvetica, sans-serif; color: #F8F9F5; font-size: 11px; font-weight: normal; text-decoration: none; margin-left: 9px;}
a.link-3niv:hover  			 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #FFC197; font-size: 11px; font-weight: normal; text-decoration: none;  margin-left: 9px; }
/******************************************************************************************************************/
a.link-3niv-on:link, a.link-3niv-on:active, a.link-3niv-on:visited, .link-3niv-on
{font-family: Tahoma, Helvetica, sans-serif; color: #FFC197; font-size: 11px; font-weight: normal; text-decoration: none; margin-left: 9px; }
a.link-3niv-on:hover  			 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #F8F9F5; font-size: 11px; font-weight: normal; text-decoration: none;  margin-left: 9px; }
/******************************************************************************************************************/
a.link-transvblanc:link, a.link-transvblanc:active, a.link-transvblanc:visited 
{font-family: Tahoma, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; font-weight: normal; text-decoration: none; background-image:url(../images/pictos/fleche-menu.gif); background-repeat:no-repeat; background-position:0% 50%; padding-left:15px; } 
a.link-transvblanc:hover  			 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; font-weight: normal; text-decoration: underline;    }
/******************************************************************************************************************/
a.link-transvornage:link, a.link-transvornage:active, a.link-transvornage:visited 
{font-family: Tahoma, Helvetica, sans-serif; color: #FF6600; font-size: 10px; font-weight: normal; text-decoration: none; background-image:url(../images/pictos/fleche-menu2.gif); background-repeat:no-repeat; background-position:0% 50%; padding-left:15px; } 
a.link-transvornage:hover  			 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #FF6600; font-size: 10px; font-weight: normal; text-decoration: underline;    }
/******************************************************************************************************************/
a.link-smallo:link, a.link-smallo:active, a.link-smallo:visited 
	{font-family: Tahoma, Helvetica, sans-serif; color: #FF6600; font-size: 9px; font-weight: normal; text-decoration: none;   }
a.link-smallo:hover  			 					 
{font-family: Tahoma, Helvetica, sans-serif; color: #333333; font-size: 9px; font-weight: normal; text-decoration: underline; }
/******************************************************************************************************************/
a.link-homeactu:link, a.link-homeactu:active, a.link-homeactu:visited 
{font-family: Tahoma, Arial, Helvetica,; font-size: 11px; font-weight: normal; color: #492D1A; text-decoration: none; }
a.link-homeactu:hover  			 					 
{font-family: Tahoma, Arial, Helvetica,; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; }/******************************************************************************************************************/



/******************************************************************************************************************/
/* FORMULAIRES */
/******************************************************************************************************************/
.searche
{font-family: Tahoma;
font-size: 10px;
color: #FF6600;
width: 125px;
height: 18px; 
padding-left: 4px;
}
.login
{font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #666666;
width: 109px;
height: 18px; 
padding-left: 4px;
}
.select-sites
 {font-family: Tahoma;
font-size: 10px;
color: #FF6600;
width: 144px;
height: 18px; 
padding-left: 4px;
}
.select-voyage
 {font-family: Tahoma;
font-size: 10px;
color: #FF6600;
width: 105px;
height: 18px; 
padding-left: 4px;
}
.select-h1
 {
	font-family: Tahoma;
	font-size: 11px;
	color: #3C4853;
	width: 160px;
	height: 18px;
	/*text-transform: lowercase; */
	margin-right: 24px; 
}
.select-h2
 {font-family: Tahoma;
font-size: 11px;
color: #3C4853;
width: 118px;
height: 17px; 
padding-left: 3px;
margin-right: 12px;
}
.select-h3
 {
	font-family: Tahoma;
	font-size: 11px;
	color: #3C4853; 
	height: 18px;
	text-transform: lowercase; 
}
.select-h4
 {
	font-family: Tahoma;
	font-size: 11px;
	color: #3C4853;
	width: 174px;
	height: 18px;
	padding-left: 3px; 
	text-transform: lowercase; 
	margin-right: 12px; 
}
.btn-cherche 
 {
	font-family: Tahoma;
	font-size: 10px;
	color: #FFFFFF;
	width: 55px;
	height: 18px; 
	border: 0px;
	text-align: center;	
	cursor:pointer;
	background-color: #FF6600;
	background-image: url('../images/form/fond-input.gif');
	background-repeat:no-repeat;
	
}
.btn-valider 
 {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	width: 55px;
	height: 18px; 
	border: 0px;
	text-align: center;	
	cursor:pointer; 
	background-image: url('../images/form/fond-btn-valider.gif');
	background-repeat:no-repeat;
}
.btn-effacer 
 {
	font-family: Tahoma;
	font-size: 11px;
	color: #10212C;
	width: 55px;
	height: 18px; 
	border: 0px;
	text-align: center;	
	cursor:pointer; 
	background-image: url('../images/form/fond-btn-effacer.gif');
	background-repeat:no-repeat;
}
/******************************************************************************************************************/


input
{ 
border: 1px #E0E2E3 solid;
color: #FF6600;
font-family: tahoma;
font-size: 11px;
height: 18px;
padding-left: 4px;

}


.Date_IN
{ 
border: 1px #E0E2E3 solid;
color: #3C4853;
font-family: tahoma;
font-size: 11px;
height: 18px;
padding-left: 4px;

}

input.logs
{ 
border: 1px solid;
color: #FF6600;
font-family: tahoma;
font-size: 11px;
height: 18px;
padding-left: 4px
}
.noborder
{ 
border: 0px solid; 
}
.inputsimple
{
background-color: #EBEBE5;
border: 0px ; 
}
input.boutonradio,input.boutonvalider
{
background-color: #FBF9F4;
border: 0px #FBF9F4 solid;
color: #FF6600;
font-family: tahoma;
font-size: 11px;
padding-left: 4px}

textarea
{
	font-family: tahoma;
	font-size: 11px;
	color: #FF6600; 
	border: 1px solid #E0E2E3;  
  background-color: #FFFFFF;
} 
.select-pays
 {font-family: Tahoma;
font-size: 10px;
color: #333333;
width: 130px;
height: 18px; 
padding-left: 4px;
}
.select-big
 {font-family: Tahoma;
font-size: 10px;
color: #333333;
width: 305px;
height: 18px; 
padding-left: 4px;
}

/******************************************************************************************************************/
.fond-appels-offres 
 {
	background-image: url('../images/bloc/fond-appels-offres.gif');
 	width: 195px;
	height: 55px;
}

a.ska:link, a.ska:visited					 
{font-family: Tahoma, Helvetica, sans-serif; color: #3C4853; font-size: 11px; font-weight: normal; text-decoration: NONE;}
a.ska:hover
{font-family: Tahoma, Helvetica, sans-serif; color: #FF6600; font-size: 11px; font-weight: normal; text-decoration: NONE;}
.ska
{font-family: Tahoma, Helvetica, sans-serif; color: #FF6600; font-size: 11px; font-weight: normal; text-decoration: NONE;}
.skan
{font-family: Tahoma, Helvetica, sans-serif; color: #3C4853; font-size: 11px; font-weight: normal; text-decoration: NONE;}



/******************************************************************************************************************/
.mrg22
 {
	margin: 22px 0px 12px 22px;
}
.mrgdroit10
 {
	margin: 0px 8px 0px 2px;
}
.mrgdroit15
 {
	margin: 0px 15px 5px 0px;
}
.pad10
 {
	margin: 3px 3px 3px 16px;

}
.pad-rub
 {
	padding: 3px;
	margin: 1px 0px 3px 4px;

}
.sep-body 
 {  width: 780px;
	height: 28px; 
	border: 0px; 	
	cursor:pointer;
	background-color: #FBF9F4; 
}
UL  { 
 margin-left: 10px;
 padding-left: 0px;
} 
li {
	list-style-image: url(../images/pictos/puce-s.gif);  
	list-style-position: inside;
}


.justif
{
	text-align: justify;
}
.comment-content1 {  
	background-position: top left; 
	border-bottom: 1px dotted #FB6516;
	border-top: 1px dotted #121E28;
	margin: 1em 0;
	padding: 1em  1em;
	background-color: #F0F2EC; 
}
.tabcss {   
	border-bottom: 1px dotted #FB6516;
	border-top: 1px dotted #FB6516;
	background-color: #EBEBE5;  
}
.tabcss2 {   
	border-bottom: 1px dotted #FB6516;
	border-top: 0px;
	background-color: #F3F3EE; 
	margin: 0px 0px 18px 0px;
}
.tabcss3 {   
	border-top: 1px dotted #FB6516; 
	background-color: #F3F3EE;  
}
.fond-bigselect{
	background-color: #EBEBE5;
	vertical-align: middle;  
	padding : 8px; 
} 
.fond-srub{
	background-position: top;
	background-image: url(../images/bloc/fond-srub.jpg);
	background-repeat: no-repeat;


} 
.trait-orange  {    
	border: 1px dotted #121E28;
	margin: 1em 0;  
}
/******************************************************************************************************************/
/*******************		FIN DE FEUILLE DE STYLE : ONCF.MA		***********************************************/
/******************************************************************************************************************/

a.link-noir:link, a.link-noir:active, a.link-noir:visited 
{ 
font-family: Tahoma ; 
font-size: 10px; 
font-weight: normal; 
color: #000000; 
text-decoration: none;
font-weight: bold;
} 

a.link-noir:hover  			 					 
{ 
font-family: Tahoma ; 
font-size: 10px; 
font-weight: normal; 
color: #000000; 
text-decoration: none;
font-weight: bold;
} 
.titrear
 {
color:#FF6600;
font:19pt Traditional Arabic;
font-weight:bold;
text-decoration:none;
text-align:Right;
margin: 0px 1px 0px 0px;
line-height:22px;
direction:ltr;

}
.pucesimg a
 {
 	border:0;
}
.pucesimg img
 {
 	margin-right:4px;
}

/********************** TARIFS POUR TOUS ***********************/
.accordion_toggle_95 {
display: block;
cursor: pointer;

}
.accordion_toggle_active_95 {
background: url(../images/bg/faq_ac.gif) no-repeat;
color: #ffffff;
border-bottom: 0px solid #4DB6F9;
padding-left: 15px 
}
.accordion_content_95 {
/* REQUIRED */
height: 0px;
/* REQUIRED */
overflow: hidden;
}



/******************************Titre des rubrqiue format text***********************************/

h1{
font:  19px "trebuchet MS", Georgia,"Lucida Sans Unicode";
color: #FF6600; font-weight:normal;
padding: 0; margin: 6px 0 6px 0; 
}