/*caufou css*/


html{
	font-size: 100%;
}

body{
width : 860px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
background-image: url("imca/a3.jpg");
background-repeat: repeat;
font-family : bold Verdana, Arial, "Arial Back", sherif;
color : #ffff66 ;
}

p {
font-family : bold Verdana, Arial, "Arial Back", sherif;
color : #ffff66 ;
font-weight: 14px;
text-align: justify;
}
h1 {
margin-left : auto;
margin-right : auto;
margin-top : 20px;
margin-bottom : 20px;
font-family : bold  Verdana, Arial, "Arial Back", sherif;
font-weight: 22px;
text-align: center;
font-style: small-caps;
}
h2 {
margin-bottom : 20px;
font-family : bold  Verdana, Arial, "Arial Back", sherif;
font-weight: 8px;
text-align: justify;
font-style: small-caps;
}

.leg {
text-align: center;
font-size: 14px;
font-style: italic;
}

#en_tete{
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
margin-top : 20px;
}

#ligne {
width: 860px;
margin-bottom : 50px;
margin-top : 20px;
}

#page1  /*page d'entrée*/{
width : 860px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
text-decoration : none;
color : #003300;
}
img {
text-decoration : none;
color : none;
}
a:hover{
color : none;
border-color: none;
text-decoration: none;
}
a:visited {
color : none;
border-color: none;
text-decoration: none;
}
}
img{
	margin : auto;
	margin-left : auto;
	margin-top: 5px;
	width : auto;
}

#corps1 /*corps justifié avec bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
padding : 20px;
border-width : 1px;
border-color :#ffff66;
border-style : ridge;
text-align : justify;
}

#corps2/*corps justifié sans bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
padding : 20px;
text-align : justify;
}

#corps3/*corps justifié avec bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
padding : 20px;
border-width : 1px;
border-color : ;
border-style : ridge;
text-align : justify;
}
a{
text-decoration : none;
color : #f26803;
}
a:hover{
color : #00ff00;
}
#text1, #texta , #textc, #textd/*corps centré avec bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
padding : 20px;
border-width : 1px;
border-color :#ffff66;
border-style : ridge;
text-align : center;
}

#text2  /*corps centré sans bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
padding : 20px;
text-align : center;
}
h2 {
text-align: center;
}
#textb{
width : 220px;
margin-left : 340px;
margin-right : auto;
margin-bottom: 20px;

text-align : center;
}
.lien1 {
float: left;
width: 150px;
height: 100px;
margin-left: 20;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 0px;
padding: 10px;
text-align: center;
border: #ffff66 1px ridge;
}
.lien2{
height: 100px;
margin-left: 170px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding: 10px;
text-align: justify;
border: #ffff66 1px ridge;
}
.pho1 {
float: left;
width: 300px;
margin-left: 0px;
padding-top: none;
padding-left: 0px;
}
.pho2{
background-color: none;
margin-left: 320px;
margin-bottom: 5px;
}

.pho3 {
float: left;
width: 440px;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
}
img{
margin-top:10px;
margin-bottom: 10px;
}
.pho4{
background-color: none;
margin-left: 450px;
margin-bottom: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

#pied {
width : 820px;
margin-left : auto;
margin-right : auto;
margin-top: 20px;
margin-bottom: 20px;
padding : 20px;
text-align : center;
font-size : 14px;
border-width : 1px;
border-color :#ffff66;
border-style : ridge;
}

/*menu*/
#menu {
width: 860px;
}
background-image:url(imca/bout2.jpg)
{background-color:none;
}
/* Position du menu, la position peux être en relative */
#menu {
margin-left:0px;
margin-top: 20px;
margin-bottom:100px;
}
/* On enlève les puces, le padding et le margin */
#menu ul {
padding: 0px;
margin: 0px;
list-style-type:none; /* Cette ligne enlève les puces */
}
/* Dimension des boutons, couleur de background, disposition initiale sur une ligne
NOTE: affecte la class "drop" */
li.drop {
display: block;
position:relative;
width: 122px; /* Largeur visible du bouton */
height: 22px;
overflow:hidden; /* Permet de cacher la partie débordante de l’image */
float:left;
border-right: 0; /* Cette ligne est pour l’esthétique, elle sépare les boutons d’une bordure */
}
/* L’effet hover affiche la hauteur automatiquement par rapport au nombre de LI
NOTE: affecte la class "drop" */
li.drop:hover {
height:auto;
}
/* Bordure qui sépare chaques boutons
NOTE: affecte le dernier niveau des boutons */
#menu ul li ul li {
border-top: 0; /* Cette ligne est pour l’esthétique, elle sépare les boutons d’une bordure */
}
/* Permet de corriger les espaces entre chaque LI dans EXPLORER
NOTE: affecte le dernier niveau des boutons */
*html #menu ul li ul li { float:left; }
/* On met nos liens du menu en block et donne un style au texte des boutons */
#menu a {
display:block;
width:122px; /* Largeur visible du bouton */
height: 22px;
overflow:hidden;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:  10px;
text-align:center;
color:#ffff66;
text-decoration:none;
}
/* effet hover des liens */
#menu a:hover {
color:none;
}
/* Permet d’insérer un background VIA le FIX PNG */
#menu span {
display: block;
position: relative;
width: 122px; /* 2x la largeur visible du bouton */
height: 22px; /* Soustrayez le "padding-top" de la hauteur initiale de votre bouton */
padding-left: 5px; /* Cette ligne permet de positionner le texte de votre bouton sur l’horizontal */
padding-top: 3px; /* Cette ligne permet de positionner le texte de votre bouton sur le vertical */
background-image:url(imca/bout2.jpg);
background-repeat:no-repeat;
cursor:pointer;
/* background-image:url(menuBouton.png); CETTE LIGNE EST ÉCRITE DANS LE FICHIER "ALPHACSS.PHP" */
/* le background sera générer dynamiquement dépendant du navigateur */
}

/* On décale la tag SPAN de 100 px vers la gauche - pour ne pas perdre le texte dans la zone
hidden on lui met un padding-left de 105px */
#menu a:hover span {
left: -100px;
padding-left: 105px;
}