/* ==== page detail de la formation ===== */
/*
h1.showDo{
    border: 1px solid grey;
    font-size:1.3em;
    text-align:center;
}
*/
h2#sessionsHeader {

}
div#contentPlaceHolder{
	float:right;
	width:145px;
	height:130px;
	margin:0 0 3px 3px;
	/*
	background:red;
	border:	#990099 1px solid;
	*/
}
dl.formationDetail {

}
dl.formationDetail dt {
	background-color:#76C6A8/*#71BEA1*//*#98D1BC*//*#7DB8A2*//*#45BA8E*/;
	color:#FFFFFF/*#287A5B*/;
	font-weight:bold;
	margin: 18px 5px 5px 0;
	padding:2px 10px;
	font-size:1.2em;
}
dl.formationDetail dd{

}
/*
table.showDo {
    clear:both;
    margin:30px 6px 6px 30px;
    font-size:1.1em;
    border-collapse:collapse; 
}
.showDo tr {
	color:#45BA8E; 
}
.showDo th {
    display:block;
    text-align:right;
    padding:5px;
    font-size:1em;
}
.showDo td  {
         padding:5px;
}
*/
.backURL {
    clear:both;
    margin: 30px;
    font-size:1.0em; font-weight:bold;color:#45BA8E;
}
.backURL a{
  color:#448EBB; text-decoration:none;
}
.backURL a:hover{
  color:#264DB3; text-decoration:underline;
}

.downloadPDF {
    clear:both;
	text-align:right;
    font-size:1.0em; 
	font-weight:bold;
	color:#45BA8E;
}
.downloadPDF a{
  color:#448EBB; 
  text-decoration:none;
}
.downloadPDF a:hover{
  color:#264DB3; 
  text-decoration:underline;
}
/*DEBUT datagridSession (le tableau automatique avec les sessions qui est sous detail formation) */
/*
desactiv,remplac par une autre mise en page,a voir...
Decommenter {dataGridHTMLSessions:h} pour reactiver
*/
/*

table.datagridSession {
	margin:1px auto;
	border-collapse:collapse;
}
table.datagridSession tr.datagridheader th,table.datagridSession  th.datagridheader{
	background-color:#B1E2D0;
    border-width: 0px 0px 2px 0px;
    border: 1px solid #EFEFEF;
    border-bottom : 2px inset;
    padding:2px 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	height: 2em;

}
*/
/* FIN datagridSession */

/*DEBUT table Sessions (le tableau manuel avec les sessions qui est sous detail formation) */
 table#sessionTable {
    clear:both;
    margin:6px 6px 6px 30px;
    font-size:0.9em;
    border:1px solid #56c099;
    border-collapse:collapse;
 }
 table#sessionTable caption {
 	color:#3D4E49;
 	font-size:1.1em;
 	margin:0px 6px 0px 30px;
 	padding:3px;
 	background:#B1E2D0;    
    border:1px solid #56c099;
	 font-weight:bold;
	 text-align:center;
 }
  table#sessionTable th {
  border:1px solid #56c099;
	 font-weight:bold;
	 text-align:right;
    padding:5px;
    font-size:1em;color:#3D4E49;
 }
table#sessionTable th.thCol {
	text-align:center;
}
table#sessionTable tr {
	border-bottom:1px solid #56c099;
}
table#sessionTable td {
	padding:5px;
	border:1px solid #56c099;
}

 /* FIN table Sessions */
/* ======== fin page detail ============= */

/* ======== debut DATAGRID (plus pager) (liste des formations ) ========= */
div#dataGridContainer{
	 margin: 0px 0px 0px 10px;
	 clear:both;
	text-align:center;
}

table.datagrid {
	/*margin:0px auto;*/
	margin:1px auto;
	border-collapse:collapse;
	width:100%;
}

tr.datagridheader th, th.datagridheader{
	/* background-image: url("/design/images/fond_header.gif"); */
	/*background-color:#E5ECF9;*/
	background-color:#98D1BC;/*#B1E2D0*/
    border-width: 0px 0px 2px 0px;
    border: 1px solid #FFFFFF;/* #3366CC*/
    border-bottom : 2px inset;
    padding:2px 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;/*#0C0909*/
	font-size: 1em;
	font-weight:bold;
	height: 2em;
}
tr.datagridheader th a, th.datagridheader a{
	color: #FFFFFF; font-weight:bold;
}
tr.datagridheader th a:hover, th.datagridheader a:hover{
	color: #BBFAFF;
}

table.datagrid td {
	border: 1px solid #FFFFFF;
	padding: 2px 2px 2px 4px;
	text-align:left;
	font-size:0.8em;
	/*text-decoration : none;*/
	/*font-size: xx-small;*/
}

td.number{
	text-align:right;
}
/*Tr2*/
.oddRow{
	background-color: #D6EEE5;
}
/*Tr1*/
.evenRow{
	background-color: #EAFEF7;
}
tr.trhover{background-color: #F7FFFD; }
tr.highlightedRow {background-color:#98D1BC;}


td.dgColDetail {
	text-align:center;
	width:2%;
}

td.dgColDetail img  {
 width:16px;
 height:16px;
 border:none;
 margin:0px 4px;
}

form.pagerSelectBox {
	margin:0px;
	padding:0px;
}
form.pagerSelectBox select {
	/*select.limitSelectBox*/
		color: #555E94;
	font-size: 0.8em;
	background: #eee;
}
form.pagerSelectBox input{
	margin-left: 2px;
}
p.pager{
	/*border: 1px ridge #B0C4DE;
	background:#F5F5F5;
	color: #3C4370;*/
	color: #98D1BC;
	font-size: 0.8em;
	margin: 2px auto;
	padding:2px;
	display: block;
	white-space: nowrap;
	text-align: center;
	height:1.2em;
}
.pager a{
	background:#FFFFFF;
	color: #56C099;
	padding:2px 4px;
	text-decoration:none;
}
.pager a:hover{
	font-weight: bolder;
	background:#56C099;
	color:#FFFFFF;
}
.pagerCurPageLink{
	font-weight: bolder;
	border: 1px solid #98D1BC;
	background:#56C099;
	color:#FFFFFF;
	padding:2px 4px;
}
/* ======== FIN DATAGRID ========= */


/* DEBUT HTML_QuickForm_Renderer_Tableless */
/* 
si problemes , voir manuel pear (faq : http://pear.php.net/manual/en/package.html.html-quickform-renderer-tableless.faq.php)
*/
form#searchFormation {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float:left;
	width: 400px;
	font-size:0.8em;
    min-width: 300px;
    max-width: 400px;
    width: 400px;

    margin:  0px 0px 20px 0px;
    padding: 0;
    /*
    min-width: 500px;
    max-width: 600px;
    width: 560px;
    */
}
form#searchFormation fieldset {
	/*border:1px solid  #56c099;
	background:#EAFEF7;*/
	width: 400px;
    clear: both;
    float: left;
    margin:0; border:1px solid #CCCCCC;
    /*
    border: 0;
    width: 560px;
    */
}
form#searchFormation fieldset.hidden {
    border: 0;
}
form#searchFormation fieldset legend {
	background:#B1E2D0;    
    border:1px solid #56c099;
    padding:3px;
	width: 200px;
    white-space: nowrap;
    display: block; font-weight:bold; font-size:1.1em;
    /*
    background-color: #CCCCCC;
    font-weight: bold;
     width: 560px;
    padding: 1px;
    */
}
form#searchFormation fieldset ol {
    margin: 0;
    padding: 0;
}
form#searchFormation fieldset li {
    display: block;
    list-style: none;
    margin: 0;
    clear: both;
}
/* 
voir http://pear.php.net/manual/en/package.html.html-quickform-renderer-tableless.faq.php#AEN71519 
pour l'explication de ces deux hacks (pour compatibilit firefox 1.+ et IE 7 a la fois)
*/
* html form fieldset li {
    float: none;
}
*+html form fieldset li {
    float: none;
}
form#searchFormation label {
    margin: 0 0 0 5px;
}
form#searchFormation label.element {
    display: block;
    float: left;
   	width: 100px;
    padding: 0;
    margin: 5px 0 0 0;
    font-weight: bold;
    text-align: right;clear:left;font-size:12px;
}
form#searchFormation input, form#searchFormation textarea, form#searchFormation select {
    width: auto;
    font-size:0.9em;
}
form#searchFormation textarea {
    overflow: auto;
}
form#searchFormation br {
    clear: left;
}
form#searchFormation div.element {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    padding: 0;font-size:12px;
}
form#searchFormation li.reqnote {
    font-size: 80%;
    margin: 5px 0 0 10px;
}
form#searchFormation span.error, form#searchFormation span.required {
    color: red;
}
form#searchFormation div.error {
    border: 1px solid red;
    padding: 5px;
}

/* FIN HTML_QuickForm_Renderer_Tableless */

/* ==== user messages ======= */
.error {
	background-color:#FFFF00;
	border:1px solid #FF8000;
	clear:both;
	color:#FF0000;
	margin:3px auto;
	padding:3px;
	width:50%;
}
.warning {
	background-color:coral;
	border:1px dashed OrangeRed;
	clear:both;
	color:navy;
	margin:3px;
	padding:3px;
	width:50%;
}
.info {
	background-color:lime;
	border:1px dashed green;
	clear:both;
	color:black;
	margin:3px auto;
	padding:3px;
	width:50%;
}
.success {
	background-color:#C4FFC4;
	border:1px dashed green;
	clear:both;
	color:#008040;
	margin:3px auto;
	padding:3px;
	width:50%;
}

/* ==== user messages ======= */


/* Mise en page CCI*/

#imgRight{ width:246px; height:356px;background:#7DB8A2 url(/design/fullImage/formation.jpg) no-repeat bottom;}
#imgRight_photo{ background:none;width:226px; height:238px;}
#contentText{/*padding:15px 0px 20px 60px;*/width:600px;}
ul li{background:url(/design/images/list-style-image_3.gif) no-repeat left top;}
h1, h2, h3, h4, h5, h6 {color:#45BA8E;}
/*h1{ font-size:12px;}*/

/*==== Bulletin de prinscription ====*/
h2.titrePreinscription_h2{ font-size:18px;  padding:0; margin:15px 0px 0px 0px;}
h2.miniTitre_h2{ font-size:16px; padding:0; margin:15px 0px 5px 0px; }
h4.titrePreinscription_h4{ font-size:14px; text-align:center; padding:0; margin:5px 0px 15px 0px;}
h3.titrePreinscription_h3{ font-size:14px; text-align:center; padding:10px; margin:5px 0px 20px 0px;border:1px solid #EE3E42;background-color:#FDECEC;}
#titreStage{border:1px solid #5A1F20; padding:10px;margin:0px 0px 5px 0px;width:70%}
#titreStage h2{font-size:16px; padding:0; margin:0px 5px 0px 0px;}
#titreStage h5{font-size:12px; padding:0; margin:5px 5px 0px 0px;}