body{
	margin				:0;
	padding			:0;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
}
a {
	color				:#606060;
	text-decoration		:none;
}
a:hover {
	color				:#FF6600;
	text-decoration		:underline;
}
#page {
	width				:1013px;
}
#header {
	height				:80px;
	background-image	:url(../images/astime_02.jpg);
	background-repeat	:no-repeat;
	background-position	:20px 10px;
}
#logo img {
	width				:180px;
	height				:60px;
	border				:0;
	float				:left;
	margin-top			:10px;
	margin-left			:15px;
}
#message img {
	border				:0;
	float				:left;
	margin-top			:0px;
	margin-left			:30px;
}
#langues {
	text-align			:right;
	margin-right			:30px;
	color				:#AAA;
	text-transform		:uppercase;
	font-size			:10px;
	padding-top			:10px;
}
#agences {
	margin-top			:30px;
	margin-right			:30px;
	text-align			:right;
}
#agences select {
	border				:1px solid #CCC;
	padding			:2px;
	font-size			:10px;
	width				:150px;
}
#footer {
	clear				:left;
	text-align			:center;
	color				:#AAA;
	text-transform		:uppercase;
	font-size			:10px;
	padding-top			:10px;
	margin-bottom		:10px;
}
#langues a, #footer a {
	color				:#AAA;
	text-decoration		:none;
}
#langues a:hover, #footer a:hover {
	color				:#EA664C;
	text-decoration		:underline;
}
/*---------------------------
	MENU
----------------------------*/
#menu {
	float			:left;
	width			:150px;
	text-align		:right;
	margin-top		:20px;
}
#menu ul {
	border-top		:1px dotted #EAEAEA;
	list-style-type	:none;
	margin			:0px;
	padding			:0px;
}

#menu ul li a {
	display			:block;
	line-height		:30px;
	font-size		:9px;
	text-transform	:uppercase;
	color			:#333399;
	font-weight		:bold;
	width			:100%;
	text-decoration	:none;
	padding-right	:10px;
	border-bottom	:1px dotted #EAEAEA;
	padding-bottom	:1px;
}
#menu ul li a.menuactive {
	background-color:#D90E11;
	color			:#FFF;
}
#menu ul li a:hover {
	background-color:#D90E11;
	color			:#FFF;
}

#menu ul ul li a {
	display			:block;
	line-height		:20px;
	font-size		:9px;
	text-transform	:none;
	color			:#000000;
	font-weight		:bold;
	width			:100%;
	text-decoration	:none;
	padding-right	:10px;
	border-bottom	:1px dotted #EAEAEA;
	padding-bottom	:1px;
	background-color:#F9F9F9;
}
#menu ul ul li a.menuactive {
	background-color:#F23C40;
	color			:#FFF;
}
#menu ul ul li a:hover {
	background-color:#F23C40;
	color			:#FFF;
}


/*---------------------------
	1° page
----------------------------*/
#recherche {
	float					:left;
	width					:274px;
	margin-left				:10px;
	height					:300px;
}
/*---------------------------
	INFORMATION
----------------------------*/
#info {
	float				:left;
	background-color	:#F9F9F9;
	width				:570px;
	padding				:10px;
	height				:500px;
}
html>body #info {
	height				:auto;
	min-height			:500px;
} 

h1 {
	margin				:20px 0 0 20px;
	background-image	:url(../images/cube_52.jpg);
	padding-left		:30px;
	background-repeat	:no-repeat;
	background-position	:0% 70%;
	font-family			:Arial, Helvetica, sans-serif;
	font-size			:20px;
	font-weight			:bold;
	color				:#333399;
}
h2 {
	padding				:0;
	margin				:0 0 15px 0;
}
#souligne {
	border-top			:2px solid #333399;
	padding-top			:20px;
	margin				:0 20px 0 50px;
}
#texte {
	font-size			:12px;
	color				:#003399;
	margin-right		:15px;
	margin-left			:15px;
	line-height			:18px;
	text-align			:justify;
	margin-bottom		:30px;
}
#texte ul {
	margin				:0 0 5px 0;
	padding				:10px;
}
#deco {
	float				:left;
	width				:260px;
	
}
/*---------------------------
	ACTUALITES
----------------------------*/
#actu {
	padding				:10px 0 0 0;
	border-bottom		:1px solid #E5E5E5;
}

p.actu_titre {
	margin				:0 0 10px 0;
	padding				:0px;
	font-weight			:bold;
	color				:#000099;
	font-size			:14px;
	font-family			:Geneva, Arial, Helvetica, sans-serif;
}
p.actu_image {
	float				:left;
	margin				:0 10px 10px 0;
}

p.actu_prod {
	height				:100px;
	background-color	:#FFF;
	border-left			:3px solid #CCC;
	padding				:5px;
	margin				:5px 0 10px 0;
}
p.actu_prod label {
	text-decoration		:underline;
}
p.actu_prod img {
	float				:left;
	margin-right		:5px;
}

p.actu_resume {
	font-size			:11px;
	margin				:5px 0 10px 0;
	padding				:10px;
	border-left			:3px solid #CCC;
	background-color	:#FFF;
}

#actu_complete {
	font-size			:12px;
	margin				:0;
	padding				:10px 20px 10px 20px;
	border				:1px solid #CCC;
	background-color	:#FFF;
	height				:400px;
}
html>body #actu_complete {
	height				:auto;
	min-height			:400px;
} 


#actu_complete ul {
	margin-left			:25px;
}
#actu_back {
	margin-top			:10px;
}

#ariane_pages {
	margin-top			:10px;
	text-align			:right;
}
#ariane_pages span {
	border				:1px solid #039;
	background-color	:#039;
	color				:#FFF;
	padding				:2px;
}
#ariane_pages a {
	border				:1px solid #606060;
	padding				:2px;
}

/*---------------------------
	RECRUTEMENT
----------------------------*/
#offre {
	margin-bottom		:10px;
	padding-bottom		:10px;
	border-bottom		:1px solid #CCC;
}
p.offre_resume {
	font-size			:11px;
	margin				:5px 0 10px 0;
	padding				:10px;
	border-left			:3px solid #CCC;
	background-color	:#FFF;
}

#offre-job a {
	display				:block;
	width				:200px;
	background-color	:#039;
	line-height			:30px;
	margin-left			:auto;
	margin-right		:auto;
	text-align			:center;
	color				:#FFFFFF;
	font-weight			:bold;
	text-transform		:uppercase;
	text-decoration		:none;
}
#offre-postule {
	margin-top			:20px;
}
#offre-postule label {
	font-weight			:bold;
	float				:left;
	width				:85px;
}
/*---------------------------
	AGENCES
----------------------------*/
p.acces_agences {
	font-size			:12px;
	color				:#039;
	text-transform		:uppercase;
}
#interlocuteurs {
	min-height			:200px;
	border				:1px solid #CCC;
	margin				:0;
	padding				:5px;
	background-color	:#FFF;
	vertical-align		:top;
}
#inter_img {
	float				:right;
	width				:200px;
	margin-left			:20px;
	border				:1px solid #CCC;
}

#agence_adresse, #agence_coord {
	float				:left;
	margin-top			:20px;
	margin-bottom		:20px;
	width				:220px;
	padding				:5px 0px 5px 20px;
	/*background-color	:#F5F5F5;*/
}
#agence_coord label {
	float				:left;
	width				:85px;
}
#agence_presentation {
	clear				:left;
	border				:1px dashed #CCC;
	padding				:5px;
	background-color	:#FFFFFF;
}
#agence_offres {
	clear				:both;
	text-align			:center;
	margin-top			:20px;
}
#agence_offres input {
	width				:200px;
	height				:30px;
	background-color	:#339;
	color				:#FFF;
	text-align			:center;
	border				:0;
	text-transform		:uppercase;
	font-weight			:bold;
	font-size			:10px;
}
/*---------------------------
	SOUS MENU AGENCES
----------------------------*/
#sousmenu {
	border-bottom			:1px solid #006;
	margin-bottom			:30px;
}

#sousmenu ul
{
	height					: 20px;
	margin					: 0;
	padding					: 0;
	list-style-type			: none;
	padding-left			: 5px;
}

#sousmenu ul li
{
	float					: left ;
	text-align				: center;
}

#sousmenu ul li a
{
	line-height				: 20px;
	color					: #AAA;
	display					: block;
	text-decoration			: none;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 11px;
	font-weight				: bold;
	margin-right 			: 2px;
	border-top 				: 1px solid #AAA;
	border-left 			: 1px solid #AAA;
	border-right			: 1px solid #AAA;
	padding-left			: 10px;
	padding-right			: 10px;
}

#sousmenu ul li a:hover {
	color					: #006;
	border-top 				: 1px solid #006;
	border-left 			: 1px solid #006;
	border-right			: 1px solid #006;
}

#sousmenu ul li.active a, #sousmenu ul li.active a:hover {
	color					: #FFF;
	background-color		: #006;
	border-top 				: 1px solid #006;
	border-left 			: 1px solid #006;
	border-right			: 1px solid #006;
}
/*---------------------------
	SOUS MENU AGENCES
----------------------------
#sousmenu ul
{
	height				:15px;
	margin				:0 0 20px 20px;
	padding				:0;
	list-style-type		:none;
}

#sousmenu ul li
{
	float				:left ;
	font-size			:11px;
	margin-right		:8px;
	font-family			:Arial, Helvetica, sans-serif;
	text-transform		:uppercase;
	color				:#000;
}
#sousmenu ul li a
{
	text-decoration		:underline;
	color				:#000;
}
#sousmenu ul li a:hover
{
	text-decoration		:underline;
	color				:#FF6600;
}*/
/*---------------------------
	FORMULAIRE
----------------------------*/
#actu_complete form {
	margin-top			:20px;
}
#form-row {
	padding				:5px;
	margin				:5px;
	border-bottom		:1px solid #CCC;
}
#form-row label {
	float				:left;
	width				:90px;
	font-weight			:bold;
}
#form-row input.champnormal {
	width				:250px;
}
#form-row textarea.champnormal {
	width				:250px;
	height				:50px;
}
.boutton {
	padding				:2px 5px 2px 5px;
	background-color	:#339;
	color				:#FFF;
	border				:0;
}
/*---------------------------
	SITE PRODUIT
----------------------------*/

#edito {
	float					:left;
	width					:200px;
	border-right			:1px dotted #000;
	padding-right			:15px;
}
/*---------------------------
	Envoi message
----------------------------*/
p.send {
	border					:1px solid #666666;
	padding					:3px;
	text-align				:center;
}

