/*hors site*/
/* div de offres.php*/
#menuoffre{
	position: relative;
	float:left;
	font-size:11px;
	font-weight:bold;
	width: 775px;
	height:35px;
	background:url(../images/filariane.png);
	background-repeat:no-repeat;
	border:none;
	z-index: 4;
	margin-top:5px;
	margin-left:20px;
}

#menuoffrebtn{
	float:left;
	font-size:14px;
	padding-left:150px;
	padding-top:8px;
	z-index:4;
}

#menuoffre a{
	color : #666666;
	text-decoration : none;
	font-size:14px;
	font-weight:bold;
}

#menuoffre a:hover{
	text-decoration:none;
	color:#8abcff;
}

#menuoffrebtnparent{
	position:absolute;
	top:8px;
	left:70px;
}

#menuoffrebtnprof{
	position:absolute;
	top:8px;
	left:380px;
}

#menuoffrebtnsep{
	border-left:1px solid #666666;
	height:15px;
	left:300px;
	position:absolute;
	top:9px;
	z-index:4;
}

#offresmainnolog{
	position: relative;
	float:left;
	width:100%;
	height:100%;
    border: none;
}

#offresmain{
	position: relative;
	float:left;
	width:96%;
    border: none;
    padding-right:25px;
	margin-left:10px;
}

#prixoffreparent{
	background-image:url(../images/prix_offre.png);
	background-repeat:no-repeat;
	height:74px;
	position:absolute;
	right:45px;
	top:20px;
	width:122px;
}

#offregratuite_fr{
	background-image:url(../images/offre_gratuite_fr.png);
	background-repeat:no-repeat;
	height:74px;
	position:absolute;
	right:45px;
	top:20px;
	width:122px;
}

#offregratuite_en{
	background-image:url(../images/offre_gratuite_en.png);
	background-repeat:no-repeat;
	height:74px;
	position:absolute;
	right:45px;
	top:20px;
	width:122px;
}

#offregratuite_es{
	background-image:url(../images/offre_gratuite_es.png);
	background-repeat:no-repeat;
	height:74px;
	position:absolute;
	right:45px;
	top:20px;
	width:122px;
}

#diagramme_eleve {
	background-image:url(../images/diagramme_eleve.jpg);
	background-repeat:no-repeat;
	position:absolute;
	right:45px;
	top:50px;
	height:141px;
	width:250px;
	text-align: left;
	border:solid 1px #CCCCCC;
}

#diagramme_eleve2 {
	background-image:url(../images/diagramme_eleve2.jpg);
	background-repeat:no-repeat;
	position:absolute;
	right:45px;
	top:210px;
	height:141px;
	width:250px;
	text-align: left;
	border:solid 1px #CCCCCC;
}

#offreparenteleve{
	position: relative;
	float:left;
	width:95%;
	height:100%;
	margin-top: 30px;
}

#offreparenteleve1 {
	background-image:url(../images/fond_offre2.png);
	background-repeat:no-repeat;
	float:left;
	height:398px;
	margin-left:35px;
	padding-bottom:30px;
	padding-left:15px;
	position:relative;
	width:872px;
	text-align: left;
	padding-top:5px;
}

#offreparenteleve2 {
	position: relative;
	float: left;
	background-image: url('../images/fond_offre2.png');
    background-repeat: no-repeat;
    width: 872px;
    height: 398px;
    margin-left:35px;
    padding-left:15px;
    text-align: left;
    padding-bottom: 15px;
    padding-top:5px;
}

#offreparenteleve1 h1, #offreparenteleve2 h1{
	font-size: 24px;
	font-weight: bold;
	color: #0c5f93;
}

#offreparenteleve2 h2{
	font-size: 18px;
	font-weight: bold;
	color : #666666;
	padding-left: 50px;
}

#offreparenteleve2 h3{
	font-size: 14px;
	color : #666666;
	padding-left: 50px;
}

#offreparenteleve2 h4{
	color:#e35300;
	float:right;
	font-size:16px;
	margin-right:60px;
	margin-top:30px;
}

#offreparenteleve1 ul {
  list-style-type: none;
  padding: 0;
  margin-top: 25px;	
  margin-left:-80px;
}

#offreparenteleve2 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#offreparenteleve1 li, #offreparenteleve2 li
{
	background-image:url(../images/check_offres2.png);
	background-position:0 -0.2em;
	background-repeat:no-repeat;
	font-size:16px;
	margin-left:130px;
	padding-bottom:15px;
	padding-left:30px;
	padding-right:4em;
}

#offreprof{
	position: relative;
	float:left;
	width:95%;
	height:100%;
	margin-top: -60px;
}

#offreprofschema{
	position: relative;
	float:left;
	width:95%;
	height:100px;
	text-align: left;
	padding-left: 25px;
	margin-top: 80px;
}

#offreprofschema h1{
	font-size: 24px;
	font-weight: bold;
	color: #0c5f93;
}

#offreprofschema ul
{
  list-style-type: none;
  padding: 0;
  margin-right: 0;
}

#offreprofschema li
{
  background-image: url('../images/puce_bac.png');
  background-repeat: no-repeat;
  background-position: 0 0.3em;
  padding-right: 4em;
  font-size: 16px;
  padding-left:20px;
  padding-bottom:10px;
  margin-left: 100px;
}


#offrecomparez{
	position: relative;
	float:left;
	width:95%;
	height:80px;
	text-align: left;
	padding-left: 25px;
	margin-top: 440px;
}

#offrecomparez h1{
	font-size: 24px;
	font-weight: bold;
	color: #0c5f93;
}

#headeroffre{
	position: absolute;
	font-size: 22px;
	text-align: left;
	right:0px;
	top:50px;
}

#inscriptiongratuiteoffre {
	position: relative;
	float:left;
	width:100%;
	padding-left: 650px;
	margin-top: -5px;
}

#tdoffreleft{
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	background-color: #E4F6FA;
}

#tdoffreleft2{
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	background-color: #CEF3FC;
}

#tdoffreleft3{
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	background-color: #A9EBFB;
}

#tdoffreleftbouton{
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	background-color: #F2FBFD;
}

#tdoffreleft2bouton{
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	background-color: #E7F9FE;
}

#tdoffreleft3bouton{
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	background-color: #D4F5FD;
}

#tdoffreleftbas{
	border:1px #ffffff solid;
	border-right: none;
	background-color: #F2FBFD;
}

#tdoffreleftbas2{
	border:1px #ffffff solid;
	border-right: none;
	background-color: #E7F9FE;
}

#tdoffreleftbas3{
	border:1px #ffffff solid;
	border-right: none;
	background-color: #D4F5FD;
}

#tdoffreleft4{
	border:1px #ffffff solid;
	border-bottom: none;
	border-right: none;
	background-color: #76DEF7;
}

#tdoffreright{
	border:1px #ffffff solid;
	border-bottom: none;
	background-color: #54D6F5;
}

#tdoffreleft4bouton{
	border:1px #ffffff solid;
	border-bottom: none;
	border-right: none;
	background-color: #BBEFFB;
}

#tdoffrerightbouton{
	border:1px #ffffff solid;
	border-bottom: none;
	background-color: #AAEBFA;
}

#tdoffreleftbas4{
	border:1px #ffffff solid;
	border-right: none;
	background-color: #BBEFFB;
}

#tdoffrerightbas{
	border:1px #ffffff solid;
	background-color: #AAEBFA;
}

#prixoffre{
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	background-color: #CEF3FC;
	font-weight: bold;
	font-size: 16px;
}

#prixoffre2{
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	background-color: #A9EBFB;
	font-weight: bold;
	font-size: 16px;
}

#prixoffre3{
	border:1px #ffffff solid;
	border-bottom: none;
	border-right: none;
	background-color: #76DEF7;
	font-weight: bold;
	font-size: 16px;
}

#prixoffreright{
	border:1px #ffffff solid;
	border-bottom: none;
	background-color: #54D6F5;
	font-weight: bold;
	font-size: 16px;
}

#tdtitreoffre{
	background-color:#fbe9c6;
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	font-weight: bold;
}

#tdtitreoffrebasic{
	background-color:#CEF3FC;
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	font-weight: bold;
	font-size: 16px;
}

#tdtitreoffrebasic2{
	background-color:#A9EBFB;
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	font-weight: bold;
	font-size: 16px;
}

#tdtitreoffrebasic a{
	color:#137ae4;
	text-decoration: none;
}

#tdtitreoffrebasic a:hover{
	color:#137ae4;
	text-decoration: underline;
}

#tdtitreoffrebasic2 a{
	color:#137ae4;
	text-decoration: none;
}

#tdtitreoffrebasic2 a:hover{
	color:#137ae4;
	text-decoration: underline;
}

#tdtitreoffrebasic3{
	background-color: #76DEF7;
	border:1px #ffffff solid;
	border-right: none;
	border-bottom: none;
	font-weight: bold;
	font-size: 16px;
}

#tdtitreoffreright{
	background-color: #54D6F5;
	border:1px #ffffff solid;
	border-bottom: none;
	font-weight: bold;
	font-size: 16px;
}

#tdtitreoffre a{
	color:#137ae4;
	text-decoration: none;
}

#tdtitreoffre a:hover{
	color:#137ae4;
	text-decoration: underline;
}

#tdtitreoffreright a{
	color:#137ae4;
	text-decoration: none;
}

#tdtitreoffreright a:hover{
	color:#137ae4;
	text-decoration: underline;
	
}

input.boutonoffre {
background:url(../images/btn_offres.png) no-repeat;
border:0px solid #3399FF;
color:#FFFFFF;
font-weight:bold;
text-align:center;
cursor:pointer;
text-decoration:none;
width:101px;
height:41px;
font-size:12px;
vertical-align:middle;
padding-bottom:5px;
}
	
/* div de quizzpage.php*/
#quizzmain{
	position: relative;
	float:left;
	width:100%;
	height:500px;
    border: none;
    margin-left: 20px;
	}
	
#quizzmainnolog{
	position: relative;
	float:left;
	width:100%;
	height:500px;
    border: none;
    margin-left: -70px;
	}
	
.title
{
	position : relative;
	width:320px;
	height: 50px;
	font-size: 36px;
	float:left;
	margin-left: -30px;
}
.subtitle
{
	width:410px;
	height: 50px;
	font-size: 24px;
	float:left;
	position: relative;
	text-align: left;
	margin-top: 12px;
}
	
#quizzblock
{
	position : relative;
	height : 370px;
	width : 440px;
	float:left;
	}

#addblock
{	
	position : relative;
	height : 310px;
	width : 293px;
	background-image:url(../images/add_bg.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-top: 10px;
	}
#quizztitle{
	height: auto;
	text-align: left;
	vertical-align: bottom;
	color: #999999;
	font-size: 18px;
	margin-top: 20px;
}
#quizztitle a
{
	color : #565757; 
	text-decoration : none;
	font-size:18px;
	font-weight:bold;
}
#quizztitle a:hover
{
	text-decoration : none;
	color : #0099CC;
}

#quizzlist {
	position : relative;
	height: auto;
	text-align: left;
	float: left;
}
#quizzlist2 {
	position : relative;
	height: auto;
	text-align: left;
	float: left;
}
#quizzlist3 {
	position : relative;
	height: auto;
	text-align: left;
	float: left;
}
	
#quizzlist a
{
	color : #565757; 
	text-decoration : none;
	font-size:13px;
	font-weight:bold;
}
#quizzlist2 a
{
	color : #565757; 
	text-decoration : none;
	font-size:13px;
	font-weight:bold;
}
#quizzlist3 a
{
	color : #565757; 
	text-decoration : none;
	font-size:13px;
	font-weight:bold;
}

#quizzlist a:hover
{
	text-decoration : none;
	color : #0099CC;
}
#quizzlist2 a:hover
{
	text-decoration : none;
	color : #0099CC;
}
#quizzlist3 a:hover
{
	text-decoration : none;
	color : #0099CC;
}

#quizzlist li{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	line-height: 30px;
	font-size: 18px;
	text-decoration: none;
	background-image: none;
}
#quizzlist2 li{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	line-height: 30px;
	font-size: 18px;
	text-decoration: none;
	background-image: none;
}
#quizzlist3 li{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	line-height: 30px;
	font-size: 18px;
	text-decoration: none;
	background-image: none;
}
	
#quizzlist ul{
	background-image:none;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#quizzlist2 ul{
	background-image:none;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#quizzlist3 ul{
	background-image:none;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.addtitle {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left:-25px;
	color:#FF6600;
}

#avantagesreviserquizz {									
	position: relative;
	float:left;
	width:100%;
	padding-left: 30px;
	text-align: left;
	margin-top: 20px;
	line-height: 20px;
}

#avantagesreviserquizz ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#avantagesreviserquizz li
{
  background-image: url('../images/puce_bac.png');
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  padding-right: 4em;
  font-size: 12px;
  padding-left:20px;
}

#advprofquizz
{
  margin-left: 50px;
  font-style: italic;
}

#advprofquizz ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

#advprofquizz li
{
  background-image: url('../images/check_bac.png');
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  padding-right: 3em;
  padding-left:25px;
  padding-top:5px;
  line-height: 25px;
  font-size: 10px;
}


/* div de reviserlebac.php*/
#reviserdiv {									
	float:left;
	margin-left:100px;
	position:relative;
	width:98%;
	border: none;
}

#eclassreviser {									
	position: relative;
	float:left;
	width:40%;
	margin-top: 40px;
	margin-left: -50px;
	margin-right: 30px;
}

#titrereviser {									
	position: relative;
	float:left;
	font-size: 28px;
}

#titreavecprofs {									
	position: relative;
	float:left;
	font-size: 22px;
	padding-left: 50px;
	width:90%;
}

#avantagesreviser {									
	position: relative;
	float:left;
	width:50%;
	margin-top: 65px;
	padding-left: 90px;
	text-align: left;
}

#avantagesreviser ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#avantagesreviser li
{
  background-image: url('../images/puce_bac.png');
  background-repeat: no-repeat;
  background-position: 0 0.5em;
  padding-right: 4em;
  line-height: 25px;
  font-size: 16px;
  padding-left:20px;

}

#advprof
{
  margin-left: 50px;
  font-style: italic;
}

#advprof ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

#advprof li
{
  background-image: url('../images/check_bac.png');
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  padding-right: 3em;
  padding-left:25px;
  padding-top:5px;
  line-height: 25px;
  font-size: 14px;
}

#footerreviser {									
	position: relative;
	float:left;
	color: #3399CC;
	width:96%;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 14px;
}

input.boutonessayer {
background:url(../images/btn_reviser.png) no-repeat;
border:0px solid #3399FF;
color:#FFFFFF;
font-weight:bold;
text-align:center;
cursor:pointer;
text-decoration:none;
width:248px;
height:64px;
font-size:22px;
vertical-align: middle;
padding-bottom: 8px;
margin-left: 30px;
margin-top: 10px;
}

#avantagesreviser a
{
	color : #0099CC; 
	text-decoration : none;
	font-size:11px;
	font-weight:bold;
}

#avantagesreviser a:hover
{
	text-decoration:underline;
	color:#0099CC;
}

/* div de begin.php*/

#begin {									
	position: relative;
	float:left;
	width:96%;
	padding-right:25px;
	margin-left:100px;
    /*height: 450px;*/
    border:none;
}

#beginnolog {									
	position: relative;
	float:left;
	width:100%;
	border:none;
}

#begin p{									
	padding-left:25px;
}

#beginnolog p{									
	padding-left:25px;
}

#debutertitrediv {									
	position: relative;
	float:left;
	width:100%;
	padding-right:25px;
    border: none;
}

#debuter3div {									
	position: relative;
	float:left;
	width:100%;
	padding-right:30px;
    border: none;
}

#debutertutodiv {									
	position: relative;
	float:left;
	width:100%;
    border: none;
    padding-bottom: 30px;
}

#debutertutodiv td {									
	font-size:10px;
}

#debuterdemodiv {									
	position: relative;
	float:left;
	width:100%;
    border: none;
    padding-bottom: 30px;
}

#debuterchatdiv {									
	position: relative;
	float:left;
	width:100%;
    border: none;
    padding-bottom: 30px;
}

input.boutondebuterdemoold {
background:url(../images/btn_test.png) no-repeat;
border:0px solid #3399FF;
color:#FFFFFF;
font-weight:bold;
text-align:center;
cursor:pointer;
text-decoration:none;
width:245px;
height:66px;
font-size:14px;
vertical-align:middle;
padding-bottom:5px;
}

input.boutondebuterdemo {
background:url(../images/btnbigblue.png) no-repeat;
border:0px solid #3399FF;
color:#FFFFFF;
font-weight:bold;
text-align:center;
cursor:pointer;
text-decoration:none;
width:196px;
height:60px;
font-size:14px;
vertical-align:middle;
padding-bottom:5px;
}

input.boutondebuterchatold {
background:url(../images/btn_testvert.png) no-repeat;
border:0px solid #3399FF;
color:#FFFFFF;
font-weight:bold;
text-align:center;
cursor:pointer;
text-decoration:none;
width:245px;
height:66px;
font-size:14px;
vertical-align:middle;
padding-bottom:5px;
}

input.boutondebuterchat {
background:url(../images/btnbiggreen.png) no-repeat;
border:0px solid #3399FF;
color:#FFFFFF;
font-weight:bold;
text-align:center;
cursor:pointer;
text-decoration:none;
width:196px;
height:60px;
font-size:14px;
vertical-align:middle;
padding-bottom:5px;
}
/* div de etreabonne.php*/
#etreabonne {									
	position: relative;
	float:left;
	width:96%;
	padding-right:25px;
    /*height: 450px;*/
    border: none;
}

#etreabonnenolog {									
	position: relative;
	float:left;
	width:96%;
	padding-right:70px;
	padding-left: 100px;
	margin-left:-145px;
	margin-right:10px;
	border: none;
}

#avantageabonne {		
	background: url(../images/fond_avantage.png) no-repeat;							
	position: relative;
	width:734px;
	height:164px;
	float:left;
}

#avantageabonne {									
	position: relative;
	width:734px;
	height:164px;
	float:left;
}

#fondinvitation_abonneold{
	background-image:url(../images/fond_invitation_abonne.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:45px;
	visibility: visible;
	width:360px;
	height:330px;
}

#fondinvitation_abonne{
	position:relative;
	margin-top:10px;
	margin-left:10px;
	float:left;
	visibility: visible;
	border: 1px solid #f0f0e8;
	width:100%;
	padding:10px;
}

#fondinvitation_abonne hr{
	color: #FF4D00;
	background-color:#FF4D00; 
	border:none;
}
.txtboxInvitationByMail{
	padding-left: 0px;
	color:#666666;
}
input.boutonabonne_blue {
	background-image:url(../images/btnblue.png);
	background-repeat:no-repeat; 
	border:none;
	background-color:transparent;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	cursor:pointer;
	width:140px;
	height:43px;
	margin-left: 70px;
}

#comparatif {		
	background: url(../images/fond_comparatif.png) no-repeat;							
	position: relative;
	width:734px;
	height:280px;
	float:left;
	color:#999999;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding-left:20px;
	padding-top: 10px;
}

#comparatif tr {		
	line-height: 25px;
}

#abonne_info{
	/*background-image:url(../images/bgstats.png);*/
	position:relative;
	margin-top:10px;
	float:left;
	visibility: visible;
	border: 1px solid #f0f0e8;
	width:100%;
	margin-left: 40px;
	padding-top:3px;
}

#abonne_info hr{
	color: #FF4D00;
	background-color:#FF4D00; 
	border:none;
}

#schema_eclass_gratuite {		
	background: url(../images/eclassgratuite.jpg) no-repeat;							
	position: relative;
	width:340px;
	height:312px;
	float:left;
	margin-left:-20px;
	margin-top: 15px;
}

/* div de news.php*/
#newsdivnolog{
	position: relative;
	float:left;
	width:85%;
	text-align:left;
	padding:20px;
	padding-left:80px;
	font-size:16px;
	color:#8b8a8a;
}

#newsdiv{
	position: relative;
	float:left;
	width:85%;
	text-align:left;
	padding:20px;
	font-size:16px;
	color:#8b8a8a;
}

#newsdiv h1, #newsdivnolog h1{
	font-size:14px;
	font-weight:bold;
}

#newsdiv a, #newsdivnolog a{
	color : #0099CC; 
	text-decoration : none;
	font-size:12px;
	font-weight:bold;
}

#newsdiv a:hover, #newsdivnolog a:hover{
	text-decoration : underline;
	color : #0099CC;
}

#newsdiv hr, #newsdivnolog hr{
	width:70%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom: 1px dashed #FF9900;
	background-color: #FFFFFF;
	color: #FFFFFF;
}

/*div de demotechno.php*/
#textedemotechno{
	position: relative;
	float:left;
	width:85%;
	text-align:left;
	padding:20px;
	padding-left:80px;
	font-size:16px;
	color:#8b8a8a;
	line-height:22px;
}

#demotechnovideo{
	position: relative;
	float:left;
	padding-left:80px;
}

#demotechnovideo a{
	font-size:14px;
	color:#0099CC;
}

#boutontry{
	position: relative;
	float:left;
	width:100%;
	font-size:16px;
	font-weight:bold;
	color:#777777;
}

#boutoninsc{
	position: relative;
	float:left;
	width:100%;
	font-size:16px;
	font-weight:bold;
	color:#777777;
}

#textedemotechno h1{
	position: relative;
	float:left;
	width:100%;
	font-size:14px;
	font-weight:900;
	text-align:center;
}

#demoretouraccueil a{
	float:left;
	color:#646060;
	font-size:10px;
	width:100px;
	margin-left:15px;
}

#demotechnosavoirplus a{
	float:right;
	color:#646060;
	font-size:12px;
	width:100px;
	margin-right:100px;
}

#demotechnoaddthis {
	position:relative;
	font-size:10px;
	width:400px;
	margin-right:50px;
	color:#FF6000;
	font-size:14px;
	margin-bottom:40px;
}

#scoopeodiv {
	position:relative;
	float:right;
	width:200px;
	margin-right:20px;
	margin-top:-60px;
	margin-bottom:10px;
}

input.submit_demotechnoinscold{
background:url(../images/btn_subscribe.png) no-repeat;
border:none;
font-weight:bold;
font-size:18px;
color:#FFFFFF;
text-align:center;
width:245px;
height:66px;	
cursor:pointer;
padding-top:18px;
}

input.submit_demotechnoinsc{
background:url(../images/btnbigorange.png) no-repeat;
border:none;
font-weight:bold;
font-size:18px;
color:#FFFFFF;
text-align:center;
width:196px;
height:60px;	
cursor:pointer;
padding-top:18px;
}

input.submit_demotechnofbold{
background:url(../images/btn_test.png) no-repeat;
border:none;
font-weight:bold;
font-size:20px;
color:#FFFFFF;
text-align:center;
width:245px;
height:66px;	
cursor:pointer;
padding-top:18px;
}

input.submit_demotechnofb{
background:url(../images/btnbigblue.png) no-repeat;
border:none;
font-weight:bold;
font-size:20px;
color:#FFFFFF;
text-align:center;
width:196px;
height:60px;	
cursor:pointer;
padding-top:18px;
}


/*div de home.php*/
/* menu home*/


#testimonyhome{
	position: relative;
	float:left;
	width:230px;
	height:200px;
	/*padding-top:20px;*/
	padding-left:20px;
	font-size: 14px;
	text-align: justify;
}

#testimonyhome p{
	text-align: right;
	font-style:italic;
}

#testimonyhome a{
	color:#666666;
	text-decoration: none;
	font-size: 16px;
	text-align: justify;
	font-weight: normal;
}

#forceshome{
	position: relative;
	float:left;
	width:100%;
	text-align: left;
	text-align: justify;
}
#forcesimple{
	padding-right: 15px;
	padding-left: 15px;
}
	
#forcesimple p{
	font-size: 14px;
	font-weight: bold;
}

#forcesimple a{
	font-weight: bold;
}

#forcesimple a:hover{
	font-weight: bold;
}

#forceequitable{
	padding-right: 15px;
	padding-left: 15px;
}

#forceequitable p{
	font-size: 14px;
	font-weight: bold;
}

#forceequitable a{
	color:#666666;
	font-weight: bold;
}

#forceequitable a:hover{
	color:#666666;
	font-weight: bold;
}

#forcepedagogique{
	padding-right: 15px;
	padding-left: 15px;
}

#forcepedagogique p{
	font-size: 14px;
	font-weight: bold;
}

#forcepedagogique a{
	color:#666666;
	font-weight: bold;
}

#forcepedagogique a:hover{
	color:#666666;
	font-weight: bold;
}

#forceserieux{
	padding-right: 15px;
	padding-left: 15px;
}

#forceserieux p{
	font-size: 14px;
	font-weight: bold;
}

#forceserieux a{
	color:#666666;
	font-weight: bold;
}

#forceserieux a:hover{
	color:#666666;
	font-weight: bold;
}

#decouvrirtechno{
	position: relative;
	float:left;
	width:100%;
	text-align:center;
}

input.submit_decouvrirtechnoold{
	background:url(../images/btrd_bleu.png) no-repeat;
	border:none;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	width:240px;
	height:45px;	
	cursor:pointer;
	margin-right:20px;
	padding-top:12px;
}

input.submit_decouvrirtechno{
	background:url(../images/btntechno.png) no-repeat;
	border:none;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	width:233px;
	height:46px;	
	cursor:pointer;
	margin-right:20px;
	padding-top:15px;
}

#decouvrirtechno a {
	color:#0099CC;
	font-weight:bold;
	text-decoration:none;
	font-size:large;
}

#decouvrirtechno a:hover{
	color:#0099CC;
	font-weight:bold;
	text-decoration:underline;
	font-size:large;
}

#newsletter{
	position: relative;
	float:left;
	width:75%;
	padding-bottom:10px;
	padding-left:55px;
}

#selectionprofs{
	position: relative;
	float:left;
	width:100%;
	margin-left:25px;
	margin-top:-20px;
	padding-bottom:10px;
}
input.voirplusprofold{
	background:url(../images/bt_plusprof.png) no-repeat;
	border:none;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	width:154px;
	height:42px;	
	cursor:pointer;
	margin-top:15px;
	margin-right:20px;
	padding-bottom:8px;
}

input.voirplusprof{
	background:url(../images/btnplusprof.png) no-repeat;
	border:none;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	width:140px;
	height:43px;	
	cursor:pointer;
	margin-top:15px;
	margin-right:20px;
	padding-bottom:8px;
	padding-top: 6px;
}
input.voirdemotechno{
	background:url(../images/bt_plusprof.png) no-repeat;
	border:none;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	width:245px;
	height:66px;	
	cursor:pointer;
	margin-top:15px;
	margin-right:20px;
	padding-bottom:8px;
}

.SUPContainerHome{
	background:url(../images/fond_selectprof.png);
	background-repeat:repeat-x;
	position:relative; 
	float:left; 
	width:172px; 
	height:72px;
	margin-left:5px;
	margin-bottom:2px;
}

.SUPImgHome{       
      z-index:0;
	  position:relative; 
	  float:left;
	  height:100%;
	  padding-top:10px; 
	  padding-left:10px; 
	  text-align:left;
}
		 
.SUPNickHome{
	z-index:2;
	position:relative; 
	float:left;
	width:60%;
	text-align:left;
	margin-top:-70px;
	padding-left:70px;
}

.SUPDescHome{
	z-index:2;
	position:relative; 
	float:left;
	padding-left:70px;
	margin-top:-45px;
	width:60%;
	text-align:left;
	font-size:x-small;
}

#selectionquestions{
	position: relative;
	float:left;
	width:98%;
	padding-left:25px;
	margin-top:10px;
	padding-bottom:10px;
}

.SUPContainerQuestionHome{
	background:url(../images/fond_selectquestion.png);
	background-repeat:repeat-x;
	position:relative; 
	float:left; 
	width:172px; 
	height:104px;
	margin-left:5px;
	margin-bottom:2px;
}

.SUPTitleHome{
	z-index:2;
	position:relative; 
	float:left;
	width:98%;
	text-align:left;
	margin-top:5px;
	padding-left:15px;
	color:#0099CC;
	font-weight:bold;
}

.SUPDescQHome{
	z-index:2;
	position:relative; 
	float:left;
	padding-left:20px;
	margin-top:5px;
	width:70%;
	height:40%;
	text-align:left;
	font-size:x-small;
}

.SUPVoirQHome{
	z-index:2;
	position:relative; 
	float:left;
	margin-left:50px;
	/*padding-top:35px;*/
	margin-top:-15px;
	width:65%;
	text-align:left;
	font-size:x-small;
}

.SUPPictoQHome{
	background:url(../images/question_picto.png);
	background-repeat:no-repeat;
	position:relative; 
	float:left; 
	width:17px; 
	height:30px;
	margin-left:-120px;
	margin-top:40px;
}
.SUPPictoTHome{
	background:url(../images/tuto_picto.png);
	background-repeat:no-repeat;
	position:relative; 
	float:left; 
	width:30px; 
	height:30px;
	margin-left:-120px;
	margin-top:40px;
}

#rmcplayer{
	position: relative;
	float:right;
	width:98%;
	text-align:left;
	font-weight:900;
	padding-bottom:20px;
	margin-left:10px;
	margin-top:-5px;
}

#inscrivezvous{
	position: relative;
	float:left;
	width:100%;
	margin-left:10px;
	border:none;
}

#inscrivezvousargu{
	background: url(../images/fond_inscnow2.png) no-repeat;
	position: relative;
	float:left;
	width:750px;
	height: 201px;
	margin-left:100px;
}

#inscrivezvousargu p{
	text-align: left;
	font-size:18px;
	color:#999999;
	font-weight: bold;
	padding-left: 140px;
	padding-top: 15px;
	line-height:50px;
}

input.submit_insc {
background:url(../images/btn_test.png) no-repeat;
border:0px solid #3399FF;
color:#FFFFFF;
font-weight:bold;
text-align:center;
cursor:pointer;
text-decoration:none;
width:245px;
height:66px;
font-size:20px;
vertical-align:middle;
padding-bottom:5px;
}

input.submit_abo {
background:url(../images/btnbigblue.png) no-repeat;
border:0px solid #3399FF;
color:#FFFFFF;
font-weight:bold;
text-align:center;
cursor:pointer;
text-decoration:none;
width:196px;
height:60px;
font-size:20px;
vertical-align:middle;
padding-bottom:5px;
padding-top:18px;
}

#homeinscrivez {
	position: relative;
	float:left;
	width:35%;
	margin-right:8px;
	margin-top:10px;
	padding:5px;
}

#inscriptiongratuite {
	padding-bottom: 120px;
}

#homeleft{
	position: relative;
	float:left;
	width:490px;
	text-align:left;
	padding-left:10px;
	margin-left:15px;
}

#homeprof{
	background: url(../images/fond_prof.jpg) no-repeat;
	position: relative;
	width:200px;
	height:358px;
	margin-top:-3px;
	text-align:left;
}

#bullethome{
	list-style-image: url(../images/picto_liste.png);
	line-height:20px;
	padding-top:35px;	
}

#bullet{
	list-style-image: url(../images/picto_liste.png);
	line-height:25px;
	padding-top:50px;	
}

#homeprof h1{
	padding-left:100px;
}

#operationdiv{
	position: relative;
	float:left;
	text-align:left;
	margin-left:10px;
	padding-left:20px;
	padding-right:20px;
}

#homeeleve{
	background: url(../images/fond_eleve.jpg) no-repeat;
	position: relative;
	margin-top:-3px;
	width:200px;
	height:358px;
	text-align:left;
}

#homeeleve h1{
	padding-left:100px;
}

#homequestiondiv{
	position: relative;
	float:left;
	width:100%;
	margin-bottom:10px;
	padding-left:60px;
	padding-top:0px;
	color:#006699;
	font-size:16px;
	font-weight:bold;
}
#imgquestiondiv{
	background:url(../images/new.png) no-repeat;
	position: relative;
	float:left;
	width:42px;
	height:43px;
	z-index:50;
}
#textquestiondiv{
	position: relative;
	float:left;
	padding-top:10px;
}
#boutonquestiondiv{
	position: relative;
	float:left;
	padding-left:10px;
}
#homeconnexion {
	position: relative;
	float:right;
	width:90%;
	margin-right:10px;
}

/*ensavoirplus eleve et prof*/
#headersavoirplus{
	position: relative;
	float:left;
	width:65%;
	height:100px;
	font-size: 22px;
	text-align: left;
	padding-left: 25px;
}

#headersavoirplus a{
	color : #0099CC; 
	text-decoration : none;
	font-size:11px;
	font-weight:bold;
}

#headersavoirplus a:hover{
	text-decoration:underline;
	color:#0099CC;
}

#inscriptiongratuitesavoirplus {
	position: absolute;
	right:-308px;
	top:0px;
}

#ensavoirplus1 table  { 
	border-collapse: collapse 
}

.boitesp{
	background-color:#F9FCFE;
	border:1px solid #CCCCCC;
	padding-bottom: 5px;
}

.boitesp a{
	color : #0099CC; 
	text-decoration : none;
	font-size:11px;
	font-weight:bold;
	padding-left:420px;
}

.boitesp a:hover{
	text-decoration:underline;
	color:#0099CC;
}
	
#ensavoirplus1{
	position: relative;
	float:left;
	width:60%;
	margin-left:15px;
	margin-right:10px;
	border:none;
}
#ensavoirplus2{
	position: relative;
	float:right;
	width:35%;
	margin-right:-8px;
	text-align:left;
	/*padding: 5px;*/
	border: none;
}

#speleve{
	background-image:url(../images/fond_spe.jpg);
	background-repeat:no-repeat;
	position: relative;
	float:left;
	width:324px;
	height:116px;
	text-align:left;
	color:#FFFFFF;
	padding-left: 15px;
}

#speleve h2{
	color:#FFFFFF;
	font-size: 16px;
	padding-top: 7px;
}

#spprof{
	background-image:url(../images/fond_spp.jpg);
	background-repeat:no-repeat;
	position: relative;
	float:left;
	width:324px;
	height:116px;
	text-align:left;
	color:#FFFFFF;
	padding-left: 15px;
}

#spprof h2{
	color:#FFFFFF;
	font-size: 16px;
	padding-top: 7px;
}

#spinscrivez {
	background-image:url(../images/fond_spi.jpg);
	background-repeat:no-repeat;
	position: relative;
	float:left;
	width:324px;
	height:106px;
	text-align:left;
	color:#FFFFFF;
}

#spinscrivez2 {
	position: relative;
	float:left;
	width:35%;
	margin-right:8px;
	margin-top:10px;
	/*padding:5px;*/
	border: none;
}

#spinscrivez2 h2{
	padding-left: 15px;
	color:#FFFFFF;
	font-size: 16px;
	padding-top: 7px;
}

#leftsavoirplus {									
	position: relative;
	float:left;
	width:50%;
	margin-top: -50px;
	margin-left:40px;
}

#leftsavoirplustexte {									
	position: relative;
	float:left;
	width:100%;
	text-align: left;
	margin-top: 70px;
	margin-left: 50px;
}

#leftsavoirplustexte img{									
	margin-top: -20px;
	margin-bottom: 20px;
	margin-left: -5px;
}

#leftsavoirplustexte h1{									
	font-size: 18px;
	color: #666666;
	padding-left: 25px;
}

#leftsavoirplustexte ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#leftsavoirplustexte li
{
  background-image: url('../images/puce_bac.png');
  background-repeat: no-repeat;
  background-position: 0 0.2em;
  padding-right: 4em;
  font-size: 12px;
  padding-left:20px;
}

#leftsavoirplustexte a{
	color : #656262;
	text-decoration : none;
	font-size:12px;
	font-weight: normal;
}

#leftsavoirplustexte a:hover{
	text-decoration:underline;
}

/*div de newuser.php*/

input.rounded{
	border: 0;
	background: transparent url(../images/roundedinput.png) top left no-repeat;
	width: 220px;
	height: 48px;
	/*padding: 3px 5px;*/
	font-size: 16px;
	color: #666666; 
	padding-left: 10px;
	padding-top: 10px;
}

#labelform{
	text-align: right;
	padding-right: 10px;
}
	
#noflash {

    width: 210px; 
    height: 250px;
 }

#imagetitreinsfr{
	background-image:url(../images/inscription_titre_fr.png);
}
#imagetitreinsen{
	background-image:url(../images/inscription_titre_en.png);
}
#imagetitreinses{
	background-image:url(../images/inscription_titre_en.png);
}
#imagetitreinsfr,#imagetitreinsen,#imagetitreinses{
	background-repeat:no-repeat;
    float:left;
    width:554px;
	height:55px;
	margin-left:33px;
	margin-top:3px;
}

#leftins{
	float:left;
	clear:both;
	color:#ff6d00;
	text-align:left;
	width:140px;
	margin-left:-117px;/* maindiv est à 161px en left*/
	margin-top:65px;
	font-family:arial;
	font-weight:bold;
	visibility:hidden;
}

#leftins li {
	margin-left:0px;
	margin-right:0px;
	font-size:12px;
	font-weight:bold;
    }

#imageelevefr{
	background-image:url(../images/bouton_eleve_fr.png);
}
#imageeleveen{
	background-image:url(../images/bouton_eleve_en.png);
}
#imageelevees{
	background-image:url(../images/bouton_eleve_en.png);
}
#imageelevefr,#imageeleveen,#imageelevees{
	background-repeat:no-repeat;
	width:245px;
	float:left;
	clear:both;
	height:300px;
	margin-left:33px;
	margin-top:-205px;	
	cursor:pointer;
}
#divoufr,#divouen,#divoues{
	float:left;
	clear:both;
	width:0px;
	height:300px;
	color:#646060;
	font-weight:bold;
	font-size:21px;
	font-family:arial;
	margin-left:288px;
	margin-top:-187px;
}
#divoues{
	margin-left:298px;
}
#imageproffr,#imageprofen,#imageprofes{
	background-repeat:no-repeat;
    float:left;
	clear:both;
	width:255px;
	height:299px;
	margin-left:333px;
	margin-top:-413px;
	cursor:pointer;
}
#imageproffr{
	background-image:url(../images/bouton_prof_fr.png);
}
#imageprofen{
	background-image:url(../images/bouton_prof_en.png);
}
#imageprofes{
	background-image:url(../images/bouton_prof_en.png);
}
#rightins{
	float:left;
	clear:both;
	visibility:hidden;
	color:#0977a6;
	text-align:left;
	width:140px;
	right:0px;
	margin-left:590px;
	margin-top:-357px;
	font-family:arial;
}

#rightins li {
	margin-left:0px;
	margin-right:0px;
	font-size:12px;
	font-weight:bold;
    }
#bottomins{
	float:left;
	clear:both;
	width:350px;
	height:100px;
	color:#646060;
	font-weight:bold;
	font-size:16px;
	font-family:arial;
	margin-left:120px;
	margin-top:-89px;
}
#retouraccueil a{
	float:left;
	color:#646060;
	font-size:10px;
	margin-top:-10px;
	margin-left:-100px;
	height:0px;
	width:100px;
}
#changementinseleve a,#changementinsprof a{
	float:left;
	font-size:12px;
	margin-top:-10px;
	height:0px;
	width:150px;
	text-decoration: underline;
}
#changementinsprof a{
	width:150px;
	margin-left:595px;
}
#changementinseleve a{
	width:190px;
	margin-left:560px;
}
#completerins{
	color:#646060;
	font-weight:bold;
	font-size:25px;
	font-family:arial;
    float:left;
	height:55px;
	margin-left:100px;
	margin-top:3px;
}
#diverreur{
    float:left;
	text-align:center;
	margin-top:-27px;
	margin-left:100px;
	height:0px;
	width:461px;
}
#inscriptionprof{
	background-image:url(../images/inscription_fond_prof.png);
	background-repeat:no-repeat;
	position:relative;
	float:left; 
	text-align:left;
	width:442px;
	height:459px;
	margin-left:-117px;
}

#inscriptioneleve{
	background-image:url(../images/inscription_fond_eleve_small.png);
	background-repeat:no-repeat;
	position:relative;
	float:left; 
	text-align:left;
	width:440px;
	height:572px;
	
	margin-left:-117px;
}

#forminscription { 
	position:relative;
	color:#FFFFFF;
	text-align:left;
	padding-left:25px;
	font-weight:bold;
	font-size:12px;
	font-family:arial;
	visibility: visible;
	width:100%;
	height:100%;
}
#forminscriptionprof { 
	position:relative;
	color:#FFFFFF;
	text-align:left;
	padding-left:30px;
	font-weight:bold;
	font-size:12px;
	font-family:arial;
	visibility: visible;
	width:100%;
	height:100%;
}
#forminscription td{
	padding-top: 0px;
}
#codesecurite td{
	padding-top: 0px;
	padding-bottom: 0px;
}
#forminscriptionprof td{
	padding-bottom: 0px;
	padding-top: 0px;
}
.titreins {
	font-size:20px;
	color:#FFFFFF;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.speudoins{
	font-size:14px;
	font-weight:normal;
}
.caracterepetit{
	font-size:11px;
	font-weight:normal;	
}
.caracterefac{
	font-size:11px;
	font-style: italic;
}
.inputins1{
	width:140px;
	height:14px;
}
.inputins2{
	width:197px;
	height:37px;
	background-color:#ffffff;
}
.inputins3{
	width:60px;
	height:14px;
}
.inputins4{
	width:167px;
	height:14px;
}
.optionins1{
	font-weight:normal;
	font-size:11px;
	padding-left: 35px;
}
.optionins2{
	font-weight:normal;
	font-size:11px;
	padding-left: 60px;
}
#inscriptionpubelevefr,#inscriptionpubeleveen,#inscriptionpubelevees,#inscriptionpubproffr,#inscriptionpubprofen,#inscriptionpubprofen{
	background-repeat:no-repeat;
	position:relative;
	float:left; 
	display: block;
	width:370px;
	height:151px;
	margin-top:10px;
	margin-left: 30px;
	display: none;
}	
#inscriptionpubelevefr{
	background-image:url(../images/inscription_pub_eleve_fr.png);
}
#inscriptionpubeleveen{
	background-image:url(../images/inscription_pub_eleve_en.png);
}
#inscriptionpubelevees{
	background-image:url(../images/inscription_pub_eleve_en.png);
}
#inscriptionpubproffr{
	background-image:url(../images/inscription_pub_eleve_fr.png);
	display: block;
}
#inscriptionpubprofen{
	background-image:url(../images/inscription_pub_eleve_en.png);
	display: block;
}
#inscriptionpubprofes{
	background-image:url(../images/inscription_pub_eleve_en.png);
	display: block;
}

#codesecurite{
	position:relative;
	float:left; 
	visibility: visible;
	text-align:left;
	margin-top:20px;
	margin-left: 60px;
}
#validerinselevefr,#validerinseleveen,#validerinselevees,#validerinsproffr,#validerinsprofen,#validerinsprofes{
	background-repeat:no-repeat;
	position:relative;
	float:right; 
	visibility: visible;
	width:221px;
	height:63px;
	margin-top:20px;
	margin-right: 130px;
}	
#validerinselevefr{
	background-image:url(../images/bouton_valider_eleve_fr.png);
}
#validerinseleveen{
	background-image:url(../images/bouton_valider_eleve_en.png);
}
#validerinselevees{
	background-image:url(../images/bouton_valider_eleve_en.png);
}
#validerinsproffr{
	background-image:url(../images/bouton_valider_prof_fr.png);
}
#validerinsprofen{
	background-image:url(../images/bouton_valider_prof_en.png);
}
#validerinsprofes{
	background-image:url(../images/bouton_valider_prof_en.png);
}
#checkboxdeclarer{
	position:relative;
	float:left; 
	visibility: visible;
	text-align:left;
	margin-top:20px;
	margin-left: 60px;
}
#identificationparent{

	display: none;
}
#inscriptionparent{
	background-image:url(../images/fond_parents_big.png);
	background-repeat:no-repeat;
	position:relative;
	float:left; 
	width:443px;
	height:448px;
	display: none;
}
#identificationparent{
	background-image:url(../images/inscription_fond_parents_mini.png);
	background-repeat:no-repeat;
	position:relative;
	float:left; 
	width:443px;
	height:240px;
	display: none;
}
#showhidetd{
	display: none;
}
#showhideadress{
	display: none;
}
.renseigner a{
	font-size:12px;
	padding-left:90px;
	color:#FFFFFF;
}
.renseigner a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}
/*div de activation.php*/
#speechactivation {
	position: relative;
	float:left;
	left:-145px;
	margin-top:50px;
	width:100%;
	padding-left:70px;
	padding-right:69px;
	padding-top:70px;
	padding-bottom:80px;
    font-size: 14px;
}

#speechactivation h1{
	position: relative;
	float:left;
	margin-left:-25px;
    font-size: 16px;
}
/*div de activer.php*/
#speechactive {
	position: relative;
	float:left;
	left:100px;
	width:100%;
}
/*div de lostpwd.php*/
#speechlostpwd {
	position: relative;
	float:left;
	left:-145px;
	margin-top:50px;
	width:100%;
	padding-left:70px;
	padding-right:69px;
	padding-top:70px;
	padding-bottom:80px;
    font-size: 14px;
}

#speechlostpwd h1{
	position: relative;
	float:left;
	margin-left:-25px;
    font-size: 16px;
}

/*div de inviteuser.php et requestinvitation.php */
#speechinviteuser {
	position: relative;
	float:left;
	left:100px;
	width:100%;
}
/*div de delaccount.php*/
#speechcloture {
	position: relative;
	float:left;
	width:100%;
}

#comptenonactive{
	position: relative;
	float:left;
	left:-145px;
	margin-top:50px;
	width:100%;
	padding-left:70px;
	padding-right:69px;
	padding-top:70px;
	padding-bottom:80px;
    font-size: 14px;
}

#comptenonactive h1{
	position: relative;
	float:left;
	margin-left:-25px;
    font-size: 16px;
}

#compteactive{
	position: relative;
	float:left;
	left:-145px;
	margin-top:50px;
	width:100%;
	padding-left:70px;
	padding-right:69px;
	padding-top:70px;
	padding-bottom:80px;
    font-size: 14px;
}

#compteactive h1{
	position: relative;
	float:left;
	margin-left:-25px;
    font-size: 16px;
}

#compteactive a{
    color : #FF9900; 
	text-decoration : none;
	font-weight:bold;
	font-size: 16px;
}

#compteactive a:hover{
	text-decoration : underline;
	color : #FF9900;
    font-size: 16px;
}

/*faq*/
#myfaqdiv{
	position: relative;
	float:left;
	width:96%;
	padding-right:15px;
	padding-left:10px;
}

#myfaqdivnolog {									
	float:left;
	margin-left:15px;
	padding-left:10px;
	position:relative;
	width:96%;
}

.repfaq a
{
	color :#0099CC; 
	text-decoration : underline;
	font-size:13px;
	font-weight:bold;	
}

.repfaq
{
	padding-left:10px;
	padding-right:20px;
}

.repfaqnolog
{
	padding-left:10px;
	padding-right:60px;
}

.repfaqnolog a
{
	color :#0099CC; 
	text-decoration : underline;
	font-size:13px;
	font-weight:bold;
}

.questionfaq a
{

	color:#0099CC; 
	text-decoration : underline;
	font-size:13px;
	font-weight:normal;
	
}
.questionfaq a:hover
{
	
	text-decoration : underline;
	color:#0099CC;
}
#retourhaut{

	text-align:right;
	margin-right:20px;
	color:#0099CC;
	font-size:10px;
}
#retourhaut a:hover
{
	font-size:10px;
	text-decoration : underline;
	color:#0099CC;
}
#retourhaut a
{
	font-size:10px;
	text-decoration :none;
	color:#0099CC;
}

#tutorRequest
{
	position:absolute;
	right:2px;
	top:368px;
	width:250px;
	text-align: center;
}

/* PUT THIS WHEN THERE IS BANNIERE MERCREDIS */
#tutorRequestM
{
	position:absolute;
	right:2px;
	top:475px;
	width:250px;
	text-align: center;
}

#tutorRequest a, #tutorRequestM a
{
	color:#0099CC;
	font-size:13px;
}

#newrequest
{
	position:absolute;
	right:-80px;
	top:380px;
	width:250px;
	text-align: center;
}

/* PUT THIS WHEN THERE IS BANNIERE MERCREDIS */
#newrequestM
{
	position:absolute;
	right:-80px;
	top:486px;
	width:250px;
	text-align: center;
}

#operationdiv {									
	float:left;
	position:relative;
	width:98%;
	border: none;
}

#callconseillershome, #callconseillershomeen {
	color:#E35300;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	top:440px;
	width:300px;
	text-align: center;
}

/* PUT THIS WHEN THERE IS BANNIERE MERCREDIS */
#callconseillershomeM, #callconseillershomeenM {
	color:#E35300;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	top:540px;
	width:300px;
	text-align: center;
}

#callconseillershome, #callconseillershomeM {
	right:-22px;
}

#callconseillershomeen, #callconseillershomeenM {
	right:-25px;
}

/* div de autoentrepreneur.php */
#autoentrepreneurdivnolog{
	position: relative;
	float:left;
	width:100%;
	height:1300px;
    border: none;
}

#autoentrepreneurdiv{
	position: relative;
	float:left;
	width:96%;
	height:1300px;
    border: none;
	margin-left:10px;
}

#aeTitre{
	font-size:22px;
	font-weight:bold;
	left:0;
	position:absolute;
	top:50px;
}

#aeTitre2{
	font-size:22px;
	font-weight:bold;
	left:0;
	position:absolute;
	top:570px;
}

#aeSousTitre{
	font-size:16px;
	left:-5px;
	position:absolute;
	top:105px;
	width:300px;
}

#aeLogo{
	background-image:url(../images/ae_logo.png);
	background-repeat:no-repeat;
	height:209px;
	position:absolute;
	right:15px;
	top:210px;
	width:179px;
}

#aeList
{
	left:-60px;
	position:absolute;
	text-align:justify;
	top:160px;
	width:850px;
}

#aeList ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#aeList li
{
	background-image:url(../images/check_offres2.png);
	background-position:0 -0.2em;
	background-repeat:no-repeat;
	font-size:14px;
	margin-left:130px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:4em;
}

#aeList2
{
	left:80px;
	position:absolute;
	text-align:justify;
	top:620px;
	width:850px;
}

#aeList2 h3 {
	font-size:16px;
	font-weight: bold;
	color:#666666;
}

.aeEtapes
{
	margin-bottom:30px;
}

.aeEtapes li
{
	font-size:14px;
	font-weight: normal;
	padding-bottom:5px;
}

.aeEtapes a
{
	color : #666666; 
	text-decoration : none;
	font-size:14px;
	font-weight:bold;
}

.aeEtapes a:hover{
	text-decoration:underline;
	color:#666666;	
}

#aeLien{
	background-color:#BAE3F1;
	color:#0099CC;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	position:absolute;
	right:25px;
	text-decoration:none;
	top:510px;
}

#aeLien a{
	color : #0099CC; 
	text-decoration : none;
	font-size:12px;
	font-weight:bold;	
}

#aeLien a:hover{
	text-decoration:underline;
	color:#0099CC;	
}

/* div de recordtutorials.php */
#recordtutorialsdivnolog{
	position: relative;
	float:left;
	width:100%;
	height:2100px;
    border: none;
}

#recordtutorialsdiv{
	position: relative;
	float:left;
	width:96%;
	height:2100px;
    border: none;
	margin-left:10px;
}

#rtTitre{
	font-size:22px;
	font-weight:bold;
	left:0;
	position:absolute;
	top:50px;
}

#rtTitre2{
	font-size:22px;
	font-weight:bold;
	left:0;
	position:absolute;
	top:280px;
}

#rtList
{
	left:-60px;
	position:absolute;
	text-align:justify;
	top:130px;
	width:850px;
}

#rtList ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#rtList li
{
	background-image:url(../images/check_offres2.png);
	background-position:0 -0.2em;
	background-repeat:no-repeat;
	font-size:14px;
	margin-left:130px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:4em;
}

#recordtutorialWrap{
	position:absolute;
	top:320px; 
	left:30px;
}

#recordtutorialList{
	position:absolute; 
	list-style-image:none; 
	list-style-position:outside; 
	list-style-type:none;
}

#recordtutorialList li{ 
	cursor:pointer;
	height:70px;
	margin-right:0;
	padding-left:10px;
	padding-top:10px;
	text-align:left;
	width:550px;
}

.recordtutorialThumbnail{
	margin-top:1px; 
	margin-right:3px; 
	float:left;
}

.recordtutorialText{
	float:left;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:22px;
	width:500px;
}

.recordtutorialText h5{ 
	float:left;
	font-size:15px;
	margin-left:0px;
	margin-top:-20px;
	width:500px;
	margin-bottom:5px;
	}
	
/* div de IMId.php et launchclass.php*/
#divIdentificationIMID {
	color:#666666;
	float:left;
	margin-bottom:30px;
	margin-left:100px;
	margin-top:20px;
	position:relative;
	text-align:left;
	width:50%;
}

#divIdentification {
	color:#666666;
	float:left;
	margin-bottom:30px;
	/*margin-top:40px;*/
	position:relative;
	text-align:left;
	width:80%;
}

#divCreateAccount {
	color:#666666;
	float:left;
	margin-bottom:30px;
	/*margin-top:40px;*/
	position:relative;
	text-align:left;
	width:80%;
}

#divIdentification h1, #divCreateAccount h1{
	font-size: 20px;
}

#divIdentification h2{
	font-size: 14px;
}

.btn_launchclass {
background:transparent url(../images/bluebtn.png) no-repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
height:30px;
position:relative;
text-align:center;
width:121px;
}

#resultmsgimid {
	position: relative; 
	margin-top:20px;
	/*top: 200px; 
	left: 525px;*/
	color:#FF0000;
	z-index:100;
}

#bannieremercredis {
	background-image:url(../images/banniere_mercredis.jpg);
	background-repeat:no-repeat;
	height:90px;
	left:110px;
	position:absolute;
	top:40px;
	width:728px;
}

#banniereblueteach {
	background-image:url(../images/banniere_blueteach.png);
	background-repeat:no-repeat;
	height:90px;
	left:110px;
	margin-bottom:15px;
	margin-top:15px;
	position:relative;
}

#textblueteach {
	position:absolute;
	top: 35px; 
	display: none;
	width:500px;
	color:#001b38;
	font-size:16px;
	font-weight:normal;
	left:0px;
}

#profitezmercredis {
	position:absolute;
	top: 60px; 
	left: 600px;
	display: none;
	width:100px;
	color:#0873A8;
	font-size:14px;
	font-weight:normal;
}

#textemercredis {
	position:absolute;
	top: 20px; 
	display: none;
	width:500px;
	color:#0873A8;
	font-size:14px;
	font-weight:normal;
	left:0px;
}

/* CSS for cadeau.php */
#cadeauTitle {
	background-image:url(../images/xmastree.png);
	background-repeat:no-repeat;
	background-position:left;
	left:33px;
	line-height:13px;
	position:absolute;
	text-align:left;
	top:35px;
	width:800px;
}

#cadeauTitle h1{
	color:#000000;
	font-size: 24px;
	line-height:30px;
	margin-left:120px;
}

#cadeauTitle h2{
	color:#878787;
	font-size: 20px;
	font-weight: normal;
	margin-left:120px;
}

#cadeauTitle h3{
	color:#327643;
	font-size: 16px;
	font-weight: normal;
	margin-left:120px;
}

#cadeauReponse {
	font-size:12px;
	height:260px;
	left:33px;
	position:relative;
	text-align:left;
	top:100px;
	width:800px;
}

#cadeauReponse h4{
	color:#878787;
	font-size: 16px;
}

#cadeauReponse a{
	color:#878787;
	text-decoration: none;
	font-size: 12px;
}

#cadeauReponse a:hover{
	color:#878787;
	text-decoration: underline;
	font-size: 12px;
}

#cadeauForm {
	position:relative;
	margin: auto;
	width: 100%;
	height: 100%;
}

#cadeau {
	position:relative;
	margin-top:130px;
	width: 100%;
	height: 100%;
	margin-left:50px;
}

#diverreur{
	left:51px;
	position:absolute;
	text-align:left;
	top:185px;
}

input.roundedcadeau{
	border: 0;
	background: transparent url(../images/roundedinputcadeau.png) top left no-repeat;
	width: 235px;
	height: 50px;
	/*padding: 3px 5px;*/
	font-size: 16px;
	color: #666666; 
	padding-left: 10px;
	padding-top: 10px;
}