@charset "windows-1252"; 

body
{
background-color: #efefef;
color:#000000;
font-family:'Ubuntu',Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
} 

.log{
background-color:#dddddd;
color:#000000;
border:0px;
height:16px;
font-size:10px;
border-color:#cccccc;
border-width:2px;
}

.log2{
background-color:#555555;
color:#ffffff;
border:0px;
height:18px;
font-size:12px;

}

div#conteneur{

position:relative;
top:-15px;
width:975px;
height:1418px;
margin-left:auto;
padding:0px;
margin-top:0px;
margin-bottom:0px;
margin-right:auto;
z-index:1;
background-color: #ffffff;
/*background-color:#ffffff;*/
}

div#newtop{
position:absolute;
left:0px;
top:4px;
height:24px;
width:975px;
background-color:#efefef;
text-align:left;
border-bottom: solid 1px #ff395d;
z-index:5;
}

div#topsupport{
position:absolute;
font-family: 'Federo', sans-serif;
font-size:10px;
font-weight:400;
color:#565656;
top:5px;
left:18px;
width:115px;
z-index:7;
}


div#sousavivre0{
position:absolute;

background-color:#ff395d;
height:24px; 
top:0px;
left:150px;
width:200px;
z-index:6;

}
div#sousavivre1{
position:absolute;
border-top: solid 1px #ff395d;
border-left: solid 1px #ff395d;
border-right: solid 1px #ff395d;
border-bottom: solid 2px #ffffff;
background-color:#ffffff;
height:23px; 
top:0px;
left:150px;
width:200px;
z-index:6;

}
div#topavivre0{
position:absolute;
font-family: 'Federo', sans-serif;
font-size:14px;
font-weight:400;
color:#ffffff;


top:3px;
left:150px;
width:200px;
z-index:7;
}

div#topavivre0 a{
color:#ffffff;
font-weight:400;
text-decoration:none;
}

div#topavivre0 a:visited{
color:#ffffff;
font-weight:400;
text-decoration:none;
}

div#topavivre0 a:hover{
text-decoration:underline;
font-weight:400;
color:#ffffff;

}
div#topavivre1{
position:absolute;
font-family: 'Federo', sans-serif;
font-size:14px;
font-weight:400;
color:#000000;
top:3px;
left:150px;
width:200px;
z-index:7;
}

div#topavivre1 a{
color:#000000;
font-weight:400;
text-decoration:none;
}

div#topavivre1 a:visited{
color:#000000;
font-weight:400;
text-decoration:none;
}

div#topavivre1 a:hover{
text-decoration:none;
font-weight:400;
color:#000000;

}
div#sousecologik0{
position:absolute;

background-color:#ff395d;
height:24px; 
top:0px;
left:362px;
width:105px;
z-index:6;

}
div#topecologik0{
position:absolute;
font-family: 'Federo', sans-serif;
font-size:14px;
font-weight:400;
color:#ffffff;
top:3px;
left:362px;
width:105px;
z-index:7;
}

div#topecologik0 a{
color:#ffffff;
font-weight:400;
text-decoration:none;
}

div#topecoligik0 a:visited{
color:#ffffff;
font-weight:400;
text-decoration:none;
}

div#topecologik0 a:hover{
text-decoration:underline;
font-weight:400;
color:#ffffff;

}
div#sousecologik1{
position:absolute;
border-top: solid 1px #ff395d;
border-left: solid 1px #ff395d;
border-right: solid 1px #ff395d;
border-bottom: solid 2px #ffffff;
background-color:#ffffff;
height:23px; 
top:0px;
left:362px;
width:105px;
z-index:6;

}
div#topecologik1{
position:absolute;
font-family: 'Federo', sans-serif;
font-size:14px;
font-weight:400;
color:#000000;
top:3px;
left:362px;
width:105px;
z-index:7;
}

div#topecologik1 a{
color:#000000;
font-weight:400;
text-decoration:none;
}

div#topecoligik1 a:visited{
color:#000000;
font-weight:400;
text-decoration:none;
}

div#topecologik1 a:hover{
text-decoration:none;
font-weight:400;
color:#000000;

}
div#sousexe0{
position:absolute;

background-color:#ff395d;
height:24px; 
top:0px;
left:479px;
width:60px;
z-index:6;

}

div#topexe0{
position:absolute;
font-family: 'Federo', sans-serif;
font-size:14px;
font-weight:400;
color:#ffffff;
top:3px;
left:479px;
width:60px;
z-index:7;
}

div#topexe0 a{
color:#ffffff;
font-weight:400;
text-decoration:none;
}

div#topexe0 a:visited{
color:#ffffff;
font-weight:400;
text-decoration:none;
}

div#topexe0 a:hover{
text-decoration:underline;
color:#ffffff;
font-weight:400;
}
div#sousexe1{
position:absolute;
border-top: solid 1px #ff395d;
border-left: solid 1px #ff395d;
border-right: solid 1px #ff395d;
border-bottom: solid 2px #ffffff;
background-color:#ffffff;
height:23px; 
top:0px;
left:479px;
width:60px;
z-index:6;

}

div#topexe1{
position:absolute;
font-family: 'Federo', sans-serif;
font-size:14px;
font-weight:400;
color:#000000;
top:3px;
left:479px;
width:60px;
z-index:7;
}

div#topexe1 a{
color:#000000;
font-weight:400;
text-decoration:none;
}

div#topexe1 a:visited{
color:#000000;
font-weight:400;
text-decoration:none;
}

div#topexe1 a:hover{
text-decoration:none;
font-weight:400;
color:#000000;
}


div#sousinnov0{
position:absolute;
background-color:#ff395d;
top:0px;
height:24px;
left:551px;
width:120px;

z-index:6;
}

div#topinnovation0{

position:absolute;
font-family: 'Federo', sans-serif;
font-size:14px;
font-weight:400;
color:#ffffff;
top:3px;
left:551px;
width:120px;


z-index:7;
}
div#topinnovation0 a{
color:#ffffff;
font-weight:400;
text-decoration:none;

}

div#topinnovation0 a:visited{

color:#ffffff;
font-weight:400;
text-decoration:none;

}

div#topinnovation0 a:hover{
text-decoration:underline;
color:#ffffff;
font-weight:400;

}


div#sousinnov1{
position:absolute;
background-color:#ffffff;
top:0px;
height:23px;
left:551px;
width:120px;
border-top: solid 1px #ff395d;
border-left: solid 1px #ff395d;
border-right: solid 1px #ff395d;
border-bottom: solid 2px #ffffff;
z-index:6;
}

div#topinnovation1{
position:absolute;
font-family: 'Federo', sans-serif;
font-size:14px;
font-weight:400;
color:#000000;
top:3px;
left:551px;
width:120px;
z-index:7;
}
div#topinnovation1 a{
color:#000000;
font-weight:400;
text-decoration:none;
}

div#topinnovation1 a:visited{
color:#000000;
font-weight:400;
text-decoration:none;
}

div#topinnovation1 a:hover{
text-decoration:none;
font-weight:400;
color:#000000;
}


div#conteneur2{
position:relative;
top:-15px;
width:975px;
height:2490px;
margin-left:auto;
padding:0px;
margin-top:0px;
margin-bottom:0px;
margin-right:auto;
z-index:1;
background-color: #ffffff;
/*background-color:#ffffff;*/
}

div#foofoo{
position:relative;
top:-47px;
width:975px;
margin-left:auto;
margin-right:auto;
color:#565656;
font-family:'Federo',Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
z-index:2;
}
#foofoo .petit {
color:#565656;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}
div#foofoo a{
color:#565656;
font-family:'Federo',Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}
div#foofoo a:visited{
color:#565656;
font-family:'Federo',Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}
div#foofoo a:hover{
color:#565656;
font-family:'Federo',Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:underline;
}

div#logo_publi{
position: absolute;
width:256;
height:121;
left:18px;
top:35px;
z-index:2;
}

div#logo_editions{
position: absolute;
width:130;
height:45;
left:780px;
top:14px;
z-index:2;
}

div#logo_ecologik{
position: absolute;
width:195;
height:35;
left:306px;
top:68px;
z-index:2;
}
div#logo_exe1{
position: absolute;
width:195;
height:40;
left:306px;
top:63px;
z-index:2;
}

div#logo_avivre{
position: absolute;
width:163;
height:40;
left:534px;
top:60px;
z-index:2;
}
div#logo_exe2{
position: absolute;
width:163;
height:40;
left:534px;
top:60px;
z-index:2;
}

div#logged{

position:absolute;
top:79px;
left:500px;

color:#000000;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;


z-index:2;
}
div#logged a {
color:#000000;

text-decoration:none;
}
div#logged a:visited{
color:#000000;

text-decoration:none;
}
div#logged a:hover{
color:#000000;

text-decoration:underline;
}

div#login{
position: absolute;
width:41px;
height:11px;
left:500px;
top:90px;
z-index:2;
}
div#oublix{
position: absolute;
width:275px;
height:50px;
left:700px;
top:69px;
z-index:2;
}
div#motdepasse{
position: absolute;
width:97;
height:11;
left:670px;
top:90px;
z-index:2;
}


div#input_login{
position: absolute;
width:97;
background-color:#ffffff;

left:550px;
top:85px;
z-index:2;
}

div#input_motdepasse{
position: absolute;
background-color:#ffffff;
width:97;
left:775px;
top:85px;
z-index:2;
}
div#valident{
position: absolute;


left:950px;
top:90px;
z-index:2;
}
.bt_ok{ 
top:0px;
cursor: pointer;
width: 18px;
height: 18px;
border: none;
background: url("images/exe/ok1.png") no-repeat left top;
}

.bt_ok:hover{ 
top:0px;
cursor: pointer;
width: 18px;
height: 18px;
border: none;
background: url("images/exe/ok2.png") no-repeat left top;
}
.bt_rech{ 
top:0px;
cursor: pointer;
width: 19px;
height: 21px;
border: none;
background: url("images/exe/rech1.png") no-repeat left top;
}

.bt_rech:hover{ 
top:0px;
cursor: pointer;
width: 19px;
height: 21px;
border: none;
background: url("images/exe/rech2.png") no-repeat left top;
}
div#inscription{
position: absolute;
width:107;
height:15;
left:739px;
top:110px;
z-index:2;
}

div#oubli{
position: absolute;
width:90;
height:15;
left:850px;
top:110px;
z-index:2;
}



div#div_long{
position: absolute;
width:938px;
height:7px;
left:17px;
top:146px;
z-index:2;
}

div#lecteur{
position: absolute;
width:938px;
/*height:7px;*/
left:17px;
top:266px;
background-color:#888888;
z-index:2;

}

div#sepa_1{position: absolute;width:7;height:15;left:100px;top:158px;z-index:2;}
div#sepa_2{position: absolute;width:7;height:15;left:258px;top:158px;z-index:2;}
div#sepa_3{position: absolute;width:7;height:15;left:342px;top:158px;z-index:2;}
div#sepa_4{position: absolute;width:7;height:15;left:455px;top:158px;z-index:2;}
div#sepa_5{position: absolute;width:7;height:15;left:583px;top:158px;z-index:2;}
div#sepa_6{position: absolute;width:7;height:15;left:720px;top:158px;z-index:2;}
div#fb{position: absolute;width:26;height:25;left:877px;top:154px;z-index:2;}
div#tw{position: absolute;width:26;height:26;left:916px;top:153px;z-index:2;}
div#accueil{position: absolute;width:72px;height:15px;left:18px;top:158px;z-index:2;}
div#presentation{position: absolute;width:116px;height:17px;left:125px;top:158px;z-index:7;}
div#blog{position: absolute;width:46;height:17;left:283px;top:158px;z-index:2;}
div#boutique{position: absolute;width:80;height:17;left:367px;top:158px;z-index:2;}
div#presse{position: absolute;width:100;height:18;left:472px;top:158px;z-index:2;}
div#annonceurs{position: absolute;width:105;height:15;left:597px;top:158px;z-index:2;}
div#contacts{position: absolute;width:76;height:15;left:747px;top:158px;z-index:2;}

.bt_groupeavivre{ 

cursor: pointer;
width: 96px;
height: 19px;
border: none;
background: url("images/avivre/groupe.png") no-repeat left top;
}

.bt_magazinesexe{ 

cursor: pointer;
width: 114px;
height: 19px;
border: none;
background: url("images/exe/magazines.png") no-repeat left top;
}
.bt_groupeexe{ 

cursor: pointer;
width: 66px;
height: 15px;
border: none;
background: url("images/exe/groupe.png") no-repeat left top;
}

.bt_magazinesecologik{ 

cursor: pointer;
width: 114px;
height: 19px;
border: none;
background: url("images/ecologik/magazines.png") no-repeat left top;
}
.bt_groupeecologik{ 

cursor: pointer;
width: 66px;
height: 15px;
border: none;
background: url("images/ecologik/groupe.png") no-repeat left top;
}

.bt_magazinesavivre{ 

cursor: pointer;
width: 128px;
height: 39px;
border: none;
background: url("images/avivre/magazines.png") no-repeat left top;
}

div#div_long_2{
position:absolute;
width:938px;
height:7px;
left:17px;
top:180px;
z-index:2;
}

div#stat_court{
position:absolute;
left:17px;
top:190px;
width:938px;
height:640px;
background-color:#ffffff;
text-align:left;
z-index:5;
}

div#stat_court_inov{
position:absolute;
left:0px;
top:190px;
width:975px;
height:640px;
/*background-color:#00ffff;*/
text-align:left;
z-index:5;
}


div#stat_long{
position:absolute;
left:17px;
top:190px;
width:938px;
height:1111px;
background-color:#ffffff;
text-align:left;
z-index:5;
}

div#fich_img1{
position:absolute;

left:48px;
top:200px;
width:420px;
height:594px;
text-align:left;

z-index:6;
}

div#fich_img3{
position:absolute;

left:48px;
top:829px;
width:875px;
height:444px;
text-align:left;

z-index:6;
}

div#retour{
position:absolute;
top:1274px;
left:48px;

color:#565656;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;


z-index:6;
}

#retour a{color:#565656;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;}
#retour a:visited{color:#565656;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;}
#retour a:hover{color:#565656;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;}

div#fich_descr_long{
position:absolute;

left:503px;
top:200px;
width:420px;
height:594px;
text-align:left;

z-index:6;
}


div#rechserv{
position:absolute;
left:17px;
top:200px;
width:300px;
/*height:200px;*/
text-align:justify;
color:#000000;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
background-color:#ffffff;
border: 1px solid #00000;
z-index:3;
}
div#res0{
position:absolute;
left:355px;
top:200px;
width:600px;
height:120px;
z-index:3;
}
div#res1{
position:absolute;
left:355px;
top:325px;
width:600px;
height:120px;
z-index:3;
}
div#res2{
position:absolute;
left:355px;
top:450px;
width:600px;
height:120px;
z-index:3;
}
div#res3{
position:absolute;
left:355px;
top:575px;
width:600px;
height:120px;
z-index:3;
}
div#res4{
position:absolute;
left:355px;
top:700px;
width:600px;
height:120px;
z-index:3;
}

div#pagesd{
position:absolute;
left:15px;
top:820px;
color:#565656;

font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
z-index:5;
}

#pagesd a{
color:#565656;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
}

#pagesd a:visited{
color:#565656;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
}

#pagesd a:hover{
color:#000000;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
}


.titrefiche{
position:absolute;
left:0px;
top:0px;
width:200px;
text-align:left;
height:20px;
color:#000000;
background-color:#bbbbbb;
font-weight:bold;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
z-index:4;
}
.sloganfiche{
position:absolute;
left:200px;
top:0px;
width:350px;
height:20px;
color:#000000;
background-color:#bbbbbb;
text-align:left;
 vertical-align:bottom; display: inline;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:12px;
z-index:4;
}
.lirefiche{
position:absolute;
left:550px;
top:0px;
width:50px;
height:20px;
color:#000000;
background-color:#bbbbbb;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:12px;
z-index:5;
}
.lirefiche a{
color:#000000;
text-decoration:none;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:12px;
}
.lirefiche a:visited{
color:#000000;
text-decoration:none;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:12px;
}
.lirefiche a:hover{
color:#565656;
text-decoration:none;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:12px;
}
.imgfiche{
position:absolute;
left:0px;
top:20px;
width:100px;
height:100px;

z-index:3;
}
.descrfiche{
position:absolute;
left:105px;
top:20px;
width:495px;
height:100px;
color:#000000;
text-align:left;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:11px;
background-color:#f5f5f5;
z-index:6;
}


div#valrech{
position:absolute;
left:122px;
top:199px;
width:19px;
height:21px;
z-index:2;
}

div#recherche{
position:absolute;
left:21px;
top:201px;
width:96px;
height:16px;
z-index:2;
}

div#input_recherche{
position:absolute;
left:21px;
top:222px;

z-index:2;
}

div#unedublog{
position:absolute;
left:20px;/*70*/
top:288px;
width:153px;
height:18px;
z-index:2;
}
div#imgblog{
position:absolute;
left:21px;
top:321px;
width:255px;
height:156px;
z-index:2;
}
div#txtblog{
position:absolute;
left:21px;
top:501px;
width:255px;
height:121px;
text-align:justify;
color:#000000;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:12px;
z-index:2;
}

div#allactus{
position:absolute;
left:327px;
top:200px;
width:208px;
height:16px;
z-index:2;
}

div#news{

position:absolute;
left:329px;
top:239px;
width:264px;
height:382px;
z-index:2;

}

.n_ville{
color:#FF0000;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
}
.n_titre{
color:#565656;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
}
.n_detail{
color:#000000;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
text-align:justify;
font-size:12px;
}

div#lecture{

position:absolute;
left:621px;
top:191px;
width:323px;
height:640px;
z-index:2;

}

div#masque1{

position:absolute;
left:50px;
top:213px;
width:223px;
height:101px;
z-index:10;

}

#m_img1{
position:absolute;
left:0px;
top:7px;
z-index:4;
}
#m_img2{
position:absolute;
left:0px;
top:452px;
z-index:4;
}
#m_img3{
position:absolute;
left:176px;
top:452px;
z-index:4;
}


div#lector{

position:absolute;
left:87px;
top:0px;
width:180px;
height:46px;
z-index:11;

}

div#lienmag{
position:absolute;
left:830px;
top:655px;
color:#000000;
z-index:15;
width:250px;

}
div#lienmag a:{
color:#000000;
text-decoration:none;
font-weight:normal;
}
div#lienmag a:visited{
color:#000000;
text-decoration:none;
font-weight:normal;
}
div#lienmag a:hover{
color:#000000;
text-decoration:none;
font-weight:normal;
}

div#masque2{

position:absolute;
left:50px;
top:544px;
width:223px;
height:31px;
z-index:10;

}


div#div_small_1{
position: absolute;
width:596px;
height:7px;
left:21px;
top:634px;
z-index:2;
}

div#comm1{
position: absolute;
width:262px;
height:180px;
left:23px;
top:649px;
z-index:2;
}
div#video{
position: absolute;
width:320px;
height:180px;
left:293px;
top:649px;
z-index:2;
}

div#div_medium_1{
position: absolute;
width:751px;
height:7px;
left:21px;
top:837px;
z-index:2;
}

div#temposerv{
position:absolute;
left:21px;
top:855px;
width:278px;
height:251px;
z-index:20;
}

div#services{
position: absolute;
width:108px;
height:17px;
left:35px;
top:855px;
z-index:2;
}

div#nosservices{
position: absolute;
width:278px;
height:219px;
left:21px;
top:887px;
z-index:2;
}

.nservices{
text-align:left;
color:#ffffff;
text-decoration:none;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
width:260px;
/*height:px;*/
}

.nservices a{
text-align:left;
color:#ffffff;
text-decoration:none;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
width:260px;
/*height:px;*/
}

.nservices a:visited{
text-align:left;
color:#ffffff;
text-decoration:none;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
width:260px;
/*height:px;*/
}

.nservices a:hover{
text-align:left;
color:#000000;
text-decoration:none;
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-size:14px;
width:260px;
/*height:px;*/
}

div#service1{
position:absolute;
left:9px;
top:7px;

z-index:3;
}

div#service2{
position:absolute;
left:9px;
top:44px;

z-index:3;
}

div#service3{
position:absolute;
left:9px;
top:81px;

z-index:3;
}

div#service4{
position:absolute;
left:9px;
top:118px;

z-index:3;
}

div#service5{
position:absolute;
left:9px;
top:155px;

z-index:3;
}

div#service6{
position:absolute;
left:9px;
top:192px;

z-index:3;
}


div#evenements{
position: absolute;
width:137px;
height:17px;
left:345px;
top:855px;
z-index:2;
}

div#evencours{
position: absolute;
width:428px;
height:126px;
left:342px;
top:885px;
z-index:2;
}

div#nosevenements{
position: absolute;
width:428px;
height:89px;
left:342px;
top:1011px;
z-index:2;
}
div#div_medium_2{
position: absolute;
width:751px;
height:7px;
left:21px;
top:1133px;
z-index:2;
}

div#comm2{
position: absolute;
width:169px;
height:463px;
left:782px;
top:883px;
z-index:2;
}

div#comm3{
position: absolute;
width:750px;
height:172px;
left:21px;
top:1174px;
z-index:2;
}

div#div_long_3{
position: absolute;
width:398;
height:7;
left:17px;
top:1356px;
z-index:2;
}