/* =Reset default browser CSS.
------------------------------ */
div.perso{background:#000000;color:#ffffff}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, figure, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th{
border: 0px none;
font-family: inherit;
font-size: 1em;
font-style: inherit;
font-weight: inherit;
margin: 0;	/*sup pour table*/
outline: 0;
padding: 0; /*sup pour table*/

vertical-align: baseline
}
table, td {
/*border: 0px none;*/
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
outline: 0;
vertical-align: baseline;
}
html {-webkit-text-size-adjust: none;}
:focus {/* remember to define focus styles! */
outline: 0;
}
ol, ul {
list-style: none;
margin: 0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {}
blockquote, q {}
a img {border: 0px none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
embed, iframe, object {max-width: 100%;}

/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-family: 'Philosopher', sans-serif;
color: #000;

}

h1 {
font-size: 30px;
line-height: 36px;
}
h2 {
font-size: 24px;
line-height: 30px;
}
h3{
font-size: 18px;
line-height: 22px;
}
h4 {
font-size: 16px;
line-height: 22px;
}
h5 {
font-size: 14px;
line-height: 20px;
}
h6 {
font-size: 11px;
line-height: 17px;
text-transform: uppercase;
}
/*-------------------------------------------------------------------------------------------*/              
/* clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: "";
clear: both;
height: 0
}
.clearfix {display: block;}
/*-------------------------------------------------------------------------------------------*/  

/* =Global----------------------------------------------- */
a {
color: cyan;
text-decoration: none;
}
a:hover {
color: yellow;
text-decoration: underline;
}
.linkActif{color:red;}
.linkActif:hover{text-decoration:none;cursor:default;color:red;}


em {font-style: italic!important;}
strong, b {font-weight: bold!important;}

@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src:  url(font/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}
@font-face {
font-family: 'Philosopher';
font-style: normal;
font-weight: 400;
src: url(font/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff)format('woff');
}
body, input, textarea, table {
color: #000;
font: 13px 'PT Sans', sans-serif;
line-height: 20px;
word-wrap: break-word;
}
body.custom-background {
background:#638bbf; margin-top:20px;
overflow: scroll;
color: #000;
overflow-x:hidden!important;
}

.no-sidebar {width: 68%; margin: 0 auto;}

.back-to-top {
position: fixed;
bottom: 10px;
right: 10px;
}
.back-to-top a {
width: 35px;
height: 35px;
text-indent: -20000px;
display: block;
background-image: url('../images/back-to-top.png');
}

.entry-title, .entry-title a {
font: 24px 'Philosopher', sans-serif;
line-height: 30px;
color: #000;
text-decoration:underline;
}

p {margin-bottom: 15px;}

.blockcote1, .blockcote2, .blockcote3{text-align:left;}

.blockcote1{margin-left:4%!important;}
.blockcote2{margin-left:8%!important;}
.blockcote3{margin-left:12%!important;}

.textAlignJustify{text-align:justify!important;}
.textAlignLeft{text-align:left!important;}

.resume{font-size:1.2em;}

.entry-content img{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
box-shadow: 0 0 0 #000;
-moz-box-shadow: 0 0 0 #000;
-webkit-box-shadow: 0 0 0 #000;
max-width:100%;
height:auto;
margin-top: 5px;

}

/*bug firefox*/
.respons{ display: table; table-layout: fixed }
a.thickbox img{cursor:pointer!important}
/*---------*/

.entry-content img.shadow{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
box-shadow: 0 0 20px #000;
-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
}

.entry-content img.roundCorner{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 0 #000;
-moz-box-shadow: 0 0 0 #000;
-webkit-box-shadow: 0 0 0 #000;
}

.entry-content img.cornerRoundShade{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 20px #000;
-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
}

.entry-content img.float_left{float:left;}

.entry-content img.float_right{float:right;}

.entry-content a img{text-decoration: none;}

iframe {

}

table.alignLeft{margin-right:10px;}

table.alignRight{margin-left:10px;}

table.bgCenter{background-position:  center;background-repeat: no-repeat;}

div .swf-holder {
line-height: 0;
margin: 0;
}
.shadow {
box-shadow: 0 0 20px #000;
-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.entry-meta-bar {
border-top: 0px none;
border-bottom: 0px none;
padding: 7px 0;
clear: both;
}
a.readmore {
background: black;
border: 1px solid silver;
color: cyan;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px 8px 2px;
float: right;
}
a.readmore:hover {
background: gray;
color:yellow;
}
#content dl.default-page {
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#content ul.default-page {
margin: 0;
list-style: none;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 7px 0 0;
}
ul.default-page li {
padding-bottom: 7px;
}
ul.default-page li.previous {
float: left;
}
ul.default-page li.next {
float: right;
}
ul.default-page li a {
display: inline-block;
color: cyan; 
background: black;
border: 1px solid silver;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px 8px 2px;
}
ul.default-page li a:hover {
background: gray;
color: yellow; 
}

.button {display: none}
table.contactcontent {width: 60%; height: auto; font-family: Verdana; font-size: 0.9em; font-weight: bold;}
table.contactcontent td {vertical-align: middle}
.asterix{font-family: Verdana; font-size: 1.5em; font-weight: bold; color: #ff8c00}
.nb{font-family: Verdana;  font-weight: bold; color: #ff8c00}
.mail  {background-color: lavenderblush;border: 1px inset #202020;color: #202020}
input.mail {width:60%;padding-left:10px}
textarea.mail {width:90%;padding-left:10px}
.focus {border:1px solid gold}
.feedback{margin-right: 20px; display: none}
.feedback h3{line-height: 47px;}				
.feedback img {box-shadow: 0 0 0 #000;-moz-box-shadow: 0 0 0 #000;-webkit-box-shadow: 0 0 0 #000;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border:0px none;}			
.error {font-family: Verdana;  font-weight: bold; color: #D10721}

.form_comments{width: 50%; height: auto; font-family: Verdana; font-size: 0.9em; font-weight: bold;}
.no-sidebar div.form_comments{width: 75%;}

div.socio {
	float:left;
	display: table-cell;
	border:0px none;
	padding:8px;
	margin:5px;
	width:70px;
	height:70px;
	text-align:center;	
	padding-bottom:0;
	/*background-color:rgba(255,255,255,0.5);*/	
	}

.socio iframe{
	box-shadow: 0 0 0 #000;
	-moz-box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
.fb_iframe_widget span {width:450px!important;}
	
/* =Responsive Structure
----------------------------------------------- */

/* All Tablet Portrait size smaller than standard 1079 (devices and browsers) */
@media only screen and (max-width: 1078px) {

	table.contactcontent {width: 60%;}
	
	.form_comments{width: 60%;}
	
	.no-sidebar {width: 74%; margin: 0 auto;}	
	
	.no-sidebar div.form_comments{width: 80%;}
}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {	
	
	.blockcote1{margin-left:2%!important;}
	.blockcote2{margin-left:4%!important;}
	.blockcote3{margin-left:6%!important;}		
	
	.entry-title, .entry-title a {font-size: 22px;}
	
	.feedback h3 {font-size: 20px;line-height: 47px;}
	
	textarea {width:90%;}
	
	.no-sidebar {width: 100%; margin: 0 auto;}
	
	table.contactcontent {width: 80%;}

	.form_comments{width: 80%;}
	
	.back-to-top{display:none!important;}
}

/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 640 (devices and browsers) */
@media only screen and (max-width: 639px) {	
	
	table.respons td {display:block;width:auto!important;}
	
	table.respons.alignRight{margin-left:auto!important;margin-right:auto!important;float:none!important;width:100%!important;margin-bottom:10px!important;}
	
	table.no_respons {margin-left:auto!important;margin-right:auto!important;float:none!important;margin-bottom:10px!important;}	
	
	a.thickbox img{cursor:default!important}
}	
	
/* All Mobile landscape size and All Mini Tablet Portrait size smaller than 480 (devices and browsers) */
@media only screen and (max-width: 479px) {	
	
	.entry-content img {margin: 5px;}
		
	.entry-content img {max-width: 94%;}
	
	.no-sidebar {width: 100%; margin: 0 auto;}
	
	table.contactcontent {width: 100%;}
	
	input.mail {width:60%;}
	
	textarea.mail {width:90%;}
	
	.form_comments{width: 100%;}	
			
	.entry-content img.float_left{clear:both;float:none;margin-right:auto!important;margin-left:auto!important;display:block;}
	.entry-content img.float_right{clear:both;float:none;margin-right:auto!important;margin-left:auto!important;display:block;}
	.pas_saut{display:block;}

	.blockcote1{margin-left:1%!important;}
	.blockcote2{margin-left:2%!important;}
	.blockcote3{margin-left:3%!important;}	
}	
	
/* All Mobile size smaller than standard 320 (devices and browsers) */
@media only screen and (max-width: 319px) {
        
	table.no_respons{ width:98%!important;}	
			
    input.mail { width:70%; }
	
	textarea.mail { width:90%; }	

}

/* All Mobile size smaller than standard 230 (devices and browsers) */
@media only screen and (max-width: 219px) {
   
	#site-title {
	font: 20px 'Philosopher', sans-serif;	
	}	   
}

/* All Retina Ready devices larger than 1.5 pixel ratio */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.back-to-top a {
		background-image: url("../images/back-to-topx2.png");
		background-size: 35px 35px;
	}
}

/*Volet glissant*/
#volet {
	width: 250px;
	padding: 10px;
	background: purple;   
	color: #fff;   
	border: 1px solid red;
}
#volet a.ouvrir,
#volet a.fermer {
	padding: 5px 10px 2px 5px;
	background: black;   
	border: 1px solid #2c526d;
	color: cyan;
	text-decoration:none;
}
#volet a.ouvrir:hover,
#volet a.fermer:hover {	
	background: gray;	
	color: yellow;	
}
#volet {
	position: absolute;
	right: -272px;  /* test fixed + scroll, on retire la position top */
	-webkit-transition: all 3s ease-in;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
}
#volet a.ouvrir,
#volet a.fermer {
	position: absolute;
	left: -67px;
    top: -1px;		
	-moz-radius:8px 8px 0 0;
	border-radius:8px 0 0 8px;
	border: 1px solid red;
}
#volet a.fermer {
	display: none;
}
#volet:target {
	right: 0;
}
/* code pour la fermeture */

#volet:target a.fermer {
	display: block;
}
#volet:target a.ouvrir {
	display: none;
}
#volet_clos:target #volet {
	right: -272px;
}
 /* test fixed + scroll */
#volet_clos {
	position: fixed; 
	top: 55px;
	right: 0;
	z-index:1000;
}
@media only screen and (max-width: 567px) {
	#volet_clos{	
		display:none;
	}	
}