/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595b;
	}
	
a{color:#1a6891; text-decoration:none;}
a:hover{color:#003f5e; text-decoration:underline;}
	
#main{
	width:900px;
	margin:auto;
	}

h1{
	color:#1a6891;
	font-size:15px;
	margin-top:10px;
	border-bottom:1px solid #1a6891;
	}
h2{
	color:#1a6891;
	font-size:14px;
	}	
h3{
	font-family:Verdana;
	font-size:15px;
	color:#003f5e;
	margin:20px 0 10px 0;
	}

h5{
	color:#1a6891;
	}

#entete{
	background:url(images/logo_techaid.gif) no-repeat;
	height:85px;
	position:relative;
	margin-top:10px;
	padding-top:33px;
	}
#entete_en{
	background:url(images/logo_techaid_en.gif) no-repeat;
	height:85px;
	position:relative;
	margin-top:10px;
	padding-top:33px;
	}
#logo{
	width:263px;
	height:85px;
	display:block;
	float:left;
	}
#logo a{
	width:263px;
	height:85px;
	display:block;
	}

#contenu{
	margin:5px 0 30px 0;
	background:url(images/fond_pages.gif);
	overflow:auto;
	}
#contenu_accueil{
	margin:5px 0 30px 0;
	background:url(images/fond_pages_accueil.gif);
	overflow:auto;
	_height: 200px;
	min-height:200px;
	}
#contenu_form{
	margin:5px 0 5px 0;
	background:url(images/fond_pages.gif);
	overflow:hidden;
	color:#023f5e;
	}
	
#images{
	width:180px;
	float:left;
	color:#FFFFFF;
	}
#images h1{
	font-size:14px;
	color:#FFFFFF;
	border:0;
	margin:10px;
	}
#images p{
	margin:10px;
	}
#images a{color:#FFFFFF; text-decoration:none;}
#images a:hover{color:#003f5e;}

#texte{
	width:675px;
	_width: 635px;
	margin-left:185px;
	padding:5px 20px 15px 20px;
	}
	
.bouton_centre{
	text-align:center;
	}	

#footer{
	width:900px;
	text-align:center;
	font-size:11px;
	}
#footer a{color:#58595b; text-decoration:none;}

/* //// menus ---------------------------------------------------------------------------------------- */

#menu_top{
	float:right;
	}
#menu_top ul{
	list-style-type:none;
	margin:0;
	}
#menu_top ul li{
	float:left;
	padding-left:10px;
	margin:0 0 0 20px;
	background:url(images/puce.gif) no-repeat center left;
	}
	
#menu_top a{color:#58595b; text-decoration:none;}
#menu_top a:hover{color:#1A6891; text-decoration:underline;}

#menu_holder{
	float:right;
	margin-top:15px;
	}


.center{text-align:center; border-right:1px solid #1a6891; border-top:1px solid #1a6891; border-bottom:1px solid #1a6891; line-height:20px;}


#menu ol, #menu ul, #menu li	{margin: 0; padding: 0; list-style-type: none; color:#1a6891; }
#menu 					{position: relative; z-index: 100; width:607px;}
#menu .section		 	{background:#ffffff; position: absolute; z-index: 210; width: 120px; margin-top:22px; margin-left:-1px;}
#menu .section li 		{text-align: center; font-size: 12px; letter-spacing :auto;}
#menu .section a 		{letter-spacing :normal; color:#1a6891; text-decoration: none; border: 0 none; display: block; padding:0; border-bottom:1px solid #1a6891; border-right:1px solid #1a6891; border-left:1px solid #1a6891;}
#menu .section a:hover	{color:#FFFFFF; background:#1a6891;}/*003f5e*/
#menu .menu 			{float: left; text-decoration: none; border: 0 none;}

#menu1 a				{width: 120px; height:20px; text-decoration:none; overflow:hidden; display: block; color:#1a6891; line-height:20px;}
#menu1 a:hover			{color:#FFFFFF; background:#1a6891;}

#menu2 a				{width: 120px; height:20px; text-decoration:none; overflow:hidden; display: block; color:#1a6891; line-height:20px;}
#menu2 a:hover			{color:#FFFFFF; background:#1a6891;}

#menu3 a				{width: 120px; height:20px; text-decoration:none; overflow:hidden; display: block; color:#1a6891; line-height:20px;}
#menu3 a:hover			{color:#FFFFFF; background:#1a6891;}

#menu4 a				{width: 120px; height:20px; text-decoration:none; overflow:hidden; display: block; color:#1a6891; line-height:20px;}
#menu4 a:hover			{color:#FFFFFF; background:#1a6891;}

#menu5 a				{width: 120px; height:20px; text-decoration:none; overflow:hidden; display: block; color:#1a6891; line-height:20px;}
#menu5 a:hover			{color:#FFFFFF; background:#1a6891;}
/*#menu5 				{float: left; width: 120px; height: 22px; overflow:hidden; cursor: pointer; cursor: hand;}
#menu5:hover			{color:#FFFFFF; background:#1a6891;}*/

/* ----------------------------------------------------------------------------------------------------*/

/* ---- accueil -------------------------------------------- */

#slogan{
	font-size:20px;
	color:#003f5e;
	float:left;
	width:430px;
	padding:50px 0 0 30px;
	}
#contenu_accueil ul{
	margin:0 0 10px 0;
	padding:0 0 0 25px;
	list-style-type:none;
	list-style-image:url(images/puce_fleches.gif);
	}
#contenu_accueil ul li{
	margin:0;
	padding:0;
	}
#images #liste_emplois li{
	font-weight:bold;
	}
#nouvelles{
	color:#ffffff;
	float:right;
	width:200px;
	padding-right:7px;
	}
#nouvelles h1{
	font-size:14px;
	color:#FFFFFF;
	border:0;
	margin:10px 0 5px 10px;
	}
#nouvelles a{color:#FFFFFF; text-decoration:none;}
#nouvelles a:hover{color:#b1c7d0;}

/* --------------------------------------------------------- */

/* ---- profil- -------------------------------------------- */


	
/* --------------------------------------------------------- */

/* ---- emplois ------------------------------------------- */

.col_emplois{
	float:left;
	width:150px;
	padding-bottom:20px;
	}

.description{
	width:530px;
	_width:490px;
	text-align:justify;
	}
	
.btn_emplois{
	width:125px;
	float:right;
	}
	
.btn_postuler{
	background:#1a6891;
	padding:10px;
	color:white;
	font-size:14px;
	text-align:center;
	display:block;
	text-decoration:none;
	}
.btn_postuler:hover{
	background:#459cc9;
	padding:10px;
	color:white;
	font-size:14px;
	text-align:center;
	display:block;
	text-decoration:none;
	}

.btn_envoyer{
	background:#003f5e;
	padding:5px;
	color:white;
	font-size:13px;
	text-align:center;
	display:block;
	text-decoration:none;
	}
.btn_envoyer:hover{background:#459cc9; color:white; text-decoration:none;}

.retour_haut{
	display:block;
	height:35px;
	width:125px;
	background:url(images/retour_haut.gif);
	background-position:0 0;
	}
.retour_haut:hover{
	background-position:0 -35px;
	}
.retour_haut_en{
	display:block;
	height:30px;
	width:125px;
	background:url(images/retour_haut_en.gif);
	background-position:0 0;
	}
.retour_haut_en:hover{
	background-position:0 -30px;
	}

/* --------------------------------------------------------- */


/* ---- formulaire------------------------------------------ */

form.formulaire p{
	height:35px;
	margin:10px 0 10px 0;
	color:#023f5e;
	}
form.formulaire .col{
	float:left;
	margin-right:15px;
	_width:250px;
	}
#form_titre{
	font-size:16px;
	background:#003f5e;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0 3px 10px;
	}

label{
	color:#023f5e;
	margin-top:20px;
	}

.champ_txt{
	width:270px;
	}
form.formulaire textarea{
	width:550px;
	height:60px;
	margin:0;
                font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

/* --------------------------------------------------------- */

/* ---- contact -------------------------------------------- */

#cv{
	width:270px;
	float:right;
	margin-right:20px;
	padding:10px;
	border:1px solid #e8c89b;
	}

/* --------------------------------------------------------- */

/* ---- plan du site --------------------------------------- */

.sitemap{
	float:left;
	width:200px;
	_width:190px;
	margin:10px;
	}
	
.sitemap .section{
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #F7A11A;
	}
	
.sitemap .section a, .sitemap .section a:hover{color:#58595B; text-decoration:none;}
	
.sitemap ul{
	margin:0 0 0 20px;
	padding:0;
	list-style-image:url(images/puce.gif);
	}
/* --------------------------------------------------------- */