body

{
	text-align:center;
	
	font-family:Arial;

	background-image:url('/themes/datus/images/bckg_body_dra.gif');

	background-position:left;

	background-repeat:repeat;

	font-size:12px;

	margin:0px 0px 20px 0px;

}



div#wrapper

{	

margin-left:auto;
margin-right:auto;
position:relative;
width:1105px;
	text-align:left;
}



div#header

{

	background-image:url('/themes/datus/images/header_bckg_datus.gif');

	background-repeat:no-repeat;

	background-position:top;

	height:118;

	width:1105px;

	position:relative;

}

a#link-logo

{
	position:absolute;
	background-image:url('/themes/datus/images/logo_dra1.jpg');
	background-repeat:no-repeat;
	height:77px;
	width:214px;
	text-decoration:none;
	margin-left: 1px!important!;
}



a#link-logo span

{

	visibility:hidden;

}



span#titre-header

{

	display:block;

	position:absolute;

	top:20px;

	left:260px;

	color:#482219;

}

span#titre-header h1

{

	line-height:25px;

	margin-bottom:5px;

	font-size:28px;

}
span#titre-header h2 

{
	margin-top:0px;
	font-size:11px;
	text-decoration: none;
}

span#titre-header h2 a

{
	margin-top:0px;
	font-size:11px;
	text-decoration: none;
}

span#titre-header h2 a:hover

{
	color:#69696A;
	margin-top:0px;
	font-size:11px;
	text-decoration: none;
}



div#link-header-container

{

	position:absolute;

	top:94px;

	left:780px;

	color: #00aed9;

	font-size:12px;

}

div#link-header-container a

{

	color:#FFFFFF;

	padding:0px 10px;

	text-decoration:none;

	font-weight:normal;

	font-size:12px;

}

div#link-header-container a:hover

{

	text-decoration:underline;

}

td#rightContent

{

	background-image:url('/themes/datus/images/image_conteneur_bckg.gif');

	background-position:top left;

	background-repeat:repeat-y;

	background-color:white;

	

}



div#PageContent

{

margin:10px 20px 20px 30px;
text-align:left;

}



div.moduleActualite

{

	width:241px;

	height:117px;

	background-image:url('/themes/datus/images/actualite_DRA.jpg');

	background-position:top left;

	background-repeat:no-repeat;

	margin-left:35px;

	margin-top:20px;

	position:relative;

}

div.moduleActualite h2

{

	position:absolute;

	top:68px;

	left:40px;

	color:#FFFFFF;

	font-style:italic;

	font-size:12px;

}



div.module

{

background-image:url(/themes/datus/images/bckg_module_conteneur_dra.gif);
background-position:left center;
background-repeat:repeat-y;
margin-left:32px;
margin-top:40px;
position:relative;
width:244px;

}

div.module p, div.module h1

{

	margin-left:10px;

	margin-right:10px;

}

div.module h1

{

	margin-top:5px;

}

div.module h1 span

{

	font-size:16px;

}

div.module h1 span.sstitre

{

	font-size:12px;

}



ul.liModule

{

	margin-left: 10px;


}

ul.liModule li

{

	list-style-image: none;

	list-style:none;

	background-image:url('/themes/datus/images/puce-fleche-datus.gif');

	background-repeat:no-repeat;

	background-position:2px 6px;

	padding-left:15px;



}

div.module1

{

background-image:url(/themes/datus/images/bckg_module_conteneur_dra.gif);
background-position:left center;
background-repeat:repeat-y;
float:left;
margin-right:30px;
margin-top:15px;
position:relative;
width:244px;

}

div.module1 p, div.module1 h1

{

	margin-left:10px;

	margin-right:10px;

}

div.module1 h1

{

	margin-top:5px;

}

div.module1 h1 span

{

	font-size:16px;

}

div.module1 h1 span.sstitre

{

	font-size:12px;

}







/*** Menu ***/



td#leftContent

{

	background-color:#FFFFFF;

	width:201px;

	position:relative;

}









ul#nav, ul#nav ul

{
	font-size:11px;
	margin-left:0px;
}

ul#nav li

{

	list-style:none;

	padding-left:0;

}





ul#nav li.level0

{

	list-style:none;

	background-image:url('/themes/datus/images/bckg_menu_maitrise_ouvrage.gif');

	background-position:left bottom;

	background-repeat:no-repeat;

	padding:10px 0px 20px 0px;

	



}

ul#nav li.level0 a

{
	color:#525253;
	text-transform:uppercase;
	text-decoration:none;
	padding-left: 6px;
}

ul#nav li.level0 a:hover

{

	color: #00aed9;

	text-decoration:none;

}



ul#nav ul

{

	padding:10px 0px;

	background-image:url('/themes/datus/images/bckg_sousmenu_conseils.gif');

	background-repeat:repeat;

	background-position:left;

}

ul#nav li.level1

{

	font-size:11px;

	line-height:15px;

	margin-left:0;
	
	padding-left:15px;

	list-style-image:none;

	

}

ul#nav li.level1 a

{

	text-transform:none;

	color:#FFFFFF;

	text-decoration:none;

}

ul#nav li.level1 a:hover	

{

	text-decoration:underline;

	color:#FFFFFF;

}







div#contactContainer

{

	background-image:url('/themes/datus/images/contact-datus-informatique.jpg');

	background-repeat:no-repeat;

	background-position:top left;

	width:166px;

	_width:201px;

	height:180px;

	position:relative;

	padding-left:25px;

	padding-top:1px;

	margin-top:40px;
	
	width:176px;

}

div#contactContainer h1

{

	color:#FFFFFF;

	text-transform:uppercase;

	margin-bottom:18px;

}

div#contactContainer p, div#contactContainer a

{

	color:#FFFFFF;

}



#LinkContact 

{

	margin-top:14px;

}

#LinkContact a 

{

	font-weight:normal;

	padding-right:10px;

}

#LinkContact a:hover

{

	text-decoration:none;

}





/**** Footer ****/

div#footLinks

{
	margin-top:10px;
	color: #00aed9;
}

div#footer a

{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:normal;
	font-size:12px;

}

div#footLinks a:hover

{
	text-decoration:underline;
}
input {
	border: 1px solid #999999;
}

textarea {
	border: 1px solid #999999;
}
.titre_emploi {
	font-size: 14px;
	color: #66AED9;
	text-decoration: underline;
	padding-left: 0px;
	font-weight: bold;
}
.titre_emploi a {
	background-color: #00AED9;
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
.cont {
	background-color:#0099FF;
	color:#FFFFFF;
	padding:10px;
	width:370px;
	text-decoration: underline;
}
#footer{
margin-left:auto;
margin-right:auto;
width:1105px;
text-align:center;
padding-left:50px!important!;

}
div#tooltip {
 position:absolute;
 visibility:hidden;
 z-index:100;
 left : -120px;
 background-color:#666;
 padding:0.5em;
 font-size:0.8em;
 font-weight : bold;
 color : #f00; 
 }