/* ************** Css Ionis tutoring ******************
   * By ionis-group.com                        *
   * http://www.ionis-tutoring.fr                 *
   ********************************************* */
   
@charset "iso-8859-1";

html {
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#433938;
	margin:0;
	padding:0;
	text-align:justify;
	background-color:#005985;
/*	background:#005985;*/
	
}

p {
	padding:0;
	color:#433938;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
em {
	font-style: normal;
}
cite {
	font-size:11px;
	font-style:italic;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border:none;
	margin:0;
	padding:0;
}
form {
	margin:0;
	padding:0;
}
ul, li {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	list-style:none;
}

div {
	font-family: Arial, Helvetica, sans-serif;
	
}


#page-index {
	height:100%;
}

#page-index .extrait {
	font:11px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:justify;
}	

#page-index .extrait a:hover {
	border-bottom:thin #333333 dotted;
}

.hide {
	display:none !important;
}
.clear {
	clear:both;
}
.alignRight {
	margin: 0 0px 10px 15px;
	float:right;
}
.alignLeft {
	margin: 0 15px 0 0px;
	float:left;
}
.alignTopRight {
	margin: 0 0 5px 15px;
	float:right;
}
.alignTopLeft {
	margin:0 15px 5px 0;
	float:left;
}
.alignBottomRight {
	margin:5px 0 0 15px;
	float:right;
}
.alignBottomLeft {
	margin:5px 15px 0 0;
	float:left;
}
.citation {
	text-align:left;
	margin:15px 0px;
}

.big {
	font-weight:bold;
	color:#2a2727;
}

#space {
	background:url(../images/design/bg-ionis-tutoring.jpg) repeat-x top;
	background-color:#005985;
	padding-top:5px;

}

#PageBackground {
	background-image:url(../images/design/bg_trans.png);
	background-repeat:repeat-y;
	width: 972px;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}
/* hack pour ie6 */
/*#sideright {
!background-image:none;
}
#sideleft {
!background-image:none;
}*/
#sideright {
	background-image:url(../images/design/sideright.png);
	background-repeat:repeat-y;
	background-position:right;
}
#sideleft {
	background-image:url(../images/design/sideleft.png);
	background-repeat:repeat-y;
}
/* header          
*******************************************************************/
#header {
	background:url(../images/design/header.png) no-repeat;
	height:143px;
	width:972px;
	margin-left: auto;
	margin-right: auto ;
	padding:0px 0px 0px 0px;
}

#header-flash {
	float:left;
	margin-left:15px;
	margin-top:15px;
	!margin-left:7px;
	!margin-top:15px;
}

*> #header-flash {
	float:left;
	margin-left:15px;
	margin-top:15px;
}

#block-contactez-nous {
	float:left;
	margin-left:7px;
	margin-top:15px;
	!margin-left:8px;
	!margin-top:15px;
}

*> #block-contactez-nous {
	float:left;
	margin-left:7px;
	margin-right:1px;
	margin-top:15px;
}

#Main {
	background: #FFFFFF url('../images/design/bg-col-right-ombre.jpg') repeat-y scroll 748px 0px;
	margin-left:9px;
	margin-right:9px;
	padding-left:0px;
	padding-right:5px;
	_height:500px;
}

/* Colonne content           
*******************************************************************/
#content {
	position:relative;
	float:left;
	min-height:520px;
	!width:750px;
	width:528px;
	padding-bottom:20px;
}


#content_haut {
	margin-left:204px;	
	width:528px;
	height:86px;
	!height:90px;
}

#content_coach {
	height:129px;
	background:transparent url(../images/design/fond-coach.jpg) repeat-x scroll 0 3px;
	margin-left:0;
	padding-left:204px;
	width:545px;
}

#content_bas {
	margin-left:204px;	
	width:528px;
}
#content .titre {
	position:absolute;
	left:20px;
	top:30px;
}

#content .accroche {
	position:absolute;
	left:263px;
	top:45px;
}
#content h1 {
	font-size:16px;
	color:#d9001e;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}
#content h2 {
	font-size:15px;
	padding-left:30px;
}
#content p {
	padding:0 0px;
	font-size:11px;
}
#content a {
	color:#000;
	border-bottom:#e27f04 1px dotted;
	text-decoration:none;
}

#content a.linkimg {
	border:none;
	padding-bottom:1px;
}

#content a:hover {
	text-decoration:none;
	border-bottom:none;
	padding-bottom:1px;
}
#content .mini-note {
	font-size:10px;
}
#content .BigLetter {
	font-size:30px;
	float:left;
	margin: -15px 0 -15px 0;
	color:#d9001e;
}
#content .sous-titre {
	font-size:17px;
	font:17px;
	color:#d00002;
	text-align:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#content .texte-encadre {
	color:#FFFFFF;
	text-align: justify;
	margin:0px;
	padding:0px;
}

#content .texte-encadre-fonce {
	color:#2a2727;
	text-align: justify;
	margin:0px;
	padding:0px;
}

#img_structureinnovante {
	background-color:#FFFFFF;
	padding-bottom:10px;
}
#coachdumois {
	background:transparent url(../images/design/fond-coach.jpg) repeat-x scroll 0 3px;
	margin-left:0px;
	color:#FFFFFF;
	padding-top:0px;
	margin-top:0px;
	padding-left:0px;
}

.page-interne{
	margin-left:204px;
}

/* Colonne gauche           
*******************************************************************/
#LeftColumn {
/*	width:186px;
	float:left;*/
}

#nouveau-menu {
float:left;
left:7px;
position:absolute;
top:0;
width:186px;
}

#nouveau-sous-menu {
float:left;
left:9px;
position:absolute;
top:402px;
!top:440px;
width:186px;
}

#Menu {
/*	min-height:350px;
	_height:380px;
*/	background: #005d89 url(../images/design/bg_col_left.jpg) repeat-x;
}
#content #Menu a {
	color:#ffffff;
	text-decoration:none;
	border:0px;
}
#content #Menu a:hover {
	color:#CCCCCC;
}
#content #Menu ul {
	padding-top:6px;
}
#content #Menu li {
	color:#ffffff;
	padding-left:8px;
	font-size:11px;
	line-height:16px;
}
#MenuPresentation {
	margin-bottom:1px;
	margin-left:15px;
	margin-top:10px;
}
#MenuCoaching {
	margin-bottom:1px;
	margin-left:15px;
	margin-top:10px;
}
#MenuCollectifs {
	margin-bottom:1px;
	margin-left:15px;
	margin-top:10px;
}
.separateurMenu {
	background-image:url(../images/design/hr.gif);
	background-repeat:repeat-x;
	height:2px;
	margin-top:10px;
}
.puce {
	/*background:url(../images/design/puce.gif) no-repeat 0px 3px;*/
	padding-left:20px;
	display:block;
	margin-top:10px;
}
#LeftColumn .puce:hover {
	background: url(../images/design/puce3.gif) no-repeat 0px 3px;
}

/* Lutte contre le fond transparent dans IE6           
*******************************************************************/
#lutte {
	width:537px;
	height:1px;
	margin-left:-3px;
	padding-left:15px;
}

#content_coach p {
	color:#FFFFFF;
	padding:0;
	margin:0;
}
#content_coach h2 {
	font-size:11px;
	text-transform:uppercase;
	padding-left:0px;
	margin-bottom:5px;
}

#content_coach a {
	color:#FFFFFF;
	border:none;
}

#content_coach a:hover {
	text-decoration:none;
}

#content_coach .videocoach {
	float:right;
	padding:8px 5px 9px 9px;
}	

#Coachimg {
	margin-left:20px;
	margin-right:30px;
	margin-top:-37px;
	float:right;
}
#content_col_left {
	float:left;
	width:100%;
	border-bottom:dotted #b2b2b2 1px;
	padding-bottom:7px;
}

#content_col_left a {
	text-decoration:none;
	border:none;
}
#content_col_left li {
	margin-bottom:10px;
}
#content_col_left li p {
	padding:0;
	line-height:16px;
}
#content_col_left li p a:hover{
	border-bottom:#e27f04 1px dotted;
}


#content ul.ListRedArrow {
	margin:15px 20px 15px 20px;
	display:block;
}
#content ul.ListRedArrow li {
	background:url(../images/design/puces/bubble-red.gif) no-repeat;
	padding-left:15px;
	font-size:14px;
	margin:10px 0 20px 0;
}


/* hack pour ie6 */
#content_col_right {
!height:240px;
!width:100%;
!float:right;
!margin-right:-9px;
}

*> #content_col_right {
	min-height:205px;
	_height:195px;
	width:100%;
	float:right;
	margin-right:0px;
	margin-top:20px;
}

#content_col_right a {
    border-bottom: none;
}
#content_col_right p {
	padding:0;
}
#content_col_right p a {
	color:#666666;
	padding:0;
	font-weight:bold;
	text-decoration:underline;
	text-decoration:none;
	border:0;
}
#content_col_right p a:hover {
	color:#000;
}
#content_col_right li {
	margin-top:1px;
	margin-left:30px;
	line-height:16px;
}
#content_col_right li a {
	color:#666666;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	border:0;
}
#content_col_right li a:hover {
	color:#000;
}
#content_col_right li {
	list-style-image:url(../images/design/puceliste.gif);
}
.puceTitle {
	background:transparent url(../images/design/puce.gif) no-repeat scroll 0 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font:12px;
	color:#C11B0D;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:2px;
}


.puceTitle a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font:12px;
	color:#C11B0D !important;
	font-weight:bold;
}


#img_encemoment {
	margin:22px 0 10px;
}
#img_conseilsastuces {
	margin:10px 0px;
}
#img_photolistconseil {
	float:left;
	border:1px solid #9c9c9c;
	margin:0 10px 4px 0;
	padding:0;
}
/* Colonne droite           
*******************************************************************/

/* hack pour ie6 */
#RightColumn {
	!width:199px;
	margin-left:-3px;
	!float:right;
}
*> #RightColumn {
	width:199px;
	float:right;
}

.btn {
	padding-left:8px;
	padding-bottom:5px;
}

#Inscription {
	background-color:#FFFFFF;
	padding-bottom:6px;
	padding-top:6px;
}
#cadreRed {
	height:86px;
	width:182px;
	border:1px solid #bf1c0e;
	padding:32px 7px 3px;
	background:#ffffff url(../images/design/titre/nous-rencontrer.jpg) no-repeat scroll 7px 6px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:2px;
	margin-top:8px;
}
#cadreRed a {
	font-size:11px;
	color:#cc3300;
}
.cadreRedLink {
	margin-top:5px;
}
#RightColumn #colRightOmbre {
	color:#666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:12px;
	/*min-height:50px;*/
	min-height:258px;
	/*_height:248px;*/
	_height:258px;
}

#RightColumn #colRightOmbre img {
	margin:15px -10px;
	!margin:15px -8px;
}

*> #RightColumn #colRightOmbre img {
	margin:3px -10px;
}

#RightColumn #colRightOmbre li {
	margin-bottom:7px;
	line-height: 16px;
}
#Rembourse {
	margin-top:12px;
	margin-bottom:12px;
}
.colorBoldRed {
	color:#c11b0d;
	font-weight:bold;
}

.asset-meta { 
	font-size: 10px;
	margin-bottom:15px;
}

.entry-tags {
	font-size:11px;
	margin-top:15px;
	height:20px;
}

.entry-tags h4 { float:left; padding-right:10px }

.entry-tags ul { float:left; }

.entry-tags li { display:inline; padding-right:10px; }

#FacebookTwitter {
	padding-left:2px;
}

/* Footer           
*******************************************************************/

#Footer {
	background:url(../images/design/footer.png) no-repeat top;
	height:40px;
	text-align:center;
	padding-top:28px;
	color:#99bbcc;
	text-transform:uppercase;
	font-size:11px;
	margin-left: auto;
	margin-right: auto;
	width: 972px;
}
*> #Footer {
	background-image:url(../images/design/footer.png);
	height:40px;
	text-align:center;
	padding-top:28px;
	color:#99bbcc;
	text-transform:uppercase;
	font-size:11px;
	margin-left: auto;
	margin-right: auto;
	width: 972px;
}

* html #Footer {
	padding-top:50px;
}

#Footer ul, #Footer ul li {
	display:inline;
}
#Footer a {
	color:#99bbcc;
	text-decoration:none;
}
#Footer a:hover {
	text-decoration:underline;
}

/* Tooltip

/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.5em;
  left: 0;
  width: auto;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

/* CONSEILS */

#img_conseils {
  margin-bottom: 20px;
}

.conseil {
  margin-bottom: 20px;
}

.conseil_title {
  font-size: 17px;
  font-weight: bold;
  color: #D00002;
}

.conseil_excerpt {
  margin-top: 5px;
}



.VidTemoin {
	text-align: center;
	margin-top:15px;
	margin-bottom:15px;
}


/* TABLEAU */


.tableauHoraire {
	width:485px;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;

}

.tableauHoraireTitre {
	font-size:11px;
	text-align:center;
	font-weight:bold;
}


.tableauHoraire td{
	border:#9a2420 solid 1px;
	padding:2px;
}

.tableauHoraireColDroite{
	width:160px;
	text-align:center;	
	}

/* Slideshow */

#slideshow { width: 538px; height: 139px; color:#FFFFFF; }
#slideshow p { color:#FFFFFF; }
#slideshow div {color: #ffffff; background:none !important; padding-right: 4px; position: relative; }
/*#slideshow div { width: 530px; height: 135px; padding: 10px; padding-left:0px; color: #ffffff; text-align: left; font-size: 12px; background:none !important }*/
/*#slideshow div img { float: right; margin: 0 10px 10px 0;  padding: 3px; }*/
#slideshow div.titreSlide { /*float: left;*/ padding-top:9px; width:268px; }
#slideshow div.texteSlide { float: left; /*padding-top:7px;*/ padding-top:2px;}
#slideshow img { padding-top:2px;}

.minitableau {
	border:1px solid #FFF}

.slideshow-content { float: left; width:538px;}

.texte-slideshow { float: left; width:400px; font-size:11px; height:119px; /*margin-top:-12px;*/}
#slideshow div.texteSlide h2  { margin-bottom:2px;margin-top:3px; }
.mini-image-slideshow { float: right; width:124px; /*margin-top:-61px;*/ margin-top:-36px; }

.liste-ca {
	float:left;
	width:290px;
}

.logo-part {
	float:left;
	width:208px;
	padding-top:27px;
	padding-left:24px;
}

#tableau-matiere {
	font-size:11px;
	width:450px;
}

#tableau-matiere td{
	padding:2px;
}
.highlight{
	color:#FF0000;
	font-weight:bold;
	}
#EnSavoirPlus {
	font-size:11px;
	}
#EnSavoirPlus li {
	font-size:11px;
	padding-left:25px;
	}


#IE6Contener {
	background: #fff9d8;
	border-bottom: 1px #7f7c6c solid;
}
#IE6 {
	width: 800px;
	text-align: justify;
	background: #fff9d8 url('../images/design/bg/logo-ie6.gif') 10px 10px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin: auto;
	padding: 20px 30px 20px 100px;
	display: block;
}
#IE6 p {
	font-size: 12px;
}
#IE6 a {
	font-weight: bold;
	color:#d63024;
}
#CloseIE6 {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor:pointer;	
}


/* css/tooltip.css */