/* Modèle v1.26 18/08/2011 */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(../font/lato-light-webfont.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: local('Lato Light Italic'), local('Lato-LightItalic'), url(../font/lato-lightitalic-webfont.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(../font/lato-bold-webfont.woff) format('woff'); } @font-face { font-family: 'Rosario'; font-style: normal; font-weight: 400; src: local('Rosario Regular'), local('Rosario-Regular'), url(../font/rosario-regular-webfont.woff) format('woff'); } @font-face { font-family: 'Rosario'; font-style: italic; font-weight: 400; src: local('Rosario Italic'), local('Rosario-Italic'), url(../font/rosario-italic-webfont.woff) format('woff'); } @font-face { font-family: 'bop_icone'; src: url('../modbop/font/bop_icone-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /********** A GARDER EN L'ETAT ************/ *{margin:0; padding:0;} table{border-spacing:0;} ul,ol {margin-bottom:10px;} li{margin-left: 25px;} a img{border:0} html {font-size: 100%;} .clear{clear:both;} .centre{text-align:center;} .img_gauche {float:left; display:inline; margin:0 5px 5px 0;} .img_droite {float:right; display:inline; margin:0 0 5px 5px;} .ui-helper-hidden-accessible {top:0; /*Bug datepicker en pied de page*/} section,nav,article,aside,hgroup,header,footer{display:block;} /*********** A PERSONNALISER **************/ body {font: 300 14px 'Lato'; color:#282621; background-color:/*fond de spaw et de la zone contenu*/} #body{background:#f3f3f5;} table{font-size: 11px;} a{color: #f10000; text-decoration:none;} a:hover {text-decoration:underline;} body#bodyuploadfichier {background-color:transparent} body#bodyuploadfichier li {padding:0px;background:none; height:20px} body#bodyuploadfichier a{text-decoration:none} body#bodyuploadfichier a.fichier{margin:1px ; font:bold 12px arial; color:#000; text-decoration:none;display:inline-block; float:left; width:150px; overflow:hidden} body#bodyuploadfichier a.fichier:hover{margin:0px; border:1px solid #fff} body#bodyuploadfichier a.supprimer {background:url('/bop2/images/icone/supprimer.png') 0 0 no-repeat; color:transparent;width:20px; overflow:hidden; display:inline-block } body#bodyuploadfichier #uploadFichier {list-style-type: none;} body#bodyuploadfichier #uploadFichier li {margin:5px; padding:5px; box-shadow:0px 0px 5px #fff; white-space:nowrap;width:90%;cursor:move;height:35px} body#bodyuploadfichier #uploadFichier li img {vertical-align:middle;} body#bodyuploadfichier #uploadFichier li a.supprimer {background:url('/bop2/images/icone/supprimer.png') 0 9px no-repeat; color:transparent;width:16px;height:32px; overflow:hidden; display:inline-block;float:right} h1{font: bold 12px 'Lato'; margin-bottom:10px;} h2{font: 300 italic 12px 'Lato'; margin-bottom:5px;} h3{font: 400 12px 'Lato';} p {margin-bottom:10px;} strong{font-weight: bold;} em{font-style: italic;} .color {color:#f10000;} .bold {font-weight:bold;} .hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;} .asterisque{font-style:italic; font-size:9px;} .type {} .lieu{} .lienSidebar {text-align:right; padding-right:25px; line-height:17px; margin-bottom:30px; background-position:top right; background-repeat:no-repeat;} .lienSidebar a {color:#282621;} .datescles {} /*Megaselect*/ .MegaSelectInfobulle {float:left; position:relative;display:inline;z-index:100} .MegaSelectInfobulle .zoneAffichable {position:absolute; top:25px; display:none; box-shadow: 1px 1px 5px #555; border:1px solid #fff; padding:5px; } .MegaSelectInfobulle ul { list-style-type:none; margin-left:0px;} .MegaSelectInfobulle li { margin-left:0px;border-bottom:1px dotted #808080} .MegaSelectInfobulle li.selected {color:#fff; background-color:#808080} .MegaSelectInfobulle .surligne {color:#000; background-color:#ffff00} /* Formulaires */ .bouton{ display:block; color:#fff; background-color:#f10000; font:bold 11px 'Trebuchet MS'; line-height:20px; width:160px; height:20px; border-width:0; text-align:center; cursor:pointer; } input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;} input, select, textarea{font:300 14px 'Lato'; color:#282621; border:1px solid #ccc;} input[type="checkbox"], input[type="radio"]{border-width: 0;} label span{color:#f00;} .row{clear:both; margin-bottom:5px;} .row label{display:inline; float: left; margin-right: 5px; width:230px; text-align: right;} .row textarea, .row input {width: 280px; height:24px;} .row select {width: 282px; height:26px;} .row_chk{padding:0; clear:both; margin-bottom:5px;} .row_chk input{border:0} .row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_are{clear:both; margin:0 auto 5px; width:556px;} .row_are label{display:block;} .row_are textarea{width:554px; height:144px;} .row_rad {clear:both; margin-bottom:5px;} .row_rad .label{float:left; width:145px; text-align:right;} .row_rad .rad {margin-left:150px; margin-bottom:1px;} .row_rad .rad input{vertical-align:middle; border:0} .row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_bt {margin-left:150px; clear:both; margin-bottom:5px;} .row_captcha{margin-bottom:20px;} .row_captcha input{margin-left:235px;} .errors li{color:#ff0000} /**********************************************/ /****************** CONTENEURS **************/ /**********************************************/ #conteneur {width:990px; margin:0 auto;} /******************************************/ /****************** ENTETE **************/ /******************************************/ #header {width:100%; height:72px; background:url(../images/fond/header.png) 0 0 repeat-x; margin-bottom:24px;} #header #headerInt {width:780px; margin:0 auto; position:relative; padding-left:210px;} #header #headerInt:after {content:''; display:block; clear:both;} #header #headerInt #logo{width:197px; height:72px; position:absolute; top:0; left:0;} #header #headerInt #slogan{width:140px; float:left; font:400 15px 'Lato'; color:#fff; line-height:40px; margin:0;} #header #headerInt #slogan img{float:right; padding-top:5px;} #header #headerInt #menuTop {width:250px; float:right;} #header #headerInt #menuTop #rubriqueHaut{list-style-type:none; margin:0;} #header #headerInt #menuTop #rubriqueHaut li{margin:0; float:left;} #header #headerInt #menuTop #rubriqueHaut li a{float:left; font:400 12px 'Lato'; color:#fff; line-height:25px; padding:0 10px; border-left:1px dashed #dca7dc;} #header #headerInt #menuTop #rubriqueHaut li a:hover, #header #headerInt #menuTop #rubriqueHaut li a.active{text-decoration:underline;} #header #headerInt #menuTop #rubriqueHaut li a.aa1{border-left:0;} #header #headerInt #menuPrincipal{clear:both; width:780px;} #header #headerInt #menuPrincipal:after {content:''; display:block; clear:both;} #header #headerInt #menuPrincipal #menu{list-style-type:none; margin:0; height:16px; padding-top:8px} #header #headerInt #menuPrincipal #menu li{margin:0; float:left;} #header #headerInt #menuPrincipal #menu li ul{display:none;} #header #headerInt #menuPrincipal #menu li a{float:left; font:400 12px 'Lato'; line-height:22px; color:#3e3e40; text-transform:uppercase; padding:0 10px; margin-right:5px;} #header #headerInt #menuPrincipal #menu li a:hover, #header #headerInt #menuPrincipal #menu li a.active{color:#fff; text-decoration:none;} #header #headerInt #menuPrincipal #menu li a.aa1:hover, #header #headerInt #menuPrincipal #menu li a.aa1.active, #header #headerInt #menuPrincipal #menu li a.aa5:hover, #header #headerInt #menuPrincipal #menu li a.aa5.active{background:#B00764;} #header #headerInt #menuPrincipal #menu li a.aa2:hover, #header #headerInt #menuPrincipal #menu li a.aa2.active{background:#218bc9;} #header #headerInt #menuPrincipal #menu li a.aa3:hover, #header #headerInt #menuPrincipal #menu li a.aa3.active{background:#EC7906;} #header #headerInt #menuPrincipal #menu li a.aa4:hover, #header #headerInt #menuPrincipal #menu li a.aa4.active{background:#dd0a57;} #header #headerInt #menuPrincipal #menu li a.aa6:hover, #header #headerInt #menuPrincipal #menu li a.aa6.active{background:#EAA703;} /******************************************/ /************** PAGES ****************/ /******************************************/ #headerPage {width:940px; padding:0 15px 0 35px; background:url(../images/fond/piedpage.jpg); margin-bottom:25px;} #headerPage h1 {font:700 40px 'Lato'; text-transform:uppercase; padding-top:13px; margin:0;} #headerPage h1:first-letter {font-size:50px;} #headerPage #retour {float:right; width:200px; margin-top:48px; background-position:top right; background-repeat: no-repeat; font:300 12px Lato; line-height:17px; color:#3e3e40; text-transform:uppercase; text-align:right; padding-right:25px; margin-bottom:5px;} #content {width:920px; background:#f3f3f5; padding:0 35px; position:relative; box-shadow:0 0 40px #c7c8ca inset; behavior:url(css/PIE.htc); display:table; margin-bottom:40px; table-layout:fixed;} .lt-ie9 #content {background:#efefef;} #content:after {content:''; display:block; clear:both;} #contenu {width:640px; display:table-cell; padding:35px 50px 35px 0; vertical-align:top; font-size:16px; line-height:24px;} #contenu h1 {height:75px; font:300 25px Lato; margin:0;} #contenu #barre{width:640px; height:20px; background:#3e3e40; margin-bottom:20px;} #contenu #barre:after {content:''; display:block; clear:both;} #contenu #barre span{width:115px; font-size:12px; font-style:italic; line-height:20px; padding-right:5px; float:right; text-align:center;} #contenu #colLeft {float:left; width:300px;} #contenu #colRight {float:right; width:300px;} #sidebar {width:230px; display:table-cell; background:#e3e3e3 url(../images/fond/sidebarBottom.jpg) left bottom no-repeat; vertical-align:top; font-style:italic; font-weight:300; font-family:'Lato';} #sidebar #sidebarTop {width:230px; background:url(../images/fond/sidebarTop.jpg) 0 0 no-repeat; height:105px;} #sidebar #sidebarInt {width:200px; padding:0 15px;} #sidebar #decouvrez {font:300 italic 30px 'Lato'; line-height:30px; margin:-2px 0 20px;} #sidebar p {font-size:14px;} #sidebar h1 {font:300 italic 24px 'Lato'; margin-bottom:2px;} #sidebar .type {font:300 italic 20px 'Lato'; margin:0;} #sidebar .lieu {font:300 italic 18px 'Lato'; margin:0;} #sidebar #invisible{display:none;} .MoteurNavigation {float:right; text-align:right;} .MoteurNavigation:before {content:'Pages'; display:inline-block; font:300 italic 20px Lato; line-height:30px;} .MoteurNavigation a{width:20px; display:inline-block; font:300 italic 20px Lato; line-height:30px; text-align:center; color:#666467; margin-left:8px; padding-bottom:2px;} .MoteurNavigation a:hover{padding:0; border-bottom-width:2px; border-bottom-style:solid; text-decoration:none;} .MoteurNavigation .MoteurNavigationPageActuelle{width:20px; display:inline-block; font:300 italic 20px Lato; line-height:30px; text-align:center; color:#666467; margin-left:8px; border-bottom-width:2px; border-bottom-style:solid;} /******************************************/ /************** CONTACT *****************/ /******************************************/ /******************************************/ /**************** PIEDPAGE **************/ /******************************************/ #footer {width:100%; position:relative;} #footer #piedpage{width:950px; margin:0 auto; padding:15px 20px 100px; background:url(../images/fond/piedpage.jpg);} #footer #piedpage:after{content:''; display:block; clear:both;} #footer #piedpage .boxFoot {width:300px; float:left;} #footer #piedpage .boxFoot .sectionFoot{width:225px; height:42px; padding:10px 0 0 65px; font:300 italic 14px 'Lato'; color:#3e3e40; background-position:0 0; background-repeat:no-repeat; margin-bottom:18px;} #footer #piedpage .boxFoot #adresse{background-image:url(../images/icone/coordonnees.png);} #footer #piedpage .boxFoot #certificat{background-image:url(../images/icone/certificat.png);} #footer #piedpage .menuFooter{width:170px; float:left; margin-right:15px;} #footer #piedpage .menuFooter.first{ padding-left:100px;} #footer #piedpage .menuFooter.last{margin-right:0;} #footer #piedpage .menuFooter h1{font:400 italic 24px 'Rosario'; color:#de0b5a; margin-bottom:10px;} #footer #piedpage .menuFooter ul{list-style-type:none; margin:0;} #footer #piedpage .menuFooter ul li{margin:0;} #footer #piedpage .menuFooter ul li a{display:block; font:400 12px 'Lato'; color:#3e3e40; padding-left:15px; background:url(../images/puce/puceNoir.png) 0 4px no-repeat; margin-bottom:5px;} #awc {width:100%; height:40px; padding-top:4px; position:absolute; left:0; bottom:0; background:url(../images/fond/footer.png) 0 0 repeat-x; text-align:center; font:300 italic 14px 'Lato'; color:#f3f3f3; line-height:40px;} #awc a{color:#f3f3f3;}