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

/* GLOBAL */

body {font-family: Arial; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background:url(http://www.pourquois.com/fond-header.jpg); background-position:center; background-repeat:no-repeat; background-position:top; text-align:center;}

img {border:none;}

a {color:#28719E; text-decoration:none;}
a:hover {color:#ff6600; text-decoration:underline;}

H1 {font-size:26px; font-family: 'Nunito', sans-serif; margin-top:5px; margin-bottom:7px; color:#3A759F; float:left;}

.champs {background-color:#E9F4F9; border:1px solid; border-color:#28719E;}

.puce {float:left; margin-right:5px; margin-left:5px;  margin-top:5px;}

.page {display:block; width:1150px; margin-top:0px; margin-left:auto; margin-right:auto; text-align:left;}

.page2 {display:inline-block; background:url(http://www.pourquois.com/fond-page2.jpg); background-repeat:repeat;}

.bloc_titre {display:inline-block; height:155px; min-height:155px; max-height:155px; width:1150px; margin-top:0px; margin-left:auto; margin-right:auto; background:url(http://www.pourquois.com/fond-header-titre.jpg); }

.bloc_barmenu {display:inline-block; position:relative; font-family: 'Nunito', sans-serif; height:50px; width:1150px; background:url(http://www.pourquois.com/fond-barmenu.jpg);}

.element-barmenu {display:inline-block; font-size:14px; text-transform:uppercase; height:50px; min-height:50px; margin-top:15px; margin-left:0px; margin-right:0px; float:left; vertical-align:middle;}
.element-barmenu a {color:#3A759D; padding-left:18px; padding-right:18px; padding-top:15px; padding-bottom:15px; height:50px; min-height:50px; vertical-align:middle;}
.element-barmenu a:hover {color:#FF8813; background-color:#E1EBF4; text-decoration:none; padding-left:18px; padding-right:18px; padding-top:15px; padding-bottom:15px; height:50px; min-height:50px; vertical-align:middle;}

.element-barmenu-o {display:inline-block; font-size:14px; text-transform:uppercase; height:50px; min-height:50px; margin-top:15px; margin-left:0px; margin-right:0px; float:left; vertical-align:middle;}
.element-barmenu-o a {color:#FFFFFF; background-color:#FF8911; padding-left:36px; padding-right:36px; padding-top:15px; padding-bottom:15px; height:50px; min-height:50px; vertical-align:middle;}
.element-barmenu-o a:hover {color:#FF8813; background-color:#E1EBF4; text-decoration:none; padding-left:36px; padding-right:36px; padding-top:15px; padding-bottom:15px; height:50px; min-height:50px; vertical-align:middle;}

.smenu {height:200px; width:137px; position:absolute; top:49px; left:42px; font-size:12px; border-width:1px; border-color:#3A759D; border-style:ridge; background-color:#E1EBF4; padding:5px; line-height:20px; filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95; font-size:11px; text-transform:uppercase; text-decoration:none; z-index:10;}

.smenu a {text-decoration:none;}

.stit {height:20px; width:120px; position:absolute; top:-20px; left:-35px; font-size:12px; color:#FFFFFF; line-height:20px; z-index:10;}
.stit2 {height:20px; width:140px; position:absolute; top:48px; left:-45px; font-size:12px; color:#287CB8; line-height:20px; z-index:10;}

.bloc_connexion {width:200px; height:60px; margin-top:10px; float:right; margin-right:10px; text-align:center; color:#FFFFFF;}
.bloc_connexion a {color:#FFFFFF; text-decoration:none;}
.bloc_connexion a:hover {color:#FFFFFF; text-decoration:underline;}

.textune a {color:#FFFFFF;}
.textune a:hover {color:#FA8A1A; text-decoration:none; background-color:#FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;}

.photo_titre {width:60px; height:155px; border-radius: 5px 5px 5px 5px; border:1px solid; border-color:#FFFFFF; float:right; margin-right:0px;}

.photo_article {width:100px; border-radius: 5px 5px 5px 5px; border:1px solid; border-color:#28719E; margin-right:0px;}

.bloc_menu {width:800px; height:84px; float:left;}

.p_vignette_rub {}
.p_vignette_menu {margin:6px; margin-top:15px;}

/* .p_vignette_rub:hover {margin-top:-5px;} */

.bloc_recherche {width:400px; height:70px; float:right; margin-left:auto; margin-right:auto; font-size:20px; font-weight:bold; text-align:center; line-height:25px; color:#fff; margin-top:10px;}

.bloc_facebook {width:292px; float:left; }

.bloc_gauche {width:800px; float:left;}

.bloc_droite {width:330px; float:left; margin-left:20px;}

.bloc_liens {width:100%; position:relative; text-align:center;}
.bord_haut { left:0px; margin-top:10px; display:inline-block; height:10px; width:100%; border-radius: 8px 8px 0 0; background-color:#60AACE; z-index:-1; min-height:10px;}
.lien {display:inline-block; height:20px; border-radius: 5px 5px 5px 5px; background-color:#FF4400; margin-right:10px; color:#FFFFFF; padding-left:5px; padding-right:5px; padding-top:3px; font-size:12px; font-weight:bold; z-index:1; box-shadow:-1px 0px 5px #fff; text-decoration:none;}
.lien:hover {color:#000000;}
#lien {display:inline-block; height:20px; border-radius: 5px 5px 5px 5px; background-color:#FF4400; margin-right:10px; color:#FFFFFF; padding-left:5px; padding-right:5px; padding-top:3px; font-size:12px; font-weight:bold; z-index:1; box-shadow:-1px 0px 5px #fff; text-decoration:none;}
#lien:hover {color:#000000;}

.bloc_principal {width:780px; display:inline-block; margin-bottom:20px;}

.bloc_texte {width:790px; display:inline-block; margin-bottom:20px; font-size:12px;}

.photo_texte {width:30px; border-radius: 5px 5px 5px 5px; border:1px solid; border-color:#28719E; float:left; margin-right:5px; margin-left:5px;}

.contenu_texte {display:inline-block; width:750px; margin:5px; margin-bottom:20px;}

.ligne_texte {display:inline-block; height:38px; padding-top:4px; padding-bottom:8px; width:790px; background-color:#F4F9FC; font-size:12px;}
.ligne_texte_c {display:inline-block; height:38px; padding-top:4px; padding-bottom:8px; width:790px; background-color:#E9F4F9;font-size:12px;}
.titre_ligne {font-weight:bold; font-size:14px;}

.bloc_iphone {width:100%; display:inline-block; text-align:center; margin-bottom:20px; margin-top:30px; height:340px; border-radius: 0 0 8px 8px; background-color:#60AACE;}

.bloc_120x240 {width:100%; display:inline-block; text-align:center; margin-bottom:20px; height:250px; padding-top:10px; border-radius: 8px 8px 8px 8px; background-color:#60AACE;}

.bloc_160x600 {width:100%; display:inline-block; text-align:center; margin-bottom:20px; margin-top:15px; height:610px; padding-top:10px; border-radius: 8px 8px 8px 8px; background-color:#60AACE;}

.bloc_160x300 {width:168px; display:inline-block; text-align:center; margin-bottom:20px; height:310px; padding-top:10px; border-radius: 8px 8px 8px 8px; text-align:center; background-color:#FFFFFF; border:1px solid; border-color:#28719E; padding-left:10px;}

.bloc_250x250 {width:100%; display:inline-block; text-align:center; margin-bottom:20px; margin-top:15px; height:260px; padding-top:10px; border-radius: 8px 8px 8px 8px; background-color:#60AACE;}

.bloc_300x600 {width:100%; display:inline-block; text-align:center; margin-bottom:20px; margin-top:15px; }

.bloc_rubriques {width:100%; display:inline-block; text-align:center; margin-bottom:20px; margin-top:10px; height:530px; padding-top:10px; border-radius: 8px 8px 8px 8px; background-color:#FFFFFF; border:1px solid; border-color:#28719E; font-size:12px;}

.bloc_728x90 {width:760px; height:98px; display:inline-block;  background-color:##E9F4F9; margin-left:10px; padding-right:30px; padding-bottom:4px; font-size:12px; text-align:center; padding-top:4px;}

.bloc_300x250 {position:relative; width:336px; height:280px; display:inline-block; margin-left:0px; margin-right:10px; float:left; margin-bottom:5px; z-index:1;}

.bloc_article {width:790px; display:inline-block; float:left; text-align:justify; font-size:14px; }

.bloc_user {width:115px; display:inline-block; float:left; background-color:#FFFFFF; text-align:center;}

.bloc_partners {width:100%; display:inline-block; text-align:center; margin-bottom:20px; padding-top:10px; border-radius: 8px 8px 8px 8px; background-color:#60AACE; font-size:10px;}
.bloc_partners a {color:#FFFFFF; text-decoration:none;}
.bloc_partners a:hover {color:#FFFFFF; text-decoration:underline;}

.bloc_rs {display:inline-block; text-align:center; margin-top:10px; margin-left:15px; width:300px; border-width:1px;border-color:#5296C7;border-style:solid;}

.bfooter {display:inline-block; font-family: Arial; margin-top:0px; margin-bottom:0px; background:url(http://www.pourquois.com/fdfooter.jpg); background-position:center; background-repeat:no-repeat; background-position:top; width:100%; text-align:center; }
.bloc_footer {width:1150px; height:340px; margin-bottom:0px; margin-top:0px; margin-left:auto; margin-right:auto;  background:url(http://www.pourquois.com/fdfooter2.jpg); text-align:left;}
.bloc_footer a {color:#39749E; text-decoration:none;}
.bloc_footer a:hover {color:#F98B1A; text-decoration:underline;}

/* HOME */

.intro_home {color:#000000; font-size:14px; margin-bottom:5px; }

/* USER */

.presentation {width:255px;padding-left:2px;height:270px;max-height:270px;overflow:auto;border-width:1px;border-color:#999999;border-style:solid;margin-left:auto;margin-right:auto; text-align:left;}
.interets {width:255px;padding-left:2px;height:111px;max-height:111px;overflow:auto;border-width:1px;border-color:#999999;border-style:solid;margin-left:auto;margin-right:auto; text-align:left;}
.favoris {width:255px;padding-left:2px;height:115px;max-height:115px;overflow:auto;border-width:1px;border-color:#999999;border-style:solid;margin-left:auto;margin-right:auto; text-align:left;}

/* Encart Social */
div#encart-social{width:290px;height:190px;text-align:center;padding:5px;display:none;position:fixed;bottom:0;right:0;z-index:999}@media(max-width:500px){div#encart-social{display:none!important}}div.encart-social-close-image-div{text-align:right}div.encart-social-close-image-div img#encart-social-close-image{opacity:.8;cursor:pointer}div.encart-social-close-image-div img#encart-social-close-image:hover{opacity:1}div.pourquois-first-encart{background-image:url(/image/EncartSocial/light-person.png)}div.pourquois-second-encart{background-image:url(/image/EncartSocial/nature-sky.png)}div.pourquois-third-encart{background-image:url(/image/EncartSocial/chien.png)}p.encart-social-text{font-size:16px;font-weight:700}div.pourquois-first-encart p.encart-social-text{color:#fff;margin-top:60px}div.pourquois-second-encart p.encart-social-text{margin-top:0}div.pourquois-third-encart p.encart-social-text{color:#fff;margin-top:77px;text-shadow:1px 1px #000}div.pourquois-second-encart div.encart-div-social-link{margin-top:76px}a.encart-social-link>img{opacity:.8}a.encart-social-link:hover>img{opacity:1}