/***********************
	CSS E-TEACH WEBSITE 2011
	************************/
	
	/* ---- Permet de ne pas ajuster les tailles des textes sur un iphone, mais de garder le rapport de taille initial ----*/
	html { -webkit-text-size-adjust:none; }

	body{
		margin:20px 0px;
		background:url('../images/_body_background.gif') #ffffff repeat-x top left;
		font-family: trebuchet ms;
		font-size:13px;
		color:#333333;
	}
	a img {
		border:0 none;
	}
	td{
		font-size:13px;
	}	
	div.screenshot{
		overflow:auto;
		padding:2px;
	}
	div.screenshot div.image{
		margin:10px;
		border:0.5px solid #aaaaaa;
		background:#ffffff;
		float:left;
		padding:5px;
	}
	div.screenshot img{
		border:0px solid #aaaaaa;
	}
	
	div.screenshotHorizontal{
		overflow:auto;
		padding:2px;
		width:100%;
		background:#555555;
	}
	div.screenshotHorizontal div.image{
		margin:5px;
		margin-left:1.3em;
		border:1px solid #000000;
		background:#ffffff;
		float:left;
		padding:5px;
	}
	div.screenshotHorizontal img{
		border:0px solid #aaaaaa;
	}
	
	.field{
		font-family:trebuchet ms;
		font-size:16px;
		padding:3px;
		border:#aaaaaa 1px solid;
		background:#ffffff;
	}
	.fieldError{
		font-family:trebuchet ms;
		font-size:16px;
		padding:3px;
		background:#FFDDC6;
		border:#FF0000 1px solid;
	}
	
	#copyrightx{
		margin-top:0px;
		border-top:0px dashed #dddddd;
		padding:20px;
	}
	
	.products1 li{
		list-style: url(../images/icon_li_services.gif);
		padding-bottom:4px;
	}
	.products2 li{
		list-style: url(../images/icon_li_qplayer.gif);
		padding-bottom:4px;
	}
	.products3 li{
		list-style: url(../images/icon_li_eteachServer_2.gif);
		padding-bottom:4px;
		
	}
	.products4 li{
		list-style: url(../images/icon_li2.gif);	
		padding-bottom:4px;
	}
	ul{
		padding-left:20px;
	}
	
	.keyword{
		font-size:18px;
		color:#111111;
		font-weight:normal;
	}
	
	/* ---------------- HOMEPAGE banner ----------------- */

	div.homeBanner{
		background:url(../images/banner_indexCM.jpg) no-repeat !important;
		width:980px;
		height:439px;
	}
	div.homeBanner h1{
		font-size:35px;
		text-align:right;
		margin-right:110px;
		margin-top:60px;
		margin-bottom:10px;
	}
	div.homeBanner .bannerContent{
		text-align:right;
		margin-right:110px;
	}
	div.homeBanner .bannerContent .blockBanner{
		background:url(../images/banner_indexCMbgtransp.png) repeat;
		width:210px;
		float:right;
		padding:20px;
		margin-top:25px;
	}
	div.homeBanner .bannerContent .blockBanner p{
		color:#000;
		font-size:16px;
	}
	
	div.baseline{
		background:url(../images/banner_indexCMBaseline.jpg) no-repeat !important;
		width:980px;
		height:34px;
		text-align:center;
		font-size:19px;
		padding-top:5px;
	}
	
	.rightBtn{
		float:right !important;
	}
	
	
	
	div.main{
		background-color:#FFFFFF;
	}
	

	div.global{
		/*le padding sert à l'affichage de marge sur iphone et ipad*/
		padding: 0px 20px;
		width:980px;
		margin: 0 auto;
		overflow: auto;
	}
		
	div#main_menu{
	}
	div#main_menu td#menu{
		width:100%;
		background:url('../images/_top_back.gif') #ffffff repeat-x top left;
	}
	div#main_menu #menu table{
		/*width:100%;*/
	}
	div#main_banner{
		background:#ffffff;
		overflow:auto;
	}
	div#main_menu td#menu #L{
		
		height:62px;
		width:8px;
	}
	div#main_menu td#menu #C{
		
		height:62px;
		cursor:pointer;
	}
	div#main_menu td#menu #R{
		
		height:62px;
		width:8px;
	}
	/*div, td, span, p, sup{
		font-family: trebuchet ms;
		font-size:13px;
		color:#333333;
	}*/

	sup{
		color:#333333;
	}
	h1{
		font-family:trebuchet ms;
		font-size:26px;
		color:#333333;
		font-weight:normal;
	}
	.pLink:link{
		color:#333333;
		text-decoration:none;
	}
	.pLink:hover{
		color:#333333;
		text-decoration:none;
	}
	.pLink:link h1{
		text-decoration:none;
	}
	.pLink:hover h1{
		color:#FF9900;
		text-decoration:none;
	}
	.pLink:active h1,p{
		text-decoration:none;
	}
	.pLink:hover .thumbs_title{
		color:#FF9900;
		text-decoration:underline;
	}
	.pLink:visited{
		color:#333333;
		text-decoration:none;
	}
	.pLink:active{
		color:#333333;
		text-decoration:none;
	}
	
	a:link{
		color:#FF6600;
		text-decoration:none;
	}
	
	a:hover{
		color:#FF6600;
		text-decoration:underline;
	}
	a:visited{
		color:#FF6600;
		text-decoration:none;
	}
	a:active{
		color:#FF6600;
		text-decoration:none;
	}
	
	h2{
		font-family:trebuchet ms;
		font-size:22px;
		color:#333333;
		font-weight:normal;
	}
	
	h3{
		font-family:trebuchet ms;
		font-size:17px;
		color:#333333;
		font-weight:normal;
	}
	
	h4{
		font-family:trebuchet ms;
		font-size:17px;
		color:#333333;
		font-weight:normal;
	}
	
	
	.presse{
		margin:5px;
		float:clear;
		overflow:hidden;
		border-bottom:1px solid #dddddd;
	}
	.presse_agenda{
		margin:0px;
		margin-top:10px;
	}
	.presse p{
		margin:2px;
	}
	.presse div{
		float:left;
		width:600px;
		margin:5px;
		margin-left:30px;
	}
	.presse_title{
		font-family:trebuchet ms;
		font-size:14px;
		color:#FF9900;
		font-weight:bold;
		margin:0px;
	}
	.presse_file{
		font-family:trebuchet ms;
		font-size:13px;
		color:#111111;
		margin:0px;
		text-decoration:underline;
	}
	.presse_info{
		font-family:trebuchet ms;
		font-size:13px;
		color:#aaaaaa;
		margin:0px;
	}
	.presse_publication{
		font-family:trebuchet ms;
		font-size:13px;
		color:#333333;
		font-weight:normal;
	}
	
	
	
	.thumbs_container{
		margin-left:2em;
		margin-right:2em;
	}
	.thumbs{
		float:left;
		margin:10px;
	}
	.thumbs img{
		float:left;
		margin:5px;
		cursor:pointer;
	}
	.thumbs div{
		float:left;
		width:220px;
		margin:5px;
		height:150px;
	}
	#thumbs_info{
		font-family:trebuchet ms;
		font-size:14px;
		color:#555555;
	}
	.thumbs_title{
		font-family:trebuchet ms;
		font-size:20px;
		color:#FF9900;
		font-weight:bold;
		margin:0px;
	}
	.thumbs_undertitle{
		font-family:trebuchet ms;
		font-size:12px;
		color:#555555;
		font-weight:normal;
		margin:0px;
	}
	.thumbs_content{
		font-family:trebuchet ms;
		font-size:13px;
		color:#111111;
		font-weight:normal;
	}
	.thumb_description{
		 overflow:auto;
		 height:250px;
		 padding:10px;
		 padding-bottom:30px;
	 }
	 
	 #anchorMenu{
	 	background:url(../images/anchorNav_background.gif) no-repeat top left;
		padding:5px;
	 }
	 
	 .anchorNav{
	 	padding:6px;
		background:transparent;
		width:280px;
		margin-left:5px;
	 }
	  .anchorNav_active{
	 	padding:6px;
		background:url(../images/anchorNav_active2.gif) no-repeat;
		width:280px;
		margin-left:5px;
		
	 }
	 .anchorNav a{
		color:#333333;
		text-decoration:none;
	 }
	  .anchorNav_active a{
		font-weight:bold;
		color:#111111;
		text-decoration:none;
	 }
	
		
	.whatWeDo{
		font-family:trebuchet ms;
		font-size:19px;
		color:#111111;
		font-weight:normal;
		
		background:#ffffff;
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
		
		/*border-bottom:dashed 1px #dddddd;*/
	}
	
	#template table{
		width 100%;
	}
	
	#template .col{
		/*border:0px solid #aaaaaa;*/
		padding:10px;
		vertical-align:top;
	}
	
	.evidence{
		font-size:15px;
		color:#000000;
		font-weight:bold;
	}

	.form td{
		vertical-align:top;
		font-size:12px;
		margin:0px;
	}
	.form .label{
		text-align:right;
		font-size:12px;
		padding-top:8px;
	}
	.form .labelMandatory{
		text-align:right;
		font-weight:bold;
		font-size:12px;
		padding-top:8px;
	}

	#products td{
		vertical-align:middle;
	}

	#products #logo{
		padding-left:25px;
		margin-top:10px;
	}
	#products #logo img{
	margin-top:10px;
	}

	.menu_selected_left{
		background:url('../images/_menu_selected_left.gif') #ffffff no-repeat top left;
		width:8px;
	}
	.menu_selected_center{
		background:#FFFFFF;
	}
	.menu_selected_right{
		background:url('../images/_menu_selected_right.gif') #ffffff no-repeat top left;
		width:8px;
	}
	
	.msgStatus_orange{
		background:#FFE699;
		border:1px solid #FFC000;
		font-family:arial;
		font-size:13px;
		padding:5px;
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
		display:none;
		font-weight:bold;
	}
	.msgStatus_red{
		background:#FFDDDD;
		border:1px solid #FF7E7E;
		font-family:arial;
		font-size:13px;
		padding:5px;
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
		display:none;
		font-weight:bold;
	}
	.msgStatus_green{
		background:#D8FFB1;
		border:1px solid #75E706;
		font-family:arial;
		font-size:13px;
		padding:5px;
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
		display:none;
		font-weight:bold;
	}
	
/*
--------------------------------------------------
Style pages Challenge Monitor
--------------------------------------------------
*/

.ChallengeMonitor h1{
	font-size:32px;
	color:#aaa;
}

.templateProduct{
	margin-top:60px;
}

.block img.imgLeft{
	float:left;
	margin:0px 40px 0px 0px;
}

.block ul{
	list-style-type: none;
	padding:0px;
	margin:10px 0px;
}

.block li{
	background: url(../images/bulletTick.png) no-repeat 0px 5px;
	padding-left:25px;
	margin:5px 0px;
}
.block img.imgRight{
	float:Right;
	margin:0px 0px 0px 40px;
}

.block{
	line-height:20px;
	margin:50px 0px 0px 0px;
	clear:both;
}

.block h2{
	line-height:24px;
}

p.testimonialTitle{
	font-size:16px;
	color:#aaa;
	margin-bottom:0px;
}

blockquote{
		/*background:url('../images/quote.jpg') #ffffff no-repeat top left;*/
		padding-right:42px;
		margin-left:0px;
		color:#474747;
		text-align:left;
		margin-bottom:35px;
		margin-top:35px;	
}

blockquote, blockquote p{
		font-family:Georgia, Times New Roman, serif;
		line-height:20px;
		color:#666;
}

blockquote .name{
		font-style:italic;
		font-size:15px;
		line-height:16px;
		text-align:right;
		margin:0px;
}

blockquote .name span{
		color:#aaa;
		font-size:11px

}

blockquote .photo{
	text-align:right;
	background: url(../images/CM_testimonialBubble.jpg) no-repeat top right;
	margin:0px;
	padding-top:5px;
}

blockquote .citation{
}

/* ---------------- Footer contact us ----------------- */

.footerContact{
	background:url(../images/CM_FooterContact.png) no-repeat top left;
	padding:8px 20px 8px 20px;
	height:73px;
	margin-top:40px;
	clear:both;
}

.footerContact h3{
font-size:24px;
margin:0px
}

.footerContact span{
	font-size:14px;
	line-height:26px;
}

.footerContact a{
	background:url(../images/CM_LittleButtonRight.png) no-repeat top right;
	font-size:14px;
	padding-right: 10px;
	color:#fff;
	clear:both;
	float:right;
}

.footerContact a span{
	display:block;
	background:url(../images/CM_LittleButtonLeft.png) no-repeat top left;
	padding-left:10px;
	height:24px;
	line-height:21px;

}

.footerContact a:hover{
	text-decoration:none;
	background:url(../images/CM_LittleButtonRight.png) no-repeat bottom right;
}

.footerContact a:hover span{
	background:url(../images/CM_LittleButtonLeft.png) no-repeat bottom left;
}	


/* ---------------- partage sur réseaux sociaux ----------------- */

.share{
	float:right;
	font-size:11px;
	color:#555;
	margin-top:5px;
}
.share a{
	margin-left:5px;
}

/* ---------------- SLIDESHOW ----------------- */

/*
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:980px;
	height:366px;
	background:transparent url(../images/CM_bgSlider.jpg) no-repeat 0 0;
	position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:830px;
  height:366px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:810px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:366px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:77px;
  height:366px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
 
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.png) no-repeat 0 0;
}

.slide h2, .slide p {
  margin:20px;
}
.slide p {
  color:#303030;
}
.slide h2 {
  font-size: 32px;
  color:#fff;
  letter-spacing:-1px;
  padding-top:40px;
}
/*.slide img {
  float:right;
  margin:0 15px;
}*/

/* --Presentation Panel-- */

#slidesContainer .slide#presentation{
		background:url(../images/bgPresentation.png) transparent no-repeat top right;
}

#presentation h2 {
	width:400px;
}

#presentation p {
	width:300px;
}

/* --Formation Panel-- */

#slidesContainer .slide#formation{
		background:url(../images/bgFormation.png) transparent no-repeat top left;
}

#formation h2 {
	margin-left:450px;
}

#formation p {
	width:320px;
	margin-left:450px;
}

/* --Viral Panel-- */

#slidesContainer .slide#viral{
		background:url(../images/bgViral.png) transparent no-repeat top left;
}

#viral h2 {
	margin-left:500px;
}

#viral p {
	width:300px;
	margin-left:500px;
}

/* --Admin Panel-- */

#slidesContainer .slide#admin{
		background:url(../images/bgAdmin.png) transparent no-repeat top right;
}

#admin h2 {
	width:320px;
}

#admin p {
	width:280px;
}

a.btnSlide{
	background:url(../images/CM_ButtonRight.png) no-repeat top right;
	font-size:20px;
	padding-right: 27px;
	color:#fff;
	clear:both;
	float:left;
}

a.btnSlide span{
	display:block;
	background:url(../images/CM_ButtonLeft.png) no-repeat top left;
	padding-left:40px;
	height:42px;
	line-height:40px;

}

a.btnSlide:hover{
	text-decoration:none;
	background:url(../images/CM_ButtonRight.png) no-repeat bottom right;
}

a.btnSlide:hover span{
	background:url(../images/CM_ButtonLeft.png) no-repeat bottom left;
}
/* ---------------- adaptation version anglaise ----------------- */

.navigFooter{
	clear:both;
}

.navigFooter a{
	text-decoration:underline;
}
.navigFooter .back{
	float:left;
}

.navigFooter .next{
	float:right;
}
/* ---------------- adaptation version anglaise ----------------- */

.footerEN h3, .footerEN span{
	margin-left:60px;
}

.footerEN a{
	margin-right:60px;
}

/* ---------------- new Footer - copyright ----------------- */


#copyright {
	background:url(../images/footerBG.png) no-repeat top left;
	height:249px;
	color:#c1c1c1;
	padding-top:30px;
	margin-top:25px;
}

#copyright, #copyright h3{
	color:#c1c1c1;
}

#copyright .legend{
    float: left;
    font-size: 11px;
    line-height: 13px;
    width: 46%;
}

#copyright a:link {
		color:#e9e9e9;
}

#copyright a:visited {
		color:#e9e9e9;
}

#copyright a:hover {
		color:#FF6600;
		text-decoration:none;
}

#copyright input[type=submit]{
	margin-top:10px;
}

#copyright .col2 h3, #copyright .col3 h3, #copyright .col4 h3{
	margin-bottom:10px;
}

#copyright ul li{
	line-height:20px;
}

#copyright h3{
	margin:0px;
}

#copyright ul{
	list-style: none;
	margin:0px;
	padding:0px;
}

#copyright .col{
	float:left;
}

#copyright .col1{
	padding-left:40px;
	width:280px;
}
#copyright .col2{
	padding-left:20px;
	width:120px;
}
#copyright .col3{
	padding-left:20px;
	width:137px;
}
#copyright .col4{
	padding-left:20px;
	width:150px;
}
#copyright .col5{
	padding-left:;
    padding-right: 20px;
    width: 140px;
	float:right;
}

#copyright .copy{
	margin-top:50px;
}

#copyright input[type=text]{
	height:25px;
	width:234px;
	display:block;
	line-height:25px;
}

input.placeholder{
	background-color: #f4f4f4;
	color:#999999;
}



/* ---------------- Page Product ChallengeMonitor ----------------- */

.ProdChallengeMonitor{
	border:1px dashed #e0e0e0;
	background:url(../images/CM_bgProductPage.jpg) no-repeat 40px bottom;
	clear:both;
	margin-bottom:30px;
}

.ProdChallengeMonitor p{
	float:left;
	margin:40px 0px 20px 0px;
	width:39%;
	line-height:18px;
}

.ProdChallengeMonitor .logo{
	float:right;
	margin:45px 40px 0px 0px;
}

.ProdChallengeMonitor .ProdRight{
	float:right;
	width:80%;
}

	/***********************
	FIN
	************************/