@charset "utf-8";
/* CSS Document */
* {
	margin: 0; padding: 0;
}

body {
background: #fff url(images/page-background.png);
position: relative; /* on positionne le conteneur */   
FONT-FAMILY: "Tahoma", Verdana;

}


A:link {text-decoration: none;color: #000;font-size: 13px;FONT-FAMILY: "Tahoma", Verdana;}
A:visited {text-decoration: none;font-size:13px;color: #000;FONT-FAMILY: "Tahoma", Verdana;}
A:active {text-decoration: none;font-size:13px;FONT-FAMILY: "Tahoma", Verdana;}
A:hover {text-decoration: underline; color:#F90;font-size: 13px;FONT-FAMILY: "Tahoma", Verdana;}

.pied_page {
	clear: both;
	overflow: hidden;
	margin: 3px 0 0 0;
	border: 1px solid #dbdbdb;
     height: 30px;	
	background: #fff url(images/background-footer_admin.png) repeat;
	font-family:"Tahoma", Verdana;
	font-size:14px;
}

A.pied_page{
   
	border:none;
	border: 1px solid #dbdbdb;
	border-bottom:0px;
	background: #fff url(images/background-footer_admin.png) repeat;
	font-family:"Tahoma", Verdana;
	font-size:14px;
	display:block;
}
A:hover.pied_page {
    
	color:#FFF;
	margin: 3px 0 0 0;
	border: 1px solid #dbdbdb;
	background: #fff url(images/button-continue.png) repeat;
	font-family:"Tahoma", Verdana;
	font-size:14px;
	display:block;
	text-decoration:none;
}
-->




strong{color: #126b99 ;}
INPUT, TEXTAREA, SELECT{
	font-size: 13px;
    FONT-FAMILY: "Tahoma", Verdana;
	width:300px;
	
}
.titre_principale {
	color: #FFF;
	font-size: 11px;
}
.titre_index {
	color: #0080C0;
	font-family:"Tahoma", Verdana;
	font-size: 13px;
	font-weight:bold;
}
.accee_rapide 
{	
    background: #fff url(images/heading-background-full.png) top ;
	font-family:"Tahoma", Verdana; 
	font-size:13px;
	height:24px;
	text-align:right;
	font-weight:bold;
}

.accee_menu 
{	
color: #fff;

font-size: 12px;
font-family:"Tahoma", Verdana;
height:20px;
background: #fff url(images/vert.png);
}
/*--------------message-----------*/
.message {	
color: #0C0;
font-size: 12px;
FONT-FAMILY: "Tahoma", Verdana;
height:20px;
}



.alert{	
color: #900;
font-size: 12px;
FONT-FAMILY: "Tahoma", Verdana;
height:20px;
}
.champ{
	width:auto;
	font-size:16px;
	margin:10px;
	font-weight:bold;
}
.champ_auto{
    FONT-FAMILY: "Tahoma", Verdana;
	font-size:12px;
	width: auto;
	

}

/*--------------fin message-----------*/



.td_libelle {	

	font-family:"Tahoma", Verdana;
	font-size:13px;
	color:#000000;
	height:24px;
	text-align:right;
	background-image:url(images/p_haut.png);
	background-repeat:repeat-x;
	background-color:#FFF;
	padding:5px;
}
.td_libelle_Ar {	
 
	font-family:"Traditional Arabic", "Simplified Arabic";
	font-size:18px;
	color:#fff;
	height:18px;
	text-align:right;
	background-color: #0089DA;
	padding-right:5px;
	font-weight:bold;
}
.td_libelle_Fr {	

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	height:12px;
	text-align:left;
	
	background-repeat:repeat-x;
	background-color:#0089DA;
	padding:5px;
}

td { 
font-size: 13px;
FONT-FAMILY: "Tahoma", Verdana;
 }
 

.td_champs{	
color: #00000;
background-color: #E9E9E9;
font-size: 17px;
FONT-FAMILY: "Traditional Arabic", "Simplified Arabic";

text-align:right;
padding-right:5px;
}

.td_champs_Ar{	
color: #00000;
background-color: #E9E9E9;
font-size: 17px;
FONT-FAMILY: "Traditional Arabic", "Simplified Arabic";
text-align:right;
padding-right:5px;
font-weight:bold;
}

.td_champs_Fr{	
color: #00000;
background-color: #E9E9E9;
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
padding-right:5px;
}



.entete{ 
background-image:url(images/entete.jpg);
height:180px;
}
.tableau{
	
	border: 1px solid #dbdbdb;
	padding: 0 0 0 0; margin: 0 0 0px 0;
}
	
/* image*/
.thumbHolder {
    position: relative;
    width: 260px;
    height: 160px;
    background: transparent url(images/thumb-holder.png) no-repeat scroll 0 0;
}

.portfolioImgThumb {
    background-color: #FFFFFF;
    height: 157px;
    overflow: hidden; /* Overflow hidden allows the description to toggle/tuck away as it slides down */
    padding: 0;
    position: relative;
    width: 250px;
    margin: 0 auto;
    top: 14px;
}
.thumbHolder_p {
    position: relative;
    width: 248px;
    height: 118px;
    background: transparent url(images/thumb-holder_p.png) no-repeat scroll 0 0;
}

.portfolioImgThumb_p {
    background-color: #FFFFFF;
    height: 157px;
    overflow: hidden; /* Overflow hidden allows the description to toggle/tuck away as it slides down */
    padding: 0;
    position: relative;
    width: 250px;
    margin: 0 auto;
    top: 14px;
}
/*fin images*/
<!--
ligne_titre {
	color: #47C4D3;
}
.ligne_titre_b {
	color: #f09c34;
}
.ligne_titre_n {
	color: #000;
}
-->


.login 
{	
	font-family:"Tahoma", Verdana;
	font-size:12px;
	color:#000000;
	font-weight:bold;

	padding: 2px 0;
}
.login_td {
border: 1px solid #E1E1E1;
padding: 2px 0;
text-align:right;
 width: 90px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: #666 0px 1px 2px;
 -moz-box-shadow: #666 0px 1px 2px;
 box-shadow: #666 0px 1px 2px;
 background: #FFFFFF;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E5EEE2));
 background: -webkit-linear-gradient(#FFFFFF, #E5EEE2);
 background: -moz-linear-gradient(#FFFFFF, #E5EEE2)
 ;background: -ms-linear-gradient(#FFFFFF, #E5EEE2);
 background: -o-linear-gradient(#FFFFFF, #E5EEE2);
 background: linear-gradient(#FFFFFF, #E5EEE2);
 -pie-background: linear-gradient(#FFFFFF, #E5EEE2);
 behavior: url(PIE.htc);/* CSS3 fixes for IE6-9 */
 behavior: url(PIE.php);/* CSS3 fixes for IE6-9 */
}
.login_ch {
border: 1px solid #E1E1E1;
margin-top:5px;
padding-top:4px; padding-bottom:3px;
 width: 300px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: #666 0px 1px 2px;
 -moz-box-shadow: #666 0px 1px 2px;
 box-shadow: #666 0px 1px 2px;
 background: #FFFFFF;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E5EEE2));
 background: -webkit-linear-gradient(#FFFFFF, #E5EEE2);
 background: -moz-linear-gradient(#FFFFFF, #E5EEE2)
 ;background: -ms-linear-gradient(#FFFFFF, #E5EEE2);
 background: -o-linear-gradient(#FFFFFF, #E5EEE2);
 background: linear-gradient(#FFFFFF, #E5EEE2);
 -pie-background: linear-gradient(#FFFFFF, #E5EEE2);
 behavior: url(PIE.htc);/* CSS3 fixes for IE6-9 */
 behavior: url(PIE.php);/* CSS3 fixes for IE6-9 */
 text-align:right;
}
-->
div#affiche_rubrique {
color:#FFF ;
    width: 790px;
	background-color:#0758A9;
    position:relative;
	padding: 2px;
	overflow: hidden;
	text-align:right;
	z-index:0;
	font-size: 19px;
	font-weight:bold;
    FONT-FAMILY: "Traditional Arabic", "Simplified Arabic";
	
}
div#affiche_rubrique_Ar {
	color:#FFF ;
    width: 790px;
	background-color:#0758A9;
    position:relative;
	padding: 2px;
	overflow: hidden;
	text-align:right;
	z-index:0;
	font-size: 19px;
	font-weight:bold;
    FONT-FAMILY: "Traditional Arabic", "Simplified Arabic";
	
}
div#affiche_rubrique_Fr {
	color:#FFF; 
    width: 790px;
	background-color:#0758A9;
    position:relative;
	padding: 2px;
	overflow: hidden;
	text-align:left;
	z-index:0;
	font-size: 16px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	
}


.conte{
	border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: #666 0px 2px 2px;-moz-box-shadow: #666 0px 2px 2px;box-shadow: #666 0px 2px 2px;background: #FFFFFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DDE0DC));background: -webkit-linear-gradient(#FFFFFF, #DDE0DC);background: -moz-linear-gradient(#FFFFFF, #DDE0DC);background: -ms-linear-gradient(#FFFFFF, #DDE0DC);background: -o-linear-gradient(#FFFFFF, #DDE0DC);background: linear-gradient(#FFFFFF, #DDE0DC);-pie-background: linear-gradient(#FFFFFF, #DDE0DC);behavior: url(/PIE.htc)/* CSS3 fixes for IE6-9 */;
margin-left: auto;   
margin-right: auto;
width: 1000px;
	}
	
div#affiche_rub { 
    width: 300px;
	background-color:#036;
    position:relative
	height: auto;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top:5px;
	margin-bottom: 5px;
	padding-right: 5px;
	overflow: hidden;
	text-align:right;
	color:#FFF;
	z-index:0;
	font-family:"Traditional Arabic", "Simplified Arabic";
	font-size:18px;
	font-weight:bold;
}

.bouton
 {
         color:#0000ff;
         font-size:14px;
         cursor:pointer;
		 color:#626262;
 }
 .bouton:hover
 {
	 font-size:14.2px;
		 color: #FC0;
 }
 .texte
 {
        
 }
 .texte:hover
 {
         
 }

.tabBox .tabs {
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: -1px;
    height: 3.25em;
	
}

.tabBox .tabs li {
    float: right;
    list-style: none;
    margin: 0;
    padding: .25em .25em 0;
    height: 3em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #FFF;
	
}

.tabBox .tabs li.selected {
    z-index: 1;
	
}

.tabBox .tabs a {
    float: right;
    height: 3em;
    line-height: 2em;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #EEE;
    border: 1px solid #CCC;
    border-bottom: 0;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
     behavior: url(PIE.htc);/* CSS3 fixes for IE6-9 */
	 font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	 
}

.tabBox .tabs .selected a {
	z-index:auto;
    background: #FFF;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
	 behavior: url(PIE.htc);/* CSS3 fixes for IE6-9 */
}

.tabBox .tabs a:hover {
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
    background: -webkit-linear-gradient(#EEF, #FFF 70%);
    background: -moz-linear-gradient(#EEF, #FFF 70%);
    background: -ms-linear-gradient(#EEF, #FFF 70%);
    background: -o-linear-gradient(#EEF, #FFF 70%);
    background: linear-gradient(#EEF, #FFF 70%);
    -pie-background: linear-gradient(#EEF, #FFF 70%);
	behavior: url(PIE.htc);/* CSS3 fixes for IE6-9 */
	background: #FFF;
}

.tabBox .content {
    clear: right;
    position: relative;
    z-index: 2;
    padding: 2em 1em;
    border: 1px solid #CCC;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
     behavior: url(PIE.htc);/* CSS3 fixes for IE6-9 */
	
}

/* fin anglet*/		
#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	font-size: 21px;
	font-weight:bold;
    FONT-FAMILY: "Traditional Arabic", "Simplified Arabic";
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}
	/*----------------------pagenation----------------------*/	
ul {list-style:none; text-align:center;}
ul li {display: inline;}
#pagination-flickr ul{
list-style:none; text-align:center;
  }

#pagination-flickr li
{
    border:0; 
    margin:0; 
    padding:0;
    font-size:11px;
    list-style:inline;
}

#pagination-flickr a
{
    border:solid 1px #DDDDDD;
    margin-right:2px;
}

#pagination-flickr .previous-off, #pagination-flickr .next-off 
{
    color:#666666;
    display:block;
    display: inline;
    font-weight:bold;
    padding:3px 4px;
}

#pagination-flickr .next a, #pagination-flickr .previous a 
{
    font-weight:bold;
    border:solid 1px #FFFFFF;
}

#pagination-flickr .active
{
    color:#ff0084;
    font-weight:bold;
    display:block;
   display: inline;
    padding:4px 6px;
}

#pagination-flickr a:link, #pagination-flickr a:visited 
{
    color:#0063e3;
    display:block;
    display: inline;
    padding:3px 6px;
    text-decoration:none;
}

#pagination-flickr a:hover
{
    border:solid 1px #666666;
}
/*---------------------------pagenation------------------------*/
/*--------------------------tooltip----------------------------*/
a.tooltip2 u {
    display:none;
}
a.tooltip2:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip2:hover  {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip2:hover u {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:200px;
	text-decoration:none;
}
a.tooltip em  {
    display:none;
}
a.tooltip u {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:170px;
}
a.tooltip:hover u {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:320px;
	text-decoration:none;
}
a.tooltip:hover em u span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: auto; 
    background: transparent url(image-infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}
a.tooltip:hover u em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: auto; 
    background: transparent url(image-infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}
/*--------------------------fin tooltip------------------------*/
/*--------------------------panier------------------------*/
div.growlUI {
	background: url("images/ajouter_panier.png") no-repeat 10px 1px;
	height:40px;		
}
div.growlUI h1 {
	padding: 5px 5px 5px 75px; text-align: left; color: white; font-size: medium; font-family:"Tahoma";font-size:16px;
}

div.growlUI2 {
	background: url("images/supprimer_ppanier.png") no-repeat 10px 2px;
	height:40px;			
}
div.growlUI2 h1 {
	padding: 5px 5px 5px 75px; text-align: left; color: white; font-size: medium; font-family:"Tahoma"; font-size:16px;
}

.total{  color:#ff0084;
    font-weight:bold;
    display:block;
   display: inline;
    padding:4px 6px;
	font-size:14px;
	text-align:center}
	
/*--------------------------fin panier------------------------*/