@import "typography.css";
/*@import  url('nav.css');*/
@import  url('screen.css');

/* Body (image de fond) */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin: 0px;
	padding: 0px;
}
/* lien enlever les pointiller */
a {
	outline:none;
}
:focus {
	-moz-outline-style: none;
}
/***********  Top ***************/
#blokLogo{
	width:980px;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}
#logo{
	background-image:url(../images/decoupes/logoEht.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	width:366px;
	height:113px;
	cursor:pointer;
	float:left;
	padding:0;
	margin:0;
}
#logo a{
	width:366px;
	height:113px;
	cursor:pointer;	
	display:block;
	text-indent:-9999px;
	padding:0;
	margin:0;
}
#top{
	width:100%;
	height:96px;
	padding-top:17px;
}
#topBleu{
	background-color:#0B3F64;
	height:4px;
	margin:0;
	padding:0;
	font-size:0;
}
#topBeige{
	background-color:#F0F4F7;
	height:92px;
	margin:0;
	padding:0;
	font-size:0;
}
/*********** Header ***************/
#blokHeader{
	width:100%;
	margin:0;
	padding:0;
	background-color:#E3E4E5;
	height:307px;
	font-size:0;
}
#header{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
/***** Menu ******/
#blocMenu{
	width:980px;
	height:38px;
	position:absolute;
}
#menu {
	padding: 0px;
	margin:0px;
	height:38px; 
	width:980px;
	float:left;
}
#menu ul {
	list-style-type: none;
	list-style-position: outside;
	margin:0px;
	width:980px;
	padding:0px;
}
#menu ul li {
	list-style-type: none;
	list-style-position: outside;
	display:block;
	float: left;
	/*width:16.66%; (6 menu donc 100/6 = 16,66)*/
}
#menu ul li a {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 14px;
	color: #FCFAFA;
	font-variant:normal;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-top:10px;
	height:28px;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
}
/*** degrader pour chaque menu ***/
/** largeur menu 17**/
#menu ul li#color_17{
	width:159px;
}
#menu ul li#color_17 a.selected,  
#menu ul li#color_17,
#menu ul li#color_17 a:hover{
	background-image:url(../images/decoupes/MenuRouge.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0;
}
/** largeur menu 14**/
#menu ul li#color_14{
	width:161px;
}
#menu ul li#color_14 a.selected, 
#menu ul li#color_14,
#menu ul li#color_14 a:hover{
	background-image:url(../images/decoupes/degraJaune.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0;
}
/** largeur menu 15**/
#menu ul li#color_15{
	width:160px;
}
#menu ul li#color_15 a.selected, 
#menu ul li#color_15,
#menu ul li#color_15 a:hover{
	background-image:url(../images/decoupes/MenuTurquoise.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0;
}
/** largeur menu 7**/
#menu ul li#color_7{
	width:160px;
}
#menu ul li#color_7 a.selected, 
#menu ul li#color_7,
#menu ul li#color_7 a:hover{
	background-image:url(../images/decoupes/MenuVert.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0;
}
/** largeur menu 16**/
#menu ul li#color_16{
	width:157px;
}
#menu ul li#color_16 a.selected, 
#menu ul li#color_16,
#menu ul li#color_16 a:hover{
	background-image:url(../images/decoupes/MenuOrange.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0;
}
/** largeur menu 3**/
#menu ul li#color_3{
	width:180px;
}
#menu ul li#color_3 a.selected, 
#menu ul li#color_3,
#menu ul li#color_3 a:hover{
	background-image:url(../images/decoupes/menuRose.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0;
}
/*** Sous menu ***/
#menu ul li ul{
	display:none;
	position:absolute;
	width:245px;
	padding-top:15px;
	padding-bottom:7px;
	z-index: 15000;
}
#menu ul li:hover ul,
#menu ul li.hover ul{
	display:block;
}
#menu ul li ul li{
	list-style-type: none;
	list-style-position: outside;
	display:block;
	float: none;
	width:243px;
}
#menu ul li ul li a {
	color:#FFFFFF;
	display:block;
	padding-top:0px;
	padding-bottom:3px;
	padding-left:17px;
	padding-right:17px;
	text-decoration:none;
	font-size:17px;
	margin-top:0px;
	margin-bottom:0;
	text-transform:capitalize;
	text-align:left;
}
/*** Menu de troisième niveau ***/
#menu ul li ul li ul {
	padding-top:0;
	padding-bottom:7px;
	position:relative;
}
#menu ul li ul li ul li {
	padding-left: 15px;
	width:228px;
}
#menu ul li ul li ul li a {
	font-size:14px;
	height:18px;
}
#menu ul li#color_15 ul li ul li a:hover, #menu ul li#color_17 ul li ul li a:hover, #menu ul li#color_14 ul li ul li a:hover, #menu ul li#color_7 ul li ul li a:hover, #menu ul li#color_16 ul li ul li a:hover, #menu ul li#color_3 ul li ul li a:hover {
	background:none;
}
/*** degrader pour chaque Sous menu ***/
#menu ul li#color_17 ul,
#menu ul li#color_17 ul a.selected,
#menu ul li#color_17 ul a:hover{
	background-image:url(../images/decoupes/SsMenuRouge.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#D12605;
}
#menu ul li#color_14 ul,
#menu ul li#color_14 ul a.selected,
#menu ul li#color_14 ul a:hover{
	background-image:url(../images/decoupes/SsMenuJaune.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#FDB415;	
}
#menu ul li#color_15 ul,
#menu ul li#color_15 ul a.selected,
#menu ul li#color_15 ul a:hover{
	background-image:url(../images/decoupes/SsMenuTurquoise.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#009999;	
}
#menu ul li#color_7 ul,
#menu ul li#color_7 ul a.selected,
#menu ul li#color_7 ul a:hover{
	background-image:url(../images/decoupes/SsMenuVert.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#B4BE0F;	
}
#menu ul li#color_16 ul,
#menu ul li#color_16 ul a.selected,
#menu ul li#color_16 ul a:hover{
	background-image:url(../images/decoupes/SsMenuOrange.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#EC7015;	
}
#menu ul li#color_3 ul,
#menu ul li#color_3 ul a.selected,
#menu ul li#color_3 ul a:hover{
	background-image:url(../images/decoupes/SsMenuRose.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#B52B66;	
}
/***** Baner ******/
#blocBaner{
	width:970px;
	height:260px;
	border:4px solid #AFA8AD;
	margin-top:38px;
	position:absolute;
}
/******** le cadre prend la même couleur que le menu *******/
#pageSection_17 #blocBaner{
	border-color:#D12605;
}
#pageSection_14 #blocBaner{
	border-color:#FDB415;
}
#pageSection_7 #blocBaner{
	border-color:#B4BE0F;
}
#pageSection_15 #blocBaner{
	border-color:#009999;
}
#pageSection_16 #blocBaner{
	border-color:#EC7015;
}
#pageSection_3 #blocBaner{
	border-color:#B52B66;
}
/*** fin des couleur ***/
#bandeau {
	height: 260px;
	width: 970px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
/*** Blok contenu ***/
#blocContent{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
}
#endContent{
	background-image:url(../images/decoupes/DegraBleu.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	width:100%;
	height:11px;
	margin:0;
	padding:0;
	background-color:#B1B2B4;
}
/*** footer ***/
#footer{
	background-image:url(../images/decoupes/degraLinks.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	width:100%;
	height:210px;
	margin:0;
	padding:0;
	font-size:0;
	background-color:#E5E5E5;
}
#blocFoot{
	width:980px;
	height:210px;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
/*** Liens rapide ***/
#blocLienRa{
	padding-top:17px;
	padding-bottom:17px;
	margin-left:20px;
	margin-right:17px;
	height:174px;
	width:551px;
	float:left;
}
#lienRa{
	width:551px;
	height:174px;
	margin:0;
	padding:0;

}
#lienRa ul {
	list-style-position: outside;
	list-style-type: none;
	float: left;
	width:180px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#lienRa ul h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:6px;
	padding-left:0px;
	text-transform: uppercase;
}
#lienRa ul h4 a {
	color: #000000;
	text-decoration: none;
}
#lienRa ul h4 a:hover {}
#lienRa ul li {
	margin: 0px;
	list-style-position: outside;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:5px;
	padding-left: 0px;
}
#lienRa ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 14px;
	color: #72656A;
	text-decoration: none;
}
#lienRa ul li a:hover {}

/*** Image ecole ***/
#foot_img{
	background-image:url(../images/decoupes/ecole.jpg);
	background-repeat:no-repeat;
	float:left;
	width:187px;
	height:209px;
}
/*** infos ecole ***/
#footCoord{
	background-image:url(../images/decoupes/FooterOrang.jpg);
	background-repeat:repeat-x;
	width:200px;
	height:210px;
	float:left;
}
#footTxt{
	text-align:right;
	margin-top:17px;
	margin-right:16px;
}
#footTxt h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	font-size:19px;
}
#footTxt p{
	font-family:Arial, Helvetica, sans-serif;
	color:#DBD9DA;
	font-size:17px;
	font-weight:normal;
}
#footTxt p span{
	font-weight:bold;
}
#footTxt p a{
	color:#191617;
	cursor:pointer;	
	text-decoration:none;
	font-weight:normal;
}
/*** Signature ***/
#signature{
	width:100%;
	height:24px;
	padding-top:9px;
	margin:0;
	padding-bottom:0;
	background-color:#F0F4F7;
	background-position:left top;
	font-size:0;
}
#sign_info{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
#sign_info h5{
	font-family: Tahoma, Verdana, sans-serif;
	color: #605F60;
	font-size: 10px;
	text-align:left;
	padding-top:0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	margin:0;
}
#sign_info a {
	color: #191719;
	text-decoration:none;
}
/************************** CONTENU pour les pages **************************/
#blocContenu{
	width:728px;
	min-height:150px;
	height:auto !important;
	height:150px;
	float:left;
}
/************************** breadcrumbs **************************/
#auto_breadcrums{
	padding-top:10px;
	width:697px;
	height:28px;
	padding-left:31px;
}
#breadcrumbs {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-decoration: none;
	padding:0px;	
	color: #6A8399;
	text-transform:lowercase;
}
#breadcrumbs span {
	color: #171819;
	text-decoration: none;
	padding-left:6px;
	padding-right:6px;
}
#breadcrumbs a {
	color: #6A8399;
	font-size:15px;
	text-decoration: none;
	text-transform:lowercase;
	font-family:Arial, Helvetica, sans-serif;
}
/******** TXT *********/
#blocTxt{
	width:585px;/*657 - 36padding left et 36padding right  */
	margin-left:35px;
	margin-bottom:51px;
	margin-top:24px;
	padding-top:36px;
	padding-left:36px;
	padding-right:36px;
	padding-bottom:36px;
	border:1px solid #717272;
}
/********* Accroche **********/
#blocAcc{
	width:251px;
	min-height:400px;
	height:auto !important;
	height:400px;
	float:left;
	/*background-image:url(../images/decoupes/degraBasRight.jpg);
	background-position:bottom;
	background-repeat:repeat-x;*/
	background-image:url(../images/decoupes/degraRightAcc.jpg);
	background-position:left;
	background-repeat:repeat-y;
	margin:0;
}
#imgAcc{
	width:12px;
	background-image:url(../images/decoupes/degraRightAcc.jpg);
	background-position:left;
	background-repeat:repeat-y;
	min-height:400px;
	height:auto !important;
	height:400px;
	margin:0;
	padding:0;
}
/****** tools *******/
#cont_acc{
	width:251px;
	min-height:373px;
	height:auto !important;
	height:373px;
}
#contenTools{
	width:94px;
	height:30px;
	margin-left:150px;
	margin-top:8px;
}
#tools{
	width:94px;
	height:30px;
}
.print{
	width:29px;
	float: left;
	height:25px;
	margin-top:4px;
	margin-right:13px;
	padding-right:13px;
	border-right:1px solid #5E5E5E;
}
.print a{
	background-image:url(../images/decoupes/imprimable.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
	width:29px;
	height:25px;
}
.siteMap{
	width:27px;
	height:30px;
	float: left;
}
.siteMap a{
	background-image:url(../images/decoupes/SiteMap.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:13px;
	cursor:pointer;
	display:block;
	width:12px;/*25-13 de padding left= 12px*/
	height:30px;
}
/*** accroche texte A doite ***/
#accroche_txt{
	width:217px;
	margin-top:21px;
	margin-left:21px;
}
#accroche_txt h4 {
	margin-bottom:0;
	margin-top:0px;
	padding-bottom:0;
	padding-top:0px;
}
#accroche_txt a{
	cursor:pointer;
	text-decoration:none;
	color: #111110;
}
#accroche_txt h4 span.vert{
	color:#8AAE26;
	padding-right:7px;
	font-size:15px;
}
#blocStag{
	width:217px;
	height:178px;
	background-color:#F0F4F7;
	margin-left:17px;
	background-image:url(../images/decoupes/blocStag.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#blocStag #lienStag{
	height:24px;/*178 - 154padding top = 24px*/
	width:208px;/*216 - 8padding right =  208px*/
	padding-top:154px;
	padding-right:8px;
	text-align:right;
}
#blocStag a{
	cursor:pointer;
	text-decoration:none;
	color: #111110;
	font-size:12px;
	background-image:url(../images/decoupes/flecheNoir.png);
	behavior:url(./mysite/images/iepngfix.htc);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:8px;
	width:7px;
	height:11px;
}
/*************** class ***********************/
.nospace {
	margin: 0px;
	padding: 0px;
}
.clear_all {
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: 0px;
	display: block;
}