/*
   _  _ _|_ _ _ | _ . _ _   _  _ _|_
\/(/_| | | _\(_)|(_||| (/_.| |(/_ | 

*/
@font-face{
font-family:'Droid Sans';
font-style:normal;
font-weight:normal;
src:local('Droid Sans'), local('DroidSans'), url('/font/DroidSans.woff') format('woff');
}
@font-face{
font-family:'Droid Sans';
font-style:normal;
font-weight:bold;
src:local('Droid Sans Bold'), local('DroidSans-Bold'), url('/font/DroidSans-Bold.woff') format('woff');
}
@font-face {
font-family:'Antic';
font-style:normal;
font-weight:400;
src: local('Antic'), local('Antic-Regular'), url('/font/Antic.woff') format('woff');
}

* {
margin:0;
padding:0;
border:0;
outline:0;
}
::selection{
background:#367dae;
color:#fff;
}
::-moz-selection{
background:#367dae;
color:#fff;
}
a{text-decoration:underline;color:#367dae;}
a:hover{text-decoration:none;border:0;color:#b32026;}
a img{border:0;}
sup{line-height:0;}
li{list-style-type:none;}
.clear{clear:both;display:block;}
.height{height:20px;}
.f_left{float:left;}
.f_right{float:right;}
.f_left_m{float:left;margin-right:10px;}
.f_right_m{float:right;margin-left:10px;}
.a_left{text-align:left;}
.a_right{text-align:right;}
.a_center{text-align:center;}
.hidden, hr{display:none;}
.inline{display:inline;}
.block{display:block;}
.bigger{font-size:1.2em;}
.smaller{font-size:0.9em;}
.nomargin{margin:0;}
.height10{height:10px;}
.height20{height:20px;}
.color1{color:#367dae;}
.color2{color:#b32026;}

body{
background:#fff; 
text-align:center;
color:#777;
font-family:'Droid Sans', Arial, Helvetica, sans-serif;
font-size:80%;
line-height:140%;
}

.bg{
background:#f8f8f8 url(/img/bg.png) 0 0 repeat-x; 
}
.container{
width:930px;
margin:0 auto;
}

h1{
margin:30px 0 16px;
font-size:2.6em;
font-weight:normal;
line-height:120%;
}
h1 a{color:#757575;text-decoration:none;}
h2{
font-family:'Antic';
font-weight:normal;
text-transform:uppercase;
border-bottom:1px solid #fff;
background:url(/img/bg-title2.png) 0 100% no-repeat;
padding:10px 0;
margin:6px 0 0;
font-size:1.3em;
}
h2 a{color:#757575;text-decoration:none;}
h3{
margin:14px 0 0;
font-size:1.2em;
}
h3 a{color:#757575;text-decoration:none;}
h4{
margin:12px 0 0;
font-size:1.1em;
}
h4 a{color:#757575;text-decoration:none;}
h5,h6{
margin:10px 0 0;
font-size:1em;
}
h5 a, h6 a{color:#757575;text-decoration:none;}
p, ul, ol, table{
margin:10px 0 0;
}
ul li{
padding:0 0 0 10px;
background:url(/img/bullet.png) 0 10px no-repeat;
}
ol li{
padding:0 0 0 10px;
}


#header{
height:142px;
overflow:hidden;
position:relative;
}
#header h1{
float:left;
margin:0;
font-size:0;
}
#header h1 a{
display:block;
width:178px;
height:123px;
background:url(/img/aaatelec.png) 0 0 no-repeat;
}
#header h1 span{
display:none;
}

#header #lang{
position:absolute;
top:0;
right:0;
padding:0 0 0 13px;
height:31px;
line-height:31px;
background:url(/img/bg-lang+.jpg) 0 0 no-repeat;
border-bottom:1px solid #fff;
}
#header #lang a{
display:block;
width:21px;
height:15px;
text-decoration:none;
float:left;
margin:8px 7px 0 0;
background:url(/img/langs.jpg) 0 0 no-repeat;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;
}
#header #lang a span{
display:none;
}
#header #lang a#lang_fr{background-position:0 0;}
#header #lang a#lang_fr:hover, #header #lang a#lang_fr:active, #header #lang a#lang_fr.current{background-position:0 -15px;}
#header #lang a#lang_en{background-position:-21px 0;}
#header #lang a#lang_en:hover, #header #lang a#lang_en:active, #header #lang a#lang_en.current{background-position:-21px -15px;}
#header #lang a#lang_de{background-position:-42px 0;}
#header #lang a#lang_de:hover, #header #lang a#lang_de:active, #header #lang a#lang_de.current{background-position:-42px -15px;}
#header #lang a#lang_es{background-position:-63px 0;}
#header #lang a#lang_es:hover, #header #lang a#lang_es:active, #header #lang a#lang_es.current{background-position:-63px -15px;}

#menu{
float:left;
height:113px;
overflow:hidden;
margin:29px 0 0;
}
#menu ul{
margin:0 0 0 24px;
}
#menu li{
background:none;
padding:0;
float:left;
margin:0 10px 0 0;
}
#menu li.last_item{
background:none;
padding:0;
margin:0;
}
#menu li a{
display:block;
height:92px;
padding:21px 26px 0;
line-height:120%;
float:left;
color:#636363;
font-family:'Antic';
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
text-align:center;
}
#menu li a span{
display:inline-block;
width:42px;
height:42px;
background:url(/img/bg-menu-icons.png) 0 0 no-repeat;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;
}
#menu li a span#m1{background-position:0 0;}
#menu li a:hover span#m1, #menu li a:active span#m1{background-position:0 -42px;}
#menu li.current a span#m1{background-position:0 -84px;}
#menu li a span#m2{background-position:-42px 0;}
#menu li a:hover span#m2, #menu li a:active span#m2{background-position:-42px -42px;}
#menu li.current a span#m2{background-position:-42px -84px;}
#menu li a span#m3{background-position:-126px 0;}
#menu li a:hover span#m3, #menu li a:active span#m3{background-position:-126px -42px;}
#menu li.current a span#m3{background-position:-126px -84px;}
#menu li a span#m4{background-position:-168px 0;}
#menu li a:hover span#m4, #menu li a:active span#m4{background-position:-168px -42px;}
#menu li.current a span#m4{background-position:-168px -84px;}
#menu li a span#m5{background-position:-210px 0;}
#menu li a:hover span#m5, #menu li a:active span#m5{background-position:-210px -42px;}
#menu li.current a span#m5{background-position:-210px -84px;}

#menu li a:hover,
#menu li a:active{
color:#004b8e;
}
#menu li.current a,
#menu li.current a:hover,
#menu li.current a:active{
color:#004b8e;
background:url(/img/bg-menu-active.png) 50% 100% no-repeat;
}

#footer{
clear:both;
border-top:1px solid #ededed;
background:#fff;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:0.8em;
text-align:center;
}
#footer p{
margin:0;
padding:40px 0 46px;
color:#757575;
}
#footer a{
color:#757575;
text-decoration:none;
}
#footer a:hover{
color:#333;
}


.content{
clear:both;
text-align:left;
min-height:200px;
padding:0 0 40px;
}
.content.relpos{
position:relative;
}






.col_1on3_{float:left;width:219px;}
.col_2on3_{float:left;width:681px;}
.col_1on3{float:left;width:290px;}
.col_2on3{float:left;width:610px;}
.col_1on2{float:left;width:450px;}
.margin_l{margin-left:30px;}
.margin_r{margin-right:30px;}




/* index */
.padd_top{padding:20px 0 0;}
ul.bg_gradient{
background:#ebebeb url(/img/bg-gradient.png) 0 0 no-repeat;
min-height:236px;
height:236px;
overflow:hidden;
margin:20px 0 0;
}
ul.bg_gradient li{
padding:0;
background:none;
}
ul.bg_gradient li a{
display:block;
float:left;
margin:23px 0 0 21px;
text-decoration:none;
position:relative;
color:#fff;
}
ul.bg_gradient li a:hover{color:#fff;}
ul.bg_gradient li a span{
display:block;
position:absolute;
bottom:0;
left:0;
background:rgba(20,20,20,0.8);
width:262px;
color:#ddd;
padding:6px 10px;
font-size:1.2em;
text-shadow:0 0 1px #fff;
border-bottom-left-radius:4px 4px;
-moz-border-bottom-left-radius:4px 4px;
-webkit-border-bottom-left-radius:4px 4px;
border-bottom-right-radius:4px 4px;
-moz-border-bottom-right-radius:4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
}
ul.bg_gradient li img{
display:block;
}

.categs_outer{
height:334px;
overflow:hidden;
}
.categs{
margin:20px 0 0;
}
.categs a{
display:block;
float:left;
width:87px;
height:30px;
padding:270px 0 0;
margin:0 10px 0 0;
text-align:center;
text-decoration:none;
line-height:110%;
color:#757575;
background:url(/img/thumbs-activity+.jpg) 0 0 no-repeat;
opacity:1;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.categs a#c2{background-position:-87px 0;}
.categs a#c3{background-position:-174px 0;}
.categs a#c4{background-position:-261px 0;}
.categs a#c5{background-position:-348px 0;}
.categs a#c6{background-position:-435px 0;}
.categs a#c7{background-position:-522px 0;margin-right:0;}
.categs a:hover,
.categs a:active{
opacity:0.7;
}

.home_news{}
.home_news a.new{
display:block;
text-decoration:none;
margin:16px 0 0;
}
.home_news a.new span{
display:block;
}
.home_news a.new span.title{
color:#004a92;
font-size:1.2em;
font-weight:bold;
}
.home_news a.new span.text{
color:#757575;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.home_news a:hover.new span.text{
color:#367dae;
}


/* produits */
ul.prod{
margin:0;
}
ul.prod li{
margin:0 0 20px;
padding:0 0 20px;
border-bottom:1px solid #fff;
height:140px;
background:url(/img/bg-title2.png) 250px 100% no-repeat;
}
p.list_link{
float:right;
margin:20px 0 0;
}
p.list_link a{
display:block;
background:url(/img/readmore.png) 0 0 no-repeat;
width:95px;
height:23px;
padding-left:7px;
line-height:23px;
text-decoration:none;
}
li a.active{
color:#b32026;
text-decoration:none;
}
.main_description{
font-size:1.1em;
margin:20px 0 0;
}
.thumbact li{
padding:0;
background:none;
}
.thumbact li a{
padding:0 0 0 20px;
height:15px;
line-height:15px;
background:url(/img/thumbs-activity-min+.jpg) 0 0 no-repeat;
}
.thumbact li a#vea2{background-position:0 -15px;}
.thumbact li a#vea3{background-position:0 -30px;}
.thumbact li a#vea4{background-position:0 -45px;}
.thumbact li a#vea5{background-position:0 -60px;}
.thumbact li a#vea6{background-position:0 -75px;}
.thumbact li a#vea7{background-position:0 -90px;}
.img_thumb{
float:right;
margin:16px 0 0 10px;
background:#f8f8f8;
background: -moz-linear-gradient(top,  rgba(246,246,246,0) 0%, rgba(247,247,247,1) 35%, rgba(248,248,248,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,0)), color-stop(35%,rgba(247,247,247,1)), color-stop(100%,rgba(248,248,248,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(247,247,247,1) 35%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(247,247,247,1) 35%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(247,247,247,1) 35%,rgba(248,248,248,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,246,246,0) 0%,rgba(247,247,247,1) 35%,rgba(248,248,248,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
.img_thumb.padded{
padding-top:28px;
}
p.pdf{
margin:20px 0;
line-height:120%;
}
p.pdf a{
display:block;
background:url(/img/icon-pdf.png) 0 0 no-repeat;
padding:4px 0 4px 56px;
}

/* news */
.news{
margin:0 0 20px;
padding:0 0 20px;
border-bottom:1px solid #fff;
background:url(/img/bg-title2.png) 250px 100% no-repeat;
}
.news .left_col{
float:left;
margin:0 30px 0 0;
width:290px;
padding:16px 0 0;
}
.news .right_col{
float:left;
width:610px;
}


/* contact */
#map{
margin:20px 0 0;
width:290px;
height:320px;
}
#map input{
padding:0;
width:auto;
border:0;
vertical-align:middle;
}




.error{
border:1px solid #c00;
background:#ffe url(/img/error.png) 8px 50% no-repeat;
padding:10px 10px 10px 50px;
margin:10px 0 0;
}
.error ul{
margin:0;
}
.error li{
padding:0;
background:none;
color:#c00;
}
.ok{
position:absolute;
top:10px;
left:0;
width:890px;
font-size:1.3em;
font-weight:bold;
border:1px solid #0c0;
background:#d0f2d0;
padding:16px 19px;
text-align:center;
}
.ok p{
margin:0;
color:#333;
}
input, select, textarea{
font:1.2em/120% Arial, Helvetica, Verdana, sans-serif;
background:#fff;
color:#666;
padding:4px;
width:600px;
vertical-align:middle;
border:1px solid #d7d7d7;
}
.col_1on3 input, .col_1on3 select, .col_1on3 textarea{
width:280px;
}
.focus{
color:#c00;
}
.cke{
display:block;
border:1px solid #d7d7d7;
width:656px;
}
.focus input, .focus select, .focus textarea, .focus .cke{
color:#333;
border-color:#c00;
}
input.x{
padding:0;
width:auto;
border:0;
}
a.button,
input.submit{
background:#367dae;
color:#fff;
font-size:1em;
font-weight:bold;
padding:10px 20px;
cursor:pointer;
width:auto;
border:0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-image:-moz-linear-gradient(top, #006eba, #004890); /* FF3.6 */
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #006eba),color-stop(1, #004890)); /* Safari 4+, Chrome 2+ */
background-image:-webkit-linear-gradient(top, #006eba, #004890); /* Safari 5.1+, Chrome 10+ */
background-image:-o-linear-gradient(top, #006eba, #004890); /* Opera 11.1+ */
background-image:-ms-linear-gradient(top, #006eba, #004890); /* IE10+ */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006eba', endColorstr='#004890'); /* IE6,IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#006eba', endColorstr='#004890')";/* IE8+ */
background-image:linear-gradient(top, #006eba, #004890);
}
.submit.disabled{
background:#ddd;
color:#999;
}
a.button{text-decoration:none;}
.warning{
font-size:0.8em;
color:#999;
padding:0 0 0 10px;
}
.add a{background:url(/img/admin/add.png) 0 50% no-repeat;padding:0 0 0 20px;}
.back a{background:url(/img/admin/back.png) 0 50% no-repeat;padding:0 0 0 20px;}


#tooltip{
position:absolute;
font-size:0.8em;
font-weight:normal;
z-index:3000;
background:#fff;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:2px 4px;
}
.tip{
color:#777;
}
#tooltip h3, #tooltip div{margin:0;}
#tooltip h3{
color:#367dae;
font-size:1.1em;
;}