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

#formulaire
{
width:520px;
height:185px;
display:inline;
float:left; 
margin-top:-5px;
margin-left:-8px;
border-width:1px;
border-style:solid;
border-color:#DC4E86;
}

#formulairePrenoms
{
width:210px;
height:150px;
display:inline;
float:left; 
background-color:white;
}

#imageformulaire
{
width:310px;
height:150px;
display:inline;
float:left; 
background-image:url(img/prenom.jpg);
margin-left:-2px;
}
#titreformulaire
{
width:520px;
height:30px;
float:left; 
text-align:center;
color: #DC4E86;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
margin: 0 0 5px 0;
padding: 0;
-background-color:blue;
display:inline;
}
#ideeprenoms
{
width:520px;
height:106px;
display:inline;
float:left; 
margin-top:5px;
margin-left:-1px;
border-width:1px;
border-style:solid;
border-color:#DC4E86;
}
#case1
{
width:170px;
height:100px;
display:inline;
float:left;
background-color:#DB4C84;
margin-left:-4px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
text-align:left;
padding-left:3px;
}

#case2
{
width:170px;
height:100px;
display:inline;
float:left; 
padding-left:3px;
background-color:#2891BD;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
text-align:left;
padding-left:3px;
}

#case3
{
width:164px;
height:100px;
display:inline;
float:right; 
background-color:#BAA990;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
text-align:left;
padding-left:3px;
}

#case1 a
{
float:left;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
text-decoration:none;
}

#case2 a
{
float:left;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
text-decoration:none; 
}

#case3 a
{
float:left;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
text-decoration:underline; 
}

#prenomsdestar
{
width:520px;
height:250px;
display:inline;
float:left; 
margin-top:10px;
margin-left:-1px;
border-width:1px;
border-style:solid;
border-color:#DC4E86;
}

#prenomsparorigine
{
width:520px;
height:140px;
display:inline;
float:left; 
margin-top:5px;
margin-left:-1px;
border-width:1px;
border-style:solid;
border-color:#DC4E86;
background-color:#faf1f9;
}
#case4
{
width:168px;
height:110px;
display:inline;
float:left;
margin-left:-4px;
color: #BAA990;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
padding-left:3px;
text-align:center;
}
 
#case4 img
{
padding-top:5px;
border:1px;
border-style:solid;
border-color:#a60b58;
}

#prenom
{
width:520px;
height:550px;
float:left; 
overflow:auto;
}
#prenomFemme
{
width:520px;
height:250px;
float:left; 
overflow:auto;
}
#prenomHomme
{
width:520px;
height:250px;
float:left; 
overflow:auto;
}
#caseprenomfemme
{
width:160px;
height:25px;
float:left; 
margin-bottom:5px;
margin-right:6px;
background-color:#fde5ef;
font-family: tahoma;
font-weight: bold;
font-size: 14px;
padding-top:5px;
padding-left:7px;
}

#caseprenomfemme a
{
text-decoration:none;
color:#DB4C84;
}

#caseprenomhomme
{
width:160px;
height:25px;
float:left; 
margin-bottom:5px;
margin-right:6px;
background-color:#d8e5fb;
font-family: tahoma;
font-weight: bold;
font-size: 14px;
padding-top:5px;
padding-left:7px;
}

#caseprenomhomme a
{
text-decoration:none;
color:#33586B;
}

#resultatRecherche
{
width:520px;
height:30px;
float:left; 
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
color:#BAA990;
}

#titrecaseprenomfemme
{
font-family: tahoma;
font-weight: bold;
font-size: 15px;
color:#DB4C84;
margin-bottom:5px;
}

#titrecaseprenomhomme
{
font-family: tahoma;
font-weight: bold;
font-size: 15px;
color:#33586B;
margin-bottom:5px;
}

#toutsavoir
{
width:520px;
height:195px;
margin-bottom:5px;
background-image:url(img/tout-savoir.jpg);
}

#toutsavoirPrenom
{
font-family: tahoma;
font-weight: normal;
text-transform:uppercase;
font-size: 30px;
color:#c52207;
padding-top:50px;
padding-left:180px;
}
#toutsavoirPrenomInfos
{
text-transform:capitalize;
font-size: 16px;
color:#33586B;
}

#profilPsychologique
{
width:520px;
height:auto;
margin-top:10px;
font-family: tahoma;
font-weight: normal;
font-size: 24px;
color:#33586B;
}

#profilPsychologiqueDescription
{
margin-top:10px;
font-size: 13px;
color:#33586B;
}

#aucunResultat
{
width:520px;
height:30px;
float:left; 
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
color:#e10f1e;
}

#prenomHome
{
width:380px;
height:190px;
float:left; 
display:inline;
}

#prenomHome img
{
border:none;
display:inline;
}

#div1
{
width:170px;
height:190px;
float:left; 
display:inline;
background-color:#064174;
}

#div2
{
width:210px;
height:190px;
float:left; 
display:inline;
}

#div1Titre
{
float:left; 
display:inline;
font-family: tahoma;
font-weight: normal;
font-size: 20px;
color:#fff;
padding-left:3px;
padding-bottom:5px;
background-color:#878883;
}
#div1Texte
{
float:left; 
display:inline;
font-family: tahoma;
font-weight: normal;
font-size: 13px;
color:#ffffff;
padding-left:3px;
padding-top:5px;
padding-bottom:10px;
}

#div1Boutton
{
width:170px;
height:30px;
float:right; 
display:inline;
background-color:#064174;
}

#nounouHome
{
width:290px;
height:190px;
float:left; 
display:inline;
background-color:#fff;
}
#div3
{
width:90px;
height:190px;
float:left; 
display:inline;
}

#div4
{
width:200px;
height:190px;
float:left; 
display:inline;
}
#div3Titre
{
float:left; 
display:inline;
font-family: tahoma;
font-weight: normal;
font-size: 20px;
color:#fff;
padding-left:3px;
padding-bottom:5px;
background-color:#878883;
}
#div3Texte
{
float:left; 
display:inline;
font-family: tahoma;
font-weight: normal;
font-size: 13px;
color:#000;
padding-left:3px;
padding-top:5px;
padding-bottom:10px;
background-color:#facff1;
}
#div3Boutton
{
width:90px;
height:50px;
float:right; 
display:inline;
background-color:#facff1;
}
#formulaireAjoutPrenoms
{
width:520px;
height:400px;
display:inline;
float:left; 
margin-top:-5px;
margin-left:-8px;
border-width:1px;
border-style:solid;
border-color:#DC4E86;
-background-color:red;
}
#divGlobale
{
width:520px;
height:auto;
display:inline;
float:left; 

}