/*  
Theme Name: Agnès 3
Version: 3.0
Author URI: http://www.agnesfaravel.fr/
Author: Agnes Faravel
*/

/* ----------------------------------------------------
-----------------------SOMMAIRE------------------------
-------------------------------------------------------

1. POLICES DE CARACTERES
2. STYLES DE BASE
3. EN-TETE 
4. CONTENU
	4.1. Generalites
	4.2. Titres
	4.3. Post
	4.4. Listes
	4.5. Vignettes
	4.6. Divers
5. COLONNE DE GAUCHE
6. FOOTER
7. SEARCH
8. COMMENTAIRES IMBRIQUES

-------------------------------------------------------
-------------------------------------------------------
---------------------------------------------------- */
@font-face {font-family:Helvetica-Light;src: url(fonts/Helvetica-Light.ttf);}

/* 1. RESET */

/* 2. STYLES DE BASE */

body {
	color:#999;
	font: normal 11px Arial;
	font:normal 13px Helvetica-Light;
	margin:0px;
	text-align:justify;
	background:#D1CFCB url(images/fond.jpg);
}

#page {
	width:1160px; 
	text-align: justify; 
	margin:auto ;
padding:100px 20px 0 20px;
	}

a, a:visited {
	color: #666;
	font-style:normal;
	text-decoration:none;
	-webkit-transition: color 300ms ease; /*safari and chrome */
	-moz-transition: color 300ms ease; /* firefox */
	-o-transition: color 300ms ease; /* opera */
	transition: color 300ms ease;
}
	
a:hover {
	color: #877E9C;
	font-style:normal;
	text-decoration:none;
	-webkit-transition: color 500ms ease; /*safari and chrome */
	-moz-transition: color 500ms ease; /* firefox */
	-o-transition: color 500ms ease; /* opera */
	transition: color 500ms ease;
}

a[target=_blank] { 
 	text-decoration:none
 	} 

img {
	border: none;
	}
   

/* 3. EN-TETE */

#header { 
width:100%;
position:fixed;
height:90px;
background:#ffffff;
z-index:999;
/*box-shadow:1px 1px 8px #ccc;-moz-box-shadow: 1px 1px 8px #ccc;-webkit-box-shadow: 1px 1px 8px #ccc;filter:progid:DXImageTransform.Microsoft.Shadow(color='#ececec', Direction=135, Strength=8);zoom: 1;*/
}
.center{ 
width:1160px;
margin: 0 auto;
padding:10px 20px;
z-index:99999;
}

#header h0,#header h0 a,#header h0 a:hover { 
      font-size:50px;
	font-family:Grand Hotel;
	display:inline-block;
padding:0 15px;
color:#000;
}


#header h2, #header-column h2,#header-column h2 a{ 
	font-size: 18px;
	font-weight:normal;
	font-family:Raleway,Julius sans one, Arial;
	color:#999;
z-index:99999;
	text-transform:uppercase;
}


/* 4. CONTENU */

/* 4.1. Generalites */

#content { 
	width:900px;
	padding:20px;
	float:left;
	margin-left:200px;
}

#content p {
	margin:0px;
	padding: 0px 0px 15px 0px;
	line-height:15px;
}


/* 4.2. Titres */

#content h1 {
	color: #000;
	font-size: 9px;
	font-weight:normal;
	font-family:Raleway,Julius sans one, Arial;
	font-style:normal;
	margin: 10px 0px;
	text-transform:uppercase;
	}
	
#content h1 a{
	color: #000;
	text-decoration:none;	
	}

#content h2 {
	color: #000;
	font:normal 15px Raleway;
	text-transform:uppercase;
	margin: 0px;
	padding:0px 0px 10px 0px;
	line-height: 100%;
	text-align:left;
}
	
#content h2 a  {
	color: #000;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #877E9C;
	text-decoration: none;
	}


/* 4.4. Listes */

#content ol {
	list-style-type: decimal;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#content ul li a {
	color:#666;
	text-decoration: none;
	}

#content ul li a:hover {
	color: #000;
	}

/* 4.5. Vignettes */

#vignette {width:240px;height:280px;background:#fff;padding:20px;margin:0px 15px 15px 0px;display:inline;float:left;text-align:left;color:#000;position:relative;overflow:hidden;/*box-shadow:1px 1px 8px #ccc;-moz-box-shadow: 1px 1px 8px #ccc;-webkit-box-shadow: 1px 1px 8px #ccc;filter:progid:DXImageTransform.Microsoft.Shadow(color='#ececec', Direction=135, Strength=8);zoom: 1;*/
}
#vignette .rollout img{border:1px solid #ececec;}
#vignette .rollover{padding:32px 25px;height:186px;width:230px;background:#fff;position:absolute;bottom:0;left:0;text-align:center;}
#vignette .rollover a.background{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:0;}
#vignette .rollover p{line-height:13px;margin:0;display:inline-block;position:relative;font-size:11px;}
#vignette .rollover{opacity:0;-webkit-transition-duration: 450ms; -webkit-transition-delay: initial;-webkit-transform:translate(0px,300px);-moz-transition-property: initial; -moz-transition-duration: 450ms;  -moz-transition-delay: initial; -moz-transform:translate(0px,300px);transition-duration: 450ms; transition-delay: initial; transform:translate(0px,300px);}
#vignette:hover .rollover{opacity:.8;-webkit-transform: translate(0px, 0px) rotate(0deg);-moz-transform: translate(0px, 0px) rotate(0deg);-transform: translate(0px, 0px) rotate(0deg);}

/* 4.6. Divers */

#content img {
	padding:0px;
	border:none;
}

.aligncenter	 { display: block; margin: 0 auto; }
.alignright	 { float: right; margin: 0 0 15px 15px; }
.alignleft	 { float: left; margin: 0 15px 15px 0; }
.floatleft	 { float: left; }
.floatright	 { float: right; }
img.aligncenter, img.alignright,img.alignleft{ border: 3px solid #EEE; }

#content .wp-smiley {
	margin:0px;
	padding:0px 4px;
	border:0px;
}

#post-content {
	margin:0px 0px 50px 0px;
	background:#fff;
float:left;
}


#post-content img, #post-content p img {
/*-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3);*/
}
#post-image {
padding:0px;
float:left;}

#post {
padding:25px 50px;
float:left;}

#post.page {padding:0px;column-count: 2; column-gap:5em; column-rule :1px solid #ccc; -moz-column-count: 2; -moz-column-gap: 5em; -moz-column-rule :1px solid #ccc;-webkit-column-count: 2; -webkit-column-gap: 5em;-webkit-column-rule :1px solid #ccc;}

.scrollToTop {
position:fixed;
right:20px;
bottom:20px;
display:none;
opacity:.2;
font-family:Georgia;
font-weight:bold;
font-size:20px;
color:#fff;
background:#000;
padding:2px 10px 5px 10px;
border-radius:15%;
}

/* 5. COLONNE DE DROITE */

#sidebar { 
	position:fixed;
	background:none;
	font-family:Arial;
	font-weight:normal;
	width: 200px;
	font:normal 11px Helvetica-Light;
	float: left; 
	font-style:normal;
	margin:30px; 	
	color: #666;
}
	
#sidebar p{
	margin: 0px;
	color: #666;
	padding: 0px 0px 0px 5px;
	background:none;
	font-family:Arial;
	font:normal 11px Helvetica-Light;
}
	
#sidebar h2 {
	color: #000;
	font-size: 13px;
	font-weight:normal;
	font-family:Raleway, Julius sans one, Arial;
	font-style:normal;
	margin:0px;
	padding:0 0 10px 0;
	line-height: 100%;
	text-transform:uppercase;
	}

#sidebar h2 a{
	color: #000;
	}

#sidebar h2 a:hover{
	color: #877E9C;
}

#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

#sidebar ul.children {
	margin-left:0px;
	padding:0px;
	}

#sidebar li {
	list-style: none;
	margin-bottom: 0px;
	padding: 0px 20px 0px 20px;
	background:none;
	}
	
#sidebar ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li a {
	display: block;
	color: #515151;
	text-decoration: none;
	padding: 2px 0px;
	}
	
#sidebar ul li a:hover {
	display: block;
	color: #877E9C;
	text-decoration: none;
	padding: 2px 0px;
	}

/* 6. FOOTER */	

#footer{
	margin:20px auto;
	padding: 10px 0px 20px 0px;
	text-align: left;
	clear: both;
	font-family:Arial;
	font-size:11px;
	bottom:0px;
	color:#999;
	}

#footer a {
	color:#999;
	}

/* 7. SEARCH */

#searchform {
	border:1px solid #ececec; height:15px;width:145px!important;margin:0px;background:#fff;
	}
label {font-family:Raleway;font-size:11px;text-transform:uppercase;color:#000;min-width:110px;display:inline-block;}
input[type=submit] {
 padding:5px 10px;
 margin-left:5px;
 font-size:11px;
 border:none;
  background:#000;
color:#fff;
text-transform:uppercase;
font-family:Raleway;
}
textarea {vertical-align: baseline;}

p.contact{display: block; position: relative; top:30px; visibility: hidden;}

.topcoat {
z-index:99999999;
}

/* 12. WEB RESPONSIVE */

/* 12.1. ECRAN M'O */
@media screen and (max-width:1280px) {
	
	}
	
/* 12.2. IPAD [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#header{width:1000px;}
	#page {width:950px;}
	#content {margin-top:80px;margin-left:0;}
#content p {font-size:17px;line-height:19px;}
	#menu-top-bg {width:1000px;position:fixed;top:90px;height:80px;background:#D1CFCB url(images/fond.jpg);z-index:999;}
	#sidebar {position:fixed;width:800px;z-index:999;margin-top:5px;font-size:15px;}
	#sidebar h2 {font-size:17px;display:inline-block;}
	#sidebar h2:before {content: " │ ";font-size:11px;margin-top:-3px;}
	#sidebar h2.no-sep:before {content: "";}
	.second-menu-idevice {padding-top:10px;margin-bottom:-25px;}
	.second-menu-idevice p {display:inline-block;}
	.second-menu-idevice form {position:fixed;right:45px;top:42px;}
	p.contact{top:15px;}
	#post.page {padding:0px;column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;}
	a.top-point {display:none;}
}

/* 12.3. IPHONE [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	#header{width:1000px;}
	#page {width:950px;}
	#content {margin-top:80px;margin-left:0;}
	#post.page {padding:0px;column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;}
	a.top-point {display:none;}
	#content p {font-size:17px;line-height:19px;}
	#menu-top-bg {width:1000px;position:fixed;top:90px;height:120px;background:#D1CFCB url(images/fond.jpg);z-index:999;}
	#sidebar {position:fixed;width:800px;z-index:999;margin-top:5px;font-size:15px;}
	#sidebar h2 {font-size:17px;display:inline-block;}
	#sidebar h2:before {content: " │ ";font-size:11px;margin-top:-3px;}
	#sidebar h2.no-sep:before {content: "";}
	.second-menu-idevice {padding-top:10px;margin-bottom:-25px;}
	.second-menu-idevice p {display:inline-block;}
	.second-menu-idevice form {position:fixed;right:45px;top:42px;}
	p.contact{top:15px;}
}