/*
Theme Name: Canvas
Theme URI: http://www.woothemes.com/
Version: 2.1.3
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com

	Copyright: (c) 2009 WooThemes.
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/

/* Default styles */
@import "css/reset.css";

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

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Info boxes

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Contact Form 

7. LAYOUTS
-7.1 Site Width
-7.2 two-col-left
-7.3 two-col-right
-7.4 three-col-left
-7.5 three-col-middle
-7.6 three-col-right

8. TEMPLATES / SLIDER
-8.1 WooSlider
-8.2 Magazine template
-8.3 Business template

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

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  {
	font: 14px/20px Arial,Helvetica,Sans-serif;
	color: #555;
	background: url("images/entete.png") no-repeat center center transparent;
}

h1, h2, h3, h4, h5, h6  { margin: 0; font-family:Verdana; font-weight:normal; }
h1  { font-size: 24px; } h2  { font-size: 24px;} h3  { font-size: 18px;} h4  { font-size: 16px;} h5  { font-size: 14px;} h6  { font-size: 12px;}

p { margin: 0; font:16px/24px Georgia, serif; }

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }

input[type=text], textarea {
	padding: 3px;
	border-color: #ccc #efefef #efefef #ccc;
	border-width: 1px;
	border-style: solid;
	font-family : Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #666;
}

/* 1.2 Hyperlinks */

a:link, a:visited  { color: #3088ff; text-decoration:none;}
a:hover { text-decoration:underline;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  { text-decoration: underline;}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#wrapper  { padding:10px 0 0 0 }

#main{}
#sidebar{}

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 940px; margin: 0 auto; }

/* 2.2 Navigation */

#navigation{
	font: 14px/14px Helvetica, Arial, sans-serif;
	margin-top: -26px;
	margin-bottom: 7px;
	border: 0px;
	height: 44px;
}

#navigation ul.rss { background:url(images/ico-rss.png) no-repeat right 5px;padding:6px 15px 3px 0;margin-right:10px;}
#navigation ul.rss li{ display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{ color:#c63f00;text-decoration:none;}
#navigation ul.rss li a:hover{ text-decoration:underline;}

.nav ul {
	z-index: 99;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	list-style: none;
}
.nav li {
	background: url("images/nav-separation.png") bottom left no-repeat;
	float:left;
	text-align: center;
	vertical-align: middle;
	width: 130px;
	height: 49px;
	padding: 0px 5px;
}
.nav li a {
	display: block;
	color:#6F7072;
	z-index: 100;
	text-decoration: none;
	margin: 10px 0px 6px 12px;
	width: 110px;
}

#menu-12 { padding-top: 7px; height: 23px; }
#menu-14 { padding-top: 7px; height: 23px; }
#menu-16 { padding-top: 0px; height: 30px; }
#menu-20 { padding-top: 7px; height: 23px; }

/* 2.2.1 Drop-down menus */

.nav li ul  {
	margin-left: -6px;
	background: #fff;
	position: absolute;
	left: -999em;
	width: 160px;
	z-index: 999;
	border: 1px solid #D3D3D5;
	border-width: 0px 1px 1px 1px;
	-moz-border-radius : 0px 0px 5px 5px;
	-webkit-border-radius : 0px 0px 5px 5px;
	border-radius : 0px 0px 5px 5px;
}
.nav li ul li  {
	padding: 0px;
	margin: 2px 4px;
	text-align: left;
	background: transparent;
	height: 20px;
	width: 150px;
}
.nav li ul li a  {
	color:#6F7072;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 0px 7px;
	height: 20px;
	width: 140px;
	border: 0px;
}
.nav li ul li a:hover  {
	color:#00447B;
}
.nav li ul ul  {
	margin: -30px 0 0 160px;
}
.nav li ul ul li a  {  }
.nav li ul li ul li a  {  }

.nav li:hover,.nav li.hover  { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; }

.nav .sf-sub-indicator { position:absolute;display:block;right:0.4em;top:0.9em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator { }

/* 2.2.2 Search */

.searchform {
	margin: 9px 0px 6px 2px;
	width: 160px;
}

.searchform input.s {
	float: left;
	height: 12px;
	border: 0px;
	background: transparent;
	padding: 9px 0px 8px 12px;
	color: #D4D5D6;
	font-size: 11px;
	width: 120px;
}

.searchform a#a-submit-search {
	display: block;
	position: relative;
	float: left;
	background: url("images/bulle.png") top left no-repeat;
	width: 10px;
	height: 10px;
	margin-top: 10px;
}

.searchform a:hover#a-submit-search {
	background: url("images/bulle.png") bottom left no-repeat;
}

.searchform .submit-search {
	display: none;
}

/* 2.3 Header */
#header{ clear:both;}

#logo  { float:left; margin-top: 5px;}
#logo img  { width: 242px; height: 95px; }
#logo .site-title, #logo .site-description  { font-family:Georgia, serif; color: #000; display:none;  }
#logo .site-title a { color:#222; font-size:40px; line-height:20px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px Georgia, serif; }

#topad { float:right; }

.slogan {
	font-size: 20px;
	color: #0092A7;
	font-style : italic;
	font-weight: bold;
	margin: 35px 0px 0px 55px;
	letter-spacing: 0.5px;
	line-height: 23px;
}

/* 2.4 Content */
#content{ padding-top: 0px; position: relative;}

/* 2.5 Sidebar */
#sidebar{ overflow:hidden;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; } 
#sidebar .tertiary { float:left; margin-right:0; } 
#sidebar .last { margin:0; } 

/* 2.6 Footer */
#footer { display: none; padding: 20px 0;border-top: 4px solid #e6e6e6; color:#999;}
#footer p { font:italic normal 14px Georgia, serif;}
#footer #credit img{ vertical-align:middle;}
#footer #credit span{ display:none;}
#footer .col-left { padding-left:10px; }
#footer .col-right { padding-right:10px; }


/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb {}

.archive_header  {
	float: left;
	width: 100%;
	margin:0 0 30px;
	padding:0 0 10px;
	font-size: 18px;
	font-weight: bold;
	border-bottom:#e6e6e6 5px solid;
	color:#FFF;
}
.archive_header .catrss a  { font-size: 14px; text-decoration: none; line-height: 28px; }

.post  { margin: 0 0 40px;}

.post .title, .page .title  {
	font: bold 20px/20px Verdana;
	position:relative;
	margin: 0 0 15px;
	padding: 0px 10px;
	-moz-border-radius : 8px;
	-webkit-border-radius : 8px;
	border-radius : 8px;
	background: #25B2C1;
}
.post .title a:link, .post .title a:visited,
.page .title a:link, .page .title a:visited{ color:#fff; }

.post-meta{ margin: 10px 0 25px 0;font:11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.post-meta .comments a  { padding: 0 0 0 20px; text-transform: uppercase; }
.post-meta .small{ text-transform:lowercase;}

.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { clear:both; text-transform:uppercase; border:1px solid #e6e6e6; border-width:4px 0 1px; padding:10px 0; font:11px/16px Arial, Helvetica, sans-serif;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }

.post p.tags{ background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;clear:both;margin-bottom:20px;}

.post .post-embed { margin-bottom:30px; }

.chapo {
	font-family : Verdana;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 15px;
	border-bottom: 1px solid #61BDC9;
	line-height: 14px;
}

.entry  {}

/* 3.1 Typographic Elements */
.entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom: 20px; }  .entry h2 { padding-bottom:20px; }  .entry h3 { padding: 10px 0px; }  .entry h4 {}  .entry h5 {}  .entry h6 { padding-bottom:7px }

.entry p  { margin: 0 0 7px 0; }

.entry blockquote {
	margin-top: 7px;
	padding: 10px 20px 10px 50px;
	background: url("images/blockquote.png") transparent no-repeat top left;
}
.entry blockquote p {
	color: #00447B;
	font-style: italic;
	font-weight: bold;
	line-height: 15px;
	font-size: 11px;
	width: 400px;
}

.entry .gallery-caption {
	display : none;
}

.entry ul  { margin: 0 0 7px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-image : url("images/puce.png"); padding-bottom: 5px;}
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.2 Images */
.entry img, img.thumbnail { padding: 5px; background:#F8F8F8 }
img.wp-smiley  { padding: 0; border: none; }

.alignleft  { float: left; width: auto;}
.alignright  { float: right; width: auto;}
.aligncenter  { text-align: center;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }

/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi { clear:both;font-size:11px; padding:10px 15px; border:1px solid #e6e6e6; background:#fafafa; border-width:1px 0 4px; }
.nav-entries a, 
.wp-pagenavi a:link, .wp-pagenavi a:visited, 
.wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover,
.wp-pagenavi span.extend, .wp-pagenavi span.pages{ display: block; font:italic 12px/16px Georgia, serif; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }

.wp-pagenavi { margin: 0 !important; text-align: center !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important; color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;}
.wp-pagenavi .current, 
.wp-pagenavi .on,
.wp-pagenavi a:hover { display:inline; padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important;}
.wp-pagenavi span.extend, .wp-pagenavi span.pages { display:inline;background:none !important; border:none !important; color:#666 !important; }



/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget  {}
.widget h3  {
	padding: 4px 0 7px 15px;
	color:#6F7072;
	height: 12px; 
}
.widget p {
	font: 12px/20px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.widget ul { clear: both; padding: 4px 0px 5px 10px; list-style-type:none; }
.widget ul li { }
.widget ul li a  { padding-left: 5px; line-height: 18px; text-decoration: none; color:#6F7072;}
.widget ul li.current_page_item a { color: #19A6BB; font-weight: bold; }
.widget ul li a:hover { color:#00447B; }
.widget ul ul { padding-left: 15px; border-top: none; }

.widget_recent_comments li, #twitter li  { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */

.footer-background { 
	background: url("images/pied.png") no-repeat top center;
	width : 100%;
	position: absolute;
	left: 0px;
}
#footer-widgets .block { padding: 0 0 0 4px; width:170px; float:left; }
#footer-widgets .footer-widget-lastest { width: 260px; padding-top: 2px; }
#footer-widgets .footer-widget-lastest h3 { font-size: 9px; height: 10px; }
#footer-widgets .footer-widget-lastest h3 a { color: #00447B; }
#footer-widgets .footer-widget-lastest h3 a { color: #00447B; text-decoration: none; }

/* 4.2 Specific Widgets */

/* WIDGET FORMS */
.searchform  { }
.widget input.s  { float:left; width: 60%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#footer-widgets .widget input.s  { width: 55%; }
.widget .screen-reader-text  { display: none; }
.widget input.submit { margin-left:5px; float:left; }

/* FLICKR */
.widget_woo_flickr h3  {}
.widget_woo_flickr h3 span{ color:#0061D8;}
.widget_woo_flickr h3 span span{ color:#FF1183;}
.widget_woo_flickr .flickr_badge_image  { float: left; margin: 3px; }

.widget_woo_flickr .wrap  { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img  { float: left;  margin: 0 0 8px 8px;  display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img  { border:#A8AA99 1px solid; }

/* LIFESTREAM */
.widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* CALENDAR */
#wp-calendar{ width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{ padding:0 0 10px;}
#wp-calendar th,#wp-calendar td{ text-align:center;padding:5px;}
#wp-calendar td{ background:transparent;}
#wp-calendar td,table#wp-calendar th{ padding:3px 0;}

/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8;}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }

/* 4.3 WooTabs */
#tabs {	background:#e6e6e6; height:auto; display: block; padding:5px; margin-bottom:30px; }

#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#F8F8F8; text-decoration:none; }
#tabs ul.wooTabs li a {	color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }

#tabs .inside { background:#F8F8F8; padding:5px;}
#tabs .inside li { background:#fff;  }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
#tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
#tabs .inside li a { color:#555; font:bold 12px/18px Georgia, serif; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }



/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments { position:relative;margin:40px 0 0;padding:40px 0 0 0; border-top:1px solid #e6e6e6;}
#comments h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { background: #fafafa; border-bottom:1px solid #e6e6e6; }
#comments .comment{ margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { position:relative; padding: 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments  .avatar  { float:left; margin: 0 15px 10px 0; }
#comments  .avatar img{ margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }

#comments ul.children{ margin:10px 10px 0 25px;padding:0; }
#comments ul.children li { border-top:1px solid #e6e6e6; }
#comments .cancel-comment-reply{ margin:10px 0;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond  { margin: 40px 0 0; }
#respond h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }

#commentform  {	margin: 15px 0 0 0;  }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#commentform input.txt  { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea  { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; }

#commentform #submit  { margin: 15px 0 0 0;  }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button, .button:visited, .reply a{ font-family:Verdana, Geneva, sans-serif; background: url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button, .button:visited, .reply a{ background-color:#555; }
.button:hover, .reply a:hover { color: #fff  !important; text-decoration:none; }
.button:active, .reply a:active { top: 1px; }
.small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }

/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick {  margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }

/* 6.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{ float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{ clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{ cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{ width:214px;}
#contact-page ol.forms input#sendCopy{ border:none;}
#contact-page ol.forms textarea{ height:300px;width:70%;}
#contact-page ol.forms li .error{ font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{ display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{ margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{ margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{ width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{ display:inline;float:none;width:auto;}


/*-------------------------------------------------------------------------------------------*/
/* 7. LAYOUTS */
/*-------------------------------------------------------------------------------------------*/

/* 7.1 Site width */
.width-980 .col-full { width:980px; }

.width-980 #wrapper { width:980px; margin-left:auto; margin-right:auto; }

/* 7.2 two-col-left */
.two-col-left #main-sidebar-container { display:inline; }
.two-col-left #main-sidebar-container #main{ width:610px; float:left; display:inline; }
.two-col-left #main-sidebar-container #sidebar{ width:300px; float:right; display:inline; }
.two-col-left-980 #main-sidebar-container #main { width:650px; }

/* 7.3 two-col-right */
.two-col-right #main-sidebar-container { display:inline; }
.two-col-right #main-sidebar-container #main{ width:610px; float:right; display:inline; }
.two-col-right #main-sidebar-container #sidebar{ width:300px; float:left; display:inline; }
.two-col-right-980 #main-sidebar-container #main { width:650px; }

/* 7.4 three-col-left */
.three-col-left #main-sidebar-container { width:760px; float:left; position:relative; display:inline; }
.three-col-left #main-sidebar-container #main{ width:440px; float:left; display:inline; }
.three-col-left #main-sidebar-container #sidebar{ width:300px; float:right; display:inline; }
.three-col-left #sidebar-alt { float:right; width:160px; margin:0; display:inline;  } 
.three-col-left-980 #main-sidebar-container { width:800px; }
.three-col-left-980 #main-sidebar-container #main { width:480px; }

/* 7.5 three-col-middle */
.three-col-middle #main-sidebar-container { float:right; position:relative; display:inline; width:720px; margin: 20px 0px; }
.three-col-middle #main { width:465px; float:left; display:inline; }
.three-col-middle #sidebar { width:184px; float:right; display:inline; }
.three-col-middle #sidebar-alt { float:left; width:195px; display:inline;  } 

/* 7.6 three-col-right */
.three-col-right #main-sidebar-container { width:760px; float:right; position:relative; display:inline;  }
.three-col-right #main-sidebar-container #main{ width:440px; float:right; display:inline; }
.three-col-right #main-sidebar-container #sidebar{ width:300px; float:left; display:inline; }
.three-col-right #sidebar-alt { float:left; width:160px; margin:0; display:inline;  } 
.three-col-right-980 div#wrapper #main-sidebar-container { width:800px; }
.three-col-right-980 div#wrapper #main-sidebar-container #main { width:480px; }

/*-------------------------------------------------------------------------------------------*/
/* 8. TEMPLATES / SLIDER */
/*-------------------------------------------------------------------------------------------*/

/* 8.1 WooSlider */
.one-col-980 #loopedSlider, .one-col-980 #loopedSlider .container { width: 980px; }
.two-col-left-980 #loopedSlider, .two-col-left-980 #loopedSlider .container, .two-col-right-980 #loopedSlider, .two-col-right-980 #loopedSlider .container { width: 650px; }
.three-col-left-980 #loopedSlider, .three-col-left-980 #loopedSlider .container, .three-col-middle-980 #loopedSlider, .three-col-middle-980 #loopedSlider .container, .three-col-right-980 #loopedSlider, .three-col-right-980 #loopedSlider .container { width: 480px; }

#loopedSlider .container { height:300px; overflow:hidden; position:relative; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider { margin:0 auto 40px; padding:0; position:relative;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}

#loopedSlider .content { position:absolute; left:0px; top:20px; }
#loopedSlider .content h2 a { float:left; color:#fff; margin-bottom:0; padding:5px 20px;}
#loopedSlider .content h2 a:hover { text-decoration:underline;  }
#loopedSlider .content p { clear:both; float:left; color:#ccc; padding:5px 20px 10px 20px; }
#loopedSlider .content p, #loopedSlider .content h2 a{ background:rgb(0,0,0); max-width:350px; }

/* 8.2 Magazine template */
.magazine .block { float:left; width:48%; }
.magazine .block.last { float:right; }

.magazine #loopedSlider a.previous { position:absolute; bottom:10px; right:50px; opacity:0.8;}
.magazine #loopedSlider a.next { position:absolute; bottom:10px; right:15px; opacity:0.8;}
.magazine #loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity:1; }


/* 8.2 Business template */
.business #loopedSlider, .business #loopedSlider .container { width:auto; }
.business #loopedSlider a.previous { position:absolute; top:45%; left:-40px; opacity:0.8;}
.business #loopedSlider a.next { position:absolute; top:45%; right:-40px; opacity:0.8;}
.business #loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity:1; }
.business #loopedSlider .entry { padding:0 15px; }

/* Page d'accueil */
.spirales {
	float: left;
	background: url("images/spirales.png") top left no-repeat;
	width: 980px;
}

.spirales .contenu-spirales {
	float: left;
	width: 730px;
	height: 324px;
}

.spirales .contenu-spirales .spirale-haut-gauche {
	float: left;
	width: 365px;
	height: 162px;
}

.spirales .contenu-spirales .spirale-haut-droite {
	float: right;
	width: 360px;
	height: 162px;
}

.spirales .contenu-spirales .spirale-bas-gauche {
	float: left;
	width: 365px;
	height: 162px;
}

.spirales .contenu-spirales .spirale-bas-droite {
	float: right;
	width: 360px;
	height: 162px;
}

.spirales .spirale-titre {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 10px;
	font-size: 11.8px;
	line-height: 15px;
	color:#949494;
}
.spirales #titre-haut-gauche { padding-left: 120px; }
.spirales #titre-haut-droite { padding-left: 50px; }
.spirales #titre-bas-gauche  { padding-left: 135px; }
.spirales #titre-bas-droite  { }

.spirales .spirale-titre a {
	color:#949494;
}

.spirales .spirale-titre a:hover {
	color:#00447B;
	text-decoration: none;
}

.spirales .spirale-logos {
	float: left;
}

.spirales #logos-haut-gauche {
	width: 190px;
}

.spirales #logos-haut-droite {
	width: 170px;
}

.spirales #logos-bas-gauche {
	width: 190px;
}

.spirales #logos-bas-droite {
	width: 170px;
}

.spirales .spirale-produit a {
	display: block;
	font-size: 8.3px;
	line-height: 9px;
	padding-left: 65px;
	margin-top: 5px;
	margin-bottom: 10px;
	color:#949494;
}

.spirales .spirale-produit a:hover {
	color:#00447B;
	text-decoration: none;
}

.spirales a#premio {
	background: url("images/premio.png") top left no-repeat;
	margin-left: 20px;
	padding-top: 3px;
	height: 32px;
}
.spirales a:hover#premio { background: url("images/premio.png") bottom left no-repeat; }

.spirales a#insito {
	background: url("images/insito.png") top left no-repeat;
	margin-left: 60px;
	padding-top: 8px;
	height: 27px;
}
.spirales a:hover#insito { background: url("images/insito.png") bottom left no-repeat; }

.spirales a#previsio {
	background: url("images/previsio.png") top left no-repeat;
	padding-top: 3px;
	height: 32px;
}
.spirales a:hover#previsio { background: url("images/previsio.png") bottom left no-repeat; }

.spirales a#inviseo {
	background: url("images/inviseo.png") top left no-repeat;
	margin-left: 43px;
	padding-top: 8px;
	height: 27px;
}
.spirales a:hover#inviseo { background: url("images/inviseo.png") bottom left no-repeat; }

.spirales a#alliance {
	background: url("images/alliance.png") top left no-repeat;
	margin-left: 60px;
	padding-top: 8px;
	height: 27px;
}
.spirales a:hover#alliance { background: url("images/alliance.png") bottom left no-repeat; }

.spirales a#atelier-fiscal {
	background: url("images/atelier-fiscal.png") top left no-repeat;
	margin-left: 43px;
	padding-top: 8px;
	height: 27px;
}
.spirales a:hover#atelier-fiscal { background: url("images/atelier-fiscal.png") bottom left no-repeat; }

.spirales .spirale-je-veux {
	float: left;
	color:#00447B;
	font-size: 13px;
	line-height: 16px;
}

.spirales .spirale-je-veux a {
	color:#00447B;
}

.spirales .spirale-je-veux a:hover {
	color:#00447B;
	text-decoration: none;
}

.spirales .spirale-je-veux img {
	margin: 5px;
}

.spirales .spirale-je-veux-dehors img {
	padding-top: 25px;
	margin-left: 2px;
}

.spirales .login-titre {
	float: left;
	width: 200px;
	font-family : Verdana;
	font-weight: normal;
	font-size: 11px;
	color:#00447B;
	text-align: center;
	margin: 30px 0px 5px 40px;
}

.spirales .login-application {
	float: left;
	background: url("images/login-application.png") top left no-repeat;
	width: 186px;
	height: 180px;
	margin: 0px 0px 0px 40px;
	padding: 0px 7px;
}

.spirales .login-application .choix-service {
	float: left;
	padding: 10px 0px 0px 7px;
}

.spirales .login-application .choix-service select {
	margin: 3px 0px 0px 30px;
	width: 135px;
}

.spirales .login-application iframe {
	float: left;
}

.spirales .login-application .iframe-partenaire {
	display: none;
}

.spirales .rappel-un-clic {
	float: right;
	margin: 30px 0px 0px 0px;
	font-size: 10.3px;
	line-height: 15px;
	color:#949494;
	text-align: right;
}

.spirales .rappel-un-clic a {
	display: block;
	background: url("images/rappel-un-clic.png") top right no-repeat;
	color:#949494;
	width: 90px;
	height: 60px;
	padding-right: 100px;
}

.spirales .rappel-un-clic a:hover {
	color:#00447B;
	text-decoration: none;
	background: url("images/rappel-un-clic.png") bottom right no-repeat;
}

/* Pages suite */
#sidebar-alt {
	background : #A2D4DB;
	padding: 20px;
	margin: 20px 0px;
	font-family : Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-align: right;
	vertical-align: middle;
}

#sidebar-alt h1 {
	font-family : Verdana;
	font-weight: bold;
	font-size: 14px;
	color: #00447B;
	text-align: right;
}

#sidebar-alt h2 {
	font-family : Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
}

#sidebar-alt h3 {
	font-family : Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #666;
	text-align: right;
	padding-bottom: 3px;
}

#sidebar-alt h4 {
	font-family : Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-align: right;
	padding-bottom: 3px;
}

#sidebar-alt hr {
	background : #DEF9B4;
	margin: 15px 0px 10px 0px;
}

#sidebar-alt ul {
	text-align: left;
	margin: 15px 0px 0px 15px;
	font-family : Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
}

#sidebar-alt ul li  {
	list-style-image : url("images/puce-triangle.png"); padding-bottom: 7px;
}

#sidebar {
	background : #DEF9B4;
	font-family : Verdana;
	font-weight: normal;
	font-size: 10px;
	padding: 15px 21px;
	color: #666;
	text-align: left;
	vertical-align: middle;
}

#sidebar h1 {
	font-family : Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	text-align: left;
}

#sidebar h2 {
	font-family : Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #00A1B4;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}


#sidebar .rappel-un-clic {
	float: right;
	margin: 20px 0px 0px 0px;
	font-size: 10.3px;
	line-height: 15px;
	color:#949494;
	text-align: right;
}

#sidebar .rappel-un-clic a {
	display: block;
	background: url("images/rappel-un-clic.png") top right no-repeat;
	color:#949494;
	width: 86px;
	height: 60px;
	padding-right: 100px;
}

#sidebar .rappel-un-clic a:hover {
	color:#00447B;
	text-decoration: none;
	background: url("images/rappel-un-clic.png") bottom right no-repeat;
}

.image-aleatoire {
	float: right;
	margin-bottom: 10px;
}

.gallery {
	display: none;
}

.wpcf7-form input[type=text], .wpcf7-form textarea {
	width: 450px;
}

.wpcf7-form select {
	width: 458px;
}