/** Font styles 
---------------------------------*/

body {
  font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   color: #4e4e4c;
}

html.colo0 body, html.colo1 body, html.colo2 body, html.colo3 body, html.colo4 body, html.colo5 body, html.colo6 body, html.colo7 body{ /* Body des modules */
  margin: 0;
  font-size: 12px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  line-height:1.4em;
  background-color: #eaeaea;
  color: #4e4e4c;
  background-image:url(images/fond-page-modules.png);
  background-repeat:repeat-x;
}


html.colo0 #page, html.colo1 #page, html.colo2 #page, html.colo3 #page, html.colo4 #page, html.colo5 #page, html.colo6 #page, html.colo7 #page{
	width: 980px;
}
html.colo0 #main, html.colo1 #main, html.colo2 #main, html.colo3 #main,html.colo4 #main, html.colo5 #main, html.colo6 #main, html.colo7 #main{
	box-shadow: 1px 1px 12px #AAAAAA;
	margin-top: 0px;
	padding: 15px;
}
html.colo0 #navigation-icones, html.colo1  #navigation-icones, html.colo2  #navigation-icones, html.colo3  #navigation-icones,html.colo4  #navigation-icones, html.colo15 #navigation-icones, html.colo6  #navigation-icones, html.colo7  #navigation-icones{
	height:  0px;
}

#content-area ul li {
	margin-left: 25px;
	list-style-type: square;
}
/* Liens */
a{
	color: #4e4e4c;
	text-decoration: underline;
}
#node-form a{
	text-decoration: none;
}
#node-form a:hover{
	text-decoration: underline;
}
iframe{
	border: none;
}
iframe body{
	font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   color: #4e4e4c;
}

html.colo0 .content a{
	color: #4e4e4c; /* Gris */
	text-decoration: underline;
}
html.colo1 .content a{
	color: #f06000; /* Orange */
	text-decoration: underline;
}
html.colo2 .content a{
	color: #84ac0a; /* Vert */
	text-decoration: underline;
}
html.colo3 .content a{
	color: #0395a6; /* Bleu */
	text-decoration: underline;
}
html.colo4 .content a{
	color: #df028a; /* Rose */
	text-decoration: underline;
}
html.colo5 .content a{
	color: #be0605; /* Rouge */
	text-decoration: underline;
}
html.colo6 .content a{
	color: #460280; /* Mauve */
	text-decoration: underline;
}
html.colo7 .content a{
	color: #84026C; /* Fushia */
	text-decoration: underline;
}
html.colo0 .content a:hover, html.colo1 .content a:hover, html.colo2 .content a:hover, html.colo3 .content a:hover,html.colo4 .content a:hover, html.colo5 .content a:hover, html.colo6 .content a:hover; html.colo7 .content a:hover{
  text-decoration: none;
}

/* Titles  */

h1, h2, h3, h4, h5, h6 {/*line-height:1.3em;*/}

h1 {
	font-size: 1.3em;
	/*
	font-size: 2.2em;
	font-weight:300;
	padding: 0 0 0.5em;
	margin: 0;
	*/
}

h2 {/*font-size:1.8em;font-weight:300;margin-bottom:0.75em;*/}
h3 {/*font-size:1.4em;margin-bottom:1em;*/}
h4 {font-size:1.2em;margin-bottom:0.8em;}
h5 {font-size:1.1em;font-weight:600;margin-bottom:0;}
h6 {font-size:1em;font-weight:bold;}

/* Paragraph Styles */

p{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  line-height:1.4em;
  color: #4e4e4c;
  margin: 1em 0;
}


/* List Styles  */

#content ul {
  margin-bottom: 20px;
  padding-left: 1em;
}
ul{
	margin-left: 0;
 	margin-bottom: 20px;
	padding-left: 1em;
}
ul li{
	list-style-type: disc;
}
#content ul.links{
	margin-bottom: 0px;
}

ol {
  margin-bottom: 20px;
  padding-left: 2em;
}
ol li{
  margin-bottom: 10px;
}

/* Table Styles  */

table {
	width: 99%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #4e4e4c;
}
table p{
	margin: 0px;
}
table.bordures td{
	padding: 7px;
	border: solid 1px #cfcfcb;
}
table.colore th{
	border: solid 1px #d3d3d3; 
	background-color: #ebebeb; 
	padding: 10px; 
	text-align: center;
}

table.colore td{
	padding: 7px; 
	border: solid 1px #d3d3d3;
} 



tr.even td, tr.odd td {
	padding: 10px 5px;
}
tr.odd {
	background-color: #fff;
}
tbody{
	border: 0;
}

/* Code */

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

pre {
	background-color: #efefef;
	display: block;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #aaa;
}

/* List Styles */

ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal;  }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

/* Abbreviation */

abbr {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

/* UI improvments  */

#edit-title{
	font-size: 24px;
}
#system-themes-form img{
	width:100px;
}
.form-item .description{
	font-style:italic;
	line-height:1.2em;
	font-size:0.8em;
	margin-top:5px;
	color:#777;
}
#edit-delete{
	color:#c00;
}

/**
 * Console, style from Slate theme
 */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #036;
  background: #bdf;
  border: 1px solid #ace;
}
div.warning {
  color: #840;
  background: #fe6;
  border-color: #ed5;
}
div.error {
  color: #fff;
  background: #e63;
  border-color: #d52;
}
div.status {
  color: #360;
  background: #cf8;
  border-color: #be7;
}

/** Region Colors
---------------------------------
*  delete when starting a new theme */

#header{
	width: 980px;
	height: 150px;
	background-image:url(images/banniere-modules.png);
	
}
body.section-pmtic_cdb #header{
	background-image: none;
	height: 0px;
}

html.colo1 #header, html.colo2 #header, html.colo3 #header, html.colo4 #header, html.colo5 #header, html.colo6 #header, html.colo7 #header{
	width: 980px;
	height: 150px;
	background-image:url(images/banniere-modules.png);
	box-shadow: 1px -12px 12px #AAAAAA;	
}

#footer{
	background-color: #eaeaea;
	color: #4e4e4c;
	border-top: none;
}

body.section-pmtic_cdb #footer{
	background-color: #ffffff;
}
#footer a{
	color: #4e4e4c;
	text-decoration: none;
}
#footer a:hover{
	color: #4e4e4c;
	text-decoration: underline;
}
#footer img{
	padding: 4px;
	margin: 4px;
}
#footer img.connexion{
	margin: 0px;
	padding: 0px;
}
#sidebar-first {	background: #FFFFFF; }
#sidebar-second { background: #ffd075; }
#navigation ul { 
	margin: 0px;
	padding: 0px;
}

/******************** Menus principaux *******************/
#navigation .menu dl, #navigation .menu.module dl {
	float:left;
	width: 122px;
	height: 96px;
}

#navigation ul.menu li{
	float: left;
	height: 1.8em;
	list-style: none;
	margin: 0 5px;
	padding: 0 5px;
}
#navigation .menu{
	margin-left: 175px;
}
#navigation li{
	list-style: none;
}

/******************** Block connexion *******************/
#block-user-0{
	display: none;
}

/******************** Menu left *******************/
div#sidebar-first{
	
}
div#blocklogo{
	background: url(images/logo_pmtic_reflet.png) no-repeat;
	height: 132px;
	width: 200px;
	background-position: 20px 35px;
}
div#sidebar-first h1{
	color:#990000;
	font-weight: normal;
	line-height: 70px;
	text-align:center;
	font-size: 20px;
}
h3.block-title{
	font-weight:bold;
	text-align:center;
	font-size: 25px;
}
dl.menuleft.module a{
	text-decoration: none;
}

dl.menuleft.module{
	border-top: 1px solid #FFFFFF;
	padding-bottom: 10px;
	min-height: 355px;
	margin-top: 0;
	background-image:url(images/fond-menu-v.png);
	background-repeat:no-repeat;
}

.menuleft.module dt{
	font-size:15px;
	margin-left:22px;
	margin-top:16px;
	margin-bottom: 5px;
}
.menuleft.module dt a{
	cursor: default;
	text-decoration: none;
}

.menuleft.module dt.colo1 a{
	color: #f06000;	/* Orange */
	font-weight: bold;
}
.menuleft.module dt.colo2 a{
	color: #84ac0a; /* Vert */
	font-weight: bold;
}
.menuleft.module dt.colo3 a{
	color: #0395a6;	/* Bleu */
	font-weight: bold;
}
.menuleft.module dt.colo4 a{
	color: #df028a;	/* Rose */
	font-weight: bold;
}
.menuleft.module dt.colo5 a{
	color: #be0605;	/* Rouge */
	font-weight: bold;
}
.menuleft.module dt.colo6 a{
	color: #460280;	/* Mauve */
	font-weight: bold;
}
.menuleft.module dt.colo7 a{
	color: #84026C; /* Fushia */
	font-weight: bold;
}

.menuleft.module dd{
	margin-left:8px;
}

.menuleft.module dd.colo1{
	border-left: solid 3px #f06000;	/* Orange */
}
.menuleft.module dd.colo2{
	border-left: solid 3px #84ac0a; /* Vert */
}
.menuleft.module dd.colo3{
	border-left: solid 3px #0395a6;	/* Bleu */
}
.menuleft.module dd.colo4{
	border-left: solid 3px  #df028a; /* Rose */
}
.menuleft.module dd.colo5{
	border-left: solid 3px #be0605;	/* Rouge */
}
.menuleft.module dd.colo6{
	border-left: solid 3px #460280;	/* Mauve */
}
.menuleft.module dd.colo7{
	border-left: solid 3px #84026C; /* Fushia */
}
/
.menuleft.module ul{
	margin: 5px 0 0 7px;
	padding:0;
}
.menuleft.module ul li{
	list-style-type:none;
}
.menuleft.module ul li a{
	color: #666666;
	font-size: 11px;
}
.menuleft.module ul.menu{
	padding-left: 15px;
}
.menuleft.module dd.colo1 a:hover, .menuleft.module dd.colo1 li.actif a{
	text-decoration: none;
	color: #f06000;	/* Orange */
	font-weight: bold;
}
.menuleft.module dd.colo2 a:hover, .menuleft.module dd.colo2 li.actif a{
	text-decoration: none;
	color: #84ac0a; 	/* Vert */
	font-weight: bold;
}
.menuleft.module dd.colo3 a:hover, .menuleft.module dd.colo3 li.actif a{
	text-decoration: none;
	color: #0395a6;	/* Bleu */
	font-weight: bold;
}
.menuleft.module dd.colo4 a:hover, .menuleft.module dd.colo4 li.actif a{
	text-decoration: none;
	color: #df028a;	/* Rose */
	font-weight: bold;
}
.menuleft.module dd.colo5 a:hover, .menuleft.module dd.colo5 li.actif a{
	text-decoration: none;
	color: #be0605;	/* Rouge */
	font-weight: bold;
}
.menuleft.module dd.colo6 a:hover, .menuleft.module dd.colo6 li.actif a{
	text-decoration: none;
	color: #460280;	/* Mauve */
	font-weight: bold;
}
.menuleft.module dd.colo7 a:hover, .menuleft.module dd.colo7 li.actif a{
	text-decoration: none;
	color: #84026C; /* Fushia */
	font-weight: bold;
}


/******************** Menu top *******************/

.menu.module dt{
	height: 96px;
	width: 122px;
}
.menu.module dt a{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	display: block;
	line-height: 26px;
	padding-top: 70px;
	text-align: center;
	text-decoration: none;
	cursor: default;
}
.menu.module dt.first a{
	border-left : 0;
}
.menu.module dt.last a{
	border-right : 0;
}

/*-----*/

.menu.module dt.decouvrons0{
	background: url(images/decouvrons0.png) no-repeat;
}
.menu.module dt.exercons_nous0{
	background: url(images/exercons0.png) no-repeat;
}
.menu.module dt.recapitulons0{
	background: url(images/recapitulons0.png) no-repeat;
}
.menu.module dt.testons_nous0{
	background: url(images/testons0.png) no-repeat;
}
.menu.module dt.approfondissons0{
	background: url(images/approfondissons0.png) no-repeat;
}

/*-----*/
.menu.module dt.decouvrons1{
	background: url(images/decouvrons1.png) no-repeat;
}
.menu.module dt.exercons_nous1{
	background: url(images/exercons1.png) no-repeat;
}
.menu.module dt.recapitulons1{
	background: url(images/recapitulons1.png) no-repeat;
}
.menu.module dt.testons_nous1{
	background: url(images/testons1.png) no-repeat;
}
.menu.module dt.approfondissons1{
	background: url(images/approfondissons1.png) no-repeat;
}

/*-----*/

.menu.module dt.decouvrons2{
	background: url(images/decouvrons2.png) no-repeat;
}
.menu.module dt.exercons_nous2{
	background: url(images/exercons2.png) no-repeat;
}
.menu.module dt.recapitulons2{
	background: url(images/recapitulons2.png) no-repeat;
}
.menu.module dt.testons_nous2{
	background: url(images/testons2.png) no-repeat;
}
.menu.module dt.approfondissons2{
	background: url(images/approfondissons2.png) no-repeat;
}

/*-----*/

.menu.module dt.decouvrons3{
	background: url(images/decouvrons3.png) no-repeat;
}
.menu.module dt.exercons_nous3{
	background: url(images/exercons3.png) no-repeat;
}
.menu.module dt.recapitulons3{
	background: url(images/recapitulons3.png) no-repeat;
}
.menu.module dt.testons_nous3{
	background: url(images/testons3.png) no-repeat;
}
.menu.module dt.approfondissons3{
	background: url(images/approfondissons3.png) no-repeat;
}
/*-----*/
.menu.module dt.decouvrons4{
	background: url(images/decouvrons4.png) no-repeat;
}
.menu.module dt.exercons_nous4{
	background: url(images/exercons4.png) no-repeat;
}
.menu.module dt.recapitulons4{
	background: url(images/recapitulons4.png) no-repeat;
}
.menu.module dt.testons_nous4{
	background: url(images/testons4.png) no-repeat;
}
.menu.module dt.approfondissons4{
	background: url(images/approfondissons4.png) no-repeat;
}

/*-----*/

.menu.module dt.decouvrons5{
	background: url(images/decouvrons5.png) no-repeat;
}
.menu.module dt.exercons_nous5{
	background: url(images/exercons5.png) no-repeat;
}
.menu.module dt.recapitulons5{
	background: url(images/recapitulons5.png) no-repeat;
}
.menu.module dt.testons_nous5{
	background: url(images/testons5.png) no-repeat;
}
.menu.module dt.approfondissons5{
	background: url(images/approfondissons5.png) no-repeat;
}

/*-----*/

.menu.module dt.decouvrons6{
	background: url(images/decouvrons6.png) no-repeat;
}
.menu.module dt.exercons_nous6{
	background: url(images/exercons6.png) no-repeat;
}
.menu.module dt.recapitulons6{
	background: url(images/recapitulons6.png) no-repeat;
}
.menu.module dt.testons_nous6{
	background: url(images/testons6.png) no-repeat;
}
.menu.module dt.approfondissons6{
	background: url(images/approfondissons6.png) no-repeat;
}

/*-----*/

.menu.module dt.decouvrons7{
	background: url(images/decouvrons7.png) no-repeat;
}
.menu.module dt.exercons_nous7{
	background: url(images/exercons7.png) no-repeat;
}
.menu.module dt.recapitulons7{
	background: url(images/recapitulons7.png) no-repeat;
}
.menu.module dt.testons_nous7{
	background: url(images/testons7.png) no-repeat;
}
.menu.module dt.approfondissons7{
	background: url(images/approfondissons7.png) no-repeat;
}

/******************** Sous Menu top *******************/


.menu.module dd{
	background-color: #F2F2F2;
	border: 1px solid #BFBABA;
	list-style: none;
	text-align: center;
}
.menu.module dd a{
	/*border: 0 none;*/
	font-size: 11px;
	color: #666666;
	display: block;
	/*height:100%;*/
	text-decoration:none;
	line-height: 1em;
}
.menu.module dd a:hover{
	background-color: #00945C;
	color: #ffffff;
}
.menu.module dl.colo1 dd a:hover{
	background-color: #f06000; /* Orange */
	color: #ffffff;
}
.menu.module dl.colo2 dd a:hover{
	background-color: #84ac0a; /* Vert */
	color: #ffffff;
}
.menu.module dl.colo3 dd a:hover{
	background-color: #0395a6; /* Bleu */
	color: #ffffff;
}
.menu.module dl.colo4 dd a:hover{
	background-color: #df028a; /* Rose */
	color: #ffffff;
}
.menu.module dl.colo5 dd a:hover{
	background-color: #be0605; /* Rouge */
	color: #ffffff;
}
.menu.module dl.colo6 dd a:hover{
	background-color: #460280; /* Mauve */
	color: #ffffff;
}
.menu.module dl.colo7 dd a:hover{
	background-color: #84026C; /* Fushia */
	color: #ffffff;
}


#navigation .menu dl.colo1 li.actif a{
	color: #f06000; /* Orange */
	font-weight: bold;
}
#navigation .menu dl.colo2 li.actif a{
	color: #84ac0a; /* Vert */
	font-weight: bold;
}
#navigation .menu dl.colo3 li.actif a{
	color: #0395a6; /* Bleu */
	font-weight: bold;
}
#navigation .menu dl.colo4 li.actif a{
	color: #df028a; /* Rose */
	font-weight: bold;
}
#navigation .menu dl.colo5 li.actif a{
	color: #be0605; /* Rouge */
	font-weight: bold;
}
#navigation .menu dl.colo6 li.actif a{
	color: #460280; /* Mauve */
	font-weight: bold;
}
#navigation .menu dl.colo7 li.actif a{
	color: #84026C; /* Fushia */
	font-weight: bold;
}



#navigation .menu dl.colo1 li.actif a:hover, #navigation .menu dl.colo2 li.actif a:hover, #navigation .menu dl.colo3 li.actif a:hover, #navigation .menu dl.colo4 li.actif a:hover,#navigation .menu dl.colo5 li.actif a:hover ,#navigation .menu dl.colo6 li.actif a:hover, #navigation .menu dl.colo7 li.actif a:hover{
	color: #ffffff; 
	font-weight: bold;
}



.menu ul li{
    list-style: none outside none;
}
.menu ul li a{
    padding-bottom: 6px;
    padding-top: 6px;
}

.menu ul.bloctools li a{
    padding-bottom: 0px;
    padding-top: 0px;
}

/******************** Menu top right *******************/

ul.bloctools{
	float:left;
}
ul.bloctools li{
	float: left;
}
ul.bloctools li a{
	height: 96px;
	width: 54px;
	display: block;
}
ul.bloctools li.glossaire{
	background-image:url(images/gloss_bt.png);
	background-repeat:no-repeat;
	cursor: pointer;
}
ul.bloctools li.carnet{
	background-image:url(images/carnet_bt.png);
	background-repeat:no-repeat;
	cursor: pointer;
}
ul.bloctools li.avis{
	background-image:url(images/quest_bt.png);
	background-repeat:no-repeat;
	cursor: pointer;
}
/*.lastblocheader .blocmsg{
	background-image:url(images/fin_barre.jpg);
	background-repeat:no-repeat;
	width: 162px;
	height: 27px;
	margin-top: 1px;
}*/
.lastblocheader{
	float: right;
}
.lastblocheader a#msg{
	display: block;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:27px;
	text-align:center;
}

/******************** Fil d'ariane *******************/
#content-header{
	margin-bottom:15px;
	margin-top:10px;
	padding:5px;
}

#content-header a{
	color:#666666;
	font-size:11px;
	text-decoration:none;																																					
}

/******************** Titre noeuds *******************/
h2.title{
	color:#F95400;
	font-weight: normal;
	font-size: 20px;
	margin-bottom:8px;
	margin-top:10px;
	padding-bottom: 8px;
	/*font-family: 'Yanone Kaffeesatz',Arial,Helvetica,sans-serif;*/
}
h2.title a:hover{
	text-decoration: none;
}
h2.title.colo0{
	border-bottom:1px solid #990000;
	color:#990000;
}
h2.title.colo1{
	border-bottom:1px solid #f06000; /* Orange */
	color:#f06000; /* Orange */
}
h2.title.colo2{
	border-bottom:1px solid #84ac0a; /* Vert */
	color:#84ac0a; /* Vert */
}
h2.title.colo3{
	border-bottom:1px solid #0395a6; /* Bleu */
	color:#0395a6; /* Bleu */
}
h2.title.colo4{
	border-bottom:1px solid #df028a; /* Rose */
	color:#df028a; /* Rose */
}
h2.title.colo5{
	border-bottom:1px solid #be0605; /* Rouge */
	color:#be0605; /* Rouge */
}
h2.title.colo6{
	border-bottom:1px solid #460280; /* Mauve */
	color:#460280; /* Mauve */
}
h2.title.colo7{
	border-bottom:1px solid #84026C; /* Fushia */
	color:#84026C; /* Fushia */
}

h2.title a{
	text-decoration: none;
}
h2.title.colo0 a{
	color:#990000;
}
h2.title.colo1 a{
	color:#f06000; /* Orange */
}
h2.title.colo2 a{
	color:#84ac0a; /* Vert */
}
h2.title.colo3 a{
	color:#0395a6; /* Bleu */
}
h2.title.colo4 a{
	color:#df028a; /* Rose */
}
h2.title.colo5 a{
	color:#be0605; /* Rouge */
}
h2.title.colo6 a{
	color:#460280; /* Mauve */
}
h2.title.colo7 a{
	color:#84026C; /* Fushia */
}


.node-inner p{
	/*margin: 1em 0;*/
}
.node-inner img{
	margin: 5px;
}

.node-inner img.borderimg{
	border: 1px solid #666666;
	padding: 3px;
}
.node-inner img.img{
	/*rien*/
}

p.objectif{
	color:#999999;
	font-size:12px;
	font-style:italic;
	margin-bottom:8px;
	margin-top:10px;
	text-align:right;
}

p.paneltext{
	background-color: #F2F2F2;
    border: 1px dashed #B8B6B6;
    margin: 20px 0;
    padding: 10px 0 10px 10px;
}

p.attention{
	border: 2px solid #A90404;
	background-color: #ffffff;
    color: #A90404;
    font-weight: bold;
    margin: 20px 0;
    padding: 10px 0 10px 10px;
}

h1.heading1{
	color:#F95400;
	font-size:15px;
	margin-bottom:8px;
	margin-top:10px;
	height: 17px;
	border-bottom: 1px solid #F95400;
}
h2.heading2{
	font-size:14px;
	color:#999999;
	font-weight:bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}
.content ul{
	/*list-style:square;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;*/
}
.content ul.menu a{ /*Liens menu admin*/
	color: #4e4e4c;
}
.content ol{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/******************** Page d'accueil *******************/

.demi{
	float: left;
	padding: 0 10px;
	width: 345px;
}
.demi2{
	float: left;
	padding: 10px;
	margin-left: 30px;
	width: 345px;
	border: 1px solid #c79397;
	background-color: #f1aeb5;
	font-weight: bold;
}


a.footerlogin{
	color: #FFFFFF;
	text-decoration: none;
}
a.footerlogin:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a.footercdb{
	color: #EAEAEA;
	float:left;
	text-decoration: none;
}
a.footercdb:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.alertcdb{
	padding: 10px;
	margin-left: 30px;
	width: 350px;
	border: 1px solid #c79397;
	background-color: #f1aeb5;
	font-weight: bold;
}

#content-area ul li{
	list-style-type: disc;
	margin-left: 25px;
}

/******************************************************************************************************************
********************************************************************************************************************
************************************************     SITE PMTIC    ***********************************************
******************************************************************************************************************
********************************************************************************************************************/

html.coloc0, html.coloc1, html.coloc2, html.coloc3, html.coloc4, html.coloundefined{ /*Fond page*/
	background-image:url(images/fond-page.png);
	background-repeat:repeat-x;
	background-color: #dadcd4;
}
html.coloc0 body, html.coloc1 body, html.coloc2 body, html.coloc3 body, html.coloc4 body, html.coloundefined body{ /*Polices contenu*/
	font-family:Verdana, Geneva, sans-serif;
	color: #4e4e4c;
	/*font-size: 12px;*/
	font-size:77%;
	line-height:1.4em;
	margin-top: -10px;
}
html.coloc0 #page, html.coloc1 #page, html.coloc2 #page, html.coloc3 #page, html.coloc4 #page, html.coloundefined #page{ /*Div 1000px avec degrade*/
	width: 1000px;
	background-image:url(images/fond-page-degrade.png);
	background-color: transparent;
	margin:auto;
}
html.coloc0 #main, html.coloc1 #main, html.coloc2 #main, html.coloc3 #main, html.coloc4 #main, html.coloundefined #main{
	padding-top: 10px;
	padding-bottom: 10px;	
	width: 980px;
	background-repeat:repeat-y;	
	margin: auto;
}
html.coloc0 #navigation-icones, html.coloc1 #navigation-icones, html.coloc2 #navigation-icones, html.coloc3 #navigation-icones, html.coloc4 #navigation-icones, html.coloundefined #navigation-icones{
	float:right;
  height:25px;
  margin-right:25px;
  margin-top:20px;
  width:600px;
}



/*********************HEADER********************************************/
html.coloc0 #header, html.coloc1 #header, html.coloc2 #header, html.coloc3 #header, html.coloc4 #header, html.coloundefined #header{ /*Banniere*/
	height: 195px;
	width: 980px;
	background-image:url(images/banner.png);
}
html.coloc0 #header{ 					/*----BORDURES TOP-----*/
	border-top: solid 5px #e2e4dd;
}
html.coloundefined #header{
	border-top: solid 5px #e2e4dd;
}
html.coloc1 #header{
	border-top: solid 5px #e58c01; /*Orange*/
}

html.coloc2 #header{
	border-top: solid 5px #abd03a; /*Vert*/
}

html.coloc3 #header{
	border-top: solid 5px #400165; /*mauve*/
}

html.coloc4 #header{
	border-top: solid 5px #cf4444; /*Rouge*/
}
/********************** FOOTER ************************************/
html.coloc0 #footer, html.coloc1 #footer, html.coloc2 #footer, html.coloc3 #footer, html.coloc4 #footer, html.coloundefined #footer{ /*Pied de page*/
	
	background-color: #dadcd4;
	color: #5a6165;
	border-top: none;
	background-image: url(images/fond-degrade-bottom.png);
	background-repeat:no-repeat;
	width: 1000px;
}
html.coloc0 #footer .contenu-footer, html.coloc1 #footer .contenu-footer, html.coloc2 #footer .contenu-footer, html.coloc3 #foote .contenu-footerr, html.coloc4 #footer .contenu-footer, html.coloundefined #footer .contenu-footer{ /*Pied de page*/
	padding-right: 15px;
    padding-top: 15px;
}

html.coloc0 #footer a.footerlogin, html.coloc1 #footer a.footerlogin, html.coloc2 #footer a.footerlogin, html.coloc3 #footer a.footerlogin, html.coloc4 #footer a.footerlogin, html.coloundefined #footer a.footerlogin { /*Cacher le lien Login et laisser un espace a droite du footer*/
	margin-right: 40px;
	color: #dadcd4;
}


html.coloc0 #footer a.footercdb, html.coloc1 #footer a.footercdb, html.coloc2 #footer a.footercdb, html.coloc3 #footer a.footercdb, html.coloc4 #footer a.footercdb, html.coloundefined #footer a.footercdb { /*Cacher le lien Carnet de bord*/
	color: #dadcd4;
}

html.coloc0 #footer a, html.coloc1 #footer a, html.coloc2 #footer a, html.coloc3 #footer a, html.coloc4 #footer a, html.coloundefined #footer a{
	color: #5a6165;
}
html.coloc0 #content, html.coloc1 #content, html.coloc2 #content, html.coloc3 #content, html.coloc4 #content, html.coloundefined #content{
	margin-top: 60px;
}
html.coloc0 #content-header, html.coloc1 #content-header, html.coloc2 #content-header, html.coloc3 #content-header, html.coloc4 #content-header, html.coloundefined #content-header{
	background-color: #ffffff;
}
html.coloc0 #content-header a:hover, html.coloc1 #content-header a:hover, html.coloc2 #content-header a:hover, html.coloc3 #content-header a:hover, html.coloc4 #content-header a:hover, html.coloundefined #content-header a:hover{
	color: #309fbb;
	text-decoration: underline;
}


/******************** Menu left *******************/

html.coloc0 div#sidebar-first, html.coloc1 div#sidebar-first, html.coloc2 div#sidebar-first, html.coloc3 div#sidebar-first, html.coloc4 div#sidebar-first, html.coloundefined div#sidebar-first{
	background-color: #ffffff;
	width: 200px;
	margin-left: 10px;
	margin-top: 290px;
}

html.coloc0 #content-inner, html.coloc1 #content-inner, html.coloc2 #content-inner, html.coloc3 #content-inner, html.coloc4 #content-inner, html.coloundefined #content-inner{
	margin-left: 235px;
	margin-right: 20px;
	margin-top: 225px;
}
html.coloc0 div#blocklogo, html.coloc1 div#blocklogo, html.coloc2 div#blocklogo, html.coloc3 div#blocklogo, html.coloc4 div#blocklogo, html.coloundefined div#blocklogo{/*Bloc avec le logo PMTIC*/
	background: url(images/pmtic-logo.png) no-repeat;
	height: 74px;
	width: 190px;
	margin-left:5px;
	margin-top:3px;
	float:left;
}
html.coloc0 h3.block-title, html.coloc1 h3.block-title, html.coloc2 h3.block-title, html.coloc3 h3.block-title, html.coloc4 h3.block-title, html.coloundefined h3.block-title{ /*Fond titre du menu*/
	background-image: url(images/fond-titre-menu.png);
	background-repeat:repeat-x;
	height:30px;
	width: 200px;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	font-weight: normal;
	line-height: 30px;
}
html.coloc0 div#sidebar-first h1, html.coloc1 div#sidebar-first h1, html.coloc2 div#sidebar-first h1, html.coloc3 div#sidebar-first h1,html.coloc4 div#sidebar-first h1, html.coloundefined div#sidebar-first h1{
	background-image: url(images/fond-titre-menu.png);
	background-repeat:repeat-x;
	height:30px;
	width: 200px;
	color:#ffffff;
	font-size:18px;
	text-align:center;
}
html.coloc0 #block-user-1, html.coloc1 #block-user-1, html.coloc2 #block-user-1, html.coloc3 #block-user-1, html.coloc4 #block-user-1, html.coloundefined #block-user-1{
	margin-bottom: 10px;			/*Bloc de connexion*/
	background-color: #f1f2ef;
}
html.coloc0 #block-views-news-block_1, html.coloundefined #block-views-news-block_1, html.coloc0 #block-views-news-block_2, html.coloundefined #block-views-news-block_2{/*Bloc de news*/
	margin-bottom: 10px;			
	background-color: #f1f2ef;
}

html.coloc0 #block-views-news-block_1 .content, html.coloundefined #block-views-news-block_1 .content, html.coloc0 #block-views-news-block_2 .content, html.coloundefined #block-views-news-block_2  .content{/*Bloc de news*/
	margin-right: 4px
}


html.coloc0 #block-views-news-block_1 ul, html.coloundefined #block-views-news-block_1 ul, html.coloc0 #block-views-news-block_2 ul, html.coloundefined #block-views-news-block_2 ul{
	margin-left:3px;
}

html.coloc0 #block-views-news-block_1  li, html.coloundefined #block-views-news-block_1  li, html.coloc0 #block-views-news-block_2  li, html.coloundefined #block-views-news-block_2  li{
	font-size:12px;
	margin-left:10px;
	margin-bottom: 5px;
	list-style-image:url("images/puce.png");
}

html.coloc0 #block-views-news-block_1 li a, html.coloundefined #block-views-news-block_1 li a, html.coloc0 #block-views-news-block_2 li a, html.coloundefined #block-views-news-block_2 li a{
	color: #4E4E4C;
	margin-left: -2px;
}
html.coloc0 #block-views-news-block_1 li a:hover, html.coloundefined #block-views-news-block_1 li a:hover, html.coloc0 #block-views-news-block_2 li a:hover, html.coloundefined #block-views-news-block_2 li a:hover{
	color: #309FBB;
}

html.coloc0 dl.menuleft, html.coloc1 dl.menuleft, html.coloc2 dl.menuleft, html.coloc3 dl.menuleft, html.coloc4 dl.menuleft, html.coloundefined dl.menuleft{
	background-color: #f1f2ef;
	padding-bottom: 10px;
	border-top: solid 6px #309fbb;
	margin-bottom: 10px;
}

html.coloc0 .menuleft dt, html.coloc1 .menuleft dt, html.coloc2 .menuleft dt, html.coloc3 .menuleft dt, html.coloc4 .menuleft dt, html.coloundefined .menuleft dt{
	font-size:12px;
	margin-left:10px;
	margin-top:16px;
	margin-bottom: 5px;
	background-image:url("images/puce.png");
	background-repeat:no-repeat;
	background-position: left 6px;
}
html.coloc0 .menuleft dt a, html.coloc1 .menuleft dt a, html.coloc2 .menuleft dt a, html.coloc3 .menuleft dt a, html.coloc4 .menuleft dt a, html.coloundefined .menuleft dt a{
	color: #4e4e4c;
	margin-left: 12px;
}
html.coloc0 .menuleft dt a:hover, html.coloc1 .menuleft dt a:hover, html.coloc2 .menuleft dt a:hover, html.coloc3 .menuleft dt a:hover, html.coloc4 .menuleft dt a:hover, html.coloundefined .menuleft dt a:hover{
	color: #309fbb;
}
html.coloc0 .menuleft dt.actif a, html.coloc1 .menuleft dt.actif a, html.coloc2 .menuleft dt.actif a, html.coloc3 .menuleft dt.actif a, html.coloc4 .menuleft dt.actif a, html.coloundefined .menuleft dt.actif a{
	color: #309fbb;
	text-decoration:none;
}
html.coloc0 #block-views-news-block_1 a.active, html.coloc0 #block-views-news-block_2 a.active{
	color: #309fbb;
	text-decoration:none;
}

/*html.coloc0 .menuleft dt a.active, html.coloc1 .menuleft dt a.active, html.coloc2 .menuleft dt a.active, html.coloc3 .menuleft dt a.active, html.coloc4 .menuleft dt a.active{
	color: #309fbb;
	text-decoration:none;
}*/

/******************** Menu top ****************************/
html.coloc0 #navigation, html.coloc1 #navigation, html.coloc2 #navigation, html.coloc3 #navigation, html.coloc4 #navigation, html.coloundefined #navigation{
	text-align: right;
}
html.coloc0 #navigation .menu, html.coloc1 #navigation .menu, html.coloc2 #navigation .menu, html.coloc3 #navigation .menu, html.coloundefined #navigation .menu, html.coloc4 #navigation .menu {
	/*height: 80px;*/
	float: right;
	margin-left: 0px;
}

html.coloc0 #navigation .menu dl, html.coloc1 #navigation .menu dl, html.coloc2 #navigation .menu dl, html.coloc3 #navigation .menu dl, html.coloc4 #navigation .menu dl, html.coloundefined #navigation .menu dl {
	float:left;
	margin-right: 25px;
	height:auto;
	width: auto;
}
html.coloc0 #navigation .menu dl.items, html.coloc1 #navigation .menu dl.items, html.coloc2 #navigation .menu dl.items, html.coloc3 #navigation .menu dl.items, html.coloc4 #navigation .menu dl.items, html.coloundefined #navigation .menu dl.items{
	/*padding-top: 50px;*/
}
html.coloc0 .menu dt a, html.coloc1 .menu dt a, html.coloc2 .menu dt a, html.coloc3 .menu dt a, html.coloc4 .menu dt a, html.coloundefined .menu dt a{
	color: #309fbb;
	font-size: 1.5em;
	font-weight:100;
	text-decoration: none;
	line-height: normal;
}
html.coloc0 .menu dt a:hover, html.coloc1 .menu dt a:hover, html.coloc2 .menu dt a:hover, html.coloc3 .menu dt a:hover, html.coloc4 .menu dt a:hover, html.coloundefined .menu dt a:hover{
	color: #a1c5ce;
}

html.coloc0 .menu dt.actif0 a{ /*Couleurs des liens actifs menu horiz*/
	color: #309fbb;
}
html.coloundefined .menu dt.actif0 a{ 
	color: #309fbb;
}
html.coloc1 .menu dt.actif1 a{
	color: #e58c01;
}
html.coloc2 .menu dt.actif2 a{
	color: #abd03a;
}
html.coloc3 .menu dt.actif3 a{
	color: #400165;
}
html.coloc4 .menu dt.actif4 a{
	color: #cf4444;
}
/************************/

/* Liens */
html.coloc0 a, html.coloc1 a, html.coloc2 a, html.coloc3 a, html.coloc4 a, html.coloundefined a{
	color: #309fbb	;
	text-decoration: none;
}
html.coloc0 a:hover, html.coloc1 a:hover, html.coloc2 a:hover, html.coloc3 a:hover, html.coloc4 a:hover, html.coloundefined a:hover{
	text-decoration: underline;
}

/*paragraphes*/
html.coloc0 p, html.coloc1 p, html.coloc2 p, html.coloc3 p, html.coloc4 p, html.coloundefined p{
	margin-bottom: 1em;
}
html.coloc0 h1, html.coloc1 h1, html.coloc2 h1, html.coloc3 h1, html.coloc4 h1, html.coloundefined h1 {
	 color: #309FBB;
    font-size: 1.6em;
    font-weight: 100;
    height: auto;
	margin-top:20px;
	margin-left: -5px;
}

/***********Titre***********/
h2.coloc0 a{           /*Accueil*/
	color: #309fbb;
}
html.coloc0 h2{
	color: #309fbb;
	font-size: 1.6em;
	font-weight:100;
	margin-bottom: 1em;
	height: auto;
}
h2.coloundefined a{     /* Coloundefined*/       
	color: #309fbb;
}
html.coloundefined h2{
	color: #309fbb;
	font-size: 1.6em;
	font-weight:100;
	margin-bottom: 1em;
	height: auto;
}

h2.coloc1 a{   /*Particuliers - orange*/
	color: #e58c01;
}
html.coloc1 h2{
	color: #e58c01;
	font-size: 1.6em;
	font-weight:100;
	margin-bottom: 1em;
	height: auto;
}

h2.coloc2 a{ /*Stagiaires - vert*/
	color: #abd03a	;
}
html.coloc2 h2{
	color: #abd03a	;
	font-size: 1.6em;
	font-weight:100;
	margin-bottom: 1em;
	height: auto;
}

h2.coloc3 a{ /*Formateurs - Mauve*/
	color: #400165;
}
html.coloc3 h2{
	color: #400165;
	font-size: 1.6em;
	font-weight:100;
	margin-bottom: 1em;
	height: auto;
}

h2.coloc4 a{ /*Operateurs - Rouge*/
	color: #cf4444;
}
html.coloc4 h2{
	color: #cf4444;
	font-size: 1.6em;
	font-weight:100;
	margin-bottom: 1em;
	height: auto;
}

html.coloc0 table.presse td{
	padding: 5px;
	border-bottom: solid 1px #cacaca;
}

/* Titre page news*/
html.coloc0 .view-display-id-page_1 .views-field-title{
    margin-bottom: 1em;
}
html.coloc0 .view-display-id-page_1 .views-field-title .field-content{
	color: #309FBB;
    font-size: 1.6em;
    font-weight: 100;
    height: auto;
    margin-bottom: 1em;
}
html.coloc0 .view-display-id-page_1 .views-field-created{
	margin-bottom: 10px;
}
html.coloc0 .view-display-id-page_1 .views-field-created .field-content{
	font-weight: bold;
}


/******************* Formulaire inscription 10 ans*************************/
#message{
	color: #A00235;
    font-weight: bold;
	font-size: 14px;
}

#pmtic_ateliers_inscription h2{
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 1.4em;
}
#pmtic_ateliers_inscription span.info{
	margin-left: 10px;
}
#pmtic_ateliers_inscription span.required{
	margin-right: 5px;
	color: red;
}

#pmtic_ateliers_inscription .pers input{
	margin-left: 20px;
	margin-top: 10px;
}

#pmtic_ateliers_inscription .atelier input{
	margin-right: 5px;
}
#pmtic_ateliers_inscription .atelier .labelAteliers{
	margin-top: 25px;
	font-weight: bold;
}


#pmtic_ateliers_inscription  #btnInscription{
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

#pmtic_ateliers_inscription .radioAteliers{
	margin-left: 30px;
	margin-bottom: 15px;
}
#pmtic_ateliers_inscription .decalDroit{
	margin-left: 22px;
}

#pmtic_ateliers_inscription .complet{
	color: #a00235;
	font-weight: bold;
}

html.coloc0 .pers h2, html.coloc0 .atelier h2{
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 1.4em;
}
.pers label{
	font-weight: bold;
	margin-right: 5px;
}

form#pmtic-ateliers-inscriptions-form .form-item{
	display: inline;
	margin-right: 5px;
}


/*-----------------PLAYER -------------------*/
* styling of the container. */
a.player {
	display:block;
	width: 400px;
	height:300px; 
	margin:0 15px 15px 0;
	float:left;
}

/* play button */
a.player img {
	margin-top:108px;
	border:0px;
}

/*********************Page Equipe********************/
table.equipe{
	margin-top: 0px;
	padding-top: 0px;
}
table.equipe .photo img{
	margin-top:7px;  
	z-index:1;
	margin-left: 15px;
    margin-top: 17px;
}

table.equipe img.polaroid {
	z-index:2;
	margin-top: 8px;
	position:absolute;
	padding:0px;
}
table.equipe span.nom{
	position:absolute;
	z-index:3;
	line-height: 1em;
	margin-top: 128px;
	text-align:center;
	margin-left: -3px;
	width:130px;	
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
}
table.equipe tr{
	height: 165px;
}
table.equipe td{
	width: 130px;
	margin-top: 0px;
	padding-top: 0px;
}
tbody{
	border: none;
}
/********************* Tableaux centre de formations ********************/
#centresFormations table th{
	cursor: pointer;
}
#centresFormations table td a{
	color: #4e4e4c;
	font-weight: normal;
}
#centresFormations table td a:hover{
	color: #309FBB;
}



/******************************************************************************************************************
********************************************************************************************************************
************************************************    Module jeunes    ***********************************************
******************************************************************************************************************
********************************************************************************************************************/

html.mj.coloc0, html.mj.coloc1, html.mj.coloc2, html.mj.coloc3, html.mj.coloc4{ /*Fond page*/
	background-color: #1c262f;
	background-image: url(images/fond-page-mj.png);
	background-position:top center;
	background-repeat:repeat-y;
}
html.mj.coloc0 #page, html.mj.coloc1 #page, html.mj.coloc2 #page, html.mj.coloc3 #page, html.mj.coloc4 #page{ /*Fond page*/
	background-color: none;
	background-image: none;
}
html.mj.coloc0 #main, html.mj.coloc1 #main, html.mj.coloc2 #main, html.mj.coloc3 #main, html.mj.coloc4 #main{ /*Fond contenu*/
	background-color: #ffffff;
	background-image: none;
}
html.mj.coloc0 #content, html.mj.coloc1 #content, html.mj.coloc2 #content, html.mj.coloc3 #content, html.mj.coloc4 #content{ /*Fond contenu*/
	margin-top: 0px;
}


html.mj #page #sidebar-first{ /* Cacher menu gauche*/
	display: none;
}
html.mj #page #content #content-inner{ /*Agrandir contenu a 100pc */
	margin-left: 25px;
	padding-left: 0px;
}

/*--------------Titres h1------------------*/
html.mj h1.title{
	line-height: 1.2em;
}

html.mj.coloc0 h1.title{ 
	color: #d82a6e; /*Rose*/
}
html.mj.coloc1 h1.title{
	color: #2694af; /*Bleu clair*/
}
html.mj.coloc2 h1.title{
	color: #3c016f; /*Mauve*/
}
html.mj.coloc3 h1.title{
	color: #84b700; /*Vert*/
}
html.mj.coloc4 h1.title{
	color: #e16221; /*Orange*/
}
/*--------------Titres h2------------------*/
html.mj h2{
	font-size: 1.4em;
	line-height: 1.2em;
	padding-top: 10px;
}
html.mj.coloc0 #node-548 h2.title{ 
	font-size: 1.6em;
	color: #927904;/*jaune*/
	border-bottom: none;
}
html.mj.coloc0 #node-548 h2.title a{ 
	font-size: 1em;
	color: #927904;/*jaune*/
	border-bottom: none;
}
html.mj.coloc0 #node-548 h2.heading2{ 
	color: #927904;/*jaune*/
	border-bottom: solid 1px #927904; /*Jaune*/
}


html.mj.coloc0 h2{ 
	color: #d82a6e; /*Rose*/
	border-bottom: solid 1px #d82a6e; /*Rose*/
}
html.mj.coloc1 h2{
	color: #2694af; /*Bleu clair*/
	border-bottom: solid 1px #2694af; /*Bleu clair*/
}
html.mj.coloc2 h2{
	color: #3c016f; /*Mauve*/
	border-bottom: solid 1px #3c016f; /*Mauve*/ 
}
html.mj.coloc3 h2{
	color: #84b700; /*Vert*/
	border-bottom: solid 1px #84b700; /*Vert*/
}
html.mj.coloc4 h2{
	color: #e16221; /*Orange*/
	border-bottom: solid 1px #e16221; /*Orange*/
}
/*--------------Liens------------------*/
html.mj a:hover{ 
	text-decoration: underline; 
}

html.mj.coloc0 a{ 
	color: #d82a6e; /*Rose*/
}
html.mj.coloc1 a{
	color: #2694af; /*Bleu clair*/
}
html.mj.coloc2 a{
	color: #3c016f; /*Mauve*/
}
html.mj.coloc3 a{
	color: #84b700; /*Vert*/
}
html.mj.coloc4 a{
	color: #e16221; /*Orange*/
}

/********************* HEADER ********************************************/
html.mj.coloc0 #header, html.mj.coloc1 #header, html.mj.coloc2 #header, html.mj.coloc3 #header, html.mj.coloc4 #header, html.mj.coloundefined #header{ /*Banniere*/
	height: 133px;
	width: 980px;
	border: none;
}
html.mj.coloc0 #header.mj{ /*Banniere accueil*/
	background-image:url(images/banniere-accueil-mj.png);
}

html.mj.coloc0 #header.mj.c0{ /*Banniere 0 rose*/
	background-image:url(images/banniere-accueil-mj-coloc0.png);
}
html.mj.coloc1 #header.mj.c1{ /*Banniere 1 bleue*/
	background-image:url(images/banniere-accueil-mj-coloc2.png);
}
html.mj.coloc2 #header.mj.c2{ /*Banniere 2 mauve*/
	background-image:url(images/banniere-accueil-mj-coloc1.png);
}
html.mj.coloc3 #header.mj.c3{ /*Banniere 3 verte*/
	background-image:url(images/banniere-accueil-mj-coloc3.png);
}
html.mj.coloc4 #header.mj.c4{ /*Banniere 4 orange*/
	background-image:url(images/banniere-accueil-mj-coloc4.png);
}

/*Fil ariane*/
html.mj.coloc0 #content-header a:hover{ 
	color: #d82a6e; /*Rose*/
}
html.mj.coloc1 #content-header a:hover{
	color: #2694af; /*Bleu clair*/
}
html.mj.coloc2 #content-header a:hover{
	color: #3c016f; /*Mauve*/
}
html.mj.coloc3 #content-header a:hover{
	color: #84b700; /*Vert*/
}
html.mj.coloc4 #content-header a:hover{
	color: #e16221; /*Orange*/
}


/********************* FOOTER ********************************************/
html.mj.coloc0 #footer, html.mj.coloc1 #footer, html.mj.coloc2 #footer, html.mj.coloc3 #footer, html.mj.coloc4 #footer{ /*FOOTER*/
	background-color: transparent;
	background-image:none;
	width: 970px;
	text-align:center;
	color: #ffffff;
}
html.mj.coloc0 #footer img, html.mj.coloc1 #footer img, html.mj.coloc2 #footer img, html.mj.coloc3 #footer img, html.mj.coloc4 #footer img{ /*Logos*/
	background-color: #ffffff;
}
html.mj.coloc0 #footer img.connexion, html.mj.coloc1 #footer img.connexion, html.mj.coloc2 #footer img.connexion, html.mj.coloc3 #footer img.connexion, html.mj.coloc4 #footer img.connexion{ /*icone connexion*/
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}
html.mj.coloc0 #footer a, html.mj.coloc1 #footer a, html.mj.coloc2 #footer a, html.mj.coloc3 #footer a, html.mj.coloc4 #footer a{ /* liens*/
	color: #ffffff;
}
html.mj.coloc0 #footer a.footercdb, html.mj.coloc1 #footer a.footercdb, html.mj.coloc2 #footer a.footercdb, html.mj.coloc3 #footer a.footercdb, html.mj.coloc4 #footer a.footercdb{ /* liens caches*/
	display: none;
}
html.mj.coloc0 #footer a.footerlogin, html.mj.coloc1 #footer .footerlogin, html.mj.coloc2 #footer a.footerlogin, html.mj.coloc3 #footer a.footerlogin, html.mj.coloc4 #footer a.footerlogin{ /* liens caches*/
	display: none;
}
html.mj.coloc0 #footer a:hover, html.mj.coloc1 #footer a:hover, html.mj.coloc2 #footer a:hover, html.mj.coloc3 #footer a:hover, html.mj.coloc4 #footer a:hover{ /* liens hover*/
	color: #ce5210;
}
/********************* MENU TOP ********************************************/
html.mj #navigation dl.ca dt a{ /*Jaune*/
	color: #927904;
}
html.mj #navigation dl.ca dt a:hover{
	border-bottom: solid 3px #927904; 
}

html.mj #navigation dl.c0 dt a{
	color: #d82a6e; /*Rose*/
}
html.mj #navigation dl.c0 dt a:hover{
	border-bottom: solid 3px #d82a6e; /*Rose*/
}


html.mj #navigation dl.c1 dt a{
	color: #2694af; /*Bleu clair*/
}
html.mj #navigation dl.c1 dt a:hover{
	border-bottom: solid 3px #2694af; /*Bleu clair*/
}


html.mj #navigation dl.c2 dt a{
	color: #3c016f; /*Mauve*/
}
html.mj #navigation dl.c2 dt a:hover{
	border-bottom: solid 3px #3c016f; /*Mauve*/
}


html.mj #navigation dl.c3 dt a{
	color: #84b700; /*Vert*/
}
html.mj #navigation dl.c3 dt a:hover{
	border-bottom: solid 3px #84b700; /*Vert*/
}


html.mj #navigation dl.c4 dt a{
	color: #e16221; /*Orange*/
}
html.mj #navigation dl.c4 dt a:hover{
	border-bottom: solid 3px #e16221; /*Orange*/
}
/********************* BLOCS ********************************************/
html.mj #page #content #content-area .mj_block{
	width: 453px;
	min-height: 216px;
	float: left;
	margin-right: 10px;
	background-image: url(images/onglet.png);
	background-repeat:no-repeat;
	padding-bottom: 20px;
}
html.mj #page #content #content-area .mj_block .mj_block_title{ /*Titre du bloc*/
	font-size: 18px;
	margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 15px;
}
html.mj #page #content #content-area .mj_block .mj_block_content{ /*Contenu du bloc*/
	padding-left: 10px;
	padding-right: 10px;
}
html.mj #page #content #content-area .mj_block .mj_block_content .mj_block_icone{ /*Icone*/
	width: 95px;
	height: 100px;
	float: left;
	text-align:center;
}
html.mj #page #content #content-area .mj_block .mj_block_content .mj_block_listing{ /*Liste*/
	width: 325px;
	float: left;
}

html.mj #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul{ /*Liste*/
	list-style-type: square;
	margin-left: 20px;
}
html.mj.coloc0 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul{ 
	color: #d82a6e;/*Rose*/
}
html.mj.coloc1 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul{ 
	color: #2694af;/*Bleu clair*/
}
html.mj.coloc2 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul{ 
	color: #3c016f;/*mauve*/
}
html.mj.coloc3 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul{
	color: #84b700;/*vert*/
}
html.mj.coloc4 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul{ 
	color: #e16221;/*orange*/
}
/*Liens gris*/
html.mj #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a{ 
	color: #4e4e4c; /*Gris*/
}

/*Liens survoles*/
html.mj.coloc0 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:hover{ 
	color: #d82a6e; /*Rose*/
}
html.mj.coloc1 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:hover{ 
	color: #2694af;	/*Bleu clair*/
}
html.mj.coloc2 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:hover{ 
	color: #3c016f;	/*mauve*/
}
html.mj.coloc3 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:hover{ 
	color: #84b700;	/*vert*/
}
html.mj.coloc4 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:hover{ 
	color: #e16221;	/*orange*/
}

/*Liens visite*/
html.mj.coloc0 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:visited{ 
	color: #d82a6e; /*Rose*/
}
html.mj.coloc1 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:visited{ 
	color: #2694af;	/*Bleu clair*/
}
html.mj.coloc2 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:visited{ 
	color: #3c016f;	/*mauve*/
}
html.mj.coloc3 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:visited{ 
	color: #84b700;	/*vert*/
}
html.mj.coloc4 #page #content #content-area .mj_block .mj_block_content .mj_block_listing ul li a:visited{ 
	color: #e16221;	/*orange*/
}


html.mj.coloc0 .postit, html.mj.coloc1 .postit, html.mj.coloc2 .postit, html.mj.coloc3 .postit, html.mj.coloc4 .postit{
	width: 230px;
	height: 225px;
	float: right;
	background-image:url(images/postit.png);
	background-repeat:no-repeat;
	padding-left: 25px;
    padding-right: 30px;
    padding-top: 15px;
	margin-bottom: 15px;
    width: 180px;
}
html.mj.coloc0 .consignes, html.mj.coloc1 .consignes, html.mj.coloc2 .consignes, html.mj.coloc3 .consignes, html.mj.coloc4 .consignes{
	width: 600px;
	background-color: #e9e9e9;
	border: solid 1px #cccccc;
	padding: 15px;
	margin-bottom: 25px;
}

/*---------------HOTPOTATOES----------------------*/
div.Titles, body body div.Titles{
	display: none;
}
#MainDiv #OneByOneReadout{
	text-align: center;
}
div.StdDiv {
	color: #4e4e4c;
    background-color: #FFFFFF;
    border: solid 1px #D3D3D3;
    margin-bottom: 0px;
    padding: 0.5em;
    /*text-align: center;*/
}

#InstructionsDiv{
	color: #4e4e4c;
	font-style: italic;
	text-align: left;
	background-color: #F2F2F2;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
}

#MainDiv .QuestionText{
	font-weight: bold;
}

.FuncButton {
    background-color: #f2f2f2;
    border: solid 1px #D3D3D3;
	border-radius: 3px;
    color: #4e4e4c;
    cursor: pointer;
    padding: 5px 8px;
    text-align: center;
}
.FuncButtonUp {
    background-color: #4e4e4c;
    border: solid 1px #4e4e4c;
	border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px 8px;
    text-align: center;
}
.FuncButtonDown {
    background-color: #4e4e4c;
    border: solid 1px #4e4e4c;
	border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
     padding: 5px 8px;
    text-align: center;
}

div.Feedback{
	background-color: #efefef;
    /*border: solid 3px #f06000; Orange*/
	border: solid 3px #460280; /*mauve*/
	border-radius: 3px;
    display: none;
    left: 33%;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 33%;
    width: 34%;
    z-index: 1;
}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer {
	background-color: #efefef;
}
	

li.QuizQuestion {
    border-bottom: solid 1px #D3D3D3;
    padding: 1em;
}

div#Timer{
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #000000;
}

span#TimerText{
	padding: 0.25em;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
	color: #000000;
}

.LeftItem{
	font-size: 100%;
	color: #000000;
	text-align: left;
}

.RightItem{
	font-weight: bold;
	font-size: 100%;
	color: #000000;
}

div.ExerciseDiv{
	color: #000000;
}

/* JMatch flashcard styles */
table.FlashcardTable{
	background-color: transparent;
	color: #000000;
	border-color: #000000;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 90%;
	position: relative;
	text-align: center;
	padding: 0px;
}

table.FlashcardTable tr{
	border-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

table.FlashcardTable td.Showing{
	font-size: 140%;
	text-align: center;
	width: 50%;
	display: table-cell;
	padding: 2em;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #FFFFFF;
}

table.FlashcardTable td.Hidden{
	display: none;
}

/* JMix styles */
div#SegmentDiv{
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}

a.ExSegment{
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

span.RemainingWordList{
	font-style: italic;
}

div.DropLine {
	position: absolute;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	width: 80%;
}

/* JCloze styles */

.ClozeWordList{
	text-align: center;
	font-weight: bold;
}

div.ClozeBody{
	text-align: left;
	margin-top: 2em;
	margin-bottom: 2em;
	line-height: 2.0
}

span.GapSpan{
	font-weight: bold;
}

/* JCross styles */

table.CrosswordGrid{
	margin: auto auto 1em auto;
	border-collapse: collapse;
	padding: 0px;
	background-color: #000000;
}

table.CrosswordGrid tbody tr td{
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	font-size: 140%;
	padding: 1px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	color: #000000;
}

table.CrosswordGrid span{
	color: #000000;
}

table.CrosswordGrid td.BlankCell{
	background-color: #000000;
	color: #000000;
}

table.CrosswordGrid td.LetterOnlyCell{
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
}

table.CrosswordGrid td.NumLetterCell{
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
	padding: 1px;
	font-weight: bold;
}

.NumLetterCellText{
	cursor: pointer;
	color: #000000;
}

.GridNum{
	vertical-align: super;
	font-size: 66%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.GridNum:hover, .GridNum:visited{
	color: #000000;
}

table#Clues{
	margin: auto;
	vertical-align: top;
}

table#Clues td{
	vertical-align: top;
}

table.ClueList{
  margin: auto;
}

td.ClueNum{
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

td.Clue{
	text-align: left;
}

div#ClueEntry{
	text-align: left;
	margin-bottom: 1em;
}

/* Keypad styles */

div.Keypad{
	text-align: center;
	display: none; /* initially hidden, shown if needed */
	margin-bottom: 0.5em;
}

div.Keypad button{
	font-family: verdana;
	font-size: 120%;
	background-color: #ffffff;
	color: #000000;
	width: 2em;
}

/* JQuiz styles */

div.QuestionNavigation{
	text-align: center;
}

.QNum{
	margin: 0em 1em 0.5em 1em;
	font-weight: bold;
	vertical-align: middle;
}

textarea{
	font-family: verdana;
}

.QuestionText{
	text-align: left;
	margin: 0px;
	font-size: 100%;
}

.Answer{
	font-size: 120%;
	letter-spacing: 0.1em;
}

.PartialAnswer{
	font-size: 120%;
	letter-spacing: 0.1em;
	color: #000000;
}

.Highlight{
	color: #000000;
	background-color: #ffff00;
	font-weight: bold;
	font-size: 120%;
}

ol.QuizQuestions{
	text-align: left;
	list-style-type: none;
}

li.QuizQuestion{
	padding: 1em;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}

ol.MCAnswers{
	text-align: left;
	list-style-type: upper-alpha;
	padding: 1em;
}

ol.MCAnswers li{
	margin-bottom: 1em;
}

ol.MSelAnswers{
	text-align: left;
	list-style-type: lower-alpha;
	padding: 1em;
}

div.ShortAnswer{
	padding: 1em;
}

div.CardStyle {
	position: absolute;
	font-family: verdana;
	font-size: 100%;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border: solid 1px #D3D3D3;
	color: #4e4e4c;
	background-color: #FFFFFF;
	left: -50px;
	top: -50px;
	overflow: visible;

}