a {	
	color: #ff6b00;	
	text-decoration: none
}

a:hover {	
	color: #703001;	
	text-decoration: none
}

img {border:0px}

html {
    height: 100%;
}
body {	
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	background-color:#FFFFFF;
	height: 100%; margin:0; padding:0; 

}
body#inter {	}
	
	
#container {
	background: transparent url("../Images/img/gabarit/fond_page.jpg") repeat-x;	height: 100%; 
}

body#inter #container {
	background: transparent url("../Images/img/gabarit/fond_page_inter.jpg") repeat-x;
}

#main {
	width:871px; border:0px solid blue;	margin-left: auto;
    margin-right: auto; 
}

/*--------------- #1 menu 1er niveau ------------------------------*/
#menu {
	height:37px;
	background: transparent url("../Images/img/gabarit/top_fond_menu.jpg") no-repeat; 
}

#menu ul {
	margin:0px 0 0 220px; padding:12px 0 3px 0; list-style:none; width:655px; height:22px
}
html>body #menu ul {
	margin:0px 0 0 220px; padding:12px 0 3px 0; list-style:none;  width:655px; height:22px
}

#menu ul li{
	 display:inline; color:#FFFFFF; font-weight:bold; font-size:13px; padding:0; background: transparent url("../Images/img/gabarit/sep_menu_haut.gif") no-repeat; background-position:0px 0px; padding: 0 15px 0 15px; margin:0px
}

#menu ul li.first{
	 display:inline; color:#FFFFFF; font-weight:bold; font-size:13px; padding:0; background: none;  padding: 0 15px 0 15px; margin:0px
}

#menu ul li a {
	color:#012161; font-weight:bold; font-size:15px;
}

#menu ul li a:hover {
	color:#000; font-weight:bold; font-size:15px; border-bottom:2px solid #012161
}


#menu ul li.sep-menu-haut {
	background: transparent url("../Images/img/gabarit/sep_menu_haut.gif") no-repeat; background-position:0px 0px;
	padding: 0 15px 0 15px; margin:0
}

/*------------ #2 contenu -----------------*/
#inner-main {
	margin-left:12px; margin-right:11px; 
}

#contenu-height {height:auto; min-height:356px; display: table; position:relative; width: 850px;}
* html #contenu-height {height:356px; }

	/*--------- #3 home------------------------*/
	#bandeau{ height:166px; position:relative;}
	#logo {float:left; width:176px}
	#flash-home {float:right; width:672px; padding-top:1px}
	
	/*--------- inter ------------------------*/
	body#inter #bandeau { height:106px;}
	body#inter #flash-home {
		background: transparent url("../Images/img/gabarit/fond_bandeau_inter.gif") no-repeat;
		float:right; width:671px; padding:0; height:106px
	 }
	body#inter #flash-home h1 {
		color:#fff; font-weight:bold; font-size:30px; padding:0; margin:20px 0 0 115px;
	 }
	body#inter #flash-home h2  {
		color:#fff; font-weight:normal; font-size:14px; padding:0; margin:0px 0 0 115px;
	 }
	 body#inter #flash-home h2  {
		color:#fff; font-weight:normal; font-size:14px; padding:0; margin:0px 0 0 115px;
	 }
	 body#inter #flash-home #acces-client  {
		float:left; padding:0; padding:15px 0 0 0px; width:567px; text-align:right; position:relative
	 }
	 body#inter #flash-home #acces-client a  {
		 color:#fff; font-weight:bold; font-size:12px;
	 }
	 body#inter #flash-home #acces-client a:hover {
		 color:#b40307; font-weight:bold; font-size:12px;
	 }
	 body#inter #flash-home #langues {
		float:right; padding:0; padding:15px 25px 0 5px; width:50px
	 }
	 
	body#inter #news-home {
		background: transparent url("../Images/img/gabarit/fond_effi_news_inter.gif") repeat-x; height:10px; 
	}

	
	/* --------- #4 news home ---------------- */ 
	#news-home {
		background: transparent url("../Images/img/gabarit/fond_effi_news_home.gif") repeat-x; height:35px;  position:relative
	}
	#news-home .img {
		padding: 7px 0 0 20px; float:left; width:151px;
	}
	html>body #news-home .img {
		padding: 4px 0 0 20px; float:left; width:151px;
	 }
	
	#news-home #news {
		padding: 11px 0 0 0px; float:left; width:660px; padding-top: 3px
	}
	#news-home #news a {
		color:Black; font-weight:normal; font-size:12px; padding:0px 0 0px 0px; background:none;
	}
	#news-home #news a:hover {
		color:#b40307; 
	}
	
	/* --------- #5 contenu home ---------------- */ 
	
	/*----- col right home ------*/
	#col-right-home {
		float:right; width:650px; margin-top:14px; height:auto; min-height:340px; text-align:justify; position : relative; 
	}
	* html #col-right-home {
		float:right; width:650px; margin-top:14px; height:340px; text-align:justify
	}
		/*------ #6 col-right gauche ------*/
	#col-right-home #gauche  {
		float:left; width:420px;  border-right:1px solid #adadad; border-left:1px solid #adadad;  
		display: table-cell; height: 100%; padding:0 19px 0 19px; height:auto; 	min-height:380px; text-align:justify
	}
	* html #col-right-home #gauche  {
		float:left; width:420px;  border-right:1px solid #adadad; border-left:1px solid #adadad; text-align:justify;
	 	padding:0 19px 0 19px; height:370px;
	}
	#col-right-home #gauche h1 {
		color:#264aa9; font-weight:bold; font-size:17px; padding:0 0 4px 0; margin:0 0 4px 0; text-align:justify;
		background: transparent url("../Images/img/gabarit/pointille_h1.gif") repeat-x; background-position:0 20px
	}
	
	#col-right-home #gauche h1 a {
		color:#264aa9; font-weight:bold; font-size:17px; padding:0 0 4px 0; margin:0 0 4px 0; text-align:justify;
		background: transparent url("../Images/img/gabarit/pointille_h1.gif") repeat-x; background-position:0 20px
	}
	#col-right-home #gauche a.nobackground {
		background-image: none;
	}
	
	

	#col-right-home #gauche h1.une {
		padding:0px 0 4px 0; margin:28px 0 4px 0; text-align:justify
	}
	
	#col-right-home #gauche #sitemap
	{
		font-size: 13px; background-position: 0 17px;
	}
	
	#col-right-home #gauche #sitemap a
	{
		background: none;
		color:#264aa9; font-weight:bold; font-size:13px; 
		padding:0 0 4px 0; margin:0 0 4px 0; text-align:justify;
	}
	
	#col-right-home #gauche #sitemap ul li a
	{
		font-weight:bold;
		color:#000000;
	}
	
	#col-right-home #gauche #sitemap ul li ul li a
	{
		font-weight:normal;
		color:#000000;
	}
	#col-right-home #gauche .valdysform table{
		width: 600px;text-align:justify;
	}

	#col-right-home #gauche .valdysform td {
		width: 50%;text-align:justify
	}
	#col-right-home #gauche .validbutton{
		padding-left: 400px;	
	}
	



	#col-right-home #gauche h2 {color:#636363; font-weight:bold; font-size:14px; padding:0 0 1px 0; margin:0 0 1px 0; text-align:justify}
	#col-right-home #gauche p {color:#000; font-weight:normal; font-size:12px; padding:1px 0 3px 0; margin:1px 0 3px 0; text-align:justify}
	#col-right-home #gauche ul p {padding:10px 0;}
	#col-right-home #gauche a {color:#b40307; font-weight:bold; font-size:12px; padding:3px 0 3px 15px; margin:3px 0 3px 0; text-align:justify;
	background: transparent url("../Images/img/gabarit/ico_lien.gif") no-repeat; background-position:0 7px	}
	#col-right-home #gauche a:hover {color:#0f2795; }
	#col-right-home #gauche a.rss{color:Black; font-weight:normal; font-size:12px; padding:0px 0 0px 0px; background:none; text-align:justify}
	#col-right-home #gauche a.rss:hover {color:#b40307; }
	
	/* remove arrow of h1 link*/
	/*#col-right-home #gauche .nobackground {background-image:none;}*/
	
		/* ------------------ #7 col-right droite ----------------------*/
	#col-right-home #droite  {float:right; width:150px; padding:0 0px 0 0px; margin:0 20px 0 0;
	background: transparent url("../Images/img/gabarit/coucou.gif") repeat-x; 
	}
	* html #col-right-home #droite  { margin:0 11px 0 0;}

	#col-right-home h2#recrutement  { color:#5a5a5a; font-weight:bold; font-size:15px; font-style:italic; text-align:center; margin:0}
	#col-right-home p#recrutement-img  { margin:8px 0 5px 0}
	#col-right-home p#text-recrutement  { 
		color:#949494; font-weight:normal; font-size:10px; text-align:center;
	 	margin:0; padding:0 6px 5px 6px
		}
	#col-right-home #droite  a {color:#b40307; font-weight:bold; font-size:11px; padding:3px 0 3px 15px; margin:6px 0 3px 0;
	background: transparent url("../Images/img/gabarit/ico_lien.gif") no-repeat; background-position:0 6px	}
	#col-right-home #droite  a:hover {color:#0f2795; }
	
	#col-right-home #droite #cadre-newsletter {border:1px solid #adadad; margin:45px 0 0 0; padding:5px }
	#col-right-home #droite #cadre-newsletter h2 {
		background: transparent url("../Images/img/home/ico_newsletter.gif") no-repeat; background-position:12px 0px;
		color:#5a5a5a; font-weight:bold; font-size:15px; font-style:italic; text-align:center; margin:0px; padding:5px 3px 5px 20px
	}
	#col-right-home #droite #cadre-newsletter p {
		color:#949494; font-weight:normal; font-size:10px; text-align:center;
	 	margin:5px 0 5px 0; padding:0 6px 5px 6p
	}
	#col-right-home #droite #cadre-newsletter input { 
		width:105px; border:1px solid #2c2c2c; font-size:12px; margin:0 4px 5px 0
	}
	


	/*------ #6 col-right gauche inter ------*/
	body#inter #col-right-home #gauche  {
		float:left; width:600px;  background: transparent url("../Images/img/inter/separation_page.gif") no-repeat;  border:0px;
		display: table-cell; height: 100%; padding:0 19px 0 19px; height:auto; 	min-height:380px;
	}
	* html body#inter #col-right-home #gauche  {
		float:left; width:600px;    background: transparent url("../Images/img/inter/separation_page.gif") no-repeat; border:0px;
	 	padding:0 19px 0 19px; height:370px;
	}
	
	
	/*----- col left home ------*/
	#col-left-home {float:left; width:160px;  margin-top:14px; padding:0 19px 0 19px; position : relative;  }

	#col-left-home h1 {color:#264aa9; font-weight:bold; font-size:17px; padding:0 0 5px 0; margin:0 0 5px 0;
	background: transparent url("../Images/img/gabarit/pointille_h1.gif") repeat-x; background-position:0 20px; 
	}
	#col-left-home p { padding:0 0 0px 0; margin:0 0 8px 0;	}

	/*----- col left inter ------*/
	
	body#inter #col-left-home h1 { 
		background: transparent url("../Images/img/inter/tt-menu-gauche.gif") repeat-x;
		padding:3px 5px 3px 5px; margin:0 0 8px 0; font-family:tahoma, arial; font-size:12px; color:#FFFFFF; 
	}
	
	body#inter #col-left-home ul { 
		list-style:none; padding:0; margin:0; 
	}
	body#inter #col-left-home ul li { 
		font-family:tahoma, arial; font-size:12px; color:#000; font-weight:bold; 
	}
	body#inter #col-left-home ul.niv2  { 
		margin:6px 0 12px 5px; 
	}
	body#inter #col-left-home ul.niv2 li { 
		font-family:tahoma, arial; font-size:11px; color:#656565;  font-weight:normal; 
	}
	body#inter #col-left-home ul.niv2 li a { 
		font-family:tahoma, arial; font-size:11px; color:#656565;  font-weight:normal; padding:3px 0 3px 8px; margin:0;
		background: transparent url("../Images/img/inter/puce_menu_gauche.gif") no-repeat; background-position:0 7px; 
	}
	body#inter #col-left-home ul.niv2 li a:hover { 
		background: transparent url("../Images/img/inter/puce_menu_gauche_on.gif") no-repeat; background-position:2px 7px; color:#b40307;
	}


/*------------ #8 footer -----------------*/
#footer {
	clear:both; background: transparent url("../Images/img/gabarit/fond_footer.gif") no-repeat; width:871px; height:31px; text-align:center; padding:5px; font-size:12px; color:#b9b9b9; 
 font-weight:bold;}
#footer a { font-size:12px; color:#707070;font-weight:bold; }
#footer a:hover{ font-size:12px; color:#264aa9; font-weight:bold;}

/*------------ Reorder List -------------*/
.ReorderCellule
{
border-style:solid; 
border-width:1px; 
border-color:#ECECE5;
}

.ReorderLabel
{
	color:#4C5081;
	font-family:Arial,Verdana,Helvetica;
	font-size:11px;
}
.ReorderHeader
{
	color:#4C5081;
	font-family:Arial,Verdana,Helvetica;
	font-size:11px;
	font-weight : bold;
}
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url('/Effisoft/Images/bg-menu-main.png');
	cursor:move;
	border:thin outset white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li {
	margin:2px;
	background-image:url('/Effisoft/Images/bg_nav.gif');
	background-repeat:repeat-x;
	color:#FFF; list-style-type:none
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}




body#bandeau A.newsLink {
	color:red;
}

.error_field
{
	color:#B40307 !important;
	font-weight:bold;
}


