@charset "UTF-8";
body	{
		margin:10px;
		padding:0;
		font-family:  arial, sans-serif;
		font-size: 11px;
		background-color:#F7F5E8;		
		}

/* Layout */

#conteneur
		{
		width:980px;
		height:auto;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 60px;
		background-color:#FFFEFE;
		}
                


#header	{
		width:980px;
		height:200px;
		float:left;
		}


#logo	{
                position:absolute;
		width:201px;
		height:69px;
		margin-left:40px;
                top:28px;
		float:left;
		}


#aucoeur{
background-image:url('../img/accueil/au-coeur-du-bois.png');
background-repeat:no-repeat;
position:absolute;
width:583px;
height:39px;
top:108px;
margin-left:40px;
}

#entreprise{
                position: absolute;
                font-family: Arial, Helvetica, sans-serif;
                font-size:9px;
                text-transform : uppercase;
                line-height :14px;
                color:#FFFFFF;
                text-align:left;
                top:28px;
                margin-left:735px;
                padding-top : 7px;
                padding-left : 7px;
                /*margin-top:21.5px;
                margin-left:245px;*/
                width: 205px;
                height: 61px;
                filter:alpha(opacity=70);
                -moz-opacity:0.70;
                opacity: 0.70;
                background-color:#000000;
}


/*******JavaScript désactivé***********/
#activer_js	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:14px;
                color:white;
                font-weight:bold;
                width: 980px;
                height : 243px;
                background-image:url(../img/interieure/bandeau/5.jpg);
                background-repeat:no-repeat;
                text-align:center;
		}

#message_js {
                position: relative;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:14px;
                color:#333333;
                text-align:center;
                top:21.5px;
                left:290px;
                /*margin-top:21.5px;
                margin-left:245px;*/
                width: 400px;
                height: 165px;
                filter:alpha(opacity=80);
                -moz-opacity:0.80;
                opacity: 0.80;
                background-color:#F7F5E8;
}

#message_js a{
                color:#333333;
                text-decoration:none;
}

#message_js a:hover{
                color:#AAC844;
                text-decoration:none;
}
/*******JavaScript désactivé***********/

/* contenu */
#contenu{
		margin-top:15px;
		float:left;
		width:980px;
		text-align:left;
}

#ariane{
width:955px;
text-align:right;
padding-right:10px;
text-transform:uppercase;
font-size:10px;
color:#333333;
}

#ariane a{
text-decoration:none;
color:#AAC844;
}

#ariane a:hover{
text-decoration:underline;
color:#AAC844;
}



#pied-page
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-top:30px;
		width:980px;
		height:30px;
		text-align:left;
		font-size:12px;
	
		/*padding-left:25px;*/
		}


#basdepageGauche{
color:#333333;
padding-left:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:7px;
float:left;
text-align:left;
vertical-align:middle;
}

#basdepageGauche a, #basdepageDroite a, #pied-page a{
color:#333333;
text-decoration:none;
}

#basdepageGauche a:hover, #basdepageDroite a:hover, #pied-page a:hover{
color:#AAC844;
text-decoration:none;
}

#basdepageDroite{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:7px;
margin-right:15px;
float:right;
text-align:right;
vertical-align:middle;
height:30px;
}

#basdepageCentre{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:7px;
margin-left:100px;
display:inline;
float:left;
text-align:left;
vertical-align:middle;
}


/*******************Yann Couturier (DENDROTECH)***************************/

/*---------------Liens------------------*/

a img{
border:none;
}

.textecourant a, .introduction a, .textecourantPetit a, .soustitrevideo a{
text-decoration:none;
color:#AAC844;
}

.textecourant a:hover, .introduction a:hover, .textecourantPetit a:hover, .soustitrevideo a:hover{
text-decoration:underline;
color:#AAC844;
}

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

/*****TRAME*******/
#colonne_gauche{
		float:left;
		width:70%;
		margin-left:42px;
		height:560px;
}

#colonne_droite{
		margin-left:75%;
		margin-right:42px;
		height:560px;
}


/*****TRAME*******/

/*******Actualites***********/

#titre_actualites{
width:100%;
margin-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-variant:small-caps;
font-size:12px;
color:#333333;
}


#actualites_accueil{
		width:100%;
}

#actualites_accueil a{
                color: #333333;
                text-decoration:none;
}

#actualites_accueil a:hover{
                color: #AAC844;
                text-decoration:none;
}

.actualite_accueil{
		color: #333333;
                width:100%;
		margin-bottom:5px;
}

#une_accueil{
		width:100%;
}

#une_image{
		float:left;
                height:135px;
}

#une_image img{
		height:150px;
}

#une_titre{
		width:340px;
		margin-left:200px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:14px;
		color:#333333;
}

#une_texte{
		width:340px;
		margin-left:200px;
		margin-top:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
}

/*******Actualites***********/

/*******Separation***********/
#separation1_accueil{
		width:100%;
		margin-top:15px;
		margin-bottom:15px;
		border-top:2px solid #d3d3d3;
}
/*******Separation***********/

/*******Nouveautes***********/

#titre_nouveautes{
width:100%;
margin-bottom:10px;
}

#titre-pcipal_nouveautes{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-variant:small-caps;
font-size:12px;
color:#333333;
}

#sous-titres_nouveautes{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}

#sous-titres_nouveautes a{
color:#333333;
text-decoration:none;
}

#sous-titres_nouveautes a:hover{
color:#AAC844;
text-decoration:none;
}

#nouveautes_accueil{
		width:100%;
		height:210px;
		margin-top:5px;
                color:#333333;
}

.nouveaute{
		float:left;
                height:210px;
		width: 32%;
		
}

.image_nouveaute{
		float:left;
		height:135px;
		width: 100%;

}

.legende_nouveaute{
		float:left;
		height:65px;
		width: 100%;
		margin-top:10px;

}

.nouveaute img{
		height:135px;
		
}

.legende_nouveaute a{
                color: #333333;
                text-decoration:none;
}

.legende_nouveaute a:hover{
                color: #AAC844;
                text-decoration:none;
}

.separation_nouveautes{
		float:left;
		border:6px solid white;
}

/*******Nouveautes***********/

/*******Informations**********/

#titre-informations{
		width:100%;
		margin-bottom:10px;
		z-index:100;
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-variant:small-caps;
		font-size:12px;
		color:#333333;
}

#informations{
		width:100%;
		height:70px;
		color:#333333;
		font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align: justify;
}

#informations a{
		font-size:10px;
                color: #333333;
                text-decoration:none;
}

#informations a:hover{
		font-size:10px;
                color: #AAC844;
                text-decoration:none;
}

/******Informations***********/

/*******Separation**********/
#separation2_accueil{
		width:100%;
		margin-top:15px;
		margin-bottom:15px;
		border-top:2px solid #d3d3d3;
}
/******Separation***********/

/*******References**********/


#titre-references{
		width:100%;
		margin-bottom:10px;
		z-index:100;
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-variant:small-caps;
		font-size:12px;
		color:#333333;
}
      
#references{
		text-align : left;
		width:100%;
		height:385px;
		color:#333333;
}

#references a{
color:#333333;
text-decoration:none;
}

#references a:hover{
color:#AAC844;
text-decoration:none;
}

/******References***********/

/*******TinyScroller***********/
#scroll {position:relative; width:100%; height:385px; overflow:auto}
#scrollcontent {position:absolute; margin-left:20%; width:70%; z-index:200}
#scrollbar {float:right; position:relative; display:none; width:15px; height:385px; z-index:100; background:url(../js/tinyscroller/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(../js/tinyscroller/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbbbbb}
/*******TinyScroller***********/

/*---------------Bravo------------------*/
#bravo{
display:block;
position:relative;
width:300px;
left:340px;
z-index:15000;
}
/*---------------Bravo------------------*/

/*******************Yann Couturier (DENDROTECH) - derniere mise a jour : 21/12/2011***************************/

.clear{
clear:both;}