/* BODY ----------------------------------------------- */ body { font-size: .7em; font-family: tahoma, Arial, Helvetica, sans-serif; background:#dae9f0 url(/templates/v1/images/interface/bg.gif) top repeat-x;} /* DIVERS ----------------------------------------------- */ * { margin: 0px; padding: 0px;} p { margin-bottom: 12px;} .violet {color: #993399; font-weight:bold; padding-right:5px; } /* LIENS ET IMAGES ----------------------------------------------- */ a, a:link, a:visited{ color: #993399; text-decoration:underline;} a:hover{ color: black;} img{ border: 0;} .align-gauche{ float: left; margin: 0 10px 0 0;} .align-droite{ float: right; margin: 0 0 0 10px ;} .centrer{ text-align: center;} /* HEADER --------------------------------------- */ #header{ margin:0 0 10px 0;} #header #logo { float:left;} #header #baniere{ background:url(/templates/v1/images/interface/baniere.jpg); width:720px; height:120px; margin-left:212px; text-indent: -9999px; } #header #slogan{ background:url(/templates/v1/images/interface/slogan.gif); width:863px; height:25px; text-indent: -9999px; margin:5px 0 5px 5px; } /* LISTES ----------------------------------------------- */ #positionnement-metier ul{ padding-left:20px; list-style:none; } #positionnement-metier ul li{ background:url(/templates/v1/images/interface/puce-jaune.gif) no-repeat top left; padding:0 0 1px 10px;} #colonne-gauche ul{ width: 160px; list-style:none;} #colonne-gauche ul li{ padding:5px 0 7px 5px; background:url(/templates/v1/images/interface/pointilles-col-g.gif) bottom left no-repeat ;font-weight: bold; font-size:1.1em; color:#FFFFFF;} #colonne-gauche ul li a{ color:#FFFFFF; text-decoration:none; } #colonne-gauche ul li a:hover{ color:#89daff; } #colonne-gauche ul li .sous-menu-on{ color:#89daff; } #texte-interne ul{ list-style:none; padding-left:40px;} #texte-interne ul li{ padding-left:10px; background:url(/templates/v1/images/interface/puce-violet.gif) top left no-repeat;} #chiffres ul { padding:13px 12px 0 10px; margin:0;} #references ul { padding-left: 20px; } /* FORMULAIRES ----------------------------------------------- */ #options input{margin-top: 5px;} #formulaire label{width: 80px; display: block; float: left;} #formulaire input{ font-size: 1em;} #formulaire-droite{ float: right; width: 300px; padding: 0 0 0 10px; background-color: #f0f0f0;} fieldset {border: 1px #E9E9E9 solid; padding: 10px; margin: 0 0 10px 0;} fieldset label{width: 140px; display: block; float: left;} fieldset input{ font-size: 1em;} fieldset legend {margin: 10px; padding: 5px; font-weight: bold; background-color: #E9E9E9;} /* ADMIN --------------------------------------- */ #texte-admin { font:normal 1.0em Arial, Helvetica, sans-serif; color:#FFF; } #formulaire { } /* FOOTER --------------------------------------- */ #footer{ width:950px; text-align:center; color:#1c314d; padding-top:15px; margin-bottom: 15px;} #footer a, #footer a:link, #footer a:visited{ color:#1c314d; text-decoration:none; font-weight:bold;} #footer a:hover{ text-decoration:underline;} /* FLASH --------------------------------------- */ #flashcontent-home1{ width:290px; height:432px; } #flashcontent-home2{ width:290px; height:210px; } #flashcontent-home3{ width:290px; height:225px; } /* BOUTONS ----------------------------------------------- */ a.bt-postulez, a:visited.bt-postulez {display: block; margin-top:10px; background: url(/templates/v1/images/interface/bt-postulez.jpg) no-repeat top right; width: 135px; height: 106px; cursor: pointer;text-indent:-9999px;} a.bt-postulez:hover { background: url(/templates/v1/images/interface/bt-postulez.jpg) no-repeat bottom right; } a.bt-consultez, a:visited.bt-consultez {display: block; margin-top:10px; background: url(/templates/v1/images/interface/bt-consultez.jpg) no-repeat top right; width: 135px; height: 106px; cursor: pointer; text-indent:-9999px;} a.bt-consultez:hover { background: url(/templates/v1/images/interface/bt-consultez.jpg) no-repeat bottom right; } a.bt-contactez, a:visited.bt-contactez {display: block; margin-top:10px; background: url(/templates/v1/images/interface/bt-contactez.jpg) no-repeat top right; width: 135px; height: 106px; cursor: pointer; text-indent:-9999px;} a.bt-contactez:hover { background: url(/templates/v1/images/interface/bt-contactez.jpg) no-repeat bottom right; } a.bt-demandez, a:visited.bt-demandez {display: block; margin-top:10px; background: url(/templates/v1/images/interface/bt-demandez.jpg) no-repeat top right; width: 135px; height: 106px; cursor: pointer; text-indent:-9999px;} a.bt-demandez:hover { background: url(/templates/v1/images/interface/bt-demandez.jpg) no-repeat bottom right; } /* TYPOGRAPHIE + TITRES: ----------------------------------------------- */ h1, h2{ font-size:1.7em; font-weight:normal;} h2{font-size:1.1em;} h3{ font-size: 1.1em; margin: 7px 0 12px 0; font-weight: bold;} h4{font-size:1em; } #texte-interne h1{ background:url(/templates/v1/images/interface/h1-bg.gif) top left no-repeat; color:#8c448e; padding:0 0 3px 30px; letter-spacing: 0.1em;} #texte-interne h2{ background:url(/templates/v1/images/interface/h2-bg.gif) top left repeat-y; font-weight:bold; color:#ffffff; padding:3px 0 3px 15px; margin:11px 0 3px -15px ;} /*#texte-interne h6{background:url(../images/interface/accroche.gif) top left repeat-y; font-weight:bold; color:#cccccc; padding:3px 0 3px 15px; margin:11px 0 3px -15px ;}*/ #references h2 { font-weight: bold; font-size: 1.1em; letter-spacing: 0.1em;} .texte_grand{ font-size: 1.2em} .italique{font-style: italic;} .titre-vision{ margin:0; padding:0; height:38px; background:url(/templates/v1/images/home/titre-vision-sectorielle.gif); text-indent: -9999px; } .titre-postionnement{ margin:0 0 10px 0; padding:0; height:38px; background:url(/templates/v1/images/home/titre-positionnement-metier.gif); text-indent: -9999px; } .titre-breve{ margin:0 0 12px 0; padding:0; height:31px; background:url(/templates/v1/images/home/titre-breve.gif) top; text-indent: -9999px; } .titre-implantations{ margin:0 0 10px 0; padding:0; height:38px; background:url(/templates/v1/images/home/titre-implantations.gif); text-indent: -9999px; } .titre-actualites{ margin:0 0 10px 0; padding:0; height:34px; background:url(/templates/v1/images/home/titre-actualites.gif); text-indent: -9999px; } .accroche{ font-size: 1.5em; padding:30px 0; text-align:center; font-style:italic; color:#009be1; } /* MISES EN PAGE ----------------------------------------------- */ #global-home{width:950px; padding-bottom: 29px; background: #1c314d url(/templates/v1/images/interface/bg-global-home.gif) no-repeat bottom;} #global-interne{width:950px; padding-bottom: 30px; background: #1c314d url(/templates/v1/images/interface/bg-global-interne.gif) no-repeat bottom right;} #conteneur-home{ background-color: #355073; width: 907px; padding:0 10px 0 10px;} #conteneur-interne{ width: 927px; background:url(/templates/v1/images/interface/bg-colonne-droite.gif) top right no-repeat;} #colonne-gauche{ width: 180px; float:left; padding-left:10px; } #colonne-droite{ width: 137px; float:right; } #partie-gauche{ width:787px; background-color: #355073; min-height:500px; /* IE 7.0*/_height:500px; /* IE 6.0 */ } #texte-interne{ width:575px; margin-left:191px; background:white url(/templates/v1/images/interface/bg-haut-texte-interne.gif) top left no-repeat} #texte-interne-bas{ padding: 15px 17px 12px 15px; background:url(/templates/v1/images/interface/bg-bas-texte-interne.gif) bottom left no-repeat;} #references { font-size: 1.2em; width: 575px; background:#009be1 url(/templates/v1/images/interface/bg-references-haut.gif) top left no-repeat; margin:15px 0 0 191px; color:#FFFFFF; font-weight:bold; } #references-bas { background:url(/templates/v1/images/interface/bg-references-bas.gif) bottom left no-repeat; padding:10px 10px 20px 10px;} #references .col-ref { float: left; width: 170px; margin-right:10px; } #references .pointilles-ref { border-left:1px dotted white; } /* HOME ----------------------------------------------- */ #vision-sectorielle{ background-color:#01a5f1; width:290px; height: 470px; float:left; } #positionnement-metier{ font-size: 1.1em; width:290px; margin: 0 0 0 15px; float:left; color:#162a44; background: url(/templates/v1/images/home/bg-metier.gif) bottom no-repeat #f0f5f8; height: 470px; } #positionnement-metier p { margin-bottom: 2px; padding-left:10px; } #certification { width: 70px; text-align:center; font-size:0.7em; float:right; margin-right:5px; } #breve { background: url(/templates/v1/images/home/bg-breve.gif) bottom; height:80px;} #breve .deroulement { padding:0 30px 0 45px; font-size:1.2em;} #implantations{ font-size: 1.1em; width:290px; margin: 0 0 0 15px; float:left; color: #FFFFFF; background:url(/templates/v1/images/home/bg-implantations.gif) top no-repeat} #implantations p{ padding : 0 10px; } #implantations p a{ font-weight:bold; color:white; } #implantations p a:hover{ text-decoration: none;} #bloc-actualites{ font-size: 1em; height: 123px; background:url(/templates/v1/images/home/bg-actualites.gif) top no-repeat; margin-top:4px;} #bloc-actualites p{ padding : 0 10px; margin-bottom:0; } #bloc-actualites p a{ font-weight:normal; color:white; text-decoration:none; } #bloc-actualites p a:hover{ text-decoration: underline;} #bloc-actualites .voir-actu{ color: #FFFFFF; padding-left: 130px; margin-top:5px;} /* MENU ----------------------------------------------- */ #menu { height: 38px; padding:0 0 0 10px; background:url(/templates/v1/images/interface/bg-menu.gif) left bottom no-repeat;} #menu li { float: left; list-style: none; text-align:center; line-height:23px; margin-right:5px;} #menu li a{ display: block; text-decoration: none; color:#192e48; font-weight:bold; } #menu a:hover { color: #000;} #menu a#qui-sommes-nous { background: url(/templates/v1/images/menu/qui-sommes.gif) top left no-repeat; width: 123px;} #menu a#nos-implantations { background: url(/templates/v1/images/menu/nos-implantations.gif) top left no-repeat; width: 121px;} #menu a#nos-secteurs-d-activite { background: url(/templates/v1/images/menu/secteurs.gif) top left no-repeat; width: 151px;} #menu a#nos-metiers { background: url(/templates/v1/images/menu/metiers.gif) top left no-repeat; width: 89px;} #menu a#rejoignez-nous { background: url(/templates/v1/images/menu/rejoignez-nous.gif) top left no-repeat; width: 108px;} #menu a#actualites { background: url(/templates/v1/images/menu/actualites.gif) top left no-repeat; width: 78px;} #menu a#espace-collaborateurs { background: url(/templates/v1/images/menu/espace-collabo.gif) top left no-repeat; width: 151px;} #menu a#english { background: url(/templates/v1/images/menu/en-flag.gif) top left no-repeat; width: 49px; text-indent:-9999px;} #menu a:hover#qui-sommes-nous, body#qui-sommes-nous-on a#qui-sommes-nous { background: url(/templates/v1/images/menu/qui-sommes.gif) bottom left no-repeat;} #menu a:hover#nos-implantations, body#nos-implantations-on a#nos-implantations { background: url(/templates/v1/images/menu/nos-implantations.gif) bottom left no-repeat;} #menu a:hover#nos-secteurs-d-activite, body#nos-secteurs-d-activite-on a#nos-secteurs-d-activite { background: url(/templates/v1/images/menu/secteurs.gif) bottom left no-repeat;} #menu a:hover#nos-metiers, body#nos-metiers-on a#nos-metiers { background: url(/templates/v1/images/menu/metiers.gif) bottom left no-repeat;} #menu a:hover#rejoignez-nous, body#rejoignez-nous-on a#rejoignez-nous { background: url(/templates/v1/images/menu/rejoignez-nous.gif) bottom left no-repeat;} #menu a:hover#actualites, body#actualites-on a#actualites { background: url(/templates/v1/images/menu/actualites.gif) bottom left no-repeat;} #menu a:hover#espace-collaborateurs, body#espace-collaborateurs-on a#espace-collaborateurs { background: url(/templates/v1/images/menu/espace-collabo.gif) bottom left no-repeat;} #menu a:hover#english, body#english-on a#english { background: url(/templates/v1/images/menu/en-flag.gif) bottom left no-repeat;} /* INITIALISATION: ----------------------------------------------- */ .spacer { overflow: hidden; clear: both; height: 1px; margin: -1px 0 0 0; font-size: 1px;} div.clearer { clear:both; height:0; line-height:0; font-size:0} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix { display:inline;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;}