body{
	width:100%;
	background:#fff;
	margin:35px 0 0 0;
}
img {
	border:0;
}
a{
	text-decoration:none;
	color:#333333;

}
a:hover{
	color:#09b1d2;

}
a img:hover{
	opacity:0.6;
}
input[type=text],input[type=password]{
	border:0;
	background:#dddddd;

}

.titre-mb,h1,h2,h1 a{
	font-family:'Permanent Marker',cursive;
	font-size:30px;
	color:#ef781e;
	padding:0;
	margin:0;
	text-shadow:1px 1px 5px #777777;
}

.fakeLink:hover{
    
    cursor:pointer;
    color:#09b1d2;
    
}

h1 .home{
/*	margin-left:auto;
	margin-right:auto;*/
}

.strong{
    
    font-weight:bold;
}

/* n'afficher qu'en v smartphone */

.mDisp{
	display:none;

} 

#home h2{
    
    max-width:475px;
}

h2,h2 a{
	color:#777777;

}
h3,h4{
	font-family:'Permanent Marker',cursive;
	color:#006cb4;
	text-shadow:1px 1px 3px #888888;
}
h2.accueil{
/*	background:url('/dev/img/socrate.png') no-repeat 0  0;
	background:url('http://www.philofacile.com/IMG/puce1.jpg') no-repeat 0  0;

	height:72px;
	padding:10px 0 0 65px;*/

}
#home p,#home ul{
	max-width:404px;	
	border:solid 1px #eeeeee;
	padding:15px 15px 15px 55px;
	text-align:justify;
	
/*	box-shadow:2px 1px 1px 1px #888;*/

}

p#contenuPlan {
    background:url('/img/puce.png') no-repeat 2px 45px #eee !important;
    
}

ul{
    list-style-image:url('/img/pin.png');
    
    
}

/* login */

#login{
	border-top-right-radius:35px;
	box-shadow:2px 2px 7px #aaa;
	background:#fafafa;
	font-weight:bold;
	max-width:400px;
	padding:15px;
	margin:0% 25% 0 15%;

}
#login span{
	font-weight:bold;
	text-shadow:2px 2px 2px #bbb;

}

#login input[type=text], #login input[type=password]{
	width:70%;
	border-radius:5px;
	height:40px;
	margin:3px 0 10px 0;
	color:#777777;
	padding-left:20px;
	box-shadow:2px 2px 2px #bbb;
	
}

#login img{
	position:absolute;
	margin:16px 0 0 3px;
	height:16px;
	width:16px;
}

#login table{
	margin-top:10px;
}

#NwSujets{
	background:url('/img/Socrate.png') no-repeat;
	width:140px;
	height:125px;
	z-index:1000;
	position:absolute;
	display:block;
	margin:-60px 0 0 -55px;

}

.left{
	float:left;

}
.right{
	margin-left:499px;

}
.clear{
	clear:both;
	margin-top:25px;
}
h4{
	padding:0 5px 0 0;
	margin:0;
	display:inline-block;

}

header{
	background:#09b1d2;
	height:110px;
	width:100%;
	border-top:solid 2px #006cb4;
	border-bottom:solid 2px #006cb4;
	

}

header:hover{
    cursor:pointer;
}

p{
	/*padding-left:10px;*/

}
#corps,header div,#haut,#social{
	max-width:1024px;
	margin-right:auto;
	margin-left:auto;
	}
#corps,#haut,footer div,footer p,#social{
	background:#fafafa;
}
footer div{
	margin:-147px auto 0 auto;
	height:145px;
	max-width:1024px;
}
footer p{
	font-family:'Alef',sans-serif;
	color:#bbbbbb;
	font-size:13px;
	max-width:1024px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:4px 0 0 0;
}
#corps{
	padding:25px;
	max-width:974px;
	font-family:'Alef',sans-serif;
	font-size:16px;
}
b {
	font-family:'Alef',sans-serif;
	font-weight:700;
}
#haut{

	
	height:250px;

}
header div{
	background:url('/img/logo.png') no-repeat 0 0;
	height:127px;
	margin-top:-7px;
	z-index:1000;

	
}
header div:hover{
	cursor:pointer;
}
header strong{
	font-family:'Permanent Marker',cursive;
	display:block;
	position:absolute;
	width:847px;
	margin-left:220px;
	margin-top:30px;
	font-size:40px;
	color:#fafafa;
	
}
footer{
	height:75px;
	width:100%;
	margin-top:145px;
	border-top:solid 2px #09b1d2;

}
.clear{
	clear:both;
}
#cartouche strong{
	color:#777777;
}
#cartouche strong:hover{
	color:#999999;
}
.postit{
	margin:0;
	font-family:'Permanent Marker',cursive;
	font-size:22px;
	width:217px;
	height:183px;
	background:url('/img/postit.png') no-repeat 0 0;
	padding:30px 20px 20px 25px;

}
.postit a{
	font-family:'Alef',sans-serif;
	font-size:15px;

}
menu,#ad{
	position:absolute;
}
#ad{
	max-width:760px;
	margin:0 17px 0 275px;
}
#slider{
	width:624px;
	margin-left:75px;

}
#slider div{
	position:absolute;
	margin:-205px 0 0 235px;

}
a.issmenu,a.maccueil{
	font-family:'Permanent Marker',cursive;
	color:#006cb4;
	font-size:24px;
	text-shadow:1px 1px 5px #777777;

}
a.issmenu:hover,a.maccueil:hover{
	color:#09b1d2;

}
#slider p{
	font-family:'Alef',sans-serif;
	font-size:17px;

}
.bx-prev{
	position:absolute;
	margin:-125px 0 0 -15px;

}
.bx-next{
	position:absolute;
	margin:-125px 0 0 655px;

}
menu{
	max-width:1024px;
	text-align:right;
	font-family:'Permanent Marker',cursive;
	padding:0;
	margin:225px 0 0 0;
	font-size:16px;
	color:#777777;
}
.Hsep{
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	background:url('/img/Hsep.png') repeat-x;
	height:11px;
}
#social{
	text-align:right;
	height:45px;
	margin-top:-35px;
	padding:4px;
}
#social form{
	display:inline;
}
#social button{
    border:0;
    background:#fff;
    
}
button,.button{
	min-height:40px;
	border-top-right-radius:15px;
	font-weight:bold;
	text-shadow:2px 2px 3px #fff;
	background:#ddd;
	box-shadow:1px 1px 2px #777 ;
	padding-top:12px;
	border:0;
	text-align:center;
	display:inline-block;

	
}
button:hover,.button:hover{
	cursor:pointer;
	background:#eee;
	color:#888;
}

#social img{
	text-align:right;
	width:30px;
	height:30px;

}

#cartouche img{
    
    float:left;
}


.justified{
	text-align:justify;
	line-height:28px;
}
.liste{
	padding-top:30px;
	max-width:620px;
	margin:50px 0 0 0;
}
#liste h2{
	margin-left:35px;

}


#ondemand{
    
    float:right;
    margin-top:170px;
    
    
}

#col{
	font-size:15px;
	border:solid 1px #cccccc;
	background:#eeeeee;
	width:320px;
	padding:45px 5px 5px 5px;
	color:#006cb4;

	

}
#col:hover{
	background:#dddddd;

}
#medaillon{
	background:url('/img/medaillon.png') no-repeat 0 0;
	width:220px;
	height:147px;
	z-index:1000;
	position:absolute;
	display:block;
	margin:-175px 0 0 625px;

}

.offre{
	margin-top:30px;
	max-width:250px;
	margin-left:50px;
	background:#c5f5ff;
}

/* FORMULAIRES */

.formadd,.addAlone{
	background:#fff;
	border-top-right-radius:25px;
	padding:25px;
	width:66%;
	margin-left:15%;
	z-index:1000 !important;
	box-shadow:2px 2px 3px #ccc;

}


.formadd{
	
	position:absolute;
}

.formadd td,.addAlone td{
	padding-bottom:6px;
}
.formadd input[type=text],.formadd select,.formadd textarea,.addAlone input[type=text],.addAlone select,.addAlone textarea,select{
	background:#fafafa;
	border-radius:6px;
	height:45px;
	width:100% !important;
	box-shadow: 1px 1px 3px #bbb;
	
}

#col strong{
	text-shadow:0px 0px 4px #bbbbbb;
	font-family:'Permanent Marker',cursive;
	color:#ef781e;
}
.acces_allopass,.highlight,#home ul,#home p{
	border:solid 1px #dddddd;
    box-shadow:2px 2px 3px #aaa;   
}

.acces_allopass,.highlight{
    background:#dddddd;
	padding:25px;
	font-family:'Permanent Marker',cursive;
	text-align:center;    
    
}

#home ul,#home p{
    background:#eee;
    padding:35px;
}

.acces_allopass{
	position:absolute;
	margin:20px 0 0 108px;
	width:300px;
	height:135px;


}

.acces_allopass strong,#abo strong{
	color:#ef781e;

}
.acces_allopass div.allopass{
	width:48px;
	height:48px;
	background-image:url('/img/allopass.png');
	background-repeat:no-repeat;
	float:left;

}
.premium-sms{
	background-position:-48px 0;

}
.premium-calling{
	background-position:0 0;

}
.teaser{
	display:none;
}
.credit-card{
	background-position:0 -48px;

}
.hipay{
	background-position:-48px -48px;

}
.notice{
	display:inline-block;
	height:40px;
	color:#ef781e;
	background:url('/img/info.png') no-repeat 0 0;
	padding-left:40px;

}
#resume,#plan{
	padding:0 45px 0 45px;
    width:auto;

}
#passsocrate{
	margin-left:566px;

}
#abo{
	margin:250px auto 0 auto;
	width:700px;
	

}
#bd{
	background:url('/img/BDSocrate.png') no-repeat ;
	width:974px;
	height:252px;
	margin-top:25px;
	margin-right:auto;
	margin-left:auto;
}
.download{
	margin-left:25px;
	width:225px;
	background:#f3f3f3;
	padding:15px;
	height:64px;

}
/* PhpDig*/
.phpdigHighlight{
	display:inline-block;
	background:yellow;

}
/* marque blancge eteech.com*/
/* bordures */

table{
	max-width:650px;

}

.bordure-all {
	border: 1px solid #09b1d2;
}
.bordure-droite {
	border-right: 1px solid #09b1d2;
}
.bordure-bas {
	border-bottom: 1px solid #09b1d2;
}
.bordure-haut {
	border-top: 1px solid #09b1d2;
}
.bordure-gauche {
	border-left: 1px solid #09b1d2;
}
.bordure-haut-gauche {
	border-left: 1px solid #09b1d2;
	border-top: 1px solid #09b1d2;
}
.bordure-haut-droite {
	border-right: 1px solid #09b1d2;
	border-top: 1px solid #09b1d2;
}
.bordure-bas-gauche {
	border-left: 1px solid #09b1d2;
	border-bottom: 1px solid #09b1d2;
}
.bordure-bas-droite {
	border-right: 1px solid #09b1d2;
	border-bottom: 1px solid #09b1d2;
}
.bordure-bas-gauche-droite {
	border-right: 1px solid #09b1d2;
	border-bottom: 1px solid #09b1d2;
	border-left: 1px solid #09b1d2;
}
.fond-plein {
	background-color: #777777;
}

.input-mb-select {
	border: 1px solid #09b1d2;
	background:#dddddd;
	width: 100px;
	height: 18px;
	font-family: Arial;
	color:#777777;
	font-size: 12px;
}
.input-mb-select-long {
	border: 1px solid #09b1d2;
	background:#dddddd;
	width: 270px;
	height: 18px;
	font-family: Arial;
	color:#777777;
	font-size: 12px;
}
.input-mb-multiselect {
	border: 1px solid #09b1d2;
	background:#dddddd;
	width: 270px;
	font-family: Arial;
	color:#777777;
	font-size: 12px;
}
td p{
	margin-top:0;
	padding-top:0;
}
#social input[type=text]{
	width:75%;
	height:35px;
	background:#eee ;
    font-weight:bold;
    border:solid 1px;
    border-radius:10px;
}
blockquote{
	background:#f3f3f3;
	padding:15px;
}

.tMpave{
    
    float:right;
    width:300px;
    padding-left:10px;
    margin-top:20px;
    
}

.clr{
    clear:both;
    
}
.strong{
    
    font-weight:bold;
}

/* MENU RESPONSIVE */

#m-mobile{
	display:none;
}

ins{
    
    text-decoration:none;
}

p.switchType{
    
    
	background:#eeeeee;
	padding:5px 10px 10px 5px;
	width:575px;
	height:100px;
    
}

div.auto{
    width:728px;
    margin:20px auto 20px auto;
    
    
}
.red {
    
    color:red !important;
    
}

.green {
    
    color:green !important;
    
}

div#cc2{
   z-index:1000;
   display:none; 
   width:350px;
   margin-left:135px;
   margin-top:-135px;
   background:#fafafa;
   border:solid 2px #2f8fc1;
   border-top-right-radius:20px;
   box-shadow:-1px 1px 4px #2f8fc1;
   position:absolute;
   padding:15px;
    
}

div#cc2 span{
    font-family:'Alef',sans-serif;
    font-size:13px;
    position:relative;
    top:-5px;
    
}

div#cc2 button {
    
    font-weight:bold;
    width:85px;
    
    
}


div.cb,div.paylib{
    
    float:left;
    margin-right:5px;
    margin-top:2px;    
    height:38px;
    border:solid 2px #2f8fc1;
    border-radius:5px;
    box-shadow:-1px 1px 4px #fafafa;
    
    
    
    
}

div.cb:hover,div.paylib:hover{
    
    cursor:pointer;
    
}

div.cb{
        width:38px;    
        background:#f0f0f0 url('https://ressources.erudicio.com/img/ic/41/selectcc.png') no-repeat 0 0;
    
}

div.paylib{
        width:93px;
        background:#f0f0f0 url('https://ressources.erudicio.com/img/ic/41/paylib.png') no-repeat 0 0;
    
}

div.btnAchat{
    background:url('https://www.philofacile.com/img/medaillon.png') no-repeat 12% 0;
    height:160px;
    width:100%;
    padding:15px;
    
}

button.btnAchat{
    
    height:85px;
    width:33%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    border:solid 2px #2f8fc1;
    border-radius:5px;
    box-shadow:-1px 1px 4px #fafafa;   
    font-size:20px;
    font-family:'Permanent Marker',cursive;
	color:#006cb4;
	text-shadow:1px 1px 3px #888888;
}

button.btnAchat:hover{
    
    cursor:pointer;
    opacity:0.8;
    
}

.close:hover{
    cursor:pointer;
    
    
}

.focused{
    
    font-weight:bold;
    background:yellow;
    
    
}

.hidden{
    display:none;
    
}

div.panel{
    padding:10px;
    max-width:850px;
    margin:0 auto 100px auto;
    border:solid 1px #dddddd;
    box-shadow:2px 2px 3px #aaa;   
    background:#dddddd;
    
    
}
div#paymentResponse{

    padding:0 8px 0 8px;
    background:#cccccc;
    font-weight:bold;
    
}
div.overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

div.overlay-content{
    position:absolute;
    left:37%;
    top:30%;
    z-index:3;
    
    
}