*{} @font-face { font-family: AIRSTREA; src: url(../inc/AIRSTREA.eot); src: local(AIRSTREA), url(http://www.scaraboid.com/inc/AIRSTREA.TTF) format("truetype"); } .two_cols_two_article.niveau2{margin-left:15em;} .bread{margin-left: 1.3em;border-bottom: 1px dotted #fff;padding-bottom:0.2em;} .bread a,.bread span{font-size: 1.2em;text-shadow: rgba(0,0,0,0.3) 2px 2px,rgba(254,255,254,0) 1px -1px;} .bread,.bread a,.bread a:visited{color: #FFF; font-weight: bold;} .bread a:hover{text-shadow: none;} .racine a,.one_cols_one_article .informations.full_para.left a{color: #5474B8;} .racine a.liens_enternes span{font-size: 1.2em;margin:0;padding:0; line-height:1.2em;height:2em;} /*#header a img.image{-moz-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;}*/ .neuf{ font-size: 9px; color: rgb(176,153,124);} .dix{ font-size: 10px; color: rgb(156,133,104);} .onze{ font-size: 11px; color: rgb(136,113,84);} .douze{ font-size: 12px; color: rgb(116,93,64);} .treize{ font-size: 13px; color: rgb(96,73,44);} .borderdeco{ border: 1px solid grey; display: table;} #styleswitcher a{color:#FFF;padding: 0 0.6em;text-shadow: rgba(0,0,0,0.3) 2px 2px,rgba(254,255,254,0) 1px -1px;} #styleswitcher li em{ font-size: 11px;} #styleswitcher{position:relative; margin: 0px auto;} #styleswitcher li{padding: 2px; float: left;} #styleswitcher a{text-decoration:none; font-family:verdana; font-weight: bold;} /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*SELECTEURS BALISES*/ body{ font-size: 10px; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #333; line-height: 1.5em;} body#principal{background: url(../images/interface/radian.png) repeat-x;}/**/ *, * span{ font-size: 10px; margin: 0; padding: 0; text-decoration: none; list-style: none;} a{ text-decoration: none;} h1{ font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #710;} h2{ font-weight: normal; font-family: AIRSTREA, sans serif;} h2 span{ font-size: 1.4em;} h1,h2{ font-size: 1em; text-align: left; margin: 0.1em auto; text-indent: 0em;} h2 span{letter-spacing: 0.05em;} h1 span{ font-size: 1.6em;} h1 span,h2 span{ display:none;} p{} /*SELECTEURS STRUCTURELLES*/ #stars,#mountain,#left_design,#right_design,#center_design,#back_design{width: 100%;position: absolute;height: 100%;} #container{width: 100%;position: absolute;height: 100%;} #stars{background: url(../images/interface/radian2.png) repeat 50% 100% fixed;} #mountain{background: url(../images/interface/central.png) repeat-x 50% 100% fixed;} #left_design{background: url(../images/interface/left.png) no-repeat left bottom fixed;} #right_design{background: url(../images/interface/right.png) no-repeat right bottom fixed;} /*#center_design{position:fixed;}*/ #matrice{position: relative;margin: 0em auto;width: 100%;overflow: auto;height: 100%;} #framing{ display: table; width: 100em; position: relative; margin: 0 auto;} #header,#main,#footer{width: 100%; float: left;} #header{height: 21em;} #main{display: table;} #footer{display: table;} #footer em{margin: 1em 0.5em;} #menu{width: 21em; float: left; position:relative;} #content{width: 79em; float: left; margin-top: -19em;} .breadCrumb{width: 78em;position: absolute; margin-left: 22em; top:0.5em;} #footer img, #footer a img, #footer em{display: inline;} #footer ul{padding-left:18em;} /*SELECTEURS MENU gauche*/ ul.menu{ margin: 0em; padding: 1em 0em;} ul.menu li.menu_li{ margin: 0.5em 0.4em;} ul.sous_menu{ margin:0 -0.4em; padding: 0;} ul.menu>li{} ul.sous_menu li{ width: 18em; padding: 0em; margin:0.5em 0; } ul.sous_menu li a{ display: block; background: url(../images/dot_png_24/blanc/blanc_70.png);} ul.sous_menu li a:hover{ background-color: #710;} ul.sous_menu li span{ margin: 0em; display: block; padding: 0em 1em; border-top: 0.1em solid rgb(225,225,239); border-right: 0.1em solid rgb(225,225,239); border-bottom: 0.2em solid rgb(225,225,239); border-left: 0.4em solid #BBB; } .menu_li span:first-child{text-shadow: rgba(0,0,0,0.1) 2px 1px,rgba(254,255,254,1) 1px -1px;} .menu_li span:hover{text-shadow: none;} ul.sous_menu li span:hover{ border-top: 0.1em solid rgb(125,125,139); border-right: 0.1em solid rgb(125,125,139); border-bottom: 0.2em solid rgb(125,125,139); border-left: 0.4em solid #F00; } ul.menu li span{ color: #870808; font-weight: bold; font-size: 1.3em; font-style: italic;} ul.sous_menu>li span{color: #000; font-weight: normal; font-size: 1.2em; font-style: normal;} ul.sous_menu>li span:first-letter{font-family: Georgia, "Times New Roman", Times, serif;} ul.sous_menu>li span:hover{ color: #FFF;} /*SELECTEURS article lastest*/ h1.titre-section{ float: right;margin-top:0.2em;} h1.titre-section span{ font-size: 1.6em; display:block;text-shadow: rgba(0,0,0,0.2) 2px 1px,rgba(254,255,254,0.6) 1px -1px;} h2.titre-categorie{ float: right;} h2.titre-categorie span{ font-size: 2.8em; display:block; margin:0.2em 0 0.8em 0;text-shadow: rgba(0,0,0,0.2) 2px 1px; color: rgb(200,2,3); } h2.titre-categorie span:first-letter{font-family: Georgia, "Times New Roman", Times, serif;color: rgb(160,2,3); font-style: italic;text-shadow: rgba(0,0,0,0.2) 2px 1px,rgba(254,255,254,0.6) 1px -1px;} .categorie{ display: table; width: 78em; padding: 1em;} .ligne{ display: table; width: 78em;} .one_cols_one_article,.one_cols_two_article{ padding: 0.8em; margin: 0.5em 0em; float: left; display: table; width: 76em;background: url(../images/dot_png_24/blanc/blanc_80.png);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border: 0.1em solid rgb(225,225,239);} .two_cols_one_article,.two_cols_two_article{ padding: 0.6em; margin: 0.4em 0.2em; float: left; display: table; width: 37em;background: url(../images/dot_png_24/blanc/blanc_80.png);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border: 0.1em solid rgb(225,225,239);} .three_cols_one_article,.three_cols_two_article{ padding: 0.6em; margin: 0.2em; float: left; width: 24em;background: url(../images/dot_png_24/blanc/blanc_80.png);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border: 0.1em solid rgb(225,225,239);} .two_cols_three_article{ padding: 0.6em; margin: 0.4em 0.2em; float: right; width: 24em;background: url(../images/dot_png_24/blanc/blanc_80.png);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border: 0.1em solid rgb(225,225,239);} .two_cols_one_article.form-description{ height: 45em;} .full_alpha{display: table; width: 76em;background: url(../images/dot_png_24/blanc/blanc_70.png);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border: 0.1em solid rgb(255,255,255);} .one_cols_three_article{ padding: 0.4em; margin: 0.2em; float: left;} .one_cols_one_article .informations.full_para.left p,.one_cols_one_article .informations.full_para.left ul, .one_cols_one_article .informations.full_para.left h4, .one_cols_one_article .informations.full_para.left h5{width: 75em;display: block;}/* OAPS */ .one_cols_one_article .informations.full_para.left a{width: 63em;display: block;} .one_cols_two_article .informations.full_para.left p,.one_cols_two_article .informations.full_para.left ul, .one_cols_two_article .informations.full_para.left h4, .one_cols_two_article .informations.full_para.left h5, .one_cols_two_article .informations.full_para.left a{width: 37em; float: left;display: block;}/* OAPS */ .two_cols_two_article .informations.full_para.left p,.two_cols_two_article .informations.full_para.left ul, .two_cols_two_article .informations.full_para.left h4, .two_cols_two_article .informations.full_para.left h5, .two_cols_two_article .informations.full_para.left a{width: 37em; float: left;display: block;}/* OAPS */ .one_cols_three_article .informations.full_para.left p,.one_cols_three_article .informations.full_para.left ul, .one_cols_three_article .informations.full_para.left h4, .one_cols_three_article .informations.full_para.left h5, .one_cols_three_article .informations.full_para.left a{width: 23em;display: block;} .two_cols_three_article .informations.full_para.left p,.two_cols_three_article .informations.full_para.left ul, .two_cols_three_article .informations.full_para.left h4, .two_cols_three_article .informations.full_para.left h5, .two_cols_three_article .informations.full_para.left a{width: 23em;display: block;} /*two_cols_onedothalf_article*/ .two_cols_onedothalf_article .informations.full_para.left p,.two_cols_onedothalf_article .informations.full_para.left ul, .two_cols_onedothalf_article .informations.full_para.left h4, .two_cols_onedothalf_article .informations.full_para.left h5, .two_cols_onedothalf_article .informations.full_para.left a{width:49em;display: block;} .two_cols_onedothalf_article{ padding: 0.6em; margin: 0.4em; float: left; display: table; width: 50em;background: url(../images/dot_png_24/blanc/blanc_80.png);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border: 0.1em solid rgb(225,225,239);} .left{float: left;} .right{ float: right;} .ligne ul.para_liste li span{ font-size: 1.2em; color: #7F6B6B;line-height:1.3em;} .one_cols_one_article h3{ width: 99%;font-size: 1em;/* border-bottom: 1px dotted rgb(128,120,120);*/background: url(../images/articles/titre.png) repeat-x;margin: -0.5em;padding: 0.5em;} .two_cols_one_article h3{ width: 97%;font-size: 1em;/* border-bottom: 1px dotted rgb(128,120,120);*/background: url(../images/articles/titre.png) repeat-x;margin: -0.5em;padding: 0.5em;} .three_cols_one_article h3{ width: 96%;font-size: 1em;/* border-bottom: 1px dotted rgb(128,120,120);*/background: url(../images/articles/titre.png) repeat-x;margin: -0.5em;padding: 0.5em;} h4{ padding: 0em; margin: 0.6em 0.5em 0em 0em} em{ float: right; margin-top: -1.7em;} code{ float: right; display: block; margin-top: -0.7em; clear: both;} p{ margin: 1em 0em;}/* text-align: justify;*/ h3 span{font-size: 1.5em; font-weight: bold;padding-right: 0.9em;letter-spacing:0em;text-shadow: rgba(0,0,0,0.1) 2px 1px,rgba(254,255,254,1) 1px -1px;} h3 span{background: url(../images/articles/titre-noir.png) no-repeat 100% 50%;color: rgb(0,0,0);} .rouge h3 span{background: url(../images/articles/titre-rouge.png) no-repeat 100% 50%;color: rgb(197,0,33);} .vert h3 span{background: url(../images/articles/titre-vert.png) no-repeat 100% 50%;color: rgb(38,177,28);} .bleu h3 span{background: url(../images/articles/titre-bleu.png) no-repeat 100% 50%;color: rgb(0,114,182);} .orange h3 span{background: url(../images/articles/titre-orange.png) no-repeat 100% 50%;color: rgb(230,126,0);} .turquoise h3 span{background: url(../images/articles/titre-turquoise.png) no-repeat 100% 50%;color: rgb(23,217,182);} .violet h3 span{background: url(../images/articles/titre-violet.png) no-repeat 100% 50%;color: rgb(101,0,217);} .ocre h3 span{background: url(../images/articles/titre-ocre.png) no-repeat 100% 50%;color: rgb(212,197,23);} h4 span{color: rgb(55,55,55);} .rouge h4 span{color: rgb(253,55,88);} .vert h4 span{color: rgb(83,223,73);} .bleu h4 span{color: rgb(55,169,237);} .orange h4 span{color: rgb(255,181,55);} .turquoise h4 span{color: rgb(78,255,237);} .violet h4 span{color: rgb(156,55,255);} .ocre h4 span{color: rgb(235,232,58);} /*.noir{color: rgb(0,0,0);} .rouge{color: rgb(197,0,33);} .vert{color: rgb(38,177,28);} .bleu{color: rgb(0,114,182);} .orange{color: rgb(230,126,0);} .turquoise{color: rgb(23,217,182);} .violet{color: rgb(101,0,217);} .ocre{color: rgb(212,197,23);}*/ em span{font-size: 1em; font-weight: bold;line-height:1.1em;} code span{font-size: 1em; font-weight: bold;line-height:1.1em;} p span{ font-size: 1.2em;line-height:1.3em;} h4 span{font-size: 1.3em;line-height:1.4em;text-shadow: rgba(0,0,0,0.1) 2px 1px,rgba(254,255,254,1) 1px -1px;} h5 span{font-size: 1.2em;text-shadow: rgba(0,0,0,0.1) 2px 1px,rgba(254,255,254,1) 1px -1px;} #liste_contenu ul{ font-size: 1em; color: #222;} .three_cols_one_article .liens_enternes{color: rgb(84, 116, 184); display: block;/*min-height: 3em;background: url(../images/articles/arrow.png) no-repeat 100% 50%;*/} .liens_enternes{color: rgb(84, 116, 184); display: block;/*min-height: 3em;background: url(../images/articles/arrow.png) no-repeat 100% 50%;*/} .liens_enternes:hover{color: rgb(64, 96, 164);} .liens_pro{ color: #00CC00; display:block;} .liens_scaraboid{ color: #000000;} .rss-feeds{ line-height: 2.3em; padding-left: 2.2em; font-size:1.4em;color: rgb(84, 116, 184);background: url(../images/rss-mini.png) no-repeat 0% 50%;height:3em;display:block;} .rss-feeds span{ line-height: 2em;} .liens_enternes span{ line-height: 2.6em; padding-left: 0em; font-size:1.2em;} .liens_internes span{ line-height: 2em; padding-left: 0em; font-size:1.2em;color: rgb(84, 116, 184);} /**/hr{ line-height: 2.6em;border-bottom: 1px dotted rgb(154, 186, 254);display:none;} #alert{position: absolute;} #logo_scaraboid{font-size: 1em; width: 20em; height: 21.8em;} /*SELECTEURS image*/ .image_left,.image_right, .image{margin: 0.5em;} .image_left{float: left;padding-right: 1em;clear:both;} .image_right{float: right;} /*.image[width="350"],.image[width="760"]{ border: 1px dotted grey}*/ /*SELECTEURS jquery*/ #liste_contenu-menu{ margin-top: 0.8em; padding: 0.4em;display: table;background: url(../images/dot_png_24/blanc/blanc_70.png);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border: 0.1em solid rgb(255,255,255);} #liste_contenu-menu a{ font-size: 1.1em;font-family: Georgia, "Times New Roman", Times, serif; color: #F00;} #liste_contenu-menu a:before{content:" / ";} #map{display:none;} .bread{float:left; width:76em;} .section{clear:both; width:76em;} /* Float Clearing ---------------------------------------------------------------------*/ .module:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* float clearing for IE6 */ * html .module { height: 1%; overflow: visible; } /* float clearing for IE7 */ * + html .module { min-height: 1%; } /* Breadcrumb Styles ---------------------------------------------------------------------*/ .breadCrumb { display: block; height: 21px; overflow: hidden; /*width: 990px;*/ border:solid 1px #dedede; background:#fff; } .breadCrumb ul { margin: 0; padding: 0; height: 21px; display: block; } .breadCrumb ul li { display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em; background: url(../images/Chevron.gif) no-repeat 100% 0; } .breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; } .breadCrumb ul li span { display: block; overflow: hidden; } .breadCrumb ul li a { display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; } .breadCrumb ul li.first a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background:url(../images/IconHome.gif) no-repeat 0 0; } .breadCrumb ul li.first a:hover { background-position: 0 -16px; } .breadCrumb ul li.last { background: none; margin-right: 0; padding-right: 0; } .chevronOverlay { display: none; background: url(../images/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px; } /*-------------------------------------------------------------------------------*/ /******* Taille definis ******/ label{text-indent: 0.5em;} p.p_form_xl{margin: 0.8em 2em;} input.float[type="checkbox"]{float: left;position: relative;} p.p_form_xl em{float: left;display:block;margin-right: 1em;} .formulaire, #syndication, .form{width: 60em;}/*parametre de la largeur globale du formaulaire*/ form ul li label{width: 57.5em;}/*parametre largeur des intitules de champs -2.3em du general*/ .input{width: 57.6em;height:1.4em;} .cols_100{float: left;width: 58em;} .cols_100 li{display: table;} ul.cols_50 div.input{ width: 27.9em;height:1.4em;}/*parametre largeur hauteur des div conteneur de boutons radios-2.2em du general*/ form ul li{ height:1.2em;}/*parametre hauteur des liste de premier niveau de formulaire*/ form ul li input[type="text"]{ width: 57.8em;}/*parametre largeur des champs de type texte -2em du general*/ form ul li textarea{width: 57.8em;}/*parametre largeur des champs de type mutliligne -1.95em du general*/ form ul li.textarea, form ul li textarea{height: 15em;display: block;}/*parametre hauteur des textarea INDISPENSABLE !*/ ul.cols_50{float: left; width: 29.5em;} ul.cols_50 li input[type="text"]{ width: 28.1em;} ul.cols_50 li#calculette input[type="text"]{ width: 26.35em;} #resultat{text-align: right;} #calculette label{text-align: left;} #euro{position: absolute; right: 0;} ul.cols_50 li select{ width: 28.7em;} ul.cols_50 li label{width: 27.8em;} ul.cols_50 li.textarea label{width: 27.8em; padding-top: 0.2em;} ul.cols_50 li textarea,ul.cols_50 li.textarea{margin-left: 0em; width: 28.1em;} ul.cols_50 li.textarea, ul.cols_50 li textarea{height: 6em;} ul.cols_25{width: 13.8em;}/**/ ul.cols_33{width: 18.7em;}/**/ ul.cols_33 li select{width: 17.8em;} input{font-weight: bold;} /*** ***/ #left_1{position: absolute;padding-left: 1em;background:url(../images/darkside_left.png) repeat-y left top;}/*ombre portee gauche type unique*/ #right_1{padding-right: 1em;background:url(../images/darkside_right.png) repeat-y right top;}/*ombre portee droite type unique*/ #syndication{position:relative; margin:0em auto;display:table;} .formulaire{ position:relative; margin:0em auto;/*parametre general des div contenant les ombres portees et le formulaire*/ display:table;background:url(../images/dot_png_24/blanc/blanc_10.png); }/*couleur de fond globale du formulaire*/ #main_form{padding: 0em} form{} ul.cols_25{ font-size:1em;border: 0.1em solid rgb(200,200,200); font-family:Geneva, Arial, Helvetica, sans-serif; background:url(../images/dot_png_24/blanc/blanc_40.png); padding: 0em 0em 0.6em 0em;margin: 0em 0.4em;float: left; } ul.cols_33{ font-size:1em;border: 0.1em solid rgb(200,200,200); font-family:Geneva, Arial, Helvetica, sans-serif; background:url(../images/dot_png_24/blanc/blanc_40.png); padding: 0em 0em 0.6em 0em;margin: 0em 0.4em;float: left; } input[type="checkbox"]{float: left;display:block; margin: 0em;} span.checkbox{display:block;float: left;margin-right: 0.4em;} fieldset{padding-left: 0.3em;} /*fieldset:hover{background:url(../images/dot_png_24/blanc/blanc_30.png);}*/ fieldset:hover legend{color: rgb(0,75,141);}/*effet pseudo-classe :hover sur titre des blocs categorises*/ form ul{ margin:0em; padding:0em; list-style:none;}/*debloquage des proprietes par defaut des blocs de liste dans un formulaire*/ form ul li{display:table; margin:0.2em 0em; padding:0.5em 0.5em; height:2em;} form ul li label{ margin:0.8em 0em; text-align:left;} form ul li label, form ul li input[type="text"], form ul li textarea, form ul li img.obligatoire{position: absolute;} form ul li input[type="text"], form ul li textarea{ font-size:1em;border: 0.1em solid rgb(200,200,200); font-family:Geneva, Arial, Helvetica, sans-serif; background:url(../images/dot_png_24/blanc/blanc_40.png); padding: 0.2em; } form ul li textarea,.metades{margin-top:0.5em;} form ul li input[type="text"]:focus, form ul li textarea:focus{ background:url(../images/dot_png_24/blanc/blanc_90.png);} .input{ font-size:1em;border: 0.1em solid rgb(200,200,200); font-family:Geneva, Arial, Helvetica, sans-serif; background:url(../images/dot_png_24/blanc/blanc_40.png); } input[type="checkbox"]{ font-size:1em; margin-top: -0.4em;display: block; float: left;padding: 0em; } #bank{ height: 15em; } .label_imbrication{ text-align: right;} ul.cols_50 li select,ul.cols_33 li select,ul.cols_25 li select{ font-size:1em;border: 0.1em solid rgb(200,200,200); font-family:Geneva, Arial, Helvetica, sans-serif; background-color: rgb(250,253,255); padding: 0.2em; } .input{position: absolute; margin:0.5em 0em; padding: 0.3em;} input[type="radio"],.input input[type="radio"]{margin-top: 0em;display: block; float:left; cursor: pointer;line-height: 0em;} .input span.radio{margin-top: -0.05em;display: block; float:left;} form ul li input[type="text"],form ul li input[type="password"]{text-align: right;} /*form ul li:hover label{color: rgb(0,75,141);background:url(../images/dot_png_24/blanc/blanc_40.png);}*/ /*form ul li input[type="text"]:hover, form ul li textarea:hover,.input:hover, select:hover{background:url(../images/dot_png_24/blanc/blanc_20.png);border: 0.1em solid rgb(255,213,0);} form ul li input[type="text"]:focus, form ul li textarea:focus, select:focus{background:url(../images/dot_png_24/blanc/blanc_80.png);border: 0.1em solid rgb(255,106,0);}*/ form ul#boutons{} form ul#boutons li{float: left; margin:4.4em 0.2em 0em 0em;} form ul#boutons li input[type="reset"],form ul#boutons li input[type="submit"]{ border: 0.1em solid rgb(60,60,60);background-color: rgb(80,80,80);color: rgb(255,255,255);font-size: 1.2em; } /*form ul#boutons li input[type="reset"]:hover,form ul#boutons li input[type="submit"]:hover{ border: 0.1em solid rgb(160,160,160);background-color: rgb(180,180,180);color: rgb(255,0,0) }*/ div.validation-advice{padding-left: 8em; line-height: 3em; color: rgb(255,0,0);} textarea{ text-align: right;} #syndication{} #syndication p{margin: 0em; padding:0em;float: left;} #syndication p a,#syndication p a img{border: none; text-decoration:none;} .w3c{width: 8.8em; height: 3.1em; font-size: 1em;} .lg_courtage{width: 10em; height: 8em; font-size: 1em;} ul.checkbox li{} h3.st_form{color: rgb(255,106,0);font-size: 0.9em;margin: 0.5em 0em 0em 0em; padding: 0em 0.5em;} .formulaire table.cols_5{border-collapse: collapse;margin: 0em 1em;} .formulaire table.cols_5 tr td.td_10{width: 12%;background: rgb(200,200,200) url(../images/dot_png_24/blanc/blanc_40.png);} .formulaire table.cols_5 tr td.td_10 span{font-weight: bold;font-size: 0.9em;color: rgb(105,105,105);} .formulaire table.cols_5 tr td{ padding: 0.2em;} .formulaire table.cols_5 tr td.td_30{width: 22%;} .formulaire table.cols_5 tr td input, .formulaire table.cols_5 tr td select{ width: 100%;font-size:1em;border: 0.1em solid rgb(200,200,200); font-family:Geneva, Arial, Helvetica, sans-serif; background:url(../images/dot_png_24/blanc/blanc_40.png); } ul{display: table;} .spy_link{font-size: 1em;text-decoration: none;display: block;padding-top: 0.5em;} .spy_link:hover{text-decoration: underline;} select[name="banks"], textarea[name="other_bank"]{height: 10em;float: left;} #spy{} ul.cols_100 li textarea.metadescription{ font-size: 12px; height: 20em; width:48.1em;} ul.cols_100 li input[type="submit"].metadescription{margin-top: 21em; font-size: 12px;} /*#formulaire .two_cols_one_article{} #formulaire .two_cols_one_article label, #formulaire .two_cols_two_article input[type="text"]{ float: left;} #formulaire .two_cols_one_article label{width: 15em;} #formulaire .two_cols_one_article input[type="text"]{width: 20em;} #formulaire .two_cols_one_article label span{font-size: 1.1em;}*/ p,h4{clear:both;} p a,p span{display:inline;COLOR:#705D5D;} p a{text-align:right;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_nav .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_nav .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ------------------------------------------------------------------------ !!!!!! ------------------------------------------------------------------------- */ v\:* { behavior:url(#default#VML); } #gmapmarker { font: normal small verdana, arial, helvetica, sans-serif; font-size: 10px; margin: 0px; width: 250px; height: 40px; overflow:auto; } #gmapmarker p { font-size: 10px; margin : 0; padding : 2px 0 2px 0; } #gmapmarker a { text-decoration: none; color: #0066CC; background-color: transparent; } #gmapmarker span{font-size:10px;} #gmapmarker a:hover { color: #F60; background-color: transparent; } #gmapmarker h1 { font-weight: bold; font-size: 12px; color: #369; border-bottom: 2px solid #369; padding : 2px; margin : 0; } #gmapmarker h1 span{display:block;} #mapper { padding: 0.8em; margin: 0.5em 0em 0.5em 1.1em; float: left; display: block;height:18em; width: 76em;background: url(../images/dot_png_24/blanc/blanc_80.png);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border: 0.1em solid rgb(225,225,239); }