/* EN MEMO : ordre margin et padding : top right bottom left */ /* ECRAN PRINCIPAL (Mise en place du dégradé en fond) */ #ecran {padding : 0px; margin : 0px; background : #ececec; background-image:url(../images/fond-lefranc.png); background-repeat:no-repeat; background-position:50% 0%;} /* HEADER */ #header{border:0px solid red; position:relative; width : 990px; height : 39px; background : #FFFFFF; padding : 0px; left : 50%; margin : 0px 0px 0px -495px;} #header p {color: #0a4595; font-family:Arial; font-size:15px; margin : 0px; padding : 10px;} #menu{border:0px solid red; position:relative; width : 990px; height : 259px; background : #f3f3f3; padding : 0px; left : 50%; margin : 0px 0px 0px -495px;} #menu h1 {border:0px solid red; position:absolute; font-weight:normal; text-transform:uppercase; color: #FFFFFF; font-family:Arial; font-size:18px; background: url(../images/accroche-lefranc.png) 0 0px; padding : 10px 20px 10px 20px; margin : 70px 0px 0px 0px; z-index : 1000;} #menu h1.mecanique {border:0px solid red; position:absolute; font-weight:normal; text-transform:uppercase; color: #FFFFFF; font-family:Arial; font-size:18px; background: url(../images/accroche-mecanique-lefranc.png) 0 0px; padding : 10px 20px 10px 20px; margin : 70px 0px 0px 0px; z-index : 1000;} #menu h1.hydraulique {border:0px solid red; position:absolute; font-weight:normal; text-transform:uppercase; color: #FFFFFF; font-family:Arial; font-size:18px; background: url(../images/accroche-hydraulique-lefranc.png) 0 0px; padding : 10px 20px 10px 20px; margin : 70px 0px 0px 0px; z-index : 1000;} #menu h1.pneumatique {border:0px solid red; position:absolute; font-weight:normal; text-transform:uppercase; color: #FFFFFF; font-family:Arial; font-size:18px; background: url(../images/accroche-pneumatique-lefranc.png) 0 0px; padding : 10px 20px 10px 20px; margin : 70px 0px 0px 0px; z-index : 1000;} #menu h1.etancheite {border:0px solid red; position:absolute; font-weight:normal; text-transform:uppercase; color: #FFFFFF; font-family:Arial; font-size:18px; background: url(../images/accroche-etancheite-lefranc.png) 0 0px; padding : 10px 20px 10px 20px; margin : 70px 0px 0px 0px; z-index : 1000;} #menu h1.complementaires {border:0px solid red; position:absolute; font-weight:normal; text-transform:uppercase; color: #FFFFFF; font-family:Arial; font-size:18px; background: url(../images/accroche-complementaires-lefranc.png) 0 0px; padding : 10px 20px 10px 20px; margin : 70px 0px 0px 0px; z-index : 1000;} #menu h1.societe {border:0px solid red; position:absolute; font-weight:normal; text-transform:uppercase; color: #FFFFFF; font-family:Arial; font-size:18px; background: url(../images/accroche-societe-lefranc.png) 0 0px; padding : 10px 20px 10px 20px; margin : 70px 0px 0px 0px; z-index : 1000;} #menu ul {margin:0; padding:0; list-style-type:none; text-align:center;} #menu li {float:left; margin:auto; padding:0;} #menu li a {color: #0a4595; font-family:Arial; font-size:12px; text-transform:uppercase; text-decoration:none; padding : 7px 0px 0px 0px; margin : 0px; display:block; height:20px; width:109px;} #menu li a.encours {background: url(../images/menu-lefranc.png) no-repeat 0 0px; color: #FFFFFF; font-family:Arial; font-size:12px; text-transform:uppercase; text-decoration:none; padding : 7px 0px 0px 0px; margin : 0px; display:block; height:20px; width:109px;} #menu li a:hover {background: url(../images/menu-lefranc.png) no-repeat 0 0px; color: #FFFFFF;} #menu li a.select {background: url(../images/menu-over-lefranc.png) no-repeat 0 0px; color: #FFFFFF; font-family:Arial; font-size:12px; text-decoration:none; padding : 7px 0px 0px 0px; margin : 0px; display:block; height:20px; width:109px;} #menu li a.select:hover{background: url(../images/menu-over-lefranc.png) no-repeat 0 0px; color: #FFFFFF; font-family:Arial; font-size:12px; text-decoration:none; padding : 7px 0px 0px 0px; margin : 0px; display:block; height:20px; width:109px;} #menu li:hover a {background: url(../images/menu-lefranc.png) no-repeat 0 0px; color: #FFFFFF;} #menu ul li ul.compagnie {display:none;} #menu ul li:hover ul.compagnie {display:block; position:absolute; background:#bcc2e0; width:889px; margin:0px 0px 0px -345px;} #menu ul li:hover ul.compagnie li {float:left; margin:auto; padding:0;} #menu ul li:hover ul.compagnie li a {background: url(../images/fond-menu-lefranc.png) no-repeat 0 0px; text-transform:none; color: #FFFFFF; font-family:Arial; font-size:14px; text-decoration:none; padding : 4px 0px 0px 0px; margin : 0px; display : block; height:23px; width:98px;} #menu ul li:hover ul.compagnie li a:hover {background: url(../images/fond-menu-over-lefranc.png) no-repeat 0 0px; background-position:center; color: #0a4595;} #menu ul li ul.expertise {display:none;} #menu ul li:hover ul.expertise {display:block; position:absolute; background:#bcc2e0; width:889px; margin:0px 0px 0px -454px;} #menu ul li:hover ul.expertise li {float:left; margin:auto; padding:0;} #menu ul li:hover ul.expertise li a {background: url(../images/fond-menu-lefranc.png) no-repeat 0 0px; text-transform:none; color: #FFFFFF; font-family:Arial; font-size:14px; text-decoration:none; padding : 4px 0px 0px 0px; margin : 0px; display : block; height:23px; width:222px;} #menu ul li:hover ul.expertise li a:hover {background: url(../images/fond-menu-over-lefranc.png) no-repeat 0 0px; background-position:center; color: #0a4595;} #menu ul li ul.activites {display:none;} #menu ul li:hover ul.activites {display:block; position:absolute; background:#bcc2e0; width:889px; margin:0px 0px 0px -563px;} #menu ul li:hover ul.activites li {float:left; margin:auto; padding:0;} #menu ul li:hover ul.activites li a {background: url(../images/fond-menu-lefranc.png) no-repeat 0 0px; text-transform:none; color: #FFFFFF; font-family:Arial; font-size:14px; text-decoration:none; padding : 4px 0px 0px 0px; margin : 0px; display : block; height:23px; width:148px;} #menu ul li:hover ul.activites li a:hover {background: url(../images/fond-menu-over-lefranc.png) no-repeat 0 0px; background-position:center; color: #0a4595;} #sous_menu{border:0px solid red; position:relative; width : 990px; height : 175px; background : #0a4595; padding : 0px; left : 50%; margin : 0px 0px 0px -495px;} #slideshow{border:0px solid red; position:absolute; width : 890px; height : 275px; padding : 0px; margin : 0; z-index : 12;} #contenu_accueil{border:0px solid red; position:relative; width : 990px; height : 820px; background : #FFFFFF; background-image:url(../images/fond-contenu-accueil-lefranc.png);padding : 0px; left : 50%; margin : 0px 0px 0px -495px;} #contenu_accueil h1.gammes {color: #0a4595; font-weight:normal; font-family:Arial; font-size:18px; margin : 0px; padding : 0px 0px 0px 5px;} #contenu_accueil p.gammes {color: #000000; font-family:Arial; font-size:12px; margin : 0px; padding : 0px 5px 0px 5px;} #contenu_accueil h1.actualites {color: #000000; font-weight:normal; font-family:Verdana; font-size:18px; margin : 0px; padding : 0px 0px 0px 10px;} #contenu_accueil p.actualites {color: #000000; font-family:Arial; font-size:14px; margin : 0px; padding : 0px 5px 0px 10px;} #contenu_accueil p.dateactualites {color: #FFFFFF; font-family:Arial; font-size:12px; margin : 0px; padding : 8px 0px 0px 10px;} #contenu_accueil a.actualites:link {color: #0a4595; font-family:Arial; font-size:14px; text-decoration:none; margin : 0px 0px 0px 0px;} #contenu_accueil a.actualites:visited {color: #0a4595; font-family:Arial; font-size:14px; text-decoration:none; margin : 0px 0px 0px 0px;} #contenu_accueil a.actualites:hover {color: #0a4595; font-family:Arial; font-size:14px; text-decoration:underline; margin : 0px 0px 0px 0px;} #contenu_accueil p.marques {color: #000000; font-family:Arial; font-size:13px; margin : 0px; padding : 0px px 0px 0px;} #contenu_page{border:0px solid red; position:relative; width : 890px; background : #FFFFFF; padding : 20px 50px 20px 50px; left : 50%; margin : 0px 0px 0px -495px;} #contenu_page span.date {color: #0a4595; display: inline; font-weight:bold; font-family:Arial; font-size:18px; margin : 0px; padding : 0px;} #contenu_page span.enavant {color: #0a4595; display: inline; font-weight:bold; font-family:Arial; font-size:14px; margin : 0px; padding : 0px;} #contenu_page span.filariane {color: #979797; display: block; font-weight:normal; font-family:Arial; font-size:14px; margin : 0px; padding : 0px 0px 20px 0px;} #contenu_page p {color: #000000; font-weight:normal; font-family:Arial; font-size:14px; margin : 0px; padding : 0px;} #contenu_page p.intro {color: #000000; font-weight:normal; font-family:Arial; font-style:italic; font-size:14px; margin : 0px 0px 20px 0px; padding : 0px;} #contenu_page p.intrometiers {color: #0a4595; font-weight:normal; font-family:Arial; font-size:14px; margin : 0px 0px 20px 0px; padding : 0px;} #contenu_page p.recrutement {color: #000000; font-weight:normal; font-family:Arial; font-size:12px; margin : 0px; padding : 0px 7px 0px 7px;} #contenu_page p.recrutement_over {color: #FFFFFF; font-weight:normal; font-family:Arial; font-size:12px; margin : 0px; padding : 0px 7px 0px 7px;} #contenu_page ul li {color: #000000; font-weight:normal; font-family:Arial; font-size:14px; margin : 0px; padding : 0px;} #contenu_page h2 {color: #0a4595; display: inline; font-weight:bold; font-family:Arial; font-size:16px; margin : 0px; padding : 0px;} #contenu_page h3 {text-transform:uppercase; background: #ed1c24; font-weight:normal; color: #FFFFFF; display:inline-block; font-family:Arial; font-size:14px; margin : 0px 0px 20px -50px; padding : 5px 20px 5px 50px;} #contenu_page h3.recrutement {text-transform:uppercase; background: #0a4595; font-weight:normal; color: #FFFFFF; display:inline-block; font-family:Arial; font-size:14px; margin : 0px 0px 20px -50px; padding : 5px 20px 5px 50px;} #contenu_page h3.postesrecrutement {text-transform:uppercase; background: #0a4595; font-weight:normal; color: #FFFFFF; display:inline-block; font-family:Arial; font-size:14px; margin : 0px 0px 20px 0px; padding : 5px 20px 5px 50px;} #contenu_page h3.postesrecrutement_over {text-transform:uppercase; background: #FFFFFF; font-weight:normal; color: #0a4595; display:inline-block; font-family:Arial; font-size:14px; margin : 0px 0px 20px 0px; padding : 5px 20px 5px 50px;} #contenu_page h3.mecanique {text-transform:uppercase; background: #ed1c24; font-weight:normal; color: #FFFFFF; display:inline-block; font-family:Arial; font-size:14px; margin : 0px 0px 20px -50px; padding : 5px 20px 5px 50px;} #contenu_page h3.hydraulique {text-transform:uppercase; background: #eb690b; font-weight:normal; color: #FFFFFF; display:inline-block; font-family:Arial; font-size:14px; margin : 0px 0px 20px -50px; padding : 5px 20px 5px 50px;} #contenu_page h3.pneumatique {text-transform:uppercase; background: #97bf0d; font-weight:normal; color: #FFFFFF; display:inline-block; font-family:Arial; font-size:14px; margin : 0px 0px 20px -50px; padding : 5px 20px 5px 50px;} #contenu_page h3.etancheite {text-transform:uppercase; background: #009ee0; font-weight:normal; color: #FFFFFF; display:inline-block; font-family:Arial; font-size:14px; margin : 0px 0px 20px -50px; padding : 5px 20px 5px 50px;} #contenu_page h3.complementaire {text-transform:uppercase; background: #b5007c; font-weight:normal; color: #FFFFFF; display:inline-block; font-family:Arial; font-size:14px; margin : 0px 0px 20px -50px; padding : 5px 20px 5px 50px;} #contenu_page h4 {color: #0a4595; font-weight:normal; font-family:Arial; font-size:16px; margin : 0px; padding : 0px;} #contenu_page h4.recutement {color: #0a4595; font-weight:normal; font-family:Arial; font-size:16px; margin : 0px; padding : 0px 0px 0px 7px;} #contenu_page h4.recrutement_over {color: #FFFFFF; font-weight:normal; font-family:Arial; font-size:16px; margin : 0px; padding : 0px 0px 0px 7px;} #contenu_page h5 {color: #0a4595; font-weight:normal; font-family:Arial; font-size:15px; margin : 0px; padding : 0px;} #contenu_page a:link {color: #0a4595; font-family:Arial; font-size:14px; text-decoration:none; margin : 0px; font-style:italic} #contenu_page a:visited {color: #0a4595; font-family:Arial; font-size:14px; text-decoration:none; margin : 0px; font-style:italic} #contenu_page a:hover {color: #0a4595; font-family:Arial; font-size:14px; text-decoration:underline; margin : 0px; font-style:italic} #contenu_page input[type=text] {font-style:italic; color: #828282; font-family:Arial; font-size:14px; background-color:#FFFFFF; margin-bottom:3px; padding:3px; border:1px solid #0a4595; width:250px; height:14px;} #contenu_page textarea {font-style:italic; color: #828282; font-family:Arial; font-size:14px; background-color:#FFFFFF; margin-bottom:3px; padding:3px; border:1px solid #0a4595; width:396px; height:14px;} #contenu_page input[type=submit] {color: #FFFFFF; font-family:Arial; font-size:14px; background-color:#0a4595; padding:3px; border:0px solid #0a4595; width:100px; height:26px;} #contenu_page select {overflow:hidden; color: #828282; font-family:Arial; font-size:14px; background-color:#FFFFFF; padding:3px; border:1px solid #0a4595; width:250px;} #contenu_page a.lien:link {color: #000000; font-family:Arial; font-size:12px; text-decoration:none; margin : 0px;} #contenu_page a.lien:visited {color: #000000; font-family:Arial; font-size:12px; text-decoration:none; margin : 0px;} #contenu_page a.lien:hover {color: #000000; font-family:Arial; font-size:12px; text-decoration:underline; margin : 0px;} #contenu_page textarea {font-style:italic; color: #828282; font-weight:normal; font-family:Arial; font-size:14px; background-color:#FFFFFF; padding:3px; border:1px solid #0a4595; width:400px; height:80px;} #deco_activites{border:0px solid red; position:absolute; width : 52px; height : 69px; background : #FFFFFF; background-image:url(../images/activite-deco-lefranc.png); padding : 0px; left : 50%; margin : 50px 0px 0px 443px; z-index : 1002;} #acces_site{border:0px solid red; text-align:center; position:absolute; width : 250px; height : 40px; background : #ed1c24; padding : 0px; left : 50%; margin : -65px 0px 0px -132px; z-index : 1003;} #acces_site a:link {color: #FFFFFF; font-family:Arial; font-size:18px; text-decoration:none; margin : 0px;} #acces_site a:visited {color: #FFFFFF; font-family:Arial; font-size:18px; text-decoration:none; margin : 0px;} #acces_site a:hover {color: #FFFFFF; font-family:Arial; font-size:18px; text-decoration:underline; margin : 0px;} #info_accueil{border:0px solid red; position:absolute; width : 990px; height : 20px; background : #979797; padding : 0px; left : 50%; margin : 20px 0px 20px -495px;} #info_accueil p {color: #FFFFFF; font-family:Arial; font-size:14px; margin : 0px; padding : 2px 0px 0px 5px;} #bas{border:0px solid red; position:relative; width : 990px; height : 20px; background : #ed1c24; padding : 0px; left : 50%; margin : 0px 0px 0px -495px;} #bas p{color: #FFFFFF; font-family:Arial; font-size:12px; margin : 0px; padding : 3px 0px 0px 10px;} #bas a:link {color: #FFFFFF; font-family:Arial; font-size:12px; text-decoration:none; margin : 0px 0px 0px 0px;} #bas a:visited {color: #FFFFFF; font-family:Arial; font-size:12px; text-decoration:none; margin : 0px 0px 0px 0px;} #bas a:hover {color: #FFFFFF; font-family:Arial; font-size:12px; text-decoration:underline; margin : 0px 0px 0px 0px;} #footer{border:0px solid red; position:relative; width : 990px; height : 190px; background : #FFFFFF; padding : 0px; left : 50%; margin : 0px 0px 0px -495px;} #footer h1{color: #838382; font-family:Arial; font-size:10px; margin : 0px; padding : 5px 0px 5px 0px;} #footer p{color: #838382; font-family:Arial; font-size:10px; margin : 0px; padding : 5px 0px 5px 0px;} #footer a.lien:link {background: url(../images/fleche-lefranc.png) no-repeat 0 0px; color: #838382; font-family:Arial; font-size:10px; text-decoration:none; padding : 0px 0px 5px 15px; margin : 0px 0px 0px 0px; display:block;} #footer a.lien:visited {background: url(../images/fleche-lefranc.png) no-repeat 0 0px; color: #838382; font-family:Arial; font-size:10px; text-decoration:none; padding : 0px 0px 5px 15px; margin : 0px 0px 0px 0px; display:block;} #footer a.lien:hover {background: url(../images/fleche-lefranc.png) no-repeat 0 0px; color: #d62631; font-family:Arial; font-size:10px; text-decoration:underline; padding : 0px 0px 5px 15px; margin : 0px 0px 0px 0px; display:block;} #copyright{border:0px solid red; position:relative; text-align : right; width : 990px; height : 20px; background : #0a4595; padding : 0px; left : 50%; margin : 0px 0px 0px -495px;} #copyright p{color: #FFFFFF; font-family:Arial; font-size:12px; margin : 0px; padding : 3px 10px 0px 0px;} #copyright a:link {color: #FFFFFF; font-family:Arial; font-size:12px; text-decoration:none; margin : 0px 0px 0px 0px;} #copyright a:visited {color: #FFFFFF; font-family:Arial; font-size:12px; text-decoration:none; margin : 0px 0px 0px 0px;} #copyright a:hover {color: #FFFFFF; font-family:Arial; font-size:12px; text-decoration:none; margin : 0px 0px 0px 0px;} #coordonnees {position:relative; background-image:url(../images/fond-coordonnees-lefranc.png); width : 100%; height : 150px; padding : 0px; margin : 0; z-index : 12; bottom:0px; text-align:center;} #coordonnees_info{border:0px solid red; position:relative; width : 990px; height : 20px; padding : 0px; left : 50%; margin : 0px 0px 0px -495px;} #coordonnees_info p{color: #0a4595; font-family:Arial; font-size:14px; margin : 0px; padding : 3px 0px 0px 10px;} #coordonnees_info a:link {color: #0a4595; text-decoration:none; font-family:Arial; font-size:14px; margin : 0px; padding : 0px;} #coordonnees_info a:visited {color: #0a4595; text-decoration:none; font-family:Arial; font-size:14px; margin : 0px; padding : 0px;} #coordonnees_info a:hover {color: #0a4595; text-decoration:underline; font-family:Arial; font-size:14px; margin : 0px; padding : 0px;} div#slideshow {position:relative; width:890px; height:275px; background-color:#FFFFFF; text-align: center;} #slideshow-container { width:890px; height:275px; position:relative; border:0px solid red;} #slideshow-container img { width:890px; height:275px; display:block; position:absolute; top:0; left:0; z-index:1; } /************************************* * carousel ************************************/ .list_carousel {margin: 0; } .list_carousel ul {margin: 0; padding: 0; list-style: none; display: block; } .list_carousel li {border: 0px solid #0a4595; width: 105px; height: 97px; padding: 0px; margin: 0px; display: block; float: left; } .list_carousel li img{border: 1px solid #0a4595;} .list_carousel.responsive {width: auto; margin-left: 0;} .clearfix {float: none; clear: both;} .prev {float: left; margin-left: 10px;} .next {float: right; margin-right: 10px;} .timer {background-color: #999; height: 6px; width: 0px;}