* { margin:0; padding:0;}

.top { background:url(../images/top.png) left top no-repeat #232323; }
.content { background:url(../images/content.png) left bottom no-repeat #232323;}



/* body { background:#121212; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#979797;} */
 body { background:#121212; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#979797;} 

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:16px;}
p.first {font-weight:bold;}

.tail-middle { background:url(../images/tail-middle.gif) left top repeat-x #232323;}

/*==================logo====================*/
#logo {
    cursor:pointer;
    float:left;
    height: 70px; 
    width: 142px; 
    background-image:url(../images/logo.jpg); 
    background-repeat: no-repeat;
    margin-bottom:15px;
    margin-top:10px;
}

#logo.de {background-image:url(../images/logo_de.jpg);}
#logo.en-AU {background-image:url(../images/logo_en-AU.jpg);}
#logo.en-GB {background-image:url(../images/logo_en-GB.jpg);}
#logo.en-US {background-image:url(../images/logo_en-US.jpg);}
#logo.es {background-image:url(../images/logo_es.jpg);}
#logo.fr {background-image:url(../images/logo_fr.jpg);}
#logo.it {background-image:url(../images/logo_it.jpg);}
#logo.zh-Hans {background-image:url(../images/logo_zh-Hans.jpg);}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form label { display:block; padding-bottom: 0.5em;} 

span.required {
    color: #F00;
    font-size: 2em;
    margin-left: 0.2em;
    line-height: 0.5em;
    vertical-align: middle;
}


#contacts-form input,
#contacts-form textarea,
#contacts-form select {
    color: #FFF;
    background-color: #312D2D;
    border: 1px solid #777;
    width: 80%;
    margin-bottom: 1em;
    padding: 0.5em;
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; 
    box-sizing:content-box    
}
#contacts-form textarea {
    height: 7em;
}

#contacts-form .formButton {
    color: #FFF;
    background-color: #312D2D;
    border: 1px solid #777;
    padding: 0.5em;
    width: auto;
}	

#contacts-form .warningMsg {
    color: red;
    margin: 2em 0;
}

#contacts-form ul { list-style: disc; margin-left: 2em;}

.agency-phone  {
    font-size: 1.8em;
    line-height: normal;
    text-align: center;
    padding-top: 20px;
    color: #FFF;
}

/*==================list====================*/
ul { list-style:none;}

.list1 li { background:url(../images/arrow1.gif) no-repeat left 7px; padding:0 0 0 25px; margin-bottom:3px; vertical-align:top;}
.list1 li a { display:block; border-bottom:1px dashed #242424; color:#979797; font-weight:normal; padding:0 0 5px 0;}
.list1 li a:hover { color:#fff; text-decoration:none;}
.list1 li.last a { border:none;}
.list1 .current, .list1 .last-opened { font-weight: bold;}

.list2 li { background:url(../images/arrow1.gif) no-repeat left 7px; padding:0 0 10px 16px; vertical-align:top; color:#979797;}

.footer-nav { padding:30px 0 4px 0; margin-left:-7px;}
.footer-nav li { display:inline; color:#2d2d2d; }
.footer-nav li a {padding:0 10px 0 7px; color:#979797; text-decoration:none;}
.footer-nav li a:hover { text-decoration:underline;}


.header-lang { padding:15px 0 4px 0; text-align: right;}

.footer-lang { padding:30px 0 4px 0;}
.footer-lang a {
    background-position:0 0;
    background-repeat:no-repeat;
    display:block;
    height:20px;
    color:#979797;
    padding:2px 0px 0 30px;    
    text-decoration:none;
	float:right;
}

.footer-menu {padding-left: 17px;}

#path ul li {display:inline;}
#path  {border-bottom:1px solid #979797; padding-bottom:5px;}
#path a:hover{text-decoration:none;}

/* Liste à deux colonnes */
.list-2cols ul {width: 50%;}

/* Liste à trois colonnes */
.list-3cols ul {width: 33%;}

/* Liste à quatre colonnes */
.list-4cols ul {width: 25%;}

/* Style communs aux listes à colonnes */
.list-1col, .list-2cols, .list-3cols, .list-4cols { width: 100%; padding-bottom:25px; float:left; text-align:left; clear: both;}
.list-1col {float:none; clear: none;}
.list-1col li, .list-2cols li, .list-3cols li, .list-4cols li  { 
background:transparent url(../images/list-disc.png) no-repeat scroll 20px 7px;
margin-bottom: 3px;
padding:0 10px 0 35px;
vertical-align:top;
}
.list-2cols ul , .list-3cols ul , .list-4cols ul  {float:left;}


/*================== tables ====================*/

table {
 border-collapse:collapse;
 width:100%;
 margin-bottom: 25px;
 }
 
td, th {
    padding:8px;	
    text-align:left;
    vertical-align:top;	
	border:1px solid #333; 	
}
  
tr.odd {background-color: #333;}

th{
    font-weight:normal;
    padding-bottom: 10px;
	border-bottom:2px solid #666;    
    color: orange;
}

#last-translations .c1 {width: 30%;}
#last-translations .c2 {width: 30%;}
#last-translations .c3 {width: 40%;}

#tarifs .c1 {width: 23%;}
#tarifs .c2 {width: 25%;}
#tarifs .c3 {width: 20%;}
#tarifs .c4 {width: 16%;}
#tarifs .c5 {width: 16%;}


/*================== tables RWD ====================*/

@media (max-width: 0px) {
    thead, th{
        display:none;
    }
    tr{ border-bottom: 2px solid #666; }
    tr:last-child{ border: none; }    
    td:before  {
        content: attr(data-th);
        color: orange;
        padding-right: 1em;
        width: 30%;
        display: inline-block;
        text-wrap: no-wrap;
    }
    td {
        display: block;
        border: none;
    }
}

/*==================flags====================*/
div.flags {margin-top:20px;}
.flags li {background: none; margin-bottom: 10px;}
.flags a {
    background-position:0 0;
    background-repeat:no-repeat;
    display:block;
    height:30px;
    color:#979797;
    padding:5px 20px 0 40px;    
    font-weight:normal;
}
.flags a:hover { text-decoration:underline;}

.footer-lang a.fr { background-image:url(../images/flags/fr_20.png);}
.flags a.fr { background-image:url(../images/flags/fr_30.png);}

.footer-lang a.de { background-image:url(../images/flags/de_20.png);}
.flags a.de { background-image:url(../images/flags/de_30.png);}

.footer-lang a.ar { background-image:url(../images/flags/ae_20.png);}
.flags a.ar { background-image:url(../images/flags/ae_30.png);}

.footer-lang a.it { background-image:url(../images/flags/it_20.png);}
.flags a.it { background-image:url(../images/flags/it_30.png);}

.footer-lang a.en-AU { background-image:url(../images/flags/en-AU_20.png);}
.flags a.en-AU { background-image:url(../images/flags/en-AU_30.png);}

.footer-lang a.en-GB { background-image:url(../images/flags/en-GB_20.png);}
.flags a.en-GB { background-image:url(../images/flags/en-GB_30.png);}

.footer-lang a.en-US { background-image:url(../images/flags/en-US_20.png);}
.flags a.en-US { background-image:url(../images/flags/en-US_30.png);}

.footer-lang a.nl { background-image:url(../images/flags/nl_20.png);}
.flags a.nl { background-image:url(../images/flags/nl_30.png);}

.footer-lang a.jp { background-image:url(../images/flags/jp_20.png);}
.flags a.jp { background-image:url(../images/flags/jp_30.png);}

.footer-lang a.he { background-image:url(../images/flags/il_20.png);}
.flags a.he { background-image:url(../images/flags/il_30.png);}

.footer-lang a.es { background-image:url(../images/flags/es_20.png);}
.flags a.es { background-image:url(../images/flags/es_30.png);}

.footer-lang a.pr { background-image:url(../images/flags/pt_20.png);}
.flags a.pr { background-image:url(../images/flags/pt_30.png);}

.footer-lang a.zh-Hans { background-image:url(../images/flags/cn_20.png);}
.flags a.zh-Hans { background-image:url(../images/flags/cn_30.png);}



/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:19px;}
.img-box img { float:left; margin:3px 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:16px;}
.p2 { margin-bottom:29px;}

/*================== estimateForm ====================*/
.col-1 h3 {color: orange;}

/*==================txt, links, lines, titles====================*/
a {color:#2e97ad; font-weight:bold; text-decoration: none;}
a:hover{text-decoration:underline;}
a.new-window {
    background-image:url(../images/new_window.png);
    background-position:right top;
    background-repeat:no-repeat;
    padding-right:15px;
}

h1 {margin-bottom:20px; margin-top:10px;}

h2 { font-size:25px; color:#fff; line-height:1em; padding:14px 0 0 0; margin-bottom:14px;}
h3 { font-size:18px; color:#d6dbe0; border-bottom:1px solid #323232; font-weight:normal; line-height:1.2em; padding:0 0 4px 0; margin-bottom:17px;}
h4 { font-size:1em; margin-bottom:9px; font-style: italic; }
h4.alt { font-size:.91em;}
h5 { font-size:1em; background:url(../images/arrow2.gif) no-repeat left 5px; padding:0 0 0 19px; margin-bottom:9px;}
h5 a { color:#ff5013;}
h6 { font-size:1em; color:#2e97ad; }

.txt1 { color:#2e97ad;}

.rss { display:block; background:url(../images/rss.jpg) no-repeat right top; padding:10px 70px 12px 0; color:#979797; text-decoration:none;}
.rss:hover { color:#fff; text-decoration:underline;}

.link1 { display:block; float:left; background:url(../images/link1-bg.jpg) left top repeat-x; color:#b8e3f0; text-decoration:none;}
.link1 em { display:block; background:url(../images/link1-left.jpg) no-repeat left top;}
.link1 b { display:block; background:url(../images/link1-right.jpg) no-repeat right top; padding:5px 11px 5px 11px; font-style:normal;}
.link1:hover { color:#fff;}

.line-hor { background:#323232; height:1px; overflow:hidden; font-size:0; line-height:0; margin:16px 0 11px 0;}
.line-hor1 { background:#323232; height:1px; overflow:hidden; font-size:0; line-height:0; margin:2px 0 11px 0;}
.line-hor2 { background:#323232; height:1px; overflow:hidden; font-size:0; line-height:0; margin:9px 0 11px 0;}
.line-ver { background-image:url(../images/line-ver.gif); background-repeat:repeat-y; width:100%;}

/*==================boxes====================*/
.sign-box { background:url(../images/signature.gif) no-repeat right top; text-align:left; padding:20px 0 0 300px;}

.cont-box { padding:0 20px 0 0; margin:0;}
.cont-box span { float:right;}

/*header*/

#header .phone  {padding: 5px 0px 0 0; font-size: 1.8em;}

#header a:hover { text-decoration: none;}

.menu { margin:0 0 0 -35px;}
.menu ul { margin-left: 35px}
.menu li { display: block; float: left; width: 16.66666666666667%; font-weight: bold; text-align: center; background-color: #333; background:url(../images/menuBg.png) repeat-x 0 0;}
.menu li a { border-left: 1px solid black; display: block; color: #FFF; font-weight: normal; padding: 12px 0}
.menu li:first-child a { border: none;}

.banners { width:100%; height: 275px; overflow:hidden;}
.banners li { float:left; height: 100%; width: 25%;}
.banners li a { width:100%; height: 100%; color: #FFF; font-weight: bold; font-size: 1.1em; text-align: center; display: block; padding-top: 245px; text-transform: uppercase;}

.banner-1 { background: url(../images/banner1.jpg) no-repeat scroll 0 0 transparent; }
.banner-2 { background: url(../images/banner2.jpg) no-repeat scroll 0 0 transparent; }
.banner-3 { background: url(../images/banner3.jpg) no-repeat scroll 0 0 transparent; }
.banner-4 { background: url(../images/banner4.jpg) no-repeat scroll 0 0 transparent; }

.top-header {
    position: relative;
}
.top-header .contact {
   float: right;
   padding-top: 1.5em;
   text-align: right;
}
.top-header .title {
   color: #FFF;
   position: absolute;
   padding-top: 1.3em;
   width: 600px;
   text-align: center;
   margin: 0 0 0 150px;
   text-transform: uppercase;
   font-weight: normal;
}

 
/*content*/
#content .row-1 .indent {padding:31px 0 39px 2px;}
#content .row-2 .indent {padding:22px 0 32px 7px; }

/*footer*/
#footer strong { color:#afb1b3;}
#footer a { color:#979797; text-decoration:none; font-weight:normal;}
#footer a:hover { text-decoration:underline;}
#footer .legal {clear:both; font-size: 0.85em; text-align: center; padding-top: 25px; padding-bottom: 25px;}

/*================== 5 seconds estimate ====================*/

.instant-quote {
    background-color: #121212;
    border: 1px solid grey;
    border-radius: 5px;
    padding: 10px;
    float: right; 
    margin: 5px 0 20px 20px;    
}

.instant-quote  h3 {
    color: #FFA500;
    font-size: 1.5em;
}

/*================== TimeTable ====================*/

#timeTable  {margin: 20px 0 25px 0; width: 100%; border: 1px solid #333; float: left; clear: both;}
#timeTable li  {width: 12.5%; float: left; white-space:nowrap; text-align: center;}
#timeTable li .city {color: orange; padding: 0.7em 0; border-right: 1px solid #333; }
#timeTable li .time {font-size: 0.9em; border-top: 2px solid #666; background-color: #333; color: #CCC; clear: both; padding: 0.7em 0; }


/*================== Contact Box ====================*/

.contactbox {margin-bottom: 10px;}
.contactbox .top {font-size:1.5em; color:white; padding: 10px;}
.contactbox .content {padding-left: 10px; padding-right:10px; padding-bottom:10px;}
.contactbox .content .leftcol {float:left; width:40%;  border-right: 1px solid gray; text-align:left;}
.contactbox .content .rightcol {float:left; width:50%; padding-left: 20px;}

/*================== Blockquote ====================*/

  BLOCKQUOTE {
	background: transparent url(../images/quote_start.png) no-repeat scroll 0 0;
	margin-left:0;
	padding-left:40px;
	padding-top:10px;
	padding-bottom:30px;	
  }
  
  BLOCKQUOTE .author {
	background: transparent url(../images/quote_end.png) no-repeat scroll right center;
	height: 26px;
	text-align: right;
	padding-top: 10px;
	padding-right: 50px;
  }
  
  
/*================== Agency ====================*/
.agency .col-1 .bloc { margin-top: 30px;}

.agency .click2call input.skin {
    background:transparent url(../images/inputBg.png) no-repeat scroll 0 0;
    border:0 none;
    width: 167px;
    height:18px;
    padding:4px 5px;
    width:166px;
}

.agency .phone {
    font-size: 2em;
    line-height: normal;
    text-align:center;
    padding-top: 20px;
    color: #FFF;
}

.agency  .quote {
    border: 1px solid grey;
    border-radius: 5px;
    padding: 10px;
    float: right; 
    margin: 5px 0 20px 20px;    
}

.agency  .quote  h3 {
    color: #FFA500;
    font-size: 1.5em;
}

.agency  .mail {
    font-weight: bold;
    text-align: center;
}
.agency  .mail a {
    color:  #979797;
}
.agency  .mail img {
    vertical-align: middle;
    height: 25px;
    width: 25px;
    border: none;
}

.agency  .contactbox {margin-bottom: 10px; margin-top: 20px; background: #4D4D4D; border-radius: 5px; }
.agency  .contactbox .top {font-size:1.5em; color:white; padding: 10px; background: none;}
.agency  .contactbox .content {padding-left: 10px; padding-right:10px; padding-bottom:10px;background: none;}
.agency  .contactbox .content .leftcol {float:left; width:40%;  border-right: 1px solid gray; text-align:left;}
.agency  .contactbox .content .rightcol {float:left; width:50%; padding-left: 20px;}

/* Mise en page spécifique à la page contact */
.r-contact .banners  {display: none;}
.r-contact #header  {height: 150px;}




/* Effect 1: Brackets */

.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}