/* CSS Document */
body
{
   width: 775px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   
}

#base
{
   width: 775px;
   padding: auto; /* Pour centrer notre page */
   background-color:#FFFFFF;
   border: 1px solid black;
}

/*ENTETE HEADER FIXE*/
#header
{
   width: auto;
   height: 100px;
   background-image: url(../images/hearder.jpg);
   background-repeat: no-repeat;
   margin: auto; /* Pour centrer notre page */
   border-bottom:1px solid #000000;
   padding-top: 0px;
   margin-bottom:0px;
}

#logo
{
	width: 532px;
	height: 100px;
	text-align:right;
	padding-left: 5px;
}
	
/*MENU*/

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
        background: #162983; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

	
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 10px; /* hauteur du texte : 12 pixels */
	    background-image:url(../images/fond-menu.gif);
	    border-bottom:1px solid #000000;
	    padding: 2px 0px 2px 2px;
		height: 20px;
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #fff; /* couleur de fond */        
        color : #EE7F13; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 109px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 109px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 109px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


/*CONTENU*/
#container
{
	width:770px;
	margin:0px;
	margin-bottom: 5px;
}
#contenu
{
	float:left;
	background-color:#FFFFFF;
	margin-top: 10px;
	margin-left: 0px;
}

h1
{
font: bold 12px Arial;
color:#FF660B;
}

h2
{
font: bold 29px Arial;
color:#6cb0c1;
text-transform:uppercase;
margin:0px;
}
h2a
{
font: bold 20px Arial;
color:#6c9999;
text-transform: lowercase;
margin:0px;
}
h3
{
font: bold 17px Arial;
color:#6c9999;
text-transform: capitalize;
margin:0px;
padding:5px;
}
h4
{
font: bold 11px Arial;
color: #CC0000;
text-transform: uppercase;
margin:0px;
padding:5px;
padding-bottom:0px;
}

#article
{
width:574px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 1.3em;
color:#333333;
background-color:#f2f2f2;
padding:0px;
text-align:justify;
border:1px solid #0A347C;
margin-bottom:15px;
margin-left:0px;
}

#page
{
width:530px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 1.1em;
color:#333333;
padding:10px;
text-align:justify;
margin-bottom:15px;
margin-left:8px;
}

.imageleft
{
float: left;
margin:10px;
background-image:url(../images/pakistan-01.jpg);
}
.imageright
{
float: right;
margin:10px;
background-image:url(../images/pakistan-02.jpg);
}

#suite
{
width:530px;
height:20px;
border-bottom:2px solid #009193;
border-top:2px solid #009193;
margin-top:10px;
text-align:right;
clear: both;
}

#info-plus
{
width:530px;
height:120px;
background-color:#FFFFFF;
border:1px dashed #666666;
margin-top:10px;
text-align: left;
}
#list-info
{
float: left;
margin:10px;
width:156px;
}
ul
{
list-style:circle;
}
/*Menu Droite */
#menu-droit
{
width:50px;
float:left;
color:#FFFFFF;
margin-left:0px;
margin-bottom:5px;
margin-top:5px;
}

#haut
{
width:172px;
height:30px;
background-repeat:no-repeat;
}

#bas
{
width:172px;
height:13px;
background-repeat:no-repeat;
}

#france
{
width:170px;
height:161px;
padding-bottom:0px;
margin-bottom:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
}
.p-bleu
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000066;
line-height:9px;
padding-top:5px;
}

#bleu
{
text-decoration:none;
width:170px;
background-image:url(../images/fond-bleu.gif);
border-bottom:1px solid #333333;
padding-top:5px;
padding-bottom:5px;
text-align:center;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-top:0px;
}

#photo
{
width:170px;
height:74px;
padding-bottom:0px;
border-bottom:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
}

a.bleu
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}
a.bleu:hover
{
color:	#000066;
text-decoration:none;
text-align:center;
}

a.bleu:visted
{
color:#FFFFFF;
text-decoration:none;
text-align:center;
border:0px;
}


#membre
{
height:20px;
margin-top:10px;
background-image:url(../images/membre.gif);
background-repeat:no-repeat;
padding:2px 2px 2px 25px; 
}

/*FOOTER - Base */
#footer
{
clear:both;
padding-top:2px;
width:770px;
margin-top:5px;
margin-bottom:0px;
border-top:3px solid #FF9900;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#AAAAAA;
text-align:center;
}

a.footer:link     			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ea8333; text-decoration: none }
a.footer:visited  			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ea8333; text-decoration: none }
a.footer:active   			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ea8333; text-decoration: none }
a.footer:hover    			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ea8333; cursor: hand; text-decoration: underline }

p.footer			{ font-family: Arial, Helvetica, sans-serif;font-size: 10px; color: #AAAAAA; font-weight: normal;margin-top:0; margin-bottom:2px;}


/*********************** TABLE DES TITRES D'ONGLET  **************************/
td.date      {	font-family:Arial, Helvetica, sans-serif;	color:#000000;	text-align:right; }
td.titre     {  background-color:#0A347C;	text-align:center; font: bold 12px Arial; color:#FF660B; }

div.titre    {  height:15px; padding-bottom:0px;}

#tetiaire-info
{
	font-family:Arial, Helvetica, sans-serif;
	color: #CDF0FF;
	font-size:11px;
	text-align:right;
	width:530px;
	margin-left:8px;
}


/****************************    CSS LOGIN PAGE     ************************************/
.login {
	background-image: url(../images/login.gif);
	background-repeat: no-repeat;
	height:400px;
	width:500px;
	margin-left:15px;
}

.champtxt_login {
	font: 9px Arial, Arial, Helvetica, sans-serif;
 	border: 1px solid #494F7A;
  	color: #494F7A;
  	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 3px;
}

.champ_login{
	margin-top:60px;
	margin-left:150px;
}
.bouton_login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FF660B;
  	text-decoration:none;
}

.txt_login {
	font: 11px Arial, Arial, Helvetica, sans-serif;
  	color: #FF660B;
	vertical-align: middle;
	padding-left: 3px;
}

.titreidentification {
	margin:75px 0px 0px 200px;
	font: 35px Arial, Arial, Helvetica, sans-serif;
  	color: #FF660B;
}

/**************************** CSS DES CONTACTS ADPC ***********************************/
/* CSS Document */

div.contacts { text-align:center; width:530px; }

p.contactstitre { color:#FF9933; font-size:24px; font-family:Tahoma, Verdana, Arial; font-weight:bold; }

p.contactsasso{ color:#000066; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

p.contacts { color:#000066;	font-size:18px;	font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; margin:20px 0px 0px 0px; }


/************************** CSS BACK OFFICE MISE EN PAGE *****************************/


div.left { float:left; }

div.right { float:right; } 

div.center { float:left; } 

div.trois { width:750px; } 

div.deux { width:500px; } 
        
div.un { width:250px; }