
img { border:0; }

body { background:#FFFFFF; }
	
#global {position:relative;padding-top:165px; width:900px; margin:0 auto;}

#header {position:absolute; top:5px; width:896px; margin:0 auto; z-index:0;}
#bandeau {position:absolute; margin:0 auto;}
#logo {position:absolute; top:-8px; left:-2px; margin:0 auto; width:300px; height:150px;}

#accroche {position:relative; width:856px; margin:0 auto; padding:0; text-align: right; margin-top:-8px; margin-bottom:10px; z-index:1;}
#accroche a {color:#000066; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal;}
#accroche a:hover {color:#000066; font-size:14px; font-family:Arial, Helvetica, sans-serif;text-decoration:underline; font-weight:normal;}
#h1accroche {margin:0; padding:0; color:#000066; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

#menu1 {width:856px; margin:0 auto; margin-top: 5px;}
#menu1_menu {margin:0 auto; height:22px; border:1px solid #5E5E5E; background:url('../images/menu/menu1-bg.png') repeat-x;}
#menu1_ombre {margin:0 auto; margin-left:1px; width:855px; height:3px; background:url('../images/menu/menu1-shadow.png') repeat-x;}

#menu1_link {clear:both; margin:0; padding:0; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:21px;}
#menu1_link a {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none;}
#menu1_link a:hover {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:underline;}

#content {margin:0 auto; width:856px; position:relative; height:604px; margin-top:15px; border:0;}
#left {margin:0 auto; position:absolute; left:0px; width:120px; height:100%; border:0;}
#center, #web-bg, #nomade-bg, #multi-bg, #utilisateurs-bg, #echanges-bg 
{margin:0 auto; position:absolute; left:133px; width:470px; height:100%;  border:1px solid #B3B3B3; background:url('../images/common/center-bg.png') repeat-x bottom; z-index:1;}
#centershadow {margin:0 auto; position:absolute; left:140px; top:1px; width:470px; height:99%; z-index:0;}

#center-right 
{margin:0 auto; position:absolute; left:133px; width:721px; height:100%;  border:1px solid #B3B3B3; background:#FFFFFF; z-index:1;}
#center-rightshadow {margin:0 auto; position:absolute; left:140px; top:1px; width:721px; height:99%; z-index:0;}

#web-bg {background:url('../images/arguments/web-bg.jpg') no-repeat center bottom;}
#nomade-bg {background:url('../images/arguments/nomade-bg.jpg') no-repeat center bottom;}
#echanges-bg {background:url('../images/arguments/echanges-bg.jpg') no-repeat center bottom;}
#multi-bg {background:url('../images/arguments/multi-bg.jpg') no-repeat center bottom;}
#utilisateurs-bg {background:url('../images/arguments/utilisateurs-bg.jpg') no-repeat center bottom;}

#flash {margin:0 auto; text-align:center;}
#demolnk {margin:0 auto; position:relative; margin-top:-23px; border:0; z-index:1; line-height:12px;}
#demolnk a {color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none;}
#demolnk a:hover {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:underline;}

#right {margin:0 auto; position:absolute; left:616px; width:238px; height:100%; z-index:1;}
#rightshadow {margin:0 auto; position:absolute; left:623px; top:43px; width:238px; height:556px; z-index:0;}

/* Partie droite vide, pour les pages qui ne contiennent pas le flash */
#right-empty {margin:0 auto; position:absolute; left:616px; width:238px; height:100%; border:1px solid #B3B3B3; background:url('../images/common/center-bg.png') repeat-x bottom; z-index:1;}
#rightshadow-empty {margin:0 auto; position:absolute; left:623px; top:1px; width:238px; height:99%; z-index:0;}

#arg1 {position:relative; margin:0 auto; width:100%; border:0;z-index:0;}
#arg2 {position:relative; margin:0 auto; margin-top:9px; width:100%; border:0;z-index:0;}
#arg3 {position:relative; margin:0 auto; margin-top:9px; width:100%; border:0;z-index:0;}
#arg4 {position:relative; margin:0 auto; margin-top:9px; width:100%; border:0;z-index:0;}
#arg5 {position:relative; margin:0 auto; margin-top:9px; width:100%; border:0;z-index:0;}
.argtitle {
	margin:0; text-align:center; width:67px; height:16px; border-top:1px solid #B3B3B3;border-left:1px solid #B3B3B3;border-right:1px solid #B3B3B3;
	color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;line-height:16px;
	background:url('../images/index/arg-title-bg.png') repeat-x left top;
}
.argimg {margin:0; width:100%; height:79px; border:1px solid #B3B3B3;background:transparent;}
.arglink {
	margin:0; width:100%; text-align:right; height:15px; border-bottom:1px solid #B3B3B3;border-left:1px solid #B3B3B3;border-right:1px solid #B3B3B3;
	color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;line-height:15px;
	background:url('../images/index/arg-link-bg.png') repeat-x left top;
}
.arglink a {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
.arglink a:hover {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}

.argshadow {margin:0; position:absolute; top:0; left:0; width:133px; height:123px; border:0; background:url('../images/index/arg-shadow.png') no-repeat; right top; z-index:-1;}


.shadowtop {width:100%; height:6px; text-align:right; background:url('../images/common/shadow-top-right.png') no-repeat right bottom;}
.shadowmiddle {width:100%; height:100%; text-align:right; background:url('../images/common/shadow-y.png') repeat-y right top; z-index:-1;}
.shadowbot { width:100%; height:5px; margin:0 auto; padding:0; position:relative; background:url('../images/common/shadow-x.png') repeat-x left top; z-index:-1;}
.shadowbotleft {position:absolute; width:100%; height:5px; text-align:left; background:transparent; margin:0 auto;  background:url('../images/common/shadow-bot-left.png') no-repeat left bottom;}
.shadowbotright {position:absolute; width:100%; height:5px; text-align:right; background:transparent; margin:0 auto; background:url('../images/common/shadow-bot-right.png') no-repeat right bottom;}

#footer {position:relative; width:856px; margin:0 auto; padding:0; text-align:center; margin-top:25px; margin-bottom:30px;}
#footersep {margin:0 auto; margin-bottom:20px; width:100%; height:1px; background:url('../images/footer/footer-sep.png') no-repeat center;}
.footertxt {margin:0; padding:0; text-align:center; color:#888888; font-family:Arial, Helvetica, sans-serif; font-size:9px;}
.footertxt a {color:#888888; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-decoration:underline;}
.footertxt a:hover {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-decoration:underline;}

.contenttxt {width:90%; margin:0 auto; padding:0; margin-top:35px;}
.txttitle {margin:0 auto; padding:0; width:100%;}
.txttitlepuce {height:17px; padding-top:2px; padding-left:40px; background:url('../images/common/puce.png') no-repeat left; color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
.txttitlesep {height:2px; width:98%; background:#DC0000; margin-top:1px; margin-left:5px;}
.txtref { text-align: justify; color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin-top:8px; margin-bottom:18px;}
.txtref a {color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:underline;}
.txtref a:hover {color:#888888; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:underline;}
.txtref p { margin:0; padding:0; margin-bottom:5px;}
.txtref .puce { margin:0; padding:0; margin-left:20px; padding-left:10px; background: url('../images/common/puce_info.png') no-repeat; background-position:0% 4px;}

.flash-demo { margin:0 auto; padding:0; margin-top:10px;}
.solutions-internet { margin:0 auto; padding:0; width:100%; text-align: center; margin-top:20px; margin-bottom:18px;}
.solutions-internet .screen { border:1px solid #B3B3B3; }
.solutions-internet .screen:hover { border:1px solid #FF0000; }

#fmContact {margin:0; padding:0; margin-top:55px;}
#fmContact INPUT, TEXTAREA {
	width:100%; background-color:#FFFFFF; border:1px solid #B3B3B3; color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;	
}

#fmContact INPUT:hover, #fmContact INPUT:active, #fmContact INPUT:focus,
#fmContact TEXTAREA:focus, #fmContact TEXTAREA:active, #fmContact TEXTAREA:hover {
	border: 1px solid #FF0000;
}

#fmContact TEXTAREA { height:200px;overflow:hidden;}
.fmrow { clear:both; margin:0 auto; padding:0; padding-top:5px; width:80%; color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.fmlbl { width:50%; float:left; text-align:left; }
.fminput { width:50%; float:left; text-align:left;} 
.fminputfull {width:100%; float:left; text-align:left;}

.fmsubmit {clear: both; margin:0 auto; padding-top:5px; width:80%;}
.fmsubmit a {color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none;}
.fmsubmit a:hover {color:#888888; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none;}


#mail-button { float:right; }

/* partenaires */
#partenaires {margin:0 auto; padding:0; height:100%; width:100%; overflow:hidden; text-align:center; margin-left:10px; margin-top:15px;}
#partenaires-left {float:left; margin:0 auto; padding:0; height:100%; width:140px;}
#partenaires-left DIV {padding:0; width:140px; height:75px; text-align:center;}
#partenaires-left DIV IMG {display:inline;margin:auto;}
#partenaires-center {float:left; margin:0 auto; padding:0; height:100%; width:165px;}
#partenaires-center DIV {padding:0; width:165px; height:75px; text-align:center;}
#partenaires-center DIV IMG {display:inline;margin:auto;}
#partenaires-right {float:left; margin:0 auto; padding:0; height:100%; width:140px;}
#partenaires-right DIV {padding:0; width:140px; height:75px; text-align:center;}
#partenaires-right DIV IMG {display:inline;margin:auto;}

#link-partenaires { 
	margin:0 auto; padding:0; margin-top:38px; text-align: justify; width:90%;
	color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;
}
#link-partenaires DIV {padding-bottom:5px; text-align:center;}
#link-partenaires a {color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:underline;}
#link-partenaires a:hover {color:#888888; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:underline;}
#link-partenaires p { margin:0; padding:0; margin-bottom:5px;}
