body {
	background:#999994 url(Images/background.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
}

#conteneur
{
    width: 740px;
    margin: auto;
    padding: auto;
    text-align: left;
    background-color: #ffffff;
    }
    
#conteneurbaseline
{
    position: absolute;
    z-index: 0;
    width: 740px;
    margin: 0;
    padding: 0;
    }

img {
	border-width: 0;
}

.spacer{
	width:1px;
	height:1px;
	
	}



/* 0 BASIC TAGS */

table {
	margin: 0px;
	padding: 0px
	border: none;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family:  Arial, Helvetica, Tahoma, sans-serif;
}

h1 {
	/*position: absolute;*/
	left: 37px;
	top: 12px;
	/*text-transform: uppercase;*/
	font-size: 16px;
}

h2 {
	/*position: absolute;*/
	left: 37px;
	top: 45px;
	font-size: 12px;
}


h3 {
	font-size: 11px;
	line-height: 1.2em;
	font-weight:normal;
}
h4 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
}


p {
	line-height: 1.4em;
}

ul {
	padding:0px;

}

li {
	line-height: 1.8em;
	padding:0px 0px 0px 15px;
}

ol {
	line-height: 1.8em;
	padding:0px 0px 0px 15px;
}

hr {
	border: 0;
	border-top: 1px solid #505050;
	height: 1px;
}





/* 1 HEADER */

#header {
	background-image: url(Images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 740px;
	height: 162px;
	margin: 0px 0px 10px 0px;
	/*background-color:#00CCFF;*/
	background-color:#FFFFFF;
	
	
}

/* 1 HEADER */
#ssheader {
	/*position: absolute;*/ /*pour avoir le même calage sur IE et Mozilla*/
	top: 162px;	/*pour avoir le même calage sur IE et Mozilla*/
	width: 740px;
	height: 14px;
	margin: 0px 0px 10px 0px;
	z-index:200;
	/*clear:both;*/
	background-color:#ffffff;
	float:left;
}

#retourAccueil {
	float:left;
}
#contactHeader {
	text-align:right;
	margin-right:12px;
	padding-top:100px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
}
#contactHeader a{
	color:#FFFFFF;
	text-decoration:none;
	
}
#contactHeader a:hover{
	color:#b6b7b7;	
}

/* SLIDER */

#slidernews {
	width: 735px;
	height: 110px;
	margin-left:5px;
	margin-top:10px;
	/*padding-left:5px;*/
	background-color:#0000FF;
	/*border:#999999 solid 1px;*/
	float:left;
		
}


/* MENU 1 */

.classmenua {
	position: absolute;
	left: 5px;
	top: 130px;
	font-size: 10px;
	font-weight: bold;
	z-index:500;}

.classmenua a {
	text-decoration: none;
	color: #ffffff;
}


.classmenua a:hover {
	text-decoration: none;
	color: #e0eb8c;
}


.classmenua a:active {
	text-decoration: none;
	color: #e0eb8c;
}


/* SSMENU 1 */

.ssmenu1{
    background-color: #4678bb;
    z-index: 1;
    width: 150px;
    height: 20px;
    padding: 0px 5px;

}


/* MENU 2 */

.fondG-menub{
	background:url(Images/fond/BG-barre-sous-menu.gif) no-repeat ;
	width: 9px;
	height:24px;
	float: left;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	

}


#middle-menub{

	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	height: 22px;
	line-height: 20px;	
	margin: 0px;
	position: absolute;
	left: 9px;
	width: 722px;
	background-color:#FFFFFF;
}

#langage{
    float: right;
    height: 22px;
    color:#a1a1a1;
	font-size: 9px;
	margin-right: 5px;
}

#langage a {
    text-decoration:none;
    color:#a1a1a1;
}

#langage a:hover {
    text-decoration:none;
    color: #853d7d;
}

.classmenub{

	font-size: 10px;
	line-height: 20px;	
	margin: 0px;
}

.classmenub a {
	text-decoration: none;
	color: #4678bb;
}


.classmenub a:hover {
	text-decoration: none;
	color: #6cb2b3;
}

.fondD-menub{
    background:url(Images/fond/BD-barre-sous-menu.gif) no-repeat;
    width:9px;
    height:24px;
    float: right;
   	margin: 0px;
}





/* 2. HOME PAGE */

#page{
	width: 735px;
	margin-top:140px;
	padding-left:5px;
	padding-top: 1px; /* Bug Mozilla */
	padding-bottom: 15px; /* Bug Mozilla */
	/*background-color:#99FF00;*/
	
	
	
	
}

#page-contenu {	
	margin-top:10px;
	min-height: 400px;
	
	
}


	/* CONTENT */

#content 
{
	width: 567px;
	/*background:url(Images/fond/bg-elephant.jpg) no-repeat;*/
	background-color: #ffffff;
	/*height: 526px;*/
	height: 620px;

}


	/* SIDEBAR */
	
#menub{
	margin: 0px;
	float:left;
	height: 24px;
	width: 740px;
	
}
	
#sidebar 
{
	width: 160px;
	/*height: 100%;*/
	
}


#whatsnew {
	float: left;
	width: 200px;
	height: 100%;
}


.bt-liresuite{
    color: #333333;
    width: 140px;
    height: 14px;
    font-size: 1em;
    text-align: right;
    margin-top: 15px;

}

.bt-liresuite a{
    color: #333333;
    text-decoration: none;
    padding-right: 10px;
}

.bt-liresuite a:hover{
    color: #4678bb;
    text-decoration: none;
}


/* CONTENU ACCUEIL */

#accueil {
	margin-top: 0px;
	float:left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 510px;
}


.icotitre{	
    font-size: 12px;
    color: #6cb2b3;
    padding-left:10px;
    letter-spacing:3px;

}


.icotext{
	font-size: 11px;
    color: #87887f;
    padding:0px 10px 10px;
}

.imicone{
	vertical-align:top;
	}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color:#000000;
}

#menu-accueil {
	float:left;
}
/* ----------------------------------------------------menu 4 BU-------------------------------------------- */
.titreBU {
	text-align:right;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	padding-right:12px;
	padding-top:5px;
	height:18px;
}
.titreBU a{
	text-decoration:none;
	color:#FFFFFF;
	float:right;

}
.photoBU {
	width:158px;
	height:117px;
	padding-left:7px;
	margin:0px;
	float:left;

}
.titreBU h1{
	text-align:right;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
}
/* ----------------------------BU1---------------------------- */
#menu-BU1 {
	background:url(Images/icones/img-audit.jpg) no-repeat;
	background-color:#853c7c;
	margin-bottom:10px;
	width:554px;
	height:144px;
	clear:both;
}
#text-BU1 {
	background-color:#ffffff;
	text-align:justify;
	margin-left: 180px;
	margin-top:25px;
	width:350px;
}
#text-BU1 a{
	text-decoration:none;
	color:#853c7c;
}
#text-BU1 a:hover{
	color:#000000;
}
/* ----------------------------BU2---------------------------- */

#menu-BU2 {
	background:url(Images/icones/img-gesArchi.jpg) no-repeat;
	background-color:#d06233;
	margin-bottom:10px;
	width:554px;
	height:144px;
	clear:both;
}
#text-BU2 {
	background-color:#ffffff;
	/*background-color:#CCCCCC;*/
	text-align:justify;
	margin-left: 180px;
	margin-top:25px;
	width:350px;
}
#text-BU2 a{
	text-decoration:none;
	color:#d06233;
}
#text-BU2 a:hover{
	color:#000000;
}
/* ----------------------------BU3---------------------------- */
#menu-BU3 {
	background:url(Images/icones/img-solutions.jpg) no-repeat;
	background-color:#af2e23;
	margin-bottom:10px;
	width:554px;
	height:144px;
	clear:both;
}
#text-BU3 {
	background-color:#ffffff;
	text-align:justify;
	margin-left: 180px;
	margin-top:25px;
	width:350px;
}
#text-BU3 a{
	text-decoration:none;
	color:#af2e23;
}
#text-BU3 a:hover{
	color:#000000;
}
/* ----------------------------BU4---------------------------- */
#menu-BU4 {
	background:url(Images/icones/img-gesPhotos.jpg) no-repeat;
	background-color:#757c16;
	margin-bottom:10px;
	width:554px;
	height:144px;
	clear:both;
}
#text-BU4 {
	background-color:#ffffff;
	text-align:justify;
	margin-left: 180px;
	margin-top:25px;
	width:350px;
}
#text-BU4 a{
	text-decoration:none;
	color:#757c16;
}
#text-BU4 a:hover{
	color:#000000;
}


/*********************************************************************************************************************/
/*********************************************************************************************************************/
#menu-accueil1,#menu-accueil2,#menu-accueil3 {
	position:absolute;
}

#menu-accueil1 {
	top:0;
	margin-left:20px;
	z-index: 500;	
}

#menu-accueil2 {
	top:260px;
	margin-left:70px;
	z-index: 300;
}

#menu-accueil3 {
	top:60px;
	margin-left:320px;
}

#menu-accueil1 dt {
	cursor: pointer;
	background: transparent;
	text-align: left;
	font-weight: bold;
	width:224px;
	height:224px;	
}

#menu-accueil2 dt {
	cursor: pointer;
	background: transparent;
	text-align: left;
	font-weight: bold;
	width:224px;
	height:224px;
}

#menu-accueil3 dt {
	cursor: pointer;
	background: transparent;
	text-align: right;
	font-weight: bold;
	width:224px;
	height:224px;
}
/******************************************************************************************************************************/
/*********************************************************************************************************************/


/********Sous menu de menu2*************/

#menu-accueil1 dd {
	padding-top: 5px;
	margin-left: 205px;
	width: 250px;
}

#menu-accueil2 dd {
	padding-top: 5px;
	margin-left: 205px;
	width: 250px;
	background: transparent;
}

#menu-accueil3 dd {
	padding-top: 220px;
	margin-left: -18px;
	width: 250px;
	background: transparent;
}



#menu-accueil1 li, #menu-accueil2 li, #menu-accueil3 li {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	background: #ffffff;
	opacity: 0.9;
	filter:alpha(opacity=90);
	margin-bottom: 5px;
	padding-left: 10px;
	color:#000000;
}

#menu-accueil1 li {
	width: 290px;
}

#menu-accueil1 li a, #menu dt a {
	color: #853d7d;
	display: block;
	text-decoration: none;
}

#menu-accueil2 li a, #menu dt a {
	color: #dd6127;
	display: block;
	text-decoration: none;
}

#menu-accueil3 li a, #menu dt a {
	color: #162e7b;
	display: block;
	text-decoration: none;
}

#menu-accueil1 li a:hover, #menu-accueil2 li a:hover, #menu-accueil3 li a:hover{
	color: #000000;
}






/* 3 FOOTER */

.footerbg {
	width: auto;
	text-align: center;
	float:left;
}

.footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 740px;
	height: 35px;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}

.footer-contenu {
    padding-top: 8px;
	font-size: 10px;
	line-height: 15px;
}

.footer-contenu a{
	text-decoration: none;
    color:#ffffff;
    padding: 3px;
}

.footer-contenu a:hover{
	/*background-color:#4678bb;*/
    color:#333333;
}



/* AUTRES */

#coollinks {
	margin-left: 220px;
}

#resume h4, #links h4 {
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: 1.5em;
}

dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #505050;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}



.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}



.buttonbar, .buttonbar-top {
	width: 686px;
	height: 36px;
	background-image: url(Images/photonav.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	text-align: center;
}

.imagesPDF{
	width:218px;
	background-color:#ffffff;
	float:left;
	text-align:right;
}
.imagesVIDEO{
	background-color:#FFFFFF;

	
}


/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}