@charset "UTF-8";

/* 	--------------------------------------------------------------------------------
	Redefine tags ----------------------------------------------------------------*/
	
	
	body { 
		background: #20201e url(../charte_images/bg_loop_01.gif) left top repeat;
		color: #353731;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 10px 0 0 0; padding: 0;
	}
	
	a { color:#00aeee; }
	a:active { outline: none; }
	a:visited { outline: none; }
	
	h1 { color: #00aeee; font-size: 18px; margin: 10px 0 0 0; }
	h2 { color: #00aeee; font-size: 18px; margin: 10px 0 0 0; }
	h3 { color: #00aeee; font-size: 17px; margin: 10px 0 0 0; }
	h3 { color: #00aeee; font-size: 16px; margin: 10px 0 0 0; }
	h4 { color: #00aeee; font-size: 14px; margin: 10px 0 0 0; }
	h5 { color: #00aeee; font-size: 12px; margin: 10px 0 0 0; }
	
	
	.Bleu{color: #00AEEE;}
	.Vert{color: #CCDB28;}
    .Noir{color: #000000;}
	
	.Miframe { background-color: white; }
	
/* 	--------------------------------------------------------------------------------
	Shell ------------------------------------------------------------------------*/
	
	#container {
		margin: 0 auto;
		width: 974px;
	}
	img.head { display: block; }
	#contents {
		background: #fff;
		margin: 11px 0;
		position: relative;
		width: 974px;
	}
	#entete { height: 208px; }
	#entete.splash { height: 210px; } 
	#logo_mcee {
		position: absolute;
		top: -11px; left: 275px;
	}
	#annonce_fr {
		font-size: 18px;
		float: left;
		margin: 35px 0 0 35px;
	}
	
	#annonce_en {
		font-size: 18px;
		float: right;
		margin: 35px 28px 0 0;
	}
	#annonce_fr a{color: #000000;outline: none; text-decoration:none;}
	#annonce_fr span { color: #00aeee; font-weight: bold; }
	#annonce_en a{color: #000000;outline: none; text-decoration:none;}
	#annonce_en span { color: #ccdb28; font-weight: bold; }
	
	
	#boite_fr {
		background: #00aeee;
		color: #20201e;
		font-size: 16px;
		float: left;
		margin: 0 0 0 -11px;
		padding: 25px 15px 20px 15px;
		position: relative;
		width: 406px; height: 70px;
	}
	#boite_fr span {
		background: url(../charte_images/boite_01_corner.gif) left top no-repeat;
		position: absolute;
		top: -6px; left: 0;
		width: 11px; height: 6px;
	}
	#boite_en {
		background: #ccdb28;
		color: #20201e;
		font-size: 16px;
		float: right;
		margin: 0 -11px 0 0; 
		padding: 25px 15px 20px 15px;
		position: relative;
		width: 406px; height: 70px;
	}
	#boite_en span {
		background: url(../charte_images/boite_02_corner.gif) left top no-repeat;
		position: absolute;
		top: -6px; right: 0;
		width: 11px; height: 6px;
	}

	#enter_fr {
		background: url(../charte_images/fleche_01_big.gif) right top no-repeat;
		color: #353731;
		clear: left;
		float: left;
		display: block;
		font-size: 14px;
		margin: 40px 0 35px 35px;
		padding: 3px 0 0 0;
		text-decoration: none;
		width: 306px; height: 53px;
	}
	#enter_fr a:hover { text-decoration: underline; }
	#enter_fr a { text-decoration: none; }
	#enter_fr a span {
		color: #00aeee;
		font-size: 16px;
		font-weight: bold;
	}
	#enter_en {
		background: url(../charte_images/fleche_02_big.gif) left top no-repeat;
		color: #353731;
		clear: right;
		margin: 40px 35px 35px 0;
		float: right;
		display: block;
		font-size: 14px;
		padding: 3px 0 0 38px;
		text-decoration: none;
		width: 260px; height: 53px;
	}
	#enter_en a:hover { text-decoration: underline; }
	#enter_en a { text-decoration: none; color: #ccdb28; }
	#enter_en a span {
		font-size: 16px;
		font-weight: bold;
	}
	
	
	#col1 {
		float: left;
		padding: 0 13px 0 18px;
		width: 245px;
	}
	#col2 {
		float: left;
		padding: 0 0 40px 0;
		width: 430px;
	}
	#col2Big {
		float: left;
		padding: 0 0 40px 0;
		width: 670px;
	}
	/*reste 268*/
	#col3 { 
		float: right;
		margin: 0 -11px 0 0;
		width: 268px;
	}
	#lienRapide { 
		background: url(../charte_images/fleche_02_mid.gif) 225px 1px no-repeat; 
		text-align: right; 
		margin: 10px 0 7px 0; 
		padding: 0 50px 0 0; 
	}
	#boite_03 {
		background: #00aeee;
		color: #20201e;
		font-size: 13px;
		position: relative;
	}
	#boite_03 span {
		background: url(../charte_images/boite_04_corner.gif) left top no-repeat;
		position: absolute;
		top: -6px; right: 0;
		width: 11px; height: 6px;
	}
	#boite_03 ul {
		list-style-type: none;
		margin: 0; padding: 10px 34px 10px 0;
		text-align: right;
	}
	#boite_03 ul a { color: #20201e; }
	#boite_03 ul a:hover { text-decoration: none; }
		
	#boite_04 {
		background: #d1d1d1;
		color: #20201e;
		font-size: 13px;
		margin: 8px 0 0 0; padding: 0 0 10px;
		position: relative;
		
	}
	#boite_04 span {
		background: url(../charte_images/boite_03_corner.gif) left top no-repeat;
		position: absolute;
		top: -6px; right: 0;
		width: 11px; height: 6px;
		
	}
	#boite_04 h2 {
		background: url(../charte_images/fleche_mid.gif) 230px 8px no-repeat;
		color: #353731;
		margin: 0; padding: 6px 0 7px 9px;
		font-size: 14px;
	}
	#boite_04 a {
		color: #20201e;
		text-decoration: none;

	}
	#boite_04 a:hover { color: #666; }
	#boite_04 img {
		border: solid 1px #353731;
		float: right;
		margin: 0 4px 0 4px;
	}
	#boite_04 .item { 
		width: 235px;
		margin: 0 0 0 9px;
		text-align:right;
	}
	
	#boite_04 .itempadding { 
		padding: 11px 5px;
	}
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*---------------- FOOTER ----------------*/
	
	#footer {
		background: #353731;
		color: #fff;
		height: 140px;
		position: relative;
	}
	#footer h2 {
		color: #fff;
		float: left;
		font-size: 16px;
		font-weight: normal;
		margin: 0; padding: 14px 0 0 10px;
	}
	#footer .collab {
		float: right;
		margin: 15px 10px 0 0;
	}
	#footer ul {
		clear: both;
		list-style-type: none;
		margin: 0; padding: 0;
		width: 100%;
	}
	#footer ul li a, #footer ul li {
		display: block;
		float: left;
		height: 81px;
	}
	
	
    #footer ul li a { margin-left: 10px; }
	#footer ul li.ies a 	{ background: url(../charte_images/logo_ies.gif) right top no-repeat; width: 70px;}
	#footer ul li.icpc a 	{ background: url(../charte_images/logo_icpc.gif) center top no-repeat; width: 109px;}
	#footer ul li.efc a 	{ background: url(../charte_images/logo_efc.gif) center top no-repeat; width: 146px;}
	#footer ul li.cmmtq a 	{ background: url(../charte_images/logo_cmmtq.gif) center top no-repeat; width: 186px; }
	#footer ul li.cmeq a 	{ background: url(../charte_images/logo_cmeq.gif) center top no-repeat; width: 202px;}
	#footer ul li.cetaf a 	{ background: url(../charte_images/logo_cetaf.gif) center top no-repeat; width: 187px;  }	
	#footer ul li a:hover { background-position: right bottom; }
	
	#footer ul li a span { display: none; }


	#footer .copy {
		background: url(../charte_images/copyrights.gif) center center no-repeat;
		font-size: 0.1px;
		margin: 0;
		position: absolute;
		text-indent: -99999px;
		left: -17px; bottom: 0;
		width: 11px; height: 70px;
	}
/* 	--------------------------------------------------------------------------------
	Nav --------------------------------------------------------------------------*/

	#menu {
		background: url(../charte_images/nav_bg.gif) center top repeat-y;
		width: 245px;
	}
	h2#navHead {
		background: url(../charte_images/nav_top.gif) center top no-repeat;
		color: #00aeee;
		font-size: 16px;
		text-indent: 15px;
		margin: 0; padding: 13px 0 10px;
	}
	#nav {
		background: url(../charte_images/nav_bottom.gif) center bottom no-repeat;
		list-style-type: none;
		margin: 0; padding: 0 0 40px 0;
	}
	#nav li a {
		background: url(../charte_images/fleche_2colors.gif) top left no-repeat;
		color: #353731;
		display: block;
		font-size: 14px;
		height: 34px;
		line-height: 34px;
		text-decoration: none;
		text-indent: 13px;
	}
	#nav li a:hover, #nav li.selected a { color: #00aeee; background-position: bottom left;  }
	#nav li {
		background: url(../charte_images/nav_separateur.gif) 4px 0px no-repeat;
		position: relative;
		padding: 0 0 0 16px;
	}
	#nav li ul { 
		display: none;
		list-style-type: none;
		margin: 0 0 0 13px; padding: 0 0 6px;
		width: 216px;
	}
	
	
	
	
	/*--------- hover menu --------*/
	#nav li.hover ul { 
		display: block;
		
	}
	#nav li.hover ul li { background: none; margin: 0; padding: 0; width: auto; }
	#nav li.hover ul li a {
		background: none;
		color: #353731;
		height: auto;
		display: inline-block;
		font-size: 12px;
		line-height: normal;
		text-indent: 0;
	} 
	#nav li.hover ul li a:hover { color: #00aeee; }
	#nav li.hover ul li ul { /*display: none;*/ }

	
	/*--------- 3e niveau --------*/
	#nav li ul li ul, #nav li.selected ul li ul { /*display: none;*/ }
	#nav li ul li { position: relative; }
	#nav li ul li ul { 
		background: #fff;
		display: block; 
		margin: 0; padding: 6px 0;
		/*position: absolute;
		top: -10px; left: 212px;*/
	} 
	#nav li ul li ul li {
		padding: 5px;
	}
	
	/*--------- menu selected --------*/
	#nav li.selected { background-repeat: repeat-y; }
	#nav li.selected ul {
		display: block;
		list-style-type: none;
		margin: 0 0 0 13px; padding: 0 0 6px;
		width: 216px;
	}	
	#nav li.selected ul li.selected ul, #nav li ul li ul {
		background: none;
		display: block;
		margin: 0; padding: 0 0 0 16px;
		position: relative;
		top: 0; left: 0;
	}
	#nav li.selected ul li.selected ul li {
		padding: 0;
	}
	#nav li.selected ul li { background: none; margin: 0; padding: 0; width: auto; }
	#nav li.selected ul li a {
		background: none;
		color: #353731;
		height: auto;
		display: inline-block;
		font-size: 12px;
		line-height: normal;
		text-indent: 0;
	} 
	#nav li.selected ul li.selected ul li a { width: 186px; } 
	#nav li.selected ul li.selected ul li.selected a {  background: #dadada; }
	#nav li.selected ul li.selected a { background: #dadada; width: 202px; position: relative; }
	#nav li.selected ul li.hassub a {
		background-image: url(../charte_images/fleche_small.gif);
		background-position: right 6px;
		background-repeat: no-repeat;
		padding: 0 10px 0 0;
	}
	#nav li.selected ul li.hassub.selected a { 
		background-position: 192px 6px;
	}
	#nav li.selected ul li.hassub ul li a { background: none; }
	#nav li.selected ul li a:hover { color: #00aeee; }



/* 	--------------------------------------------------------------------------------
	DOCS --------------------------------------------------------------------------*/
	
	#docs, #docs ul {
		padding: 0 24px 0 9px; margin: 0;
		list-style-type: none;
	}
	#docs li {
		margin: 0; padding: 0;
		text-align: right;
		padding: 7px 5px 7px 5px;
		width: 225px;
	}
	#docs li.un { background-color: #dbdbda; }
	#docs li.deux { background-color: #cacac9; }
	#docs li.trois { background-color: #babab9; }
	#docs ul {
		display: none;
		padding: 0 0 0 0;
	}
	#docs ul li { padding: 5px 4px 0 0; font-size: 12px; width: auto; background: url(../charte_images/fleche_gauche.gif) right 6px no-repeat;background-position:right 70%}
	#docs ul li a { padding: 0 9px 0 0; }
	#docs li.hover ul {
		display: block;
	}
	


/* 	--------------------------------------------------------------------------------
	Autre ------------------------------------------------------------------------*/

	
	
	* html #annonce_fr { margin: 35px 0 0 17px; }
	* html #annonce_en { margin: 35px 14px 0 0; }
	* html #enter_fr { margin: 48px 0 35px 17px; }
	* html #enter_en { margin: 48px 17px 35px 0; }
	
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;} /* IE7 */
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
* html .clearfix { height:1px; } /* IE6 */


/* Hack IE pour png 
{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img_header_02.png", sizingMethod="crop");}
*/