/* CSS Document */
/*********************************************************************************************************
**** css gérique ***************************************************************************************/
#page {
   width:1024px;
   margin-left:-9px;_margin-left:-10px;
   margin-top:-21px;_margin-top:-15px;
   font-family: Verdana, Helvetica, sans-serif;
   font-size:90%;
   color:#ffffff;
}

a, a:visited {
	color:#E96629;
}

/***** entete *******************************************************************************************
********************************************************************************************************/
#page .header {
	background-image: url(images/bg_entete.png);
	background-repeat: no-repeat;
	height: 112px;
}
#page .header .position_logo {
   width:170px;
   float:left;
   margin: 10px 20px 0px 20px;
  _margin: 10px 20px 0px 10px;
}
h1.header_titre_jaune {
	font-size: 300%;
	color: #F2AD35; 
	margin-bottom:0px; 
	padding-top:27px;
	_padding-top:28px;
}
.header_txt_blanc {
	font-size: 170%;
	padding-left:10px;
}
/****** centre ******************************************************************************************
*********************************************************************************************************/
#centre, #centre01 {	
    min-height:500px;_height:500px;
	padding:30px 0px 10px 30px;
	_padding:20px 0px 10px 30px;
	color:#FDFBFE;	
}

.txt_blanc_gras a, .txt_blanc_gras a:visited {color:#ffffff;}
.txt_blanc_gras{
    font-weight: bold;
}
.lien_fleche{
   /*color:#A88294;*/
   color:#E96629;
   padding-left:13px;
   background-image: url(images/fleche_lien.png);
   background-repeat: no-repeat;
   font-size:11px;
}
/******** home ******************************************************************************************
*********************************************************************************************************/
.clear_left {
   clear:left;
}
.pad_txt2 {
    _margin-top:-8px;
	 _margin-left:10px;
}
.pad_txt3 {
font-size:11px;
 _margin-top:10px;
 /*_margin-left:10px;*/
}
/*** bloc chantier****/
.bloc_chantier1 {
  float:left;width:60%;
  margin-top:1px;
}
.bloc_chantier2 {
  width:35%;
  background-image: url(images/border_droit_bloc1.png);
  background-repeat: no-repeat;
  background-position: top right;
  float:left;
  padding-right:12px; 
}
.border_bloc_chantier2 {
  margin-top:1px;
  padding:15px 5px 0px 20px;
  _padding:10px 5px 0px 20px;
  border-bottom:1px solid #ffffff;
  border-top:1px solid #ffffff;
  height:264px;_height:281px;
}

.border_bloc_chantier2 table , .bloc_news table {
	font-size:100%;
	width:100%;
	color:#FFFFFF;
}
.txt_bloc1_chantier {
   padding-top:2px;_padding-top:27px;
   border-bottom:1px solid #ffffff;
   border-top:1px solid #ffffff;
   height:277px;_height:281px;
   width:100%;_width:100%;
}
.pad_txt {
   margin-left:300px;
   _margin-left:10px;
   width:290px;
   line-height:12px;
}  
h2.titre_orange01, h3.titre_orange01, h3.titre_orange02, h4.titre_orange, h3.titre_orange {
   color:#E96629;
   font-size:270%;
   font-family: Arial, Helvetica, sans-serif;
}
h4.titre_blanc , h4.titre_blanc01, h2.titre_blanc, h4.titre_blanc02 , h4.titre_blanc_home{
  font-size:110%;
  margin-bottom:0px;
}

h4.titre_blanc ,h4.titre_blanc02{
	_width:500px;
}

h4.titre_blanc_home {
	/*_margin-left:10px;*/
}
h4.titre_blanc01{
	padding-top:20px;_padding-top:40px;
	color:#FFFFFF;
}
/****** bloc news ********/
.bloc_news{
   line-height:12px;
	float:left;
  width:665px;
  _width:675px;
    
  margin-top:20px;
	margin-right:-10px;
  padding-left:60px;
	background-image: url(images/bg_bloc_news.png);
	background-repeat: no-repeat;
	min-height: 180px;
	_height:180px;
	background-color: #35002B;
	_background-color: #2B0022;

}

.bloc_RH{
  line-height:12px;
	float:left;
  width:130px;
  _width:190px;
	margin:20px -10px 0 50px ;
	_margin:20px -10px 0 90px ;
  padding-left:60px;
	background-image: url(images/bg_RH.png);
	background-repeat: no-repeat;
	min-height: 180px;
	_height:180px;
	background-color: #35002B;_background-color: #2B0022;

}

h3.titre_orange01, h3.titre_orange02 {
   margin-top:7px;
   margin-bottom:23px;
   font-size:200%;
   font-weight: bold;
   background-image: url(images/bg_titre_news.png);
   background-repeat: no-repeat;
   background-position:60% 70%;
   _background-position:80% 80%;
}
/***** bloc RH *****/
/*
.bloc_RH {
   width:30%;
   _width:61%;
   padding-left:10px;
   background-image: url(images/bg_RH.png);
   background-repeat: no-repeat;
   background-position:top right;
}*/
h3.titre_orange02 {
  background-image: url(images/bg_titre_RH.png);
  background-position:35% 70%;
}
.article1_RH {
  width:32%;
  margin-top:-15px;
  _margin-top:-15px;
  _padding-top:10px;
  float:left;
  font-size:11px;
}
.article2_RH {
  text-align:right;
  margin-top:-10px;_margin-top:-10px;
  padding-right:205px;
 font-size:11px;
}
/***** css chantier / article ***************************************************************************/
#centre01 {
   padding:23px 0px 10px 30px;
	_padding:5px 0px 10px 30px;	
}
.pad_input{
   margin-bottom:14px;
   position:relative;
   z-index:1;
   text-align:left;
   padding-left:12px;_padding-left:8px;
   
   
}
.input {
  border:1px solid #CCCCCC;
  width:230px;
  color:#732E78;
  padding-left:5px;
  margin-right:5px; 
  z-index:-1;
}

#List_chan.input {
  border:1px solid #CCCCCC;
  width:300px;
  color:#732E78;
  padding-left:5px;
  margin-right:5px; 
  z-index:-1;
}

textarea.input {
	height:80px;
}

.input_img {
   vertical-align:middle;
}
/**** bloc gauche ************/
.bloc_gauche {
   width:755px;
   text-align:left;
   /*display:table;*/
 
}
.bas_bloc_gauche {
  background-image: url(images/bas_bloc_nouvo_lycee.png);
  margin-top:-1px;_margin-top:-2px;
  background-repeat: no-repeat;
  height:30px;
  margin-left:0px;_margin-left:0px;
}
/**** bloc titre ***/
.bloc_titre {
  width: 211px;
}
.haut_bloc_titre{
	background-image: url(images/haut_bloc_titre.png);
	background-repeat: no-repeat;
	height:30px;
}
.contenu_bloc_titre {
  text-align:right;
  margin-top:-24px;
  padding-left: 10px;
  background-image: url(images/bg_contenu_bloc_titre.png);
  background-repeat: repeat-y;background-position: bottom;
}

.style_tst{
 /* background-image: url(images/bg_contenu_bloc_titre.png);
  background-repeat: repeat-y;*/
 /* background-color:#35002B;_background-color: #2B0022;*/
  background-image: url(images/bg_contenu_bloc_titre.png);
  background-repeat: repeat-y;
 
 
}
h2.titre_blanc {
  font-size:180%;
  padding-right:0px;
  padding-left:3px;
  padding-top:40px;
  text-align:right;
}
h4.titre_orange {
   /*padding-top:25px;*/
   padding-right:20px; 
   font-size:170%;
   padding-left:30px;
   text-align:right;
   
    
}
/** bloc txt et image **/
.bloc_txt_image {

}
h4.titre_blanc02 {
  font-size:130%;
}

.contenu_bloc_img_txt ,.contenu_bloc_img_txt01{
	padding: 2px 10px 10px 12px;
	_padding: 1px 0px 0px 12px;
	position:relative;
	_width:90%;
	margin-top:-3px;			
	background-image: url(images/bg_contenu_txt_img.png);
    background-repeat: repeat-y;
}

.contenu_bloc_img_txt {
	_margin-top:20px;
}

.liste_puce_rond, .liste_puce_fleche {
	list-style-type: none;
	margin-left:-40px;_margin-left:0px;
	margin-top:0px;
}
.liste_puce_rond {
	_margin-left:10px;
}
.liste_puce_rond li, .liste_puce_fleche li {
   background-image: url(images/puce_rond.gif);
   background-repeat: no-repeat;
   padding:0px 0 0 10px;
   margin:10px 0 5px 0;
   vertical-align: center;
   font-size:11px;
}
/***** bloc droit *******/
.bloc_droit {
  float:right;
  _padding-left:10px;
  width:195px;
  margin-right:20px;
}
h3.titre_orange {
  font-size:170%;
  margin-bottom:0px;
}
.liste_puce_fleche li a, .liste_puce_fleche li a:hover, .liste_puce_fleche li a:visited  {color:#ffffff;}
.liste_puce_fleche li {
  background-image: url(images/puce_fleche.gif);
}
/***** bas page *****************************************************************************************
********************************************************************************************************/
#page .footer {
   color:#ffffff;
	margin:20px 0 0 0;
	_margin:10px 0 0 0;
	padding: 83px 0px 2px 40px ;
	_padding: 83px 0px 2px 80px ;
	font-size:90%;
	_font-size:85%;
	background-color: #A88294;
	background-image: url(images/bg_bas_page.png);
	background-repeat: no-repeat;
	height: 20px;
	_height: 104px;  
	clear:both;	
}
.position_logo_bas {
	margin : -14px 10px 0 -5px;
	_margin : -14px 10px 0 -50px;
	vertical-align:bottom;
	float:left;
}
.footer ul {
   list-style-type: none;
   margin:-13px 0 0 200px;
   _margin:-13px 0 0 100px;   
   float:left;
}
.footer li a,.footer li a:visited  {color:#ffffff;}
.footer li {
  float:left;
  padding:0 80px 0 10px;
  background-image: url(images/fleche_bas_page.gif);
  background-repeat: no-repeat;
}

.footer span.info_bas {
	margin:-13px 10px; 0 0;
	float:right;
}

.footer a.bouygues{
	 color:#FFFFFF;
   font-size:11px;
   text-decoration:none;
}


.padleft {
	_margin-left:80px;
}
/****************************************** Class PNG ************/

img.png {
		background: url(contenu/cadr_bloc1_chantier.png) 0 0 no-repeat;
		_background-image : none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='contenu/cadr_bloc1_chantier.png', sizingMethod='scale');
		width:279px;height:282px;border:none;
}

img.png2 {
		background: url(contenu/cadr_bloc2_chantier.png) 0 0 no-repeat;
		_background-image : none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='contenu/cadr_bloc2_chantier.png', sizingMethod='scale');
		width:97px;height:157px;border:none;
}

img.png3 {
		background: url(contenu/cadr_bloc3_chantier.png) 0 0 no-repeat;
		_background-image : none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='contenu/cadr_bloc3_chantier.png', sizingMethod='scale');
		width:94px;height:90px;border:none;
}
img.png4 {
		background: url(contenu/cadr_bloc4_chantier.png) 0 0 no-repeat;
		_background-image : none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='contenu/cadr_bloc4_chantier.png', sizingMethod='scale');
		width:200px;height:118px;border:none;
		margin-left:11px;
}
img.png5 {
		background: url(contenu/cadr_bloc5_chantier1.png) 0 0 no-repeat;
		_background-image : none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='contenu/cadr_bloc5_chantier1.png', sizingMethod='scale');
		width:540px;height:195px;border:none;
		
}
img.png6 {
		background: url(contenu/cadr_bloc6_chantier.png) 0 0 no-repeat;
		_background-image : none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='contenu/cadr_bloc6_chantier.png', sizingMethod='scale');
		width:62px;height:65px;border:none;		
}

img.png8{
	background: url(contenu/cadre_01.png) 0 0 no-repeat;
	_background-image : none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='contenu/cadre_01.png', sizingMethod='scale');
	width:540px;height:114px;border:none;
}

img.png9{
	background: url(contenu/cadre_02.png) 0 0 no-repeat;
	_background-image : none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='contenu/cadre_02.png', sizingMethod='scale');
	width:540px;height:49px;border:none;
}

/****************** test Roqia ***********/

.stlye_test {
	color:#FFFFFF;
	font-size:100%;
	border-collapse:collapse;
}

/* ******************************************************************************************* Menu gauche */




/***** navigation haut *********************************************************************************
********************************************************************************************************/
#page .navigation_haut {
  margin-top:-14px;_margin-top:0px;
	background-image: url(images/bg_nav_haut.png);
	background-repeat: no-repeat;
	height: 32px;
	font-size:120%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.navigation_haut ul {
   list-style-type: none;
   padding-top:7px;
   margin-left:30px;_padding-left:40px;
}
.navigation_haut li a,.navigation_haut li a:hover  {color:#ffffff;}
.navigation_haut li a:hover {color:#E96629;text-decoration:none;}
.navigation_haut li {
   float:left;
   padding-right:10px;
    height:25px
}
/* ************************************************************** */

#nav, #nav ul { /* all lists */ 
   list-style-type: none;
   padding-top:7px;
   		
}
	
#nav li { /* all list items */
			
		float:left;
		height:25px;
  
  
}
	
#nav li ul { /* second-level lists */
		position : absolute; z-index: 20;		
		left: -999em;
		margin-left : 0px;
		margin-top : 3px;
		width : 200px;			
		background-image: url(images/bas_ss_menu.gif);
	    background-repeat: no-repeat;
	    background-position:bottom left;	   
		padding-bottom:10px;padding-left:0px;
			
		
		
}
#nav li ul li a{ margin-left:0px;}	

#nav li a {			
		display : block;		
		text-decoration : none;
		padding : 0 0.5em;		
		margin-left:8px;
		text-align:left;
		color:#ffffff;						
}
#nav li a:visited{
	color:#ffffff;
}

#nav li ul li  {
	background-color:#5E1C4C;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	padding:0px 0px 0px 30px;
	list-style-type:none;
	font-size:80%;
	font-weight:normal;width : 168px;_width : 200px;
	/*list-style-image: url(images/puce_orange.gif);*/
	background-image: url(images/puce_orange.gif);
	background-repeat: no-repeat;
	background-position:10% 40%;
	height:auto;
		
	
}
#nav ul li:hover ul li a:hover {color:#E96629;text-decoration:none;}	

/******* Actuator ***********/
#nav li a:hover {
		color:#E96629;	
		/*background-color : #dbdbdf;*/
		padding : 0 0.5em;		
}
#nav li a.current,#nav li a:hover.current{
	color:#E96629;
}
#nav li:hover a.entete,#nav li:hover a:hover.entete{
	color:#E96629;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li 	li.sfhover ul {
		left: auto;
}	

#framemenuORGA{
margin-left: 122px;
margin-right: auto;
width: 200px;
height: 48px;
top: 130px;
border: 0px;
z-index:10;
position:absolute;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
filter:alpha(opacity=100); 
display:none;
}
#framemenuRH{
margin-left: 401px;
margin-right: auto;
width: 190px;
height: 48px;
top: 130px;
border: 0px;
z-index:10;
position:absolute;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
filter:alpha(opacity=100); 
display:none;
}
#framemenuVA{
margin-left: 257px;
margin-right: auto;
width: 200px;
height: 48px;
top: 130px;
border: 0px;
z-index:10;
position:absolute;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
filter:alpha(opacity=100); 
display:none;
}

/***********************************/
.style_tst01{
	background-image: url(images/bg_titre_bloc.png);
	background-repeat: no-repeat;
	
}

.td_deux {
}
.encours {
  font-weight: bold;
}
.contact {
  font-size:11px;
  font-weight: bold;
  color: white;
}



div.sChantier{
	visibility:visible;
	display:block;
}

div.chapo_home{
	_margin-left:-10px;
}

p.spip{
	font-size:11px;
}



div.chemin_fer{
	text-align:left;
	padding:0 0 0 15px;
	margin:-10px 0 10px 0;
	_margin:0px 0 5px 0;
}


div.chemin_fer span{
	background: url(images/fleche_chemin_fer.png) 0 0 no-repeat;
	padding-left:13px;
}
div.chemin_fer span.current{
	background: url(images/fleche_chemin_fer.png) 0 0 no-repeat;
	padding-left:13px;
	color:#E96629;
}