/* CSS Document */
.bg
{
position:relative;
top:10px;
background-image:url(images/brochure.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
/*inserer le site des pages maghreb*/
object 
{
position:relative;
top:0px;
left:35px;
width:700px; 
height:500px
}
html {

	margin: 0;
	padding: 0;
	border: 0 none;
}

body 
{
	margin: 0;
	padding: 0;
	border: 0 none;

}

/*inserer le site des pages maghreb*/

.global
{
position:relative;
top:0px;
left:0px;
width:790px;
height:590px;
}
/*******************************PUBLICIT2 ******************************************/
#pub
{
position:absolute;
top:-15px;
left:50px;
width:340px;
height:250px;

}

* html #pub
{
position:relative;
top:-67px;
left:50px;
width:340px;
height:250px;
}

*+ html #pub
{
position:relative;
top:-100px;
left:50px;

width:340px;
height:250px;
}
/*******************************PUBLICIT2 ******************************************/

/*********************************RUBRIQUE DE DROITE***********************************/
#rub
{
position:absolute;
top:50px;
left:720px;
width:180px;
height:120px;
}

*+ html #rub
{
position:relative;
top:-40px;
left:380px;
width:180px;
height:120px;

}

* html #rub
{
position:relative;
top:-10px;
left:380px;
width:180px;
height:120px;
}
/*********************************RUBRIQUE DE DROITE***********************************/


#site
{
position:absolute;
top:80px;
left:40px;
width:300px;
height:180px;

}

*+ html #site
{
position:relative;
top:45px;
left:40px;
width:470px;
height:220px;
}
* html #site
{
position:relative;
top:40px;
left:35px;
width:470px;
height:220px;

}

#mod1
{
position:relative;
left:20px;
top:10px;
}

*+ html #mod1
{
position:relative;
left:20px;
top:35px;
}

* html #mod1
{
position:relative;
left:20px;
top:-10px;
}

#mod2
{
position:relative;
left:205px;
top:-112px;
}

*+ html #mod2
{
position:relative;
left:208px;
top:-87px;
}

* html #mod2
{
position:relative;
left:210px;
top:-132px;
}

#mod3
{
position:relative;
left:393px;
top:-234px;
}

*+ html #mod3
{
position:relative;
left:395px;
top:-209px;
}

* html #mod3
{
position:relative;
left:400px;
top:-254px;
}


#accueil
{
position:relative;
top:0px;
}

#haut
{
position:relative;
height:250px;
}
#bas
{
position:relative;
height:350px;
}

a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:bold;
color:black;
text-decoration:none;
}
a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:bold;
color:#FF9900;
text-decoration:none;
}


/*PARAMETRE POUR INFO BULLE*/
a.info {  
position:relative; /* Très important */  
z-index:10;   
color:#000;  
font-family:Arial, Helvetica, sans-serif;  
}  

a.info:hover {  
z-index:20;   
}  

a.info span {  
display:none;  
} 

a.info:hover span 
{ /*la tag SPAN apparaitra avec l’effet hover*/  
display:block;  

 
/*Éléments pour positionner le texte dans la bulle*/  
padding-left:25px;  
padding-top:0px;   
padding-bottom:5px;  
padding-right:8px;  
width:570px;  
height:150px;  
/* Style du character dans la bulle */  
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;   
font-size:90%;   
color:#333333;  

text-decoration:none;  
text-align:justify; 
}  

*+ html a.info:hover span 
{ /*la tag SPAN apparaitra avec l’effet hover*/  
display:block;  
 
 
/*Éléments pour positionner le texte dans la bulle*/  
padding-left:25px;  
padding-top:5px;   
padding-bottom:5px;  
padding-right:8px;  
width:570px;  
height:150px;   

/* Style du character dans la bulle */  
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;   
font-size:90%;  
color:#333333;  
text-decoration:none;  
text-align:justify;  
}  

* html a.info:hover span 
{ /*la tag SPAN apparaitra avec l’effet hover*/  
display:block;  

/*Éléments pour positionner le texte dans la bulle*/  
padding-left:25px;  
padding-top:5px;   
padding-bottom:5px;  
padding-right:8px;  
width:570px;  
height:150px; 
/* Style du character dans la bulle */  
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;   
font-size:90%;  
color:#333333;  
text-decoration:none;  
text-align:justify;  
}   



/* Pour avoir un beau background de bulle avec PNG   transparent*/  
a.info:hover span 
{

background-position:bottom;
}  
/**TITRE DE CHAQUE SITE**/
#pos P
{
color:#B60359;
font-weight:bold;
}

#pos1 P
{
color:#663399;
font-weight:bold;
}

#pos2 P
{
color:#0066CC;
font-weight:bold;
}

#pos
{
position:absolute;
top:47px;
left:0px;
}

#pos1
{
position:absolute;
top:45px;
left:0px;
}

#pos2
{
position:absolute;
top:45px;
left:0px;

}

*+ html #pos
{
position:absolute;
top:170px;
left:-20px;
}

*+ html #pos1
{
position:absolute;
top:170px;
left:-20px;
}

*+ html #pos2
{
position:absolute;
top:170px;
left:-20px;
}
/**IE6******/

* html #pos
{
position:absolute;
top:160px;
left:-20px;
}

* html #pos1
{
position:absolute;
top:160px;
left:-20px;
}

* html #pos2
{
position:absolute;
top:160px;
left:-20px;
}



* html ul
{
position:relative;
top:-10px;
}


*+ html ul
{
position:relative;
top:-10px;
}

#info 
{
position:relative;

left:50px;
}

* html #info 
{
position:relative;
top:-10px;
left:50px;
}

*+ html #info 
{
position:relative;
top:-10px;
left:50px;
}
/************************animation flash*************************/
#flash
{
position:relative;
top:-65px;
left:413px;
height:100px;
width:500px;

}

*+ html #flash
{
position:relative;
top:-64px;
left:413px;
height:80px;
width:500px;
}

* html #flash
{
position:relative;
top:-21px;
left:412px;
height:100px;
width:500px;
}
/************************FIN animation flash*************************/

/*************************contact************************************/
#contact
{
position:absolute;
top:150px;
left:624px;
font-size:70%;
font-weight:bold;
height:380px;
width:275px;
z-index:50;
}

#contact input
{
width:167px;
}

* html #contact input
{
width:160px;
}

*+ html #contact input
{
width:160px;
}

*+ html #contact
{
position:absolute;
top:164px;
left:627px;
font-size:70%;
font-weight:bold;
height:380px;
width:265px;
}

* html #contact
{
position:absolute;
top:218px;
left:627px;
font-size:70%;
font-weight:bold;
height:380px;
width:265px;
}

#contact fieldset
{
-moz-border-radius:7px;
}

#button input
{
width:100px;
}

*+ html #button input
{
width:100px;
}
* html #button input
{
width:100px;
}

/*************************FIN contact************************************/

#rub #cont a:hover
{
color:#663399;
}

#rub #ref a:hover
{
color:#0066CC;
}