/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/ CONFIGURATION DE L'EDITEUR DE PAGE /-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #spec > * { margin:0; padding:0; } #spec .messages{width:100% !important}/* width + 4 */ #blocEditor{width:846px;padding:10px;border:1px solid #ABADB3;} #spec fieldset, #submitButton{width:710px;} #blocEditor p { margin:0; margin-top:5px; } #blocEditor #body p{margin-top:0} #blocEditor input, #blocEditor textarea { width:auto !important; } #toolbox { -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background:rgb(238,237,237); color:#373737; border:1px #6b6b6b solid; padding:1% 2% 1.7%; position:absolute; width:94%; text-align:center; display:none; z-index:101; height:24px; margin-left:1%; margin-top:1%; } #toolbox a { text-decoration:none; } #toolbox img { border:0; margin:0; margin-right:5px; cursor:pointer; } #toolbox p{margin:0;height:24px;} #toolbox p.elt{text-align:left;float:left;width:180px;padding-top:2px;} #toolbox p.elt img{cursor:default} #toolbox p.elt span{position:relative;top:2px} #toolbox p.elt img{vertical-align:middle} #toolbox p.actions{float:left;width:320px;margin-left:30px;background:#282828;padding:3px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} #toolbox p.actions span{position:relative;top:4px;cursor:pointer;padding:0 3px;font-size:14px;color:#fff;} #toolbox p.actions span:hover{color:#e31318;} #toolbox p.fleches{float:right;margin:6px 0px 0 0;} #addButtons img { cursor:pointer; } .left { float:left; } .right { float:right; } h1,h2,h3,h4,h5{font-weight:normal;} .no-img img {width:100% !important} #body strong{font-weight:normal;font-family:'dinbold'} /* -/-/-/-/-/-/-/-/-/ RECLASSEMENT /-/-/-/-/-/-/-/-/-/-/- */ #parentDePage{ position:relative; } #reclassement{ /*display:none;*/ width:170px; position:absolute; right:-200px; top:0; background:url(../img/gestionnaire/bg_reclassement.gif) repeat-y left; padding-bottom:15px; } #reclassement ul{ margin:0;padding:0; } #reclassement ul li{ margin:0;padding:0; list-style-type:none; } #reclassement p#headline{margin:0;background:url(../img/gestionnaire/headline.gif) no-repeat 0 0;padding:0 0 10px 30px;color:#666;} #reclassement ul li a{font-family:"Trebuchet MS";font-weight:bold;cursor:pointer;margin-bottom:3px;position:relative;padding:8px 0 0 33px;display:block;width:137px;height:22px;color:#373737;background:url(../img/gestionnaire/onglet_classement.gif) no-repeat 0 0} #reclassement ul li a:hover{text-decoration:none;background-position:0 -30px;} #reclassement ul li a img{position:absolute;top:3px;left:3px} #body .txt a{font-size:16px} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FONT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ @font-face { font-family: 'fed-r'; src: url('font/fedservice-webfont.eot'); src: url('font/fedservice-webfont.eot?#iefix') format('embedded-opentype'), url('font/fedservice-webfont.woff2') format('woff2'), url('font/fedservice-webfont.woff') format('woff'), url('font/fedservice-webfont.ttf') format('truetype'), url('font/fedservice-webfont.svg#federal_serviceregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinbold'; src: url('font/din-bold-webfont.eot'); src: url('font/din-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/din-bold-webfont.woff') format('woff'), url('font/din-bold-webfont.ttf') format('truetype'), url('font/din-bold-webfont.svg#dinbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinlight'; src: url('font/din-ligh-webfont.eot'); src: url('font/din-ligh-webfont.eot?#iefix') format('embedded-opentype'), url('font/din-ligh-webfont.woff') format('woff'), url('font/din-ligh-webfont.ttf') format('truetype'), url('font/din-ligh-webfont.svg#dinlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinmedium'; src: url('font/din-medi-webfont.eot'); src: url('font/din-medi-webfont.eot?#iefix') format('embedded-opentype'), url('font/din-medi-webfont.woff') format('woff'), url('font/din-medi-webfont.ttf') format('truetype'), url('font/din-medi-webfont.svg#dinmedium') format('svg'); font-weight: normal; font-style: normal; } /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/ DÉCLARATIONS SPECIFIQUES AU SITE /-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #fancybox-title-main{color:#5d5d5d} #blocEditor {background:#fff; /* COULEUR DE FOND DU SITE */} #blocEditor .highlight{color:#666} #blocEditor .encart_highlight{color:#c01020} #margeCMS{margin:0px 0px 0px 20px} #body{margin:0;color:#5b5b5b;padding:0} #body ul,#body ol,#contrat ul { padding:20px;background:#fff;font-size:15px;color:#403e48;line-height:26px;margin:0;border:1px #f1f1f1 solid;margin-bottom:30px; } #body ul li, #body ol li{margin:0 0 5px 30px;line-height:20px;padding:4px 0 2px 0px} #body ul ul,#body ol ol{padding-top:5px;} #body ul a,#body ol a{color:#403e48;text-decoration:underline} #body ul a:hover,#body ol a:hover{text-decoration:none} #body ul li ul li{padding-left:0;background:transparent;list-style:circle} #body ol li ol li{margin-left:10px;} #contrat ul li ul li{list-style:circle;background:transparent;padding-left:0;padding-right:10px;} #spec { /*color:#424242;*/ font-weight:300; line-height:22px; width:100%; margin:10px 0 30px 0; font-family:'dinlight', Arial, helvetica, sans-serif; } #body form div.clear {margin:0px;} #body .img img{width:100%} #body div.vdo,#body .contentmp3,#body div.swf,#body div.cmo, #body div.for,#body div.txt,#body div.img{margin:0 0 20px} #body .clear{margin-bottom:0} #body div.left{margin-right:3%} #body div.right{margin-left:3%} #body p{font-size:16px;line-height:22px;} #body .vdo .video,#body .highlight{background:#fff} #body .highlight{margin:0 0 20px} #body div.cmo{background:#fff;border:none;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* /-/-/-/-/-/-/- COULEURS DES DIFFERENTES FAMILLES CENTRALISATION -/-/-/-/-/-/-/-/-/-/-/-/ */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* Aide mémoire couleurs : > Refroidisseur de lait / 9 : #0391d4 > Process vinicole / 50 : #92003d > Process industriel / 32 : #ef7b26 > Surgélation / 8 : #002974 > Service client / 10 : #52c00a */ #body h2,#body a.linkDoc span.titre,#body p a,.ui-widget-content #body a,#body div.txt table a,#body .doc .espace_document h3,#body .mandatory label,#body .mandatory label{color:#403e48} #body a.linkDoc span.titre,#body p a,.ui-widget-content #body a,#body div.txt table a{color:#29bec6} #body ul li, #body ol li{background:url(../img/gestionnaire/puce_ul_gris.gif) no-repeat 0 2px;background-size:20px 20px;} .diapo-pager .cycle-slide-active,#body .highlight2,#body p.highlight,#body h1#firstHeading,#body .encart_highlight2,h1#firstHeading,#body .formSubmit input{background:#403e48;} #body .formSubmit input{background:#29bec6;} #body div.txt table thead tr,#body div.txt table thead tr td{background: #403e48 !important;color:#fff !important;} .whi-modele #contentModele #pageHC h2.rob-m, .whi-modele #contentModele #pageHC h1.titreActu{font-size:24px;color:#29bec6;text-align: left;font-weight: 400;font-family: 'dinmedium',Arial,sans serif;text-transform: uppercase;} /* déclinaison autres familles */ .tpl-contenu-9 #body h2, .tpl-contenu-9 #body a.linkDoc span.titre, .tpl-contenu-9 #body p a, .tpl-contenu-9 .ui-widget-content #body a, .tpl-contenu-9 #body div.txt table a, .tpl-contenu-9 #body .doc .espace_document h3, .tpl-contenu-9 #body .mandatory label, .tpl-contenu-9 #body .mandatory label{color:#0391d4} .tpl-contenu-9 #body ul li, .tpl-contenu-9 #body ol li{background:url(../img/gestionnaire/puce_ul.gif) no-repeat 0 2px;background-size:20px 20px;} .tpl-contenu-9 .diapo-pager .cycle-slide-active, .tpl-contenu-9 #body .highlight2, .tpl-contenu-9 #body p.highlight, .tpl-contenu-9 #body h1#firstHeading, .tpl-contenu-9 #body .encart_highlight2, .tpl-contenu-9 h1#firstHeading, .tpl-contenu-9 #body .formSubmit input{background:#0391d4;} .tpl-contenu-9 #body div.txt table thead tr, .tpl-contenu-9 #body div.txt table thead tr td{background: #0391d4 !important;color:#fff !important;} .tpl-contenu-9 #body .highlight2 p a{color:#fff} .tpl-contenu-50 #body h2, .tpl-contenu-50 #body a.linkDoc span.titre, .tpl-contenu-50 #body p a, .tpl-contenu-50 .ui-widget-content #body a, .tpl-contenu-50 #body div.txt table a, .tpl-contenu-50 #body .doc .espace_document h3, .tpl-contenu-50 #body .mandatory label, .tpl-contenu-50 #body .mandatory label{color:#92003d} .tpl-contenu-50 #body ul li, .tpl-contenu-50 #body ol li{background:url(../img/gestionnaire/puce_ul_50.gif) no-repeat 0 2px;background-size:20px 20px;} .tpl-contenu-50 .diapo-pager .cycle-slide-active, .tpl-contenu-50 #body .highlight2, .tpl-contenu-50 #body p.highlight, .tpl-contenu-50 #body h1#firstHeading, .tpl-contenu-50 #body .encart_highlight2, .tpl-contenu-50 h1#firstHeading, .tpl-contenu-50 #body .formSubmit input{background:#92003d;} .tpl-contenu-50 #body div.txt table thead tr, .tpl-contenu-50 #body div.txt table thead tr td{background: #92003d !important;color:#fff !important;} .tpl-contenu-50 #body .highlight2 p a{color:#fff} .tpl-contenu-32 #body h2, .tpl-contenu-32 #body a.linkDoc span.titre, .tpl-contenu-32 #body p a, .tpl-contenu-32 .ui-widget-content #body a, .tpl-contenu-32 #body div.txt table a, .tpl-contenu-32 #body .doc .espace_document h3, .tpl-contenu-32 #body .mandatory label, .tpl-contenu-32 #body .mandatory label{color:#ef7b26} .tpl-contenu-32 #body ul li, .tpl-contenu-32 #body ol li{background:url(../img/gestionnaire/puce_ul_32.gif) no-repeat 0 2px;background-size:20px 20px;} .tpl-contenu-32 .diapo-pager .cycle-slide-active, .tpl-contenu-32 #body .highlight2, .tpl-contenu-32 #body p.highlight, .tpl-contenu-32 #body h1#firstHeading, .tpl-contenu-32 #body .encart_highlight2, .tpl-contenu-32 h1#firstHeading, .tpl-contenu-32 #body .formSubmit input{background:#ef7b26;} .tpl-contenu-32 #body div.txt table thead tr, .tpl-contenu-32 #body div.txt table thead tr td{background: #ef7b26 !important;color:#fff !important;} .tpl-contenu-32 #body .highlight2 p a{color:#fff} .tpl-contenu-8 #body h2, .tpl-contenu-8 #body a.linkDoc span.titre, .tpl-contenu-8 #body p a, .tpl-contenu-8 .ui-widget-content #body a, .tpl-contenu-8 #body div.txt table a, .tpl-contenu-8 #body .doc .espace_document h3, .tpl-contenu-8 #body .mandatory label, .tpl-contenu-8 #body .mandatory label{color:#002974} .tpl-contenu-8 #body ul li, .tpl-contenu-8 #body ol li{background:url(../img/gestionnaire/puce_ul_8.gif) no-repeat 0 2px;background-size:20px 20px;} .tpl-contenu-8 .diapo-pager .cycle-slide-active, .tpl-contenu-8 #body .highlight2, .tpl-contenu-8 #body p.highlight, .tpl-contenu-8 #body h1#firstHeading, .tpl-contenu-8 #body .encart_highlight2, .tpl-contenu-8 h1#firstHeading, .tpl-contenu-8 #body .formSubmit input{background:#002974;} .tpl-contenu-8 #body div.txt table thead tr, .tpl-contenu-8 #body div.txt table thead tr td{background: #002974 !important;color:#fff !important;} .tpl-contenu-8 #body .highlight2 p a{color:#fff} .tpl-contenu-10 #body h2, .tpl-contenu-10 #body a.linkDoc span.titre, .tpl-contenu-10 #body p a, .tpl-contenu-10 .ui-widget-content #body a, .tpl-contenu-10 #body div.txt table a, .tpl-contenu-10 #body .doc .espace_document h3, .tpl-contenu-10 #body .mandatory label, .tpl-contenu-10 #body .mandatory label{color:#52c00a} .tpl-contenu-10 #body ul li, .tpl-contenu-10 #body ol li{background:url(../img/gestionnaire/puce_ul_10.gif) no-repeat 0 2px;background-size:20px 20px;} .tpl-contenu-10 .diapo-pager .cycle-slide-active, .tpl-contenu-10 #body .highlight2, .tpl-contenu-10 #body p.highlight, .tpl-contenu-10 #body h1#firstHeading, .tpl-contenu-10 #body .encart_highlight2, .tpl-contenu-10 h1#firstHeading, .tpl-contenu-10 #body .formSubmit input{background:#52c00a;} .tpl-contenu-10 #body div.txt table thead tr, .tpl-contenu-10 #body div.txt table thead tr td{background: #52c00a !important;color:#fff !important;} .tpl-contenu-10 #body .highlight2 p a{color:#fff} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- CONTENU -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #body{font-size:15px;} #body h2{font-size:20px;text-transform:uppercase;font-family:'dinmedium',Arial,sans serif;margin:0;padding:0 0 15px} #spec h2{line-height:32px;} #body h2.cliquableMasque{cursor:pointer;background:url(../img/gestionnaire/hand.png) no-repeat 0 center;margin-bottom:20px;padding:0 0 0 25px} #body h2.cliquableMasque:hover{background-color:#eee;padding:15px 0 15px 35px;background-position:10px center} #body h2.cliquableMasque span.icoDeroule{width:10px;height:13px;background-position:-92px -245px;margin-left:7px;position:relative;top:-1px;} #body p.highlight{padding:20px;color:#fff;margin-left:20px;margin-right:20px;} #body p.ok{padding:20px;} #body h1#firstHeading{color:#fff;padding:10px;font-size:18px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} #body h1#firstHeading:after{display:none;} #bodyContent{padding:5px;font-size:14px;} #body p{line-height:26px;color:#403e48;padding-bottom:2%;} #body p a,.ui-widget-content #body a{text-decoration:underline;} #body p a:hover{text-decoration:none} #body table td{font-size:15px;} #body .eltImg{background:#fff;border:1px #f3f3f3 solid;text-align:center;padding:15px;margin:20px 0} #body .eltImg img{width:100%} #body .eltImg p{padding:10px;text-align:center;margin-bottom:0;padding-bottom:0} /* /-/-/-/-/-/-/-/-/ IMAGES /-/-/-/-/-/-/-/-/-/-/ */ #body p.legende,#body .legendeImg{display:block;margin:0;text-align:center;color:#403e48;background:#edeff3;padding:10px;margin-bottom:20px} #body div.clear img.pleineLargeur{margin:0;vertical-align:middle} #body .img a{border:none;text-decoration:none !important} #body .img a .legende{text-decoration:underline !important} #body .img a:hover .legende{text-decoration:none !important} #body #item-left{float:left;} #body #item-right{float:right;} #body #item-center{text-align:center;} a.fancy img{text-decoration:none} /* -/-/-/-/-/-/-/-/-/-/-/-/- GESTION DES IMAGES EN MOSAIQUE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #spec div.img { width: auto !important;} #spec div.imgLarg2 { width: 48% !important; margin: 1% 1% 2% !important; } #spec div.img img.largeurTotale { display: block; vertical-align: middle; width: 100% !important; } #spec div.imgLarg3 { width: 31.3334% !important; margin: 1% 1% 2% !important; } #spec div.imgLarg4 { width: 23% !important; margin: 1% 1% 2% !important; } #spec div.imgLarg5 { width: 18% !important; margin: 1% 1% 2% !important; } /* -/-/-/ TABLEAUX /-/-/- */ #body div.txt table{background:#edeff3;width:100%;margin:2% 0%;border:1px solid #fff;border-collapse:collapse;/*color:#57563d*/} #body div.txt table a{text-decoration:underline;} #body div.txt table tr{padding:0;margin:1px 0;background-color:#edeff3;color:#403e48;} #body div.txt table td{background:#edeff3;padding:10px;border:1px #fff solid;} #body div.txt table tbody tr:nth-child(2n+1) td{background:#ddd} #body div.txt table thead tr td a,#body div.txt table tfoot tr td a{color:#fff !important} #body div.txt table tfoot tr{background:#403e48 !important;} #body div.txt table tfoot tr td{background:#403e48 !important;color:#fff !important;} /* -/-/-/-/-/- HIGHLIGHT + VIDEO / SWF / ... -/-/-/-/-/-/-/-/ */ #body .encart_highlight2{padding:20px;color:#fff;margin-bottom:20px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #body .encart_highlight2 p{color:#fff;margin:0;padding:0} #body .encart_highlight2 a{color:#fff;font-weight:bold;text-decoration:underline} #body .encart_highlight2 a:hover{text-decoration:none} #body .highlight2{padding:2%;line-height:26px;color:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #body .highlight2 a{font-family:"dinbold";color:#fff;text-decoration:underline} #body .highlight2 ul li a{color:#403e48;background:none;text-decoration:underline;padding:0} #body .highlight2 a:hover{text-decoration:none} #body .highlight2 p{padding:0;padding-bottom:2%;color:#fff;} #body .highlight2 ul{margin-bottom:2%;} #body .highlight2 :last-child{padding-bottom:0;margin-bottom:0;} #body .highlight2 ul:last-child{padding-bottom:20px;margin-bottom:0;} #body div.legendeVideo,#body div.legendeSWF{margin:0;text-align:center;color:#403e48;background:#333;padding:15px;} /* -/-/-/ DOCUMENT /-/-/- */ .cdoc{clear:both;} #body a.linkDoc{display:block;padding:25px 10px 20px 85px;background:#fff url(../img/gestionnaire/bg_doc.png) no-repeat 25px 23px;background-size:42px 47px;line-height: 22px;text-decoration: none;color:#403e48;margin-bottom:25px;} #body a.linkDoc span.titre{font-size:16px;font-family:'dinbold'} #body a.linkDoc:hover{background-color:#ddd;} /* -/-/-/ EXTRAIT ARBO DOCS /-/-/- */ #body .doc h2{margin-bottom:0 !important;padding:20px 0;border-top:1px #edeff3 solid;} #body .doc p.courant{padding:20px 0 0;} #body .doc .espace_document{padding:2% 3% 5%;margin:1% 0% 3%;border:1px #f2f2f2 solid;border-top:2px #f2f2f2 solid;border-bottom:2px #f2f2f2 solid} #body .doc .espace_document h3{font-weight:500;font-size:18px;} #body div.doc div.treeDoc h4{color:#555;font-size:15px;} #body .espace_document p.allDoc{font-weight:normal;margin-left:40px;} #body div.doc .espace_document form select{padding:5px} #body div.doc div.treeDoc p a{color:#555;font-size:14px;font-weight:300} #body div.doc form{padding: 0px 0px 20px 0px;margin: 0;background: transparent;border:none;} #body div.doc form select { background: #F5F5F5; border: 1px #edeff3 solid; font-size: 15px; padding: 4px; font-weight: bold; color: #54483d; width: 90%; } #blocEditor .espace_document p.allDoc{margin:0 0 10px 0;font-weight:bold;} #zoneLoadMenu form { background: #fff} #listVdo{padding:10px;} #recaptcha_table{margin:15px auto !important} /* -/-/-/ LECTEUR MP3 /-/-/- */ .mp3 {margin-bottom:30px} /* -/-/-/ YOUTUBE VIDEO /-/-/- */ .vdo .video {margin:0px 0px 30px 0px;} .video-container {margin:0 0px 0px 0px;position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* -/-/-/ FORMULAIRE /-/-/- */ #body form, #blocEditor .for { width: 100%; box-sizing:border-box; background: #f1f1f1; padding: 60px 200px; margin: 10px 0; color: #696e79; } @media screen and (max-width:2200px) { #body form{padding:60px 180px;} } @media screen and (max-width:2000px) { #body form{padding:60px 160px;} } @media screen and (max-width:1800px) { #body form{padding:60px 130px;} } @media screen and (max-width:1500px) { #body form{padding:60px 90px;} } @media screen and (max-width:1300px) { #body form{padding:60px;} } @media screen and (max-width:1100px) { #body form{padding:40px;} } #body p.ok-form { padding: 20px; background: #403e48; text-align:center; color:#fff; border: 1px #e1e1e1 solid; } #body form .champ{background:#333;margin:0 0 3px 0;padding:5px 0; color:#403e48 !important} #body form .oblig{background:#444} #body form .oblig label{font-weight:bold} #body form .champ .libelle{width:30%;text-align:right;margin-right:10px} #body form .champ .input{width:60%} #body form .champ .libelle2{width:35%;text-align:right;margin-right:10px} #body form .champ .input2{width:55%} #body form input{font-size:15px;width:250px;margin-bottom:3px} #body form select{font-size:15px;width:250px;margin-bottom:3px} #body form textarea{font-size:15px} #body label,#body .radio label.main,#body .checkbox label.main{color:#403e48;display:block;font-size:16px;float:none;width:auto;text-align:left;padding:10px 0 6px;margin:0 0 5px;font-family:'dinbold'} #body .mandatory label,#body .mandatory label{font-size:15px;font-weight:bold;} #body .radio label,#body .checkbox label{font-size:15px;} #body div.radio input,#body div.checkbox input{float:left;width:30px;margin-top:4px;} #body .radio label,#body .checkbox label{float:left;width:auto;color:#403e48;padding:0;margin:0 10px 15px 0;font-family:'dinlight'} #body .text input,#body textarea,#body form .select select{font-family:'arial';width:96% !important;padding:2%;border:none;font-size:15px;margin-bottom:15px;} #body form .select select,#blocEditor .for .select select{width:100% !important} #body .formSubmit input{font-family:'dinbold';width:100% !important;padding:2%;font-size:24px;cursor:pointer;border:0;color:#fff;text-transform:uppercase;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #body .formSubmit input:hover{background:#403e48;color:#fff} #body form p{margin-bottom:0;padding-bottom:0} #body form .fichier input,#blocEditor .fichier input{background:#ddd;padding:20px;margin-bottom:10px;width:100%;box-sizing:border-box} div.formSubmit{margin-top:20px} /* -/-/-/ CALAMEO /-/-/- */ #body div.calameo{padding:20px;margin:20px 0} div.cmo{background:#edeff3;} div.infos_calameo{padding-top: 10px} #body .cmo p.texte {padding-top: 10px;padding-right: 50px;text-align: justify;} #body .cmo p.texte a {color:#403e48;text-decoration: none;} #body .cmo p{margin-bottom:5px;padding:0;font-size:15px;} #body .cmo p.sousTitre a{color:#403e48;text-decoration:none;} #body .cmo p.titre,#body .cmo p.titre a{color:#403e48;font-weight:600;font-size:18px;text-transform: uppercase;text-decoration:none;} #body .cmo p a:hover{text-decoration:underline} #logoDuCamping{float:right;margin:0 20px 0 20px} #campingSocial{float:left;margin:0 20px 0 20px;padding:10px 0 0 2px;} #campingSocial a{background:url(../img/gestionnaire/social_ico.gif) no-repeat 0 0;display:block;float:left;width:32px;height:32px;} #campingSocial a.facebook_c{margin-right:5px} #campingSocial a.facebook_c:hover{background-position:0 -32px} #campingSocial a.google_c{background-position:-32px 0;margin-right:5px} #campingSocial a.google_c:hover{background-position:-32px -32px} #campingSocial a.site_c{width:auto;display:block;float:left;height:26px;font-size:15px;background:#a6c004 url(../img/gestionnaire/fleche.png) no-repeat 10px 9px;color:#fff;padding:6px 7px 0 30px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #campingSocial a.site_c:hover{background-color:#8c8c8c} /* -/-/-/ geoloc /-/-/- */ h1#firstHeading{color:#fff;} div.geo{margin-bottom:25px;padding:30px;background:#fff;} div.for #recaptcha_widget_div{margin-left:0} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- DIAPORAMA -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ div.dia {margin:0 0 25px 0;background:#ddd} div.dia div.diaporama{width:100%;margin-top:0;background:#000} div.dia div.diaporama .fGauche{width:8%;float:left} div.dia div.diaporama img.decal{cursor:pointer;} div.dia div.diaporama .fDroite{width:8%;float:right;} div.dia div.diaporama .fDroite a,div.dia div.diaporama .fGauche a{display:block;width:100%;background: #000; cursor:pointer;} div.dia div.diaporama .diapo{background:#edeff3;} div.dia div.diaporama .diapo .contenuItems{position:relative;float:left;width:84%;overflow:hidden} .scrollablePics {position:relative;overflow:hidden;width:100%;border:none;} .scrollablePics .items {width:20000em;position:absolute;clear:both;} .scrollablePics .items div{position:relative;float:left;padding:8px;background:#444} .scrollablePics .items div.active{background:#19c5d9} .scrollablePics .items div span{display:none;position:absolute;top:0;left:0;width:100%;height:100%;/*background:url(../img/diaporama/actif.png)*/} .scrollablePics .items div.active span{display:block} .scrollablePics .items div img{display:block;cursor:pointer;} div.dia div.legendeDia{font-size:14px;text-align:center !important;} #body div.dia div.legendeDia p{background:#333;padding:10px;text-align:center !important;} /* active item */ .scrollable .active{border:3px solid #19c5d9;z-index:45;position:relative;} #body .legendeDia p{margin:0} .diapo-visu,.diapo-pager{width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .diapo-pager{padding:15px 0;background:#edeff3} .diapo-pager .cycle-slideshow{width:86%;margin-left:7%;} .diapo-pager .fGauche,.diapo-pager .fDroite{cursor:pointer;height:100%;} .diapo-pager .fGauche a,.diapo-pager .fDroite a{padding:3% 0 0 2%;} .diapo-pager .fDroite a{padding:3% 2% 0 0;} .image_wrap{background:#fff;padding:0} .image_wrap img{vertical-align:middle;width:100%} .diapo-visu div { width:100%; } .diapo-visu .cycle-slideshow img { width: 100%; height: auto; display: block; } .diapo-pager .cycle-slide{background:#edeff3;padding:3px;cursor:pointer } .diapo-pager .cycle-slide-active{padding:3px;background:#0391d4} .cycle-slide{width: auto; height: auto } .diapo-pager .cycle-slide img{vertical-align:middle;width:98%} .vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level { background-color: #edeff3 } /** /* Actus /**/ .uneActu{width:526px; height:260px;float:left} .bigs{position:absolute;width:2000em;} #defilement{position:relative;overflow:hidden;height:260px;width:526px;} .actualiteIndex{height:300px;} #vignettes a{width:33px;height:22px;background:url('/2013/img/accueil/vignFond.gif');text-align:center;color:#E75012;font-style:italic;font-weight:bold;font-size:1.2em;padding-top:3px} #vignettes a:hover,#vignettes a.active{background:url('/2013/img/accueil/vignFond_roll.gif');color:#FFFFFF} /* FILTRAGE DES ELEMENTS FLASH POUR MAC */ .mac #body .contentmp3,.mac #body .swf,.mac #body .vdoSWF{display:none;}