/*
Theme Name: Ochrono
Theme URI: 
Author: Carl B
Description: Theme Ochrono
Version: 1.0
*/
/*

Copyright (c) 2011, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.com/yui/license.html

version: 2.9.0

*/

#produits_total h2 {clear: left;}
/*---TEXTE SUPP--*/
.texte_supp {width:725px; color: #929292; font-family: Verdana,Geneva,sans-serif;
text-align: justify; margin-left:20px; margin-top:20px}
	
/*---BT ACHAT--*/
.gros_bouton {width:725px; margin-left:20px; margin-top:40px;}
.bouton_achat, .bouton_achat a {display:block; width:338px; height:57px}
.bouton_achat {background:url(images/ochrono_achetez.gif) no-repeat; margin-left: auto; margin-right: auto}
.bouton_achat:hover {background:url(images/ochrono_achetez_hover.gif) no-repeat}

/*---RESET--*/

html{color:#000;background:#000}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}

table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}

address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}

del,ins{text-decoration:none}

li{list-style:none}

caption,th{text-align:left}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}

q:before,q:after{content:''}

abbr,acronym{border:0;font-variant:normal}

sup{vertical-align:baseline}

sub{vertical-align:baseline}

legend{color:#000}

.clear{clear:both}



@font-face {font-family:"font helvetica"; src:url('font/font-helvetica.otf');}

@font-face {font-family:"font helvetica moyen"; src:url('font/font-helvetica-moyen.otf');}



/*---GLOBAL--*/

body

{margin:0px; background-color:#000; font-family: Verdana, Geneva, sans-serif; color:#929292;font-size:11px;}

@media screen and (max-width: 1910px) { body {background:url(images/montre.jpg) no-repeat left top black;}}

@media screen and (min-width:1910px) { body {background:url(images/montre.jpg) no-repeat center top black;}}



a span {display:none;}

#container {margin:0 auto; width:1190px}

#partie_gauche {float:left; width:215px; }

#partie_droite {background-color:#000; float:left; width:745px; margin-left:auto; margin-left:auto; padding-bottom:30px;min-height:1000px;}

a {color:#fff}

h1 {font-family: "font helvetica", Verdana, Geneva, sans-serif; color:#FFF; margin-top:5px; font-size:16px;}

h2 {background:url("images/Backgroung_titrage.png") no-repeat bottom right #1A1A1A;

    color: #FFFFFF;

    display: table;

    font-family: "font helvetica",Arial,Helvetica,sans-serif;

    font-size: 18px;

    margin-bottom: 25px;

    margin-top: 35px;

    min-width: 355px;

    max-width: 715px;

    padding: 3px 25px 5px 10px;

    text-transform: uppercase;}

h3, h4 {font-family: "font helvetica", Arial, Helvetica, sans-serif; font-size: 24px; color:#FFF; margin-bottom:10px;}

h3, h4 {font-size: 24px}

h3 a, h4 a { text-decoration:none}

h3 a:hover, h4 a:hover { text-decoration:underline}

h4 {font-size: 18px}

p a, p a:hover { text-decoration:none; color:#929292;}

p a { text-decoration:none;}

p a:hover { text-decoration:underline;}



/*--HEADER--*/

#header {width:745px}

#header_logo, .header_numero {margin-top:40px}

#header_logo {width:305px; float:left; margin-left:20px;}

.header_numero a {color:#000; text-decoration:none;}

.header_numero {background: url("images/header_numero.png") no-repeat scroll 0 0 transparent; color: #000000; float:right; padding:18px 0 20px 60px; width:123px; font-family: "font helvetica moyen", Verdana, Geneva, sans-serif; font-size:16px}

#header #clock {background:url("images/header_logo.png") no-repeat scroll 0 0 transparent;cursor:pointer;}

	

/*--MENU--*/

#menu_right { margin-top:160px}

#menu_top ul li a{display:block; height:46px}

#menu_right ul li a span, #menu_right ul li span{display:none}



.accueil, .espace-marques, .notre-magasin, .nos-services, .btn_contact,.accueil a, .espace-marques a, .notre-magasin a, .nos-services a, .btn_contact a {width:215px; height:31px; cursor:pointer; margin-bottom:10px;display:block}

.accueil { background:url("images/menu_accueil.png") no-repeat scroll right center transparent}

	.accueil:hover, .accueil.actif { background-image:url(images/menu_accueil_hover.png)}

.espace-marques { background:url("images/menu_marque.png") no-repeat scroll right center transparent}

	.espace-marques:hover, .espace-marques.actif { background:url(images/menu_marque_hover.png)}

.notre-magasin {background:url("images/menu_magasin.png") no-repeat scroll right center transparent}

	.notre-magasin:hover, .notre-magasin.actif {background-image:url(images/menu_magasin_hover.png)}

.nos-services {background:url("images/menu_service.png") no-repeat scroll right center transparent}

	.nos-services:hover, .nos-services.actif {background-image:url(images/menu_service_hover.png)}

.contact {background:url("images/menu_contact.png") no-repeat scroll right center transparent}

	.contact:hover, .contact.actif {background-image:url(images/menu_contact_hover.png)}



/*---SLIDER--*/

.carousel, #carousel ul {position:relative;}

.carousel {clear:left; height:369px; margin-left:20px; margin-top:35px; width:725px;}

#carousel ul {list-style:none; width:1600px; margin:0; padding:0;}

#carousel li {display:inline; float:left}



/*---PLUS DE MARQUE--*/

#marques {clear:left; margin-left:20px; margin-top:25px; width:725px;}

.marque {float:left; height:60px; margin-left:11px; margin-right:10px; margin-top:20px; width:160px;}

.marque:hover { opacity:0.4; cursor:pointer;}

.marques_bouton, .marques_bouton_on {width:291px; height:28px; margin-left:220px; margin-right:auto; cursor:pointer; margin-top:25px}

.marques_bouton {background-image:url(images/marque_bouton.png);}

.marques_bouton_on {background-image:url(images/marque_bouton_hover.png)}

.marques_bouton:hover {background-image:url(images/marque_bouton_survol.png);}

.marques_suite {display:none;}

	

/*--PLAN DACCES--*/

#plan_dacces {clear:left; margin-top:25px; margin-left:20px}

.plan_dacces_fond {height:239px; width:725px; border:1px solid #333}



.plan_dacces_localisation, .plan_dacces_right {float:left; height:239px; width:304px}

.plan_dacces_localisation a span {display:none; width:304px; height:239px;}

.plan_dacces_localisation a {width:304px; height:239px; display:block}

.plan_dacces_localisation {width:304px; background-image:url(images/specialiste.jpg); cursor:pointer;}

.plan_dacces_right {text-align:center; width:400px}

.titre_gris {font-family: "font helvetica", Verdana, Geneva, sans-serif; color:#FFF; margin-top:5px; font-size:18px; color:#373737;}



.filet, .separation, .plan_dacces_bouton {margin-left:auto; margin-right:auto}

.filet, .separation {height:1px; background-color:#333}

.filet { margin-top:10px; width:421px}

.separation {margin-top:15px; width:275px}

.gros_titre_blanc {font-family: "font helvetica", Verdana, Geneva, sans-serif; color:#FFF; margin-top:15px; font-size:24px;}

.titre_blanc {font-family: "font helvetica", Verdana, Geneva, sans-serif; color:#FFF; font-size:18px;}



.plan_dacces_bouton, .plan_dacces_bouton a {display:block; width:231px; height:28px;}

.plan_dacces_bouton {background-image:url(images/specialiste_bouton_hover.png); margin-top:20px}

.magasin_texte, .service_description {text-align:justify}

.service_description {width:685px; text-align:justify}

.plan_dacces_bouton:hover {background-image:url(images/specialiste_bouton.png);}



/*--INFO PRATIQUE--*/

.info_ensemble, .info, .info_icone, .info_icone_service, .info_description {float:left}

.info {width:220px; height:64px; border:1px solid #333}

.info_marge {margin-right:29px}

.info_icone {padding-top:10px; padding-left:10px}

.info_icone_service {padding-top:17px; padding-left:12px}

.info_description {padding:15px}

.info_pratique {margin-left:20px}



/*--NOUVEAUTES--*/

#nouveautes_total {margin-left:20px}

.nouveaute_article {width:725px; clear:left; margin-top:25px}

.nouveaute_left, .nouveaute_right {float:left}

.nouveaute_left {width:100px; height:166px; margin-right:20px; margin-top:-20px}

.nouveaute_right {width:605px}

.nouveaute_right p{text-align:justify}

.article_bouton, .article_bouton a {display:block; width:230px; height:28px}

.article_bouton {background:url(images/nouveautes_bouton.png) no-repeat; margin-top:20px; padding-bottom:30px;}

.article_bouton:hover {background:url(images/nouveautes_bouton_hover.png) no-repeat}



/*--ESPACE MARQUES--*/

hr, .marquestouteshr, .archivehr { border-color: #1A1A1A; border-style:none none solid; border-width: 0 0 1px; height:1px; margin-bottom:10px; margin-top:10px; width:725px}



.presentation_marque, .presentation_marque_seule, #marque_total {font-family:Verdana, Geneva, sans-serif; color:#929292; text-align: justify}

.presentation_marque {width:745px;}

.presentation_marque_seule, #marque_total {margin-left:20px; margin-top:20px}

.presentation_marque_seule {width:740px}

#marque_total {width:725px}


#marque_total > h4  {
	text-align : right;
}
#marque_total > h4 > a[target=_blank] {
	background: -moz-linear-gradient(center top , #FFFFFF, #E2E2E2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 20px 20px 20px 20px;
    color: #000000;
    display: inline-block;
    height: 20px;
    margin-top: 10px;
    padding: 6px 15px 10px;
    right: 0;
}

#marque_total > h4 > a[target=_blank]:hover {
    background: none repeat scroll 0 0 #202020;
	background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#020202));
	background: -moz-linear-gradient(top,  #202020,  #020202);	
	color:white;
}

/*--PRODUITS--*/

#produits_total {margin-left:20px; width:725px; margin-top:25px}

#produits_total .produit_photo h4 {padding-top:-50px}

.produit_photo {height:250px; border:1px solid #333; margin-bottom:15px}

.produit {width:225px; height:auto; float:left; }

.produit_marge{margin-right:25px;}



.produit_supp a:hover, .produit_supp a, .produit_supp {font-family: "font helvetica", Arial, Helvetica, sans-serif; font-size: 16px; color:#FFF; margin-top:30px;}

.produit_supp a:hover {text-decoration:underline}

.produit_supp a {text-decoration:none}



/*--FORMULAIRE--*/

.contact_global {margin-left:20px;}



#formulaireglob {margin-left:auto; margin-right:auto; width:700px; margin-left:20px; margin-top:25px}

.contact_texte { font-size:12px; margin-top:-10px; margin-bottom:10px}

.formulaire {width:750px}

form input,form textarea {margin-top:8px;}

form textarea { width:418px; height:306px}

.formulaire p {color:#555555; font-size:14px; font-family: Verdana, Geneva, sans-serif; margin-top:10px; margin-bottom:10px; padding-top:10px}

.formulaire p span {font-size:9px;}

.champs {width:304px; height:auto}

.champs1, .champs2, .champs3, .champs4, .champs5 {width:285px;}

.champs4 {margin-top: -17px;}



.champs2, .champs3 { margin-top:-20px;}

.formulaire_droite {float:left; width:400px;}
.formulaire_gauche {float:left; width:300px;}
.wpcf7-form-control  wpcf7-captchar {float:left}
.input wpcf7-form-control  wpcf7-captchar {float:left}
input wpcf7-form-control  wpcf7-captchar {float:left}



.wpcf7-not-valid {border-color:#36F}

.wpcf7-not-valid-tip-no-ajax,.wpcf7-validation-errors {color:#36F; font-size:11px;}

.formulaire_bouton input {background-image: url("images/envoyez_bouton.png"); width:110px; height:28px; margin-bottom:10px; margin-top:-5px; cursor:pointer; clear:left; border:0px; background-color:transparent;}

.formulaire_bouton input:hover {background:url("images/envoyez_bouton_hover.png")}

.marque_photo {width:785px; height:238px; margin-left:20px;}



input, textarea {background-color:#1a1a1a; border:1px solid #2c2c2c;font-family: Verdana, Geneva, sans-serif; color:#FFF; font-size:14px;padding:0 0 0 5px}

input {height:30px; width:265px}

textarea {height:175px; width:375px;resize:none}



/*--NOTRE MAGASIN-.magasin_photo_total img {width:225px; height:240px; float:left; margin-top:30px; margin-bottom:30px; margin-right:25px}-*/

.magasin_photo_total {margin-left:20px; width:785px;}

.magasin_photo_total img {width:730px; height:275px; float:left; margin-top:30px; margin-bottom:30px; margin-right:25px}

#magasin_total, #service_total {clear:left; margin-top:25px; margin-left:20px; text-align: justify;}

#service_total .info_ensemble {margin-top:20px;}



/*--CGU--*/

#cgu_total {clear:left; margin-top:25px; margin-left:20px}

#cgu_total p {width:685px; text-align:justify}



/*--FOOTER--*/

#footer_total {margin-top:20px; clear:left}

.footer, .footer li {float:left}

.footer li {font-family: "font helvetica", Verdana, Geneva, sans-serif; font-size:16px; color:#FFF !important; margin-left:20px}

/*---	

.textholder{background-color: #000000!important; bottom: 0; color: white!important; height: 370px!important; left: 0; margin-bottom: 0; opacity: 0.5; position: absolute; width: 364px!important;text-transform:uppercase; text-align:center}

.textholder h2 {}

.textholder span {background:white;color:black;}

.textholder b {font-size:32px;font-weight:bold;display:block;}--*/




.captcha2 { margin-left: 5px; width: 170px;}
.wpcf7-form-control  wpcf7-captchar {float:left; height: 30px; width: 265px;}

fieldset, img { border: 0 none; float: left; margin-bottom: 5px;}


























































@font-face {font-family:"font helvetica neue"; src:url(font/font-helvetica-neue.otf); font-size:16px;}

@font-face {font-family:"font helvetica gras"; src:url(font/font-helvetica-gras.otf); font-size:16px;}





.slides_container { width:725px; overflow:hidden; position:relative; display:none; }

.slides_container div.slide { width:725px; height:369px; display:block; }

#slides .next,#slides .prev {position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101;}

#slides .next {left:585px;}



.pagination {    float: right;

    margin: 15px;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 5;}

.pagination li { float:left; margin:0 1px; list-style:none;}

.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(images/pagination.png); background-position:0 0; float:left; overflow:hidden;}

.pagination li.current a { background-position:0 -12px; }



.caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    border-top: 1px solid #000000;

    bottom: -364px;

    color: #FFFFFF;

    font-size: 1.3em;

    height: 364px;

    left: 0;

    padding: 5px 20px 0;

    position: absolute;

    text-shadow: none;

    width: 320px;

    z-index: 500;}

	

.caption_titrage {font-family: "font helvetica neue",Verdana,Geneva,sans-serif; font-size:30px; margin-top: 20px; color:#FFF;}

.caption_bouton, .caption_bouton a { display:block; width:314px; height:51px; text-decoration:none;text-transform: uppercase; font-family: "font helvetica gras", Verdana, Geneva, sans-serif; font-size: 18px;}

.caption_bouton {background-image:url(images/slider_bouton.png); background-repeat:no-repeat;margin-top:20px; text-align:center; padding-top:12px; }

.caption_bouton:hover { background-image:url(images/slider_bouton_over.png);}

.caption_bloc_ensemble { margin-top:20px}



.caption_filet {font-family: "font helvetica neue", Verdana, Geneva, sans-serif; font-size:14px; color:#acacac; margin-top:6px; margin-bottom:6px; }

.caption_marques { font-family: "font helvetica gras", Verdana, Geneva, sans-serif; font-size: 24px; color:#FFF; margin-bottom:5px; }

.caption_marques_br {font-family: "font helvetica neue", Verdana, Geneva, sans-serif; font-size:24px; color:#acacac; margin-top:-5px; }



.caption_tous {font-family: "font helvetica gras", Verdana, Geneva, sans-serif; font-size:24px; color:#FFF; margin-bottom:5px;}

.caption_tous_br {font-family: "font helvetica neue", Verdana, Geneva, sans-serif; font-size:24px; color:#acacac; margin-top:-5px;}

.caption p {text-align:center;}