@charset "utf-8";
@import url(reset.css);

/* CSS Document */
/* html5 */

header, footer, nav, aside, section, article {
    display:block;
	
}

html { height:100%; }
body {
    height:100%;
    min-height:100%;
    background:#00000;
	
}


p {
font-size:17px;
text-align:justify;
color:black;
font-family:Tahoma;
text-shadow:none;
font-weight:bold;

}

p.accueil-texte-haut {
font-size:17px;
text-align:justify;
color:black;
font-family:Tahoma;
text-shadow:none;
font-weight:bold;
padding-top:15px;
}

p.legende-formulaire {
font-size:14px;

}


h1 {
font-size:35px;
text-align:center;
color:white;
font-weight:bold;
font-family:Tahoma;
text-shadow: 3px 3px 2px black;
margin-top:30px;
}

h1.reponse{
font-size:25px;

}


h2 {
font-size:19px;
text-align:center;
color:white;
font-weight:bold;
font-family:Tahoma;
text-shadow: 3px 3px 2px black;
margin-top:30px;

}

quotes {
font-style:italic;
font-size:18px;
font-weight:bold;
color:black;
font-family:Tahoma;
}
em {
font-style:italic;
}


.txt-fin{
font-weight:bold;
color:white;
text-shadow: 3px 3px 2px black;
font-size:19px;
}

::-webkit-input-placeholder {
    color: #b9b9b9;
}
:-moz-placeholder { /* Firefox 18- */
    color: #b9b9b9;  
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #b9b9b9;  
}
:-ms-input-placeholder {  
    color: #b9b9b9;  
}

a:link, a:visited {
    color:#787878;
    text-decoration:none;
}


.pub-vignette
{
    position: fixed;
    right: 17px;
    bottom: 62px;
	width:120px;
	height:240px;
	border: 3px solid;

   
}

.pub
{margin-left: auto;
    margin-right: auto;
	padding:20px;

}

.image-accueil{
width:350px;
}

.hidden {
    display:block;
    position:absolute;
    top:-9999px;
    left:-9999px;
    width:1px;
    height:1px;
    line-height:0;
    overflow:hidden;
    font-size:0;
    text-indent:-9999px;
}




.left {
    float:left;
}

.right {
    float:right;
}
.clear {
    clear: both;
}

.images img {
border: 1px solid black;

}

.top-wrap {
    overflow: hidden;
    height:52px;
    padding: 0;
    background:#FF8C96;
    border-bottom: 1px solid #D87A7A;
}

.top {
    background:#FF8C96;
    margin: 0 auto;
    height:52px;
    width: 990px;
    padding-left:32px;
}


.top > table {
    height:52px;
}

.top > table td {
    vertical-align:middle;
    padding-right:8px;
}

.top > table td > img {
    vertical-align:middle;
    padding-left:12px;
    padding-right:12px;
}

.main-wrap {
    height:100%;
    min-width: 100%;
    min-height: 100%;
    padding: 0;
    background:#FF8F9C;
    overflow: auto;
}
.contenu-principal {
    margin:auto auto;
    width:862px;
    padding:0 0 0;
    height:100%;
    min-height:1010px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


.contenu-principal-page-form {
    margin:auto auto;
    width:862px;
    padding:0 0 0;
    height:100%;
    min-height:1120px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.contenu-principal-page-reponse-prenom {
    margin:auto auto;
    width:862px;
    padding:0 0 0;
    height:100%;
    min-height:1050px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}





.contenu-principal-plan-du-site {
   margin:auto auto;
    width:862px;
    padding:0 0 0;
    height:100%;
    min-height:770px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
.contenu-principal-boite {
    float:right;
    width:454px;
}
.main-download-box {
    margin:16px 0 20px 8px;
    padding:0;
    width:446px;
}
.main {
    margin: 0 auto;
    width: 990px;
    background:#000000;
    height:752px;
    display:block;
}

.pub-box-left {
padding-right:5px;
margin-right:5px;

}

.main-content-box-right{
padding-left:10px;
margin-left:10px;	

}

.gif-lien-future-copine
{
    position: fixed;
    right: 17px;
    bottom: 62px;
	width:200px;
	border: 3px solid;

   
}

.gif-lien-future-copain
{
    position: fixed;
    left: 17px;
    bottom: 62px;
	width:200px;
	border: 3px solid;

   
}

p.hp-text-right {
margin-bottom:10px;


}

.hp-text-right {
padding-right:20px;
}


em.hp-text-right-italic{
margin-top:10px;

}

p.hp-text-bas {
clear:both;
margin-top:15px;

}

p.page1 {
font-size:15px

}



.bg_img {
    background:url(../img/web/background-qui-pense-secret.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.bg_div {
    position: absolute;
    width: 100%;
    height: 100%;
}

.main-preview {
    display:block;
    position:relative;
    top:122px;
    left:30px;
}

ul.top_menu {
    height:100%;
    list-style-type:none;
    position:relative;
    margin:0;
    padding:0;
}

ul.top_menu > li.top_left {
    display:block;
    float:left;
    margin-top:10px;
    margin-right:8px;
}

ul.top_menu > li.top_right {
    display:block;
    float:right;
    margin-top:10px;
}

ul.top_menu > li.top_menu_sep {
    display:block;
    float:left;
    margin:0;
    padding-top:14px;
    padding-right:20px;
    padding-left:12px;
}

ul.download {
    list-style-type:none;
    position:relative;
    margin:0;
    padding:0;
    top:10px;
    left:30px;
}

ul.download > li {
    display:block;
    float:left;
    margin-right:5px;
}

.install p {
    font-size:12px;
    font-weight:bold;
    color:#666666;
    -webkit-font-smoothing: subpixel-antialiased;
}

.install img {
    margin-right:5px;
}

.install table {
    position:absolute;
    margin-left:317px;
    margin-top:5px;
}

.install input[type=text] {
    border-right:0px;
    border-left:1px solid #afafaf;
    border-top:1px solid #afafaf;
    border-bottom:1px solid #afafaf;
    width:167px;
    height:30px;
    padding-left:5px;
    font-size:12px;
    color: #666666;

}

.install input[type=button] {
    background:url('../img/web/ko/btn_send_message.png') no-repeat 0 0;
    border:0px;
    width:67px;
    height:33px;
}

.install input[type=button]:disabled {
    background:url('../img/web/ko/btn_send_message_disable.png') no-repeat 0 0;
}

.textehaut-page-form{
margin-bottom:10px;

}

.textbas-page-form{
padding-top:25px;

}


.formulaire{
width:600px;
padding:20px;
margin:20px auto 20px 200px ;
background:#E5E6F7;
border:1px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

h2.formulaire-titre2{
color:#D13888;
text-shadow:none;
margin:auto;
margin-bottom:25px;
}



label {
 margin-top:10px;
 display:block;
 }


label.inline {
 display:inline;
 margin-right:2px;
 }

 input, textarea, select, option {
 background-color:#D13888;
 margin:10px;
 }

 input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:200px;
 
 }
 
 select {
 margin-top:10px;
 }
 
 input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 
 }
input[type=submit], input[type=reset], input[type=image]{
 width:300px;
 margin:  30px  0 0 130px; 	
 cursor:pointer;
 border:none;
 background:none;
 
 }





.main-web-promo-box {
    background-color:rgba(71,0,0,0.5);
    color:#fff;
    font-family:Helvetica,Arial,sans-serif;
    margin: 16px 0 20px 8px;
    vertical-align: middle;
    width:446px;
    height:100px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; /* future proofing */
    -khtml-border-radius: 6px; /* for old Konqueror browsers */
}


a.main-web-preview-qna {
    background:#5DB680;
    float:right;
    margin:20px 30px 20px 0;
    width:350px;
    font-size:20px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    font-family:Helvetica,Arial,sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
    box-shadow: 2px 2px 0px 0px #888888;
}
a.main-web-preview-qna:visited, a.main-web-preview-qna:active, a.main-web-preview-qna:hover {
    color:#fff;
} 



.qna-icon {
    float:left;
    width:25px;
    height:25px;
    margin:13px 10px 15px 15px;
}
.qna-text {
    float:center;
    line-height:54px;
	font-size:28px;
	
}

.main-web-promo-code {
    float:right;
    background:url('../img/web/bg_promo.png');
    margin: 18px 18px 0 0;
    width:200px;
    height:70px;
    font-size:30px;
    font-weight:bold;
    color:#72ffff;
    line-height:60px;
    text-align:center;
    font-family:Helvetica,Arial,sans-serif;
}

.main-web-promo-title {
    float:left;
    margin:15px 18px 10px 18px;
    font-weight:bold;
    font-size:18px;
}

.main-web-promo-desc {
    float:left;
    margin:0 18px 0 18px;
    font-size:14px;
}

.boite-prenom-pensee{
margin-left:300px;
margin-bottom:20px;
margin-top:20px;
width:350px;
height:100px;
background:#E5E6F7;

border:1px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */


}

p.prenom-pensee  {
text-align:center;
font-size:25px;
font-weight:bold;
color:#D13888;
vertical-align:middle;
margin-top:5px;
padding:30px;
text-shadow: 1px 2px 2px black;

}

.carre-pub{
padding-top:35px;
padding-right:45px;
padding-bottom:20px;
float:right;
}

.texte-gauche-pub{
float:left;
margin:auto;
width:450px;
padding-top:25px;


}

.btn-accueil{
margin:auto;
width:300px;


}



.btn-accueil2{
padding:30px;
margin:auto;
width:150px;


}

.footer {
    height:62px;
    clear:both;
    font-size:14px;
    line-height:62px;
    font-family:Helvetica,Arial,sans-serif;
    color: #808080;
    background:#fff;
    padding:0;
    position:fixed;
    bottom:0;
    width:100%;
}
.terms-link {
    margin-right:28px;
}
.footer-copyright {
    float:left;
    padding-left:30px;
}
.footer-buttons {
    float:right;
    padding-right:30px;
}
.footer-facebook {
    float:right;
    position: relative; 
    margin-right:20px;
    bottom:26px;
}
.footer-btn-links {
    float:right;
    margin:12px 0 0 12px;
}

/* mobile div defult none*/ 
.main-mobile-wrap {
    display: none;
}

.preview-link {
    font-size:12px;
    padding-top:10px;
}

.preview-link > a {
    color:#fff;
}