/* 

Theme Name: Droguerie de Marine

Theme URI: http://www.droguerie-de-marine.fr

Description: Un thème pour la Droguerie basé sur toolbox et utilisant le HTML5 Boilerplate

Author: Marie Guérinel

Author URI: 

Version: 1.0



 */



html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }



body { margin: 0; font-size: 13px; line-height: 1.231; }



body, button, input, select, textarea { font-family: sans-serif; color: #222; }



h3, h4, h5, h6 {

font-weight: normal !important;

}

/* 

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection declarations have to be separate

 * Also: hot pink! (or customize the background color to match your design)

 */



::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }

::selection { background: #fe57a1; color: #fff; text-shadow: none; }



/* =============================================================================

   Links

   ========================================================================== */



a { color: #97574D; text-decoration: none;}

a:visited { color: #234b4b; }

a:hover { color: #394a63; }

a:focus { outline: thin dotted; }



/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover, a:active { outline: 0; }







/* ==|== primary styles =====================================================

   Author: Marie Guérinel, thème pour la Droguerie de Marine d'après Toolbox

   ========================================================================== */

/*

Theme Name: Toolbox

Theme URI: http://wordpress.org/extend/themes/toolbox

Author: Automattic

Author URI: http://automattic.com/

Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.

Version: 1.4

License: GNU General Public License

License URI: license.txt

Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/* =Font

-------------------------------------------------------------- */

@font-face {

    font-family: 'FontinRegular';

    src: url('fonts/fontin-regular-webfont.eot');

    src: url('fonts/fontin-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/fontin-regular-webfont.woff') format('woff'),

         url('fonts/fontin-regular-webfont.ttf') format('truetype'),

         url('fonts/fontin-regular-webfont.svg#FontinRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'FontinItalic';

    src: url('fonts/fontin-italic-webfont.eot');

    src: url('fonts/fontin-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/fontin-italic-webfont.woff') format('woff'),

         url('fonts/fontin-italic-webfont.ttf') format('truetype'),

         url('fonts/fontin-italic-webfont.svg#FontinItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'FontinSmallCapsRegular';

    src: url('fonts/fontin-smallcaps-webfont.eot');

    src: url('fonts/fontin-smallcaps-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/fontin-smallcaps-webfont.woff') format('woff'),

         url('fonts/fontin-smallcaps-webfont.ttf') format('truetype'),

         url('fonts/fontin-smallcaps-webfont.svg#FontinSmallCapsRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'FontinSansRegular';

    src: url('fonts/fontin_sans_r_45b-webfont.eot');

    src: url('fonts/fontin_sans_r_45b-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/fontin_sans_r_45b-webfont.woff') format('woff'),

         url('fonts/fontin_sans_r_45b-webfont.ttf') format('truetype'),

         url('fonts/fontin_sans_r_45b-webfont.svg#FontinSansRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}





/* =Structure

-------------------------------------------------------------- */

.clear{

clear: both;

}

body{

background: #97574d; /* Old browsers */

background: -moz-linear-gradient(top,  #97574d 0%, #fbfbf0 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97574d), color-stop(100%,#fbfbf0)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #97574d 0%,#fbfbf0 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #97574d 0%,#fbfbf0 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #97574d 0%,#fbfbf0 100%); /* IE10+ */

background: linear-gradient(top,  #97574d 0%,#fbfbf0 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97574d', endColorstr='#fbfbf0',GradientType=0 ); /* IE6-9 */



/*background-color: #97574D;*/

font-family: 'FontinRegular';

}



#page {

	display: block;

	margin: 1em;

}



#main{

width: 960px;

margin: 0 auto;

margin-bottom: 0;

padding-bottom: 1em;

overflow: auto;

	background-color: #fbfbf0;

	-webkit-border-radius: 10px 10px 10px 10px;

	-moz-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

	-webkit-box-shadow: 2px 2px 12px #000;

	-moz-box-shadow: 2px 2px 12px #000;

	box-shadow: 2px 2px 12px #000;

	behavior: url(PIE.htc);



}

#primary{

    overflow: hidden;

	padding-top: 1em;

	padding-left: 2em;

	background-color: #fbfbf0;

	border-right: 2px dotted #97574D;

}

#accueil #primary, #albums #primary {

	border-right: none;

}

.one-sidebar, .page-albums {

border-right: none !important;

}

#content {

	margin: 0 45px 0 45px;

	overflow: visible;

	font-size: 14px;

}

#albums #content {

	margin: 0 15px !important;

}

#albums article header {

	margin-bottom: 3em;

}

#colophon {

	clear: both;

	display: block;

	width: 100%;

}

.one-sidebar #content, .page-albums #content{

margin: 0;

overflow: visible;

padding-right: 8em;

}

.one-sidebar h1{

font-size: 2em;

}

.one-sidebar h2{

font-family: 'FontinSmallCapsRegular';

font-size: 1.5em;

color: #234B4B;

}

.two-sidebar_content-middle #content{

overflow: visible;

margin: 0 45px 0 0;

}



.page-albums h1.page-title{

margin-bottom: 70px;

margin-left: 0 !important;

height: 375px;

background: url('http://www.droguerie-de-marine.fr/wp-content/uploads/droguerie/2012/04/balcon.png') no-repeat left bottom;

}

.single-albums #content{

margin: 0 45px 0 0 !important;

}

.single-albums article{

border: none !important;

}

.single-albums .entry-content{}



#albums-liste article {

	height: 250px;

	border-bottom: 1px solid #555555;

    overflow: hidden;

	float: left;

	width:40%;

	margin-right: 10%;

}



#albums-liste figure {

	margin:0;

}



#albums-liste h1 {

	margin-top:0 !important;

}



#presentation p{

padding-top: 1em;

padding-bottom: 2em;

margin-bottom: 4em;

border-bottom: 1px solid black;

}

#presentation h2{

color: #394a63;

}

.agenda{

color: #fbfbf0;

height: 30px;

padding-top: 5px;

text-align: center;

margin-bottom: 2em;

background: #686866;

border-radius: 6px 6px 6px 6px;

behavior: url(PIE.htc);

} 

/* Increase the size of the content area for templates without sidebars */

.full-width #content,

.image-attachment #content,

.error404 #content {

	margin: 0;

}



/* Text meant only for screen readers */

.screen-reader-text,

.assistive-text {

	position: absolute !important;

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

}

.alignright {

	display: inline;

	float: right;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}





/* =Header

-------------------------------------------------------------- */

header.ligne-bleue{

	border-bottom: 5px solid #394a63;

	margin-bottom: 1em;

	}

#logo_site {

margin: 0 auto;

background: url(images/banniere.gif) no-repeat;

text-indent: -5000px;

height: 200px;

width: 960px;

-webkit-border-radius: 10px 10px 10px 10px;

	-moz-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

	box-shadow: 2px 2px 12px #000;

	behavior: url(PIE.htc);

}



#fond{

background: url(images/skyline.png) repeat-x 0% 98%;

height: 270px;

}



/* =Menu

-------------------------------------------------------------- */



#access {

	font-family: 'FontinSmallCapsRegular';

	font-size: 1.2em;



	display: block;

	margin: 0 auto;

	height: 24px;

	position: relative;

}

#access ul {

	list-style: none;

	width: 960px;

	margin: 0 auto;

	padding-left: 0;

}

#access li {

	margin-right: 15px;

	float: left;

	position: relative;

}

#access a {

	display: block;

	line-height: 1.5em;

	padding: 0 .8em;

	text-decoration: none;

}

#access ul li a{

	background-color: #394a63;

	-webkit-border-radius: 6px 6px 0 0;

	-moz-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

	behavior: url(PIE.htc);

	border-top: solid 1px #fbfbf0;

	border-left: solid 1px #fbfbf0;

	border-right: solid 1px #fbfbf0;

	color: #fbfbf0;

}



	

#access ul li.current_page_item  a, #access ul li.current_page_ancestor a, #access ul li.current-cat{

	background-color: #fbfbf0;

	-webkit-border-radius: 6px 6px 0 0;

	-moz-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

	behavior: url(PIE.htc);

	border-top: solid 1px #394a63;

	border-left: solid 1px #394a63;

	border-right: solid 1px #394a63;

	color: #97574D;

}



#access ul li.current_page_item  ul li a{

	color: #fbfbf0;

	background: none;

	border: none;

}



#access ul ul {

	display: none;

	float: none;

	position: absolute;

	margin-left: 1em;

	padding-bottom: .5em;

	z-index: 99999;

	background-color: #394a63;

	width: 20em;

	-webkit-border-radius: 0 0 6px 6px;

	-moz-border-radius: 0 0 6px 6px;

	border-radius: 0 0 6px 6px;

	behavior: url(PIE.htc);

}

#access ul ul li a, #access ul li.current_page_ancestor ul li a{

	color: #fbfbf0;

	border: none;

	background: none;

}

#access ul li.current_page_ancestor ul li.current_page_item a{

	color: #a2a2a2;

	border: none;

	background: none;

}



#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	line-height: 1em;

	padding: .5em .5em 0 1em;

	height: auto;

}

#access ul li a:hover{

	color: #97574D;

	background-color: #fbfbf0;

	}

#access ul li.current_page_item  a:hover, #access ul li.current_page_ancestor a:hover{

	background:none;

	background-color: #fbfbf0;

	-webkit-border-radius: 6px 6px 0 0;

	-moz-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

	behavior: url(PIE.htc);

	border-top: solid 1px #394a63;

	border-left: solid 1px #394a63;

	border-right: solid 1px #394a63;

	color: #97574D;

}

#access li:hover > a,

#access ul ul :hover > a {



}

#access ul ul li a:hover, #access ul li.current_page_ancestor ul li a:hover, #access ul li.current_page_item  ul li a:hover{

	color: #a2a2a2;

	background: none;

	border: none;

}



#access ul li:hover > ul {

	display: block;

}

#access ul li:hover > ul li {

	float:none;

}





div.sharedaddy .sd-content {

    float: left;

}

h1.titre-actus {

	background: none repeat scroll 0 0 #97574D;

    color: #FBFBF0;

    font-weight: bold;

    padding: 0.2em;

    text-align: center;

}



/* DESIGN PAGE ACCUEIL */

#page-accueil #primary {

	padding: 1em 2em 0 2em;

	border-left: 2px dotted #97574D;

	border-right: none;

}



#page-accueil #content {

	margin: 0 auto !important;

	width: 650px;

}

.blocs-accueil {

	width: 650px;

	height: auto;

	overflow: hidden;

	margin-bottom: 1.5em;

	-moz-box-shadow: 2px 2px 10px 2px #555555;

	-webkit-box-shadow: 2px 2px 10px 2px #555555;

	-o-box-shadow: 2px 2px 10px 2px #555555;

	box-shadow: 2px 2px 10px 2px #555555;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555, Direction=134, Strength=10);

}



.blocs-accueil a:hover,  .librairie-content ul li a:hover, .droguiste-content ul li a:hover {

	opacity: 0.4;

	filter:alpha(opacity=40); /* For IE8 and earlier */

}

.actu, .librairie, .droguiste, .numerique, .abonnement {

	margin: 0;

	width: 200px;

	height: 200px;

	float: left;

	overflow: hidden;

}



.actu {

	background: rgb(151,87,77) url('images/actu.png') no-repeat;

}

.librairie {

	background: rgb(50, 127, 134) url('images/librairie.png') no-repeat;

}



.droguiste {

	background: rgb(151,87,77) url('images/droguiste.png') no-repeat;

}



.numerique {

	background: rgb(50, 127, 134) url('images/numerique.png') no-repeat;

}

.abonnement {

	background: rgb(151,87,77) url('images/abonnement.png') no-repeat;

}

.numerique-content{

	background: url('images/numerique-2.png') no-repeat 90% 50%;

}

.actu h1, .librairie h1, .droguiste h1, .numerique h1, .abonnement h1 {

	margin: 0 !important;

	padding-left: 1em;

	padding-top: 65px;

	text-align: left;	

	color:rgb(251,251,240);

}

.actu-content, .abonnement-content, .numerique-content{

	margin-left: 200px;

	height: 200px;

	padding: 0 2em 0 2em;

}

.librairie-content, .droguiste-content {

	margin-left: 200px;

	height: 200px;

}

.numerique-content h3 {

	padding-top: 4em;

    width: 230px;

	margin:0 !important;

	color:rgb(251,251,240);

}

.abonnement-content ul {

	margin:0 !important;

	padding-left: 0!important;

	padding-top: 2.5em;

	list-style: none;



}

.abonnement-content ul li {

	margin-bottom: 1em;

	font-size :120%;

	color:rgb(251,251,240);

}

.actu-content, .abonnement-content {

	background-color: #97574d;

}

.numerique-content {

	background-color: #327f86;

}

.librairie-content ul, .droguiste-content ul{

	margin:0 !important;

	padding: 0!important;

	list-style: none;

}

.librairie-content ul li{

	height: 50px;

}

.droguiste-content ul li {

	height: 67px;

}



.librairie-content ul li a {

 	border-bottom: 1px solid #1d4a4e;

 	background-color: #327f86;

 	display: block;

    padding: 5px 5px 0 2em;

    text-decoration: none;

    width:100%;

    height: 44px;

    color: #fbfbf0;

 }



 .droguiste-content ul li a {

 	border-bottom: 1px solid #643a33;

 	background-color: #97574d;

 	display: block;

    padding: 15px 5px 0 2em;

    text-decoration: none;

    width:100%;

    height: 51px;

    color: #fbfbf0;

 }

.actu-content p, .librairie-content .description, .droguiste-content .description {

	color: rgba(251,251,240, 0.7);

}

*.actu-content p, *.librairie-content .description, *.droguiste-content .description {

	color: rgb(251,251,240);

	opacity: 0.5;

}



.actu-content h3 {

	margin: 0 !important;

	padding-top:2em;

	color: #fbfbf0;

}

#bienvenue {
	margin-top: 1.5em;
	margin-bottom: 3em;
	float: left;
}
ul#boutons-accueil {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

ul#boutons-accueil li {
    float: left;
    margin-right: 0.8em;
    position: relative;
}

ul#boutons-accueil li a {
 display:block;
 float:left;   
 width:150px;
}

ul#boutons-accueil li a img{
	-moz-box-shadow: 2px 2px 10px 2px #555555;
	-webkit-box-shadow: 2px 2px 10px 2px #555555;
	-o-box-shadow: 2px 2px 10px 2px #555555;
	box-shadow: 2px 2px 10px 2px #555555;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555, Direction=134, Strength=10);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	behavior: url(PIE.htc);
}

ul#boutons-accueil li a img:hover {
	transform:scale(1.1,1.1);
}


/* =Content

-------------------------------------------------------------- */



.sticky {

}

.entry-meta {

	clear: both;

	display: block;

}

.single-author .entry-meta .byline {

	display: none;

}

#content nav {

	display: block;

	overflow: hidden;

}

#content nav .nav-previous {

	float: left;

	width: 50%;

}

#content nav .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#content #nav-above {

	display: none;

}

.paged #content #nav-above,

.single #content #nav-above {

	display: block;

}

#nav-below {

	margin: 1em 0 0;

}

.page-link {

	clear: both;

	margin: 0 0 1em;

}

.page .edit-link {

	clear: both;

	display: block;

}



h1.page-title{

color: #97574D;

font-family: 'FontinRegular';

font-size: 22px !important;

font-weight: bold;

margin-bottom: 50px;

margin-left: -20px !important;

}

h1.tag-page-title{

color: #394a63;

font-family: 'FontinItalic';

font-size: 1.5em !important;

margin-top: 30px;

margin-bottom: 50px;

margin-left: -20px;

}

#content .entry-header h1 a {

color: #394a63;

font-family: 'FontinRegular';

font-size: 18px;

font-weight: bold;

margin-bottom: 30px;

line-height: .7;

}

#content .entry-header h1 {

color: #97574D;

font-family: 'FontinRegular';

font-size: 22px;

font-weight: bold;

margin-bottom: 30px;

}

#content article{

position: relative;

padding-bottom: 1em;

margin-bottom: 2em;

}

#content footer{

font-size: .9em;

}

#content footer a{

text-decoration: none;

color: #686866;

}

#content footer a:hover{

color: #97574D;

}

.post, .albums{

border-bottom: 1px solid #686866;

}



#meteor-slideshowcouleurs-et-odeurs{

margin-top: 4em;

}



/* Design du format de date*/



.category-4 .entry-date, .category-recettes-de-droguerie .entry-date {

display: none;

}

.entry-title{

text-align: top;

}

.entry-date {

	position: absolute;

    top: 0; 

	display: block;

	float: left;

	margin-left:-60px;

	width: 40px;

	-webkit-border-radius: 6px 6px 0 0;

	-moz-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

	box-shadow: 2px 2px 12px #000;

	behavior: url(PIE.htc);

}

a .entry-date {

color:#fbfbf0;

font-family: 'FontinSmallCapsRegular';

} 

.entry-date span {

display: block;

text-align: center;

}

.jour_style, .mois_style{

background-color: #97574D;

}



.jour_style {

	-webkit-border-radius: 6px 6px 0 0;

	-moz-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

	behavior: url(PIE.htc);

	font-size: 1.5em;

}

.mois_style{

margin-top: -3px;

}

.annee_style{

background-color: #686866;

	font-size: .9em;

	}

.sep {

display: none;

}

/* Style Galerie image équipage */

#galerie-equipage{



width: 700px;

  display: block;

  text-align: center;

  }

#galerie-equipage ul{

  margin: 0;

  padding: 0;

  list-style-type: none;

  margin-top: 2.5em;



  }

#galerie-equipage ul li{

  float: left ;

  width: 188px;

  padding-right: 30px;

}

#galerie-equipage ul li img{

  border: 1px solid #686866;

}

#galerie-equipage ul li a:hover{

filter:alpha(opacity=75);

opacity:0.75;

-moz-opacity:0.75;

} 



/* Style Page 20 ans */

#slide20ans {

    background: url('images/bg_slide_20ans.jpg') no-repeat;

width: 650px;

height: 500px;

padding: 40px 0 0 50px;

}





/* 404 page */

.error404 .widget {

	float: left;

	width: 33%;

}

.error404 .widget .widgettitle,

.error404 .widget ul {

padding: 0;

	list-style-type: none;

}

.error404 .widget ul li {

background: url('images/rosevents.png') no-repeat;

padding-left: 1.5em;

padding-top: .2em;

}

.error404 .widget_tag_cloud {

	clear: both;

	float: none;

	width: 100%;

}



/* Notices */

.post .notice,

.error404 #searchform {

	background: #fbfbf0;

	display: block;

	padding: 1em;

}



/* Image Attachments */

.image-attachment div.entry-meta {

	float: left;

}

.image-attachment nav {

	float: right;

	margin: 0 0 1em 0;

}

.image-attachment .entry-content {

	clear: both;

}

.image-attachment .entry-content .entry-attachment {

	background: #eee;

	margin: 0 0 1em;

	padding: 1em;

	text-align: center;

}

.image-attachment .entry-content .attachment {

	display: block;

	margin: 0 auto;

	text-align: center;

}



/* Aside Posts */

.format-aside .entry-header {

	display: none;

}

.single .format-aside .entry-header {

	display: block;

}

.format-aside .entry-content,

.format-aside .entry-summary {

	padding-top: 1em;

}

.single .format-aside .entry-content,

.single .format-aside .entry-summary {

	padding-top: 0;

}



/* Gallery Posts */

.format-gallery .gallery-thumb {

	float: left;

	margin: 0 1em 1em 0;

}



/* Image Posts */

.format-image .entry-header {

	display: none;

}

.single .format-image .entry-header {

	display: block;

}

.format-image .entry-content,

.format-image .entry-summary {

	padding-top: 1em;

}

.single .format-image .entry-content,

.single .format-image .entry-summary {

	padding-top: 0;

}





/* =Images

-------------------------------------------------------------- */



a img {

	border: none;

}

p img {

	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */

}

/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img,

.widget-area img,

.wp-caption {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

img.alignleft {

	margin-right: 1em;

}

img.alignright {

	margin-left: 1em;

}

.wp-caption {

	padding: .5em;

	text-align: center;

}

.wp-caption img {

	margin: .25em;

}

.wp-caption .wp-caption-text {

	margin: .5em;

}

.gallery-caption {

}

.wp-smiley {

	margin: 0;

}





/* =Forms

-------------------------------------------------------------- */

#searchform{

margin-left: 10px;

}



#searchform label {

	display: none;

}

#searchform input#s {

	width: 135px;

}

input[type=text],

input#s {

	margin: 0 1em 1em 0;

	width: 60%;

	background-color: #fbfbf0;

	color: #394a63;

	border:1px solid #394a63;

}

textarea {

	width: 80%;

}



/* Class for labelling required form items */

.required {

	color: #cc0033;

}





/* =Comments

-------------------------------------------------------------- */



article.comment {

	display: block;

}

#respond input[type=text] {

	display: block;

	width: 60%;

}

#respond textarea {

	display: block;

	margin: 0 0 1em;

	width: 80%;

}

#respond .form-allowed-tags {

	clear: both;

	width: 80%;

}

#respond .form-allowed-tags code {

	display: block;

}





/* =Widgets

-------------------------------------------------------------- */



.widget {

	display: block;

	margin-bottom: 2em;

}

#main .widget-area {

	padding-top: 2em;

	float: right;

	overflow: hidden;

	width: 193px;

	padding-left: 1em;



}

.widget-area-left {

	border-right: 2px dotted #97574D;

	padding-left: 1em;

	padding-top: 1.5em;

	float: left;

	overflow: hidden;

	width: 193px;

	padding-right: 1em;

}

#accueil .widget-area-left{

	border-right: none;

}

.widget-area .widget_search {

	overflow: hidden;

}

.widget-area .widget_search input {

	float: left;

}

.widget-area{

font-family: 'FontinRegular';

}

.widget-area h1{

 background: #686866; /* Pour navigateurs ne prenant pas en charge CSS3 */

background: linear-gradient(right, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

background: -o-linear-gradient(right, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

background: -moz-linear-gradient(right, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

background: -webkit-linear-gradient(right, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

background: -ms-linear-gradient(right, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

color: #fbfbf0;

font-family: 'FontinRegular';

font-size: 1.1em;

padding-top: 5px;

padding-bottom: 5px;

padding-left: 5px;

margin-left: 3px;

width: 160px;

-webkit-border-radius: 6px 0 0 6px;

-moz-border-radius: 6px 0 0 6px;

border-radius: 6px 0 0 6px;

	box-shadow: 2px 2px 8px #000;

behavior: url(PIE.htc);

}



.widget-area-left h1{

background: #686866; /* Pour navigateurs ne prenant pas en charge CSS3 */

background: linear-gradient(left, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

background: -o-linear-gradient(left, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

background: -moz-linear-gradient(left, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

background: -webkit-linear-gradient(left, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

background: -ms-linear-gradient(left, rgb(151,87,77) 10%,rgb(104,104,102) 0%);

color: #fbfbf0;

font-family: 'FontinRegular';

font-size: 1.1em;

padding-top: 5px;

padding-bottom: 5px;

padding-right: 7px;

text-align: right;

width: 150px;

-webkit-border-radius: 0 6px 6px 0;

-moz-border-radius: 0 6px 6px 0;

border-radius: 0 6px 6px 0;

	box-shadow: 2px 2px 8px #000;

behavior: url(PIE.htc);

}



#text-5 h1{

/* Pour navigateurs ne prenant pas en charge CSS3 */

background: #686866 url(images/360.png) no-repeat 100%;

padding-top: 5px;

padding-bottom: 5px;

padding-left: 5px;

margin-left: 3px;

width: 160px;

-webkit-border-radius: 6px 0 0 6px;

-moz-border-radius: 6px 0 0 6px;

border-radius: 6px 0 0 6px;

	box-shadow: 2px 2px 12px #000;

behavior: url(PIE.htc);

}



#text-3 .textwidget, #text-4 .textwidget{

margin-left: 3px;

font-size: .9em;

width: 160px;

} 

.widget-title a{

text-decoration: none;

color: #fbfbf0;

}

.widget-title a:hover{

color: #394a63;

}

.widget-area-left ul, .widget-area ul{

list-style-type: none;

padding-right: 1em;

margin-left: -40px;

}

.widget-area-left ul li, .widget-area ul li {

background: url('images/rosevents.png') no-repeat;

padding-left: 1.5em;

padding-top: .2em;

}

.widget-area-left ul li a{

text-decoration: none;

color: #394a63;

}

.widget-area-left ul li a:hover, .st-tag-cloud a:hover{

color: #97574D !important;

}

#post-9 ul, #post-747 ul{

list-style-type: none;

margin-bottom: 50px;

}

#post-9 ul li, #post-747 ul li{

background: url('images/rosevents.png') no-repeat;

padding-left: 1.5em;

}

#post-9 h3 {

background: url('images/rosevents.png') no-repeat;

padding-left: 1.5em;

color: #97574D;

margin-top: 50px;

}

#post-735 h3 {

background: url('images/rosevents.png') no-repeat;

padding-left: 1.5em;

color: #97574D;

margin-top: 50px;

}





#gogadget_weather_widget table{

margin-left: 20px;

width: 80%;

font-size:0.9em;

text-align: left;

margin-bottom: 10px;

}

#gogadget_weather_widget p{

text-align: left !important;

}

.GG_func_widget_weather_and_weather_forecast{

margin-bottom: 0 !important;

}



#gogadget_weather_widget table + table {

	display: none !important;

}



#position-maree {

	border-top: 1px solid #97574d;	

	border-bottom: 1px solid #97574d;

    position:relative;

	width: 193px;

	height: 480px;

}

#contenu-maree {

	padding-left: 15px;

	position: relative;

	width: 193px;

}

#text-13 iframe {

	width: 160px;

	height: 260px;

	position: absolute;

	overflow: hidden;

	z-index:1;

}

#maree {

	background : url('images/maree.png') no-repeat;

	width: 160px;

	height: 260px;

	position:absolute;

	z-index:200;

}

#place-libraires {

	text-align: center;

	border-top: 1px solid #97574d;



	width: 193px;

	margin-top:220px;

	position:absolute;

	z-index:300;

}



.slogan{

margin-left: 3px;

	-moz-box-shadow: 2px 2px 10px 2px #555555;

	-webkit-box-shadow: 2px 2px 10px 2px #555555;

	-o-box-shadow: 2px 2px 10px 2px #555555;

	box-shadow: 2px 2px 10px 2px #555555;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555, Direction=134, Strength=10);

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

	behavior: url(PIE.htc);

}

.citation{

font-family: 'FontinItalic';

font-size: 14px;

}

.citation-lettrine{

font-size: 250%; 

margin-top: -2px;

margin-right: 3px;

font-weight: bold; 

float: left;

height: 30px;

}

.citation-footer{

text-align: right;

padding-right: 20px;

margin-bottom: 50px;

}

/*MISE EN FORME WIDGET LEFT ACCUEIL*/

#text-7 {

	border-bottom: 1px solid #97574D;

    padding: 10px;

}

#text-7 p {

	text-align: center;

}

#text-7 button {

	width: 165px;

}

#infos {

	display: none;

	background: #fbfbf0;

	padding:1em;

	width:30%;

}

#infos h2 {

	margin-top: 0;

}

#infos ul{

	list-style-type: none;

	padding:0;

	margin:0;

}

#infos ul li {

	background: url('images/rosevents.png') no-repeat;

padding-left: 1.5em;

padding-top: .2em;

}

#reseaux {

	margin-top: 1em;

margin-bottom: 1em;

}



#reseaux ul {

list-style-type: none;

margin : 0 0 0 50px;

padding: 0;

}

#reseaux ul li{

background: none;

float: left;

margin : 0;

padding: 0;

}

#reseaux ul li a{

text-indent: -9000px;

display: block;

height: 18px;

width: 20px;

}

#reseaux ul li a.fb{

background: url('images/facebook.png') no-repeat;

}

 #reseaux ul li a.g{

background: url('images/googleplus.png') no-repeat;

}

 #reseaux ul li a.m{

background: url('images/email.png') no-repeat;

}

 #reseaux ul li a.rss{

background: url('images/rss.png') no-repeat;

}

 #reseaux ul li a.t{

background: url('images/twitter.png') no-repeat;

}



div.sharedaddy .sd-content {

    float: left !important;

    }

#cabinet div.sharedaddy {

	display: none;

}

/* =Footer

-------------------------------------------------------------- */



#colophon {





}

.footer-info{

width: 960px;

margin-top: -1.5em;

margin-left: auto;

margin-right: auto;

background-color: #fbfbf0;

font-size: .9em;

text-align: center;

}

.footer-info p{

padding-bottom: .5em;

padding-top: 4em;

}



/*

	Slideshow

*/

#featured-slider {

float:left;

width:670px; 

height:700px;

position:relative;

}

#slides {

	position:absolute;

	z-index:100;

}



/*

	Slides container

	Important:

	Set the width of your slides container

	Set to display none, prevents content flash

*/



.slides_container {

	width:670px;

	height: 650px;

	padding: 0 0 0 30px;

	position:relative;

	display:none;

}

#slides a{

text-indent: -9999px;

}

/*

	Each slide

	Important:

	Set the width of your slides

	If height not specified height will be set by the slide content

	Set to display block

*/

.slides_container div.slide {

	width:600px;

	display:block;

	padding: 5px;

	margin-top: 35px;

}

.slides_container div.slide img{

position: relative;

margin: 0 auto;

}

/*

	Next/prev buttons

*/

#slides .next,#slides .prev {

	position:absolute;

	top:150px;

	width:24px;

	height:43px;

	display:block;

	z-index:101;

}

#slides .next {

	left:648px;

	background: url(images/arrow-next.png);

}

#slides .prev {

	background: url(images/arrow-prev.png);

}

/*

	Pagination

*/

.pagination {

position: relative;

top: -665px;

margin: 0 auto;

width:350px;

}

.pagination li {

	float:left;

	margin:0 1px;

	list-style:none;

}

.pagination li a {

	display:block;

	width:12px;

	height:0;

	padding-top:12px;

	background-image:url(images/pagination.png);

	background-position:0 0;

	float:left;

	overflow:hidden;

}

.pagination li.current a {

	background-position:0 -12px;

}



/*

	Caption

*/



#slides.caption {

	background: rgba(57, 74, 99, 0.9);

	width: 591px;

	margin-left: -6px;

    color: #fbfbf0;

    padding: 10px;

    position: absolute;

    z-index: 6;

	top: 320px;

}

#slides.caption h5 {

font-size: 14px;

	margin-top: 5px;

	font-weight: bold;

}

#slides.caption p {

}



/*

	Footer

*/



#footer {

	text-align:center;

	width:580px;

	margin-top:9px;

	padding:4.5px 0 18px;

	border-top:1px solid #dfdfdf;

}



#footer p {

	margin:4.5px 0;

	font-size:1.0em;

}







/* ==|== media queries ======================================================

   PLACEHOLDER Media Queries for Responsive Design.

   These override the primary ('mobile first') styles

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 480px) {

  /* Style adjustments for viewports 480px and over go here */

}



@media only screen and (min-width: 768px) {

  /* Style adjustments for viewports 768px and over go here */



}

@media screen and (max-width:320px)

{

h1 {

color: #ffb400;

}

}

@media screen and (min-width:321px) and (max-width:768px)

{

h1 {

color:#0096ff;

}

}

@media screen and (min-width:769px)

{

h1 {

color: #693573;

}

}





/* ==|== print styles =======================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */

 

@media print {

  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */

  a, a:visited { text-decoration: underline; }

  a[href]:after { content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; } /* h5bp.com/t */

  tr, img { page-break-inside: avoid; }

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3 { page-break-after: avoid; }

}