body{background:url(images/gradient_bg.jpg) repeat-x top #3d3d3d; font-family:arial,helvetica,sans-serif; font-size:12px; color:#666666;}
form, input, select, textarea{font-family:arial,helvetica,sans-serif; font-size:12px; color:#666666;}
h1{font-family:Arial, Helvetica, sans-serif; font-size:15pt; color:#747474; font-weight:normal; letter-spacing:0; margin:0 0 16px 0;}
h1.rouge{color:#aa0000;}
h1.bleu{color:#0048aa;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:11pt; color:#aa0000; font-weight:normal; letter-spacing:0; margin:0 0 12px 0;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#aa0000; font-weight:bold; letter-spacing:0; margin:0 0 12px 0;}
strong{color:#444444;}
a img{border:0;}
a{color:#999999;text-decoration : none;}
a:hover{color : #666666;	text-decoration : underline;}
.bleu a:hover,		.bleu h1,		.bleu h2,		.bleu h3,		.bleu h1 a,			.bleu h2 a,			.bleu h3 a, 		.bleu b, 		a.bleu{color:#1093CD;}
.vert a:hover,		.vert h1,			.vert h2,			.vert h3,			.vert h a,			.vert h2 a,			.vert h3 a,	 		.vert b,		a.vert{color:#99CC00;}
.violet a:hover,	.violet h1,		.violet h2,		.violet h3,		.violet h1 a,		.violet h2 a,		.violet h3 a, 		.violet b,	a.violet{color:#AE3393;}



/*######## CLASSES #########*/
.marg15{margin:15px;}
.pad15{padding:15px;}
.margd{margin-right:10px; float:left;}
.margdd{margin-right:10px; float:right;}
.margg{margin:0 0 10px 10px; float:right;}
.padg{padding-left:15px;}
.padd{padding-right:15px;}
.padh{padding-top:15px;}
.padb{padding-bottom:15px;}
.col{width:47%;}
.justifie{text-align:justify;}
.fleft{float:left;}
.fright{float:right;}
.petit{font-size:10px;}
a.hautpage{ display:block; height:16px; width:16px; float:right; clear:both; text-decoration:none; background:url(images/arrow-up.gif) no-repeat center center;}
a.retour{ display:block; height:16px; width:16px; clear:both; text-decoration:none; background:url(images/arrow-back.gif) no-repeat center center;margin-bottom:10px;}
.pageModule{background:#ffffff; }
#contenuModule{width:740px; margin:0 auto; clear:both; padding:30px 0;}





.menu_fonctionnalites1{ float:left;background:url(images/boutonfonctionnalite-2.jpg) no-repeat; width:156px; height:23px;margin : 0 0 20px 0;}
.menu_fonctionnalites2{float:left; background:url(images/bouton-modules-1.jpg) no-repeat;width:156px; height:23px; margin : 0 0 0 10px;}
.menu_fonctionnalites2:hover{background:url(images/bouton-modules-2.jpg) no-repeat;}
.menu_fonctionnalites1-1{ float:left;background:url(images/boutonfonctionnalite-1.jpg) no-repeat; width:156px; height:23px;margin : 0 0 20px 0;}
.menu_fonctionnalites1-1:hover{background:url(images/boutonfonctionnalite-2.jpg) no-repeat;}
.menu_fonctionnalites2-1{float:left; background:url(images/bouton-modules-2.jpg) no-repeat;width:156px; height:23px; margin : 0 0 0 10px;}


input.bouton{color:#ffffff; font-weight:normal; font-size:11px;  background:url(images/font-th-head-violet.gif) repeat-x top #9b248b; padding:1px 8px;
border:1px solid #731f5d; border-bottom:1px solid #4e153f; cursor:pointer;}

table.tableau{}
.violet table.tableau th{color:#AE3393; font-weight:normal; font-size:12px; background:url(images/font-th-violet.gif) repeat-x top #eccfe6;padding:1px;}
.violet table.tableau tr.head th,		.violet table.tableau th.head{color:#ffffff; font-weight:normal; font-size:14px;  background:url(images/font-th-head-violet.gif) repeat-x top #9b248b; padding:3px;}
.violet table.tableau td{border:1px solid #f0d9eb;}
.violet table.tableau td.neutre{border:0;}

a.cadre img, img.cadre{padding:1px; border:1px solid #cccccc;}
.bleu a.cadre:hover img{border:1px solid #1093CD;}
.vert a.cadre:hover img{border:1px solid #99CC00;}
.violet a.cadre:hover img{border:1px solid #AE3393;}

.note{font-size:11px;}

u{display:block;text-decoration:none; height:1px; font-size:1px; clear:both;}
u.sep{height:18px; background:url(images/points-h.gif) repeat-x center;}
ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal;}
li{background: url(images/puce-claire.gif) no-repeat 0 .3em; padding:0 0 0 14px; margin:0 0 5px 10px; border:0;}
ul ul li{background-image: url(images/puce-chevron.gif);background-position: 0 .3em; font-size:11px; margin:0 0 2px 8px;}
p{margin:0 0 8px 0;}
em{font-size:13px; color:#666666;}

/* #################### CLASSES COURANTES  ########################*/
div.curvy{background:#F0F0F0 url(images/bandeau-haut-turquoise1.jpg) no-repeat top ; margin:0; padding:20px 0 0 0;}
div.curvy div{background: url(images/bandeau-bas-turquoise1.jpg) no-repeat bottom; margin:0; padding:0 0px 10px 10px; }

div.curvy u{height:1px;}
.roundies{background-color:#E9E9E9;	-moz-border-radius:  10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px ; border-radius:  10px 10px 10px 10px;padding:10px;}
.note{font-size:11px; color:#aaaaaa;}

#top_cap{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top_cap_drop.png'); width:852px; height:28px; margin:20px auto 0 auto; clear:both;}
html>body #top_cap{filter:none;background: url(images/top_cap_drop.png) no-repeat top left;}

#background{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_drop.png', sizingMethod='scale'); width:852px; margin:0 auto; clear:both;}
html>body #background{filter:none;background: url(images/bg_drop.png) repeat-y left;}

#bottom_cap{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom_cap_drop.png'); width:852px; height:46px; margin:0 auto; clear:both;}
html>body #bottom_cap{filter:none;background: url(images/bottom_cap_drop.png) no-repeat top left;}


#cn_header{
position:relative;
width:740px; height:70px;
text-align:left;
margin:0 auto;
background:#FFFFFF;
color:#999999;
font-size:11px;
padding:0;}

#logo{width:460px; height:50px; float: left;}
#logoabildoc{width:180px; height:50px; float: right;}
#logo-1{width:620px; height:50px; float: left;}
#logoabildoc-1{width:120px; height:50px; float:right; position:relative; right:73px;bottom: 0px;}
#savoir-plus-abildoc{margin : 15px 0 0 15px;}
#util_search ul {
clear:both;
float:right;
list-style-type:none;
margin:0pt;
padding:0pt;
position:absolute;
right:5px;
text-align:right;
top:48px;}
#util_search ul li {
border-left:1px solid #CCCCCC;
display:block;
float:left;
margin:5px 2px;
padding:0pt 0pt 0pt 5px;
background:none;}
#util_search ul li.first {
border-left:1px solid #FFFFFF;
display:block;
float:left;
margin:5px 2px;
padding:0pt;}
#util_search ul li a:link, #util_search ul li a:active, #util_search ul li a:visited {text-decoration:none;color:#999999 !important;font-size:11px;}
#util_search ul li a:hover {text-decoration:underline;}
#util_search form {
display:block;
margin:15px 0pt 0pt;
padding:0pt;
position:absolute;
right:5px;
top:0px;
width:220px;
}
#util_search form input {text-align:right;vertical-align:middle;}
#util_search form input.search_input {
border:1px solid #DDDDDD;
color:#999999;
font-size:10px;
height:16px !important;
padding-right:3px;
vertical-align:middle;
width:105px;}


#bannerflash{width:740px; height:260px;margin:0 auto; clear:both; position:relative}
#contentHome{width:740px; margin:10px auto 0 auto; clear:both; position:relative;}
#contentHome div.left{float:left;width:440px; }
#contentHome div.right{float:right;width:250px;}


#menuflash{width:740px; height:50px;margin:0 auto; clear:both; position:relative;}
#content{width:740px; margin:0 auto; clear:both; position:relative;}
#content div.left{float:left;width:175px;text-align:center;}
#content div.right{float:right;width:550px;}

/*applique fond sous menu de gauche*/
#content div.left div.visuelLeft{background:url(images/squares-actions.gif) no-repeat center center; height:620px;}
#content.bleu div.left div.visuelLeft{background:url(images/squares-actions-decouvrir.gif) no-repeat center center; height:370px;}
#content.vert div.left div.visuelLeft{background:url(images/squares-actions-tester.gif) no-repeat center center;  height:370px;}
#content.violet div.left div.visuelLeft{background:url(images/docushare-box.gif) no-repeat center center; height:230px;}

#content div.visuelrub{height:208px; width:740px;background: url(images/visuel-rub-global.jpg) no-repeat top left;}
#content.bleu div.visuelrub{background: url(images/visuel-rub-decouvrir.jpg) no-repeat top left;}
#content.vert div.visuelrub{background: url(images/visuel-rub-tester.jpg) no-repeat top left;}
#content.violet div.visuelrub{background: url(images/visuel-rub-acquerir.jpg) no-repeat top left;}

#content.plansite div.visuelrub{background: url(images/visuel-rub-plansite.jpg) no-repeat top left;}

#content.evenements div.visuelrub{background: url(images/visuel-rub-evenements.jpg) no-repeat top left;}

#content.evenements div.left div.visuelLeft{background:url(images/squares-actions4.gif) no-repeat center center; height:370px;}
/*#content.telechargements div.left div.visuelLeft{background:url(images/squares-actions.gif) no-repeat center center; height:620px;}
#content.temoignages div.left div.visuelLeft{background:url(images/squares-actions.gif) no-repeat center center; height:620px;}*/


#etapes{width:740px; margin:0 auto; clear:both; position:relative; height:160px;}
#etapes div{float: left; height:160px; width:240px; margin-left:10px;}
#etapes div.first{margin-left:0;}
#etapes ul{background: url(images/bloc-etapes.gif) no-repeat top left; padding:10px; margin:2px 0; height:75px;}
#etapes ul li{margin:0 0 2px 8px;}
#etapes a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
#etapes div.bleu a:hover,	#navigation div.bleu a:hover{color:#1093CD;}
#etapes div.vert a:hover,		#navigation div.vert a:hover{color:#99CC00;}
#etapes div.violet a:hover,	#navigation div.violet a:hover{color:#AE3393;}

#navigation{margin-bottom:20px;}
.smenu{height:160px; width:240px; position:absolute; float:left; display:none;}
.smenu img{/*padding-top:2px;*/margin:0; padding:0;}
.smenu ul{background: url(images/bloc-smenu.gif) no-repeat top left; padding:10px; margin:0; height:75px;/*border-top:2px solid #ffffff;*/}
.smenu ul li{margin:0 0 2px 8px;}
.smenu a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
#smenu2{left:250px;}
#smenu3{left:500px;}

#banner_ftr {
clear:both;
padding-bottom:37px;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;
position:relative;}

#banner_ftr div.cn_footer {
margin:0 auto;
text-align:left;
width:740px;}

ul.footer_gray_bar {
background:transparent url(images/footer.gif) no-repeat scroll 0% 0%;
clear:both;
font-family:arial,helvetica,sans-serif;
font-size:11px;
height:31px;
margin:0;
padding:3px 0 0 0;
text-align:left;
width:740px;}

ul.footer_gray_bar li {
border-left:1px solid #CCCCCC;
display:block;
float:left;
margin:5px 2px;
padding:0 10px 0 15px;
background:none;}

ul.footer_gray_bar li.first{border-left:medium none; padding:0 10px 0 25px;}

ul.footer_gray_bar li * {font-size:11px;font-weight:normal;}

p.footer_copyright {clear:both;
color:#999999;
font-size:11px;
margin:0;
padding:0 0 10px 8px;
text-align:left;
width:722px;}
/*#banner_ftr a:link, #banner_ftr a:active, #banner_ftr a:hover, #banner_ftr a:visited {color:#999999 !important;}*/

table.boxheader{width:100%; border:0; border-spacing:0; margin-bottom:40px; text-align:left}
table.boxheader th{background:url(images/sidebar-header.gif) no-repeat top left #FFFFFF;
font-weight:bold;margin:0;padding:7px 10px 5px 12px; text-align:left;}
table.boxheader td a{font-size:11px;}
table.boxheader td {background-color:#FAFAFA;
border-left:1px solid #EBEBEB;
border-right:1px solid #EBEBEB;
color:#666666;
padding:5px;}
table.boxheader td.footer{background:url(images/sidebar-footer.gif) no-repeat bottom left;
margin:0;padding:0;height:4px;}
table.boxheader ul li{margin:0; padding:3px 0 3px 12px; background: url(images/puce-chevron.gif) no-repeat 0 .5em;}

.logospartenaires{text-align:center;}
.logospartenaires img{margin:5px 20px 5px 0px;}

.plansite ul li a{color:#555555;}
.plansite ul ul li a{color:#888888;}

.galerie{margin:0; padding:0;}
.galerie li{width:152px; height:172px; float:left; margin:0 15px 15px 15px; background:#f5f5f5; padding:0;}
.galerie li span{display:block; text-align:center; font-size:10px;}
.galerie li a img{}
.galerie li a img{/*padding:1px;*/ border:1px solid #cccccc;}
.galerie li a:hover img{border:1px solid #1093CD;}

#animationLaserNet{width:200px; height:155px; border:1px solid #8dbfd4; padding:1px; position:absolute; z-index:1; margin-left:0;}
html>/**/body #animationLaserNet{margin-left:150px;}/*Navigateurs modernes seulement (IE 7 non inclus)*/
#lienLaserNet{width:202px; height:158px; display:block; position:relative; left:0; top:0;  z-index:999; text-decoration:none;margin-left:150px; }

#lienLaserNet img{width:202px; height:158px;}

/* #################### page contact ########################*/
.position-contact{margin:10px 0px 0px 60px;}
/* #################### liens ref ########################*/
ul.lien_ref {
clear:both;
font-family:arial,helvetica,sans-serif;
font-size:11px;
height:14px;
margin:0 0 0 70px;
padding:0;

}

ul.lien_ref li {
border-left:1px solid #CCCCCC;
display:block;
float:left;
margin:0px 2px;
padding:0 10px 0 15px;
background:none;}

ul.lien_ref li.first{border-left:medium none; padding:0 10px 0 25px;}

.sources{font-size:9px;}
/* #################### temporaire  ########################*/
/* news-infos*/
.news-infos-haut{background:url(images/bandeau-haut-bleu-1.gif) no-repeat top ; height:10px;margin:0;padding:0;}
#news-infos{background-color:#F0F0F0;
	-moz-border-radius:0px 0px  5px 5px; 
    -webkit-border-radius:0px 0px  5px 5px; 
     border-radius: 0px 0px  5px 5px;         
    -webkit-border-bottom-left-radius:0px 0px  5px 5px;  /* pour Chrome */ 
    -webkit-border-bottom-right-radius:0px 0px  5px 5px; /* pour Chrome */ 
	padding:5px 10px 5px 10px;
	margin: 0 0 10px 0;
	}
.news-infos p{margin:0;padding:0;}
.news-infos-text{color:#AA0000;font-weight:bold;}
.lien-news-infos{color:#AA0000;}
/* page temoignages*/

.references-logos{width:710px;margin: 20px 0 0 0;}
.references-titre{font-size:18px;font-weight:bold;margin:0 0 15px 0;clear:both;}
.ref-positon-logo{float:left;margin:0 17px 0 17px;}
.ref-positon-logo p {margin:3px 0px 15px 0px;}
/*coverflow*/
.visuelCoverflow{background:url(images/coverflow/squares-actions.gif) no-repeat center center;height:74px;}
.coverflow-liens  {
	color: #ee7f01;
	text-decoration:none;
	font-size:18px;
	display:block;
	background:url(../images/coverflow/logo_pdf.jpg) no-repeat left;
	height:30px;
	padding: 5px 0 0 35px;
	}

.coverflow-liens:hover{
	color:#2a8dc4;
	text-decoration:none;
}


/* page accueil*/


.idTabs li{float:left;margin: 0 0 0 0; padding:3px 0 0px 0px;background:none;}
#tableau h1 {margin: 0; padding:0;}
#tableau ul a{display:block;padding: 3px 14px 5px 14px; }
#tableau ul a.selected { background-color:#F0F0F0;display:block;}

#idTab1 {background-color:#F0F0F0;margin: 0; padding:0;clear:both;}
#idTab1 h1 {margin: 0; padding:5px 0 7px 5px;font-size:13pt;}
#idTab1 ul {margin: 0; padding:0;}
#idTab1  li {margin: 0 0 0 5px; padding:0 0 5px 15px;}
#idTab1 p{margin: 0; padding:0;}
#idTab2 {background-color:#F0F0F0;margin: 0; padding:0;clear:both;}
#idTab2 h1 {margin: 0; padding:5px 0 7px 5px;font-size:13pt;}
#idTab2 ul {margin: 0; padding:0;}
#idTab2  li {margin: 0 0 0 5px; padding:0 0 5px 15px;}
#idTab2 p{margin: 0; padding:0;}
.titre-tableau   {font-size:16px;color:#E20026;display:block;}
.titre-tableau:hover{text-decoration:none;}
.logo-xerox{position:relative; top:20px; left:130px;}
#animged1{margin:20px 0 0px 0;}

#contentHome_bottom{clear:both;margin:0;padding:20px 0 0 0;}
#contentHome_bottom  .texte-ref{margin :0;clear:both}
#contentHome_bottom  .texte-ref p{font-size:10px;margin:0;padding:0;}

.logo-xerox{position:relative; top:10px; left:5px;width:200px;margin : 0px 0 0 5px;}


/* page referencement*/
.texte-positionnement-travail-collaboratif{position: absolute;top:1450px;left:150px;width:800px;color:#838383;text-align:center;}
.texte-positionnement-dematerialisation{position: absolute;top:1490px;left:150px;width:800px;color:#838383;text-align:center;}
.texte-positionnement-worflow{position: absolute;top:1370px;left:150px;width:800px;color:#838383;text-align:center;}
.texte-positionnement-ged{position: absolute;top:1390px;left:150px;width:800px;color:#838383;text-align:center;}
.texte-positionnement-archivage{position: absolute;top:1510px;left:150px;width:800px;color:#838383;text-align:center;}