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

body {margin:0; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
b { color:#c20000;}
img {border:0;}
a {color:black; text-decoration:none;}
a:hover {text-decoration:underline;}
ul {margin-left:0; margin-top:0; padding-left:0; list-style:none;}
h1 {font-size:14px;}

#global {margin-left:auto; margin-right:auto; width:944px; height:600px; text-align:left;}

/*header*/
#header {width:944px; height:118px;}
#header .logo {width:173px; height:49px; margin:43px 0 0 9px; float:left; display:inline;}
#header .bandeau {width:451px; height:67px; background:url(../images/bandeau.jpg) top left no-repeat; float:left; margin-top:22px; color:#c20000; font-size:24px; font-style:italic; padding:30px 20px 0 55px;}
#header .bandeauDE {width:461px; height:67px; background:url(../images/bandeau.jpg) top left no-repeat; float:left; margin-top:22px; color:#c20000; font-size:20px; font-style:italic; padding:30px 20px 0 45px;}
#header table {float:right; margin-top:14px;}
#header table a{color:white; text-decoration:underline;}
#header table a:hover{color:white; text-decoration:none;}
#header table select{font-size:11px;}
#header table .gris {height:33px; width:38px; background-color:#8c8b89;}
#header table .rouge {background-color:#c20000; color:#FFFFFF; vertical-align:middle; padding-left:15px;}

#choice {width:232px; height:103px; margin-top:14px; float:right; position:relative;}
#choice a{color:white; text-decoration:underline;}
#choice a:hover{color:white; text-decoration:none;}
#choice select{font-size:11px; width:163px;}
#choice .lang {height:25px; width:179px; background:url(../images/lang.jpg) top left no-repeat #c20000; padding-left:53px; padding-top:8px;}
#choice .line {height:2px; background:url(../images/table_gray.jpg) top left repeat-x;}
#choice .name {height:59px; width:184px; background:url(../images/name.jpg) center left no-repeat #c20000; color:#FFFFFF; padding-left:48px; padding-top:10px;}
#choice .name .connect {background:url(../images/bouton_up.jpg) top left no-repeat; width:134px; height:30px; color:#FFFFFF; font-weight:bold; font-size:12px; padding:12px 5px 5px 40px;}
#choice .name .connect a {text-decoration:none;}
#choice .name .connect:hover {background:url(../images/bouton_hover.jpg) top left no-repeat;}

/*taille globale partie centrale*/
#content {margin-top:3px; width:944px; height:455px;}

/*partie de gauche, images et pavés*/
#left_content {width:709px; height:455px; float:left;}
#left_content .decor1 {background:url(../images/illustr_faxbox.jpg) top left no-repeat; width:193px; height:227px; margin-top:-18px; float:left;}
#left_content .decor2 {background:url(../images/illustr_faxbox2.jpg) top left no-repeat; width:219px; height:209px; float:left;}
#left_content .choice li {float:left; font-size:20px; font-family:Geneva, Arial, Helvetica, sans-serif;margin-bottom:3px;}
#left_content .choice li a {display:block;color:white; text-decoration:none; background:#6a6869 url(../images/red_faxbox.jpg) top left no-repeat; width:172px; height:61px; padding:42px 0 0 125px; }
#left_content .choice li a:hover {color:white; text-decoration:none; background:#3e3c3d url(../images/red_faxbox_over.jpg) top left no-repeat;width:172px; height:61px; padding:42px 0 0 125px;}

#paves {height:218px; width:709px; background-color:#e7e3e4; float:left;}
#paves .demo {height:202px; width:193px; background-color:white; margin:6px 0 5px 8px; float:left; display:inline;}
#paves .demo .inside {height:202px; width:193px;}
#paves .demo .content {background-color:#e7e3e4; margin:0 7px 3px 7px; width:179px; height:61px; float:left; vertical-align:middle; display:inline;}
#paves .demo .content .preview {background:url(../images/preview_video.jpg) top right no-repeat; width:155px; height:48px; float:right; margin-top:5px; margin-right:5px; vertical-align:middle; padding-top:10px;display:inline; position:relative;}
#paves .demo .content a .preview  {cursor:pointer;}
#paves .demo .content .preview_flash {background:url(../images/preview_flash.jpg) top right no-repeat; width:155px; height:48px; float:right; margin-top:5px; margin-right:5px; vertical-align:middle; padding-top:10px;display:inline; position:relative;}
#paves .demo .content .preview_elearning {background:url(../images/preview_elearning.jpg) top right no-repeat; width:155px; height:40px; float:right; margin-top:5px; margin-right:5px; vertical-align:middle; padding-top:18px;display:inline; position:relative;}
#paves .demo .content a .preview_elearning  {cursor:pointer;}

#paves .test {height:202px; width:193px; background-color:white; margin:6px 0 5px 8px; float:left; display:inline;}
#paves .test .inside {height:202px; width:193px;}
#paves .test .content {background:#e7e3e4; margin:0 7px 3px 7px; padding:5px 15px 15px 35px; width:129px; height:105px; float:left; vertical-align:middle;display:inline;}
#paves .test .content a{background:url(../images/fax.jpg) top left no-repeat; width:65px; height:47px; color:white; font-size:18px; font-style:italic; font-weight:bold; padding:43px 20px 20px 25px; display:block;}
#paves .test .content a:hover {background:url(../images/fax_ovr.jpg); text-decoration:none;}



/*bouton "faxez" EN ES IT*/
#paves .test .content .en a{background:url(../images/fax.jpg) top left no-repeat; width:67px; height:55px; color:white; font-size:18px; font-style:italic; text-align:center; font-weight:bold; padding:35px 20px 20px 23px; display:block;}
#paves .test .content .en a:hover{background:url(../images/fax_ovr.jpg); text-decoration:none;}

/*bouton "faxez" DE*/
#paves .test .content .de a{background:url(../images/fax.jpg) top left no-repeat; width:67px; height:55px; color:white; font-size:17px; font-style:italic; text-align:center; font-weight:bold; padding:35px 20px 20px 23px; display:block;}
#paves .test .content .de a:hover{background:url(../images/fax_ovr.jpg); text-decoration:none;}



#paves .texte {height:202px; width:287px; background-color:white; margin:6px 0 5px 8px; float:left; display:inline;}
#paves .texte .inside {height:202px; width:287px;}
#paves .texte .content {background-color:#e7e3e4; margin:0 7px 3px 7px; padding:15px 15px 15px 15px; width:243px; height:95px; float:left; vertical-align:middle; color:#6a6869;display:inline;}

#paves .title {color:#6a6969; font-size:20px; margin:13px 20px 10px 22px; float:left; height:46px;display:inline;}

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


/*partie de droite, pavé gris et téléphone*/
#right_content {width:232px; height:456px; background-color:#b1afb0; float:right;}
#right_content .pad {padding:7px 10px 0 15px; margin-bottom:27px;}
#right_content .pad_de {padding:28px 10px 0 15px; margin-bottom:27px;}
#right_content .title {color:white; font-size:20px;}
#right_content .title span{color:white; font-size:32px;}
#right_content li{color:white; font-size:12px; margin-top:11px;}
#right_content .call {background:url(../images/call.jpg) top left no-repeat; width:182px; height:89px; color:#6a6869; font-weight:bold; font-style:italic; font-size:16px; padding:40px 20px 10px 30px; text-align:right; line-height:35px;}
#right_content .call b {font-size:18px;}
#right_content .call_fr {background:url(../images/call.jpg) top left no-repeat; width:182px; height:139px; color:#6a6869; font-weight:bold; font-style:italic; font-size:18px; padding:20px 20px 10px 30px; text-align:right; line-height:35px;}
#right_content .call_fr b {font-size:14px;}
#right_content a .call {cursor:pointer;}

/*"CALL" multi-lignes*/
#right_content a .call_ml {cursor:pointer;}
#right_content .call_ml {background:url(../images/faxbox_call.jpg) top left no-repeat; width:188px; height:119px; color:#6a6869; font-weight:bold; font-style:italic; font-size:14px; padding:10px 15px 10px 30px; text-align:right;}
#right_content .call_ml b {font-size:16px;}
#right_content .call_ml strong {font-size:16px; color:#333333;}

/*footer*/
#footer {width:709px; height:23px; background-color:#b1afb0; margin-top:3px;float:left;}
#footer ul {margin:0px;}
#footer li { font-family:Geneva, Arial, Helvetica, sans-serif;margin-bottom:3px; background:url(../images/sep.jpg) top right repeat-y; height:23px;float:left; margin-left:0;display:inline;}
#footer li a {display:block; color:white; text-decoration:none; padding:5px 33px 0 33px;}
#footer li a:hover {color:white; text-decoration:underline;}
#footer ul .last {background:none;}

#footer .es li a {display:block; color:white; text-decoration:none; padding:5px 30px 0 33px;}

.numero {padding:50px 10px 0 0; height:90px; text-align:right; font-size:15px; font-weight:bold; font-style:italic; color:#C20000; background:url(../images/contact.jpg) top no-repeat;}
.numero_multi {padding:20px 10px 0 0; height:110px; text-align:right; font-size:13px; font-weight:bold; font-style:italic; color:#C20000; background:url(../images/contact.jpg) top no-repeat;}
.numero span, .numero_multi span {font-size:16px; color:#333333;}

/*référencement naturel*/

#ref, ,#ref a {text-align:justify; font-size:9px; color:#999999; margin-top:6px;}