/******************************************************
Remise a 0 des styles par defaut des navigateurs
*******************************************************/
* {
	 margin:0;
	 padding:0;
	 border:0;
}

html {
	height:100%;
	font-size:9pt;
}
	
body, p, blockquote {
	margin: 0;
	padding: 0;
}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
	
/* Lists
------------------------------*/
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
	
/* Links
------------------------------*/
a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/
form, fieldset {
	margin: 0;
	padding: 0;
}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
	
select { padding: 0; }

/* Stylesheet: reset Modified On 2013-10-20 15:48:28 */
/*	CSS Tiffeneau
	Création Agence Grain de Sel le 15/10/2013 */

	
/* Balises par défaut
------------------------------*/
body {
  	text-align : center;
 	font-family:Arial,  Verdana, Helvetica, sans-serif;
	color:#000;
	font-size:1em;
	background-color:#EBEBE9;
}

/* Blocs de disposition
------------------------------*/
#header {
	height:80px;
	background:#272727;
}
#bandeau {
	padding:20px 0;
}
#bandeauH {
	height:448px;
padding-top:15px;
}
#centre {

}
#realisation {
	background:#383838;
	padding:15px;
}
#footer {
	height:100px;
	background:#272727;
}

/* Header
------------------------------*/
#headerC {
 	margin : 0 auto;
	width:980px;	
	text-align:left; 
}
#menuTop {
	float:right;
	padding-top:30px;
	color:#fff;
}
#menuTop a {
	text-decoration:none;
	color:#fff;
	padding:5px;
line-height:1.2em;
}
#menuTop a:hover {
font-style:italic;
font-size:1.05em;
}
#logo {
	padding:5px;
	display:block;
}

/* Bandeau
------------------------------*/
#accroche {
position:absolute;
margin-left:-940px;
margin-top:250px;
display:inline-block;
}
#accroche img {
margin:0;
vertical-align:bottom;
}
#accroche h2 {
background-color: rgba(251, 223, 100, 0.5);
display:inline-block;
font-size:1.3em !important;
padding:8px;
height:20px;
}
 
/* Centre
------------------------------*/
#conteneur {
 	margin : 0 auto;
	width:950px;	
	text-align:left; 
	background:#fff;
	padding:15px;	
}
#conteneurH {
 	margin : 0 auto;
	width:980px;	
	text-align:left;
padding-bottom: 15px; 	
}
#ariane {
	float:right;
}
#ariane a {
	color:#000;
	text-decoration:none;
}
h1 {
	color:#7b3529;
	font-weight:normal;
	font-size:2em;
}
#contenu {
	margin:10px 0;
}
#contenu ul {
	margin:5px 20px;
}
#contenu a {
color:#7b3529;
text-decoration:none;
}
#contenu a:hover {
text-decoration:underline;
}
#blocAdrAccueil {
width:450px;
background:#f8e5bb;
display:block;
float:left;
padding:15px;
}
#contenuAccueil {
background:#fff;
width:450px;
margin-left:499px;
padding:15px;
}
#contenuAccueil h1 {
font-size1.6em;
}
#blocAAHaut {
border-bottom:1px solid #88503F;
color:#000;
font-size:1.3em;
height:255px;
}
#imBlocAAHaut {
float:left;
margin-right:20px;
}
#blocAAHaut h3, #blocAAHaut h4, #blocAAHaut h5 {
font-weight:normal;
}
#blocAAHaut h3, #blocAAHaut h4 {
text-transform:uppercase;
}
#blocAAHaut h5 {
margin-top:15px;
}
#blocAAHaut a {
text-decoration:none;
color:#88503F;
}
#blocAABas {
color:#000;
height:90px;
padding-top:10px;
font-size:1.1em;
}
#imBlocAABas {
float:right;
margin:0 10px 0 30px;
}


/* Realisation
------------------------------*/
#realisationC {
 	margin : 0 auto;
	width:960px;
	text-align:left;
	padding:10px 15px;
}
#realisationC h3 {
	color:#fff;
	margin-bottom:15px;
}
#realisationC ul {
	list-style-type:none;
}
#realisationC ul li {
	display:inline-block;
	padding:0 10px;
}
#realisationC iframe {
float:right;
}
#realisationC a {
color:#eee;
}



/* Footer
------------------------------*/
#footerC {
 	margin : 0 auto;
	width:960px;
	text-align:left;
	color:#fff;
	padding:10px 15px;
}
#logoF {
	display:block;
	margin-right:50px;
	float:left;
}
#menuFooter {
	width:150px;
	float:left;
	padding-top:10px;
}
#menuFooter a {
	color:#fff;
	text-decoration:none;
	line-height:1.5em;
}
#menuFooter a:hover {
padding-left:15px;
}
#menuFooterRub {
	float:right;
	margin-right:1px;
	border-radius:5px;
	background:#FADE63;
	padding:5px;
	margin-top:10px;
color:#000;
} 
#menuFooterRub a {
	padding:0 5px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
} 
#menuFooterRub a:hover {
text-decoration:underline;
}
#signature {
	clear:right;
	padding-top:15px;
	float:right;
	margin-right:1px;
	font-size:0.9em;
}
#signature a {
	color:#fff;
	text-decoration:none;	
}
#signature a:hover {
text-decoration:underline;
}


/* Formulaire
------------------------------*/

 
/* Accordion
------------------------------*/
#accordion {
  color: #FFF;
  height: 430px;
  position: absolute;
  left: 50%;
  margin-left: -494px;
  width: 988px;
  overflow: hidden;
}
.expandable {
  /*width: 247px;*/
  width: 164px;
  height: 430px;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: black url('/img/ajax-loader.gif') 50% 50% no-repeat;
}
.expandable img {
  display: none;
  position: absolute;
}
.expandable .bw {
  position: absolute;
  top: -430px;
}
.expandable .shadow {
  opacity: .9;
  filter: alpha(opacity = 90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  height: 430px;
  width: 50px;
  position: absolute;
  right: 0;
  background: url(/img/shadow.png) repeat-y;
}
.expandable .con {
  position: absolute;
  padding: 0 0 15px 0;
  top: 370px;
  width: 600px;
background:#FBE172;
}
.active .con {
  background:#88503F;
}
.con h2 {
	text-align:left;
	margin: 15px 10px 5px 30px;
	font-family: 'Belleza', sans-serif;
	font-size:2.5em;
font-weight:normal;
color:#000;
}
.active .con h2 {
color:#fff;
}
.expandable .con .exCon {
  display: none;
  padding: 0 250px 0 30px;
  position: relative;
  min-height:80px;
font-size:1.1em;
text-align:left;
margin-right:30px;
}
.expandable .expandImage {
  width: 21px;
  height: 21px;
  position: absolute;
  bottom: 12px;
  right: 10px;
  background: url(/img/picto-plus.png) no-repeat;
}
.exCTA {
  /*width: 150px;*/
  padding:5px 10px;
  top: 50%;
  margin-top: -40px;
  right: 25px;
  opacity: .75;
  filter: alpha(opacity = 75);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  position: absolute;
  background:#FBE172;
  color:#000;
  text-decoration:none;
  font-size:1.1em;
  font-weight:bold;
  text-transform:uppercase;
  font-style:italic;
border-radius:8px;
}
.sexCTA:hover {
  opacity: 1;
  filter: alpha(opacity = 100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.bReplace {
  display: block;
  outline: none;
  text-indent: -9999px;
  text-decoration: none;
}

 
 
/* Divers
------------------------------*/
.separateur{ 
	 display: block;
	 height: 0;
	 margin: 0;
	 _margin:-7px 0;
	 padding: 0;
	 border: 0;
	 visibility: hidden;
	 clear:both;
}
/* Stylesheet: tiff Modified On 2014-02-25 14:18:33 */