/*============================================================*/
/*---------- Import Bootstrap override ----------*/
/*============================================================*/
@import url('bootstrap-override.css');
/*============================================================*/
/*
Structure CSS

1. MISE EN PLACE TEMPLATE
	1.1 Styles generaux
	1.2 Typo 
	1.3 Styles de boutons 
	1.4 Liste de styles
	1.5 Divider et spacers
	1.6 Blockquote
	1.7 Accordeon
	1.8 style d'images
	
2. STRUCTURE TEMPLATE
	2.1 Communs
	2.2 Header
	2.3 Header-btm / Home-header-btm
	2.4 Contenu 
	2.5 Prix ( si necessaire )
	2.6 Portfolio ( si necessaire )
	2.7 Contact & Formulaire
	2.8 Footer
	2.9 Copyright
	2.10 Menu principale / navigation
	2.11 Les CSS pour Slider et elasticide osnt donnes separement

3. Media queries
    		Note - les Media queries pour sliders / elastislide sont sur des CSS separes.

4. CORRECTIONS DE NAVIGATEURS - IE 
/*============================================================*/
/*---------- 1. MISE EN PLACE TEMPLATE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 1.1 Styles generaux -----*/
/*----------------------------------------*/
body {
	background: #f2f2f2;
	font-size: 14px;
	color: #767676;
	font-weight: 400;
	line-height: 1.6em;
	text-shadow: 0px 1px 0px #fff;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
iframe {
	border: none;
}
/*----------------------------------------*/
/*----- 1.2 Typo -----*/
/*----------------------------------------*/

body, h1, h2, h3, h4, h5, h6, .mybtn, .mybtn-color, .mybtn-small, .mybtn-small-color, label, input, button, select, textarea, input[type="text"], .submit, .ddsmoothmenu ul li a {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
em, blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.table-th {
	font-family: Arial, Helvetica, sans-serif;
}
/*Autres typo*/
h1, h2, h2.2, h3, h4, h5, h6 {
	color: #646464;
	font-weight: 600;
	line-height: 1.3em;
	font-style: normal;
	margin-bottom: 15px;
	
}

h8 {
	font-size: 24px;
	color: #646464;
	font-weight: 600;
	line-height: 1.0em;
	font-style: normal;
	margin-bottom: 15px;
	
}

h1 {
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 25px;
	text-align: center;
	line-height: 1em;
}
h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
h5 span {
	font-size: 12px;
	font-weight: 400;
	display: block;
}
h6 {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0px;
}

h7 {
	font-size: 22px;
	font-weight: 400;
	color: #99FF00;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #646464;
}
a {
	color: #44b1d9;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color: #767676;
	text-decoration: none;
}
.color {
	color: #1381d3 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-transform: inherit !important;
	display: inline !important;
}
.heading-icon img {
	margin-top: -10px;
}
.text-center {
	text-align: center;
}
/*----------------------------------------*/
/*----- 1.3 Styles de boutons -----*/
/*----------------------------------------*/
.mybtn, .mybtn-color, .mybtn-small, .mybtn-small-color {
	background: #484848;
	padding: 10px 40px;
	margin-top: 10px;
	font-size: 18px;
	color: #fff !important;
	line-height: 18px;
	font-weight: 600;
	text-shadow: 0px 1px 0px #000;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
}
.mybtn-small, .mybtn-small-color {
	padding: 7px 15px 8px 15px;
	font-size: 13px;
}
.mybtn-color, .mybtn-small-color {
	background: #44b1d9;
}
.mybtn:hover, .mybtn-small:hover {
	background: #44b1d9;
}
/*----------------------------------------*/
/*----- 1.4 Liste de styles -----*/
/*----------------------------------------*/
/*liste avec checkmark*/
.list-checkmark li {
	background: url(../img/list-bullet-checkmark.png) no-repeat 0 6px;
	padding-left: 20px;
	margin-bottom: 10px;
	list-style-type: none;
	display: block;
}
/*liste avec serarateur vertical*/
.list-separator {
	margin-bottom: 10px;
	text-align: center;
}
.list-separator li {
	background: none;
	list-style: none;
	display: inline;
}
.list-separator .separator {
	padding: 0 10px;
	color: #aaa;
}
/*listes sans style*/
.list-unstyled li {
	margin-bottom: 20px;
	background: none;
	list-style-type: none;
	display: block;
}
.list-unstyled img {
	margin-right: 10px;
	float: left;
}
.list-unstyled span {
	font-size: 12px;
}
/*liste inline*/
.list-inline li {
	padding: 0px 10px;
	background: none;
	list-style-type: none;
	display: inline !important;
}

/*----------------------------------------*/
/*----- 1.5 Divider and spacers -----*/
/*----------------------------------------*/
.divider {
	background: url(../img/divider-full.jpg) repeat-x;
	width: 100%;
	height: 2px;
	margin: 30px auto;
	display: block;
}

.spacer-20px, .spacer-30px, .spacer-40px {
	width: 100%;
	height: 20px;
	display: block;
	clear: both;
}
.spacer-20px {
	height: 20px !important;
}
.spacer-30px {
	height: 30px !important;
}
.spacer-70px {
	width: 70px !important;
}
.spacer-40px {
	height: 40px !important;
}
/*----------------------------------------*/
/*----- 1.6 Blockquote -----*/
/*----------------------------------------*/
/*blockquote avec ligne*/
blockquote {
	border-left: 5px solid #44b1d9;
}
blockquote p {
	font-size: 14px;
	color: #44b1d9;
	font-style: italic;
	padding-bottom: 3px;
	margin: 0;
}
blockquote.pull-right {
	border-right: 5px solid #44b1d9;
}
/*----------------------------------------*/
/*----- 1.7 Accordeon -----*/
/*----------------------------------------*/
.accordion-group, .accordion-inner {
	border: 0px;
	border-radius: 0px;
}
.accordion-heading {
}
.accordion-heading a {
	color: #44b1d9;
	font-weight: 600;
	outline: none;
	text-shadow: none;
}
/*----------------------------------------*/
/*----- 1.8 Styles d'images -----*/
/*----------------------------------------*/
.img-left {
	float: left;
	margin-right: 20px;
}
.img-right {
	float: right;
	margin-left: 20px;
}
/*============================================================*/
/*---------- 2. STRUCTURE DU TEMPLATE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 2.1 Communs  -----*/
/*----------------------------------------*/
.content-top {
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}
.relativeto {
	position: relative;
}
/*dark box*/
.dark-box {
	background: #282828;
	padding: 20px 20px 25px 20px;
	text-shadow: 0px 1px 0px #000;
	text-align: center;
}
.dark-box h1, .dark-box h2, .dark-box h3, .dark-box h4, .dark-box h5, .dark-box h6 {
	text-shadow: 0px 1px 0px #000;
}
/*----- liste 3, 4, 5 colonnes  -----*/
.list-3col, .list-4col {
	margin-left: -20px;
}
.list-3col li {
	width: 300px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-4col li {
	width: 220px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
/*icones avec fond colores*/
.icon-bg {
	background: #44b1d9;
	width: 120px;
	height: 120px;
	border-radius: 120px;
	-moz-border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0 auto 20px auto;
}
.icon-bg-white {
	background: #ffffff;
	width: 120px;
	height: 120px;
	border-radius: 120px;
	-moz-border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0 auto 20px auto;
}
.icon-small-bg {
	background: #44b1d9;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-right: 10px;
	float: left;
}
.icon-bg img, .icon-small-bg img {
	float: left;
}
/*----------------------------------------*/
/*----- 2.2 Header  -----*/
/*----------------------------------------*/
#header {
	background: url(../img/patterns/body-bg.jpg) repeat #000;
	width: 100%;
	padding: 20px 0px;
}
/*--- liste icones sociales ---*/
.social {
	padding-left: 20px;
	float: right;
	display: block;
}
.social li {
	background: none;
	list-style-type: none;
	display: inline-block;
	float: left;
}
/*----------------------------------------*/
/*----- 2.3 header-btm   -----*/
/*----------------------------------------*/
#header-btm {
	background: #e3e3e3;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 40px 0px 15px 0px;
	margin-bottom: 30px;
}
/*----------------------------------------*/
/*----- 2.4 contenu  -----*/
/*----------------------------------------*/
#content {
	padding-bottom: 30px;
}
.main-content {
	float: left;
}
.main-content2 {
	float: left;
	border: 1px solid #4c4c4c;
}
.sidebar {
	float: right;
}
.sidebar-contact {
	float: right;


	width: 150.px;
	width: 200px;
}
/*----- a propos -----*/
.about-overlay {
	background:  rgba(0, 0, 0, 0.9);
	max-width: 300px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	color: #a7a7a7;
	text-shadow: 0px 1px 0px #000;
}
.overlay-inner {
	padding: 20px;
}
.about-overlay h3 {
	margin-bottom: 5px;
}
/*----- equipe -----*/
.team img {
	margin-bottom: 10px;
}
/*----- features -----*/
.features-big li, .features-small li {
	margin-bottom: 30px !important;
	background: none;
	list-style-type: none;
}
.features-small h5 img {
	float: left;
	margin-right: 10px;
	margin-top: -7px;
}
.list-icon li {
	padding: 0px 5px;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	width: auto !important;
	list-style-type: none;
	background: none;
	float: left;
}
.list-icon .icon-bg {
	margin-bottom: 10px;
}
.plus {
	margin-top: 50px !important;
}
/*----------------------------------------*/
/*----- 2.5 prix ( si necessaire ) -----*/
/*----------------------------------------*/
.pricing {
	width: 100%;
	padding: 0;
	margin-top: 10px;
	display: inline-block;
	text-shadow: none;
	float: left;
}
.pricing-intro {
	text-align: center;
	margin-bottom: 30px;
}
.pricing-intro h1 {
	margin-bottom: 0px;
}
.pricing.three-col .price-column {
	width: 33.2%;
}
.pricing.four-col .price-column {
	width: 24.9%;
}
.pricing.five-col .price-column {
	width: 19.9%;
}
.price-column {
	font-size: 13px;
	background:#FFFFFF;
	height:100%;
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	display:inline-block;
	position: static;
	overflow: hidden;
	float:left;
}
.price-column.first {
	border-left: 1px solid #e6e6e6;
}
.price-column.last {
	border-right: 1px solid #e6e6e6;
}
.price-column.focused {
	background: #262626;
	height: auto;
	margin-top: -20px;
	padding-bottom: 20px;
	vertical-align: middle;
	overflow: hidden;
	border: 0px !important;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-transform:scale(1.00)!important;
	-ms-transform:scale(1.00)!important;
	-webkit-transform:scale(1.00) !important;
	-o-transform:scale(1.00)!important;
	transform:scale(1.00)!important;
}
.price-column.focused:hover {
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-ms-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.8);
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
/*table heading*/
.table-th {
	background: #262626;
	width: 100%;
	padding: 15px 0px;
	color:#ffffff;
	overflow:hidden;
	text-shadow: none;
	float:left;
}
.table-th h4 {
	margin: 0px 15px 0px 20px;
	font-size: 18px;
	color: #ffffff;
	line-height: 18px;
	display: inline;
	float: left;
}
.table-th {
	font-size: 24px;
	color: #44b1d9;
	font-weight: bold;
	display: inline;
	line-height: 1em;
}
sup {
	vertical-align: middle;
	font-size: 14px;
}
/*contenu table*/
.table-content {
	padding: 20px;
}
.table-content p {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
}
.price-column.focused .table-content p {
	border-bottom: 1px dotted #a0a0a0 !important;
}
p.table-slug {
	font-size: 11px;
	color: #44b1d9;
	padding: 0;
	margin-left: 20px;
	display: block;
	line-height: 1em;
}
.sign-available {
	background: url(../img/correct.png) no-repeat right 0px;
	padding-right: 30px;
}
.sign-notavailable {
	background: url(../img/cross.png) no-repeat right 0px;
	padding-right: 30px;
}
/*----------------------------------------*/
/*----- 2.6 portfolio ( si necessaire ) -----*/
/*----------------------------------------*/
.filter_nav {
	margin: 0px 0px 10px 0px;
	display: inline-block;
}
.filter_nav li {
	padding:0;
	margin: 0;
	display:inline;
	list-style-type: none;
	float: left;
}
.filter_nav li a {
	padding: 8px 8px 7px 7px;
	margin-right: 15px;
	line-height: 11px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	outline: none;
}
.filter_nav li a:hover, .filter_nav li.active a {
	background: #484848;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
/*portfolio 3 & 4 colonnes*/
.portfolio_3column, .portfolio_4column {
	margin-left: -20px;
}
.portfolio_3column img, .portfolio_4column img {
	width: 100%;
}
.portfolio_3column li, .portfolio_4column li {
	height: auto;
	margin: 0px 0px 20px 20px;
	list-style-type: none;
	position:relative;
	float: left;
}
.portfolio_3column li {
	width: 300px;
}
.portfolio_4column li {
	width: 220px;
}
/*icone folio*/
.folio-thumb {
	margin-bottom: 10px;
	display:inline-block;
	position:relative;
}
.icon-zoom {
	background: url(../img/zoom.png) no-repeat 0 0;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	z-index: 9;
	outline: none;
}
.icon-zoom:hover {
	background-position: 0 -100px;
}
/*----------------------------------------*/
/*----- 2.7 contact et forumlaire -----*/
/*----------------------------------------*/
.contact h5 {
	margin-bottom: 0px;
}
/*----- formulaire -----*/
form {
	margin: 0;
	padding: 0;
	z-index: 0;
}
form p {
	margin-bottom: 20px;
	padding-bottom: 0px;
	background: none;
	list-style-type: none;
}
form label.error {
	font-size: 10px;
	color: #b94a48 !important;
	width: 69%;
	padding-left: 31%; /*largeur du label + 1% (padding-right du label) */
	line-height: 1.4em;
}
form input.error, form textarea.error {
	border-color: #b94a48 !important;
	box-shadow: none;
}
label, input, button, select, textarea, input[type="text"] {
	font-size: 14px;
	color: #767676;
	font-weight: 400;
	line-height: 2.7em;
	text-shadow: 0px 1px 0px #fff;
}
label {
	width: 30%; /*augmenter la largeur du label si texte label plus long*/
	padding-right: 1%;
	float: left;
	height: auto;
}
input[type="text"], select, textarea {
	width: 66% !important;
	height: 30px;
	padding: 5px;
	margin: 0;
	display: inline-block;
}
textarea {
	width: 66% !important;
	height: auto;
}
select {
	width: 100% !important;
	height: 40px;
}
input[type="text"], textarea, select {
	background-color: #fff;
	border: 1px solid #dadee1;
	box-shadow: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: border linear 0.2s;
	-moz-transition: border linear 0.2s;
	-ms-transition: border linear 0.2s;
	-o-transition: border linear 0.2s;
	transition: border linear 0.2s;
}
textarea:focus, input[type="text"]:focus, select:focus {
	box-shadow: none;
}
.submit {
	background: #484a4b;
	padding: 10px 40px;
	margin-left: 31%; /*largeur du label + 1% (padding-right du label) */
	font-size: 16px;
	color: #fff !important;
	line-height: 16px;
	font-weight: 600;
	text-shadow: 0px 1px 0px #000;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background: #44b1d9;
}
#result {
	padding-left: 31%; /*largeur du label + 1% (padding-right du label) */
}
/*----------------------------------------*/
/*----- 2.8 Footer  -----*/
/*----------------------------------------*/
#footer {
	background: url(../img/patterns/body-bg.jpg) repeat #000;
	padding: 30px 0px;
	text-shadow: 0px 1px 0px #000;
}
#footer h5 a:hover {
	color: #44b1d9;
}
/*twitter feed*/
#twitter {
	background: #282828;
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.1) inset;
	-webkit-box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.1) inset;
	box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.1) inset;
	display: block;
}
#twitter li, #twitter p {
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/*liste info*/
.list-info li {
	background: url(../img/footer-item-divider.png) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 8px;
	list-style-type: none;
	display: block;
}
.list-info li:last-child {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.list-info li img {
	margin-right: 15px;
	margin-top: 5px;
	float: left;
}
/*----------------------------------------*/
/*----- 2.9 Copyright  -----*/
/*----------------------------------------*/
#copyright {
	background: #484848;
	width: 100%;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #5b5c5d;
	font-size: 11px;
	color: #242424;
	font-weight: 600;
	text-shadow: 0px 1px 0px #555;
}
#copyright a {
	color: #242424;
}
#copyright a:hover {
	color: #fff;
	text-shadow: none;
}
#copyright p {
	float: left;
}
.copyright-menu {
	float: right !important;
}
.copyright-menu li {
	padding-left: 10px;
	list-style-type: none;
	float: left;
}
/*----------------------------------------*/
/*----- 2.10 Menu / Navigation -----*/
/*----------------------------------------*/
.ddsmoothmenu {
	background: transparent scroll;
	width: auto;
	padding: 0;
	margin: 0;
	float: right;
}
.ddsmoothmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: transparent;
	box-shadow: none;
	z-index:100;
}
.ddsmoothmenu ul li {
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
	display: inline;
	float: left;
}
.ddsmoothmenu ul li a {
	font-size: 12px;
	color: #a7a7a7;
	font-weight: 600;
	line-height: 1em;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	padding: 10px;
	margin-right: 1px;
	background: transparent;
	text-shadow: 0px 1px 0px #000;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
}
.ddsmoothmenu ul li a.menu_color {
	color: #44b1d9 !important;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover {
	background: #484848;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: none;
}
.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
	background: transparent;
	box-shadow: none;
	border-radius: 0px;
	border: none;
	color: #fff !important;
}
* html .ddsmoothmenu ul li a { /*IE6 hack pour que les liens des sous-menus fonctionnent correctement*/
	display: inline-block;
	color: #a7a7a7;
}
/*1er niveau de sous menu*/
.ddsmoothmenu ul li ul {
	background: #484848;
	margin-top: 1px;
	position: absolute;
	left: 0;
	display: none; /*coreferme tous les sous menu*/
	visibility: hidden;
	box-shadow: none !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/*liste objets sous menu (annule celle du menu superieur)*/
.ddsmoothmenu ul li ul {
	padding: 0px 5px;
}
.ddsmoothmenu ul li ul li {
	background: url(../img/header-nav-item-divider.png) repeat-x bottom;
	padding: 10px 10px 12px 10px;
	box-shadow: none !important;
	display: list-item;
	float: none;
}
.ddsmoothmenu ul li ul li:last-child {
	background: none;
}
.ddsmoothmenu ul li ul li a {
	width: 160px; /*largeur sous menu*/
	margin: 0;
	line-height: 1em;
	font-size: 12px !important;
	padding: 0;
	text-transform: none;
	box-shadow: none !important;
}
/*offset vertical des autres sous menus subsequents */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	margin-left: 16px;
}
/* Holly Hack pour IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack pour IE7 et inferieur*/
.downarrowclass {
	display: none;
}
.rightarrowclass {
	display: none;
}
/*selsction menu - pour l'effet Responsive*/
.ddsmoothmenu select {
	display: none;
	cursor: pointer !important;
	color: #a7a7a7 !important;
	outline: none;
	border: 1px solid #767676;
	width: 100%;
	padding: 5px 10px;
	background: #282828;
	font-size: 12px;
	height: auto;
	margin: 0 auto;
	text-shadow: 0px 1px 0px #000;
}
/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 3.1 Mobile (Portrait) / optimisé pour une largeur de 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {
body {
padding: 0;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.main-content, .sidebar {
margin-bottom: 20px;
}
.logo {
text-align: center;
}
h1 {
font-size: 26px;
}
.ddsmoothmenu {
float: left;
width: 100%;
}
.ddsmoothmenu ul {
display: none;
}
.social {
margin-top: 20px;
padding: 0;
width: 100%;
text-align: center;
display: block;
float: none;
}
.social li {
padding-left: 0px;
float: none
}
.ddsmoothmenu select {
width: 100% !important;
margin-top: 20px;
float: left !important;
display: block;
}
.list-3col, .list-4col {
margin-left: 0;
}
.list-3col li, .list-4col li {
width: 100%;
margin-left: 0px;
margin-bottom: 30px !important;
display: block;
}
.about-overlay {
max-width: 100%;
margin: 0;
position: relative;
top:  100%;
left: 0;
}
.copyright-menu {
width: 100%;
float: left;
display: block;
}
.copyright-menu li {
padding-left: 0px;
padding-right: 10px;
}
/*contact form*/
label {
width: 100%;
padding-right: 0%;
float: none;
line-height: 1em;
}
input[type="text"], select, textarea {
width: 97% !important;
padding: 5px;
}
textarea {
width: 97% !important;
}
.submit {
margin-left: 0%;
margin-top: 10px;
}
#result {
padding-left: 0%;
}
form label.error {
width: 97%;
padding-left: 0%;
}
/*pricing*/
.pricing.three-col .price-column, .pricing.four-col .price-column, .pricing.five-col .price-column {
width: 99.8%;
border: 1px solid #e6e6e6;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
margin-bottom: 20px;
}
.price-column.focused {
margin-top: 0px;
}
/*portfolio*/
.portfolio_3column, .portfolio_4column, .portfolio_5column {
 margin-left: 0px;
 text-align: left;
}
.portfolio_3column li, .portfolio_4column li, .portfolio_5column li {
 width: 100%;
 margin: 0px 0px 20px 0px;
 display: block !important;
 text-align: left;
 float: none;
}
}
/*----------------------------------------*/
/*----- 3.2 Mobile (Paysage) / optimisé pour une largeur de 480px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/*----------------------------------------*/
/*----- 3.3 Tablette (Portrait) / optimisé pour une largeur de 768px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.ddsmoothmenu {
float: right;
width: 70%;
}
.ddsmoothmenu ul {
display: none;
}
.ddsmoothmenu select {
width: 100% !important;
margin: 0;
display: inline-block;
float: left;
}
.list-3col li {
width: 228px;
}
.list-4col li {
width: 166px;
}
.about-overlay {
max-width: 100%;
margin: 0;
position: relative;
top:  100%;
left: 0;
}
.portfolio_3column li {
 width: 228px;
}
.portfolio_4column li {
 width: 166px;
}
}

/*============================================================*/
/*---------- 4. CORRECTIONS DE NAVIGATEURS ----------*/
/*============================================================*/
@media \0screen {
.social li {
	width: 28px;
	height: 28px;
}
.about-overlay {
	background: #000;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
}