/* MODIFICATION
––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––
	UPDATED: 2 avril 2008 11:06
	AUTHOR: Joel Lachance
	UPDATES: Réglages du menu TOP
––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––*/


/* LEGEND -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_

1.0 --- WEBSITE SPECIFICATION
2.0 --- RESET STYLESHEET 
3.0 --- GENERIC HTML
4.0 --- COMMONLY USED
5.0 --- SECTION
	5.1 --- Header
	5.2 --- Content
		5.2.1 --- Content styles
	5.3 --- Footer
	5.4 --- Mobile
6.0 --- TEMPORARY

--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/


/* 1.0  WEBSITE SPECIFICATION
--------------------------------------------------------------------------- 
Vert foncé = #074830
Vert lime = #deecb7
Texte courant = #003861

Titre onglets = 553px X 38px
Titre sections = 550px X 21px
Titre sections avec flèche = 550px X 31px

Marge = 1.375em
---------------------------------------------------------------------------*/


/* 2.0  RESET STYLESHEET 
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, dir, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* 3.0 GENERIC HTML
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

body {
background: #000 url('../images/background.gif');
font-family: helvetica, verdana, arial, sans-serif;
font-size: 100%;
line-height: 18px;
text-align: center;
}

h1 {
color: #003861;
font-size: 12px;
padding: 0 0 0 0px;
font-weight: bold;
text-transform: uppercase;
}

h2 {
border-bottom: 2px dotted #bdced2; 
display: block; 
width: 547px; 
margin: 24px 0 16px 0px; 
padding: 0 0 3px 0px; 
font-size : 19px;
font-weight: normal;
color: #8dbed4;
text-transform: uppercase;
}

h3{
background: url('../images/yellow-spacer.gif') no-repeat;
display: block;
width: 550px; 
height: 40px;
margin: 24px 0 16px 0px;
font-size : 16px; 
color: #005288;
line-height: 40px;
padding: 0px;
font-weight: normal;
}

p {
font-size: 14px;
}

a {
outline: none;
color: #003861;
}
a:hover{
	color: #7cb0c4;
	text-decoration: underline;
}
img {
border: 0;
}

hr{
visibility: hidden;
height: 100px;	
}

li{
list-style-image: url('../images/arrow-list.gif');
margin: 0 0 6px 40px;
color: #003861;
font-size: 16px;
}

table{	
margin: 0 0 0 27px;
font-size: 12px;
font-weight: bold;
font-family: helvetica, verdana, sans-serif;
color: #003861;
}

	table a{
	color: #003861;
	text-decoration: underline;
	}
	
	table a:hover{
	color: #7cb0c4;
	text-decoration: underline;
	}

th{
height: 25px;
background: #cde1e6;
vertical-align: bottom;
border-right: 1px dotted #7fa9bf;
padding: 5px;
}

td{
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-right: 1px dotted #7fa9bf;
padding: 5px;
}

/* 4.0 COMMONLY USED
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

.hide
{
display: none;
}

.fl
{
float: left;
}

.fr
{
float: right;
}

.block
{
display: block;	
}

.upcase{
text-transform: uppercase;
font-weight: bold;	
}

.cb{
clear: both;	
}

.nb{
	border: none;
}

/* 5.0 SECTION
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

#container{
width: 976px;
margin: 0 auto;
text-align: left;
}


	/* 5.1 HEADER
	--------------------------------------------------------------------------- 
	---------------------------------------------------------------------------*/
	
	#top{
	width: 976px;
	background: #f6fefe;
	line-height: 0;
	padding: 0 0 7px 0;
	}
			
	
	/* 5.2  CONTENT
	--------------------------------------------------------------------------- 
	---------------------------------------------------------------------------*/
	
	#left{
	background: #e2f1f4;
	float: left;
	position: relative;
	z-index: 1;
	}
	
		#left img{
		display: block;
		}
		
		#left ul{
		margin: 4px 0 4px 11px;
		width: 175px;
		background: #e3f0f2;
		}
		
		#left li{
		list-style-image: none;
		margin: 0 0 4px 0;
		padding: 0 0;		
		border-bottom: 1px solid #074830;
		font-size: 11px;
		line-height: 11px;
		}
		
			#left ul a{
			color: #074830;
			text-decoration: none;
			display: block;
			
			}
			
			#left ul a:hover{
			color: #a2b371;
			text-decoration: none;
			}

	
	#center{
	
	width: 592px;
	background: #FFF;
	float: left;
	background: url('../images/bg-content.gif');
	}
	
		#center p{
		color: #003861;
		font-size: 12px;
		padding: 0 20px;
		line-height: 17px;
		}
		
		#center li{
		font-size: 12px;
		margin-left: 17px;
		line-height: 17px;
		}
		
		#center table{
		margin-left: 20px;
		margin-right: 20px;
		}

		#center .zoneTxt{
		color: #003861;
		font-size: 12px;
		padding: 0 20px;
		line-height: 17px;
		}

		
	#right{
	float: right;
	background: #e2f1f4;
	}
	
	#right img{
	display: block;
	/*padding: 0;*/
	}
	
	
		/* 5.2.1  CONTENT STYLES
		--------------------------------------------------------------------------- 
		---------------------------------------------------------------------------*/
		
		.flash-intro{
		padding-left: 8px;
		z-index: 0;
		}
		.flash-softimage{
		
		z-index: 0;
		background-color: black;;
		margin-right: 19px;
		margin-left: 20px
		}

		.news-box{
		width: 576px;
		height: 66px;
		margin: 4px 0 0 8px;
		float: left;
		display: inline;
		/*background: url('images/fr/images/nov_center-02.gif') no-repeat;*/
		}
		
			#center .news-box p{
			font-size: 12px;
			font-weight: bold;
			padding: 7px 32px 0 225px;
			line-height: 13px;
			}

		.onglet-titre{
		margin: 0 0 0 20px;
		}
		
		.section-titre{
		margin: 24px 0 16px 20px;
		}
		
		.b-inscript-t{
		margin-left: 5px;
		vertical-align: middle;
		}
		
		.b-inscript{
		margin: 30px 0 0 22px;
		}
		
		#center .stitle{
		border-bottom: 2px dotted #bdced2; 
		display: block; 
		width: 547px; 
		margin: 24px 0 16px 17px;
		padding: 0 0 3px 0; 
		font-size : 19px; 
		color: #8dbed4;
		text-transform: uppercase;
		}
		
		#center .gline{
		background: url('../images/yellow-spacer.gif') no-repeat;
		display: block;
		width: 550px; 
		height: 40px;
		margin: 24px 0 16px 17px;
		font-size : 16px; 
		color: #005288;
		line-height: 40px;
		padding: 0px;
		}
		
			.gline-title
			{
			font-size: 18px;
			text-transform: uppercase;
			}
		
			

		
			/* TOP MENU STYLES
			--------------------------------------------------------------------------- 
			---------------------------------------------------------------------------*/

			#top-menu{
			margin: 0 0 32px 20px;
			}
			
				#top-menu ul{
				float: left;
			    display: block;
			    list-style: none;
			    padding: 5px 0 0 0;
			    margin: 0 0 16px 0;
			    border: 0;
			    width: 100%;
			    vertical-align: middle;
				}
				
				#top-menu li{
			    display: block;
			    float: left;
			    margin: 0 0px 8px 0;
			    padding: 0 0px 0 0px;
			    border-right: 2px dotted #105d8f;
			   	}
				
					#center #top-menu .noborder{
					border: none;
					}
				
					#top-menu li a{
					display: block;
				    text-decoration: none;
				    font-weight: bold;
				    color: #01416c;
				    padding: 5px 5px 0 5px;
				    margin: 0 0 0 0;
				    border: 0;
				    font-size: 9px;
				    line-height: 120%;
					text-transform: uppercase;
					height: 37px;
					float: left;
					}
										
					#top-menu li a:hover{
					background: #dcedf4;
					}
					
					#top-menu .select{
					background: #dcedf4;
					}
					
					#top-menu .select a:hover{
					display: block;
					height: 37px;
					}		
			

			
			/* TABLE STYLES
			--------------------------------------------------------------------------- 
			---------------------------------------------------------------------------*/
		
			.th_titre{
			width: 218px;
			}
			
			.th_titre_emplois{
			width: 216px;
			}
			
			.th_experience{
			width: 92px;
			}
			
			.th_reference{
			width: 130px;
			border: none;
			}
			
			.th_disponibilite{
			width: 110px;
			border: none;
			}
			
			.th_assignation{
			width: 136px;
			}
			
			.th_date{
			width: 175px;
			border: none;
			}
			
			.th_seminaire{
			width: 125px;
			}
			
			.th_lieu{
			width: 20px;
			}
			
			.td_bp{
			background: #ebf4f6;
			/*width: 125px;*/
			}
			
			.td_bf{
			background: #cde1e6;
			/*width: 125px;*/
			}
			
			.td_bp_right{
			background: #ebf4f6;
			border: none;
			border-top: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			}
			
			.td_bf_right{
			background: #cde1e6;
			border: none;
			border-top: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			}

			.partenaires{ 
			font-weight: normal; 
			border: none; 
			margin: 25px 0 0 18px; 
			} 
			                                    
			.partenaires td{ 
			border: none; 
			vertical-align: top; 
			font-family: helvetica, verdana, arial, sans-serif; 
			font-size: 12px; 
			} 			
			
			/* POPUP STYLES
			--------------------------------------------------------------------------- 
			---------------------------------------------------------------------------*/
			
			#popup{
			width: 423px;
			margin: 0 0 0 22px;
			}
			
				#popup img{
				display: block;
				}
				
			.popup_content{
			border: 1px solid #7fa9bf;
			border-bottom: none;
			}
			
				#center .popup_content p{
				padding: 8px;
				}
				
				#center .popup_content h1{
				padding: 8px;
				margin: 16px 0 0 0;
				}
			
			#corner {
			background: #cfe0e7 url("../images/corner.jpg") no-repeat 0px 0px; 
			width: 18px; height: 29px; /* Dimensions exactes de l'image de coin */
			float: left;
			}
			
			#solidcolor_bg {
			background: #cfe0e7; 
			width: 200px; /* Largeur de la zone pour entrer le texte */
			padding: 3px; 
			float: left;
			}
			
			#cut_bg {
			background: #cfe0e7 url("../images/cut_bg.jpg") repeat-x 0px 0px; 
			width: 407px; /* Largeur de la boite globale */
			float: left;
			font-size: 14px;
			font-weight: bold;
			color: #005288;
			margin: 6px 0 0 6px;
			}
				
			
			/* RIGHT COLUMN STYLES
			--------------------------------------------------------------------------- 
			---------------------------------------------------------------------------*/
			
			#search{
			width: 193px;
			height: 38px;
			position: relative;
			}
			
				#search input{
				width: 144px;
				border: 0;
				margin: 4px 0 0 6px;
				color: #01416c;
				font-weight: bold;
				text-align: center;
				height: 21px;
				}
			
			.search-b{
			float: right; 
			margin: 3px 6px 0 0;
			position: absolute;
			right: 4px;
			top: 2px;
			}
									
			.right-box{
			width: 189px;
			background: #FFF;
			border: 1px solid #b6c8cc;
			margin: 0 2px 4px 0;
			font-weight: bold;
			color: #074830;
			font-size: 12px;
			padding: 0 0 20px 0;
			}
				.right-box p{
				font-size: 12px;
				}
			
				.right-box table{
				width: 189px;
				margin-top: 10px;
				margin-left: 0;
				}

				.right-box td{
				border: none;
				padding: 0px 11px 0px 0px;
				vertical-align: top; 
				font-size: 11px;
				line-height: 13px;
				font-family: helvetica, verdana, arial, sans-serif; 
				font-weight: bold;
				color: #074830;
				}

				#right .right-box .right-box-topimg{
				padding: 4px 0 0 4px;
				}
							
			.right-box-dot{
			margin: 16px 0 0 0;
			}
			


				.right-arrow {
				width: 20px;
				padding: 0px 0px 0px 0px;
				}
				
				.right-box-dot img{
				float: left;
				margin-left: 0;
				padding: 0 11px 16px 0;
				}
				
			
			
			/* SUBMENU STYLES
			--------------------------------------------------------------------------- 
			---------------------------------------------------------------------------*/

			.submenu{
			height: auto;
			position: absolute;
			left: 192px;
			top: 0;
			visibility: hidden;
			z-index: 3;
			border-top: 2px solid #dae3e5;
			background: url('../images/spacer.gif');
			}
			
				#left .submenu ul{
				width: 141px;
				margin: 0;
				padding: 0;
				background: transparent;
				display: block;
				}
				
				#left .submenu li{
				color: #969699;
				border: none;
				text-transform: uppercase;
				font-size: 9px;
				background: url('../images/subm-pattern.gif');
				padding: 0 0 0px 0;
				margin: 0;
				border-right: 2px solid #dae3e5;
				border-left: 2px solid #dae3e5;
				}
				
				#left .submenu li a{
				background: Window;				
				color: #969699;
				padding: 4px 8px 4px 8px;
				background: url('../images/subm-pattern.gif');
				}
				
				#left .submenu li a:hover{
				color: #53707f;
				background: #8dbed4;
				display: block;
				}


	
	/* 5.3  FOOTER
	--------------------------------------------------------------------------- 
	---------------------------------------------------------------------------*/
	
	#footer{
	clear: both;
	z-index: 0;
	}

	#footer img{
	width: 976px;
	background: #FFF;
	padding-top: 24px;
	z-index: 0;
	}
	

	
	/* 5.4  MOBILE
	--------------------------------------------------------------------------- 
	---------------------------------------------------------------------------*/
	
	#mobile{
	background: #FFF none;
	text-align: left;
	font-family: helvetica, verdana, arial, sans-serif;
	}
	
		#mobile p{
		margin: 0 0 0 4px;
		font-size: 10px;
		}
		
			#mobile p a{
			color: #01416c;
			font-weight: bold;
			}
				
		#mobile ul{
		margin: 12px 0 12px 0;
		}
		
		#mobile li{
		color: #01416c;
		list-style-image: none;
		padding: 0;
		margin: 0 0 0 4px;
		}
		
			#mobile li a{
			color: #01416c;
			font-size: 10px;
			font-weight: bold;
			text-decoration: underline;
			}
			
			#mobile li a:hover{
			color: #7cb0c4;
			text-decoration: none;
			}
			
		.retour{
		padding: 12px 0 0 0;
		display: block;
		}


	
/* 6.0 TEMPORARY --> use it to make quick test
--------------------------------------------------------------------------- 
---------------------------------------------------------------------------*/

/*img, #subMenu-info img { behavior: url(/iepngfix.htc); }*/



#center #top-menu .select-noborder{
background: #dcedf4;
border: none;
}

#center #top-menu .select-noborder a:hover{
display: block;
height: 37px;
border: none;
}
#center .noborder{
border: none;
}

h2 a{
color: #8dbed4;
text-decoration: none;
}

.right-box a{
color: #074830;
}			

.td_attachment_bp{
background: #ebf4f6;
width: 125px;
vertical-align: middle;
}

.td_attachment_bf{
background: #cde1e6;
width: 125px;
vertical-align: middle;
}
.td_attachment_bp_icon{
width: 35px;
background: #ebf4f6;
border: none;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

.td_attachment_bf_icon{
width: 35px;
background: #cde1e6;
border: none;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}


.td_attachment_bp_right{
width: 100%;
background: #ebf4f6;
border: none;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
vertical-align: middle;
}

.td_attachment_bf_right{
width: 100%;
background: #cde1e6;
border: none;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
vertical-align: middle;
}

.formationTable{
width: 552px;
}

.realisationTable{
width: 552px;
}
.emailTable{
width: 520px;
}

.contactTable{
width: 520px;
}

.offreEmplTable{
width: 552px;
}

.emailTxt1{
width: 359px;

}

.emailTxt2{
width: 504px;
height: 300px;
}
.emailTxt3{
width: 250px;
float: right;
}

#cse-search-results iframe{
width: 552px;
}

.zoneTitreModule{
	padding: 0 10px;
}

/* controle d'administration du site */
#adminCtrl {
	position: absolute;
	top: 0px;
	left: 145px;
}
#adminCtrl2 {
	position: absolute;
	top: 47px;
	left: 375px;
	width: 200px;
}
.adminCtrl2txt {
	color: yellow;
	background-color: black;
	padding: 6px,6px,6px,6px;
	font-size: 18px;
	width: 500px;
}
.editTextarea {
	width: 100%;
	height: 100px;
}
.editedStar {
	color: red;
	font-family:  monospace;
	font-weight: bold;
	font-size: 20px;
}
#errMsgDiv {
	color: red;
	background-color: black;
	font-weight: bold;
	position: absolute;
	top: 27px;
	left: 145px;
	z-index: 99;
}
.adminBtn{
}
.adminBtn button{
height: 20px;
font-size: 9px;
}

/* NOUVEAU STYLE */

.mini-description{
	color: #003861;
	font-size: 9px; 
	line-height: 9px;
}

.descriptiontxt{
	color: #003861;
	font-size: 12px;
	font-style: italic;
}

.txtpalebleu{
	color: #8dbed4;
	font-size: 12px;
}

.txtpalebleuBold{
	color: #8dbed4;
	font-size: 12px;
	font-weight: bold;
}


.txtbold{
	color: #003861;
	font-size: 12px;
	font-weight: bold;
}

.uppercasetxt{
	color: #003861;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.geanttxt{
	color: #003861;
	font-size: 14px;
	font-weight: bold;
}

.geanttxt-upper{
	color: #003861;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.titre{
	color: #003861;
	font-size: 12px;
	font-weight: bold;
}

/* ancien style*/
.style1 {
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7badc2;
}
.style2 {
	font-size: 10px;
	color: #7badc2;
	font-family: helvetica, verdana, arial, sans-serif;
}
.style3 {
	font-size: 13px;
	color: #7fa9bf;
	font-weight: bold;
	font-family: helvetica, verdana, arial, sans-serif;
}
.style4 {
	font-family: helvetica, verdana, arial, sans-serif;
	color: #000000;
	font-size: 12px;
}
.style5 {
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}
.style6 {
	font-family: helvetica, verdana, arial, sans-serif;
	color: #000000;
	font-size: 11px;
}