#bloc-google {   
position: absolute;
left : 430px;
top : 0px;   
 }
 #blocslide {
 position:relative;
	background-color: #CECECE;	
	max-width: 980px;
	height: 395px;
	padding: 0px 0px 0px 0px;
	}
	
#blochandicap {
    height: 50px;
    left: 720px;
	top: 550px;
    position: absolute;    
    width: 50px;
}
#logos-texte-home {	
display: inline;
} 

#bloccentre {
position: relative;
  align-items: stretch;
background-color : #FFFFFF;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  max-width: 100%;
  margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
#blocdroit {
    color: #000000;
    float: right;
    margin: 0;
    max-width: 320px;
    min-width: 320px;
    padding: 10px 0 0;
}
#blocgauche img {
/*background-clip: border-box;*/
margin: 10px 0px 0px 0px;
border : solid 0px #CECECE;
padding : 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
	
}
#bloccentre img.puce{
/*border: 0px solid #FFA500;*/
} 
 #bloccentre p {
padding: 10px 20px 10px 20px;
margin: 0px 0px 0px 20px;	
}

/*
#bloccentre li{
padding: 10px 10px 0px 0px;
margin: 0px 10px 0px 0px;	
}
*/
.spip_documents_left { 
    margin-right: 2.5em;
}
#bloclangue {
 float : right;
  width: 175px;
  height: 27px;
 /* left: 70%;
  top: 5px;*/
  display:inline; 
} 
#bloctexte a {	
 color: #EF8A16;
}
#tags {
padding : 10px 0px 0px 0px;
margin:auto;
max-width: 980px;
/*background-color: #B0BF6E;*/
}
#tags a {
color:#494949;
}	
a img{
  border:  none ;
}
h1 {
	padding: 15px 0px 10px 0px;
	font-size: 1.8em;
	font-family: "Bad Script",cursive;
	font-weight: bold;
	color: #36A9CD;
	text-align : center;
}
#wrapper h1, #wrapper h2, #wrapper h3 {
  font-family: "Bad Script",cursive;
}


-h2 {
	text-align:center;
	padding: 5px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
	font-size: 1.4em;
	font-family: "Bad Script",cursive, Arial, Helvetica, sans-serif;
	font-weight: bold;
color : #36A9CD;
text-shadow: 0.08em 0.08em #FFEB00;	
} 
h6 {
  font-size: 8px;
}
h3 {
 margin-bottom : 1em;
 color:#005D92;
 font-weight: bold
}
h3.spip {
 margin-bottom : 0.5em;
 color:#36A9CD;
}
p {
  font-size: 1em;
  color:#000;
   padding: 8px;
}
li {
  font-size: 1em;
  color:#000;
}

ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/********************************* DEBUT Home bloc droit ************************************/
#centre {
	width: 100%;	
	padding-top:20px;	
}
#centre p{
padding: 10px 10px 10px 10px;
color:#494949;
font-size:12px;
text-align: justify;
}
#centre-head {
margin-top:80px;
	width: 500px;
	height : 50px;
	float: left;
	padding: 0px 0px 0px 20px;
	display:inline;
}
#blocdroit1 {
margin:20px 30px 0px 30px;
padding: 0px 0px 0px 0px;	
}
#blocdroit1 h1 {
color : #F0B969;	
}
#blocdroit1 h2 {
color : #F0B969;	
}
#blocdroit1 p {
color : #CECECE;	
}

.pos1 {
	width: 46.5%;
	height : 150px;
	float: left;
	padding: 0px 10px 25px 10px;
	margin : 5px;
	/*display:inline;*/	
}

.pos3 {
clear : both;
	width: 96.3%;
	height : 150px;
	float: left;
	padding: 10px 10px 20px 10px;
	margin : 5px;
	/*display:inline;*/	
}
#pos2, .pos2 {	
/*margin:20px 18px 0px 0px;*/
float:right;
overflow : hidden;
padding: 5px 5px 5px 5px;
height: 170px;
width: 100%;
display:block;
-webkit-box-shadow:  2px 2px 2px 2px #969696;        
box-shadow:  2px 2px 2px 2px #969696;		
}

#pos2 strong, .pos2 strong{


margin:10px 10px 20px 0px;
color:#E2017B;
}
#pos2 a, .pos2 a{
color:#E2017B;
}
#pos2  h4, .pos2  h4{
/*width: 355px;*/
padding: 0px 0px 0px 0px;	
color:#006ab2;
font-family: 'Bad Script', cursive;
font-size:20px;
line-height : 20px;
}
#pos2  p, .pos2  p{	
/*width: 355px;*/
padding: 0px 0px 0px 10px;
color:#494949;
font-size:12px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#pos2 img, .pos2 img{	
float:right;
padding: 0px 0px 0px 10px;	
}
#centre1 {
width: 375px;
height: 850px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 13px 0px 15px;
-webkit-box-shadow:  2px 2px 2px 2px #969696;        
box-shadow:  2px 2px 2px 2px #969696;
}
#centre2 {
width: 300px;
/*height: 290px;*/
float: left;
padding: 0px 0px 0px 0px;
-webkit-box-shadow:  2px 2px 2px 2px #969696;
box-shadow:  2px 2px 2px 2px #969696;
}
#bloc-clear{
 clear:both;   
}
#blocvisuel, #blocvisuel img {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;  
	width: 300px;		
	text-align : center;
	background-color: transparent;
	overflow : hidden;
}
.bloclienstexte {
background-color:transparent;
color:white;
display:inline;
height:84px;
left:20px;
text-align:center;
visibility:visible;
width:450px;

}
.bloclienstexte li {
display:inline;
height:80px;
list-style-type:none;
padding-bottom:0;
padding-left:5px;
padding-right:5px;
padding-top:10px;
text-align:center;
text-decoration:none;
width:100px;
}
.bloclienstexte img {
box-sizing: content-box;
}
.textehometitle{
padding: 10px 0px 10px 0px;
margin : 10px 0px 10px 0px;	
color:#E2017B;
font-size:25px;
font-family: 'Bad Script', cursive;
font-weight: bold;
text-align:center;	
box-shadow: 0px 0px 5px #969696;
}
.spip_documents_left{
vertical-align:middle; 
clear: both;
}
#portfolio{
clear: both;
-webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
#portfolio img{
 margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: 1px solid #000;
	box-shadow: 1px 1px 2px #DCDCDC;
	margin : 5px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */

	}
	
	
#portfolio img:hover{

  opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	}	

	
	
#colorbox, #cboxOverlay, #cboxWrapper { 
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}	

#bloc-portfolio{
text-align : center;
}







/********************************* FIN  ARTICLES BLOC MILIEU TEXTE ************************************/

 /* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 5px;
	font-weight: bold; }
table.spip tr.row_first { background: #C8BEB5; }
table.spip tr.row_odd { background: #C8BEB5; }
table.spip tr.row_even { background: #FFFFFF; }
table.spip th, table.spip td { font-size: 1em; padding: 10px; text-align: left; vertical-align: middle; }
.trans50 {
     filter: alpha(opacity=50);
     -moz-opacity: 0.9;
     -khtml-opacity: 0.9;
     opacity: 0.9;
}


/*form classes */

form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;	
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 30px;	
	vertical-align: top;
word-spacing : 0.3em;	
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 5px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 180px;} /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px;} /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

 input[type=submit], input[type=reset] {

 border:2px outset #015A6C;

 font-weight:bold;

 cursor:pointer;

 }

input[type=submit]:hover, input[type=reset]:hover {

 border:2px outset white;

 background-color:white;

 }

input[type=submit]:active, input[type=reset]:active {

 border:2px inset #015A6C;

 background-color:#015A6C;

 color:black;

 }


/* tableau et formulaire */
table.tarif  {
font-size :1.2em;
border-collapse:collapse;
width:450px;
color:white; /* couleur de texte pour tout le tableau */
text-align:left; 
margin-left:auto; 
margin-right:auto;
border:1px;
}

.tarif caption{
text-align:center;
border:1px solid #D7FC05;
border-collapse:collapse;
padding:8px;
background-color:#68772F;
}

.tarif th{
background-color:#A8BD34;
padding:8px;
border:1px solid #E8F291;
text-align:left;
}

.pair{
background-color:#93A43E;
padding:8px;
border:1px solid #E8F291;
text-align:center;
}

.impair{
background-color:#EBEFAC;
color:#4F660C;
padding:8px;
border:1px solid #E8F291;
text-align:center;
}

.centre{
background-color:#93A340;
padding:8px;
border:1px solid #E8F291;
text-align:center;
}

.reduce600{
width : 600px;
margin-left:auto;
margin-right:auto;
} 

h4{
background-color:#D0E5FC;
border:1px solid #000;
margin:10px 0px 10px 0px;
padding:3px;
font-size : 2.5em;
text-align : center;
}
h5{
background-color:#C8BEB6;
font-family: "Bad Script",cursive,Arial,Helvetica,sans-serif;
margin:5px 0px 5px 0px;
border:1px solid #000;
margin:auto;
padding:15px;
font-size : 2em;
text-align : center;

} 
img.center-img {
border: 0px solid #cecece;
margin : 0 auto;
text-align : center;
} 

#blocgauche h1 {
	background-color: #009DC6;
	border: 1px solid #36A9CD;
	margin: 5px 0px 5px 0px;
	padding: 3px;
	font-size: 1.5em;
	text-align: center;
	color: #FFF;
font-family: 'Indie Flower', cursive,Arial, Helvetica, sans-serif;
}

#blocgauche h2 {
	/*background-image: linear-gradient(50deg, #FFF26A,#FFFFFF);
	border: 1px solid #9373B1;*/
	margin: 10px 0px 10px 0px;
	padding: 3px;
	font-size: 1.5em;
	font-family: 'Indie Flower', cursive,Arial, Helvetica, sans-serif;
	text-align: center;
	color: #009DC6;
	/*box-shadow: 0 5px 10px 0 #9373B1;*/
}

#blocgauche h3 {
	font-size: 1.5em;
	text-align: center;
	color:#009DC6;
	}

#blocgauche h4 {
	font-size: 1.5em;
	font-family: 'Chewy', cursive;
	text-align: center;
	color: #009DC6;
	}

#blocgauche h5 {
	font-size: 1.5em;
	font-family: 'Pacifico', cursive;
	text-align: center;
	color: #009DC6;
	font-weight: bold;
	font-weight: 800;
	}

#blocgauche h6 {
	font-size: 1.5em;
	font-family: 'Pacifico', cursive;
	text-align: center;
	color: #36A9CD;
	font-weight: bold;
	font-weight: 800;
	}
.box-inventaire {
clear:both;
max-height: 100px;
  text-align: center;
  border: 1px solid #fff26a;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  text-shadow: 1px 1px 1px #000;
  transition: all 0.5s ease-out 0s;
}
.larg200 {
  margin: 10px auto;
  max-width: 200px;
}
.boxbackcolor_ocean {
  background-color: #36A9CD;
}
.color_texte_blanc{
color: #FFF;
}
.color_texte_blanc:hover{
color: #FFF26E;
}
.disp-none{
display : none;
}
h2.actutitre{
color:#C2B2A5;
padding : 0px 10px;
font-size:1.5em;
text-align:center;
}