@charset "utf-8";
/* CSS Document */

/*bandeaux & accueil */

body {margin: 0; text-align: center; font-family:arial, Helvetica, sans-serif; background-color:#3d3d3d; color:3d3d3d; font-size:12px; behavior: url("csshover3.htc");}
b {color:#7f0029;}
img {border:0;}
a {color:#C30000; text-decoration:underline;}
a:hover {color:#990000; text-decoration:none;}
b {color:#C30000;}
ul {margin-left:0; padding-left:0; list-style:none; margin-top:0;}
textarea {overflow:auto;}
table input[type=submit] {color:white; background:url(images/select.jpg) bottom right no-repeat; border:0; width:162px; font-weight:bold;}
table input[type=submit]:hover {background:url(images/select.jpg) top right no-repeat;}

h1 {color:#C30000; font-size:16px; margin-top:20px; margin-bottom:20px;}
h1 a:hover {color:#C30000;}
h2 {font-size:12px; color:#C30000; font-weight:bold; background:url(images/puce2.png) top left no-repeat; padding-left:20px;}
h3 {color:#C30000; font-size:16px; margin-top:3px; margin-bottom:3px;}
h4 {color:#6a6a6a; font-size:14px; margin-top:15px; margin-bottom:15px;}
h5 {font-size:12px; color:#C30000; font-weight:bold; background:url(images/puce2.png) top left no-repeat; text-decoration:underline; padding-left:20px;}

p {margin-top:10px; margin-bottom:10px;}

/* code couleur gris foncé document:#6a6a6a
code-couleur rouge document:#C30000
code-couleur gris-clair document:#dfdfdf*/

.float_left {float:left;}
.float_right {float:right;}

#conteneur {margin-left:auto; margin-right:auto; width:853px; background-color:#FFFFFF; text-align:left; padding:0;}
#header {background:url(images/bandeau.jpg) top left no-repeat; width:853px; height:110px; margin-bottom:7px;}
#header .logo {background:url(images/logo.png) left no-repeat; width:173px; height:101px; display:inline; margin-left:15px; float:left;}
#header .link {margin:62px 8px 6px 0; font-weight:bold; float:right;}
#header .link a{color:#6a6a6a; text-decoration:underline;}

#menu {height:27px; font-size:11px; width:665px;top:85px; float:left;}
#menu ul.global {margin:0; padding:0; text-align:right;}
#menu ul.global li {font-weight:bold; background:url(images/sep.jpg) top left no-repeat; list-style:none; position:relative; float:right; }
#menu ul.global li a {display:inline-block; color:white; text-decoration:none; height:22px; padding:5px 39px 0 39px;}
#menu ul.global li a:hover {text-decoration:none; background:url(images/select.jpg) top left no-repeat;}
#menu ul.global .select{background:url(images/select.jpg) top left no-repeat;}
#menu ul.global li .select:hover {background:none;text-decoration:underline;}

#menu ul.global ul.under {position:absolute; display:none; width:150px; top:27px; left:0; background:#6a6a6a; border:white 1px solid; text-align:left;}
#menu ul.global ul.under li .title a{height:20px; width:143px; padding:4px 0 0 7px; background: url(images/white_line.jpg) bottom left repeat-x #C30000; color:#FFFFFF; font-weight:bold;}
#menu ul.global ul.under li .title a:hover {background-color:#a30806;}
#menu ul.global ul.under li{background:url(images/gray_line.jpg) bottom left repeat-x; float:left;}
#menu ul.global ul.under a {height:12px; width:130px; color:#FFFFFF; padding:4px 5px 5px 15px; text-align:left; }
#menu ul.global ul.under a:hover {background:none; background-color:#3d3d3d;}
#menu li:hover ul.under{display:inline-block; float:left;}

#menu ul.under ul.ssunder, #menu ul.under ul.ssunder2, #menu ul.under ul.ssunder3 {position:absolute; display:none; width:150px; top:0px; left:150px; background:#6a6a6a; border:white 1px solid; text-align:left;}
#menu ul.under ul.ssunder li, #menu ul.under ul.ssunder2 li,  #menu ul.under ul.ssunder3 li{background:url(images/gray_line.jpg) bottom left repeat-x; float:left;}
#menu ul.under ul.ssunder a, #menu ul.under ul.ssunder2 a, #menu ul.under ul.ssunder3 a {height:12px; width:130px; color:#FFFFFF; padding:4px 5px 5px 15px; text-align:left; }
#menu ul.under ul.ssunder a:hover, #menu ul.under ul.ssunder2 a:hover, #menu ul.under ul.ssunder3 a:hover {background:none; background-color:#3d3d3d;}
#menu ul.under .int:hover ul.ssunder, #menu ul.under .res:hover ul.ssunder2, #menu ul.under .mod:hover ul.ssunder3{display:inline-block; float:left;}

#content {width:100%; background:white; border:white 1px solid; float:left;}

/*Accueil*/

#homebandeau {background:url(images/decor_accueil.jpg) top left no-repeat; height:224px; width:853px; float:left;}

#homeleft{width:188px; height:383px; background:url(images/decor_avion.jpg) bottom left no-repeat #dfdfdf; margin:2px 5px 0 7px; float:left;display:inline;}
#pageleft {width:188px; height:300px; margin-left:7px; background:#dfdfdf; margin-right:5px; margin-top:2px; float:left; display:inline;}
#homeleft ul, #pageleft ul{background:url(images/fond_menu.jpg) top left no-repeat; width:173px; height:240px; margin-left:auto; margin-right:auto;margin-top:10px;}
#homeleft li, #pageleft li{display:block; height:27px; padding-left:10px;padding-top:4px; text-decoration:none;}
#homeleft .title, #pageleft .title{color:white; font-weight:bold;}
#homeleft li a, #pageleft li a{display:inline-block; color:#3d3d3d; text-decoration:none;}
#homeleft li a:hover, #homeleft .select a, #pageleft li a:hover, #pageleft .select a{color:#C30000;}
#homeleft li:hover, #homeleft .select, #pageleft li:hover, #pageleft .select {background:url(images/select.png) top left no-repeat;}

#decor_bottom {background:url(images/decor_avion.jpg) top left no-repeat #dfdfdf; width:188px; margin:20px 0 5px 0; height:46px; float:left;}

#hometext {background:url(images/fond_textes.jpg) top left no-repeat; width:450px; height:388px; margin-right:4px; float:left;line-height:15px;}
#hometext .title {background:url(images/titre_menu.jpg) top right repeat-y #717070; width:408px; height:20px; margin:12px auto 10px auto; color:white; padding-left: 12px; padding-top:3px; font-weight:bold; font-size:14px;}
#hometext .texts {padding:5px 25px 5px 25px; text-align:justify; font-size:11px; }
#hometext ul {list-style:url(images/puce.png); list-style-position:inside;}

#homeright {width:190px; height:383px; margin-top:2px; float:left;}
#homeright .faxbox {background:url(images/pub_faxbox.jpg) top left no-repeat; width:190px; height:121px; margin-bottom:9px;}
#homeright .sms {background:url(images/pub_sms.jpg) top left no-repeat; width:190px; height:121px; margin-bottom:10px;}
#homeright .pdf {background:url(images/pub_pdf.jpg) top left no-repeat; width:190px; height:121px;}

/*Content */

#bandeau {background:url(images/bandeau.jpg) top left no-repeat; height:55px; width:653px; margin:2px 0 5px 0; float:right;}

#fake_column {background:url(images/fond_gris.jpg) top left repeat-y; height:100%; width:100%; float:left;}

#text {width:650px; height:100%; margin-bottom:7px; float:left; line-height:20px;}
#text .inside {padding:5px 30px 30px 30px; text-align:justify; font-size:12px; width:590px;}
#text .inside_title {padding:20px; text-align:justify; font-size:12px; width:610px;}

#text .title {background:url(images/titre_menu2.jpg) top right repeat-y #eeeeee; width:590px; height:37px; color:#3d3d3d; padding-left:10px; padding-top:20px; font-weight:bold; font-size:16px; border-top:#6a6a6a 1px solid; border-bottom:#6a6a6a 1px solid;}
#text ul {list-style:url(images/puce.png); list-style-position:outside; margin-left:35px;}
#text .little_margin {margin-left:17px;}
#text .no_link a {color:#000000;}

#text .top_left {background:url(images/top_left.jpg) top left no-repeat;}
#text .top_middle {background:url(images/top.jpg) top repeat-x;}
#text .top_right {background:url(images/top_right.jpg) top right no-repeat;}
#text .right {background:url(images/right.jpg) right repeat-y;}
#text .left {background:url(images/left.jpg) left repeat-y;}
#text .bottom_left {background:url(images/bottom_left.jpg) bottom left no-repeat;}
#text .bottom_middle {background:url(images/bottom.jpg) bottom repeat-x;}
#text .bottom_right {background:url(images/bottom_right.jpg) bottom right no-repeat;}

#text .gris td{background:#dfdfdf;}
#text .gris .pad {padding:10px 10px 10px 30px;}
#text .gris .pad ul{margin:0; margin-left:30px;}
#text .gris .blanc{background:white;}
#text .gris th{background:#707070; color:#FFFFFF;}
#text .gris .form {color:#6a6a6a; font-weight:bold; text-align:left;}

.false_link {color:#C30000; text-decoration:underline;}
.no_deco {text-decoration:none; cursor:default;}

.sitemap a {color:#333333;}
.sitemap b a {color:#C30000;}

/*Illustrations */

.fax_mailing {background:url(images/fax_mailing.jpg) top left no-repeat; width:590px; height:300px; border:#CCCCCC 1px solid; margin:20px 0 20px 0;}
.users {background:url(images/utilisateurs.jpg) top left no-repeat; width:590px; height:445px; border:#CCCCCC 1px solid;  margin:20px 0 20px 0;}
.monoserver {background:url(images/monoserver.jpg) top left no-repeat; width:590px; height:384px; border:#CCCCCC 1px solid; margin:20px 0 20px 0;}
.prodserver {background:url(images/prodserver.jpg) top left no-repeat; width:590px; height:384px; border:#CCCCCC 1px solid; margin:20px 0 20px 0;}
.reception {background:url(images/fax_reception.jpg) top left no-repeat; height:122px; width:180px; border:#CCCCCC 1px solid; margin-left:30px;}
.mouse {background:url(images/mouse.jpg) top left no-repeat; height:97px; width:149px; border:#CCCCCC 1px solid; margin-left:30px; margin-top:15px;}
.server {background:url(images/server.jpg) top left no-repeat; height:122px; width:200px; border:#CCCCCC 1px solid; margin-right:30px;}
.people {background:url(images/people.jpg) top left no-repeat; height:147px; width:200px; border:#CCCCCC 1px solid; margin-right:30px;}
.mfp {background:url(images/mfp.jpg) top left no-repeat; height:89px; width:130px;  border:#CCCCCC 1px solid; margin-left:30px;}
.roues {background:url(images/roues.jpg) top left no-repeat; height:148px; width:200px;  border:#CCCCCC 1px solid; margin-right:25px; margin-bottom:10px;}
.standardiste {background:url(images/standardiste.jpg) top left no-repeat; height:75px; width:140px;  border:#CCCCCC 1px solid; margin-right:25px;}
.help {background:url(images/help.jpg) top left no-repeat; height:75px; width:140px;  border:#CCCCCC 1px solid; margin-right:25px;}
.erreur {background:url(images/erreur.png) top left no-repeat; width:150px; height:135px; margin-right:25px;border:#CCCCCC 1px solid; }
/*.acrobat {background:url(images/logoacrobat.gif) top left no-repeat; width:100%; height:22px; padding-left:30px; padding-top:7px;}*/

/*schema synoptique */

.synop {color:#FFFFFF; text-align:center; font-weight:bold; text-align:center; line-height:15px;}
.synop a, .synop a:hover{color:#FFFFFF; text-decoration:none;}
.synop .gris {background:#dfdfdf; color:#000000; text-align:left; padding-left:10px;}
.illustr1 {background:url(images/schema1.jpg) top left no-repeat; width:80px; height:43px; padding-top:25px;}
.illustr1:hover{background:url(images/schema1_over.jpg) top left no-repeat; cursor:pointer;}
.illustr1 a, .illustr2 a,.illustr3 a,.illustr4 a,.illustr5 a,.illustr6 a,.illustr7 a,.illustr8 a {color:#FFFFFF; text-decoration:none;}
.illustr2 {background:url(images/schema4.jpg) top left no-repeat; width:80px; height:43px; padding-top:25px;}
.illustr2:hover{background:url(images/schema4_hover.jpg) top left no-repeat; cursor:pointer;}
.illustr3 {background:url(images/schema7.jpg) top left no-repeat; width:80px; height:58px; padding-top:10px;}
.illustr3:hover{background:url(images/schema7_over.jpg) top left no-repeat; cursor:pointer;}
.illustr4 {background:url(images/schema4.jpg) top left no-repeat; width:80px; height:48px; padding-top:20px;}
.illustr4:hover{background:url(images/schema4_hover.jpg) top left no-repeat; cursor:pointer;}
.illustr6 {background:url(images/schema6.jpg) top left no-repeat; height:43px; padding-top:25px;}


#footer {background:url(images/footer.jpg) top left repeat-y #28373c; width:100%; margin-top:4px; font-size:9px; float:left; border-top:white 7px solid;}
#footer ul {margin:0; padding:0;}
#footer li {float:right; font-weight:bold; list-style:none;}
#footer li a {display:inline-block;color:#CCCCCC; text-decoration:none; height:15px; padding:5px 30px 0 30px; background:url(images/sep.jpg) top left no-repeat;}
#footer li a:hover {text-decoration:underline;}
#footer .none{background:none;}

.validatorCalloutHighlight{ background-color: lemonchiffon; }

.red {color:#C20000;}