/*--  RESET CSS AJOUTE PAR SALVAT P --*/

/* ---- LIENS ---- */
body{
    min-width: 320px;
}


a {color:#c66108; text-decoration:none;}
a:hover {color:red; text-decoration:none;}
a img {border:none;}

/* ---- Hn ---- */ 

h1,h2,h3,h4,h5,h6{font-weight:normal; color:#000;}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}

/* ---- SELECTION TEXTE ---- */

::-moz-selection {
background-color:#fff200;     /*-- #fff200 --*/
color:#000;
}

::selection {
background-color:#fff200;
color:#000;
}

/* ---- PROPRIETES UTILES ---- */ 
.red {color:#ffff00;}     /*--- SALVAT --*/
.clear {clear:both;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.container {width:940px; margin:0 auto; position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}
.col {-webkit-column-count:3;
	-webkit-column-gap:50px;
	-webkit-column-rule:1px dotted #333;
	
	-moz-column-count:3;
	-moz-column-gap:50px;
	-moz-column-rule:1px dotted #333;
	
	-o-column-count:3;
	-o-column-gap:50px;
	-o-column-rule:1px dotted #333;
	
	column-count:3;
	column-gap:50px;}
	
.ico-reseau {-webkit-border-radius:5px;
             -moz-border-radius:5px;
             -o-border-radius:5px;}  
 
 /*-- CSS NORMAL --*/
body {font-family:Arial; font-size:12px; overflow:hidden;}

* {outline:none;}

a {color:#C66108; text-decoration:none; -webkit-transition:0.3s;}
a:hover {color:#bbb; text-decoration:none;}

footer {position:fixed; bottom:0px; left:0px; background:rgba(0,0,0,0.8); color:#fff; width:100%; height:40px; font-size:12px;}

#copyright {position:absolute; top:12px; left:20px;}

#logo {position:fixed; top:20px; left:-350px; width:451px; height:95px; background:url(img/logo.png) top left no-repeat; text-indent:-7000px;}

#totore {position:fixed; top:10px; right:10px; width:100px; height:100px; background:url(img/tore.png) top left no-repeat; text-indent:-7000px;}

#menu {position:fixed; top:180px; left:-250px;}
#menu ul {list-style-type:none;}
#menu ul li {background-color:#fff; margin-bottom:4px; border-right:5px solid #fff; -webkit-border-radius:3px; width:100px; -webkit-transition:0.3s;}
#menu ul li:hover, .active {border-right:5px solid #C66108!important; width:120px!important; padding-left:5px;}
#menu ul li a {padding:5px 10px; display:block;}
#menu ul li a:hover, .active a {color:#111;}

#menu-footer {position:absolute; top:12px; right:20px;}
#menu-footer ul {list-style-type:none;}
#menu-footer ul li {display:inline-block; margin-left:10px;}
#menu-footer ul li a {color:#fff;}
#menu-footer ul li a:hover, .activefooter a {color:#C66108!important;}

#pattern {position:fixed; z-index:-998; background:url(img/bg_pattern.png) top left repeat; width:100%; height:100%;}

#content {position:fixed; background-color:rgba(255,255,255,0.8); margin:18%; height:36%; overflow:auto;
-webkit-box-shadow: 0 0 20px #000; -webkit-border-radius:3px; -webkit-transition:0.3s;}
#content:hover {background-color:#fff;}

#content p {padding:0px 20px 20px 20px; line-height:1.5;}
#content h2 {padding:20px 20px 5px 20px; font-size:24px; margin-bottom:20px; color:#C66108; border-bottom:1px dotted #C66108;}

#prev {position:fixed; z-index:10; bottom:60px; left:20px; width:30px; height:30px; background:url(img/prev.png) top left no-repeat; cursor:pointer;}
#next {position:fixed; z-index:10; bottom:60px; right:20px; width:30px; height:30px; background:url(img/next.png) top left no-repeat; cursor:pointer;}

#cacher, .btnvert {color:#C66108; margin-left:10px; padding:3px 10px; -webkit-border-radius:3px;}
#cacher:hover, .btnvert {background-color:#C66108; color:#111;}

.ico-reseau {position:fixed; right:-100px; width:100px; display:block; height:100px; -webkit-border-radius:5px; -moz-border-radius:5px;  -o-border-radius:5px;  text-indent:-7000px;}
#piwigo {top:180px; background:url(img/logo_puwigo.png) top left no-repeat;}
#piwigo:hover {background:url(img/logo_puwigo_hover.png) top left no-repeat;}
#shop {top:300px; background:url(img/logo_shopping.png) top left no-repeat;}
#shop:hover {background:url(img/logo_shopping_hover.png) top left no-repeat;}
#votre {top:420px; background:url(img/tore_hover.png) top left no-repeat;}
#votre:hover {background:url(img/tore.png) top left no-repeat;}

 /*--  #tela { position: fixed; top:120px; margin-left:890px; margin-top:-3px;}
	a.icone {width:16px; height:16px; line-height:18px; display:inline-block; text-indent:-5000px; cursor:pointer;}
	a.facebook {background:url(img/sprite_top) 64px 0px;}
	a:hover.facebook {background:url(img/sprite_top.png) 64px 16px;}
	a.maps {background:url(img/sprite_top.png) 0px 0px;}
	a:hover.maps {background:url(img/sprite_top.png) 0px 16px;}
	a.twitter {background:url(img/sprite_top.png) 32px 0px;}
	a:hover.twitter {background:url(img/sprite_top.png) 32px 16px;}
	a.google {background:url(img/sprite_top.png) 48px 0px;}
	a:hover.ggogle {background:url(img/sprite_top.png) 48px 16px;} 
	a.cucum {background:url(img/sprite_top.png) 64px 0px;}
	a:hover.cucum {background:url(img/sprite_top.png) 64px 16px;} --*/


#reseaux {display:inline-block; position:fixed; top:30%; right:5px;}
.reseau {display:block; width:32px; height:32px; padding:0px; text-indent:-7000px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#tv {background:url(img/sprite66.png) no-repeat 0px 0px; }
#tv:hover {background:url(img/sprite66.png) no-repeat 0px -32px;}
#gp {background:url(img/sprite66.png) no-repeat -32px 0px;}
#gp:hover {background:url(img/sprite66.png) no-repeat -32px -32px;}
#ac {background:url(img/sprite66.png) no-repeat -64px 0px;}
#ac:hover {background:url(img/sprite66.png) no-repeat -64px -32px;}   

.tooltipsy { padding: 3px 10px; color: #fff; background-color: #000; -webkit-border-radius:5px;}

#diaporama {position:absolute; bottom:90px; left:150px;}    /*-- top:550px; --*/
img{border:none;}
ul.galerie li{ float:right; margin: 10px; padding:10px; border:3px solid #C66108; list-style:none;-webkit-border-radius:3px;}
ul.galerie li a img{ float:left; width:50px;}
ul.galerie li a:hover img{

  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3); 
  
  -moz-transform-origin: bottom low;
  -webkit-transform-origin: bottom low;
  -o-transform-origin: bottom: low;
  
  -moz-box-shadow: 4px 4px 10px #777;
  -webkit-box-shadow: 4px 4px 10px #777;
  -o-box-shadow: 4px 4px 10px #777;
}
/* ---- FORMULAIRES ---- */

#form {float:left; position:relative; width:100%!important; padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}
#form > p {margin-bottom:15px!important;}
#form input[type="text"], #form input[type="email"], textarea {width:95%; padding:5px; border:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#form input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background-color:#e4e4e4;}
#form textarea {height:100px;}
#submit {position:absolute; width:100%; bottom:-26px; left:0; border:none; background-color:#d91b5c; color:#fff; text-transform:uppercase; display:block; padding:5px; text-align:center; font-size:14px; font-weight:bold;}
#submit:hover {color:#000;}

/* ---- Translate Google  ----*/

#google_translate_element {position:absolute; top:0px; right:-100px; width:461px; height:20px;}