html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}

ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}



body {
background: url(../images/background_general.gif) repeat-x;
margin:0;
padding:0px 0 0 0;
}

div, h1, img, ul, li, a, h2, p {
margin:0;
padding:0;}

#conteneur {
position:relative;
width:1004px;
margin-left:auto;
margin-right:auto;
height:900px;
}

h2.sIFR3 {  
margin: 12px 0 7px 0 ;  
padding-bottom: 5px ;  
font-size :17px;  
font-weight: normal;  
color: #666666;  
font-family: FuturaLight;
font-weight:bold;
position:absolute;
top:35px;
left:250px;
}  

#language {
width:28px;
height:107px;
background: url(../images/fond-drapeau.jpg) no-repeat;
position:absolute;
top:0;
right:0px;
padding:5px 0 0 123px;
}


#fr, #gb {
float:left;
}

#gb {
margin-top:0px;
}


#conteneur #bandeau {
z-index:1;
}

#conteneur #bandeau ul#Nav {
position: absolute;
top:107px;
left:9px;
z-index:2;
}


#conteneur #bandeau ul li {
display:inline;}

#conteneur #bandeau ul li.men, #conteneur #bandeau ul li.men2  {
height:59px;
text-decoration: none ;
float:left;
display: block ;
width:113px;
}

#conteneur #bandeau ul li#accueil.men , #conteneur #bandeau ul li#accueil.men2 {
background: url(../images/bt_menu_accueil2.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_accueil2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;
}

#conteneur #bandeau ul li#accueil.men2 {
background: url(../images/bt_menu_accueil2.png) no-repeat 0 -59px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_accueil2.gif) no-repeat 0 -59px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;}

#conteneur #bandeau ul li#metiers.men, #conteneur #bandeau ul li#metiers.men2 {
background: url(../images/bt_menu_metiers2.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_metiers2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;}

#conteneur #bandeau ul li#metiers.men2 {
background: url(../images/bt_menu_metiers2.png) no-repeat 0 -59px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_metiers2.gif) no-repeat 0 -59px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;}

#conteneur #bandeau ul li#groupe.men, #conteneur #bandeau ul li#groupe.men2  {
background: url(../images/bt_menu_groupe2.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_groupe2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;}

#conteneur #bandeau ul li#groupe.men2  {
background: url(../images/bt_menu_groupe2.png) no-repeat 0 -59px; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_groupe2.gif) no-repeat 0 -59px; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;}

#conteneur #bandeau ul li#references.men, #conteneur #bandeau ul li#references.men2  {
background: url(../images/bt_menu_references2.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_references2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;}

#conteneur #bandeau ul li#references.men2  {
background: url(../images/bt_menu_references2.png) no-repeat 0 -59px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_references2.gif) no-repeat 0 -59px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;}

#conteneur #bandeau ul li#contact.men, #conteneur #bandeau ul li#contact.men2 {
background: url(../images/bt_menu_contact2.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_contact2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;}

#conteneur #bandeau ul li#contact.men2 {
background: url(../images/bt_menu_contact2.png) no-repeat 0 -59px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
-background: url(../images/bt_menu_contact2.gif) no-repeat 0 -59px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
display: block ;}

	
#conteneur #bandeau ul li a.bt_menu  {
position:absolute;
top:20px;
margin-left:0px;
padding-top:20px;
width:101px;
height:25px;
}

#conteneur #bandeau ul li a.bt_menu span {
display:none;
}

	
#conteneur #bandeau ul li#accueil.men:hover {
background: url(../images/bt_menu_accueil2.png) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
-background: url(../images/bt_menu_accueil2.gif) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
}

#conteneur #bandeau ul li#metiers.men:hover {
background: url(../images/bt_menu_metiers2.png) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
-background: url(../images/bt_menu_metiers2.gif) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
}

#conteneur #bandeau ul li#references.men:hover {
background: url(../images/bt_menu_references2.png) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
-background: url(../images/bt_menu_references2.gif) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
}

#conteneur #bandeau ul li#groupe.men:hover {
background: url(../images/bt_menu_groupe2.png) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
-background: url(../images/bt_menu_groupe2.gif) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
}
#conteneur #bandeau ul li#contact.men:hover {
background: url(../images/bt_menu_contact2.png) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
-background: url(../images/bt_menu_contact2.gif) no-repeat 0 -59px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
}




#conteneur #bandeau #Nav ul.Menu {
width: 113px;
margin: 60px 0px 0 0px;
padding: 0;
z-index:3;
}

#conteneur #bandeau #Nav .Menu li {
width: 107px;
margin: 0px 0 0px 3px;
float: left;
padding: 0;
display:block;
z-index:4;
border-bottom: #fff solid 1px;
}

#conteneur #bandeau #Nav .Menu li a {
display: block;
background: url(../images/fond_ss_menu_bois.jpg) no-repeat;
color:#fff;
text-decoration: none;	
margin: 0 0 -6px 0;
padding: 5px 0 0 6px;
z-index:2;
width: 101px;
font-size:12px;
font-family: "Times New Roman", Times, serif;
height:32px;
font-weight:bold;
letter-spacing:1px;
}

#conteneur #bandeau #Nav .Menu li a:hover,#Nav .Menu li a:active {
display: block;
background: url(../images/fond_ss_menu_bois_hover.jpg) no-repeat;
color: #fff;
text-decoration: none;	
z-index:2;
margin: 0 0 -6px 0;
padding: 5px 0 0 6px;
width:101px;
height:32px;

}



#conteneur #bandeau .Menu {
padding: 0;
list-style: none;
display: none;
}

a#recyclage  {
display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
background: url(../images/etiquette_news.png) no-repeat 0 0px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
position:absolute;
right:50px;
top:165px;
z-index:1;
height:154px;
width:123px;
}

a:hover#recyclage  {
background: url(../images/etiquette_news.png) no-repeat 0 -154px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
right:50px;
top:165px;
z-index:1;
height:154px;
width:123px;
}

#paragraphe {
width:315px;
height:548px;
background: url(../images/fond_texte_accueil.jpg) no-repeat;
position:absolute;
top:168px;
left:8px;
z-index:0;
padding:36px 15px 0 15px;
}



#paragraphe p#times_24 {
font-family: "Times New Roman", Times, serif;
font-size:15px;
color: #688789;
font-weight:normal;
line-height:22px;
margin-top:10px;
text-align:justify;
margin-bottom:10px;
font-weight:bold;
letter-spacing:-0.1px;
}

li.verdana_11{
line-height:17px;
}




li.verdana_11 a {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #565454;
font-weight: bold;
list-style-type:none;
background: url(../images/picto_valid_g.png) no-repeat;
padding-left:19px;
margin-bottom:5px;
letter-spacing:1px;
text-decoration:none;
}
ul#liens_metiers {
margin-bottom:22px;}

li.verdana_11 a:hover {
color: #761d1d;
background: url(../images/picto_valid_g_hover.png) no-repeat;

}

p.verdana_11 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6A8A87;
font-weight:normal;
line-height:16px;
margin-top:10px;
text-align:justify;
}

p.verdana_11 a {
color: #6A8A87;
}

p.verdana_11 a:hover {
	text-decoration:none;
}


span.bold {
font-weight:bold;}

span.letter {
letter-spacing:3px;}

#anim_metiers {
position:absolute;
top:172px;
right:2px;
z-index:0;}

#bt_metiers {

height:166px;
width:420px;
background:url(../images/pave_co2.jpg) no-repeat;
padding:0px 0 0 0px;}

p.p2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#565454;
	font-size:12px;
	margin:10px 0 0 25px;}
	
	.logo_partenaire {
		position:absolute;
		right:80px;
		top:32px;}
	
	
span.lien_v {
	font-family:Arial, Helvetica, sans-serif;
	color:#5eaa4e;
	font-size:12px;
	font-weight:bold;
	background:url(../images/fleche6.jpg) no-repeat;
	padding:0px 0 0px 15px;
	margin:10px 0 0 272px;
	text-decoration:none;
	}
	
	a#lien {
		position:absolute;
height:166px;
width:420px;
left:373px;
bottom:205px;
text-decoration:none;
		}
	
	span:hover.lien_v {
	color:#93c688;
	background:url(../images/fleche6_hover.jpg) no-repeat;
	}
	
	.logos {
		margin:5px 0 0 2px;
	}
	
#bt_metiers a span, a#co2 span{
display:none;
}

a#co2 {
position:absolute;
right:10px;
bottom:190px;
display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
height:183px;
text-decoration: none ;
width:198px;
background: url(../images/bt_sublimeo.jpg) no-repeat 0 0px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
}

a#co2:hover {
background: url(../images/bt_sublimeo.jpg) no-repeat 0 -183px ; /* On met une image de background, que l'on positionne  0px du bord gauche et 0px du bord haut */
}

#bas {
background:url(../images/background_footer.jpg) repeat-x;
width:100%;
height:210px;
position:absolute;
top:740px;
padding:0px;
margin:0px;
}

#footer {
width:1004px;
height:202px;
position:relative;
margin-left:auto;
margin-right:auto;
}

#footer ul {
position:relative;
margin:5px 0 0 5px;
color:#FFFFFF;
}

#footer ul li {
display:inline;}

#footer ul li a {
color:#FFFFFF;
font-size:12px;
text-decoration:none;
margin:0 7px 0 7px;
}

#footer ul li a:hover {
color:#ceb87e;
}

#facebook {
position:absolute;
top:17px;
left:300px;}

#copyright {
width:352px;
height:58px;
position:relative;
left:620px;
top:-22px;
padding:5px 0 0 0;
}


#copyright p {
width:320px;
height:auto;
text-align:right;
color:#FFFFFF;
font-size:12px;
margin:0 0 5px 40px;
}

#copyright p a {
color:#FFFFFF;
text-decoration:underline;

}

#copyright p a:hover {
color:#ceb87e;
}

span.times18 {
font-size:18px;}

span.times14 {
font-size:14px;
}

#fsc {
position:absolute;
right:15px;
top:115px;}

a.ethicalbrand img {
opacity: 1.0;
  filter:alpha(opacity=100);  }

a:hover.ethicalbrand img {
opacity: 0.5;
  filter:alpha(opacity=50);
}


#redirection{
position:absolute;
left:670px;
height:30px;
}
#redirection a{
height:30px;
width:259px;
padding:5px 7px 5px 0px;
background:url(../images/bt_tessea.jpg) no-repeat;
}
#redirection a:hover{
height:30px;
width:259px;
background:url(../images/bt_tesseah.jpg) no-repeat;
}
.hidden{
height:30px;
width:259px;
visibility:hidden;
}

#bas.footer_communication {
top:3580px;
}

h6.h7 {
width:775px;
}

p.saut {
width:775px;
}

#lieux a.vcard {
	color: #871420;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	text-decoration:none;}
	
#lieux a:hover.vcard {
		color:#707e84;

	}


	
	#lien_sublimeo {
		margin-left:440px;
		color: #72bc58;
		}
		
		a:hover#lien_sublimeo {
			text-decoration:none;
		}
		
		.a2#lien_sublimeo {
		margin-left:583px;
		}
		
		.a3#lien_sublimeo {
		margin-left:613px;
		}
		
		.a4#lien_sublimeo {
		margin-left:563px;
		}
		
		
		.a5#lien_sublimeo {
		margin-left:567px;
		}
		
		a.violet2 {
			color: #C180C1;
			}
			
			a:hover.violet2 {
				text-decoration:none;
			}
			
			div#btn_top {
bottom:230px;
height:18px;
position:fixed;
right:0;
width:39px;
}