@charset "utf-8";
/* CSS Document */






html {

	margin:0;
        height: 100%;
} 

  

body {
        font-family: Verdana, sans-serif;
	margin:0;
        min-height: 100%;
        position: relative;
}

 
p {

	padding-top:20px;
} 

 
a {
        text-decoration:underline; 
        list-style-type:none; 
        color:#ffffff;
}

a:hover {
        color:#ffffff; 
} 

  

.clearfloat {
	clear:both; 
} 



#wrapper {
	min-height:100%;
        margin: 0 auto; 
	position:relative;
        height: 100%;
}









/* Header*/

#header {
        width:100%;
	height: 26px;
        background-color:#8dc73f;
        position: relative;
        top: 0;
        min-width:1100px;
        z-index:100;
}



#logo {
        width:1007px;
	height: 145px;
        margin: 0 auto;
        text-align:center;
}








/* Navigation*/

.slide-out-div {
        padding: 16px 20px 0 100px;
        margin: 45px 0 0 0;
        width: 250px;
        height: 700px;
        min-height:700px;
        background:#111; 
	background:rgb(0,0,0); 
	background:rgba(0,0,0,0.70);
        background: rgba(0, 0, 0, 0.7);
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
}


ul {
    list-style-type: none;
}


ul li a {
    font-size:18px; 
    color:#8dc73f; 
    text-decoration:none; 
    line-height:42px; 
    list-style-type:none; 
}

ul li a:hover {
    color:#ffffff; 
}

#logo_FSC {
        width:153px;
	height: 76px;
        margin: 150px 0 20px 0;
}















/* Contenu */

#content { 
        width:100%;

}


#contenu {
        width:1000px;
        height: 100%;
        margin: 200px auto 0 auto;
        position:relative;

}


#contenu_produits {
        font-weight: 400;
        font-size:16px;
        color:#ffffff;
        width:660px;
        height: 100%;
        margin: 0 0 0 360px;
        padding: 20px;
        line-height:30px;
        background:#111; 
	background:rgb(0,0,0); 
	background:rgba(0,0,0,0.70);
        background: rgba(0, 0, 0, 0.7);
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);

}

#contenu_produits h1{ 
        font-size:24px;
        line-height:40px;
	letter-spacing:1px;
        color:#8dc73f; 
}


#contenu_joindre {
        font-family: Verdana, sans-serif;
        font-size:16px;
        color:#ffffff;
        width:660px;
        height: 100%;
        margin: 0 0 0 360px;
        padding: 20px 20px 50px 20px;
        line-height:30px;
        background: rgba(0, 0, 0, 0.7);
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);

}

#contenu_joindre h1{ 
        font-size:24px;
        line-height:40px;
	letter-spacing:1px;
        color:#8dc73f; 
}


#contenu_joindre_left { 
        width:300px;
        height:300px;
	float:left;
        padding-bottom: 20px;
}

#contenu_joindre_left h1{ 
        font-size:18px;
        line-height:24px;
	letter-spacing:1px;
        color:#8dc73f; 
}


#contenu_joindre_right { 
	float:right;
        width:300px;
        height:300px;
        padding-bottom: 20px;
}









/* Footer */

#footer { 
        font-family: Verdana, sans-serif;
        font-size:13px;
        color:#8dc73f;
        text-align:center;
        width:100%;
        height:28px;
        background: rgba(0, 0, 0, 0.7);
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
        position:fixed;
        bottom: 0;
        left: 0;
        padding:15px 0 0 0;


}