@charset "utf-8";
/* CSS Document */

body
{
text-align:center;
background:#FFFFFF;
}

a img
{  
border:none ;
}

#page
{
margin:auto;
width:840px;
height:712px;
text-align:center;
}

#bandeau_jeunes
{
margin:auto;
height:143px;
width:838px;
background:url(images/jeunes.jpg) no-repeat;
}

#bandeau_titre
{
margin:auto;
margin-top:10px;
height:42px;
width:838px;
background:#FF6600 center no-repeat;
text-align:left;
}

#bandeau_corps
{
margin:auto;
margin-top:-4px;
height:500px;
width:838px;
background:url(images/fond_gris.jpg);
}

#bandeau_corps_1
{
margin:auto;
margin-top:-4px;
height:500px;
width:838px;
/*border: solid 1px #FF0000;*/
/*background:url(images/photo_mdf1.jpg);*/
}

#bandeau_corps_2
{
margin:auto;
margin-top:-4px;
height:500px;
width:838px;
/* background:#676767 center no-repeat; */
background:url(images/fond_2.jpg);
}

#bandeau_bordure_accueil
{
margin:auto;
margin-top:5px;
margin-left:5px;
float:left;
width:200px;
text-align:left;
	font-family:arial;
	font-size:11px;
	color:white;

height:400px;
}

#bandeau_choix
{
margin:auto;
margin-top:5px;
margin-left:5px;
width:610px;
height:400px;
float:left;
}

#bandeau_corps_vousetes
{
margin:auto;
float:right;
margin-top:125px;
margin-right:200px;
/* margin-right:115px; */
width:416px;
height:166px;
/* background:url('images/cadre_choix.png') center no-repeat; */
}

#bandeau_corps_ypareo
{
float:left;
margin-top:10px;
margin-bottom:5px;
margin-left:5px;
width:267px;
height:425px;
background:url('images/fond_ypareo.jpg') center no-repeat;
}

#bandeau_corps_texte
{
position:relative; top:90px;margin-left:20px;
text-align:justify;
font-family:Arial;
font-size:15px;
color:white;
width:200px;
height:180px;
background:transparent;
/*border: solid 1px #FF0000;*/
}

#bandeau_corps_ganesha
{
float:left;
margin-top:10px;
margin-left:10px;
width:267px;
height:425px;
background:url('images/fond_enf.jpg') center no-repeat;
}

#bandeau_corps_ifti
{
float:left;
margin-top:10px;
margin-left:10px;
width:267px;
height:425px;
background:url('images/fond_ifti.jpg') center no-repeat;
}

#bandeau_corps_ypareo_ma
{
float:left;
margin-top:153px;
margin-left:91px;
width:300px;
height:116px;
border: solid 1px green;
}

#bandeau_pied
{
/*margin:auto;*/
float:left;
margin-bottom:13px;
margin-left:6px;
width:825px;
height:50px;
}

ul,li 
{
margin : 0;
padding :0;
}

#liste_liens ul
{
margin-top:10px;
float:left;
}

#liste_liens li
{
list-style-type:none;
/* display:inline; */
}

#liste_liens a
{
width:300px;
height:80px;
display:inline-block;
}

.bandeau_titre
{
font-family:Arial;
font-weight:bold;
font-size:20px;
color:#FFFFFF;
padding-top:8px;
margin-top:0px;
}

.zone_texte_nom
{
position:relative; top:25px;right:-45px;
font-family:Arial;
font-weight:bold;
font-size:10px;
font-color:#000000;
}
.zone_saisie_nom
{
position:relative; top:25px; left:1px;
font-family:Arial;
font-size:10px;
color:#000000;
}
.zone_texte_password
{
position:relative; top:25px; right:-29px;
font-family:Arial;
font-weight:bold;
font-size:10px;
color:#000000;

}
.zone_saisie_password
{
position:relative; top:25px; left:1px;
font-family:Arial;
font-size:10px;
color:#000000;
}


.bandeau_titre_fleche
{
margin-left:100px;
float:left;
}
.bandeau_corps_fleche
{
float:left;
margin-left:10px;
margin-top:250px;
}
.bandeau_corps_taxe
{
float:left;
margin-left:5px;
margin-top:100px;
background:url(images/taxe.gif) center no-repeat;
}
.bandeau_corps_apprenants
{
margin-top:50px;
}


.bandeau_corps_texte1
{
color:#FFFFFF;
font-family:Arial;
font-size:16px;
font-weight:bold;
margin-top:3px;
margin-left:20px;
float:left;
text-align:left;
}
.bandeau_corps_texte2
{
color:#FFFFFF;
font-family:Arial;
font-size:16px;
font-weight:bold;
margin-top:50px;
margin-left:20px;
float:left;
text-align:left;
}


.bandeau_corps_bouton1 a, .bandeau_corps_bouton1 a:visited
{
/* margin-top:8px; */
margin-left:58px;
text-decoration:none;
}

.bandeau_corps_bouton1 a:hover
{

margin-left:58px;
text-decoration:none;
}

.bandeau_corps_bouton2 a, .bandeau_corps_bouton2 a:visited
{

margin-left:57px;
text-decoration:none;
}

.bandeau_corps_bouton2 a:hover
{
margin-left:57px;
text-decoration:none;
}

.bandeau_corps_bouton3 a, .bandeau_corps_bouton3 a:visited
{

margin-left:40px;
text-decoration:none;
}

.bandeau_corps_bouton3 a:hover
{

margin-left:40px;
text-decoration:none;
}





.bandeau_pied_logos
{
margin-top:15px;
margin-left:5px;
float:left;
}
.bandeau_pied_partenaires
{
margin-top:2px;
margin-right:20px;
float:right;
}

#bouton_connecter_ypareo
{
position:relative; top:75px;right:0px;
float:right;
margin-right:11px;
margin-top:-25px;
background:transparent;
width:100px;
height:25px;
}

.bouton_connecter_ypareo
{
background:url('images/bouton_connecter_ypareo.jpg') transparent;
border:none;
font-size:11px;
font-weight:bold;
color:white;
width:100px;
height:25px;
cursor:pointer;
}
#bouton_connecter_enf
{
position:relative; top:75px;right:0px;
float:right;
margin-right:11px;
margin-top:-25px;
background:transparent;
width:100px;
height:25px;
}

.bouton_connecter_enf
{
background:url('images/bouton_connecter_enf.jpg') transparent;
border:none;
font-size:11px;
font-weight:bold;
color:white;
width:100px;
height:25px;
cursor:pointer;
}
#bouton_connecter_ifti
{
position:relative; top:75px;right:0px;
float:right;
margin-right:11px;
margin-top:-25px;
background:transparent;
width:100px;
height:25px;
}
.bouton_connecter_ifti
{
background:url('images/bouton_connecter_ifti.jpg') transparent;
border:none;
font-size:11px;
font-weight:bold;
color:white;
width:100px;
height:25px;
cursor:pointer;
}


#bouton_connecter
{
position:relative; top:75px;right:0px;
float:right;
margin-right:11px;
margin-top:-25px;
background:#FF0000;
/*background:transparent;*/
width:93px;
height:17px;
}

.bouton_connecter
{
background:url('images/bouton_connecter.gif') transparent;
border:none;
font-size:11px;
font-weight:bold;
color:white;
width:93px;
height:17px;
cursor:pointer;
}

.taxe
{
float:left;
margin-top:100px;
}