/* CSS Document Site http://www.http://abcd-photographe-toulouse-sud.com.fr- Pages courantes FR template Mars 2016
feuille CSS Nicole Vivant - Webcreation11
 
*/

@charset charset;

@charset "UTF-8";
@charset 'iso-8859-15';


*,*:before,*:after{
webkit-box-sizing:border-box;
moz-box-sizing:border-box;
box-sizing:border-box;
}
html {
font-size: 16px;
line-height: 16px;
}
.container-fluid {
padding-left: 0;
padding-right: 0;
}

b, strong {
font-weight: 700;
}
body {
position: relative;
color:#eee;
width: 100%;
font-family:'Old Standard TT', serif,  Verdana, Arial, Helvetica;
font-weight:400;
font-size: 16px; 
background: url("../images/bg-body.jpg"), #565455;
} 
#headerbox{ 
position: relative; 
margin-top:30px;
width:100%;
min-height: 180px;
overflow:hidden;  /* dépassement des flottants. */
background:url("../images/ban-index.jpg") center top no-repeat;
box-shadow: -1px 1px 2px #000;
box-sizing:border-box; 
z-index:-1;
}
#headercoord{
position: absolute; 
width:100%; 
margin-top: -120px;
}
#headercoord h2{
font-family: 'Oswald', arial, verdana, sans-serif;
font-size: 2.8em;
line-height: 1.5em;
font-weight:700;
text-align:center !important;
margin: 5px 15px 20px 40px;
color:#fff;
text-shadow: 1px 1px 3px #000;  
}
#slideintro{
background:transparent;
}
.headfloatright{
float:right;
margin-top: 20px;
}
.headfloatleft{
float:left;
margin-top: 20px;
}

/* -----------------------------------------
Phocagallery
-------------------------------------------*/
div#phocagallery .pagination{
display:none;
}


/* -----------------------------------------
		Img
-------------------------------------------*/

article{
position:relative;
min-height:300px;
margin:10px 20px 30px 20px;
border-radius:5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
article img, #colleft img,  #colright img{
margin:10px 0; 
border:1px solid rgb(255,255,255); 
border-radius:6px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;        
-webkit-box-shadow:   0px 1px 2px 2px rgba(0, 0, 0, 0.4);    
box-shadow:  0px 1px 2px 2px rgba(0, 0, 0, 0.4);
background-color: rgba(255,255,255, 0.6);
}
div#wrap-left, div#wrap-right{
margin: 0 10px;
background:transparent;
border-radius:5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}
.page-header {
border-bottom: 0px solid #eee;
}
div.moduletable_slideintro img{
margin: 0;
padding:0; 
border:5px solid rgb(255,255,255); 
border-radius:0; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px;        
-webkit-box-shadow: none;    
box-shadow: none;
}

/* -----------------------------------------
		Ariane
-------------------------------------------*/
 #ariane {
font-size:0.75em;
font-weight: normal;
height:auto;
font-style:italic;
color:rgb(39,62,78);
float:right;
margin-right:50px;
}
.breadcrumb {
background:none;
}
.breadcrump ul li{ 
float:left;  
 }
#ariane a, #ariane a:link {
color:rgb(39,62,78);
text-decoration:none;
}
#ariane a:hover {
color:rgb(56,54,33);
text-decoration:underline;
}
.label-info[href], .badge-info[href] {  /* tags */
  background-color: #D4D4D4;
}
/* ----------------------------- */
/* MENU TOP
/* ----------------------------- */ 
#navtop{
position:fixed;
width:100%;
z-index:10000;
background:#FC7200;
box-shadow: -1px 1px 2px #000;
box-sizing:border-box; 
z-index:10000;
}
div#topmenu{
position:relative;
max-width:1000px;
height:auto;
margin:0 auto; 
}
.navbar-fixed-top{
position:relative;
max-width:1000px;

margin:0 auto;
border-width: 0;
}
div.navbar-header{
width: 46px;
float:left;
}
.navbar-inner {
background-color:#FC7200;
background-image: none;
min-height: 60px;
box-shadow: none;
z-index:10000;
}
.navbar-fixed-top .navbar-inner, 
.navbar-static-top .navbar-inner {
box-shadow: none;
border:0px;
}
.navbar .btn-navbar {
background-color:#333;
  background-image:none;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: none;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  padding: 7px 8px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar .btn-navbar:hover, 
.navbar .btn-navbar:focus, 
.navbar .btn-navbar:active, 
.navbar .btn-navbar.active, 
.navbar .btn-navbar.disabled, 
.navbar .btn-navbar[disabled] {
  background-color: #FC0000;
  color:#FFF;
}
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
box-shadow:none; 
}
.navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar .nav  > li {
}
.navbar .nav  > li > a {
font-family: 'Oswald',helvetica, verdana, arial, sans-serif;
text-transform:uppercase; 
color:#FFF;
background:#FC7200;
outline:none;
height:60px;
line-height:60px;
padding: 0 10px;
font-weight:700;
transition: background 0.5s;
text-shadow:none;
}
.navbar .nav  > li > a:focus, 
.navbar .nav  > li > a:hover {
 background-color:#9C9C9C;
color:#FFF;
}
.navbar .nav  > .active > a, 
.navbar .nav  > .active > a:focus,
.navbar .nav  > .active > a:hover {
background:#6E6E6E;
color:#FFF;
transition: background 0.5s;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color:#333;
color:#FFF;
transition: background 0.5s;
}

/* CARET*/

.caret {
border-bottom-color: #88337B;
border-top-color:#88337B;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
.nav .dropdown-toggle:hover .caret, 
.nav .dropdown-toggle:focus .caret {
border-bottom-color: #fff;
border-top-color: #fff;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
border-bottom-color: #fff;
border-top-color:#fff;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, 
.navbar .nav li.dropdown.active > .dropdown-toggle .caret, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-bottom-color: #fff;
border-top-color:#fff;
 margin-top: 15px;
}
.navbar.open .dropdown-toggle, 
.nav-tabs .open .dropdown-toggle, 
.nav-pills .open .dropdown-toggle, 
.nav > li.dropdown.open.active > a:hover, 
.nav > li.dropdown.open.active > a:focus {
background-color: #C487BB ;
border-color: #C487BB;
color: #fff;
}


/* DROPDOWN*/

.nav-collapse in collapse ul{
background:#fff;
}
ul.nav-child{
background:#FC7200;
}
.dropdown-menu {
background-color: #fff;
border: 1px solid #fff;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}
.dropdown-menu > li > a {
width:350px;
padding: 5px 20px 5px 10px;
clear: both;
font-weight: normal;
line-height: 18px;
white-space: nowrap;
color:#F90403;
text-decoration:none;
text-transform:uppercase;
}
.nav-collapse .nav > li > a, 
.nav-collapse .dropdown-menu a {
color:#FFF;
padding: 6px 15px;
}
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, 
.dropdown-submenu:hover > a, 
.dropdown-submenu:focus > a {
color:#fff;
background-color:#FFC5360;
background-image: linear-gradient(to bottom,#FFC536, #FFC536);
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
background-color:#FEC436;
outline:none;
background-image: linear-gradient(to bottom, #FEC436, #FEC436);
}
.dropdown-menu > .active > a{ 
background-color:#FC7200;
outline:none;
background-image: linear-gradient(to bottom, #FC7200, #FC7200);
}
.small {
  font-size: 14px;
}
/* accordeon js & css3 */

.flip.flip1,.flip2,.flip3,.flip4,.flip5,.flip6, {
position:relative;
background-color:#D6F1C6;
color:#318166;
}
.panel1,.flip1, .panel2,.flip2, .panel3,.flip3,
.panel4,.flip4, .panel5,.flip5, .panel6,.flip6 {
padding:2px;
border:solid 1px #81BCA9;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
.flipa, .flipb {
position:relative;
text-transform:uppercase;
background-color:#FFE0D1;
border:solid 1px #EDA480;
color:#88337B;
padding:5px;
margin-top: 8px;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
.panela, .panelb{
background-color:#FFF3EC;
padding: 15px 40px;
border:solid 1px #EDA480;
display:none; 
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
.cours{
text-align:left;
text-transform:uppercase;
font-weight:700;
padding-left: 20px;
}

.accordeon div{
height:0;
margin-top:0;
padding: 10px 15px;
transform: scaleY(0);
transform-origin: 50% 0;
transition:transform 0.8s ease;
}
.accordeon:hover div{
height:auto;
transform: scaleY(1);
background-color: #D7BEA8;
border: solid 1px #B58E61;
}

/* CURLS sur les pills*/


.nav-pills > li, .nav-tabs >li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.nav-pills > li:before, .nav-tabs >li:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.nav-pills > li:hover:before, .nav-pills > li:focus:before, .nav-pills > li:active:before,
.nav-tabs >li:hover:before,  .nav-tabs >li:focus:before,.nav-tabs >li:active:before {
  width: 20px;
  height: 20px; 
}     
/*---------------------------------------------*\
    CSS HEXAGON
\*---------------------------------------------*/

.hexagon {
width: 300px; height: 172px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto 360px;
text-align: center;
position: relative;
margin-top: 130px;
margin-left: 250px;
margin-bottom: 140px;
}
.hexagon-corner-top,
.hexagon-corner-bottom {
width: 100%; height: 100%;
position: absolute; top: 0; left: 0;
z-index: 2;
overflow: hidden;
background: inherit;
}
.hexagon .hexagon-corner-top {
z-index: 1;
transform: rotate(60deg);
}
.hexagon .hexagon-corner-bottom {
transform: rotate(-60deg);
}
.hexagon .hexagon-corner-top:before,
.hexagon .hexagon-corner-bottom:before {
content: '';
width: 301px; height: 347px;
position: absolute; top:0; left: 0;
z-index: 1;
background: inherit;
background-repeat: no-repeat;
}
.hexagon .hexagon-corner-top:before {
transform: rotate(-60deg) translate(-150px, 0);
transform-origin: 0 0;
}
.hexagon .hexagon-corner-bottom:before {
transform: rotate(60deg) translate(-1px, -260px);
transform-origin: 0 0;
}
.hexagon{
background-image: url("../images/image1.jpg");
}
/* ----------------------------- */
/* MODULES
/* ----------------------------- */ 
.moduletable_coordleft{ /*en aside left*/
margin-bottom:10px;
text-align:center; 
}
.moduletable_coordleft p{ /*en aside left*/
text-align:center; 
}
.moduletable_fb{ /*en aside right*/
position:relative;
margin-top:35px;
padding:5px 10px 5px 15px;
margin-bottom:10px; 
}
a.jcepopup span.jcemediabox-zoom-span {
margin:0;
padding:0;
}
/* ----------------------------- */
/* TABLES
/* ----------------------------- */ 

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
table.tarifs, table.planning {
width:100%;
vertical-align:middle;
}
table.tarifs th {
color:#C487BB;
text-align:left;
font-weight: normal;
}
table.tarifs td, table.planning td{
text-align:center;
}
div.mobiledisplay{
display:none;
}
.mobile td, .mobile th{
text-align:center !important;
min-width:80px;
max-width:80px;
}
table.planning td{
font-size: 0.80em;
}
th.jours{
background-color:#DFB7D9;
color:#fff;
text-align:center;
text-transform:uppercase;
}
th.typecours{
background-color:#DFB7D9;
color:#fff;
}
td.heure{
font-size: 1em;
text-align:center;
background-color:#FFE0D1;
font-weight:normal;
color:#C17149;
} 
td.vide{
background-color:#FFF;
font-style:italic;
}
td.collectif{
text-align:center; 
background-color:#D6F1C6;
font-style:italic;
}
td.prive{
text-align:center;
background-color:#81BCA9;
color:#fff;
font-style:italic;
}

/*   TARIFS  */

.tarif td{
width: 170px;
}
/* cycle  images  */


 /*CSS pour slide index*/
 

div.floatleft {     /* cycle photos golf float*/
width: auto;
float:left;
margin: 20px 30px 10px 0;
}
/* font-sizing for content */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details, 
figure, 
hgroup {
	font-size: 1em; /* equiv 14px */
	line-height: 1.5em;
	margin: 0;
  
}


p, div p, div.blog p, div.items-leading p,.item-page p,.remind,.moduletable_secteurs{
font-family: 'Old Standard TT', serif,  Verdana, Arial, Helvetica;
color:#fff;
font-size: 1.2em;
letter-spacing:0.02em;
line-height: 1.5em;
text-align: justify;
word-wrap: break-word;
}

.item-page ul,.item-page ol, div.blog ul, div.blog ol, div.items-leading ul, div.items-leading ol  {
margin-left: 10px;
text-align:left;
list-style-position:inside;
padding:0.5em 0 0.5em 2em; 
}
.item-page ul li, .item-page ol li, div.items-leading ul li, div.items-leading ol li  {
line-height:1.5em;
color:#FC7200;
font-size:1.2em;
}
h1{
color:#FC7200;
font-family:'Old Standard TT', serif,  Verdana, Arial, Helvetica;
font-size: 1.4em;
line-height: 1.5em; 
letter-spacing:0.02em;
font-weight:700;
text-align: center;
margin-left:20px;
}
.blog .page-header h1{
margin-left:20px;	
}
.item-page h1, .page-header h1, div.blog h1, div.item.blog h1, div.contact h1, div.moduletable_logos h3, h2.componentheading{
margin-left:0;
text-transform: uppercase;
}

h2{
color:#FFC536;
font-family:'Old Standard TT', serif,  Verdana, Arial, Helvetica;
font-size:1.3em;
line-height: 1.8em;
letter-spacing:0.02em;
}
#easybook h2 {
margin-left: 20px;
}
.item-page h2,.blog h2, .page-header h2, .items-leading h2, .moduletable_secteurs h3, p.tel{
color:#FFC536;    
font-family:'Old Standard TT', serif,  Verdana, Arial, Helvetica;
text-transform: uppercase;
font-size:1.3em;
font-weight: 700;
font-style:normal;
text-align: left;
line-height: 1.6em;
}
h3, .item-page h3, div.blog h3, div.items-leading h3, h3.flech3  {
display:inline-block;
color:#FC0000;
font-family:'Old Standard TT', serif,  Verdana, Arial, Helvetica;
font-size:1.2em;
line-height:1.5em;
text-align: left;
font-weight: 700;
font-style:normal; 
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #d1d1d1 50%, #d1d1d1 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#d1d1d1 50%,#d1d1d1 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#d1d1d1 50%,#d1d1d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 );
}
h3.flech3  {
display:inline-block;
position:relative;
line-height:30px;
padding-left: 20px;
}
h3.flech3::before{
position:absolute;
content:"";
top:0;
left:0;
width:0px;
border:15px solid transparent;
border-left:15px solid #FC7200;
}
h3.flech3::after{
position:absolute;
content:"";
top:0;
right:-30px;
width:0px;
border:15px solid transparent;
border-left:15px solid #FC7200;
}
h2{
color:#FFC536;
font-family:Verdana, Arial, Helvetica;
font-size:1.1em;
font-weight:700;
}
aside#colleft h3, aside#colright h3, h1 {
position:relative;
display:block;
color:#F4E2F1;
background:#FC7200;
padding: 6px 20px;
font-family:'Oswald', Verdana, Arial, Helvetica;
font-size: 1.4em;
line-height: 1.5em; 
text-align: center;
font-weight:700;
text-shadow: 1px 1px 1px #6e3200;  
}
aside#colleft h3::before, aside#colright h3::before, h1::before {
position:absolute;
content:"";
width :9px;
height:80px;
top:0;
left: 0;
margin-top: -20px;
margin-left:-9px;
background: url("../images/before-h3.png")no-repeat top left;
}
aside#colleft h3::after, aside#colright h3::after, .item-page h1::after {
position:absolute;
content:"";
width :9px;
height:80px;
top:0;
right:0;
margin-top: -20px;
margin-right:-9px;
background: url("../images/after-h3.png")no-repeat top right;
}
#phocagallery h1::after{

}
#colright h3{
text-transform: uppercase;
font-size:1em;
}
.item-page h4, div.blog h4, div.items-leading h4 {
font-family: 'Old Standard TT', serif,  Verdana, Arial, Helvetica;
font-size:1.4em;
font-weight: normal;
color:#FC7200; /* #0c5da5 bleu*/
}
h4::before {
display: inline-block;
font-style: normal;
font-family: "Font Awesome 5 Free";
font-weight: 400;
content:"\f06e";
margin-right: 5px;
 /* jaune*/
}
cite, blockquote  {
display:block;
color:rgb(19,123,153);
margin-left: 20px;
font-size: 0.90em;
text-align:left;
font-style:italic;
border-left:solid 5px rgb(210,210,210);
padding-left: 5px;
}
hr{
border: dashed 1px rgb(210,210,210);
color:rgb(210,210,210);
}
a, .item-page a, .item-page a:link{ 
color:#FC7200;
text-decoration:none;
outline:none;
text-shadow:none;
} 
a:visited, .item-page a:visited{ 
color:#FC7200;
text-decoration:underline;
} 
a:hover, .item-page a:hover{ 
color:#FE0003;
text-decoration:underline;
}
.item-page a.lire,.item-page a.lire:visited{
background:#FF4f00;
padding:5px 8px;
border-radius: 6px;
text-decoration:none;
}
.item-page a.lire:hover{
background:#E4D4C5;
color:#00ac6b;
text-decoration:none;
}


/* soft reset */
html,
body,
textarea,
figure,
label {
	margin: 0;
	padding: 0;
}

code, 
pre,
code { line-height: 1em; }
table { margin-bottom: 1.5em; }


/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video {
	max-width: 100%;
}

/* constantes */
div, textarea, table, td, th, code, pre, samp {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

/* pictures */
img {
	width: auto;
	height: auto;
	vertical-align: middle;
}
a img { border: 0; }

/* scripts */
body > script {display: none !important;}

/* skip-links */
.skip-links {
	position: absolute;
}
.skip-links a {
	position: absolute;
	left: -9999px;
	padding: 0.5em;
	background: #000;
	color:#fff;
	text-decoration: none;
}
.skip-links a:focus {
	position: static;
}

/* ----------------------------- */
/* ==layout and modules */
/* ----------------------------- */

/* switching box model for all elements */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* -----------------------------------------
		           CSS Button
-------------------------------------------*/
.button, div.form-actions button, div.logout-button input.btn, button.btn{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color:#fff;
font-weight:normal;
border:1px solid  #88337B ;
border-radius:6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
background:   #88337B ;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(  #88337B  ), to(#A75A9B));
background: -webkit-linear-gradient(  #88337B  , #A75A9B);
background: -moz-linear-gradient(  #88337B  , #A75A9B);
background: -ms-linear-gradient(  #88337B  , #A75A9B);
background: -o-linear-gradient(  #88337B  , #A75A9B);
background: linear-gradient(  #88337B  , #A75A9B);
-pie-background: linear-gradient(  #88337B  , #A75A9B);
margin: 10px auto;
padding:3px 10px;
text-align: center; 
text-shadow: 0 1px 1px rgba(32, 55, 97, 0.75);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button:hover, div.form-actions button:hover, div.logout-button input.btn:hover,  button.btn:hover {
background: #A75A9B;
color:#fff;
border:1px solid  #88337B ;
outline:none;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A75A9B), to( #88337B ));
background: -webkit-linear-gradient(#A75A9B,  #88337B );
background: -moz-linear-gradient(#A75A9B,  #88337B );
background: -ms-linear-gradient(#A75A9B,  #88337B );
background: -o-linear-gradient(#A75A9B,  #88337B );
background: linear-gradient(#A75A9B,  #88337B );
  transition: background 0.5s;
-pie-background: linear-gradient(#A75A9B,  #88337B );

}
.button:focus, div.form-actions button:focus, div.logout-button input.btn:focus,  button.btn:focus {
outline:none;
background: #A75A9B;
border:1px solid  #88337B;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A75A9B), to( #88337B));
background: -webkit-linear-gradient(#A75A9B,  #88337B );
background: -moz-linear-gradient(#A75A9B,  #88337B );
background: -ms-linear-gradient(#A75A9B,  #88337B);
background: -o-linear-gradient(#A75A9B,  #88337B);
background: linear-gradient(#A75A9B,  #88337B );
transition: background 0.5s;
-pie-background: linear-gradient(#A75A9B,  #88337B);
}

/*CSS liens reseaux sociaux*/


ul#icones  {   /*sprite*/
position: relative;
width:80px;
height:auto;
}
ul#icones li {   /*sprite*/
list-style-type: none;
margin: 0; 
padding: 0;
}
ul#icones li, ul#icones a {   /*sprite*/
display:block;
width: 40px;
height: 40px;
background: url('../images/bg_rs.jpg') 0 0 no repeat;
}
li#icone-fbook a{
background: url('../images/bg_rs.jpg') 0 0;
}
li#icone-fbook a:hover{
background: url('../images/bg_rs.jpg') -40px 0;
}
li#icone-gplus a{
background: url('../images/bg_rs.jpg') 0 -40px;
}
li#icone-gplus a:hover{
background: url('../images/bg_rs.jpg') -40px -40px;
} 
/* ----------------------------- */
/* ==Main */
/* ----------------------------- */

/* Navigation page */

.pagenav a:link, 
.pagenav a:hover, 
.pagenav a:visited{
color:#00AC6B; 
font-size:0.8em;
font-weight: normal;
text-decoration:none;
}
.pagenav a:hover {
color:#C487BB; 
text-decoration:underline;
}
p.rose{
color: rgb(212,0,80);
}
/* ----------------------------- */
/* Page contenu BLOG
/* ----------------------------- */ 
div.blog{
margin:0 20px;
}
div.item{
background:#efefef;
border-radius: 10px;
padding:10px;
min-height:180px ;
}
div.item h2{
color:#9b3000;
font-weight:bold;
text-align:left;
font-size:1em;
}
div.items-leading{
margin-left: 15px;
}
a:visited.btn{
color:#333;
}
    
/* ----------------------------- */
/* Bottom */
/* ----------------------------- */


#bottom {
width: 100%; 
min-height: 280px;
border-top: 1px solid #8A8989;
border-bottom: 1px solid #8A8989;
background:rgba(255,255,255,0.1)!important;
}
.custom_bot1{
margin-top: 20px;
}
#bottom p{
color:#fff;
} 

#bottom a, #bottom a:visited{
display:block;
line-height:2.2em;
color:#FC7200;
font-size:1em;
text-decoration:none;
outline-style:none;
} 
#bottom a:hover{
color:#FCA800;
text-decoration:underline;
}
#bottom h3{
position:relative;
display:block-inline;
font-family: "Oswald",Verdana,Arial,Helvetica,sans-serif;
font-size: 1.2em;
height:  30px;
line-height: 30px;
font-weight: 700;
color:#FC0000;
margin-left: 20px;
text-align:left;
}
#bottom h3::before{
content:"";
position: absolute;
top:0;
left:-15px;
width:0;height:0;
border:15px solid;
border-top-width:30px;
border-bottom:none;border-right:none;
border-color: #ACABAB transparent  ;
}
#bottom h3::after{
content:"";
position: absolute;
top:0;
right:-15px;
width:0;height:0;
border:15px solid;
border-top-width:30px;
border-bottom:none;border-right:none;
border-color: transparent #ACABAB ;
}
.legal ul{
list-style-type:none;
}

/* ----------------------------- */
/* Footer */
/* ----------------------------- */


footer {
min-height: 30px;
background:#8a8989;
}
footer p {
text-align:center; 
color:#fff; 
font-size: 0.85em;
}

/* ----------------------------- */
/* ==forms */
/* ----------------------------- */
form,
fieldset {
border: none;
}
input,
button,
select,
label {
vertical-align: middle; /* @bugfix alignment */
}
textarea {
	resize: vertical;
	font-family: inherit;
}
/* FORMULAIRE CONTACT*/

.accordion-heading .accordion-toggle {
background-color:#C487BB;
}
.accordion-group {
border: 1px solid #DFB7D9;
}
a.accordion-toggle {
text-decoration: none;
outline:none;
font-family:Pontano Sans,,verdana, Arial, Helvetica, sans-serif;   
font-size: 1.1em;
color:#fff;
}
a:hover.accordion-toggle {
color:#88337B;
}
div.contact h3, div.panel h3{
display:none;
font-family:Pontano Sans,verdana, Arial, Helvetica, sans-serif;                                 
}

legend{
border-color: -moz-use-text-color #A75A9B;
}

span.contact-name{
display:none;
}
div.contact-form{
max-width:850px;
margin: 2em auto;
padding: 1em;
background: url("../images/bg_contact.jpg") no-repeat top right;  
}
div.contact-form fieldset{
border:0px solid  #FC7200;
}
div.contact-form input, 
div.contact-form textarea{
max-width: 250px;
color:#805252 ;
background-color:rgb(255,255,255);
border:0px solid #FC7200;
padding:4px 6px;
font-size:0.90em;
box-shadow: 0px 1px 1px 1px rgba(94,92,93,0.5);
-moz-box-shadow: 0px 1px 1px 1px rgba(94,92,93,0.5);
-webkit-box-shadow: 0px 1px 1px 1px rgba(94,92,93,0.5);
border-radius:5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}
textarea#address_street, textarea#autres_precisions{
width: 250px;
}
div.contact-form textarea{
max-width: 500px;
}

label, div.contact-form label, div.contact-form legend {
color:#FC7200 ;
font-size:0.80em;
}
div.contact label.tool-tip{
display: none;
}
div.control-label span{
color:rgb(72,70,71);
font-size:0.8em;
}
/* ----------------------------- */
/* Easy Book
/* ----------------------------- */

.easy_frame {
background-color: #fdf6ef;
border: solid 1px rgb(215,207,160);
border-radius:6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
}
div#easybook{
padding: 5px 30px;
}
.easy_title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
letter-spacing:0.05em;
line-height:1.2em;
font-weight:normal;
color:#B2435D;
}
.easy_top {
background-color:#81BCA9;
color:#FFF;
border-radius:6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
height: 30px;
margin: 8px 10px;
}
.easy_content {
background-color:#F4E2F1;
background-image: none;
}
#easybook a.sign, #easybook a.view {
float: right;
text-decoration: none ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;    
}
.easy_pagination {
font-size: 12px;
margin-top: 18px;
font-style:italic;
font-weight:fine;
color:rgb(223,183,183);
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
background-color: rgb(255,255,255);
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: rgb(255, 255, 255);
}
.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #eee;
    cursor: not-allowed;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid rgb(213,167,167);
    box-shadow: 0 1px 1px rgba(194,144, 147, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: rgb(191,141,144);
    height: 22px;
    line-height: 22px;
}
div.controls{
color:rgb(194,144,147);
}