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

Projet : Template site "Cliqeo template demo"

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

/*-------------------------------------------------------------------------
============================================================================
            [ CSS Framework pour responsive themes pour CLIQEO ]
============================================================================
--------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
1/*-----------[ Reset ]
2/*----------[ Header ]
3/*--[ Main container ]
4/*------[ Navigation ]
5/*---------[ Content ]
6/*------[ Form Input ]
7/*----------[ Tables ]
8/*------------[ Line ]
9/*-----[ Search Form ]
10/*------[ Read More ]
11/*------------[ Map ]
12/*--------[ Sidebar ]
13/*---------[ Footer ]
14/*-[ Contact Widget ]
15/*-----[ Ad Widgets ]
16/*-----[page contact]
17/*-------[Responsive]
/*--------------------------------
/*-[ Reset ]
---------------------------------*/
@import url("http://fonts.googleapis.com/css?family=Oswald:300,400,700");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
html {
    overflow-x: hidden;
}
.class_box {
	background-color:white;
	background: none;
    background-image: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
    display:block;
}
ol, ul{
    list-style:none;
}
blockquote, q{
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
button, input, select, textarea{
    margin:0;
}
:focus{
    outline:0
}
a:link{
    -webkit-tap-highlight-color:#FF5E99;
	color: fuchsia;
}

iframe {
    max-width:100%;
}
blockquote{
    font-style:italic;
    font-weight:normal;
    font-family:Georgia,Serif;
    font-size:15px;
    padding:0 10px 20px 27px;
    position:relative;
    margin-top: 25px;
}
blockquote:after{
    position:absolute;
    content:'"';
    font-size:40px;
    color:#D0D9E0;
    width:50px;
    top:-5px;
    left:0;
    font-family:arial;
}
blockquote p{
    margin-bottom:10px;
}
strong ,b {
    font-weight:bold;
}
em, i, cite {
    font-style:italic;
    font-family:georgia;
}
small{
    font-size:100%;
}
figure{
    margin:10px 0;
}
code,pre{
    font-family:monospace,consolas,sans-serif;
    font-weight:normal;
    font-style:normal;
}
pre{
    margin:5px 0 20px 0;
    line-height:1.3em;
    padding:8px 10px;
    overflow:auto;
}
code{
    padding:0 8px;
    line-height:1.5;
}
mark{
    padding:1px 6px;
    margin:0 2px;
    color:black;
    background:#FFD700;
}
address{
    margin:10px 0
}

@font-face {
				font-family: 'SegoeUI-Regular';
				src: url('fonts/segoeui.eot');
				src: url('fonts/segoeui-.eot#iefix') format('embedded-opentype'),
						 url('fonts/segoeui.woff') format('woff'),
						 url('fonts/segoeui.ttf') format('truetype'),
						 url('fonts/segoeui.svg#segoeui') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
		font-family: 'SegoeUI-Bold';
		src: url('fonts/segoeuibold.eot');
		src: url('fonts/segoeuibold-.eot#iefix') format('embedded-opentype'),
				url('fonts/segoeuibold.woff') format('woff'),
				url('fonts/segoeuibold.ttf') format('truetype'),
				url('fonts/segoeuibold.svg#segoeuibold') format('svg');
		font-weight: normal;
		font-style: normal;
		}

/*--------------------------------
/*-[ Header ]
---------------------------------*/
body.offre{
	background-color:#284a91;
}
#header h1{
    width:375px; 
	margin-top: 0;
	color: transparent;
}

#header h2{
	white-space : nowrap;
}
#header h1 a{
    background: url("images/logo.png") no-repeat;
    display: block;
    min-height: 120px;
    line-height: 28px;
}
.more a, .bubble a:hover, #commentform input#submit {
    background-color: #79ACCD;
	color: #79ACCD;
}
a, .title a:hover, #navigation ul ul li a:hover, #navigation > ul > li > a:hover {
    color:#79ACCD;
}
/*-----------------------------------------------
=================================================
                   [ Body ]
=================================================
------------------------------------------------*/
body{
    line-height:1;
    font: 14px/23px 'SegoeUI-Regular', sans-serif;
    color: #969ca2;
	background-image:url('images/main.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#969ca2
}
::-moz-selection{
    background:#333;
    color:#fff;

}
::selection{
    background:#333;
    color:white;
}
#page, .container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
    margin-bottom:12px;
    font-family: 'SegoeUI-Bold';
    color: #777;
}
h1{
    font-size:28px;
    line-height:44px;
}
h2{
    font-size: 15pt;
    line-height: 30pt;
}
h3{
    font-size:22px;
    line-height: 38px;
}
h4{
    font-size:20px;
    line-height:24px;
}
h5{
    font-size:18px;
    line-height:34px;
}
h6{
    font-size:16px;
    line-height:24px;
}
.sub-title{
    font-size:12px;
}
p{
    margin-bottom: 20px;
    line-height: 20px;
}
a{
    text-decoration:none;
    color: #79ACCD;
    -webkit-transition: background-color, color 0.2s linear;
    -moz-transition: background-color, color 0.2s linear;
    transition: background-color, color 0.2s linear;

}
a:hover{
    color:#000000;
}
a:link, a:visited, a:active{
    text-decoration:none;
}
:target{
    padding-top:20px;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
form.cmxform { width: 50em; }
em.error {
  background:url("images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
}
em.success {
  background:url("http://www.controle-technique-lille.fr/templates/images/checked.gif") no-repeat 0px 0px;
  padding-left: 16px;
}
h2#summary {
color : blue;
}
form.cmxform label.error {
	margin-left: auto;
	width: 250px;
}
em.error { color: black; }
#warning { display: none; }
/*-----------------------------------------------
/*-[ Main container ]
-----------------------------------------------*/
#page,
.container{
    background:transparent;
   /* padding:0 0 0 20px;*/
    max-width: 960px;
    min-width:240px;
    overflow:visible;
}
#page{
    min-height:100px;
    float: none;
    clear: both;
    overflow:hidden;
	background-color:#fdfefe;
    background-image:url("images/ombre-img.png");
    background-repeat:no-repeat;
    background-position:top center;
}
#content_box p,#content_box span,#content_box li{ 
	line-height:18px!important;
	margin:0!important
}
/*-----------------------------------------------
/*-[ Header ]
-----------------------------------------------*/
body > header{
    width: 100%;
    position: relative;
	background:#fff;
}
.main-header {
    position: relative;
    width: 100%;
    z-index: 99;
	background-color:#fefefe;
    position: relative;
    width: 100%;
    margin: 0;
	border-bottom: 18px solid #231f21;
}
#header h1 {
    font-size: 20px;
    font-family: 'SegoeUI-Bold';
    display: block;
    float: left;
    margin: 0;
    line-height: 35px;
    text-transform: uppercase;
    padding-top: 0;
	margin-top:12px;
}
#header h3 {
position: absolute;
top: 109px;
right: 20px;
text-align: right;
color:#ffffff;
font-size:18px;
font-family:'SegoeUI-Bold';
font-style:italic;
font-weight:700;
line-height:39px;

}
#logo {
position: relative;
}
#logo a {
    color: transparent;
}
#logo span {
bottom: 17px;
color: #ee1e2e;
font-family: 'SegoeUI-Regular';
font-size: 12px;
font-weight: 400;
position: absolute;
left: 10px;
line-height: 14px;
text-transform: none;
}
.banner-header {
    float: right;
    width: 215px;
}
.phone-left{
    margin-right: 80px;
    margin-top: 16px;
	width: 243px;
	margin-bottom: 15px;
}
.banner-header.rdv{
	margin-top:5px
}
.banner-header a.devis {
	display:block;
	background-image:url('images/devis.png');
	background-repeat:no-repeat;
	background-position: top center;
	padding-top:65px
}
.banner-header a.devis p{
  font-size:30px!important;
 line-height:39px!important;
 margin-top:0!important;
 font-family:'Oswald', sans-serif;
	font-weight:400;
	color:#fff;
	text-align:center;
	
	background-color:#232021;
	border-radius:2px;
	
}
.banner-header div.phone{
    background:url("images/phone.png") no-repeat;
    width:242px;
    height:54px;
    float:right
}
.banner-header div.phone h2{
	font-size:22px;
	font-weight:700;
	padding-left: 55px;
	color:#ed1e2e;
	font-size:28px;
	font-family:'Oswald', sans-serif;
	font-weight:700;
	}
.banner-header div.adresse-header{
   background:url("images/boutique.png") no-repeat;
   clear: both;
	background-position: left center;
	padding-left: 55px;
}
.banner-header div.adresse-header p{
	font-family:'Oswald', sans-serif;
	font-weight:300;
	color:#ee1e2e;
	font-size:18px;
	margin-bottom: 0;
}
/*-----------------------------------------------
/*-[ Bandeaux]
-----------------------------------------------*/
#bandeaux{
    clear: both;
    float: none;
    min-height: 255px;
/*     overflow: hidden; 
	background-image:url('http://www.controle-technique-lille.fr/templates/images/bandeaux_bg1.png');
	background-repeat:repeat-x;
	background-position:top center;
    background-color:#e9d77a;*/
	padding-top:25px;
  /*   border-bottom: 1px solid #fff */
}
#bandeaux div.conteneur{
    background: transparent;
    max-width: 960px;
    min-width: 240px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
   /*  overflow: hidden; */
    position: relative;
}
#bandeaux div.conteneur div.left {
width: 29%;
float: left;
margin-right: 1%;
}
#bandeaux div.conteneur div.left img{
box-shadow: 0px 0px 3px 2px #77828d;
-webkit-box-shadow: 0px 0px 3px 2px #77828d;
-moz-box-shadow: 0px 0px 3px 2px #77828d;
margin: 0 auto;
display: block;
}
#bandeaux div.conteneur div.left a{

}
#bandeaux div.conteneur div.right {
float: left;
position: relative;
width: 69%;
}
#bandeaux div.conteneur div.right h2{
	color:black;
	margin-top:11%;
	margin-left:20%
}
#bandeaux div.conteneur div.right p{
	padding-left: 10%;
	font-size:20px;	
	padding-top:5%;
	margin-bottom:0!important
}
#bandeaux div.conteneur div.right img{
    float:left
}
section.cont-menu-haut {
margin: 0 auto;
padding: 0;
min-height:53px;
 overflow: hidden;
	/*background-image:url('http://www.controle-technique-lille.fr/templates/images/bandeaux_bg1.png');
	background-repeat:repeat;
	background-position:top center;
    background-color:#e9d77a;*/
}
.offre{
	padding:16px 10px 10px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    box-shadow:0px 0px 3px 2px #8a877d;
    -webkit-box-shadow: 0px 0px 3px 2px #8a877d;
    -moz-box-shadow:0px 0px 3px 2px #8a877d;
	min-height:221px;
	position: relative;
	background:#232021 no-repeat top left;/*url('images/picto-soleil.png')*/ 
	background-image: url('images/offre.png');
	background-position: center 60px;
}
.offre h3{
color:#fff;
font-size:24px;
font-style:italic;
font-family:'SegoeUI-Bold';
font-weight:700;
line-height:30px;
text-align:center;
}
.offre h3 b{
color:#e9d77a;	
}
.offre span.blue-bold{
color:#fff;
font-size:12px;
font-style:italic;
font-family:'SegoeUI-Regular';
font-weight:400;
line-height:15px!important;
padding:10px!important;
text-align:center;
}
.offre span.blue-bold b{
	font-family:'SegoeUI-Bold';
font-weight:700;
}
.offre span.blue-bold span{
	font-family:'SegoeUI-Bold';
	font-weight:700;
	line-height: 53px;
	font-size: 48px;
	color:#ed1e2e;
}
#bandeaux div.conteneur div.left .offre a#btn-etude{
	background:#e9d77a url("http://www.controle-technique-lille.fr/templates/images/flesh-btn.png") no-repeat10px center;
-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius:2px;
	text-transform:uppercase;
	font-size:18px;
font-style:italic;
font-family:'SegoeUI-Bold';
font-weight:700;
line-height:33px;
padding:10px;
margin:0;
width:auto;
height:33px;
text-align:center;
color:#007e4f;
display:inline;
}
/*-----------------------------------------------
/*-[ Slider]
-----------------------------------------------*/
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
	background: #fff;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
	box-shadow: 0px 0px 3px 2px #77828d;
	-webkit-box-shadow: 0px 0px 3px 2px #77828d;
	-moz-box-shadow: 0px 0px 3px 2px #77828d;
}

.rslides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.rslides_tabs {
    background: transparent;
    font-size: 18px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: auto;
	position:absolute;
	bottom:0%;
	right:2%;
	width:15%;
	text-align:center
	
}
.rslides_tabs li{
	display:inline-block;
	width:18px
}
.rslides_tabs a {
    background-image:url("images/nav.png");
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
    display: inline;
    height: auto;
    line-height: 20px;
    padding: 0 2px;
    width: auto;
	color: transparent;
}
.rslides_tabs .rslides_here a {
    background-image:url("images/nav-activ.png");
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
    color: transparent;
    font-weight: bold;
}
/*-----------------------------------------------
/*-[ Navigation ]
-----------------------------------------------*/
/* .secondary-navigation {
    display: block;
    float: left;
    width: 100%;
	margin-left:3px
}
.secondary-navigation ul li {
    margin-right:10px
}
.secondary-navigation a {
    background-image:url("images/menu_bg.png");
	background-repeat:repeat-x;
	background-position:top left ;
    font-family: 'SegoeUI-Bold', sans-serif;
    font-size: 14px;
    padding:7px 10px;
    line-height:0.8em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.25s linear;  -moz-transition: all 0.25s linear;  transition: all 0.25s linear;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
}
.secondary-navigation a.actif{
background:#f3f3f3;
 color: #FF7E01;
}
.secondary-navigation a:hover {
    color: #fff;
}
#navigation{
    margin: 0 auto;
    font-size:13px;
    float: left;
    width: 100%;
}
*/
/* #navigation select,#navfooter select{
    display:none;
} */
/*
#navigation ul{
    float:left;
}
#navigation ul li{
    float:left;
    position:relative;
}
#navigation > ul > li:last-child{
    border-right:none;
}
#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited{
    overflow:hidden;
    display:block;
}
#navigation > ul > li > a{
    font-weight:normal;
}
#navigation > ul > li > a:hover{
    color: #fff;
}
#navigation > ul > li > a.actif:hover{
    color: #FF7E01;
}
#navigation > ul > .current{
    border-top-color:rgba(0,0,0,0.3);
}
#navigation > ul > .current a{
    background:transparent;
    color:#BFC5C9 !important;
}
#navigation ul li li{
    margin-top:-2px;
}
#navigation ul ul{
    position:absolute;
    width:190px;
    padding: 5px 0 5px 0;
    z-index: 400;
    font-size:12px;
    background: #fff;

    color: #000;
    border: 3px solid #ddd;
}
#navigation ul ul li{
    padding:0;
    border-right: 0;
}
#navigation ul ul a,
#navigation ul ul a:link,
#navigation ul ul a:visited{
    padding: 9px 20px;
    width:148px;
    -moz-border-radius:0;
    border-radius:0;
    text-align: left;
}
#navigation ul ul li:first-child a{
    border-top:none;
    text-align: left;
}
#navigation ul ul li:last-child a{
    border-bottom:none;
    text-align: left;
}
#navigation ul ul li a:hover{
    color: #79ACCD;
}
#navigation ul li li:hover > a{
}
#navigation ul ul{
    opacity:0;
    left:-999em;
}
#navigation ul li:hover ul{
    left: -22px;opacity:1;
}
#navigation ul ul ul{
    top:-10px;
}
#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li:hover ul ul ul ul{
    left:-999em;
    opacity:0;
}
#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li li li li:hover ul{
    opacity:1;
    left: 195px;
}
#navigation ul ul:after{
}
#navigation ul ul ul:after{
    border-color:transparent #282E33 transparent transparent;
    border-color:transparent rgba(14,19,22,0.92) transparent transparent;
    left:-12px;
    top:3px;
} */
#menu-nav {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
}
#menu-button {
    vertical-align: bottom;
    float: right;
    
    padding: .375em; /* 6/16 = 0.375em */
    margin: 0 .375em 0 2em;
    
    opacity: .7;
    cursor: pointer;
    
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    
    background-color: #f3cf06;
    background-image: -moz-linear-gradient(top,rgba(100, 152, 190, .5),rgba(30, 82, 120, .5));
    background-image: -webkit-linear-gradient(top,rgba(100, 152, 190, .5),rgba(30, 82, 120, .5));
    background-image: linear-gradient(top,rgba(100, 152, 190, .5),rgba(30, 82, 120, .5));
    background-image: -ms-linear-gradient(top,rgba(100, 152, 190, .5),rgba(30, 82, 120, .5));
    background-image: -o-linear-gradient(top,rgba(100, 152, 190, .5),rgba(30, 82, 120, .5));
    background-position: left bottom;
    background-repeat: repeat-x;
}
#menu-button.selected,
#menu-button:active {
    opacity: 1;
    
    -moz-box-shadow: 0 1px 1px rgba(120, 120, 120, .2);
    -webkit-box-shadow: 0 1px 1px rgba(120, 120, 120, .2);
    -ms-box-shadow: 0 1px 1px rgba(120, 120, 120, .2);
    -o-box-shadow: 0 1px 1px rgba(120, 120, 120, .2);
    box-shadow: 0 1px  1px rgba(120, 120, 120, .2);
    
    background-color: #f29f06;
    background-image: -moz-linear-gradient(top,rgba(25, 68, 99, .5),rgba(30, 82, 120, .5));
    background-image: -webkit-linear-gradient(top,rgba(25, 68, 99, .5),rgba(30, 82, 120, .5));
    background-image: linear-gradient(top,rgba(25, 68, 99, .5),rgba(30, 82, 120, .5));
    background-image: -ms-linear-gradient(top,rgba(25, 68, 99, .5),rgba(30, 82, 120, .5));
    background-image: -o-linear-gradient(top,rgba(25, 68, 99, .5),rgba(30, 82, 120, .5));
    
    margin-bottom: -.375em; /* 6/16 = .375em */
}
#menu-button-inner {
    background: transparent url("image/menu-bg.png") no-repeat 0 0;
    width: 78px;
    height: 41px;
}
#menu-drink {
    clear: both;
    display: none;
    position: absolute;
    width: 100%;
    background-color: transparent;
    
    -moz-box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
    -webkit-box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
    -ms-box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
    -o-box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
    box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
}
#menu-drink{background-color:#ed1e2e;z-index:999}
#menu-drink ul {
    overflow: hidden;
	text-align:center;
}
#menu-drink li {
   /*  float: left; */
     text-align:center;
	 display:inline-block;
	 float:none;
}

#menu-drink a {
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    display: block;
	text-align:center
}
#menu-drink a.active,#menu-drink a:hover {
    color: #cfd5d8;
  
}
#menu-drink ul{
       -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -ms-border-radius: 3px 3px 3px 3px;
        -o-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
		background-color: #ed1e2e;
}
/*-----------------------------------------------
/*-[ Main ]
----------------------------------------------*/
#main{
}
/*-----------------------------------------------
/*-[ Content ]
----------------------------------------------*/
.article{
    /* width: 74.5%; */
    float: left;
    margin-bottom: 20px;
}

#content_box .box{
display: block;
background: #969ca2;
text-align: center;
color: #000;
font-size: 22px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
clear: both;
line-height: 45px!important;
padding: 10px;
}
#content_box .box h1 {
	color:#000;
	font-size:18px;
	background:url("http://www.controle-technique-lille.fr/templates/images/flech.png") no-repeat left center;
	padding-left: 35px;
}
#content_box .box span {
text-align: left;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 40px!important;
display:block;
}

#content_box div.tarifs {
background: #232021;
border: 4px solid #e20025;
display: block;
text-align: center;
font-size: 22px;
margin: 0 auto!important;
width: 75%;
height: auto;
color: #000;
font-family: 'Oswald', sans-serif;
font-weight: 300;
line-height: 127px!important;
margin-bottom: 20px!important;
padding:5px;
}
#content_box div.tarifs h1{
	color: #fff;
	background:none;
	padding-left:0;
	border:none;
}
#content_box div.tarifs h2{
color : #969ca2;
font-size: 25px;
line-height: 25px;
}
#content_box div.tarifs span{
color: #e20025;
font-size: 30px;
display: block;
text-align: right;
padding-bottom:10px;
padding-right:10px;
}

.post-content {
    overflow: hidden;
    font-size: 14px;
    line-height: 23px;
}
#content_box {
    font-family:Arial, Helvetica, sans-serif!important;
	color:#181818;
	font-size:12px;
	line-height:22px;
	font-weight:normal;
	padding: 15px;
}

#content_box li{
  list-style-image:url("images/list-style.png")!important
}
#content_box  img{
 /*   padding-bottom:11px;
   background-image:url("images/ombre-img.png");
   background-repeat:no-repeat;
   background-position:center bottom; */
   /* width:207px!important;
   height:168px!important;
   -webkit-border-radius: 3px ;
border-radius: 3px;  */
margin-right:20px;
}
#content_box  img{
   margin:10px;
   border: 3px solid #e20025;
}
#content_box  img.btndevis{
	height:51px!important;
	width:204px!important;
}
#content_box h1 {
    font-family: 'Oswald', sans-serif;
    color:#7d7f7e;
    text-align: left;
    margin-top:20px;
    border-bottom:dotted 1px #d1cfcc;
	font-size:24px;
	background-image:url('images/puce.png');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:45px;
}
#content_box a {
	color:#e20025;
	text-decoration:underline;
}
div.contact h2{
	font-family: 'SegoeUI-Bold';
font-size: 18px;
text-align: left;
color: #484532;
font-weight: 700;
line-height: 30px;
}
div.contact h3{
	font-family: 'SegoeUI-Regular';
font-size: 16px;
color: #aa0000;
line-height: 30px;
text-align: left;
font-weight: 400;

}
#content_box table.pizza{
   margin-top:20px;
}
#content_box table.pizza th{
    background-color:#cf2b36;
	font-family:"Rage";
	font-style:italic;
	font-size:24px;
	color:#fff;
}
#content_box table.pizza.boissons th{
    background-color:#716d6e;
}
#content_box table.pizza.glaces th{
    background-color:#098eb9;
}
#content_box table.pizza h2 {
    font-family: 'SegoeUI-Bold';
    color:#000;
    text-align: left;
    border-bottom:none;
	font-size:18px;
	background-image:url('http://www.controle-technique-lille.fr/templates/images/carte2.png');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:65px;
	margin-bottom:0;


}
#content_box table.pizza h5{
    font-family: 'SegoeUI-Bold';
    color:#000;
    text-align: left;
    border-bottom:none;
	font-size:16px;
	float:left;
	margin:0;
}
table.pizza th, table.pizza td{
    border:0px;
	vertical-align:middle
}
table.pizza td img{
    margin:0 10px 0 10px!important;
}
table.pizza td.blue_sep{
    background-color:#a90505!important;
	line-height:2px!important;
}
table.pizza td.sep_grey{
    background-color:#716d6e!important;
	line-height:2px!important;
	width:1px;
	padding:0!important
}
table.pizza td,table.pizza th{
    background:transparent
}
table.pizza tbody tr:nth-child(2n+1) td, table.pizza tbody tr:nth-child(2n+1) th{
    background:transparent
}
#content_box h2{
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	 text-align: left;
	 color:#ed1e2e;
	 font-weight:700;
	 line-height:30px;
}   
#content_box h3{
	font-family:'Oswald', sans-serif;
	font-size:24px;
	color:#232021;
 line-height:30px;
 text-align: left;
  font-weight:300;
}
#content_box h4{
	font-family:'Oswald', sans-serif;
	font-size:20px;
	color:#ed1e2e;
 line-height:30px;
 text-align: left;
  font-weight:300;
}
#content_box  div.blok{margin:20px 0}
#content_box div,#content_box p{
	/* font-family:tahoma;
	font-size:12px;
	color:#191919!important;
	line-height:18px; */

}
.post.excerpt {
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin-top: 40px;
}
.thumbnail{
    float: left;
    margin-right: 15px;
}
.featublue-thumbnail img {
    margin-bottom:0;
    margin-top: 3px;
    margin-right: 0;
}
.title {
    font-family: 'SegoeUI-Bold';
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 0;
}
.title a, .title {
    color: #0c2b88;
    font-family: 'helvetica', sans-serif;
    font-weight: 400;
    font-size:18px;
}
.title a:hover {
    color: #79ACCD;
}
.page h1.title {
    margin-bottom: 20px;
    margin-top: 20px;
}
article header {
    margin-bottom:15px;
}
.article img.left,
.article img.alignleft
{
    margin: 0.571em 1.571em 0.571em 0;
    display: block;
    float: left;
}
.article img.right,
.article img.alignright
{
    margin: 0.571em 0 0.571em 1.571em;
    display: block;
    float: right;
}
.article img.center,
.article img.aligncenter {
    margin: 1em auto 1em auto;
    display: block;
}
.article img.aligncenter, .article img.alignnone {
    margin-top:1em;
    margin-bottom:1em;
    display: block;
}
.article ul {
    margin: 0.5em 0 1.571em 1.3em;
    list-style-type: circle;
	/* float:left */
}
/* .article ul:after{
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
} */
.article ol {
    margin: 1.5em 0 1.571em 1.571em;
    list-style-type: decimal;
}
/*-----------------------------------------------
/*-[ Form Input ]
-----------------------------------------------*/
input,textarea,select{
    padding:8px 12px;
    border:none;
    font-size:12px;
	background:#F5F2F2;
    border: 1px solid #d7d1d1;
    color: #5E656D;
}
input.bouton{
	 background-color:#4798cd;
	border-radius: 3px;
	padding:5px 10px;
	color:white;
    cursor: pointer;
	margin:5px 0 5px 105px;
	border:none;
	text-transform:upperecase;
}
div.cont input.bouton{
	float:right;
	color:#fff;
	text-transform:uppercase;
	background-color:#504d3b;
    border:none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}
#bandeaux div.conteneur div.right p span.blue-bold{
	display:block;
	max-width:85%;
	text-align:center
}
input.numero{
	width: 146px;
	border:none;
    font-size:11px;
	background:#fff;
    border: none;
    color: #7f7c7c;
	font-family:Tahoma, Geneva, sans-serif;
}
input.send{
    background-color:#e9d77a;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:5px 8px;
	color:#007e4f;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
    cursor: pointer;
	margin-top:5px;
	margin-right:15px;
	border:none;
	text-transform:uppercase;
	font-size:11px;
	text-align:center;
	float:right;
}
#map-holder{ padding: 5px;}
textarea{
    overflow:auto;
    resize:vertical;
}
select{
    padding:8px 20px;
}
.controls label{
	display:block;
overflow: hidden;
}
form div.controls input[type="checkbox"] {
width:auto;
margin-right: 10px;
overflow: hidden;
}
input:focus,
textarea:focus{
}
::-webkit-input-placeholder{
    color:#585F65;

}
::-moz-input-placeholder{
    color:#585F65;

}
::-ie-input-placeholder{
    color:#585F65;

}
::-o-input-placeholder{
    color:#585F65;

}
::input-placeholder{
    color:#585F65;

}
/*-----------------------------------------------
/*-[ Tables ]
-----------------------------------------------*/
table{
    width:100%;
    text-align:center;
    margin-bottom:0;
}
thead{
    background:#F7F8F9;
    font-size:14px;
    color:#585F65;
}
table th ,table td{
    padding:0px 3px;
    text-align:left;
    border-bottom:1px solid #fff;
    color:#000;
    background-color:#dad9d9;
    font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
} 
table th ,table td:first-child{
border:1px solid #fff;
}
#content_box table tbody tr:first-child td,#content_box table tbody tr:first-child th {
	 background-color: #e20025!important;
	color:#fff;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	padding: 5px 0;
}
#content_box table tbody tr:nth-child(2n+1) td,#content_box table tbody tr:nth-child(2n+1) th {
    background-color: #dad9d9;

}
  
table tbody tr:nth-child(2n+1) td,table tbody tr:nth-child(2n+1) th {
    background-color: #e8e8e8;
}
table tbody tr td.day{
    font-weight: bold;
    vertical-align: middle;
    line-height: 24px;
	text-transform:capitalize;
}
table tbody tr.trhead:nth-child(2n+1) td {
background: #fff;
font-weight: bold;
line-height: 30px;
}
thead th{
    padding:14px;
}
tbody th{
    font-weight:normal;
    border-bottom:1px solid #F5F7F9;
	background-color: #B0B3B6;
font-weight: bolder;
	
}

/*-----------------------------------------------
/*-[ Line ]
------------------------------------------------*/
hr{
    border:none;
    border-bottom:1px solid #E5E5E5;
    border-bottom:1px solid rgba(0,0,0,0.1);
    width:100%;
    margin:35px 0;
    clear:both;
    position:relative;
}
/*-----------------------------------------------
/*-[ Search Form ]
-----------------------------------------------*/
nav #searchform {
    float: right;
}
nav #searchform fieldset {
    padding: 7px 0 6px 15px;
    border: 0;
    border-left: 1px solid #eee;
}
#searchform fieldset {
    border: 1px solid #D7D7D9;
    background:#fff;
    float: left;
}
#searchform input {
    border: 0;
}
.sbutton {
    padding: 6px 12px 6px 0;
}
.main-header #s {
    width: 150px;
}
.sidebar #s {
    width: 78%;
    padding: 10px 12px;
}
.footer-widgets fieldset, #sidebars fieldset {
    width: 99%;
}
.footer-widgets #s {
    width: 78%;
}
.footer-widgets .sbutton, #sidebars .sbutton {
    float: right;
}
.sidebar .sbutton {
    padding-top: 10px;
}

.breadcrumb {
    margin-top: 40px;
}
/*-----------------------------------------------
/*-[ Read More ]
----------------------------------------------*/
.more {
    float: right;
    box-shadow: 0px 2px #CCC;
    -webkit-box-shadow: 0px 2px #CCC;
    -moz-box-shadow: 0px 2px #CCC;
    margin-bottom: 5px;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: -15px;
}
.more a{
    float: left;
    background-color: #ff8604;
    color: #666;
    padding: 4px 10px;
    overflow: hidden;

}
.more a:hover {
    color:#fff;
}
/*-----------------------------------------------
/*-[ Map ]
-----------------------------------------------*/
#map {
    display: block;
    height: 300px;
    margin-bottom: 24px;
    width: 100%;
    margin-top: 40px
}
div.map_home{
    display: block;
    height: 150px!important;
    width: 100%;
    margin:0!important
}
/*-----------------------------------------------
/*-[ Sidebar ]
----------------------------------------------*/
.sidebar.flexible {
    float: right;
/*     width: 25%; */
    line-height: 23px;
    margin-top:0;
	
  background-image:url("images/bg_aside.png");
    background-repeat:repeat;
}
#navfooter ul{float:none;display:inline-block;}
    #navfooter ul ul{display:none;}
     #navfooter > ul{display:none !important;}
     #navfooter select{
        display:inline-block !important;
        max-width:none;
        border:none;
        padding:7px 15px;
        margin-top:0px;
        width:94%;
        color: #fff;
        background: #3d3b3c; 
        font-size: 12px;
}
.sidebar_list{margin-top:20px;}
.widget {
    margin:0 auto;
    margin-bottom: 15px;
    overflow: hidden;
   /* -webkit-box-shadow:  0px 0px 5px 2px #999;
    box-shadow:  0px 0px 5px 2px #999;*/
    width:85%;
	background:#fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #bab9b6;
}

.widget > img{
   display:block;
   margin:5px auto;
}
li.rappel{
    height:225px;
    position:relative;
}
li.rappel form{
    position:absolute;
    bottom:2%;
    margin:0 auto;
    text-align: center
}
.widget div.contact h3{  
   font-size: 23px;
line-height: 36px;
font-family: 'SegoeUI-Regular';
margin-bottom: 0px;
padding: 5px 0px;
font-style: normal;
color: #fff;
background-color: #007e4f;
background-image: url('http://www.controle-technique-lille.fr/templates/images/h3_bg.png');
background-repeat: repeat-x;
background-position: top left;
border: 1px solid #fff;
font-weight: 400;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
text-align: left;
}
}
.widget .title{
    font-weight:bold;
    text-transform:uppercase;
    color:#545E68;
    font-size:12px;
}

.widget li {
   display: block;
overflow: hidden;
list-style-type: none;
padding: 0px 7px;
font-family:'SegoeUI-Regular'!important;
font-weight:400;
font-size: 12px;
text-align: center;
color: #484532!important;
line-height: 16px;
}
.widget li img.picto {
float: left;
margin-right: 2px;
}
.widget li span.center {
display: block;
padding: 5px 0px;
text-align: left;
padding-left: 35px;
font-family:'Oswald', sans-serif;
font-weight:300;
font-size: 16px;
}
.widget h3 {
    font-size: 23px;
    line-height: 36px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0px;
    padding:5px 0px;
    font-style:normal;
    color: #f4fbfe;
    background-color:#232021;
	font-weight:300;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	text-align: center;
text-transform: uppercase;
}
.attention{
	padding: 18px 5px;
}
.attention p {
		background-image:url('images/attention.png');
		background-repeat:no-repeat;
		background-position:top center;
		padding-top:63px;
		font-family: 'Oswald', sans-serif!important;
		text-align:center
	}
.widget a {
padding: 4%;
}
.forfait{
height: 227px;
background:#9dd01c;
}
.forfait a{
	padding:0;
}
.widget p {
margin:0px;
font-family: 'SegoeUI-Regular';
font-weight: 400;
font-size: 12px;
color: #484532!important;
line-height:19px;
}
p.adresse-top{
	background-color:#e20025;
	color: #fdfefe!important;
font-size: 12px;
padding: 7px 5px;
margin: 0 5px 5px 5px;
text-align: center;
font-family: 'SegoeUI-Regular';
font-weight: 400;
}
.widget div.dispo {
padding: 15px 10px 10px;
font-family: 'SegoeUI-Regular';
font-weight:400;
font-size: 16px!important;
color: #484532!important;
line-height: auto;
}
.widget div.dispo p {
margin: 0;
padding:0;
font-size: 16px!important;
}
.widget div.centre{
	text-align:center;
	padding:10px 10px 20px
} 
.widget div.centre p{
	font-family:'Oswald', sans-serif;
	font-weight:300;
	color:#231f21;
	font-size:18px;
	line-height:30px;
	padding-bottom: 15px;
}

.widget div.offre h3{
    font-family: 'SegoeUI-Bold';
   /*   background-image:url("http://www.controle-technique-lille.fr/templates/images/offre_bg.png");
    background-repeat:repeat-x;
    background-position:top left; */
	background-color:#fff;
	color:#25468a;
	text-align:center;
	font-weight:400;
	border:none;
	border-radius:0
}

.widget div.offre p{
    padding:0 15px;
}
.widget div.offre{
position:relative;
min-height:180px;
background-color:#484532;
border:1px solid #484532;
border-radius:5px;
padding:10px 0;
}
span.blue-bold{padding:5px;line-height:35px;display:block}
#print{
	display:block;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius:2px;
	color:#fff;
	text-transform:uppercase;
	background:#ed1e2e;
	font-size:18px;
font-style:italic;
font-family:'SegoeUI-Bold';
font-weight:700;
line-height:33px;
margin:0;
height:33px;
text-align:center;
width:80%;
margin: 15px auto 0;
}

.pcomments {
    float: right;
    padding: 0 7px;
    font-family:arial;
    font-weight:bold;
    background: #000;
}
#sidebars .block{
    padding: 16px;
    background: #eaeaea;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    margin-bottom: 0
}
.address-block li{
    padding-left: 20px;
}

.address-block .address{ background: url("http://www.controle-technique-lille.fr/templates/images/icon-address.png") no-repeat top left  }

.address-block .phone{ background: url("http://www.controle-technique-lille.fr/templates/images/icon-phone.png") no-repeat top left}

.address-block .mobile{ background: url("http://www.controle-technique-lille.fr/templates/images/icon-mobile.png") no-repeat top left }

.address-block .email{ background: url("http://www.controle-technique-lille.fr/templates/images/icon-email.png") no-repeat top left }
/*-----------------------------------------------
/*-[ Footer ]
------------------------------------------------*/
body > footer{
    overflow:hidden;
    margin-top: 0px;
    width: 100%;
    background-image: url("images/bg-footer.png"); 
    background-repeat:repeat-x;
    background-position:top left;
	background-color:#fefefe;
    padding-top:10px;
    min-height:85px
}

body > footer .sidebar .widget .title{
    font-size:135%;
    color:#D4D8DB;
}
div.adresse {
float: left;
line-height:15px;
font-size: 12px;
font-family: Arial;
}
div.adresse span {
color: #231f21;
font-size: 12px;
font-family:'Open Sans', sans-serif;
}
footer nav {
	float:left;
text-align: center;
color:#fff;
font-size:12px;
width:100%;
height: 60px;
}
footer nav li{
    display:inline-block;
    padding:0 20px; 
}
footer nav li:first-child{padding-left:0}
footer nav li:last-child {
    border:none;
} 
footer nav li a {
    color: #fff;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	text-transform:uppercase
}
footer {
    position: relative;
    overflow: hidden;
}
footer .container {
    background: transparent
}
footer p {
    /*color: #231f21; */
    margin-bottom:15px
}
footer a:hover, footer .nav li a:hover ,footer a.active{
    color:#e20025;
}
.footer-nav {
    overflow: hidden;
    padding-bottom: 10px;
}
.footer-nav h3 {
    padding-bottom: 5px;
    color: #594F4F;
} 
footer a{
}

.copyrights {
float: right;
text-align: right;
font-size: 12px;
font-family:'Open Sans', sans-serif;
}
#copyright-note {
    float: left;
}
.link-bottom{
float: left;
width: 40%;
color: #fff;
margin-top: 10px;
}
.link-bottom a{
	color:#fff;
}

/*-----------------------------------------------
/*-[ Contact Widget ]
-----------------------------------------------*/
.contact form{
    padding:10px
}
.contact form table td{
    background:transparent!important
}
.contact input[type="text"] {
    background:#f5f2f2;
    color: #7c8386;
    border: 1px solid #d7d1d1;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display:block;
    margin:0 auto;
    float: left;
    padding: 9px;
    margin-bottom:8px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}
.contact input[type="text"]:hover {
    border: 1px solid #C1C1C1;
}
.contact input[type="submit"] {
    background:#e20025;
    cursor: pointer;
    color: #fff!important;
    border: 0;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    float:left;
    width:30%;
    margin-top:10px;
    padding-top:5px;
    padding-bottom:5px;
    width:80px;
	margin-left:12px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
text-transform:uppercase;
font-weight:bold;
}
.contact input[type="submit"]:hover {
    opacity:0.7
}
.contact textarea{
    float:left;
    width:86%;
    height:100px
}
.contact textarea:hover,.contact input[type="text"]:hover {
    background: none repeat scroll 0 0 #EAEAEA;
}
#demandededevis{
	padding:20px;
	background-color:#dbdcde;
	border-radius:5px;
}
#demandededevis input{
	border-radius:5px;
	border:2px solid #c5c7c6;
}
#demandededevis select{
	border-radius:5px;
	border:2px solid #c5c7c6;
	padding:8px 6px;
	width:138px;
}
form div.controls input{
	width:80%;
}
form div.controls textarea{
	width:80%;
	border: 2px solid #C5C7C6;
    border-radius: 5px 5px 5px 5px;
	height:300px;
}
form div.controls input[type="radio"]{
    width:10px;
    margin-right:15px;
}
form div.civil label{
    margin-right:50px;
}
#lrcommentaire{
   width:93.5%;
   border-radius:5px;
   border:2px solid #c5c7c6;
}
#demandededevis input::-webkit-input-placeholder { /* WebKit browsers */
    color:   transparent;
}
#demandededevis input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    transparent;
}
#demandededevis input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    transparent;
}
#demandededevis input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: transparent;
}

div.prod input::-webkit-input-placeholder { /* WebKit browsers */
    color:   #666!important;
}
div.prod input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666!important;
}
div.prod input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666!important;
}
div.prod input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #666!important;
}
div.prod div.controls{position:relative;height:53px;}
div.prod div.controls ul.errors {
    position:absolute;
	bottom:0;
	top:30px;
	margin-bottom:0;
	z-index:100;
	display:block
}
div.prod div.controls input{
	width:130px;
	margin-bottom:10px;
	padding:8px 1.3%;
}
.control-group {
    margin-bottom: 10px;
	overflow: hidden;
}
form label.control-label {
    float: left;
    padding-top: 5px;
    text-align: left;
    width: 150px;
}
form div.controls {
    margin-left: 150px;
}
#searchsubmit {
    background: linear-gradient(to bottom, #d00707 0%, #aa0000 100%) repeat scroll 0 0 transparent;
    border: 1px solid #7c0303;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    margin-left: 150px;
    width: 66%;
}
.contact small{
	float:left;
	overflow:hidden;
	
}
ul.errors li{color:blue!important}
div.prod  {
    height: 90px;
		position:relative
}

div.prod div.controls ul.errors {
    bottom: 0;
    display: block;
    margin-bottom: 0;
    position: absolute;
    z-index: 100;
}
#input-1 ul.errors{top:36px}
#input-2 ul.errors{top:50px}
#input-3 ul.errors{top:80px}
#contactform td{
	border:none;
}
/*-----------------------------------------------
/*-[ Renseignement Widget ]
-----------------------------------------------*/
.renseignement{
  background-image:url("images/phone.png");
    background-repeat:no-repeat;
    background-position: center 10px;
	background-color:#e20025;
    height:100px;
    -webkit-border-radius: 3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	
}
.renseignement p{
    color:#fff;
    font-size:11px;
    text-align: center;
    padding-top:10px;
    margin-bottom:0
}
.renseignement h2{
     color:#fdfefe;
    font-size:30px;
    text-align: center;
    padding-top:55px;
    margin-bottom:0;
	font-weight:700;
	font-family: 'Oswald', sans-serif;
}
.renseignement h2 a {
color:#fdfefe;
}
/*-----------------------------------------------
/*-[ Ad Widgets ]
-----------------------------------------------*/
.ad-125 ul {
    float: left;
    width: 330px;
    margin: 0;
    list-style: none;
    max-width: 100%;
}
.ad-125 li{
    float: left;
    border: none;
    list-style: none!important;  
    padding-left: 0;
    background: none;
    margin-bottom: 15px;
}
.ad-125 img {
    padding: 0.4em;
    background: #fff;
    border: 1px solid #bbb;
}
li.oddad {
    margin-right: 8%;
}
.ad-300 img {
    padding: 0px;
    background: #fff;
    height:100%;
}
footer .ad-300 img, footer .ad-125 img {
    padding: 0;
    background: #FAFAFA;
    border: 0;
}
footer li.oddad {
    margin-right: 5%;
}

#respond h3{
    margin-top: 18px;
    font-size: 18px;
    margin: 15px 0 0 0;
    padding: 0 0 20px 0;
    color: #666;
}

.top {
    float: left;
    margin-right: 20px;
}
.top a {
    color: #fff;
}
.top a:hover {
    color:#ccc;
}

/*-----------------------------------------------
/*[page contact]
------------------------------------------------*/
.content article div.contact input[type="text"] {
    width: 320px;
}
.content article div.contact textarea{
    height: 230px;
    width: 90%;
}
#outerdiv
{
   width:976px;
   height:1000px;
   overflow:hidden;
   position:relative;
   left: -20px;
}

#inneriframe
{
   position:absolute;
   top:-183px;
   left:-12px;
   width:976px;
   height:965px;
}
.popup {
  position:fixed; z-index:999999999999; top:60px; left:50%; 
  width:50%; background:#fff;
    -moz-box-shadow:4px 4px 30px #130507;
    -webkit-box-shadow:4px 4px 30px #130507;
  box-shadow:4px 4px 30px #130507;
    -moz-transition:top 800ms;
    -o-transition:top 800ms;
    -webkit-transition:top 800ms;
  transition:top 800ms;
}
  .p_content { width:100%; text-align:center; font-size:18px; padding:0px; background: #fff;font-size: 18px;color: #000;font-weight:400;font-family:'HelveticaNeue-Lt-33';padding-top: 15px;padding-bottom: 15px;}
  .p_anch {
    float:left; position:relative; z-index:9999; width:100%;
    margin:0px 0 0 0; text-align:center; font-size:18px;
  }
  .p_anch a { color:#000; }
  .p_anch a:hover { text-decoration:none; }
  .p_anch_bottom { margin:1500px 0 0 0; padding:0 0 50px 0; }
  .p_close {
    float:right; width:16px; height:16px; margin:5px 5px 5px 0; position:relative; z-index:99999999;
    background:url("http://www.controle-technique-lille.fr/templates/images/close.png");
  }
  .p_body {
    background:#000; left:0; top:0; position:fixed; width:100%; height:100%; opacity:1;z-index:99999;
      -moz-transition:opacity 800ms;
      -o-transition:opacity 800ms;
      -webkit-transition:opacity 800ms;
    transition:opacity 800ms;
  }


/* JS-styles — declaratively */
.js__popup {}
  .js__p_start {}
  .js__p_close {}
  .js__p_body {}
  .js__slide_top { height:0; overflow:hidden; top:0; }
  .js__fadeout { height:0; overflow:hidden; opacity:0; }
/*-----------------------------------------------
/*[Responsive]
/*---------------------------------------------*/
/*-  MEDIA QUERIES
 ----------------------------------------------------------------------*/
/* Disable ios/winmob font size changes */
@media screen and (max-width: 600px), screen and (max-device-width: 480px) {
    html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
	.banner-header div.vide{
		display:none;
	}
	
	.banner-header ,.phone-left{
	    margin:0 auto 20px;
		margin-top:20px;
		float:none
	}
	.content article div.contact input[type="text"]{
	width:250px
	}
	#content_box img{
		width:90%
	}
	#header h1{
		margin:0 auto 20px;
		float:none
	}
	#header h1{
	 padding-top: 12px;
	}
	.sidebar.flexible{
		width: 98%;
	}
	#bandeaux{
	    height:150px;
		min-height:150px;
	}
	#menu-nav {
display: block;
	}
	#header h3 {
	font-size:10px
	}
	.rslides_tabs{
		bottom:0;
	}
	.ad-300 img{
		width:100%!important
	}
	footer nav{
	    padding:0!important
	}
	#bandeaux div.conteneur div.left {
width: 100%;
}
	#bandeaux div.conteneur div.right {
width: 100%;
}
.offre{
	padding:10px;
	margin-bottom:5px;
}
#logo span {
left: 11px;
}
section.cont-menu-haut {
overflow:none;	
float: left;
}
.offre h2 {
font-size: 20px;
min-height: 71px;
margin-bottom:0;
}
	.top{
		display:none
	}
	#copyright-note{
		padding-top:10px;
	}
	#content_box a{
		float:none;
		margin:0 auto
	}
	a.devis{
	  margin:0 auto;
		margin-top:20px;
		float:none
	}
	#header h1 a{
	   background-size:100%;
	   max-width:280px;
	}
	.widget div.dispo h2{
	   font-size:25px;
	   white-space:nowrap
	}
	 
	body > footer{
	   min-height:70px;
	}
	footer nav {
		width:100%;
	}
	img.mibouna{
	    max-width:480px;
	}
	.banner-header{
	
	}
	 #menu-drink li {
	 display:block;
    }
	div.adresse,.link-bottom,.copyrights {
		width:100%;
		float:left;
		text-align:center;
	}
	div.adresse {
width:100%;
}
.copyrights{
	width:100%
}
}

@media screen and (min-width: 480px) {
    #menu-drink li {
	 
    }
   #menu-drink ul {
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
    
	#menu-drink a {
		font-size: 0.9em;
		padding: .2875em; /* 3/16 = .1875em */
		text-align: center;
		/* border-bottom:1px solid #a78f0a; */
	}
		#navfooter ul{float:none;display:inline-block;}
    #navfooter ul ul{display:none;}
     #navfooter > ul{display:none !important;}
     #navfooter select{
        display:inline-block !important;
        max-width:none;
        border:none;
        padding:7px 15px;
        margin-top:0px;
        width:94%;
        color: #fff;
        background: #3d3b3c; 
        font-size: 12px;
    }
	.article{
	   width:98%
	}
		.sidebar.flexible{
		width:98%
		}
}
@media screen and (min-width: 560px) {
    #menu-drink a {
		padding:.375em 1em; /* 6/16 = .375em */
		border-bottom:none;
		font-size:0.8em;
		text-align: center;
		}
		  #menu-drink li {
    }
		#menu-drink {
    margin: 0.8em 0;
		}
		#menu-drink li:last-child a{border:none}
		.article{
	   width:98%
	}
	#bandeaux div.conteneur div.right {
width: 100%;
}
#bandeaux div.conteneur div.left {
width: 100%;
}
		.sidebar.flexible{
		width:98%;
		}
			#navfooter ul{float:none;display:inline-block;}
    #navfooter ul ul{display:none;}
     #navfooter > ul{display:none !important;}
     #navfooter select{
        display:inline-block !important;
        max-width:none;
        border:none;
        padding:7px 15px;
        margin-top:0px;
        width:94%;
        color: #fff;
        background: #3d3b3c; 
        font-size: 12px;
    }
	#navfooter ul{float:none;display:inline-block;}
    #navfooter ul ul{display:none;}
     #navfooter > ul{display:none !important;}
     #navfooter select{
        display:inline-block !important;
        max-width:none;
        border:none;
        padding:7px 15px;
        margin-top:0px;
        width:94%;
        color: #fff;
        background: #3d3b3c; 
        font-size: 12px;
}
div.adresse {
width:100%;
}
.copyrights{
	width:100%
}
div.adresse, .copyrights{
	text-align: center;
}
}
@media screen and (min-width: 768px) {
    #menu-nav {
        display: block;
    }
    
    #menu-drink {
        position: relative;
        width: auto;
        clear: none;
        box-shadow: none;
        background-color: transparent;
        margin-top: 1.20em; /* 20/16 = 1.25em */
    }
    #menu-drink li {
        text-align: center;
       /*  margin-left: 1%; */
    }
    #menu-drink a {
        box-shadow: none;
		font-size: 0.95em; /* 20/16 = 1.25em */
		font-weight:700;
		padding: 0.3em 0.8em;
		margin:5px 0;
    }
	#menu-drink li:last-child a{border:none}
	#menu-drink {
    margin: 0.9em 0;
    }
	#bandeaux div.conteneur div.left {
width: 100%;
}
	#bandeaux div.conteneur div.right {
width: 100%;
}	
	.article{
	   width:69.5%
	}
		.sidebar.flexible{
		width:30%;
		}
		#navfooter ul,#navfooter ul{float:none;display:inline-block;}
    #navfooter ul ul,#navfooter ul ul{display:block;}
     #navfooter > ul,#navfooter > ul{display:block !important;}
     #navfooter select,#navfooter select{
        display:none!important;
        max-width:none;
        border:none;
        padding:7px 15px;
        margin-top:0px;
        width:94%;
        color: #fff;
        background: #3d3b3c; 
        font-size: 12px;
    }
	footer nav li {
    display: inline-block;
    padding: 0 10px;}
	#navfooter ul{float:none;display:inline-block;}
    #navfooter ul ul{display:none;}
     #navfooter > ul{display:none !important;}
     #navfooter select{
        display:inline-block !important;
        max-width:none;
        border:none;
        padding:7px 15px;
        margin-top:0px;
        width:94%;
        color: #fff;
        background: #3d3b3c; 
        font-size: 12px;
    }
div.adresse {
width:70%;
}
.copyrights{
	width:30%
}
div.adresse, .copyrights{
	text-align: left;
}
}
@media screen and (min-width: 1024px) {
	#menu-drink ul{
       -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -ms-border-radius: 3px 3px 3px 3px;
        -o-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
		background-color: #ed1e2e;
}
    #menu-drink {
		margin: 0 auto;
max-width: 960px;
min-width: 420px;
 /* 10/16 = .625em */
    }
	#menu-drink li{
	}
    #menu-drink a {
		
        font-size: 1em; /*20/16 = 1.25em */
		font-weight:400;
		font-family:'Oswald', sans-serif;
		text-transform:uppercase;
        padding: .5em 6px .5em 47px; /* 10/20 = .5em, 4/20 = .2em */
		/* text-transform:uppercase */
	
}
#menu-drink li:first-child a{
	background-image:url("images/home.png");
	background-repeat: no-repeat;
	background-position:5px center ;	
}
#menu-drink li:first-child a:hover, #menu-drink li:first-child a.active{
	
	background-image:url("images/home-hover.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.controle-technique a{
	background-image:url("images/controle-technique.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.controle-technique a:hover, #menu-drink li.controle-technique a.active{
	
	background-image:url("images/controle-technique-hover.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.contre-visite a{
	background-image:url("images/contre-visite.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.contre-visite a:hover, #menu-drink li.contre-visite a.active{
	background-image:url("images/contre-visite-hover.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.tarifs a{
	background-image:url("images/tarifs.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.tarifs a:hover, #menu-drink li.tarifs a.active{
	background-image:url("images/tarifs-hover.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.infos-pratiques a{
	background-image:url("images/infos-pratiques.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.infos-pratiques a:hover, #menu-drink li.infos-pratiques a.active{
	background-image:url("images/infos-pratiques-hover.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.rdv-en-ligne a{
	background-image:url("images/rdv-en-ligne.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li.rdv-en-ligne a:hover, #menu-drink li.rdv-en-ligne a.active{
	background-image:url("images/rdv-en-ligne-hover.png");
	background-position: 5px center ;
	background-repeat:no-repeat;	
}
#menu-drink li:last-child a{
	background-image:url("images/contact.png");
	background-position: 5px center ;
	background-repeat:no-repeat;
}
#menu-drink li:last-child a:hover, #menu-drink li:last-child a.active{
	background-image:url("images/contact-hover.png");
	background-position: 5px center ;
	background-repeat:no-repeat;
}








#bandeaux div.conteneur div.left {
width: 29%;
}
#bandeaux div.conteneur div.right {
width: 69%;
}
.article{
	   width:74.5%;
	   /* background-image:url('images/article_bg.png');
	   padding-left:2.5%; */
	}
		.sidebar.flexible{
		width:25%;
		}
		#navfooter ul,#navfooter ul{float:none;display:inline-block;}
    #navfooter ul ul,#navfooter ul ul{display:block;}
     #navfooter > ul,#navfooter > ul{display:block !important;padding-bottom: 10px;}
     #navfooter select,#navfooter select{
        display:none!important;
        max-width:none;
        border:none;
        padding:7px 15px;
        margin-top:0px;
        width:94%;
        color: #fff;
        background: #3d3b3c; 
        font-size: 12px;
    }
	footer nav li {
    display: inline-block;
    padding: 0 5px;
}
.sidebar table tbody tr.horop {
color: #000000;
font-family: 'SegoeUI-Bold';
font-size: 12pt;
line-height: 14pt;
margin-bottom: 0;
padding-left: 0;
text-align: left;
background:#dad9d9;
}
#bandeaux div.conteneur div.left {
width: 29%;
}
#bandeaux div.conteneur div.right {
width: 70%;
}
div.adresse {
width:70%;
}
.copyrights{
	width:30%
}
div.adresse{
	text-align: left;
}
.copyrights{
	text-align: right;
}
}