﻿



#bannercontent{	
	width: 600px;	
	float : left;	
	/*border:1px red solid;*/
	/*margin-left:3px;*/
	margin-top:0px;		
}

/*

body{	
	background-color:#D4DEE8;
}
*/


body{
	/*background-color:#678FC2;	*/
	/*background-color:white;	*/

/*	background: url(images/bodybgg.jpg) repeat-x;*/ /* bleu texture */
	
	 /* black bleu gradient*/	
/*	background: url(images/bodybg_gradient.jpg) repeat-x;*/

	background-color:#F2F2F2;	

	
	/*ckground-color:transparent;*/
}

form {
	padding-left: 50%;
}




#wrap
{

margin-left:-465px;
width:930px;
}


#topheader{
	width:930px;
	height:41px;
	/*background:url(images/header_green_bg.gif) no-repeat center top;*/
	/*background: url(images/header_transparent_bg.png) no-repeat center top;*/
	/*background: url(../../images/bg/header_transparent_pastelrose_bg.png) no-repeat center top;*/
	
	background: url(../../images/bg/top.png) no-repeat center top;


}


.content{
	/*background: url(images/line_transparent_bg.png) repeat-y center top;*/
	/*background: url(../../images/bg/line_transparent_pastelrose_bg.png) repeat-y center top;*/
	background: url(../../images/bg/line.png) repeat-y center top;


	background-color:transparent;

}


#dnfooter{
	clear:both;
	width:930px;
	height:40px;
	/*background:url(images/footer_white_bg.gif) no-repeat center top;*/	
	/*background:url(images/footer_transparent_bg.png) no-repeat center top;*/
	/*background:url(../../images/bg/footer_transparent_pastelrose_bg.png) no-repeat center top;*/
	background:url(../../images/bg/bottom.png) no-repeat center top;



}



h1 {
	margin-top:1px;
	margin-left:4px;	
/*	color:#9e252c;*/
	/*color:white;*/
	/*background: white url(images/espaccueiltab.gif) top left repeat-x; */
	font-family:Verdana, Tahoma, Arial, Times, serif;
	font-size:18px; 
	padding:4px;
	/*font-weight:bold;	*/
}




/* BEGIN ============================== topmenu ====================================*/

#topmenu{
	width:930px;
	height:30px;
	margin-left:0px;
	margin-top:10px;
	/*padding-left:240px;*/
	
	padding-left:20px;
	
	/*border:1px blue solid;*/

}
#menu
{	
	height:30px;
	float:left;
	margin-right:70px;
	
}

/*---------- menu deco -------*/


#currdate
{
	float:left;
	width:190px;
	margin-left:10px;
	/*border:1px red solid;*/

}


div#currdate span
{
    font-family:Verdana,Arial Helvetica, sans-serif;
	font-style:normal;
	font-size:11px;
	font-weight:normal;
	color:gray;

}

.bluetabs{
width:690px;
/*margin-left:45px;*/
/*border:1px blue solid;*/
float:left;

}

.bluetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid gray;
}

.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/bluetab.gif) top left repeat-x; /*THEME CHANGE HERE*/
}

.bluetabs li a:visited{
color: #2d2b2b;
}

.bluetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.bluetabs li.selected{
}

.bluetabs li.selected a{ /*selected main tab style */
background-image: url(images/bluetabactive.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration:none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #edf3f3;
}





#videoobject
{
	margin:0 auto 0 auto;
	border:2px gray solid;
	width:425px;
	height:355px;
}



h2{
	margin-top:1px;
	/*margin-left:13px;	*/
	color:#9e252c;/*Black;/*#99ae5f;*/
	font-family:Verdana, Tahoma, Arial, Times, serif;
	font-size:14px; 
	font-weight:bold;

}



/* ============================== ContentPane  ====================================*/



.text_content_div_3cols a.amenu {
display: block;
font:Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #356aa0;
width:auto;
height:auto;
/*height:18px;*/
margin-left:3px;
border-bottom:1px #ccc solid;
text-decoration:none;
padding-bottom:6px;
padding-top:6px;
padding-left:4px;
}


.text_content_div_3cols a.amenu:hover {

color: white; /*#356aa0;*/
width:auto;
height:auto;
/*height:18px;*/

margin-left:3px;
/*text-decoration:underline;*/
background-color:#0984b6; /*#e9e9e9;*/
}


/*----------------------------- contentpanetextdiv-------------*/



.ContentPane {	
	margin: 1px;
	width: 608px;
	/*border:thin black solid;*/
				
}


#titlediv
{	
	width: 608px;
	height:25px;
	margin-top:0px;	
	background:url(images/titlebg.jpg) no-repeat center top;	
}



/*

#contentpanetextdiv.Normal{
	font-family: Arial,"Times New Roman", Times, serif;
	font-style:normal;
	font-size:14px;
	margin-top:5px;  
	color:navy;	
}


#contentpanediv .Normal{
	font-family: Arial,"Times New Roman", Times, serif;
	font-style:normal;
	font-size:14px;
	margin-top:50px;  
	color:#334C6C;
}


*/




/* ----------- footer links decoration -----------*/




/*
#dnfooter{
	clear:both;
	width:930px;
	height:40px;
	background:url(images/footer_bleu_bg.gif) no-repeat center top;
	
}

*/


#actionsdiv
{
	/*border:1px gray solid;*/
	margin-top:10px;
	padding-top:10px;
}



#contentdiv
{
	/*border:1px gray solid;	*/
	padding-top:0px;
}

#textcontent img
{
	/*border:1px gray solid;	*/
	/*margin-top:-15px;*/
	

}

/*---------------  two col htm temp -------------------*/

#twocolcontent{
width:600px;
/*border:1px gray solid;*/
	
}

#leftcolcontent{
	width:395px;
	/*border:1px green solid;*/
	float:left;
}


#rightcolcontent{
	width:195px;
	/*border:1px red solid;*/
	float:left;
}


#rightcolcontent table{
	width:195px;	
	float:right;
}


/*---------------  activités htm temp -------------------*/



#activitestemp{
width:600px;
border:1px gray solid;
	
}

#leftcolactiv{
	width:395px;
	border:1px green solid;
	float:left;
	padding:3px;
}




#rightcolactiv{
	width:195px;
	border:1px red solid;
	float:left;
}

#rightcolactiv table{
	border:1px gray solid;
	width:190px;
	margin-left:2px;


}



#rightcolactiv table tr{
	border:1px gray solid;

}



/* - --------------------  suite vertical house menu vertmenu_gray, regarder le debut du style dans la base portal.css ---------------------------------------- */

 .titlebox_gray {
  display: block;
  float: left;
  width: 170px;
  height: 20px;
/*  background-image: url("images/headers/gray_rounded_header.gif");*/
  background-image: url("images/headers/header_menu_esppub.jpg");
  margin-bottom: 2px;
 }
 



.text_gray {
  font-weight: bold;
/*  color: #9e252c;*/
  	color: white;

  margin-top: 2px;
  margin-left: 5px;
  font-family:	verdana,sans-serif;
  font-size:12px;
 
 }
 
 
.text_gray a{
  font-weight: bold;
  /*color: #9e252c;*/
  	color: white;

  margin-top: 2px;
  margin-left: 5px;
  font-family:	verdana,sans-serif;
  font-size:13px;
  text-decoration:none;
 
 }





ul#vertmenu_gray li a {
display: block;
font:Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #2d2b2b;/*#9e252c;*/
width:auto;
height:auto;
/*height:18px;*/
border-bottom:1px #ccc solid;
text-decoration:none;
padding-bottom:6px;
padding-top:6px;
padding-left:4px;

margin-left:3px;

/*background-color:#f2efde;*/ /*  VALIDER */


/*margin-left:3px;*/

}


#vertmenu_gray li a:hover, #vertmenut_gray li a:focus, #vertmenu_gray li a#vertmenu_grayCurrentLink  {

color: #9e252c;
width:auto;
height:auto;
/*height:18px;*/

margin-left:3px;
/*text-decoration:underline;*/
background-color:#f2efde;/*#9e252c; */
/*background: white url(images/espaccueiltab.gif) top left repeat-x; */

}


#vertmenu_gray li a#vertmenu_grayCurrentLink  {

color: #9e252c;
width:auto;
height:auto;
/*height:18px;*/

margin-left:3px;
font-weight:bold;
}

.animation_telechargement{
width:170px;
height:156px;}
