/*---------------------------------------------*/
/* CSS for Éclairs de Sciences
/* February 2010 
/*---------------------------------------------*/

body  { 
	background:#f1f5fe url(../images/template/bodyBack.jpg) center 0 fixed repeat-y;
	margin:0; 
	padding:0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535252;
    }
	
div,
img, 
form {
	border:0px;
	margin:0; 
	padding:0;
    }

table, 
tbody, 
tr,
th,
td  { 
	margin:0; 
	padding:0; 
	border-collapse:collapse ; 
	vertical-align:top;
    }

/*----------------*/
/* Main Divisions */
/*----------------*/

.wrap { 
	margin:0px auto; 
	width:1004px;
    }

/*--------------- TOP --------------------*	
*** header / topMenu / logoCtn / topBox ***
------------------------------------------*/	

.header	{ 
	background:url(../images/template/header.png) center top no-repeat;;
	width:1004px; 
	height:140px; 
	position:relative;
	}
	
.logoCtn  { 
	position:absolute; 
	top:0;
	left:0;
	width:270px; 
	height:70px;
	z-index:10;
	  }

.logoCtn img{
        width: 248px; 
        height:210px;
        position:absolute; 
	top:0;
	left:10px;}
.topBox	{ 
	text-align:center; 
	height:105px;
	}
.topBox p{padding-top: 0pt; margin-top: 0pt;}
	
.topBox img { padding:20px 0px 0px 0px;}

.topMenu  { 
	height:35px; 
	text-align:right; 
	margin:10px 15px 0 0;
	white-space:nowrap; 
	font-weight:bold;
	font-family:Helvetica, sans-serif;
	}
	
.topMenu a { 
	padding:0 2px;
	text-decoration:none; 
	color:#3b3b3b; 
	font-weight:bold; 
        font-size:12px; 
        }
		   
.topMenu a:hover  { color:#78a737;}

.topMenu input.searchButton { 
	text-decoration:none; 
	padding:0 0 2px 0;
	vertical-align:middle; 
	}
	
.topMenu input.searchInput { 
	height:15px;
	margin: 0px 0 0 10px;
	border-left:1px solid #d5dec9; 
	border-top:2px solid #b6bdab; 
	border-right:1px solid #d4ddc8; 
	background-color:#e4eed7;
	font-size:11px;
	font-family:Helvetica, sans-serif; 
	color:#696969;
	}

.topMenu a.lang { 
	color:#AA0010;
        }

/*--------------------------*/
/*      Left Menu  			*/
/*--------------------------*/

.ltCol	{ 
	width:235px; 
	margin:0; 
	padding:55px 0px 0px 0px;
	}
	
.leftBoxes{ 
	margin-top:25px;
	padding-left:15px;
	}
	
.leftMenu  { 
	width:220px; 
	margin-top:25px;
	padding-left:15px;
	}
	
div.menuitem a	{ 
	display:block; 
	width:178px;
	height:28px;
	padding:14px 18px 14px 14px;
	background:url(../images/template/lefmenuItems.gif) 0 0 no-repeat;
	font-size:18px; 
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#fff;
	}
	
div.menuitem a.selected,
div.menuitem a:hover  { 
	color:#7e000b; 	
	text-decoration:none;
	}

/*--------------------------*/
/*      Left Menu  Items	*/
/*--------------------------*/

div.menuitem a#fr1,
div.menuitem a#en1,
div.menuitem a#en3{ background-position:0px 0px;}

div.menuitem a#fr2,
div.menuitem a#en2,
div.menuitem a#fr6,
div.menuitem a#en6,
div.menuitem a#en4{ background-position:right 0px ;}

div.menuitem a#fr3,
div.menuitem a#fr5,
div.menuitem a#en5{
	height:48px;
	background-position:0px -100px;
	}

div.menuitem a#fr4{
	height:48px;
	background-position:right -100px ;
	}



/*--------------------------*/
/*  Left Menu Items states */
/*--------------------------*/
div.menuitem a#fr1.selected,
div.menuitem a#en1.selected,
div.menuitem a#fr1:hover,
div.menuitem a#en1:hover,
div.menuitem a#en3.selected,
div.menuitem a#en3:hover{ background-position:0px -200px;}

div.menuitem a#fr2.selected,
div.menuitem a#en2.selected,
div.menuitem a#en4.selected,
div.menuitem a#fr6.selected,
div.menuitem a#en6.selected,
div.menuitem a#fr2:hover,
div.menuitem a#en2:hover,
div.menuitem a#en4:hover,
div.menuitem a#fr6:hover,
div.menuitem a#en6:hover{ background-position:right -200px ;}

div.menuitem a#fr3.selected,
div.menuitem a#fr5.selected,
div.menuitem a#en5.selected,
div.menuitem a#fr3:hover,
div.menuitem a#fr5:hover,
div.menuitem a#en5:hover{
	background-position:-5px -300px;
	}

div.menuitem a#fr4.selected,
div.menuitem a#fr4:hover{
	background-position:right -300px ;
	}



/*--------------------------*/
/*  Content Zone            */
/*--------------------------*/

.mmcmCtn h1 { 
	height:41px;  
	margin:20px 0 0 0; 
	padding:6px 0 0  50px;
	font-size:23px; 
	color:#bb0313;
	background:url(../images/template/bgTitres.gif) 0 -300px no-repeat;}

	.mmcmCtn  h1.fr1,
	.mmcmCtn  h1.en1,
	.mmcmCtn  h1.en3 { background:url(../images/template/bgTitres.gif) 0 -100px no-repeat;}
	.mmcmCtn  h1.fr2,
	.mmcmCtn  h1.en2 { background:url(../images/template/bgTitres.gif) 0 -50px no-repeat;}
	.mmcmCtn  h1.fr3 { background:url(../images/template/bgTitres.gif) 0 -150px no-repeat;}
	.mmcmCtn  h1.fr4,
	.mmcmCtn  h1.en4 { background:url(../images/template/bgTitres.gif) 0 -250px no-repeat;}
	.mmcmCtn  h1.fr5,
	.mmcmCtn  h1.en5 { background:url(../images/template/bgTitres.gif) 0 -200px no-repeat;	}
	.mmcmCtn  h1.fr6,
	.mmcmCtn  h1.en6 { background:url(../images/template/bgTitres.gif) 0 0 no-repeat;	}



.mainCtn  { 
	background:url(../images/template/secMid.png) center 0 repeat-y;
	width:1004px; 
	}

table.homepage	{ background:url(../images/template/wrap.png) center 0px no-repeat;}

table.pageNoRtCol { 
	width:1004px;
	margin:0; 
	padding:0;
	background:url(../images/template/wrapnoH.png) center 0 repeat-y;
	}


/*--------------------------*/
/*  Content Tabs            */
/*--------------------------*/

.tabMenu { 
	width:742px; 
	height:28px; 
	margin:0px 17px 0px 0; 
	padding:0;
	border-bottom:1px solid #bfbfbf;
	font-size:14px;
	}
ul.tabs	{ 
	padding: 0;
	margin: 0; 
     } 
ul.tabs li  {
	list-style-type:none; 
	display:inline-block;
	margin:1px 0 0 0; 
	padding:0 ; 
	height:28px;
	}
ul.tabs li a{ 

	display:inline-block;
	color:#ffffff; 
	font-weight:bold;
	background:url(../images/template/tabs_sprite.gif) right -90px no-repeat;
	text-decoration:none;
	height:27px;
	margin:1px 3px 0 0; 
   } 
   
ul.tabs li a span { 
	display:inline-block;
	height:17px;
	padding:4px 10px 6px 14px;
	margin:0 4px 0 0;
	background:url(../images/template/tabs_sprite.gif) left -60px no-repeat;
	}
	
ul.tabs li a:hover,   
ul.tabs li.selected a { background-position:right -30px; color:#54594c;    }
ul.tabs li.selected a:hover { color:#bb0313;
			    }
ul.tabs li a:hover span,
ul.tabs li.selected a span  { background-position:left 0px;}



ul.innerTabs  { list-style-type:none; padding: 0; margin:0; 
	      } 
ul.innerTabs li { float:left; margin:1px 12px 0 0; padding:0; height:28px;
		}
ul.innerTabs li a { display:block;} 
ul.innerTabs.top li a { text-transform:uppercase;color: #AA0010;} 
ul.innerTabs li.selected a  { font-weight:bold; color:#222; }

ul.innerTabs li a.nocap { text-transform:none;}

/*
** the 3rd tier top inner Tab has different colors
*/
ul.innerTabs.top li a { color: #AA0010;;
		      }
ul.innerTabs.top li a:hover { color:#222;
			    }
ul.innerTabs.top li.selected a:hover  { color:#bb0313;
				      }

/*
** main text layout
*/
.leftBound  { float:left;}
.rightBound { float:right; 
              text-align:right; 
	      font-weight:bold;
	    }
.rightBound img	{ vertical-align:middle;}

.rightBound a.port { color:#3a3a3a; text-decoration:none; }

/*textPad*/

.textPadTop  {
	background:url(../images/template/textPadTop.gif) right top no-repeat;
	width:717px;
	height:18px;
	padding:20px 15px 10px 15px;
             }
.textPadBott { 
	background:url(../images/template/textPadBott.gif)  right bottom no-repeat;
	width:747px;
	height:18px;
	padding:0; 
	margin:0;
    }

.textPadMid { 
	width:747px; 
	margin:0px 12px 80px 0; 
	padding:0px;
        background:url(../images/template/textPadMid.gif) center top repeat-y;
	font-size:13px;
            }
.textPadMid h2	{ 
	font-size:18px; 
	margin:0; 
	padding:0; 
 
		}

.mmcmContent{
       clear:both;
       width:707px;
       margin-left:15px;
       margin-top:20px;
       position:relative;
       }

.mmcmContent img.logos{
        margin-right:10px;
       }




.textPadMid a { color:#aa0010; text-decoration:underline;
              }
.textPadMid a:hover { color:#aa0010; text-decoration:none;}

p.gros{font-size:14px;}

/*--------------------------*/
/*    Help Buble            */
/*--------------------------*/


.hide{	display:none;}
.help { 
	width:544px;
	position:absolute;
	margin-top:-100px;
	}
.helpTop  { 
	background:url(../images/template/helpTop.png) no-repeat;
	width:544px;
	padding:0; 
	margin:0px; 
	height:14px;
	}
.helpMid  { 
	width:544px; 
	margin:0px; 
	padding:0px;
	background:url(../images/template/helpMid.png) 0 0 repeat-y;
	font-size:13px;
	}
.helpBott { 
	width:544px;
	height:20px;
	background:url(../images/template/helpBott.png) no-repeat;
	padding:0; margin:0; 
	  }
	  
.helpMid h2 { 
	margin:0; 
	padding:0 15px; 
	color:#111;
	font-size:15px; 
	}
.helpMid p  { padding:0 15px; margin-bottom:0;}
.helpMid ul{ margin-bottom:0;margin-right:20px;}
.helpMid a  { 
	color:#aa0010;
	text-decoration:underline;
	}
.helpMid a:hover  { 
	color:#aa0010; 
	text-decoration:none;
	}

.helpMid .rightBound { 
	width:33px;
	margin: 0 10px;
        text-align:center;
	clear:both;
	}

a.close { 
	margin:0 18px 6px 0;
	padding:6px 0px;
width:25px; display:inline-block;
	background: url(../images/template/closeHelp.gif) center 0 no-repeat;
        text-align:center;
	color:#fff; 
	text-decoration:none; 
    }
	
a.close:hover { color:#e49572;}
	    
/* green Buttons*/

a.evaluation  { 
	width:110px; 
	height:43px; 
	padding:10px 11px 14px 12px;
	margin:0;
	background:url(../images/template/evaluation.gif) no-repeat;
	text-align:right; 
	font-size:12px;
	font-weight:bold;
	color:#fff; 
	text-decoration:underline;
	}
a.evaluation:hover  {
	 color:#fffc99; 
	 text-decoration:none; 
	 }

/**/

a.forum { width:105px; height:45px; margin:0; padding:12px 22px 17px 30px;
	  text-align:right; text-decoration:underline; font-weight:bold;
          background:url(../images/template/forum.gif) no-repeat;
	  color:#fff; font-size:12px;
        }
a.forum:hover { 
	color:#fffc99; 
	text-decoration:none;
	}



/*----------------------------*/
/*  	     FOOTER           */	
/*----------------------------*/

.footer { width:1004px; text-align:center; margin:0; padding:0;
	  background:url(../images/template/pageBot.png) bottom no-repeat;
	  height:84px;
        }
.footer div { padding:20px 0px 40px 0px; margin:0; font-size:12px;
	      background:url(../images/template/footer.gif) center top;
	      background-repeat:no-repeat; color:#505050;
            }
.footer a { color:#505050; text-decoration:none; font-size:12px;
          }
.footer a:hover { color:#78a737;
                }

/*---------------------------------------------*/
/* HOME PAGE
/*---------------------------------------------*/
table.homepage	{ height:544px;
		}
table.homepage .ltCol { display:none;
		      }
table.homepage .CenterCol { width:1004px; 
			  }
table.homepage .rtCol { display:none;
		      }

/*
** Flash container
*/
.flashIcons { width:100%; height:350px; margin:0 auto; 
	      padding:30px 0 0 0; clear:both;
            }
.flashIcons div { padding:0;
                }
/*
** Notre Mission (our mission)
*/
.notreMission,
.notreMissionEn { 
        width:747px;
        height:83px;
        margin:10px 0 0 229px;
        padding:2px;
        background:url(../images/template/notreMission.png) center top no-repeat;
	text-align:center;
        }
.notreMissionEn { 
       background:url(../images/template/notreMission_en.png) center top no-repeat;
       }
.notreMission p,
.notreMissionEn p { text-align:left; padding:10px 0px 0px 145px; 
		  line-height:17px; text-indent:70px; font-size:13px;
		  font-family:Helvetica, sans-serif;
                }

/*---------------------------------------------*/
/* SECONDARY PAGES
/*---------------------------------------------*/


table.pageNoRtCol { height:1px; }
table.pageNoRtCol .ltCol { width:240px;
                         }
table.pageNoRtCol .CenterCol  { width:734px; padding:30px 0px 0px 0px;
				margin:0; text-align:left;
			      }
table.pageNoRtCol .rtCol { display:none;}

/*---------------------------------------------*/
/* pages special content
/*---------------------------------------------*/

table.tableau {margin:10px 0px}
table.tableau td {padding: 2px 5px;vertical-align:middle;}
table.tableau td p{padding:0; margin:2px 0;}
table.tableau td.colRight{padding-left:70px;}

/* Icon Map */
p img.iconMap{
margin-left:15px;
vertical-align:top;
}

table.tableau p a{
text-decoration:underline;
outline:0;
}

/*share styles*/
.share{
	float:right;
    width: 191px;
	font-family:Arial,Helvetica,sans-serif;
	position:relative;
	text-align:right;
	}
	
.share a{ text-decoration:none;}
.close {
	text-align:right;
	font-weight:bold;
	padding:10px ;
	font-size:10px;
}
.close a{	
	color:#fff;
	background:#BB0313;
	padding:1px 3px;
}
.close a:hover{	
	color:#FAF9D4;
}

.shareDivBox{	
	background:url(../images/template/rtBoxTop.jpg) center 0 no-repeat;
	height:134px;
	padding:5px 5px 0 15px;
	position:absolute;
	z-index:10;
	top:15px;
        }
	
.shareDivBoxBot{
	background:url(../images/template/rtBoxBottom.jpg) center bottom  no-repeat; 
	height:10px; 
	width:191px;
	position:absolute;
	left:0px;
	bottom:0;
	z-index:10;

	}
.shareDivBox ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:left;
}

.shareDivBox li {line-height:24px; float:left; width:61px;font-size:11px;}

/* SHARE ICONS*/
.google {
	background: url(../images/icones/google.gif) 4px 4px no-repeat;
	padding-left: 24px;
}
.delicious {
	background: url(../images/icones/delicious.gif) 4px 4px no-repeat;
	padding-left: 24px;}

.facebook {
	background: url(../images/icones/facebook.gif) 4px 4px no-repeat;
	padding-left: 24px;
}

.digg {
	background: url(../images/icones/digg.gif) 4px 4px no-repeat;
	padding-left: 24px;}

.twitter {
	background: url(../images/icones/twitter.png) 4px 4px no-repeat;
	padding-left: 24px;}

/*--------------------------------------------------------*/
/*                        Formulaire                      */
/*--------------------------------------------------------*/

form fieldset{ 
	display:inline-block;
	border:0;
	vertical-align:top;
	margin-top:10px;
	padding:0px;
	}
form fieldset.designed{ 
        border: 1px solid #999999;
        width:696px; 
        margin:5px 0px; 
        padding:0px 0px 5px 20px;
}
form fieldset.designed legend{ font-weight:bold; font-size:18px; color:#535252;}

label, .lblText {
	font-size:12px;
	display:inline-block;
	width:172px;
	text-align:right;
	vertical-align:top;
	padding-top:5px;
	margin-right:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#535252;

	}
.exception{
	font-weight:normal;
	padding-left:3px;
	}
	
label.small { 
	display:inline-block;
	width:90px; 
	text-align:left;
	margin-right:0px;
	}	

label.med { 
	display:inline-block;
	width:118px; 
	margin-right:3px;
	margin-left:0px;
	text-align:left;

	}	
label.large { 
	display:inline-block;
	width:155px; 
	text-align:left;
	}
label.large p { 
	width:100%; 
	}	
	
label.extralarge { 
	display:inline-block;
	width:175px; 
	text-align:left;
	}	
	
.helpTxt, .engage { 
	display:inline-block;
	width:640px;
	vertical-align:top;
	margin-top:5px;
	}
.engage { 
	color:#4F81BD;
	font-style:italic;
	}
	
form input{
	vertical-align:top; 
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#535252;
	margin: 4px 0 0 0; 
	}
	
form input.radioBtn{
	padding:0px;
	vertical-align:top; 
	}

form input.checkbox{
	padding:0px;
	vertical-align:top; 
	}

form input.shortTextFld{ 
	width:40px; 
	margin: 4px 5px auto 0px; 
	vertical-align:top;
	}
form input.textFld{ 
	width:150px; 
	margin: 4px 5px auto 0px; 
	vertical-align:top;
	}

form input.middleTextFld{ 
	width:246px; 
	margin: 4px 0px 0 0px; 
	vertical-align:top;
	}
form input.longTextFld{ 
	width:371px; 
	margin: 4px 0px 0 0px; 
	vertical-align:top;
	}
form input.verylongTextFld{ 
	width:414px; 
	margin: 4px 0px auto 0px; 
	vertical-align:top;
	}

.formBtn{
	float:right;
        width:166px;
	}
.mandatory{
        font-size:10px;
        float:right;
        text-align:right;
	}