/* 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: 775px;
   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: 530px;
	height: 100px;
	text-align:right;
	padding-left: 5px;
}
	
/*MENU*/
	
#menu
{
	height: 20px;
	background-image:url(../images/fond-menu.gif);
	border-bottom:1px solid #000000;
	padding: 2px 0px 2px 15px;
}

a.menu
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
font-weight: bold;
padding-right:5px;
}

a.menu:hover
{
color: #FF0000;
text-decoration: overline underline;
}

a.menu:visted
{
color:#FFFFFF;
text-decoration:none;
}

.menu:before
{
content:url(../images/puce.gif);
padding-left:5px;
padding-right:5px;
}

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

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:530px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 1.3em;
color:#333333;
background-color:#f2f2f2;
padding:10px;
text-align:justify;
border:1px solid #0A347C;
margin-bottom:15px;
margin-left:8px;
}

#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.html);
}
.imageright
{
float: right;
margin:10px;
background-image:url(../images/pakistan-02.html);
}

#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:170px;
float:right;
color:#FFFFFF;
margin-left:18px;
margin-bottom:15px;
margin-top:10px;
}

#haut
{
width:172px;
height:30px;
background-image:url(../images/haut-mdroit.gif);
background-repeat:no-repeat;
}

#bas
{
width:172px;
height:13px;
background-image:url(../images/bas-mdroit.gif);
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:775px;
margin-top:10px;
margin-bottom:5px;
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; }