/*************** GENERAL ********************/
html, body { 
padding: 0; margin: 0;
/*font: "Trebuchet MS", sans-serif; */
background: #34AEC1 url(../image/default/body.png) repeat-x top left; };

* { margin: 0; padding: 0; }
p { margin:0; padding: 0; }

/*************** LIST SS RUBRIQUE ********************/
#txt_list ul { margin:5px 0 0 55px; padding: 5px; list-style: none; }
#txt_list ul li { padding-left: 1em; background: url(../image/menu/style1/img07.gif) no-repeat left center;}
#txt_list a { text-decoration:none; font: bold 16pt "Verdana",sans-serif; color:#3688BA; border-bottom:1px dotted #EDEDE5;  text-align:left; }
#txt_list a:hover{ color:#fff; background:transparent url(../image/menu/default/dolphin_bg-OVER.gif) repeat-x bottom left; }

/*************** STRUCTURE ********************/

#global { border: 0px solid blue; padding: 0; margin: 0 auto; width: 100%; } 



#header {padding: 0; margin: 0; width:100%; background:transparent url(../image/default/bgHeader_home.png) no-repeat 50% 1px;  border:0px solid red; height:158px;}
#header_content { margin:0 auto; width:978px; background:transparent url(../image/default/headerblank_home.png) no-repeat 2px 35px; height:165px;  border:0px solid red;}




#header_logo { background:transparent url(../image/default/logo-locaboat.png) no-repeat 22px 48px; height:167px; width:250px;}
#header_title { font: normal 20.5pt Verdana,sans-serif; color:#FFFFFF; padding-left:328px; width:500px; padding-top:73px;  }

#header_title h1 { font: normal 20.5pt Verdana,sans-serif; color:#FFFFFF; margin:0; padding:0}
#header_title h1 sup { font: normal 10pt Verdana,sans-serif; color:#FFFFFF; }



/* ********ATEG !! ***************/
#header_nav_top { margin-right:28px; margin-left:100px; } 
#header_nav_top ul {margin-top:5px; width:100%; } 
#header_nav_top ul li{float:left;  list-style-type:none; text-decoration: none; font: normal 8pt Verdana,sans-serif; color:#4D4D4D; }
#header_nav_top a { text-decoration:none; color:#5F5F5F;  margin-right:10px; font: normal 8pt Verdana,sans-serif; }
#header_nav_top strong { font: bold 8pt Verdana,sans-serif; }
#header_nav_top a:hover { color:#032C3F; }
#header_nav_top li .home{ background:transparent url(../image/default/header_nav_icone_home.png) no-repeat top left; padding-left:18px;}
#header_nav_top li .contact{ background:transparent url(../image/default/header_nav_icone_contact.png) no-repeat top left; padding-left:18px; }
#header_nav_top li .newsletter{ background:transparent url(../image/default/header_nav_icone_newsletter.png) no-repeat top left; padding-left:18px; }
#header_nav_top li .fluxrss{ background:transparent url(../image/default/header_nav_icone_fluxrss.png) no-repeat top left; padding-left:18px; }
#header_nav_top li .lang{ background:transparent url(../image/default/header_nav_icone_lang.gif) no-repeat top left; padding-left:20px; }
#header_nav_top li .print{ background:transparent url(../image/default/header_nav_icone_print.png) no-repeat top left; padding-left:20px;  }
#header_nav_top li .mapsite{ background:transparent url(../image/default/header_nav_icone_mapsite.png) no-repeat top left; padding-left:20px;  }
#header_nav_top li .sendpage{ background:transparent url(../image/default/header_nav_icone_send.png) no-repeat top left; padding-left:20px;  }
#header_nav_bottom { background:transparent; border: 1px solid blue; padding: 0; margin: 0 auto; width:980px; height:45px;  }
/***************************************/

/*********[Modif Vince**************/
#header_nav_top {
	font: normal 8pt Verdana,sans-serif;
	color:#4D4D4D; 
	width:785px;
	height:34px;
	background-image: url(../image/default/topNg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left:148px;
    
	padding-left: 18px;
    position:absolute;
    z-index: 903;
}

#header_nav_top_right {
	background-image: url(../image/default/topNd.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 15px;
	height:34px;	
}

#header_nav_top_mid {
	background-image: url(../image/default/topNc.png);
	background-repeat: repeat-x;
	height:34px;
	/*padding-top:1.183em;*/
	padding-top:1.14em;	
	margin-left:0px;
	margin-right:0;
	margin-left:0px;
	padding-left:5px;
}
#header_nav_top_mid ul {
	margin-top:5px; width:100%;
} 
#header_nav_top_mid ul li{
	float:left;
	list-style-type:none; 
	text-decoration: none; 
}

#header_nav_top_mid a {
	text-decoration:none; 
	color:#5F5F5F;  
	margin-right:7px; 
	margin-left:7px; 	
	font: normal 8pt Verdana,sans-serif;
}
#header_nav_top_mid strong { 
	font: bold 8pt Verdana,sans-serif;
}
#header_nav_top_mid a:hover { 
	color:#032C3F;
}
#header_nav_top_mid li a.home{
	padding-left:18px;
	background-color: transparent;
	background-image: url(../image/default/header_nav_icone_home.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_nav_top_mid li a.contact{
	padding-left:18px;
	background-color: transparent;
	background-image: url(../image/default/header_nav_icone_contact.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_nav_top_mid li a.newsletter{
	padding-left:18px;
	background-color: transparent;
	background-image: url(../image/default/header_nav_icone_newsletter.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_nav_top_mid li a.fluxrss{
	padding-left:18px;
	background-color: transparent;
	background-image: url(../image/default/header_nav_icone_fluxrss.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_nav_top_mid li a.lang{
	padding-left:20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}



#header_nav_top_mid li a.print{
	padding-left:20px;
	background-color: transparent;
	background-image: url(../image/default/header_nav_icone_print.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_nav_top_mid li a.mapsite{
	padding-left:20px;
	background-color: transparent;
	background-image: url(../image/default/header_nav_icone_mapsite.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_nav_top_mid li a.sendpage{
	padding-left:20px;
	background-color: transparent;
	background-image: url(../image/default/header_nav_icone_send.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/******ROllSystem #header_nav_top_mid ul li ***********/
#header_nav_top_mid li {position: relative;}
#header_nav_top_mid ul ul {
	text-align: left;
	list-style: none;
	margin:	0;
	float: left;
    width:115px;
	padding-right:0px;
	padding-left:0px;
	padding-top: 0.457em;
	padding-bottom: 0px;
}

#header_nav_top_mid ul ul li {
	float: left;
	margin: 0;
	padding-right:0px;
	padding-left:0px;
	padding-top: 0px;
	padding-bottom: 0px;
    display: block;
}
#header_nav_top_mid ul li ul {display: none;}
#header_nav_top_mid ul li:hover ul {display: block;}

#header_nav_top_mid ul ul {position: absolute;	z-index: 905;	top: 12px;	left: 7px;}

#header_nav_top_mid ul ul li a.lang:link,
#header_nav_top_mid ul ul li a.lang:active,
#header_nav_top_mid ul ul li a.lang:visited
 {
	display: block;
    width:85px;
	margin:0px;
	padding-left:24px;
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 4px;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9FAEB4;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
  	background-color:#93A0A6;
    
}
#header_nav_top_mid ul ul li a.lang:hover {background-color:#FFFFFF; color:#000000}


/******ROllSystem #header_nav_top_mid ul li ***********/
/*********Modif Vince]**************/

#colG {float:left; padding: 0; margin: 0;  /*border: 1px solid red;*/ width:225px;  }
#colD {float:right;  padding: 0; margin: 0; background:#EFEFEF; border: 0px solid red; width:320px; margin-right:21px; }

#bgCentreBas { background:transparent url(../image/menu/default/bgCentreBas.gif) repeat-x top left;  width:100%; height:9px; }








#structure {padding: 0; margin: 0 auto; width:100%; border: 0px solid blue; }
 
#centre {  width:100%; } 
#centre_content {margin:0 auto; border: 1px solid pink; width:976px;background:transparent url(../image/default/bg_HomeC.png) repeat-y top left;}
#centreG { }
#centreD { background:#EFEFEF; }


/*************** Home News ********************/
#HomeNews0, #HomeNews1, #HomeNews2, #HomeNews3
{ margin-top: 5px; margin-bottom: 5px; }

#HomeNews0 p, #HomeNews1 p, #HomeNews2 p, #HomeNews3 p
{ margin-top: 2px; margin-bottom: 2px; }

#HomeNews0 ul, #HomeNews1 ul, #HomeNews2 ul, #HomeNews3 ul 
{ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 18px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; list-style-type: square; }

#HomeNews0 li, #HomeNews1 li, #HomeNews2 li, #HomeNews3 li 
{ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 2px; }

#HomeNews0  div.titre h2, #HomeNews1  div.titre h2, #HomeNews2  div.titre h2, #HomeNews3  div.titre h2 
{ padding: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; margin-top: 0px;  font-size:12px; font-weight:bold; font-family:Tahoma, Verdana, Geneva, sans-serif;  color:#3383B6;}

#HomeNews0  div.titre
{ font-size:14px;}

#HomeNews0  div.date, #HomeNews1  div.date, #HomeNews2  div.date, #HomeNews3  div.date 
{color:#444; font-family: Tahoma, Geneva, sans-serif; font-size: 10px; display:block; float:right;}

#HomeNews0  div.corps, #HomeNews1  div.corps, #HomeNews2  div.corps, #HomeNews3  div.corps 
{color:#444; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; padding: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; margin-top: 5px; }

/*************** En Savoir Plus ********************/
div.SavoirPlus{
	font-size: 10px;
	background-image: url(../image/default/SavoirPlusL.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 8px;
	line-height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	color:#FFFFFF;
 }
div.SavoirPlus a:link,
div.SavoirPlus a:active,
div.SavoirPlus a:visited
{
	background-image: url(../image/default/SavoirPlusR.png);
	color:#FFFFFF;
	text-decoration: none;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Tahoma, Verdana;
	font-size: 10px;
	font-weight: bold;
	float: left;
	padding-right: 20px;
}
div.SavoirPlus:hover{
	background-position: 0px -20px;
}
div.SavoirPlus a:hover{
	color:#FFFFFF;
	background-position: right -20px;
}

/********EASY LINKS*******/
div.EasyLinks{
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 150px;
	float: left;
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	min-height: 30px;
}
div.EasyLinks h3{
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3A3A3A;
}
div.EasyLinks ul,
div.EasyLinks li
{
	margin:0;
	padding:0;
	list-style:none;
}
div.EasyLinks a
{
	margin:0;
	padding:0;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	display:block;
}


/*************** FOOTER ********************/
#footer { padding: 0; margin: 0; width: 100%; background:#FFF; }
#footer_nav { margin-left:75px; height:20px;  } 
#footer_nav ul { padding: 0; margin: 0 auto; } 
#footer_nav ul li{float:left; margin-left:2px; text-align:center;list-style-type:none; text-decoration: none; font: normal 8pt Verdana,sans-serif; color:#166181;}
#footer_nav a { text-decoration:none; color:#166181; font: normal 7.5pt Verdana,sans-serif; }
#footer_nav a:hover { color:#008BC6; } 



/*************** FOOTER edoo ********************/
#nav_footer {  padding: 0; margin: 0 auto; }
#partenaire_footer { padding: 0; margin: 0 auto; width: 978px; }
#legal_footer { padding: 0; margin: 0 auto; width: 978px; text-align: center;}
#legal_footer a { font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#adresse_footer { padding: 0; margin: 0 auto; width: 978px; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; }
#newsletter { padding:0 0 0 -50px ; width:200px; height:75px; background-position: 419px 0px; background:transparent url(../image/menu/default/tt_newsletter.gif) no-repeat bottom left; }



#menuLang {
/*behavior: url("csshover.htc");*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
	color: #000000;
    width: 100px;
}

#menuLang a { height:25px;

}
#menuLang a:hover {	color: #a00;	background: #dcf2b8;}
#menuLang ul	{
	text-align: left;
	list-style: none;
	margin:	0;
	padding: 0;
	width: 100px;
	float: left;

	/*background-color: #009966;*/ 
}
#menuLang li {position: relative;}
#menuLang ul li {float: left; width: 100%; margin-top: 5px; margin-left: 10px;}
#menuLang ul li ul {display: none;}
#menuLang ul li:hover ul {display: block;}

#menuLang ul ul {
	position: absolute;
	z-index: 500;
	top: 10px;
	left: 10px;
}
#menuLang ul ul ul { top: 0;	left: 0;}

#menuLang ul li a {height: 10%;}

#menuLang ul li img{
	float: left;
	margin: 0px;
	padding: 0px;
}

/* ---------------------- MENU HORIZONTAL  ---------------------- */
 #menubar{
z-index:900;
position:absolute;
}
div#menubar {
	width: 955px;
	clear: both;
	position: relative;
	margin-top: -8px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;

}

div#menubar div.menubar-m {
	height: 45px;
	padding: 0;
/*	background: url(../images/menubar_m.png) 0 0 repeat-x;*/
}

div#menubar div.menubar-l {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5px;
	height: 45px;
	/*background: url(../images/menubar_l.png) 0 0 no-repeat;*/ /* ie6png:scale */
}

div#menubar div.menubar-r {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 5px;
	height: 45px;
	/*background: url(../images/menubar_r.png) 0 0 no-repeat;*/ /* ie6png:scale */
}

 .jquerycssmenu_lang{
	position:relative;
	/*height:5px;*/
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;

}
 .jquerycssmenu_lang h1{
 margin:0; padding:0;
	font-family: Tahoma, Verdana;
	font-size: 11px;
}

.jquerycssmenu_lang ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu_lang ul li{
	position: relative;
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
}

/*Top level menu link items style*/
.jquerycssmenu_lang ul li a{
	display: block;
	margin-right: 3px; /*spacing between tabs*/
	/*border: 1px solid #143D55;*/
border-bottom-width: 0;
	color: #FFFFFF;
	text-decoration: none;
	
	height: 15px;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.jquerycssmenu_lang ul li a:hover{
	color:#999999;
/*background-image: url(../image/tintbluedark.gif)*/ /*tab link background during hover state*/
}
	
/*1st sub level menu*/
.jquerycssmenu_lang ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden; z-index:9999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3D687B;
	border-right-color: #3D687B;
	border-bottom-color: #3D687B;
	border-left-color: #3D687B;
/*border-top: 1px solid black;*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu_lang ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu_lang ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jquerycssmenu_lang ul li ul li a{
	font: normal 10px Verdana;
	width: 120px;
	/*filter:alpha(opacity=85);
	-moz-opacity:1;
	-khtml-opacity: 0.85;
	opacity: 1;*/
	color: #FFF;
	margin: 0;
	border-top-width: 1px;
	background-color: #104861;
	height: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #3D687B;
	border-right-color: #3D687B;
	border-bottom-color: #3D687B;
	border-left-color: #3D687B;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.jquerycssmenu_lang ul ul  ul li a{
background-color: #237997;

}
.jquerycssmenu_lang ul li ul li a:hover{ /*sub menus hover style*/
	color: #104861;
	background-color: #FFFFFF;
	/*background-image: url(../image/menu/default/bgSubMenuTest.gif);*/
	background-repeat: repeat-x;
	background-position: left bottom;
}

.jquerycssmenu_lang ul li a.current,.jquerycssmenu_lang ul li a.current:hover{
	color:#999999;
}

.jquerycssmenu_lang ul li.Orange a{
	color:#FCBE04;
}
#searchTopNav{
	margin : 0;
	padding:0;
	position: absolute;
	top: 10px;
	right: 0px;
}
#searchTopNav form{
	margin : 0;
	padding:0;
}
#searchTopNav #SearchSite{
	font-family: Tahoma, Verdana;
	color: #666666;
	font-size: 11px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 16px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0px;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 0;
right: 0;
}

.rightarrowclass{
position: absolute;
top: 0;
right: 0;
}


/* ---------------------- END MENU HORIZONTAL  ---------------------- */

/*************** Home:Liste des médias ********************/
#HoMediaList  {
	width:637px;
	padding:0px;
	background-color:#FFFFFF;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#HoMediaList td.Reports{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;	
}
#HoMediaList h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin: 0;
	text-align: center;
	width: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}

#HoMediaList h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1A8CD5;
	padding: 0;
	margin: 0;
	text-align: left;
	width: auto;
}
#HoMediaList h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	padding: 0;
	text-align: left;
	width: auto;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3px;
}

#HoMediaList div.Focus{
	width:305px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;	
}

#HoMediaList div.Focus div.ReportVignette{
	background-position: center center;
	background-repeat: no-repeat;
	width: 95px;
	height: 75px;
	display:block;
	float:left;
	margin-right:5px;
}

#HoMediaList div.Focus div.VidVignette{
	display:block;
	float:left;
	margin-right:5px;
	height: 95px;
}
#HoMediaList td.Detail{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#HoMediaList td.Detail:hover{
	/*background-color: #1C6CCF;*/
}
#HoMediaList td.Detail a:link,
#HoMediaList td.Detail a:active,
#HoMediaList td.Detail a:visited
{
	background-image: url(../image/default/minibleu.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #1C6CCF;
	line-height:20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin:0;
}
#HoMediaList td.Detail a:hover{
	color: #900;
}

/*************** MENU VERTICAL ********************/
#menuV { margin: 0; width: 200px; border-style: solid none none solid; border-color: #D8D5D1; border-size: 10px; border-width: 1px; }
#menuV ul{ list-style-type:none; }	
#menuV li a { height: 32px; /*voice-family: "\"}\""; voice-family: inherit;*/ height: 24px; text-decoration: none;  }	
#menuV li a:link, #menuV li a:visited { color: #3688BA; display: block; background:  url(../image/menu/default/menu2.gif); padding: 0 0 0 30px;  }
#menuV li a:hover { color: #3688BA; background:  url(../image/menu/default/menu2.gif) 0 -32px; padding: 0 0 0 32px; }

/******************** MISE EN PAGE ***********************/
#txtDirectory { margin:0; padding:0 0 0 5px; width:400px; font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3688BA;  text-align:left; }
#txtDirectory a:link, #txtDirectory a:visited, #txtDirectory a:active{color: #ECECEC; text-decoration: none;}
#txtDirectory a:hover {color: #FFFFFF;}
#tt_valide { padding:5px; font: bold 14pt "Verdana",sans-serif; color:#8B0000; }

/*************** IMAGES ********************/
.img-shadow { background: url(../image/shadowAlpha.png) no-repeat bottom right !important; background: url(../image/shadow.gif) no-repeat bottom right; margin: 15px 0 0 15px !important; margin: 15px 0 0 10px; } 
.img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }

/**************** CORPS **************************/
#corps { margin:5px; padding:5px; text-align:justify; }
#tt_corps { padding:5px; font: bold 16pt "Verdana",sans-serif; color:#3688BA; border-bottom:1px dotted #3688BA;  text-align:left;}

/*************** BLOCKS ********************/
#block { margin:5px; padding:0; text-align:justify; }
#tt_block { margin:5px; padding:0; font: bold 16pt "Verdana",sans-serif; color:#3688BA; border-bottom:1px dotted #3688BA;  text-align:left; }
#img_vignette { margin:0; padding:0; }

/*************** NEWS ********************/
#news { margin:2px; padding:2px; width: 350px; background:#EDEDE5; }
.news_titre { font: bold 12pt "Trebuchet MS"; color:#3688BA; border-bottom:1px dotted #3688BA; }
.news_date { font: italic 10px "Trebuchet MS"; padding-left:5px; }
.news_txt { width:100%; font: normal 10px "Trebuchet MS"; text-align:justify; }

/*************** AGENDA ********************/
#agenda { margin:0 auto; padding:0; width:350px;  }
#agenda fieldset { border:none; background: #F7F7F7; }
#agenda fieldset:hover { background-color: #FFF; }
#agenda_titre { font: bold 12pt "Trebuchet MS"; color:#3688BA; border-bottom:1px dotted #3688BA;  }
#agenda_date { font: bold 10px "Trebuchet MS"; }
#agenda_txt { font: normal 13px "Trebuchet MS"; text-align:justify;}

#agenda_selection { padding-left:20px; font: bold 16pt "Trebuchet MS"; color:#3688BA; background:url(../image/menu/default/icone_agenda.gif) no-repeat top left; }


/*************** COMMENTAIRES ********************/
#comment { margin:0 auto; padding:10px; width:80%; border:1px dotted #3688BA;}
#comment_titre { font: bold 12pt "Trebuchet MS"; color:#3688BA; border-bottom:1px dotted #3688BA; }
#comment_text { font: normal 11pt "Comic",sans-serif; text-align:justify; }
#comment_date { font: bold 9pt "Comic",sans-serif; color:#3688BA; }
#comment fieldset { border:none; background: #F7F7F7;  }
#comment fieldset:hover { background-color: #FFF; }

/*************** FORMULAIRES COMMENTAIRES & LOGIN ********/

/*************** RECHERCHE ********************/
#recherche { margin:0; padding:0;  width:300px; height:29px; float:right;}
#recherche_titre {  }
#recherche_txt {  }
#recherche_link {  }
#recherche_link a {  }
#recherche_link a:hover {  }

#rechercheForm { /*background:transparent url(../image/menu/default/recherche_bg.gif) repeat-x top left;*/ }
/* Input */
#rechercheForm input, #rechercheForm select { -moz-border-radius: 4px; -webkit-border-radius: 10px; width: 120px; border: #CCC 1px solid; margin-left: 2%; margin-bottom: 2%; margin-top: 2%; }
#rechercheForm input:hover, #rechercheForm select:hover, #rechercheForm input:focus, #rechercheForm select:focus { border: #999 1px solid; background-color: #DDEEFF; }



/******************** CONTACT FORM *******************/
#contactForm { width: 430px; padding: 0; display: block; position: relative; }
#contactForm p { margin: 5px;}

/* fieldset , legend */
#contactForm fieldset { margin-bottom: 10px; /*border: #CCC 1px solid;*/ background: #F7F7F7;  }
#contactForm fieldset:hover { background-color: #FFF; }
#contactForm fieldset legend { padding: 0 10px; border-left: #CCC 1px solid; border-right: #CCC 1px solid; color: #999; font: small-caps bold 24px "Trebuchet MS" }

/* Label */
#contactForm label { /*background-color: #FFCC66;*/ display: block; width: 39%; float: left; padding-right: 1%; text-align: right; letter-spacing: 1px; font: normal 12px "Trebuchet MS"  }
#contactForm label:hover { font: "Trebuchet MS", sans-serif; font-weight: bold; }
#contactForm .form_label_nostyle { background: none; }

/* Input */
#contactForm input, #contactForm select { margin-left: 1%; margin-bottom: 1%; width: 250px; border: #CCC 1px solid;  }
#contactForm input:hover, #contactForm select:hover, #contactForm input:focus, #contactForm select:focus { border: #999 1px solid; background-color: #DDEEFF; }

/* TEXTAREA */
#contactForm textarea { margin-left: 1%;  margin-bottom: 1%; width: 250px; height:73px; border: #CCC 1px solid; }
#contactForm textarea:hover, #contactForm textarea:focus  { border: #999 1px solid; background-color: #DDEEFF; }

/* button submit */
#contactForm input[type="submit"] { width: 50%; margin-right:0 10%; }
#contactForm input[type="submit"]:hover { background-color: #DDEEFF; cursor: pointer; }

/******************** GLOBAL FORM *******************/
#globalForm { width: 80%; padding: 0; margin: 0 auto; display: block; position: relative;}
#globalForm p { margin: 5px;}

/* fieldset , legend */
#globalForm fieldset { margin-bottom: 10px; border: #CCC 1px solid; background: #F7F7F7;  }
#globalForm fieldset:hover { background-color: #FFF; font: small-caps bold 24px "Trebuchet MS" }
#globalForm fieldset legend { padding: 0 10px; border-left: #CCC 1px solid; border-right: #CCC 1px solid; color: #999; font: small-caps bold 24px "Trebuchet MS" }

/* Label */
#globalForm label { /*background-color: #FFCC66;*/ display: block; width: 39%; float: left; padding-right: 1%; text-align: right; letter-spacing: 1px; font: normal 12px "Trebuchet MS"  }

#globalForm label:hover { font: "Trebuchet MS", sans-serif; font-weight: bold; }
#globalForm .form_label_nostyle { background: none; }

/* Input */
#globalForm input, #globalForm select { margin-left: 1%; margin-bottom: 1%; width: 250px; border: #CCC 1px solid;  }
#globalForm input:hover, #globalForm select:hover, #globalForm input:focus, #globalForm select:focus { border: #999 1px solid; background-color: #DDEEFF; }

/* TEXTAREA */
#globalForm textarea { margin-left: 1%;  margin-bottom: 1%; width: 250px; height:73px; border: #CCC 1px solid; }
#globalForm textarea:hover, #globalForm textarea:focus  { border: #999 1px solid; background-color: #DDEEFF; }

/* button submit */
/*#globalForm input[type="submit"] { border: #DDEEFF 1px solid; width: 27%; }
#globalForm input[type="submit"]:hover { background-color: #66CC33; cursor: pointer; }*/





.inset {background: transparent; width:40%; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}