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

body {
  margin: 0;
  /*
   * Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography
   */
  /*font: 13px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;*/
  font: 11px/1.5em Verdana,Arial,Helvetica,sans-serif;
  /*letter-spacing:0.03em;*/
  line-height:1em
}

/* Links */

a:link, a:visited {
  color: blue;
  text-decoration: none;
}

a:hover, a:active {
  color: red;
  text-decoration: underline;
}

/* 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 {
  /*margin:0 0 1em 0;*/
  /*font-size: 11px;*/
}

/* List Styles  */

ul, ol {
/*
  margin-left: 0;
  padding-left: 2em;
  */
}

/* Table Styles  */

table {
	width: 99%;
}
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          { list-style-type: disc; }
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, #footer { background-color: #FFFFFF; }

#footer img{
	padding: 4px;
	margin: 4px;
}
#footer img.connexion{
	margin: 0px;
	padding: 0px;
}
#sidebar-first {	background: #FFFFFF; }
#sidebar-second { background: #ffd075; }
#navigation { /*background-color: #feffa5;*/ }

/******************** 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{
	background-color: #D9D9D9;
}
div#blocklogo{
	background: url(images/logo_pmtic.jpg) no-repeat;
	height: 65px;
	width: 170px;
}
h3.block-title, div#sidebar-first h1{
	background: url(images/fond_titre_module.gif) no-repeat;
	border-bottom:1px solid #999999;
	height:25px;
	width: 170px;
	color:#990000;
	font-size:15px;
	font-weight:bold;
	line-height:2;
	text-align:center;
}
dl.menuleft.module{
	border-top: 1px solid #FFFFFF;
	background: url(images/fond_menus_lateraux.gif) bottom no-repeat;
	padding-bottom: 10px;
	min-height: 455px;
	margin-top: 0;
}

.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{
	padding-left: 14px;
	color: #000000;
	background: url(images/colo1.png) left no-repeat;
}
.menuleft.module dt.colo2 a{
	padding-left: 14px;
	color: #000000;
	background: url(images/colo2.png) left no-repeat;
}
.menuleft.module dt.colo3 a{
	padding-left: 14px;
	color: #000000;
	background: url(images/colo3.png) left no-repeat;
}
.menuleft.module dt.colo4 a{
	padding-left: 14px;
	color: #000000;
	background: url(images/colo4.png) left no-repeat;
}
.menuleft.module dt.colo5 a{
	padding-left: 14px;
	color: #000000;
	background: url(images/colo5.png) left no-repeat;
}
.menuleft.module dt.colo6 a{
	padding-left: 14px;
	color: #000000;
	background: url(images/colo6.png) left no-repeat;
}
.menuleft.module dd{
	margin-left:13px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.menuleft.module ul{
	list-style-type:none;
	margin: 5px 0 0 7px;
	padding:0;
}
.menuleft.module ul li a{
	color: #666666;
	font-size: 11px;
}
.menuleft.module dd.colo1 a:hover, .menuleft.module dd.colo1 a.active{
	text-decoration: none;
	color: #F95400;
	font-weight: bold;
}
.menuleft.module dd.colo2 a:hover, .menuleft.module dd.colo2 a.active{
	text-decoration: none;
	color: #00945C;
	font-weight: bold;
}
.menuleft.module dd.colo3 a:hover, .menuleft.module dd.colo3 a.active{
	text-decoration: none;
	color: #0A71B3;
	font-weight: bold;
}
.menuleft.module dd.colo4 a:hover, .menuleft.module dd.colo4 a.active{
	text-decoration: none;
	color: #2612a7;
	font-weight: bold;
}
.menuleft.module dd.colo5 a:hover, .menuleft.module dd.colo5 a.active{
	text-decoration: none;
	color: #1e0954;
	font-weight: bold;
}
.menuleft.module dd.colo6 a:hover, .menuleft.module dd.colo6 a.active{
	text-decoration: none;
	color: #b4011f;
	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;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	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.jpg) no-repeat;
}
.menu.module dt.exercons_nous0{
	background: url(images/exercons0.jpg) no-repeat;
}
.menu.module dt.recapitulons0{
	background: url(images/recapitulons0.jpg) no-repeat;
}
.menu.module dt.testons_nous0{
	background: url(images/testons0.jpg) no-repeat;
}
.menu.module dt.approfondissons0{
	background: url(images/approfondissons0.jpg) no-repeat;
}

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

/*-----*/

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

/*-----*/

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

/*-----*/

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

/*-----*/

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

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

.menu.module dd{
	background-color: #D9D9D9;
	border: 1px solid #808080;
	margin-top: 3px;
	list-style: none;
	text-align: center;
}
.menu.module dd a{
	/*border: 0 none;*/
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	display: block;
	/*height:100%;*/
	text-decoration:none;
}
.menu.module dd a:hover{
	color: #FFFFFF;
}
.menu.module dl.colo1 dd a:hover{
	background-color: #F95400;
}
.menu.module dl.colo2 dd a:hover{
	background-color: #00945C;
}
.menu.module dl.colo3 dd a:hover{
	background-color: #0A71B3;
}

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

ul.bloctools{
	float:left;
}
ul.bloctools li{
	float: left;
}
ul.bloctools li a{
	height: 68px;
	width: 54px;
	display: block;
}
ul.bloctools li.glossaire{
	background-image:url(images/gloss_bt.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
}
ul.bloctools li.carnet{
	background-image:url(images/carnet_bt.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
}
ul.bloctools li.avis{
	background-image:url(images/quest_bt.jpg);
	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{
	background-color:#CCCCCC;
	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-size:15px;
	margin-bottom:8px;
	margin-top:10px;
	height: 17px;
}
h2.title.colo0{
	border-bottom:1px solid #990000;
	color:#990000;
}
h2.title.colo1{
	border-bottom:1px solid #F95400;
	color:#F95400;
}
h2.title.colo2{
	border-bottom:1px solid #00945C;
	color:#00945C;
}
h2.title.colo3{
	border-bottom:1px solid #0A71B3;
	color:#0A71B3;
}
h2.title.colo4{
	border-bottom:1px solid #2612a7;
	color:#2612a7;
}
h2.title.colo5{
	border-bottom:1px solid #1e0954;
	color:#1e0954;
}
h2.title.colo6{
	border-bottom:1px solid #af001c;
	color:#af001c;
}
h2.title a{
	text-decoration: none;
}
h2.title.colo0 a{
	color:#990000;
}
h2.title.colo1 a{
	color:#F95400;
}
h2.title.colo2 a{
	color:#00945C;
}
h2.title.colo3 a{
	color:#0A71B3;
}
h2.title.colo4 a{
	color:#2612a7;
}
h2.title.colo5 a{
	color:#1e0954;
}
h2.title.colo6 a{
	color:#af001c;
}

/******************** Editeur Wysiwyg *******************/

.node-inner p{
	margin: 5px 0;
	text-align: justify;
}
.node-inner img{
	margin: 5px;
}

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

p.normal{
	/*font-size:11px;*/
}


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

p.paneltext{
	padding: 10px 0 10px 10px;
	margin: 20px 0;
	background-color: #D9D9D9;
}

p.attention{
	padding: 10px 0 10px 10px;
	margin: 20px 0;
	background-color: #FFCCCC;
	border: 1px solid #DD7777;
}

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 ol{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/******************** Page d'accueil *******************/

.demi{
	float: left;
	padding: 0 10px;
	width: 350px;
}
.demi2{
	float: left;
	padding: 10px;
	margin-left: 30px;
	width: 350px;
	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;
}
a.footercdb{
	color: #FFFFFF;
	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;
}

/******************************************************************************************************************
********************************************************************************************************************
************************************************     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;
}
/*-----------------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;
}