/*------------------------------------------------------------------------*/
/*----- CSS : Eric. B. - Evensight - copyright 2006 Sight Design LLC -----*/
/*------------------------------------------------------------------------*/

/*------------------------------------------------------------------------*/
/* ------------------------ MAINPAGE LAYOUT (ID) -------------------------*/
/*------------------------------------------------------------------------*/
body {
	background			: url(images/page_bg.png) 50% 0;
	background-repeat	: repeat-y;
	text-align			: center;
}

#container {
	background			: url(images/content_bg.png);
	background-repeat	: repeat-y;
	color				: #7e7e7e;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	letter-spacing		: 0px;
	line-height			: 2.0em;
	margin				: 0px auto;
	width				: 790px;
}

#pageHeader {
	background			: url(images/header_bg.png);
	background-repeat	: no-repeat;
	font-family			: Tahoma, Verdana, Helvetica, Arial;
	height				: 170px;
	list-style			: none;
	text-align			: left;
	width				: 790px;
}

#pageHeaderEs {
	background			: url(images/headerEs.png);
	background-repeat	: no-repeat;
	font-family			: Tahoma, Verdana, Helvetica, Arial;
	height				: 170px;
	list-style			: none;
	text-align			: left;
	width				: 790px;
}

#breadcrumbcontainer {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 9px;
	position			: absolute;
	margin				: 150px 22px 0px;
	text-transform		: uppercase;
}

#content {
	color				: #444444;
	float				: right;
	line-height			: 14px;
	margin				: 0px 15px 0px 0px;
	padding				: 0px;
	text-align			: justify;
	width				: 550px;
}

#sidebar {
	float				: right;
	margin				: 0px 5px 10px 0px;
	padding				: 0px;
	text-align			: left;
	width				: 200px;
}

#footer {
	border-top			: 1px dotted #aaaaaa;
	font-size			: 0.8em;
	letter-spacing		: 1px;
	margin				: 30px 10px 0px 10px;
	text-align			: left;
}

#footer a {
	color				: #D3373F;
	letter-spacing		: 0px;
	text-decoration		: underline;
}

#footer a:hover {
	color				: #000000;
	letter-spacing		: 0px;
}

#bottom {
	background			: url(images/content_bottom.png);
	background-repeat	: no-repeat;
	height				: 60px;
	margin				: 0px auto;
	text-align			: left;
	width				: 790px;
}

#bottom_empty {/* This Is The BG Color Of The Main Div whitout the gimi logo */
	background			: url(images/content_bottom_empty.png);
	background-repeat	: no-repeat;
	height				: 60px;
	margin				: 0px auto;
	text-align			: left; 
	width				: 790px;
	
}

/*------------------------------------------------------------------------*/
/* --------------------------- PAGE HEADER (ID)---------------------------*/
/*------------------------------------------------------------------------*/
#header_link_home {
	position			: absolute;
	height				: 100px;
	margin-left			: 10px;
	margin-top			: 5px;
	width				: 180px;
	z-index				: 1;
}

.separator {
	background-image	: url(images/menu_separator.gif);
	background-position	: right;
	background-repeat	: no-repeat;
}

#langselector {
	font-size			: 0.86em;
	font-weight			: bold;
	height				: 31px;
	line-height			: 3.1em;
	margin-top			: 3px;
	padding				: 0px;
	position			: absolute;
	text-align			: right;
	width				: 775px;
	z-index				: 1;
}

#langselector a {
	color				: #890E01;
}

#langselector a:hover {
	color				: #000000;
	text-decoration		: underline;
}

#navcontainer {
	color				: #000000;
	font-size			: 11px;
	font-weight			: bold;
	height				: 20px;
	letter-spacing		: 0.5px;
	margin-left			: 10px;
	margin-top			: 115px;
	padding				: 0px;
	position			: absolute;
	text-transform		: uppercase;
}

#navcontainer a {
    color 				: #FFFFCC;
}

#navcontainer a:hover {
    color           	: #890E01;
    text-decoration 	: underline;
}

#logo {
	font-size			: 11px;
	font-weight			: lighter;
	height				: 80px;
	position			: absolute;
	padding				: 0px;
	width				: 160px;
}

.menuInicio {
   	height				: 34px;
	line-height			: 26px;
	margin				: 40px 0px 0px 570px;
	padding				: 0px;
	position			: absolute;
    z-index  			:   1;
}

.menuMapa {
    height				: 34px;
	line-height			: 26px;
	margin				: 40px 0px 0px 630px;
	padding				: 0px;
	position			: absolute;
    z-index  			:   1;
}

.menuContacto {
    height				: 34px;
	line-height			: 26px;
	margin				: 40px 0px 0px 690px;
	padding				: 0px;
	position			: absolute;
    z-index  			:   1;
}

.menuSesion {
    height				: 34px;
	line-height			: 26px;
	margin				: 72px 0px 0px 632px;
	padding				: 0px;
	position			: absolute;
    z-index  			:   1;
}

/*------------------------------------------------------------------------*/
/* ---------------------------- GENERAL CLASS ----------------------------*/
/*------------------------------------------------------------------------*/
input, select, textarea {
	border				: 1px solid #cccccc;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
}

input[type=checkbox], input[type=radio] { 
	border				: none;
}

input[type=submit], input[type=reset] {
	border				: 2px outset #cccccc;
	cursor				: pointer;
}

input[type=submit]:hover, input[type=reset]:hover {
	border				: 2px outset white;
	background-color	: #cccccc;
}

input[type=submit]:active, input[type=reset]:active {
	border				: 2px inset #cccccc;
	background-color	: #AFAFAF;
} 

form {
	margin				:0px;
}

label {
	display				: inline-block;
	padding				: 5px 0px 0px;
	text-align			: left;
	vertical-align		: top;
	width				: 175px;
}

b, strong {
    color       		: #C36600;
	font-weight 		: bold;
}

a:link, a:visited {
	color				: #346DBF;
	text-decoration		: none;
}

a:link:hover, a:link:active {
	color				: #346DBF;
	text-decoration		: underline;
}

a.bouton, a.bouton:visited {
	background			: #ECE9D8;
	border				: 1px solid #cccccc;
	color				: #000000;
	font-size			: 10px;
	height				: 16px;
	padding				: 1px 7px;
}

a.bouton:hover, a.bouton:active {
	color				: #000000;
	text-decoration		: none;
}

a img, .noBorder {
	border				: none;
}

.clear {
	clear				: both;
	visibility			: hidden;
	line-height			: 0px;
	margin				: 0px;
	padding				: 0px;
	display				: block;
}

.title {
	background-color 	: #FFFFCC;
    height           	: 19px;
    padding-left     	: 3px;
	color            	: #890e01;
	text-transform   	: uppercase;
	font-family      	: "Verdana";
	font-size        	: 12px;
	font-weight      	: bold;
	text-align			: left;
}

.title li {
	list-style-image 	: url(images/puce_carre.gif);
}

.gimi-subtitle {
	border				: 0px;
	border-bottom		: 1px solid #C6C6C6;
	font-size			: 12px;
	font-weight			: bold;	
	margin-bottom		: 15px;
	padding-bottom		: 5px;
	text-transform		: uppercase;
	text-align			: left;
}

.gimi-text {
	color				: #444444;	
	font-size			: 11px;
	letter-spacing		: 0px;
	line-height			: 14px;
	text-transform		: none;
}

.gimi-text-red {
	color				: #D3373F;
	font-size			: 11px;
	letter-spacing		: 0px;
	line-height			: 14px;
}

.gimi-text-small {
	color				: #444444;
	font-size			: 9px;
	letter-spacing		: 0px;
	line-height			: 14px;
}

.gimi-text-right {
	font-size			: 11px;
	letter-spacing		: 0px;
	line-height			: 14px;
	text-align			: right;
}

.gimi-text-left {
	font-size			: 11px;
	letter-spacing		: 0px;
	line-height			: 14px;
	text-align			: left;;
}

.gris-degrade {
	background-image	: url(images/bg_box.gif);
	background-position	: top left;
	background-repeat	: repeat-x;
	border				: 1px solid #cccccc; 
	font-size			: 11px;
	padding				: 10px; 
}

.encadre {
	border				: 1px solid #cccccc; 
	color				: #444444;
	font-size			: 11px;
	letter-spacing		: 0px;
	line-height			: 14px;
	padding				: 5px; 
	text-align			: justify;
}

.dotted-horizontal {
	border				: 0px;
	border-bottom		: 1px dotted #cccccc;
	height				: 1px;
	margin				: 10px 0px;
}	

.dotted-vertical {	/* need height in div */
	border-color		: #CCCCCC;
	border-style		: none dotted none none;
	border-width		: 0px 1px 0px 0px;
	float				: left;
	margin				: 0px 15px;
}

.toplink {
	text-decoration		: none; 
	color				: #AB1C1C; 
	font-size			: 10px; 
	font-weight			: bold;
}

.toplink:hover {
	text-decoration		: underline;
	color				: #AB1C1C;
	font-size			: 10px;
	font-weight			: bold;
}

.iconUsers {
	background-image	: url(images/users.jpg);
	background-position	: right;
	background-repeat	: no-repeat;
	height				: 90px;
}

h1 {
	background			: #F7B400;
	color				: #fff;
	font-size			: 14px;
	font-weight			: bold;
	line-height			: 19px;
	margin				: 0px;
	text-transform		: uppercase;
	text-align			: left;
}

h2 {
	background			: #D3373F;
	color				: #fff;
	font-size			: 12px;
	font-weight			: bold;
	line-height			: 1.5em;
	margin				: 0px;
	text-transform		: uppercase;
	text-align			: left;
}

h3 {
	color				: #333333;
	font-size			: 14px;
	font-weight			: bold;
	margin				: 0px 0px 3px;
	text-align			: left;
}

h4 {
	color				: #333333;
	font-size			: 12px;
	font-weight			: bold;
	margin				: 0px 0px 3px;
	text-align			: left;
}

.theme-title {
	background-image 	: url(images/chip.gif);
	background-position	: left;
	background-repeat	: no-repeat;
	color				: #D3373F;
	font-size			: 16px;
	font-weight			: bold;
	padding				: 0px 12px;
	margin				: 10px 0px;
	text-transform		: uppercase;
	text-align			: left;
}

.news-title {
	border-bottom		: 1px dotted #444444;
	color				: #D3373F;
	font-size			: 12px; 
	font-weight			: bold; 
	line-height			: 19px;
	margin-bottom		: 10px;
	text-transform		: uppercase;
	text-align			: left;
}

.theme-subtitle, .ressource-title {
	background-image 	: url(images/chip.gif);
	background-position	: left;
	background-repeat	: no-repeat;
	color				: #890e01;
	font-size			: 12px;
	font-weight			: bold;
	padding				: 10px 10px 10px 12px;	
	margin				: 0px;
	text-align			: left;
}

.ressource-subtitle, .news-subtitle {
	color				: #890e01;
	font-size			: 11px;
	font-weight			: bold;
	margin-bottom		: 8px;
	margin-top			: 8px;
	text-align			: left;
}

.focus-subtitle {
	color				: #890e01;
	font-size			: 16px;
	line-height			: 20px;
	margin-bottom		: 8px;
	margin-top			: 8px;
	text-align			: left;
}

.focus-subtitle2 {
	color				: #890e01;
	font-size			: 13px;
	line-height			: 20px;
	margin-bottom		: 8px;
	margin-top			: 8px;
	text-align			: left;
}

.news-project {
	background-color	: #333333;
	color 				: #FFFFFF; 
	float 				: right;
	font-size 			: 13px; 
	font-weight 		: bold; 
	line-height 		: 1.5em;
	padding-left 		: 10px;
	text-transform 		: uppercase;
	width 				: 320px;
}

.text-specify {	
	border-bottom-style	: dotted;
	border-bottom-color	: #008000;
	border-bottom-width	: 1px;
}

/*---------------------------*/
/*------- TABLE LIST --------*/
/*---------------------------*/
table {
	color				: #333333;
	font-size			: 8pt; 
}

tr.listtitle {
	background-color	: #999999;
	font-size			: 10pt; 
}

tr.list0 {
	background-color	: #CCCCCC;
	font-size			: 8pt;
}

tr.list1 {
	background-color	: #FAFAFA; 
	font-size			: 8pt; 
	
}

/*---------------------------*/
/*--------- BLOC ------------*/
/*---------------------------*/
.bloc {
	background-color	: transparent;
	float				: none;
}

.bloc .haut {
	color				: #FFFFFF; 
	font-size			: 12px; 
	font-weight			: bold;
	line-height			: 1.5em;
	text-transform		: uppercase;
	text-align			: left;
}

.bloc .haut .couleur1 {
	background-color 	: #CB6600;
	color            	: #890e01;
	padding-left		: 3px;
}

.bloc .haut .couleur2 {
	background-color	: #333333;
	padding-left		: 3px;
}

.bloc .haut .couleur3 {
	background-color	: #AFAFAF;
	padding-left		: 3px;
}

.bloc .haut .homepage {
	background-color	: #FFFFFF;
	padding-left		: 3px;
	color				: #D3373F;
	border-color		: #AFAFAF;
	border-style		: solid;
	border-width		: 1px;
}

.bloc .haut .countryprofile {
	border-bottom		: 1px solid #444444;
	border-top			: 1px solid #444444;
	font-size			: 11px;
	font-weight			: normal;
	line-height			: 16px;
	text-align			: right;
}

.bloc .haut .regionprofile {
	border-bottom		: 1px solid #444444;
	border-top			: 1px solid #444444;
	font-size			: 11px;
	font-weight			: normal;
	line-height			: 16px;
	text-align			: right;
}

.bloc .bordureLateral {
	border-left			: 1px solid #CCCCCC;
	border-right		: 1px solid #CCCCCC;
	color				: #444444;
	float			 	: none;
	font-size			: 11px;
	font-weight	   		: normal;
	letter-spacing		: 0px;
	line-height			: 1.2em;
	margin				: auto;
	padding				: 7px 7px 0px;
	text-align			: left;
}

.bloc .bordureLateral .gauche { /* need to define height and width */
	float				: left;
	padding-right		: 10px;
}

.bloc .bordureLateral .droite {
	float				: none;
}
 
.bloc .basGauche {
	float			 	: left;
	background-image	: url(images/blocs/gray/round_bottom_left.gif);
	background-repeat	: no-repeat;
	height				: 9px;
	width				: 9px;
	font-size			: 2px;
}
 
.bloc .bas {
	float			 	: none;
	background-image    : url(images/blocs/gray/bottom.gif);
	background-repeat 	: repeat-x;
	font-size			: 2px;
}
 
.bloc .basDroit {
	float			 	: right;
	background-image	: url(images/blocs/gray/round_bottom_right.gif);
	background-repeat	: no-repeat;
	height				: 9px;
	width				: 9px;
	font-size			: 2px;
}

/*---------------------------*/
/*---------- LIST -----------*/
/*---------------------------*/
.bloc .corps0 {
	float			 	: none;
	border				: 0px;
	padding				: 5px;
	background-color	: #EFEFEF;
	text-align			: left;
	font-weight	   		: normal;
}

.bloc .corps0 .gauche {
	float				: left;
	padding-right		: 10px;
}

.bloc .corps0 .droite {
	float				: none;
}

.bloc .corps1 {
	float			 	: none;
	border				: 0px;
	padding				: 5px;
	background-color	: #FAFAFA;
	text-align			: left;
	font-weight	   		: normal;
}

.bloc .corps1 .gauche {
	float				: left;
	padding-right		: 10px;
}

.bloc .corps1 .droite {
	float				: none;
}

.bloc .corps0:hover, .bloc .corps1:hover {
	background-color	:#CFCFCF;
}

/*---------------------------*/
/*------ BLOC ARROUDI -------*/
/*---------------------------*/
.blocRond {
	float				: none;
	background-color	: transparent;
}

.blocRond .hautGauche {
   float			 	: left;
   background-image  	: url(images/blocs/gray/round_top_left.gif);
   background-repeat 	: no-repeat;
   height            	: 9px;
   width            	: 9px;
}

.blocRond .hautGauche a {
	font-size		 	: 2px;
}
 
.blocRond .haut {
	background-image    : url(images/blocs/gray/top.gif);
	font-size			: 5px; 
	line-height			: 1em;
	margin-left			: 9px;
	margin-right		: 9px;
	padding				: 0px;
	text-align			: left;
}

.blocRond .hautDroit {
   float				: right;
   background-image  	: url(images/blocs/gray/round_top_right.gif);
   background-repeat 	: no-repeat;
   height            	: 9px;
   width             	: 9px;
}

.blocRond .hautDroit a {
	font-size		 	: 2px;
}
 
.blocRond .bordureLateral {
	border-left			: 1px solid #CCCCCC;
	border-right		: 1px solid #CCCCCC;
	color				: #444444;
	display				: block;		/*-  ie bug peekaboo -*/
	float			 	: none;
	font-size			: 11px;
	letter-spacing		: 0px;
	line-height			: 1.2em;
	margin				: auto;
	padding				: 7px 7px 0px;
	text-align			: left;
}


.blocRond .bordureLateral .gauche{
	padding-right		: 8px;
	width				: 343px;
}

.blocRond .bordureLateral .droite{
	border-left-color	: #444444;
	border-left-style	: dotted;
	border-left-width	: 1px;
	padding-left		: 8px;
	width				: 186px;
	text-align			: left;
}
 
.blocRond .basGauche {
	float			 	: left;
	background-image	: url(images/blocs/gray/round_bottom_left.gif);
	background-repeat	: no-repeat;
	height				: 9px;
	width				: 9px;
	font-size			: 2px;
}
 
.blocRond .bas {
	float			 	: none;
	background-image	: url(images/blocs/gray/bottom.gif);
	background-repeat 	: repeat-x;
	font-size			: 2px;
	margin-left			: 9px;
	margin-right		: 9px;
}
 
.blocRond .basDroit {
	float			 	: right;
	background-image	: url(images/blocs/gray/round_bottom_right.gif);
	background-repeat	: no-repeat;
	height				: 9px;
	width				: 9px;
	font-size			: 2px;
}

/*---------------------------*/
/*--------- PUCES -----------*/
/*---------------------------*/
ul {
	margin    			: 0px;
	padding-left		: 15px;
}

.chip {
	list-style-image 	: url(images/chip.gif);
}

.chip1 {
	list-style-image 	: url(images/brun_square.gif);
}

.chip2 {
	list-style-image 	: url(images/black_square.gif);
}

.chip3 {
	list-style-image 	: url(images/gray_square.gif);
}
/*---------------------------*/
/*------ Home Service -------*/
/*---------------------------*/
.userNews {
	background-image	: url(images/userNews.jpg);
	background-position	: right bottom;
	background-repeat	: no-repeat;
}

.question {
	background-image	: url(images/questionMark.jpg);
	background-position	: right bottom;
	background-repeat	: no-repeat;
}

.glossaire {
	background-image	: url(images/glossaire.jpg);
	background-position	: right bottom;
	background-repeat	: no-repeat;
}

.ressources {
	background-image	: url(images/ressources.jpg);
	background-position	: right bottom;
	background-repeat	: no-repeat;
}

.project {
	background-image	: url(images/netgroup.jpg);
	background-position	: right bottom;
	background-repeat	: no-repeat;
}

/*---------------------------*/
/*----------- WIKI ----------*/
/*---------------------------*/
div.pre { 
	background-color	: #eeeeee; 
	color				: #000000; 
	padding				: 0 1em; 
	border				: 1px solid #dddddd; 
}

#search_input {
	border				: 1px solid #cccccc; 
	font-size			: 10px;
}

.hCountry {
	color				: #FF8237;
	font-size			: 16px;
	line-height			: 20px;
	text-align			: left;
	margin-left			: 5px;
	margin-bottom		: 8px;
	margin-top			: 8px;
	font-weight			: bold;
	border-top-color	: #000000;
	text-transform		: uppercase;
}

.title_wiki {
    height           	: 12px;    
	color            	: #890e01;
	text-transform   	: uppercase;
	font-family      	: "Verdana";
	font-size        	: 12px;
	font-weight      	: bold;
	text-align			: left;
}

.wiki-titre-orange {
	color				: #C36600;
	font-size			: 12px;
	font-weight			: bold;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing		: 0px;	
	text-align			: left;
}

/*------------------------------------------------------------------------*/
/* ------------------------------ ACYM CLASS -----------------------------*/
/*------------------------------------------------------------------------*/
.guillemet-news {
    color				: #CB6600;
    font-family			: Verdana,Arial,Helvetica,sans-serif;
    font-size			: 11px;
    letter-spacing		: 0px;
    line-height			: 14px;
    text-align			: justify;
    font-weight			: bold;
}

.title_frame {
    height           	: 12px;    
    color            	: #890e01;
    text-transform   	: uppercase;
    font-family      	: "Verdana";
    font-size        	: 12px;
    font-weight      	: bold;	
    width            	: 100%;   
    padding-top      	: 3px;
    padding-bottom   	: 5px;
    padding-left     	: 3px; 
    valign           	: middle;       
}

.border {
    border-width     	: 1px;
    border-style     	: solid;
    border-color     	: #CECECE;
}  
 
.title_frame li {
	list-style-image 	: url(images/puce_carre.gif);
}

.rightBarTitle {
    background-color 	: #FFFFCC;
    height           	: 19px;
    padding-left     	: 3px;
    color            	: #890e01;
	text-transform   	: uppercase;
	font-family      	: "Verdana";
	font-size        	: 12px;
	font-weight      	: bold;
}

.rightBarTitle li {
	list-style-image 	: url(images/puce_losange.gif);
}
/**************************************************/
/*                  Mutuelles                     */
/**************************************************/
.inventoryMenu {
	float				: none;
	background-color	: transparent;
	width				: 550px;
}

.inventoryMenu .left {
	float				: left;
	background-image  	: url(images/inventoryMenu/tab_left.gif);
  	background-repeat 	: no-repeat;
  	width				: 17px;
  	height				: 24px;
}

.inventoryMenu .center {
	float				: left;
	background-image	: url(images/inventoryMenu/tab_middle.gif);
	line-height			: 24px;
}

.inventoryMenu .right {
	float				: left;
	background-image	: url(images/inventoryMenu/tab_right.gif);
  	background-repeat 	: no-repeat;
  	width				: 7px;
  	height				: 24px;
}

.inventoryMenu .leftSelected {
	float				: left;
	background-image  	: url(images/inventoryMenu/tab_selected_left.gif);
  	background-repeat 	: no-repeat;
  	width				: 17px;
  	height				: 24px;
}

.inventoryMenu .centerSelected {
	float				: left;
	background-image	: url(images/inventoryMenu/tab_selected_middle.gif);
	line-height			: 24px;
}

.inventoryMenu .rightSelected {
	float				: left;
	background-image	: url(images/inventoryMenu/tab_selected_right.gif);
  	background-repeat 	: no-repeat;
  	width				: 7px;
  	height				: 24px;
}

.inventoryMenu .end {
	background-image	: url(images/inventoryMenu/tab_end_line.gif);
	background-repeat 	: repeat-x;
	height				: 24px;
	width				: auto
}

.inventoryButton {
	background-color	: #BF5E00;
	border-style		: outset;
	color				: #FFFFCC;;
	cursor				: pointer;
	font-weight			: bold;
	height				: 22px;
	text-align			: center;
}