/*
Theme Name: Delphic
Author: elemis
Author URI: http://themeforest.net/user/elemis/portfolio
Version: 1.0
Description: HTML Portfolio & Blog

0.	RESET
1.	FONT-FACE
2.	GENERAL
3.	LAYOUT
4.	MENU
5.	SLIDERS
6.	COLUMNS
7.	HOME INTRO
8.	HOME ABOUT
9.	PAGE
10.	PORTFOLIO
11.	SINGLE PORTFOLIO
12.	VERTICAL TAB
13.	BLOG
14.	BLOG COMMENTS
15.	NEWS LIST
16.	CONTACT
17.	TOGGLE & TABS
18.	CAROUSEL

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


/*-----------------------------------------------------------------------------------*/
/*	0.	RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1;
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}


/*-----------------------------------------------------------------------------------*/
/*	1.	FONT-FACE
/*-----------------------------------------------------------------------------------*/

 @font-face {
 font-family: 'Puritan20Italic';
 src: url('style/type/puritan/puritan_italic-webfont.eot?') format('eot'),  url('style/type/puritan/puritan_italic-webfont.woff') format('woff'),  url('style/type/puritan/puritan_italic-webfont.ttf') format('truetype'),  url('style/type/puritan/puritan_italic-webfont.svg#webfontZMWmRIPG') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'Puritan20Normal';
 src: url('style/type/puritan/puritan_regular-webfont.eot?') format('eot'),  url('style/type/puritan/puritan_regular-webfont.woff') format('woff'),  url('style/type/puritan/puritan_regular-webfont.ttf') format('truetype'),  url('style/type/puritan/puritan_regular-webfont.svg#webfontJ25dHiGv') format('svg');
 font-weight: normal;
 font-style: normal;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	GENERAL
/*-----------------------------------------------------------------------------------*/

body {
	font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #f0f0f0;
	color: #565656;
	font-size: 13px;
	overflow-y: scroll;
	overflow-x: hidden;
}

html {
	height: 100%;
	width: 100%;
}


body {
	border-left:4px white groove;
	border-right:4px white groove;
	border-bottom:4px white groove;
}

}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */
}

#footer-wrapper, .push {
	height: 145px; /* .push must be the same height as .footer */
}

#footer-wrapper, .push1{
	height: 300px; /* .push must be the same height as .footer */
}

p {
	line-height: 20px;
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #1f1f1f;
}

a:hover {
	text-decoration: none;
	color: #5d8ba6;
}

a.more {
	display: inline-block;
	color: #5d8ba6;
}

a.more:hover {
	text-decoration: underline;
}

pre {
	margin-bottom: 20px;
	font-size: 11px;
	background-color: #e8e8e8;
	padding: 0 10px;
}

.highlight {
	color: #5d8ba6;
	border-bottom: 1px dotted #5d8ba6;
}

.highlight2 {
	background-color: #e1e1e1;
	padding: 0px 5px;
	color: #222222;
}

.highlight3 {
	color: #5d8ba6;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Puritan20Normal';
	font-weight: normal;
	color: #1f1f1f;
	margin-bottom: 10px;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 23px;
	line-height: 26px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 19px;
}

h6 {
	font-size: 16px;
}

.divider, .divider2, .divider3 {
	background: transparent url(../style/images/line.png) repeat-x bottom center;
	height: 2px;
	display: block;
	margin: 30px 0;
}

.divider1 {
	border-bottom:2px solid white;
	height: 2px;
	display: block;
	margin-top:-30px;
	margin-bottom:10px;
}

.divider2 {
	margin-top:10px;
}

.divider3 {
	margin-bottom:10px;
}

.separaration_li {
	margin-bottom:10px;
}

img.left {
	top: 0px;
	float:left;
	display: block;
	margin:0;
	padding:0;
	margin-right:20px;
}

img.right {
	top: 0px;
	float:right;
	display: block;
	margin:0;
	padding:0;
	margin-left:20px;
}


img.top_right {
	float:right;
	display: block;
	margin-top:-10px;
	margin-left:0px;
	padding:0;
}

img.center {
	top: 0px;
	display: block;
	margin:0;
	margin-top:10px;
	padding:0;
	margin-left:7.5px;
	margin-top:10px;
}

em {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 11px;
	color: #565656;
}

.corps {
	font-size: 16px;
	color: blue;
}

form .posit {
	margin-left: -20px;
}

.titre {
	font-size: 34px;
	line-height: 32px;
	margin: -39.75px auto 40px;
	min-width:84.263%;
	color:rgba(255,127,39,1);
	padding:3.5px 5px 0px 5px;
	border: 1px solid rgba(0,0,125,.25);
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 1px 0px rgba(155,175,210,1);
}

.titre1 {
	font-size: 34px;
	line-height: 32px;
	margin: -11.75px auto 40px;
	min-width:84.263%;
	color:rgba(255,127,39,1);
	padding:3.5px 5px 0px 5px;
	border: 1px solid rgba(0,0,125,.25);
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 1px 0px rgba(155,175,210,1);
	background-color:none;
}

.button, .button:link, .button:visited {
	display: block;
	position: relative;
	padding: 0 0 0 15px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	cursor: pointer;
	font-family: 'Puritan20Normal';
}
.button span {
	display: block;
	position: absolute;
	top: 0px;
	right: -15px;
	width: 15px;
	height: 32px;
	background-position: right top;
}
.button.light-blue, .button.light-blue span {
	background-image: url(../style/images/button-light-blue.png);
	float: left;
}
.button.light-purple, .button.light-purple span {
	background-image: url(../style/images/button-light-purple.png);
	float: left;
}
.button.light-pink, .button.light-pink span {
	background-image: url(../style/images/button-light-pink.png);
	float: left;
}
.button.light-brown, .button.light-brown span {
	background-image: url(../style/images/button-light-brown.png);
	float: left;
}
.button.light-teal, .button.light-teal span {
	background-image: url(../style/images/button-light-teal.png);
	float: left;
}
.button.lime, .button.lime span {
	background-image: url(../style/images/button-lime.png);
	float: left;
}
.button.red, .button.red span {
	background-image: url(../style/images/button-red.png);
	float: left;
}
.button.orange, .button.orange span {
	background-image: url(../style/images/button-orange.png);
	float: left;
}
.button.yellow, .button.yellow span {
	background-image: url(../style/images/button-yellow.png);
	float: left;
}
.button.green, .button.green span {
	background-image: url(../style/images/button-green.png);
	float: left;
}
.button.teal, .button.teal span {
	background-image: url(../style/images/button-teal.png);
	float: left;
}
.button.turqoise, .button.turqoise span {
	background-image: url(../style/images/button-turqoise.png);
	float: left;
}
.button.blue, .button.blue span {
	background-image: url(../style/images/button-blue.png);
	float: right; margin-right:10px;
}
.button.blue1, .button.blue1 span {
	background-image: url(../style/images/button-blue.png);
	float: left; margin-right:10px;
}
.button.purple, .button.purple span {
	background-image: url(../style/images/button-purple.png);
	float: left;
}
.button.pink, .button.pink span {
	background-image: url(../style/images/button-pink.png);
	float: left;
}
.button.gray, .button.gray span {
	background-image: url(../style/images/button-gray.png);
	float: left;
}

.dropcap_1 {float:left;background:url(../img/dropcap_1.png) 0 0 no-repeat;width:45px;height:45px;text-align:center;font-size:33px;line-height:42px;color:#fff;font-weight:700;margin-right:15px;margin-top:2px;margin-bottom:10px}
.dropcap {
	display:block;
	float:left;
	font-size:35px;
	padding:0;
	margin: 0;
	margin:10px 8px 3px 0;
	font-family: 'Puritan20Normal';
}

table {
	width: 100%;
	font-size:13px;
	border-collapse: collapse;
	border-bottom:1px solid #c1c1c1;
	border-top:1px solid #c1c1c1;
	margin-bottom: 20px;
}

table td {
	padding: 8px 10px;
	border-right:1px solid #c1c1c1;
}

table td:hover {
	background-color: #efefef;
}

table th {
	padding: 10px;
	font-size:18px;
	color:#1f1f1f;
	text-align: left;
	border-right:1px solid #c1c1c1;
	font-family: 'Puritan20Normal';
	font-weight: normal;
}

table td.center {
	text-align: center;
}

table td.last {
	background: none;
}

table th.center {
	text-align: center;
}

table th.last {
	background: none;
}

table tr {
	border-left:1px solid #c1c1c1;
	border-top:1px solid #c1c1c1;
}

table tr.caption {
	border-left:1px solid #c1c1c1;
}

table.price td {
	text-align: center;
}

table.price td.left {
	text-align: left;
}

table.price td.right {
	text-align: right;
}

table.price td h2 {
	margin:0;
	font-size: 22px;
}
table.price td h2 span {
	display: block;
	font-size: 18px;
	color: #747474;
}

table.price td h2 sup {
	padding-left: 5px;
	line-height: 20px;
}

.quote-evenement {
	color:teal;
	float:left;
	letter-spacing:.5px;
	margin:0px;
	padding:0px;
	padding-right:30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 28px;
	width:10%;
}

.quote-evenement span {
	display:block;
	font-style: italic;
	font-size: 14px;
}

.quote1-right, .quote1-left {
	color:blue;
	float:right;
	letter-spacing:0px;
	line-height:23px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:5px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	width:57.5%;
}

.quote1-left {
	border: none;
	float:left;
	padding:0;
	padding-right:5px;
	margin-bottom:0;
	margin-left: 0;
	margin-right:20px;
}

.quote-right, .quote-left {
	color:navy;
	border-left:1px solid rgba(255,127,39,.25); 
	float:right;
	letter-spacing:0px;
	line-height:23px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:5px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	width:25%;
}

.quote-left {
	border: none;
	border-right:1px solid rgba(255,127,39,.25); 
	float:left;
	padding:0;
	padding-right:5px;
	margin-bottom:0;
	margin-left: 0;
	margin-right:20px;
}

.couleur0 {
	color: white;
}

.couleur1 {
	color: blue;
}

.couleur2 {
	color: red;
}

.couleur3 {
	color: green;
}

.couleur4 {
color: rgba(255,127,39,1);
}

.couleur5 {
	color: lightseagreen;
}

.couleur6 {
	color: slateblue;
}

.couleur7 {
color: rgba(255,128,128,1);
}

.couleur8 {
color: pink;
}

div span .prof {
	margin-top: -20px;
	margin-bottom: 10px;
	font-style: oblique;
	font-size: 13px;
	color: blue;
}

.petit {
	font-style: oblique;
	font-size: 13px;
}

.tpetit {
	font-style: oblique;
	font-size: 12px;
}

.ppetit {
	font-size: 11px;
}

.xpetit {
	font-size: 9px;
}

.stitre {
	color: lightseagreen;
	font-size: 22px;
	text-align:center;
	margin-bottom:-20px;
	margin-top:15px;
}


.stitre_annee_acad {
	text-align:center;
}

.descendre {
	padding-bottom:-10px;
}

.remonter {
	padding-bottom:-10px;
}

.retrait {
	margin-left:-50px;
}

.alaune {
	font-style: oblique;
	font-size: 14.5px;
	padding-right:10px;
	padding-left:20px;
}

.news {
	background-color: rgba(0,0,0,.03); 
	font-size: 13px;
	font-style: normal;
}

.ajuste {
	margin-top: -10.5px;
}

.decaler {
	margin-left: 25px;
}

.decaler1 {
	margin-left: 15px;
}

.separer {
	border-left: 1px solid silver;
	padding-left: 10px;
}

.width {
	width: 80%;
	margin-left: -2.5%;
	background-color: rgba(0,0,0,.03); 
}

.encadrer0 {
	font-size: 13px;
	font-style: normal;
	border:1px solid silver;
	border-radius:10px;
	padding: 5px 20px 0 20px;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	background-color: rgba(0,0,0,.03); 
}

.encadrer {
	font-size: 13px;
	font-style: normal;
	border:1px solid silver;
	border-radius:10px;
	padding: 5px 20px 0 20px;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.bg_orange {
	background-color: rgba(255,127,39,0.025); 
}

.bg_silver {
	background-color: rgba(150,150,150,0.05); 
}

.bg_silver1 {
	background-color: rgba(150,150,150,0.025); 
}

.bg_x {
	border-top: 1px solid rgb(219, 229, 232);
	-webkit-border-radius: 0 0  5px 5px;
	   -moz-border-radius: 0 0  5px 5px;
	        border-radius: 0 0  5px 5px;
	background: rgb(225, 234, 235);
	background: -moz-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -webkit-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -o-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
}

.bg_special {
	background: rgb(225, 234, 235);
	background: -moz-repeating-linear-gradient(-45deg, 
	rgb(255, 254, 253) , 
	rgb(255, 254, 253) 15px, 
	rgb(255, 248, 244) 15px, 
	rgb(255, 248, 244) 30px, 
	rgb(255, 254, 253) 30px
	);
	background: -webkit-repeating-linear-gradient(-45deg, 
	rgb(255, 254, 253) , 
	rgb(255, 254, 253) 15px, 
	rgb(255, 248, 244) 15px, 
	rgb(255, 248, 244) 30px, 
	rgb(255, 254, 253) 30px
	);
	background: -o-repeating-linear-gradient(-45deg, 
	rgb(255, 254, 253) , 
	rgb(255, 254, 253) 15px, 
	rgb(255, 248, 244) 15px, 
	rgb(255, 248, 244) 30px, 
	rgb(255, 254, 253) 30px
	);
	background: repeating-linear-gradient(-45deg, 
	rgb(255, 254, 253) , 
	rgb(255, 254, 253) 15px, 
	rgb(255, 248, 244) 15px, 
	rgb(255, 248, 244) 30px, 
	rgb(255, 254, 253) 30px
	);
}

.encadrer_annee_acad {
	background-color: rgba(255,127,39,1); 
	color: rgba(255,255,255,1); 
	font-size: 18px;
	font-style: normal;
	text-align:center;
	border:1px solid silver;
	border-radius:10px 10px 0 0;
	padding: 5px ;
	display: block;
	width: 160px;
	overflow: hidden;
	margin-bottom: 0px;
}

.encadrer_annee_acad1{
	background-color: white; 
	text-align:center;
	border:1px solid silver;
	border-radius:0 0 10px 10px;
	padding: 5px ;
	display: block;
	width: 160px;
	height: 116.5px;
	overflow: scroll;
}

.encadrer1 {
	border-right:3px solid red;
}

.encadrer2 {
	border-left:3px solid red;
}

.separer {
	margin-left:15px;
}

.souligner_bas {
	margin-bottom:0px;
	border-bottom:1px solid silver;
}

.souligner {
	border-bottom:1px solid silver;
	padding-bottom:5px;
	margin-left:-20px;
	margin-right:-20px;
}

.centrer {
	text-align:center;
}

.recentrer {
	margin-left:10%;
	margin-top:-35px;
}

.recentrer1 {
	margin-left:16%;
}

.recentrer2 {
	margin-left:13%;
}

.recentrer3 {
	margin-left:11%;
}

.recentrer_g {
	margin-left:-4%;
}

.datevenements  {
	font-style: normal;
	color:aqua;
	font-size: 13px;
}

.repositionner  {
	margin-top: 150px;
	margin-left: -100px;
}

.frmlpos1 {
	margin-right:50px;
	margin-left: 35px;
}

.frmlpos1b {
	margin-left:25px;
	margin-right:20px;
}

.frmlpos2 {
	margin-right:50px;
	margin-left: 35px;
}


.frmlpos2b {
	margin-right:23px;
	margin-left:130px;
}

.frmlpos3 {
	margin-right:30px;
	margin-left: 35px;
}

.frmlpos3b {
	margin-right:74px;
	margin-left:120px;
}

.frmlpos4 {
	margin-right:52px;
	margin-left: 35px;
}

.frmlpos4b {
	margin-right:50px;
	margin-left:22px;
}

.frmlpos5 {
	margin-right:35px;
	margin-left: 35px;
}

.frmlpos6 {
	margin-right:23px;
	margin-left: 35px;
}

.frmlpos6b {
	margin-right:23px;
	margin-left:23px;
}

.frmlpos7 {
	margin-right:26px;
	margin-left: 35px;
}

.frmlpos8 {
	margin-right:8px;
	margin-left: 35px;
}

.frmlpos8b {
	margin-right:25px;
	margin-left:30px;
}

.frmlpos9 {
	margin-right:15px;
}

.frmlpos10 {
	margin-right:5px;
}

.frmlpos11 {
	margin-right:2px;
}

.frmlpos12 {
	margin-right:75px;
}

.frmlpos12b {
	margin-right:25px;
	margin-left:30px;
}

.frmlpos13 {
	margin-right:25px;
	margin-left:0px;
}

.frmlpos13b {
	margin-right:2.5px;
	margin-left:7.5px;
}


.frmlpos14 {
	margin-right:10px;
	margin-left:0px;
}

.frmlpos14b {
	margin-right:10px;
	margin-left:10px;
}


/*-----------------------------------------------------------------------------------*/
/*	3.	LAYOUT
/*-----------------------------------------------------------------------------------*/

#wrapper ul {
	padding: 0 0 20px 0;
	display: block;
	overflow: hidden;
}

#wrapper ul li {
	line-height: 20px;
	list-style: none;
	display: block;
	background: transparent url(../style/images/bullet.jpg) no-repeat left 8px;
	padding-left: 20px;
}

#wrapper ul.check-list {
	padding: 0 0 20px 0;
	display: block;
	overflow: hidden;
}

#wrapper ul.check-list li {
	line-height: 20px;
	list-style: none;
	display: block;
	background: transparent url(../style/images/check.png) no-repeat left 0px;
	padding-left: 30px;
}

#wrapper {
/*
	width: 98%;
	width: 1280px;
*/
	width: 1280px;
	min-width:960px;
	margin: 15px auto 0;
	padding-top: 0;
	line-height: 20px;
}

#header-wrapper {
	min-width: 100%;
	height: 115px;
	background-color: teal;
	position: fixed;
	z-index: 9999;
}

#header {
	width: 100%;
	height: 75px;
	margin: 0 auto;
	position: relative;
	z-index: 999;
}

#slider {
	position:absolute;
	top:190px;left:0;width:100%;
	height:200px;
	overflow:hidden; z-index:1; 
	border: 1px solid silver;
	box-shadow: 3px 9px 6px silver;
}
.items {display:none}

#page-top {
	padding-bottom: 115px;
}

#logo {
	float: left;
	position: absolute;
	bottom: 0px;
	left: -20px;
}

#contact {
	float: right;
	position: absolute;
	bottom: 10px;
	right: 15px;
}

#contact p {
	font-family: 'Calibri';
	padding:  0;
	font-size:23px;letter-spacing: 1px;
}

#contact p span{
	color: white; 
}

#menu-wrapper {
	float: right;
	position: absolute;
	width:100%;
	height:45px;
	bottom: -40px;
	right: 0;
	background-color:navy;
	box-shadow: 1px 3px 6px rgba(0,0,0,1);
}
#footer-wrapper {
	height: 45px;
	padding-top:0px;
	color:white;
}
#footer-top {
	width: 98%;
	position: relative;
	border:1px solid silver;
	padding:10px 13px;
	margin:-130px  auto 0px;
	background: transparent url(../img/footer-bg.png) repeat top center;
}

#footer {
	min-width: 84%;
	height: 45px;
	background-color: navy;
}

#footer-content {
	width: 84%;
	height: 45px;
	margin: 0 auto;
	position: relative;
}

#copyright {
	float: left;
	position: absolute;
	top: 15px;
	left: 0;
}

#copyright p {
	font-size: 11px;
	margin: 0;
}

#socials {
	float: right;
	position: absolute;
	top: 16px;
	right: 0;
}

#socials ul li {
	float: left;
	margin-left: 10px;
	background: none;
}

/*-----------------------------------------------------------------------------------*/
/*	4.	MENU
/*-----------------------------------------------------------------------------------*/

.ddsmoothmenu {
	font-family: 'Puritan20Normal';
	/*text-transform:uppercase;*/ font-size:13px;color:#C0BAB6;letter-spacing: 1.5px;font-weight: bold;
	z-index: 1000;
	position: relative;
	/*text-shadow: 0px 1px 0px #efefef;*/
}

.ddsmoothmenu ul {
	margin: 0;
	padding: 15px 0 0 0px;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
	clear: none;
	margin-left: 5px;
	padding-left: 7.5px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block; /*background of menu items (default state)*/
	text-decoration: none;
	position: relative;
    text-shadow: 1px 1px 4px black;
	/*text-shadow: 0px 1px 0px #efefef;*/
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a, .ddsmoothmenu ul li a:visited {
	color: #FFF;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: rgba(255,127,39,1); 
}

.ddsmoothmenu ul li a:hover {
	color: #5d8ba6;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	background: none;
	font-family: 'Puritan20Normal';
	position: absolute;
	padding: 17px 0 0 0;
	left: 0;
	display: block; /*collapse all sub menus to begin with*/
	visibility: hidden;
	border-bottom: 1px solid #cdcdcd;
}
.ddsmoothmenu ul li ul {
	background: none;
	font-family: 'Puritan20Normal';
	position: absolute;
	padding: 17px 0 0 0;
	left: 0;
	display: block; /*collapse all sub menus to begin with*/
	visibility: hidden;
	border-bottom: 1px solid #cdcdcd;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	margin-left:0;
	padding-left: 0;
	display: list-item;
	float: none;
	background-color: teal;
	border-right: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	padding-top: 0;
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	font-size: 12px;
    font-weight: bold;
 	width: 150px; /*width of sub menus*/
	padding: 7px 12px;
	margin-top: 0;
	line-height: 1;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li ul li a {
	font-size: 13px;
}

.ddsmoothmenu ul li ul li:hover {
	background-color: rgba(255,127,39,.95);
}

.ddsmoothmenu ul li ul li:first-child {
	padding-top: 5px;
}

.ddsmoothmenu ul li ul li:last-child {
	padding-bottom: 6px;
}

.ddsmoothmenu ul li ul li ul li:first-child {
	padding-top: 4px;
}

.ddsmoothmenu ul li ul li ul li:last-child {
	padding-bottom: 5px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/

/*-----------------------------------------------------------------------------------*/
/*	5.	SLIDERS
/*-----------------------------------------------------------------------------------*/

/* CYCLE */

#cycle-wrapper {
	position: relative;
	min-width:85.31%;
	height: 275px;
	margin: 0 auto 40px;
}

#sliderholder-cycle {
	min-width:85.31%;
	height: 275px;
	overflow: hidden;
	background:transparent;
	-moz-box-shadow: 0px 1px 3px #8e8e8e;
	-webkit-box-shadow: 0px 1px 3px #8e8e8e;
	box-shadow: 0px 1px 3px #8e8e8e;
}

.slidernav {
	padding: 0;
	margin: -5px 0 0 0;
	list-style: none;
	text-align: right;
}

.slidernav a {
	cursor: pointer;
	background-color: #cbcbcb; 
	overflow: hidden;
	width: 5px;
	height: 5px;
	margin: 0 3px;
	text-indent: -99999px;
	display: inline-block;
}

.slidernav a:hover, .slidernav .activeSlide {
	background-color: rgba(255,127,39,1);
}

.sliderprev, .slidernext {
	display:block;
	width:35px;
	height:35px;
	background:url(../style/images/slider-arrows.jpg) no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	position: absolute;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.slidernext {
	background-position: right top;
	right: -60px;
	top: 46%;
}

.slidernext:hover {
	background-position: right bottom;
}

.sliderprev {
	background-position: left top;
	left: -60px;
	top: 46%;
}

.sliderprev:hover {
	background-position: left bottom;
}

/* PIECEMAKER */

#piecemaker-container {
	display:block;
	height:460px;
	overflow:hidden;
	margin: -10px auto 40px;
	width: 84%;
}

/*-----------------------------------------------------------------------------------*/
/*	6.	COLUMNS
/*-----------------------------------------------------------------------------------*/

.one-half {
	width:48%;
}

.one-third {
	width:30.66%;
}

.two-third {
	width:65.33%;
}

.one-fourthb {
	width:22%;
}

.one-fourth {
	width:22%;
}

.three-fourth {
	width:74%;
}

.one-fifthb {
	width:16.8%;
}

.one-fifth {
	width:16.8%;
}

.two-fifth {
	width:37.6%;
}

.three-fifth {
	width:58.4%;
}

.four-fifth {
	width:67.2%;
}

.one-sixth {
	width:13.33%;
}

.five-sixth {
	width:82.67%;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fourthb, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
	position:relative;
	margin-right:1.5%;
	float:left;
}

.debut {
	margin-left:1.25%;
}

.last {
	margin-right:0 !important;
	clear:right;
}

/*-----------------------------------------------------------------------------------*/
/*	7.	HOME INTRO
/*-----------------------------------------------------------------------------------*/

.intro h1 {
	line-height: 28px;
	font-size: 22px;
	text-align: center;
	font-weight: normal;
	font-family: 'Puritan20Italic';
	color: rgba(0,0,160,1);
}

.intro {
	margin-top: -10px;
	margin-bottom:60px;
}

/*-----------------------------------------------------------------------------------*/
/*	8.	HOME ABOUT
/*-----------------------------------------------------------------------------------*/

#about .one-fourth img {
	-moz-box-shadow: 0px 1px 2px #656565;
	-webkit-box-shadow: 0px 1px 2px #656565;
	box-shadow: 0px 1px 2px #656565;
	display: block;
	margin-bottom: 20px;
}

#about .one-fourth p {
	margin-bottom: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	PAGE
/*-----------------------------------------------------------------------------------*/

.content {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 20px 20px 0 20px;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.content1 {
	background-color:rgba(255,127,39,.1);
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 20px 20px 0 20px;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: -38.5px;
}

.content2 {
	background-color:rgba(255,255,255,.1);
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 20px 20px 0 20px;
	display: block;
	width:70%;
	overflow: hidden;
	margin:0 auto;
	margin-bottom: 20px;
	margin-top: -38.5px;
}

#wrapper ul.social {
	margin-top: 10px;
}

#wrapper ul.social li {
	float: left;
	background: none;
	margin-right: 10px;
	padding: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	10.	PORTFOLIO
/*-----------------------------------------------------------------------------------*/

#portfolio ul li {
	background: none;
	padding: 0;
}

#wrapper ul.grid {
	width: 86.19%;
	overflow: hidden;
	margin-left:12%;
	padding: 0;
}

ul.grid:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.grid li {
	width: 225px;
	margin: 0;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
	background: none;
	-moz-box-shadow: 0px 1px 2px #8e8e8e;
	-webkit-box-shadow: 0px 1px 2px #8e8e8e;
	box-shadow: 0px 1px 2px #8e8e8e;
}

ul.grid li a {
	outline:0;
}

ul.grid li img {
	display: block;
	width:225px;
	height:150px;
}

ul.gallerynav {
	width:21%;
	margin: 15px auto 22px;
	height: 14px;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
}

ul.gallerynav li {
	float:left;
}

ul.gallerynav li a {
	float:left;
	font-family: 'Puritan20Normal';
	color: #565656;
	margin: 0 20px;
	font-size: 15px;
	line-height: 18px;
	padding: 8px 0;
}

ul.gallerynav li a:hover {
	text-decoration: none;
	color: #5d8ba6;
}

ul.gallerynav li.selected-1 a {
	color: #5d8ba6;
}

.hidden {
	display: none;
}

ul.nouvellesnav {
	width:40%;
	margin: -57.5px 0 22px 65%;
	height: 14px;
}

ul.nouvellesnav li {
	float:left;
}

ul.nouvellesnav li a {
	float:left;
	font-family: 'Puritan20Normal';
	color: #565656;
	margin: 0 20px;
	font-size: 15px;
	line-height: 18px;
	padding: 8px 0;
}

ul.nouvellesnav li a:hover {
	text-decoration: none;
	color: rgba(255,127,39,1); 
}

ul.nouvellesnav li.selected-1 a {
	color: rgba(255,127,39,1); 
}

/*-----------------------------------------------------------------------------------*/
/*	11.	SINGLE PORTFOLIO
/*-----------------------------------------------------------------------------------*/

#portfolio-single .image {
	width: 660px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	padding: 3px 5px 0 0;
}

#portfolio-single .image img {
	margin-bottom: 15px;
	-moz-box-shadow: 0px 1px 3px #8e8e8e;
	-webkit-box-shadow: 0px 1px 3px #8e8e8e;
	box-shadow: 0px 1px 3px #8e8e8e;
}

#portfolio-single .text {
	width: 235px;
	padding: 20px;
	margin: 2px 0 0 0;
	float: right;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	overflow: hidden;
}

#portfolio-single a:hover {
	text-decoration: underline;
}

a.p-project, a.n-project {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	color: #565656;
	line-height: 1;
	float: left;
}

a.n-project {
	float: right;
}

#portfolio-single a.p-project:hover, #portfolio-single a.n-project:hover {
	text-decoration: none;
	color: #5d8ba6;
}

/*-----------------------------------------------------------------------------------*/
/*	12.	VERTICAL TAB
/*-----------------------------------------------------------------------------------*/

ul#tab-menu {
	float:left;
	width: 172.5px;
	margin:0 0px 0 0;
	padding: 0 10px;
	list-style:none;
	font-family: 'Puritan20Normal';
	font-weight: normal;
	font-size: 18px;letter-spacing: 1.1px;
}

ul#tab-menu li {
	background: none;
	border-top:2px solid rgba(255,127,39,.25); 
	border-radius:3px 3px 0 0;
	list-style:none;
	cursor: pointer;
	padding: 7.5px 10px;
	margin: 0;
	color: rgba(75,115,165,1); 
}

ul#tab-menu img {
	border-top:2px solid rgba(255,127,39,.25); 
}

ul#tab-menu li:last-child {
	border-bottom:1px solid rgba(255,127,39,.25); 
}

ul#tab-menu li:hover, ul#tab-menu li.selected {
	background-color: rgba(255,127,39,.75); 
	color: white;
}

ul#tab-menu li img {
	vertical-align: middle;
	padding-right: 10px;
}

/*ul#tab-menu li:last-child {
	background: none;
}*/

.tab-wrapper {
	width:100%;
	margin-left:0px;
	font-size:14px;
}


.tab-wrapper1 {
	width:84%;
	margin:0px auto;
	font-size:14px;
}

.tab-content {
	/*background-color: rgba(255,255,255,.1);*/
	background-color: rgba(255,127,39,.1); 
	width: 72%;
	float:left;
	padding-top: 15px;
	padding-left: 17.5px;
	padding-right: 15px;
	border:1px solid rgba(255,127,39,.25);
	border-radius:10px 10px 0 0;
}

.tab-content div.tab {
	display:none;
	padding: 0;
}

.tab-content div.tab.show {
	display:block;
}

.tab-content div.tab p {
	width:100%;
	overflow: hidden;
	padding: 0;
	margin: 0 0 20px 0;
}

.tab-content div.tab div p {
	width:100%;
}

.tab-content div.tab h3 {
	padding-bottom:10px;
	font-size:30px;
	color:rgba(255,128,128,1); 
}

.tab-content div.tab img {
	padding: 10px 20px 15 px 20px;
	border:1px solid white;
}

.contenu_article {
	background-color: rgba(255,255,255,1);
	width: 100.75%;
	margin-left:-14.5px;
	margin-right:-5px;
	padding: 15px 10px 0px 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	13.	BLOG
/*-----------------------------------------------------------------------------------*/

#post-wrapper {
	width: 71%;
	margin: -39px auto 0px ;
	font-size:16px;
	font-weight: 26px;
}

#post-wrapper1 {
	width: 70%;
	margin: -39px auto 0px ;
	font-size:16px;
	font-weight: 26px;
}

#post-wrapper2 {
	width: 85%;
	margin: -39px auto 0px ;
	font-size:16px;
	font-weight: 26px;
}

.post {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	width: 100%;
	padding: 20px;
	margin-bottom: 20px;
}

.post a:hover {
	text-decoration: underline;
}

h2.title {
	margin-bottom: 8px;
}

.title a:hover {
	color: #5d8ba6;
	text-decoration: none;
}

.post img, .post .video {
	margin-bottom: 10px;
}

.date {
	display: inline;
	color: #5d8ba6;
}

.top-border {
	background: transparent url(../style/images/line.png) repeat-x;
	height: 2px;
	padding: 8px 0 0 0;
}

.post .meta {
	background: transparent url(../style/images/line.png) center bottom repeat-x;
	padding: 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 21px;
}

.post .meta span {
	color: rgba(255,127,39,1);
}

.post .meta a {
	color: #5d8ba6;
}

.post .meta a:hover {
	text-decoration: underline;
}

.post .tags {
	line-height: 12px;
}

.post .tags a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	line-height: 12px;
	color: #5d8ba6;
}

.post .tags a:hover {
	text-decoration: underline;
}



#wrapper ul.page-navi-nom {
	padding: 2px;
	margin-left: 10%;
	margin-bottom: 20px;
}

#wrapper ul.page-navi-nom li {
	padding: 0;
	float:left;
	margin-right: 10px;
	background: none;
}

#wrapper ul.page-navi-nom li a {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	height: 24px;
	width: 90px;
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 13px;
	font-weight: normal;
	color: #565656;
}


#wrapper ul.page-navi-nom li span a {
	background-color: rgba(255,127,39,1); 
	width: 24px;
	color: #FFF;
}

#wrapper ul.page-navi-nom li a:hover, #wrapper ul.page-navi-nom li a.current {
	background-color: #ddd;
	color: #1f1f1f;
}

#wrapper ul.page-navi {
	padding: 2px;
	margin-left: -2px;
	margin-bottom: 20px;
}

#wrapper ul.page-navi li {
	padding: 0;
	float:left;
	margin-right: 10px;
	background: none;
}

#wrapper ul.page-navi li a {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	height: 24px;
	width: 24px;
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 13px;
	font-weight: normal;
	color: #565656;
}

#wrapper ul.page-navi li a:hover, #wrapper ul.page-navi li a.current {
	background-color: #ddd;
	color: #1f1f1f;
}

#wrapper ul.page-navi1 {
	padding: 2px;
	margin-left: 470px;
	margin-top: -8px;
	margin-bottom: -6px;
}

#wrapper ul.page-navi1 li {
	padding: 0;
	float:left;
	margin-right: 10px;
	background: none;
}

#wrapper ul.page-navi1 li a {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	height: 24px;
	width: 120px;
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 13px;
	font-weight: normal;
	color: red;
}

#wrapper ul.page-navi1 li a:hover, #wrapper ul.page-navi1 li a.current {
	background-color: #ddd;
	color: #1f1f1f;
}

#wrapper ul.page-navi2 {
	padding: 2px;
	margin-left: -2px;
	margin-top: -28.5px;
	margin-bottom: -6px;
}

#wrapper ul.page-navi2 li {
	padding: 0;
	float:left;
	margin-right: 10px;
	background: none;
}

#wrapper ul.page-navi2 li a {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	height: 24px;
	width: 65px;
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 13px;
	font-weight: normal;
	color: #565656;
}

#wrapper ul.page-navi2 li a:hover, #wrapper ul.page-navi2 li a.current {
	background-color: #ddd;
	color: #1f1f1f;
}

#sidebar {
	width: 300px;
	float: right;
}

.sidebox {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	width: 260px;
	padding: 10px;
	margin-bottom: 10px;
}

#searchform input {
	background: #e8e8e8 url(../style/images/search.png) no-repeat 230px center;
	width: 240px;
	padding: 5px 10px;
	height: 25px;
	border: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	color: #565656;
}

#wrapper .sidebox ul {
	padding: 0;
	margin: 0;
}

#wrapper .sidebox ul li a:hover {
	color: #5d8ba6;
	text-decoration: none;
}

#wrapper .sidebox ul.post-list li {
	background: none;
	background: transparent url(../style/images/line.png) bottom center repeat-x;
	padding: 10px 0 12px 0;
	margin: 0;
	clear: both;
	overflow: hidden;
	height: 60px;
}

#wrapper .sidebox ul.post-list li:last-child {
	padding: 12px 0 0 0;
	background: none;
}

#wrapper .sidebox ul.post-list.archive {
	padding: 0;
	margin: 0;
}

#wrapper .sidebox ul.post-list.archive li {
	padding: 5px 0 5px 0;
	height: 20px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

#wrapper .sidebox ul.post-list.archive li:last-child {
	padding: 5px 0 0 0;
}

#wrapper .sidebox ul.post-list li h4 {
	width: 180px;
	display: block;
	margin: 0;
	overflow: hidden;
	font-size: 15px;
}

#wrapper .sidebox ul.post-list li span.info {
	width: 180px;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	overflow: hidden;
	color: #565656;
}

#wrapper .sidebox ul.post-list li span.info a {
	color: #565656;
}

#wrapper .sidebox ul.post-list li span.info a:hover {
	text-decoration: none;
	color: #5d8ba6;
}

.sidebox ul.post-list li img {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 15px;
}

ul.tags {
	margin: 0;
	padding: 0;
}

#wrapper ul.tags li {
	margin: 0;
	padding: 0;
	background: none;
	list-style: none;
    float:left;
}

#wrapper ul.tags li a {
	padding: 3px 8px;
	float: left;
	margin: 5px 5px 0 0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-style: normal;
	background-color: #e8e8e8;
	font-size: 11px;
	text-transform: uppercase;
}

#wrapper ul.tags li a:hover {
	text-decoration:none;
}

ul.flickr {
	width:270px;
	margin-right:-10px;
	padding: 0;
	margin: 0;
}

#wrapper ul.flickr li {
	background: none;
	margin: 10px 10px 0 0;
	float:left;
	padding: 0;
	width:80px;
	height:80px;
}

ul.ads {
	width:270px;
	margin-right:-10px;
	padding: 0;
	margin: 0;
}

#wrapper ul.ads li {
	background: none;
	margin: 10px 10px 0 0;
	float:left;
	padding: 0;
	width:125px;
	height:125px;
}

#comment-wrapper {
	margin-top: 20px;
}

#comment-wrapper h3 {
	margin-bottom: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*	14.	BLOG COMMENTS
/*-----------------------------------------------------------------------------------*/

#comments {
	margin-top: 10px;
}

#comments ol.commentlist .message p {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	clear: both;
	padding: 0;
}

#comments ol.commentlist {
	list-style:none;
	margin:0;
}

#comments ol.commentlist li {
	margin: 0;
	margin-bottom: 20px;
	list-style:none;
	background: none;
	padding: 20px;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
}

#comments .user {
	float:left;
	width:60px;
	text-align: center;
	height: 80px;
}

.avatar {
	width: 60px;
	height: 60px;
	padding: 0;
	padding-bottom: 3px;
	float:left;
	display:block;
}

#comments .message .info .date {
	float:left;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #565656;
	margin-left: 5px;
	line-height: 17px;
}

#comments .info a {
	font-size:11px;
	float:left;
	text-decoration: none;
}

#comments a.reply-link {
	width: 60px;
	text-decoration:none;
	font-size:9px;
	text-transform: uppercase;
	font-style: normal;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#comments a.reply-link:hover {
	text-decoration: underline;
}

#comments .message {
	background:none;
	width:500px;
	float:right;
	font-size:13px;
	line-height:20px;
	position:relative;
	padding:0 0 0px 20px;
	background: transparent url(../style/images/line-v.png) left repeat-y;
	margin: 0;
}

#comments .message p {
	margin: 0;
}

#comments .info {
	margin: 0 0 3px 0;
}

#comments .info a:hover {
	color: #5d8ba6;
}

#comments ul.children {
	margin:0;
	padding:0 0 0 40px;
}

#comments ol.commentlist ul.children li {
	padding:20px 0 0 0;
	margin: 18px 0 0 0;
	background: none;
	background: transparent url(../style/images/line.png) top center repeat-x;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#comments ol.commentlist ul.children li .message {
	width:460px;
}

#comments ol.commentlist ul.children ul li .message {
	width:420px;
}

#comments ol.commentlist ul.children ul ul li .message {
	width:380px;
}

#comments ol.commentlist ul.children ul ul ul li .message {
	width:340px;
}

#comments ol.commentlist ul.children ul ul ul ul li .message {
	width:300px;
}

#comments ol.commentlist ul.children ul ul ul ul ul li .message {
	width:260px;
}

#comments .info h3 {
	margin: 0;
	padding: 0;
	line-height: 18px;
	display: inline;
}

#comments .info h3 a {
	font-size: 15px;
	font-style: normal;
}

#comment-form {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 20px;
}

.comment-form h3 {
	margin-bottom: 20px;
}

.comment-form input {
	display: block;
	width: 230px;
	height: 22px;
	height: 16px\0/;
	text-align: left;
	border: 0;
	padding: 5px 10px;
	padding: 8px 10px\0/;
	margin-bottom: 20px;
	background-color: #e8e8e8;
	color: #565656;
	font-size: 12px;
}

.comment-input {
	width: 250px;
	float: left;
	margin-right: 20px;
}

.comment-textarea {
	width: 330px;
	float: left;
}

.comment-form textarea {
	display: block;
	width: 310px;
	height: 106px;
	clear: both;
	border: 0;
	padding: 10px 10px 20px 10px;
	background-color: #e8e8e8;
	color: #565656;
	font-size: 12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.comment-form textarea:hover {
	border:none;
}

.comment-form input#submit-button {
	clear:both;
	float: right;
	margin:0px;
	text-align: center;
	margin: -5px 10px 0 0;
	width: auto;
	position: relative;
	z-index: 9999;
	background: transparent url(../style/images/submit.png) no-repeat;
	color: #FFF;
	padding: 5px 12px;
	font-size: 14px;
	height: 32px;
	width: 120px;
	cursor: pointer;
}

.comment-form p {
	position: relative;
	margin: 0;
	padding: 0;
}

.comment-form p label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 10px;
	font-size: 12px;
	color: #494c4f;
}

.comment-form p br {
	display: none;
}

/*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}

/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}

/*-----------------------------------------------------------------------------------*/
/*	15.	NEWS LIST
/*-----------------------------------------------------------------------------------*/

.jcarousel-container {
	float:left;
	display: block;
	position: relative;
	margin:0;
	padding:0;
}

.jcarousel-container-vertical {
	width:  95%;
	height: 565px;
}

.jcarousel-clip-vertical {
	height: 565px;
}

.jcarousel-item {
	height: 80px;
	overflow: hidden;
	position: relative;
	display: block;
	z-index: 1;
}

#newslist ul li {
	width:  100%;
	background: none;
	margin: 2px 0 1px 2px;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 15px;
	display: block;
	overflow: hidden;
}

#newslist p {
	margin: 0;
}

#newslist h4 {
	margin-bottom: 3px;
	line-height: 1;
}

#newslist h4 span {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #565656;
	padding-left: 5px;
}

#news h2 {
	float: left;
	margin-top: 10px;
}

#scroll {
	overflow: hidden;
	width: 80px;
	height: 30px;
	margin: 20px auto;
	padding: 2px;
}

#newslist-next {
	cursor: pointer;
	top:0px;
}

#newslist-prev {
	cursor: pointer;
	outline: 0;
}

a.jbutton, a.jbutton:link, a.jbutton:visited {
	display: block;
	padding: 0;
	height: 30px;
	width: 30px;
	background: transparent url(../style/images/gallery-arrows.jpg) no-repeat;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
	text-indent: -99999px;
}

a#newslist-prev.jbutton, a#prev.jbutton {
	background-position: top left;
	float: left;
	height: 30px;
	width: 30px;
}

a#newslist-next.jbutton, a#next.jbutton {
	background-position: top right;
	float: right;
	height: 30px;
	width: 30px;
}

a#newslist-prev.jbutton:hover {
	background-position: left -30px;
	text-decoration: none;
}

a#newslist-next.jbutton:hover {
	background-position: right -30px;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------*/
/*	16.	CONTACT
/*-----------------------------------------------------------------------------------*/

#wrapper ul.info li {
	background: none;
	padding: 0 0 0 35px;
	margin-bottom: 15px;
}

#wrapper ul.info li img {
	vertical-align: top;
}

#wrapper ul.info li.home {
	background: transparent url(../style/images/icon-home.png) no-repeat 0 2px;
}

#wrapper ul.info li.phone {
	background: transparent url(../style/images/icon-phone.png) no-repeat 0 2px;
}

#wrapper ul.info li.email {
	background: transparent url(../style/images/icon-email.png) no-repeat 0 4px;
}

#twitter-wrapper {
	float: none;
	clear: both;
	margin: 0 0 60px 0;
	position: relative;
}

#twitter {
	font-style: italic;
	font-size:12px;
	padding: 10px 0;
	background: #e8e8e8 url(../style/images/twitter.png) no-repeat 20px center;
	min-height: 28px;
}

#twitter ul {
	padding: 0;
	margin: 0;
}

#twitter ul li {
	background: none;
	padding: 5px 10px 5px 80px;
	line-height: 16px;
}

#twitter ul li a {
	color: #5d8ba6;
	text-decoration: none;
}

#twitter ul li a:hover {
	text-decoration: underline;
}

.username {
	background: transparent url(../style/images/twitter-arrow.png) no-repeat center top;
	position: absolute;
	padding: 15px 0 0 0;
	right: 0;
	bottom:-35px;
	font-size: 12px;
}

.username a {
	color: #5d8ba6;
}

#wrapper .contact-social ul {
	margin: 20px 0 0 0;
}

#wrapper .contact-social ul li {
	background: none;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

/*-----------------------------------------------------------------------------------*/
/*	17.	TOGGLE & TABS
/*-----------------------------------------------------------------------------------*/

.toggle {
	width: 100%;
	margin-bottom: 20px;
}

.toggle-wrapper {
	padding-bottom:5px;
	background: lightteal;
}

h2.trigger {
	width:100%;
	clear:both;
	font-size: 20px;
	margin:0px;
	display: block;
	color: rgba(255,127,39,1); 
	cursor: pointer;
	border-bottom:1px solid rgba(255,127,39,.5); 
}

h6.trigger {
	width:100%;
	clear:both;
	font-size: 13px;
	margin:0px;
	display: block;
	color: rgba(255,127,39,1); 
	cursor: pointer;
	border-bottom:1px solid rgba(255,127,39,.5); 
}

h2.trigger:hover,h2.trigger.active:hover {
	background-color: rgba(255,127,39,.75); 
	color: white;
}

h2.trigger.active,h2.trigger.active {
	color: rgba(255,127,39,1); 
}

h6.trigger:hover,h6.trigger.active:hover {
	background-color: rgba(255,127,39,.75); 
	color: white;
}

h6.trigger.active,h6.trigger.active {
	color: rgba(255,127,39,1); 
}

.togglebox {
	width:100%;
	height: auto;
	background-color: rgba(255,127,39,.1);
	/*background-color: rgba(0,128,128,.05);*/
	overflow: hidden;
	margin: 0px 0 10px 0;
}

.togglebox div ol {
	color:red;
	font-size: 13px;
    font-style: r;
}

.togglebox div {
	padding: 20px;
}

.togglebox p {
	line-height: 22px;
}

.togglebox p {
	line-height: 22px;
}

.tabbed-content {
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
	border-radius: 0 0 10px 10px;
}

.tab_container p{
	color: navy; 
	font-size: 11px;
    font-style: italic;
}

.tab_container img{
	box-shadow:1px 2px 0 white;
	padding-bottom:5px;
}

.tab img{
	margin-bottom:7.5px;
}

#wrapper ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
	color: #4d4d4d;
}

#wrapper ul.tabs li {
	float: left;
	margin: 0 0px 0 0;
	padding: 0px;
	background: none;
	overflow: hidden;
	position: relative;
	font-family: 'Puritan20Normal';
	list-style: none;
}

#wrapper ul.tabs li:first-child a{
	border-radius: 10px 0 0 0;
}

#wrapper ul.tabs li:last-child a{
	border-radius: 0 10px 0 0;
}

#wrapper ul.tabs li a {
	display: block;
	position: relative;
	padding: 8px 9.5px 8px;
	line-height: 1;
	text-align: center;
	font-weight: normal;
	cursor: pointer;
	color: #4d4d4d;
	text-shadow: none;
	border: 1px solid silver;
	background-color: rgba(128,0,0,.125);
}

#wrapper ul.tabs li a:hover {
	text-shadow: none;
	text-decoration: none;
	color: #FFF;
}

#wrapper ul.tabs li a {
	float: left;
}
#wrapper ul.tabs li a:hover {
	text-decoration: none;
	color: #4d87ab;
}
#wrapper ul.tabs li.active a {
	border: 1px solid rgba(255,127,39,.9);
	color: #fff;
	background-color: rgba(255,127,39,.5);
}

.tab_container {
	z-index: 999;
	position: relative;
	
	border-top: none;
	clear: both;
	float: left;
	width: 99%;
	border: 1px solid silver;
	background-color: rgba(128,0,0,.025);
	margin-top: 0px;
	border-radius: 0 0 10px 10px;
}

.tab_content {
	padding: 15px 15px 0 15px;
}

.s-titre {
	color: rgba(255,127,39,1); 
	font-size: 14px;    
	font-style: normal;
}

.s-titre1 {
	font-size: 28px;    
	font-style: normal;
}

.s-titre2 {
	font-size: 28px;    
	font-style: normal;
	margin-top: -20px;
	margin-left: 40%;
}

.s-titre2b {
	font-size: 28px;    
	font-style: normal;
	margin-top: -20px;
	text-align: center;
}

.s-titre3 {
	font-size: 28px;    
	font-style: normal;
	margin-top: -20px;
	margin-left: 32.5%;
}

/*-----------------------------------------------------------------------------------*/
/*	18.	CAROUSEL
/*-----------------------------------------------------------------------------------*/

#wrapper .d-carousel ul li {
	background: none;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 15px;
	width: 15.31%;
}

.jcarousel-direction-rtl {
	direction: rtl;
}

.d-carousel h4 {
	margin: 5px 0 5px 0;
}

.d-carousel .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.d-carousel .jcarousel-item {
	width: 16.625%;
	height: 290px;
}

.d-carousel .jcarousel-container-horizontal {
	width: 76.125%;
	height: 325px;
	padding: 0 45px;
}

.d-carousel.sgrid .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-clip-horizontal {
	width:  76.125%;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-item {
	width: 16.625%;
	height: 120px;
}

.d-carousel .jcarousel-item-horizontal {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 11px;
}

.d-carousel .jcarousel-next-horizontal {
	position: absolute;
	top: 149px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../style/images/blog-arrows.jpg) no-repeat top right;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel.sgrid .jcarousel-next-horizontal {
	position: absolute;
	top: 60px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../style/images/blog-arrows.jpg) no-repeat top right;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(../style/images/blog-arrows.jpg);
}

.d-carousel .jcarousel-next-horizontal:hover {
	background-position: bottom right;
}

.d-carousel .jcarousel-prev-horizontal {
	position: absolute;
	top: 149px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../style/images/blog-arrows.jpg) no-repeat top left;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel.sgrid .jcarousel-prev-horizontal {
	position: absolute;
	top: 60px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: gray url(../style/images/blog-arrows.jpg) no-repeat top left;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(../style/images/blog-arrows.jpg);
}

.d-carousel .jcarousel-prev-horizontal:hover {
	background-position: bottom left;
}
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/

#wrapper .d-carousel ul li {
	background: none;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 15px;
	width: 175px;
}

.jcarousel-direction-rtl {
	direction: rtl;
}

.d-carousel h4 {
	margin: 5px 0 5px 0;
}

.d-carousel .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.d-carousel .jcarousel-item {
	width: 190px;
	height: 290px;
}

.d-carousel .jcarousel-container-horizontal {
	width: 870px;
	height: 325px;
	padding: 0 45px;
}

.d-carousel.sgrid .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-clip-horizontal {
	width:  870px;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-item {
	width: 190px;
	height: 120px;
}

.d-carousel .jcarousel-item-horizontal {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 11px;
}

.d-carousel .jcarousel-next-horizontal {
	position: absolute;
	top: 149px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../style/images/blog-arrows.jpg) no-repeat top right;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel.sgrid .jcarousel-next-horizontal {
	position: absolute;
	top: 60px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../style/images/blog-arrows.jpg) no-repeat top right;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(../style/images/blog-arrows.jpg);
}

.d-carousel .jcarousel-next-horizontal:hover {
	background-position: bottom right;
}

.d-carousel .jcarousel-prev-horizontal {
	position: absolute;
	top: 149px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../style/images/blog-arrows.jpg) no-repeat top left;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel.sgrid .jcarousel-prev-horizontal {
	position: absolute;
	top: 60px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: gray url(../style/images/blog-arrows.jpg) no-repeat top left;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(../style/images/blog-arrows.jpg);
}

.d-carousel .jcarousel-prev-horizontal:hover {
	background-position: bottom left;
}
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/**********************form**********************/

#notreformulaire { 
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:10px 25px 5px 60px;
	
}


#formulairedecontact label { 
	cursor:pointer;
	margin:4px 0;
	color:#ed7700;
	display:block;
	font-weight:800;
	
}

select, input { 
	display:inline-block;
	width:30%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid rgba(192,192,192,.5);
	padding:3px;
	margin-bottom:10px;
}

.dim15 { 
	display:inline-block;
	width:17.5%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid rgba(192,192,192,.5);
	padding:3px;
	margin-bottom:10px;
}

.dim75 { 
	display:inline-block;
	width:75.75%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid rgba(192,192,192,.5);
	padding:3px;
	margin-bottom:10px;
}


.dim70 { 
	display:inline-block;
	width:74.5%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid rgba(192,192,192,.5);
	padding:3px;
	margin-bottom:10px;
}

textarea { 
	display:block;
	width:90%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid silver;
	padding:10px;
	margin-bottom:15px;
}

.sendButton {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgba(150,220,235,1)), color-stop(1, rgba(100,200,225,1)) );
	background:-moz-linear-gradient( center top, rgba(150,220,235,1) 5%, rgba(100,200,225,1) 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(150,220,235,1)', endColorstr='rgba(100,200,225,1)');
	background-color:teal;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid rgba(100,200,225,1);
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	width:12.5%;
	font-weight:bold;
	text-shadow:1px 1px 0px #cc9f52;
}
.sendButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgba(0,0,235,1)), color-stop(1, rgba(0,0,160,1)) );
	background:-moz-linear-gradient( center top, rgba(0,0,235,1) 5%, rgba(0,0,160,1) 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,235,1)', endColorstr='rgba(0,0,160,1)');
	border:1px solid rgba(0,0,235,1);
	background-color:rgba(0,0,235,.25);
}
/*--------------------------------------------------------------*/
/***************** Authentification & Màj BD ********************/
/*--------------------------------------------------------------*/

.tableheader {
background-color: teal;
color:white;
font-weight:bold;
font-size: 28px;
}
.tablerow {
background-color: lightseagreen;
color:white;
font-size: 18px;
}
.message {
color: #F00;
font-weight: bold;
text-align: center;
width: 100%;
}
.tab_bg1  th {
background-color: #95BEE6;
color:white;
font-weight:bold;
text-align: center;
}
.tab_bg2  td{
background-color: #A7D6F1;
color:navy;
text-align: center;
}