/***********************************************/ /* */ /* CSS 3 par www.agence-web-platinum.com */ /* pour TABATHA */ /* */ /***********************************************/ /* GRIS foncé rgb(27,30,36) */ /** Global ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .separe_line { width:100%; border-top: 1px solid rgba(204,102,204,0.5); margin:40px 0 20px 0; } .btn_int_icone { height:20px; margin:0 5px 0 5px; } .icones { height:30px; margin:0 5px 0 5px; } .highlight { color:rgb(255,13,13);} .nolight { color:rgb(255,255,255); } .blank_separe { height:100px; } .pointer { cursor:pointer; } small { font-size:14px; } .nowrap { white-space:nowrap; } .button { padding:9px 15px 7px 15px; margin:0; text-decoration:none; font-size:14px; color:#fff; display:inline-block; box-shadow:1px 1px 2px rgba(0,0,0,.5); -moz-box-shadow:1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.5); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-shadow:1px 1px 0 rgba(0,0,0,.2); } .button:link { color:#fff;} .button:visited { color:#fff;} .button:hover { background-position:0 -45px; text-decoration:none; text-shadow:none; color:#fff; background-color:#fff;} .btn_1 { background:url(../../images/buttons/btn_1.png) repeat-x 0 0; color:#fff; } .btn_2 { background:url(../../images/buttons/btn_2.png) repeat-x 0 0; color:#fff; } .btn_3 { background:url(../../images/buttons/btn_3.png) repeat-x 0 0; color:#fff; } .btn_4 { background:url(../../images/buttons/btn_4.png) repeat-x 0 0; color:#fff; } .btn_5 { background:url(../../images/buttons/btn_5.png) repeat-x 0 0; color:#fff; } .btn_6 { background:url(../../images/buttons/btn_6.png) repeat-x 0 0; color:#fff; } .btn_7 { background:url(../../images/buttons/btn_7.png) repeat-x 0 0; color:#fff; } .btn_8 { background:url(../../images/buttons/btn_8.png) repeat-x 0 0; color:#fff; } .btn_9 { background:url(../../images/buttons/btn_9.png) repeat-x 0 0; color:#fff; } .btn_11 { background:url(../../images/buttons/btn_11.png) repeat-x 0 0; color:#fff; } .btn_31 { background:url(../../images/buttons/btn_31.png) repeat-x 0 0; color:#fff; } .btn_32 { background:url(../../images/buttons/btn_32.png) repeat-x 0 0; color:#fff; } .btn_41 { background:url(../../images/buttons/btn_41.png) repeat-x 0 0; color:#000; } #old_nav { width:100%; padding:0; margin:0; position:fixed; top:0; left:0; background-color:rgb(255,13,13); color:#222; text-align:center; font-size:18px; height:45px; line-height:20px; z-index:99999;} #old_nav a { color:rgb(255,255,255); text-decoration:underline; } /** Waiting message ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ #waiting { clear:both; float:left; width:100%; height:100%; background-color:#000; opacity:0.9; filter:alpha(opacity=90); z-index:999999; position:fixed; top:0; left:0; } #my_waiting_time { display:none; } #waiting h4 { clear:both; float:left; width:100%; height:100%; position:fixed; top:40%; left:10%; background:url('../../images/loading_ws.gif') no-repeat 40% 10%; color:#fff; } /* Contenus ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .contenu_site { padding:10px; min-height:200px; } .contenu_site .ico_fichier { width:20px; } .contenu_site ul { list-style: inside circle; } .image_contenu { text-decoration:none; border:none; padding:5px; margin:5px; } .contenu_table .table_cs { display:table; width:100%; } .contenu_table .row_cs { display:table-row; } .contenu_table .cell_cs { display:table-cell; padding:5px 6px 5px 4px; margin-right:5px; } /* événements ****************************/ #agenda { background-color:rgba(236,240,241,0.8); padding:10px 20px 10px 20px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; } .evt_line h3 a, .type_evt a { color:#303336; } /* color_default */ .evt_line h3 a:hover { color:#303336; text-decoration:underline; } .evt_line img:hover { opacity:0.8; filter:alpha(opacity=80); } .evt_line { margin-bottom:20px; } .photo_agenda { padding:4px; border:2px solid #fff; margin:5px;} .contenu_agenda { text-align:center; line-height:28px; font-size:22px; width:99%; margin:0 auto; position: relative;} .contenu_agenda_small { z-index:10; line-height:16px; font-size:13px; padding:12px;} #structure_agenda { text-align:center; color:#000; font-size:28px; font-weight:bold; padding:10px 0 10px 0; } .mois_agenda_titre h2 { text-align:center; font-size:32px; } .mois_agenda { font-size:18px; } .mois_agenda_small { font-size:14px; } .mois_prec { float:left; display:inline; position:relative; } .mois_suiv { float:right; display:inline; position:relative; } .mois_prec_suiv { text-align:center; width:49%; padding-bottom:10px; } .mois_prec_suiv a { text-decoration:none; color:#2881d8;} .mois_prec_suiv a:hover { text-decoration:none; color:red;} .calendarHeader { color:#333; font-weight:bold;} .calendarDay { } .calendarToday { background-color:rgba(65,190,221,0.4); font-weight:bold; color:#3399cc;} .calendarToday a { text-decoration:none; } .calendarToday a:hover { text-decoration:none; color:red;} .calendarEvent a { color:#2881d8; font-weight:bold; text-decoration:none; } .calendarTodayBorder { border:2px solid #3399cc; font-weight:bold; color:#3399cc; line-height:16px;} /* line-height = -2px que .contenu_calendar */ .calendarTodayBorder a { text-decoration:none; } .container_evt { padding:10px; } .container_evt h2, .container_evt h2 a { color:#2881d8; font-size:32px; font-weight:bold; text-decoration:none; margin:0; padding:4px 0 6px 0; display:block; } .container_evt h2 a:hover { color:#ff0000; text-decoration:none; } .evt_color1 { padding:10px; } .evt_color2 { background-color:rgba(240,240,240,0.8); padding:10px;} .lieu_evt { font-size:16px; font-style:italic; } .lieu_ico_evt { width:56px; } .type_evt { line-height:25px; } .type_evt img { width:30px; padding:0 10px 0 0; } .place_totale { color:#a255c4; font-size:16px; font-style:italic; display:inline;} .reserve_sexe_color_h { color:#000000; background-color:#99ccff;border-radius:5px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; margin:1px 0 4px 0;} .reserve_sexe_color_f { color:#660033; background-color:#ff99ff;border-radius:5px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; margin:1px 0 4px 0;} .reserve_sexe { font-size:16px; width:95%; } .reserve_sexe img { width:35px; padding:6px 10px 0 0; } /* Bloc réservation */ .evt_reservation { margin:5px; padding:5px; border-radius:5px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; margin:1px 0 4px 0; width:95%; text-align:center; } .evt_reservation_new { color:#000; background-color:#ffff33; } .evt_reservation_ok { color:#000; background-color:#33ff00; } .evt_resa_fait { color:#a255c4; font-size:16px; font-weight:bold; margin:0 20px 0 0; display:inline;} .evt_resa_link { display:inline; } .evt_resa_link span { color:#ff0000; float:right; font-size:12px; } .evt_resa_link img { width:35px; } .evt_complet { color:#ff0000; font-size:26px; padding-left:10px; font-weight:bold;} .evt_restant { color:#a255c4; font-size:22px; padding-left:10px; font-weight:bold;} .evt_resa_confirme { font-size:22px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; margin:0px 0 10px 0; padding:5px; } .evt_resa_confirme .info { font-size:18px; padding-top:10px; font-style:italic; line-height:22px; } .evt_resa_confirme .notation { font-size:16px; padding-top:10px; font-style:italic; line-height:18px; padding:5px 0 10px 0; } .code_resa span { font-size:18px; font-style:italic; } .back_evt { background:url(../../images/agenda_retour.png) no-repeat; width:30px; height:30px; float:left; position:relative; margin-right:6px; } .back_evt:hover { opacity:0.8; filter:alpha(opacity=80); } .date_evt { color:rgb(65,190,221); font-size:40px; padding:25px 0 15px 0; font-weight:bold; text-align:center; } .image_evt { text-decoration:none; border:none; padding:0 0 10px 0; margin:0 10px 4px 0; float:left; } .image_evt:hover { opacity:0.7; filter:alpha(opacity=70); } .image_evt_small { width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .titre_no_evt { color:#333; font-size:22px; text-align:center; padding:20px; font-style:italic; } .rs_evt { font-size:18px; color:#ffffff; font-weight:bold; position:relative; width:285px; float:left; padding-left:15px;} .rs_evt a { text-decoration:none; color:#ffffff;} .rs_evt a:hover { text-decoration:underline;} .heure_evt { color:#333; font-size:28px; padding-left:10px; font-weight:bold; float:right; text-align:right; position:relative;} .puce_evt { height:20px; margin-right:10px; } .contenu_evt { color:#111; font-size:16px; padding:10px 0; margin:0; display:block; } .contenu_evt_small { color:#111; font-size:14px; padding:0; margin:0; display:block; } .button_evt { font-size:14px; color:#FFF; position:relative; float:left; padding-top:10px;} .button_evt_droite { font-size:14px; color:#FFF; position:relative; float:right; padding-top:10px;} .tel_evt { font-size:15px; color:#FFF; position:relative; float:right; padding-right:10px;} .separe_evt { clear:both; border-top:1px solid #ccc; padding-top:1px;} /** Actualités ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .intro_txt blockquote { padding-left:10px; font-style:italic; font-size:14px; } #actu_area { margin-top: -10px; } .actualite { clear:both; margin:5px 0 10px 0; height:auto; padding:20px; } .actualite .photo { width:250px; text-decoration:none; border:none; padding:0 0 10px 0; margin:0 20px 4px 0; float:left;} .actualite .photo:hover { opacity:0.8; filter:alpha(opacity=80); } .actualite .titre { padding-bottom:10px; font-size:28px; padding-top:2px; color:rgb(27,30,36); float:left; line-height:30px; display:block; } .actualite .date_actu { padding-bottom:10px; font-size:14px; padding-top:2px; color:rgb(27,30,36); float:right; line-height:30px; display:block; } .actu_year { padding-bottom:10px; font-size:28px; padding-top:2px; line-height:30px; display:block; text-align:center; } .actualite .texte { padding:30px 0; margin:0; display:block; } .actualite .pieces { float:left; } .actu_minute { float:right; position:relative;} .actualite .images { clear:both; float:left; width:100%} .actualite .images img { border:none; padding:0px 10px 10px 0; width:100px; } .actualite .images img:hover { opacity:0.8; filter:alpha(opacity=80); } .actualite .fichiers { clear:both; float:left; } .actualite .fichiers .lien { float:left; padding:0 20px 20px 0; line-height:32px; width:auto;} .actualite .fichiers a { text-decoration:none; font-weight:normal; } .actualite .fichiers a:hover { text-decoration:underline; } .actualite .fichiers img { border:none; padding:0 2px 0 0; width:32px; vertical-align:middle;} .actualite .fichiers img:hover { opacity:0.8; filter:alpha(opacity=80); } .actualite .separe { clear:both; border-top:1px solid #ddd; /*-moz-box-shadow:0 0 1px #ffbeba; -webkit-box-shadow:0 0 3px #ffbeba; -khtml-box-shadow:0 0 3px #ffbeba; box-shadow:0 0 3px #ffbeba;*/ width:100%; margin:10px 0 0px 0; } .actualite .signaler { clear:both; text-align:right; } .actualite .last { clear:both; } /** Photos ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ #bloc_photos { margin-top:70px; } #my_slider { float:left; padding:0 0 60px 0; margin:0 auto; position:relative; } /*overflow:hidden; width:960px; */ #galleria { /*width:960px; height:600px; */ background:#fff;} /* teinte de la barre de navigation */ #album_navigation { width:100%; padding:10px; margin-bottom:30px; } #album_navigation .left { width:60%; float:left; position:relative; } #album_navigation .right { width:30%; float:right; position:relative; text-align:right; margin-right:20px; } #album_navigation .navigation { height:35px; padding:0 15px 0 15px; } #album_navigation p { display:inline; line-height:60px; vertical-align:top; } .photo_index { padding:0 25px 50px 0; } .photo_index:hover { opacity:0.8; filter:alpha(opacity=80); } .galerie_select { font-size:16px; font-style:bold; padding:5px; letter-spacing:0px; width:250px; background-color:rgb(0,0,0); height:40px; color:rgb(144,0,0); border:none; } .album_galerie { padding:20px;} .album_galerie img { /*padding:8px; border:5px solid #ccc;*/ margin:30px; max-width:100px; max-height:100px; } .album_galerie img:hover { opacity:0.8; filter:alpha(opacity=80); } .photo_galerie { padding:20px 0px 0 0; width:100%; } .photo_galerie img { /*padding:8px; border:5px solid #ccc;*/ margin:10px; max-width:100px; max-height:100px; } .photo_galerie img:hover { opacity:0.8; filter:alpha(opacity=80); } div#tipDiv { color:rgb(0,51,204); font-size:14px; line-height:16px; background-color:rgba(255,255,255,0.95); border:1px solid rgba(88,11,11,0.5); width:300px; padding:10px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; } div#tipDiv p { color:rgb(0,51,204); } div#tipDiv span, div#tipDiv strong { color:rgb(255,255,255); } div#tipDiv h3 { color:rgb(255,255,255); font-size:30px; margin-bottom:20px; } div#tipDiv sup { float:right; font-size:20px; } div#tipDiv h4 { color:rgb(0,51,204); font-size:26px; margin-bottom:20px; } div#tipDiv h5 { color:rgb(255,255,255); font-size:18px; margin-bottom:30px; text-transform:uppercase; } div#tipDiv h6 { color:rgb(255,255,255); font-size:16px; margin-bottom:10px; line-height:20px;} div#tipDiv small { color:rgb(0,51,204); font-size:14px; } div#tipDiv .icone { width:30px; } .showTip img:hover { opacity:0.6; filter:alpha(opacity=60); } .photo_mini_galerie { padding:10px;} .photo_mini_galerie img { margin:5px; max-width:90px; max-height:100px; } .photo_mini_galerie img:hover { opacity:0.8; filter:alpha(opacity=80); } .reponse { color:#336600; font-size:14px; } /** Produits ********************************************************************************************************************************************************************************************************************************************************************************************************************************/ #produits { width:100%; vertical-align:top; min-height:400px; } #produits h2 { margin:20px; } #produits .separe { /* width:100%; border-top: 1px solid rgba(204,102,204,0.5); margin:40px 0 20px 0; */ } #produits .aucun_produit { margin:10px 10px 30px 15px; padding:10px; } #produits .intro_categorie { font-size:16px; font-style:normal; margin:20px; text-align:justify; } #produits .produit { width:45%; float:left; position:relative; background:rgba(204,201,204,0.5); min-height:250px; border: 1px solid rgba(102,102,102,0.5); margin:10px 10px 30px 15px; padding:10px; border-radius:4px; } #produits .produit h3 { font-size:22px; margin:0; padding:10px 10px 10px 0px; color:rgb(102,102,102); } #produits .produit h3 span { margin-left:5px; font-size:16px; } #produits .produit .image .img { max-width:300px; max-height:200px; float:left; margin-right:10px; } #produits .produit .resume { font-size:16px; margin:0; } #produits .produit .resume p { margin:0; } #produits .produit .code { font-size:12px; margin:0; color:rgb(150,150,150); float:right; position:relative; line-height:10px;} #produits .produit .voir:before { clear:both; } #produits .produit .voir { font-size:12px; margin:-30px 0 0 0; padding:5px 0 10px 0; background:rgba(166,160,166,0.9); width:100px; height:15px; float:right; text-align:center; position:relative; border-radius:4px; } #produits .produit .voir:hover { background:rgba(166,160,166,0.7); } #produits .produit .voir a, #produits .produit .voir a:link, #produits .produit .voir a:visited, #produits .produit .voir a:hover { color:rgb(50,50,50); } #produit h2 { margin:10px; color:rgb(255,0,0); } #produit h2 span { margin-left:10px; font-size:16px; } #produit .image .img { /*max-width:500px; max-height:400px; */ float:left; margin:10px; } #produit .description { font-size:16px; margin:0; padding:10px; } #produit .description p { margin:0; } #produit .code { font-size:14px; margin:-20px 10px 0 0; color:rgb(100,100,100); float:right; position:relative; line-height:10px;} #onglets { width:100%; margin:20px 0 0 0; } #onglets .nav { width: 100%;background: linear-gradient(rgba(166,160,166,0.9), rgba(166,160,166,0.7)); } #onglets ul { display: table; /* width: 50%; margin:10px auto; */ padding: 0; } #onglets ul li { display: table-cell; min-width: 200px;} #onglets ul { background: linear-gradient(rgba(166,160,166,0.9), rgba(166,160,166,0.7)); background: -webkit-linear-gradient(rgba(166,160,166,0.9), rgba(166,160,166,0.7)); background: -moz-linear-gradient(rgba(166,160,166,0.9), rgba(166,160,166,0.7)); background: -ms-linear-gradient(rgba(166,160,166,0.9), rgba(166,160,166,0.7)); background: -o-linear-gradient(rgba(166,160,166,0.9), rgba(166,160,166,0.7));background: linear-gradient(rgba(166,160,166,0.9), rgba(166,160,166,0.7));background: rgba(166,160,166,0.7);border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);} #onglets ul li a { display: block;text-align: center;color: rgba(0, 0, 0, .7); text-decoration: none;padding: 4px 8px 15px 8px;text-shadow: 0 1px 0 rgba(255, 255, 255, .4);box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 rgba(200, 205, 200, .7) inset, 0 -2px 0 rgba(200, 205, 200, .7) inset, 0 -3px 0 rgba(200, 205, 200, .7) inset, 0 -4px 0 rgba(200, 205, 200, .7) inset, 0 -5px 0 rgba(200, 205, 200, .7) inset;transition: all .3s .1s;position: relative;} #onglets ul li:first-child a { border-radius: 3px 0 0 3px; } #onglets ul li:last-child a { border-radius: 0 3px 3px 0; } #onglets ul li a:hover, #onglets ul li a:focus { background: rgba(255,255,255,.2);box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 rgba(100,102,100,0.6) inset, 0 -2px 0 rgba(100,102,100,0.6) inset, 0 -3px 0 rgba(100,102,100,0.6) inset, 0 -4px 0 rgba(100,102,100,0.6) inset, 0 -5px 0 rgba(100,102,100,0.6) inset; padding: 4px 20px 17px 15px;transition: all .3s 0s;} #onglets ul li a:active { background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1)); box-shadow: 0 0 2px rgba(0,0,0,.3) inset; } #onglets ul li a::before { content: '';position: absolute;left: 50%;bottom: 9px;margin-left: -2px;width: 4px;height: 4px;border-radius: 50%;background: rgba(0, 0, 0, .5);} #onglets ul li a:hover::before,#onglets ul li a:focus::before {background: white;box-shadow: 0 0 2px white, 0 -1px 0 rgba(0, 0, 0, .4);} /* Les éléments sont dans la fiche principale. */ #elements { clear:both;} #elements .element { /*width:17%;*/ margin:5px 5px 12px 5px; padding:6px; display:inline-block; text-align:center; } #elements .element .img { /* max-width:150px; max-height:250px;*/ margin:5px; } #elements .element .titre h4, #elements .element .titre_plus h4 { font-size:12px; margin:0; } #elements .element .description { font-size:12px; margin:0; display:block; } /* Les "onglets.element" sont dans les onglets sous la fiche. */ #onglets .onglet h3 { clear:both; font-size:20px; margin:10px 0 10px 0; padding:10px; color:rgb(0,0,0); font-style:italic; background:rgba(106,100,106,0.4); width:95%; border-radius:0 24px 24px 0; display:block; } #onglets .element { float:left; position:relative; margin:5px 5px 12px 5px; padding:6px; } #onglets .element .titre, #onglets .element .titre_plus { font-size:16px; margin:0; font-weight:bold;} #onglets .element .img { margin:2px; } #onglets .element .description { font-size:18px; margin:0; } #onglets .plan { width: 100% } #onglets .plan .titre h4, #onglets .plan .titre_plus h4 { font-size:16px; margin:0 0 10px 0; font-weight:bold; } #onglets .plan .img { margin:0 10px 0 2px; } #onglets .plan .description { font-size:14px; padding:0 20px 0 20px; line-height:18px;} #onglets .couleur { margin:5px; position:relative; } #onglets .couleur .img { margin:2px; } #onglets .couleur .titre h4, #onglets .couleur .titre_plus h4 { font-size:12px; margin:0; text-align:center; } #onglets .couleur .description { font-size:12px; margin:0; display:block; } #onglets .norme .img { } /** Partenaires ********************************************************************************************************************************************************************************************************************************************************************************************************************************/ #partenaires { font-size:12px; width:100%; vertical-align:top; min-height:100px; } #partenaires h2 { font-size:28px; margin:0; padding:10px 0 0 0; text-align:center; font-style:italic; text-decoration:underline; text-transform:uppercase; } #partenaires h3 { font-size:24px; margin:0; padding:10px 10px 10px 0px; color:rgb(101,143,69); margin:0; } #partenaires h4 { font-size:20px; margin:0; text-align:right; color:rgb(49, 174, 9); font-style:italic; } #partenaires h5 { font-size:16px; margin:0; color:rgb(93,70,54); } #partenaires h6 { font-size:14px; margin:0; } #partenaires .type { padding:40px 0px 10px 0; clear:both; position:relative; } #partenaires .sous_type { padding:20px 0px 10px 0; clear:both; position:relative; } #partenaires .partenaire { display:block; border-bottom:1px solid #ccc; width:100%; float:left; margin:20px 40px 10px 0; padding-bottom:10px; position:relative; } #partenaires .resume { text-align:justify; } #partenaires .logo { float:right; } #partenaires .img { width:140px; max-height:150px; } #partenaires .adresse { font-size:12px; } #partenaires .tel { font-size:14px; font-weight:bold; } #partenaires .mob { font-size:12px; } #partenaires .fax { font-size:12px; } #partenaires .courriel { } #partenaires .web { font-size:12px; font-style:italic; margin:5px 0 5px 0; } /***contact*******************************************/ #contact_site { min-height:500px; background:rgb(255,255,255); } #contact_site .image { width:150px; padding-bottom:20px; margin-left:100px; } #contact_site .facebook { text-align:center; padding-top:40px; margin-left:75px; } #contact_site .col_1 { width:70%; text-align:left; position:relative; float:left; } #contact_site .col_2 { width:28%; text-align:center; position:relative; float:right; } #contact_site .titre { margin:0; padding:0; font-size:20px; font-weight:bold; } #contact_site .societe { margin:0; padding:0; font-size:22px; font-weight:bold; } #contact_site .nom { margin:0; padding:0; font-size:22px; font-weight:bold; } #contact_site .poste { margin:0; font-size:18px; font-weight:normal; font-style:italic; } #contact_site .adresse { margin:0; padding:0; font-size:18px; } #contact_site .cpville { margin:0; padding:0; font-size:18px; } #contact_site .pays { margin:0; padding:0; font-size:18px; text-transform:uppercase; } #contact_site .tel { margin:0; font-size:22px; font-weight:bold; color:rgb(53,33,53); } #contact_site .fax { margin:10px 0 0 0; padding:0; font-size:14px; } #contact_site .courriel { margin:0; padding:0; font-size:18px; } #contact_site .my_captcha { padding-left:335px; } #contact_site .contact_full_list { width:80%; margin-top:50px; padding:10px 100px 10px 100px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; background:rgba(100,100,100,0.6); transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; } #contact_site .contact_list { clear:both; width:100%; padding:15px 0 5px 0; margin-top:10px; border-top:1px solid rgb(40,40,40); } #contact_site .contact_list .left { width:80%; margin:0px; } #contact_site .contact_list .right { width:20%; float:right; text-align:right; position:relative; } #contact_site .contact_list h5 { margin:0; font-size:22px; font-weight:bold; color:rgb(196,33,53); } #contact_site .contact_list h6 { margin:0; font-size:18px; } #contact_site .contact_list p { margin:0; font-size:16px; } #contact_site .contact_list .icones { width:35px; } #contact_site #plan { font-size:26px; color:rgb(140,158,170); padding:10px; } #contact_site #plan span { font-size:16px; } /********* google maps v3 *********/ #contact_site #my_google_map { width:980px; height:600px; border-radius:15px 15px 15px 15px; margin:10px; } #contact_site #my_google_window { width:500px; height:180px; } #contact_site #my_google_window h3 { font-size:20px; color:rgb(140,158,170); } #contact_site #my_google_window p { font-size:16px; color:rgb(140,158,170); } #contact_site #my_google_window .input { border:1px solid #aaa; background:#f9f9f9; width:400px; height:20px; font-size:14px; padding-left:5px; padding-top:2px; margin-bottom:10px; } #contact_site #my_google_window .button { float:left; width:240px; height:53px; font-size:20px; line-height:30px; text-align:center; color:rgb(230,230,230); background-color:rgb(27,30,36); border:none; } #contact_site #my_google_window .button:hover { background-position:left bottom; color:rgb(27,30,36); background-color:rgb(230,230,230);} /** Contact Form ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ #MySendMail { font-size:12px; width:100%; vertical-align:top; min-height:100px; } #MySendMail .obligatoire { color:red; vertical-align:super; } #MySendMail .inline { display:inline; } #MySendMail .form_info { } #MySendMail .form_info label { text-align:right; padding-right:10px; line-height:20px; } #MySendMail .form_info input { border:1px solid #737171; background:rgb(230,230,230); width:100%; height:20px; font-size:14px; padding:3px; margin:3px; color:rgb(0,0,0); max-width:200px; } #MySendMail .form_info input[type="radio"] { border:none; outline:none; line-height:25px; background:transparent; } #MySendMail .form_info .calendrier_date { width:150px; } #MySendMail .form_info select { border:1px solid #737171; background:rgb(230,230,230); width:103%; height:25px; font-size:14px; padding:0px; margin:5px 5px 5px 0; color:rgb(0,0,0); max-width:356px; } #MySendMail .form_info textarea { border:1px solid #737171; background:rgb(230,230,230); width:100%; height:157px; font-size:14px; padding:5px; margin:5px 5px 30px 0; color:rgb(0,0,0); max-width:350px; } #MySendMail .form_info .radios { width:100%; padding:5px 5px 0 5px; margin:0px; } #MySendMail .form_info .radios label { margin-right:6px; line-height:20px; display:inline-block; text-align:left; } #MySendMail .form_info .radio_genre { height:10px; width:10px; } #MySendMail .form_info .radio { height:15px; width:15px; } #MySendMail .form_info .complement_info { font-size:12px; color:#777; } #MySendMail .my_captcha { padding-left:230px; } #MySendMail .alerte_txt { color:#ff2200; background-color:rgba(254,50,50,0.5); } #MySendMail .alerte_txt input { background-color:#f5c6c6; color:#ff0000; border:1px solid #ff0000; } #MySendMail .alerte_txt select { background-color:#f5c6c6; color:#ff0000; border:1px solid #ff0000; } #MySendMail .alerte_txt textarea { background-color:#f5c6c6; color:#ff0000; border:1px solid #ff0000; } #MySendMail .erreur { color:#ff0000; font-size:18px; text-align:center; } #MySendMail .erreur small { font-size:14px; } #MySendMail .reponse { color:#336600; font-size:16px; padding:20px; } #MySendMail .submit { clear:both; text-align:center; margin-left:100px; } #MySendMail .obligatoire_info { clear:both; text-align:left; font-size:12px; font-style:italic; } #MySendMail .button_std { background-color:rgb(144,0,0); border-radius:4px; box-shadow:3px 3px 5px #000; padding:15px 80px 15px 80px; margin:0 0 0 150px; background-color:rgb(144,0,0)\9; line-height:20px; font-size:18px; border:none; color:#fff; cursor:pointer; } #MySendMail .button_std:hover { background-color:#fff; color:rgb(144,0,0); background-color:#fff\9; color:rgb(144,0,0)\9; text-decoration:none; } #MySendMail .row { display:block; width:100%; } #MySendMail .row:after { clear:both; } #MySendMail .group { font-weight:bold; color:rgb(254,218,110); } #MySendMail .group .label_cell { font-size:30px; line-height:30px; padding:0; } #MySendMail .group .cell { font-size:20px; line-height:30px; } #MySendMail .fond { background-color:rgba(100,100,100,0.4); padding:0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; } #MySendMail .cell_x_fond { background-color:rgba(100,100,100,0.2); padding:5px 10px 5px 10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; } #MySendMail .label_cell { display:inline-block; text-align:right; width:25%; max-width:220px; padding:10px 10px 0 0; vertical-align:top; } #MySendMail .cell { display:inline-block; width:65%; padding:5px 6px 5px 4px; margin-right:5px; position:relative; text-align:left; } #MySendMail .cell_x { display:inline-block; padding:0; margin:0; } /** Divers ********************************************************************************************************************************************************************************************************************************************************************************************************************************/ .top_link { position:fixed; right:30px; top:30px; display:none; padding:0; background-image:url(../../images/icones/ico_haut_page.png); opacity:0.6; filter:alpha(opacity=60); z-index:2000000; width:64px; height:64px; } .top_link:hover { opacity:1; filter:alpha(opacity=100);} /*.clearfix { clear:both; line-height:0; font-size:0; overflow:hidden; height:0; width:100%; margin:0; padding:0; display:block; }*/ /** Messages alertes ********************************************************************************************************************************************************************************************************************************************************************************************************************************/ .message_de_retour { line-height:18px; font-size:18px; margin:0; padding:10px 0 10px 0; } .message_de_retour p { line-height:18px; font-size:18px; margin:0; } .message_de_retour small { line-height:12px; font-size:12px; } .message_erreur { line-height:18px; font-size:18px; margin:0; padding:10px 0 10px 0; } .message_erreur p { line-height:18px; font-size:18px; margin:0; } .message_erreur small { line-height:12px; font-size:11px; } .erreur_upload { line-height:18px; font-size:18px; margin:0; } .erreur_upload p { line-height:18px; font-size:18px; margin:0; } .erreur_upload small { line-height:12px; font-size:12px; } .message_upload { line-height:18px; font-size:18px; margin:0; } .message_upload p { line-height:18px; font-size:18px; margin:0; } .message_upload small { line-height:12px; font-size:12px; } .succes { color:rgb(102,204,0); } .echec { color:rgb(255,60,0); } .recherche_de_la_ligne_qui_affiche { color:rgb(255,0,0); font-size:8px; } /** 404 ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ #page_404 { font-size:18px; padding:5px; color:rgb(27,30,36); text-align:center; } #page_404 h2 { font-size:26px; } #page_404 p { margin:10px; }