*{
padding:0;
margin:0;
font-family:f-fin, Verdana, Tahoma, Arial, sans-serif;
font-size:23px;
font-size:21px;
color:#000;
text-align:left;
border:0
}


@font-face{
font-family: 'f-fin';
src: local(':'), url('tmp2014/fonts/f-fin.woff') format('woff'), url('tmp2014/fonts/f-fin.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face{
font-family: 'f-reg';
src: url('tmp2014/fonts/f-reg.eot');
src: local(':'), url('tmp2014/fonts/f-reg.woff') format('woff'), url('tmp2014/fonts/f-reg.ttf') format('truetype'), url('tmp2014/fonts/f-reg.svg') format('svg');
font-weight: normal;
font-style: normal;
}

#page{
max-width:1200px;
margin:auto;
}




#search{
height:260px;
text-align:center;
background-image:url(tmp2014/images/ecoidees.jpg);
background-position:center top;
background-repeat:no-repeat;
border-radius: 0 0 15px 15px;
}

#ch_search{
font-size:26px;
background-color:#00121e;
color:#fff;
border:0;
padding-left:10px;
width:200px;
}

#search input{
vertical-align:top;
height:44px;
position:relative;
left:387px;
top:27px;
}


#facebook{
position: absolute;
top:27px;
margin-left:802px;
}


#facebook img{
border:0;
}


#facebook-2 {
position: absolute;
right:7px;
top:78px;
font-size:18px;
color:#fff;
display:none
}



hr{
border:0;
border-top:1px solid #88ac11;
margin:0 10% 12px 0
}


.trait{
margin:-2px 0 9px 0;
border-top:1px solid #88ac11;
text-align:right;
}




#contenu .tri, #contenu .tri select, #contenu .tri option{
font-size:23px;
font-family:f-reg, Arial, sans-serif
}



#contenu .tri{
text-align:right;
margin:-3px 0 0 0;
border-top:1px solid #88ac11;
}



#contenu .tri select{
padding:5px 10px;
border:0;
border-left:1px solid #88ac11
}




h1{
margin-bottom:10px;	
display:inline;
font-weight:normal;
font-size:80px;
font-variant:small-caps;
line-height:60px;
color:#88ac11;
background-color:#fff;
padding-right:10px;
z-index:5
}





h2{
display:inline-block;
margin:15px 0 5px 0;
background-color:#88ac11;
color:#fff;
border-radius: 0 20px 0 0;
padding:10px 20px 2px 20px;
}



h2 a{
font-size:30px;
letter-spacing:1.5pt;
color:#fff;
text-decoration:none
}


h2 a:hover{
color:#fff;
}

h3{
background-color:#88ac11;
color:#fff;
padding:2px 8px;
}



p, table{
margin:0 0 12px 0;
}



.liste{
margin-right:10%;
/*
height:132px;
overflow:hidden;
*/
line-height:33px;
}


.im{
float:left;
margin-right:20px;
}

.im img{
border:0;
}

#im-b{
margin-left:380px
}



.lettrine{
width:60px;
height:85px;
margin:10px 10px 0 0;
float:left;
}

.lettr{
display:none
}



a, h2{
color:#709f1b
}

a:hover{
color:#527A08;
}



.clear{
clear:both;
height:1px;
}



.fluid_container {
margin: 0 auto;
max-width: 1200px;
width: 100%;
}


#footer{
clear:both;
border-top:1px solid #fff;
padding:5px;
font-weight:bold;
text-align:center;
background-color:#88ac11;
color:#fff;
}


select{
padding:5px 0 2px 0;
}





#nav{
position:relative;
z-index:5;
text-align: center;
margin:5px 0 5px 3px;
}

#nav ul ul {
display: none;

}

#nav ul li:hover > ul {
display: block;
}


#nav ul {	
list-style: none;
position: relative;

}

#nav ul:after {
content: ""; clear: both; display: block;
}

#nav ul li {
float:left;
margin-right:3px;
background-color:#88ac11;
border-radius: 15px 15px 0 0;
}

#nav ul li:hover {
background: #97bf0d;
}

#nav ul li:hover a {
color: #fff;
}
		
#nav ul li a {
display:inline-block;
width:122px;
color:#fff; 
text-align:center;
font-size:18px;
font-variant:small-caps;
text-decoration: none;
font-family: 'f-reg';
padding:15px 4px 2px 4px;
}
		
		
#nav ul ul {
width:133px;
position:absolute;
}
		
#nav ul ul li {
float: none; 
border-radius:0;
padding:1px 5px 7px 5px;
}

#nav ul ul li a {
display:block;
font-size:18px;
text-align:left;
margin-bottom:-2px;
padding:5px 8px 0px 5px;
}	
				
#nav ul ul li a:hover {

}

		
#nav ul ul ul {
position: absolute; 
left: 100%; 
top:0;
}
		
		
.table{
border-collapse:collapse;
}
	
.table tr td{
vertical-align:middle
}	
		
.table .tr td{
background-color:#88ac11;
color:#fff;
text-align:center;
border-right:1px solid #fff;
padding:3px 2px 2px 2px;
}		

.table tr td img{
vertical-align:middle
}







@media screen and (max-width: 1260px){

#page{
max-width:none;
}



#contenu{
margin:0 0 0 190px;
min-height:900px;
}

#nav{
background-color:#88ac11;
position:absolute;
width:170px;
display:block;
margin:1px 0 0 0;
padding-bottom:10px
}



#nav ul li{
border-radius:0;
padding-left:5px;
}


#nav ul li a{
text-align:left;
}



#nav ul ul {
width:160px;
position: relative;
top:0;
display:block;
}




#nav ul li:hover{
background-color:#88ac11;

}


#nav ul li a:hover{
text-decoration:underline
}





#nav ul ul li a {
border-bottom:0;
padding:0 0 0 25px;
background-image:url(tmp2014/images/fleche.png);
background-position:14px 7px;
background-repeat:no-repeat;
width:130px;
}


#nav ul ul li a:hover{
border-bottom:0;

}



#search{
height:134px;
text-align:right;
background-image:url(tmp2014/images/ecoidees.png);
background-position:center 10px;
border-radius:0;
background-color:#88ac11
}


#ch_search{
font-size:18px;
border:0;
padding-left:10px;
width:140px;
background-color:#fff;
color:#000
}

#search input{
height:28px;
position:relative;
left:0;
top:105px;
border-bottom:1px solid #88ac11
}



#facebook{
display:none
}

#facebook-2{
display:block
}

.im{
width:210px;
margin-bottom:15px
}

.im img{
border:0;
width: 100%;
height: auto;
}

#im-b{
margin-left:228px
}

.fluid_container{
display:none;
}






h1{
position:relative;
margin-bottom:0;	
top:-5px;
font-size:50px;
line-height:40px;
display:inline;
background-color:transparent
}


h2 a{
font-size:24px;
}

.trait{
margin:-20px 0 2px 0;
}

#contenu .tri{
position:relative;
margin-top:-5px;
}

#contenu .tri, #contenu .tri select, #contenu .tri option{
font-size:20px;
}

.liste{
margin-right:5%;
height:135px;
}

.lettrine{
display:none;
}

.lettr{
display:inline;
}


#footer{
display:none
}


}



















@media only screen and (max-width: 959px){

*{
font-size:16px;
}


h1{
font-size:35px;
line-height:30px;
margin-left:2px
}



h2{
display:block;
margin-top:-5px;
border-radius:0;
padding:0 10px;
}


h2 a{
font-size:20px;
}

.trait{
margin:-30px 0 10px 0;
}





#contenu .tri, #contenu .tri select, #contenu .tri option{
font-size:15px;
}

#search{
height:81px;
text-align:right;
background-image:url(tmp2014/images/ecoidees-2.png);
background-position:center 10px;
border-radius:0;
background-color:#88ac11
}


#ch_search{
font-size:14px;
padding-left:5px;
width:70px;
}

#search input{
height:20px;
left:0;
top:0;
}

#facebook-2{
text-align:right;
position:relative;
top:-20px;
font-size:14px;
color:#709f1b;

}

.im{
width:100px;
margin:0 0 10px 0
}

.im img{
width: 105%;
}

#im-b{
margin-left:117px
}


#contenu .tri{
margin:10px 0 -15px 0;
top:-15px;
padding:0
}




#contenu .tri select{
padding:2px;
border:0;
border-left:1px solid #88ac11
}



.liste{
margin-right:0;
height:70px;
line-height:23px;
}


#contenu{
margin:0;
}

hr{
display:none
}

#contenu div, #contenu .plus{
padding:0 10px;
}

#contenu .plus{
float:left;
}



#nav{
width:100%;
position:relative;
}

#nav ul li, #nav ul li a{
text-align:center
}




#nav ul ul {
display:none;
}


#nav ul ul li{
padding:0;

}



#nav ul ul li a {
display:none
}



#nav ul li{
float:none
}


}














@media only screen and (max-width: 820px){
}

@media only screen and (max-width: 600px){
}

@media only screen and (max-width: 420px){



}