
	/* CSS Document */

	/* Default styles */
	html, body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		height:100%;
		margin:0;
		padding:0;
		background-image:url(../img/environment/body_bg.gif);
		background-repeat:repeat-y;
	}
	input {font-family:Arial, Helvetica, sans-serif; padding:0 0 0 0; margin:0 0 0 0;}

	form {margin:0; padding:0}
	a img {border:0}

	.spacer {clear:both; font-size:.1em;}

	/* Environment styles */
		
	#global {
		width:780px;
	}

	#header {
		width:780px;
		height:157px;
		background-color:#fff;
		margin:0 0 1px 0;
	}

	#logo {
		float:left;
		width:213px;
		height:157px;
		background-image:url(../img/environment/logo.gif);
		background-repeat:no-repeat;
	}

	#nav {
		float:left;
		width:567px;
		background-color:#fff;
		margin:1px 0 0 0
	}

	#youare {
		float:left;
		width:206px;
		/*height:156px;*/
		margin:0 1px 0 0;
		background-color:#fff;
	}
	#youare img {margin:0 0 1px 0;}

	#youwish {
		float:left;
		width:360px;
		/*height:156px;*/
		background-color:#fff
	}

	#youareTitleen {
        width:206px;
        height:21px;
        background-color:#eae4cf;
        background-image:url(../img/environment/youare_en.gif);
        background-repeat:no-repeat;
      /*  background-position:6px 7px;*/
        margin:0 0 1px 0;
    }


	#youwishTitleen {
        width:360px;
        height:21px;
        background-image:url(../img/environment/youwish_en.gif);
        background-repeat:no-repeat;
        margin:0 0 1px 0;
    }
	
	#youareTitlees {
        width:206px;
        height:21px;
        background-color:#eae4cf;
        background-image:url(../img/environment/youare_es.gif);
        background-repeat:no-repeat;
        /*background-position:6px 7px;*/
        margin:0 0 1px 0;
    }
	
	#youwishTitlees {
        width:360px;
        height:21px;
        background-image:url(../img/environment/youwish_es.gif);
        background-repeat:no-repeat;
        margin:0 0 1px 0;
    }




	#itemsNav {
		width:355px; /* width:360px - (padding-left:5px) */
		height:124px; /* width:134px - (padding-top:10px) */
		padding:10px 0 0 5px;
		/*background-color:#353f60;*/
		/*background-image:url(../img/environment/visu.jpg);*/
		background-repeat:no-repeat;
		font-size:1em;
		color:#fff;
	}

	#itemsNav a {
		display:block;
		color:#fff;
		font-size:1em;
		padding:0 0 0 8px;
		background-image:url(../img/environment/square_orange.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		text-decoration:none;
		margin:0 0 3px 0
	}

	#itemsNav a:hover {text-decoration:underline}
	#itemsNav a.i0 {background-image:url(../img/environment/square_blue.gif);}
	#itemsNav a.i1 {background-image:url(../img/environment/square_blue.gif);}
	#itemsNav a.i2 {background-image:url(../img/environment/square_orange.gif);}
	#itemsNav a.i3 {background-image:url(../img/environment/square_orange.gif);}
	#itemsNav a.i4 {background-image:url(../img/environment/square_orange.gif);}

	#toolbar {
		width:765px; /* width:785px - (padding-left:15px) */
		height:19px; /* width:24px - (padding-top:2px + padding-bottom:3px) */
		background-color:#353f60;
		margin:0 0 2px 0;
		padding:2px 0 3px 15px;
	}

	#toolbar #flag {float:left; width:85px; margin:3px 0 0 0}
	#toolbar #flag img {margin:0 0 0 4px;}

	#toolbar #searchInWebsite {float:left; width:172px;}
	#toolbar #searchInWebsite #formulaire_recherche {width:134px; height:15px; font-size:1em; border:1px solid #dbd9d9; font-size:1em; padding:0 0 0 2px}
	#toolbar #searchInWebsite #btSearchInWebsite {position:relative; top:3px; left:3px}

	#toolbar #newsletter {float:left; width:270px;}
	#toolbar #newsletter label {color:#fff; margin:0 5px 0 0}
	#toolbar #newsletter #textNewsletter {width:134px; height:15px; font-size:1em; border:1px solid #dbd9d9; font-size:1em; padding:0 0 0 2px}
	#toolbar #newsletter #btNewsletter {position:relative; top:3px; left:3px;}

	#toolbar #map {float:left; width:225px; margin-top:3px;}
	#toolbar #map a {background-image:url(../img/environment/map.gif); background-position:0 0; padding:0 0 0 19px; background-repeat:no-repeat; text-decoration:none; font-size:1em; color:#fff}
	#toolbar #map a:hover {}



	#content {
		width:780px;
	}

	#left {
		float:left;
		background-color:#f5f5f5;
		width:210px;
	}

	#leftContent {
		width:201px; /* width:206px - (padding-left:3px + padding-right:2px) */
		margin-left:4px;
		padding:0 3px 0 2px;
		background-color:#eae4cf;
	}

	#main {
		float:left;
		width:525px; /* width:570px - (padding-left:30px + padding-right:15px) */
		padding:25px 15px 35px 30px
	}

	#menu {
		display:none;
		visibility:hidden;
		padding:0 0 0 3px;
	}
	
	#menu ul {
		margin:0;
		padding:0;
	}
	
	#menu ul li {
		list-style:none;	
		background-image:url(../img/environment/li_pts.gif);
		background-repeat:repeat-x;
		padding:5px 0 5px 0;
	}
	
	#menu ul li ul li {
		background-image:url(../img/environment/menu_dotted.gif);
		background-repeat:no-repeat;
		background-position:0 7px;
		padding:0 0 0 8px;
		margin:0 0 2px 15px;
	}
	
	#menu ul li ul li a {
		color:#213167;
	}

	#menu ul li a {
		font-size:1em;
		color:#31499a;
		text-decoration:none;
	}

	#menu ul li a:hover {
		text-decoration:underline;
	}

	.titleMainMenuen {
        width:196px;
        height:34px;
 		background-image:url(../img/environment/t_menu_principal_en.gif);
        background-repeat:no-repeat;
        background-position:2px 12px;
    }
	
	.titleMainMenues {
        width:196px;
        height:34px;
		background-image:url(../img/environment/t_menu_principal_es.gif);
        background-repeat:no-repeat;
        background-position:2px 12px;
    }


	.titleDirectory {
		width:196px;
		height:30px;
		background-image:url(../img/environment/t_annuaire.gif);
		background-repeat:no-repeat;
		background-position:2px 15px;
	}

	.searchSep {
		background-image:url(../img/environment/li_pts.gif);
		background-repeat:repeat-x;
		font-size:.1em;
		height:1px
	}

	#search {
		width:100%;
		background-color:#f3f0e4;
		margin:1px 0 1px 0
	}

	#basic {
		margin:57px 0 0 0
	}

	#basic a {
		color:#31499a;
		font-size:.8em;
		text-decoration:none
	}

	#basic a:hover {
		text-decoration:underline
	}

	#copyright {
		font-size:.8em;
		color:#a1a0a0;
		margin:7px 0 0 0
	}

	#search {
		width:195px;
		padding:3px 0 10px 3px
	}

	#search label {
		display:block;
		color:#31499a
	}

	#search #textName {
		width:135px;
		height:15px;
		font-size:1em;
		border:1px solid #9f9f9f;
		font-size:1em;
		padding:0 0 0 2px
	}

	#search #comboServices {
		width:140px;
		font-size:1em
	}

	#search .btValidate {
		position:relative;
		left:2px;
		top:3px;
	}

	/* Compass */
	.compass {
		color:#304999;
		margin:0 0 0 0;
		font-size:1em;
		margin:0 0 10px 0
	}
	
	.compass ul {
		margin:2px 0 0 0;
		padding-left:0;
		display:inline;
		border:none;
	} 
	
	.compass ul li {
		margin-left:0;
		padding-left:2px;
		border:none;
		list-style:none;
		display:inline;
	}
	
	.compass ul li .first {
		color:#fd9800;
		font-weight:normal
	}

	.compass ul li a {
		color:#304999;
		text-decoration:none;
		font-weight:normal
	}

	.compass ul li a:hover {
		text-decoration:underline
	}

	/* Content Intern Styles */
	.rub {width:515px;}
	.rub .title {color:#f39f00; font-weight:bold; font-size:1.2em; margin:0 0 3px 0}
	.rub .subtitle {color:#888; margin:5px 0 5px 0; font-size:1.2em;}
	.rub .description {color:#31499a; margin:5px 0 5px 0; font-size:1.2em; text-align:justify;}
	.rub .text {color:#000; margin:5px 0 5px 0; font-size:1.2em; text-align:justify;}
	.rub a {color:#f39f00; text-decoration:none; font-weight:normal}
	.rub a:hover {text-decoration:underline}

	.article {width:515px; border-bottom:1px dashed #c8c1a4; padding:0 0 5px 0; margin:0 0 10px 0; font-size:1em;}

	.article .title {color:#f39f00; font-weight:bold; font-size:1.2em; margin:0 0 3px 0}
	.article .subtitle {color:#888; font-size:1.2em; margin:5px 0 5px 0}
	.article .description {color:#31499a; font-size:1.2em; margin:5px 0 5px 0; text-align:justify;}
	.article .text {color:#000; font-size:1.2em; margin:5px 0 5px 0; text-align:justify;}


	.article a {color:#f39f00; text-decoration:none; font-weight:normal; }
	.article a:hover {text-decoration:underline}

/*
	.article ul {
		margin:2px 0 2px 0;
		padding-left:30px;
		
	}
	
	.article ul li {
		padding-left:15px;
		margin:2px 0 2px 0;
	}

	.article ul li a {
		font-size:1em;
		color:#343f5f;
		text-decoration:none;
		font-weight:normal;
	}

	.article ul li a:hover {
		text-decoration:underline;
	}
*/
	


	/* Table */

	.article table {width:auto; border:0; border-collapse:collapse}
	.article table td {padding:0}

	.article table tr.headLine td.col2, .tableTemplate tr.headLine td.col4 {width:1px; background-color:#fff; font-size:.1em}
	.article table tr.l1 td.col2, .tableTemplate tr.l1 td.col4 {width:1px; background-color:#e9e5e2; font-size:.1em}
	.article table tr.l2 td.col2, .tableTemplate tr.l2 td.col4 {width:1px; background-color:#fff; font-size:.1em}

	.article table tr.headLine {background-color:#e7e6e2}
	.article table tr.l1 {background-color:#fff}
	.article table tr.l2 {background-color:#fceccb}
	.article table tr.headLine td {color:#343e61; font-size:1.1em; height:19px; font-weight:normal}
	.article table td {height:19px}

	.article table td.col1 {padding:0 3px 0 10px; color:#6c6c6c}
	.article table td.col3 {padding:0 3px 0 3px; text-align:center; color:#6c6c6c}
	.article table td.col5 {padding:0 3px 0 3px; text-align:center}

	.article table td.col5 a {color:#f69e00; font-weight:normal; text-decoration:none}
	.article table td.col5 a:hover {text-decoration:underline}


