/*
Auteur : Nicolas Zengarli
ComCassandre.com
Pour : BM-SFERE Emballage
Date : 02/2010
*/

/* Couleurs
- BM Jaune : #ffd800
= SFERE Rouge : #C1022C
- BM Bleu : #00418a
= SFERE Noir : Black
*/

/**/
*{padding:0;margin:0;}
html,body {padding:0;margin:0;}

a img{border:  none ;}

img.png {background-image: expression(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')", this.src = "images/transparent.gif");}


/** HEADER **/

/*bande jaune*/
#top_grad{left:0;top:0;width:100%;height:25px;background:url(../images/bg-bande.jpg) repeat-x;position:fixed;float:left;}
/*Drapeaux langues*/
#french, #english{margin-top:15px;width:26px;height:12px;float:right;}


/** CONTENT **/
#content{width:100%;height:100%;background-color:white;float:left;/*text-align:center;*/}

/*Anim flash de l'accueil*/
#flashcontent {margin:10px 0 10px 20px;height:220px;width:570px;background:#06064F;border: 2px solid #fdca00;}


/** CONTENUS **/
#contenus{margin:13px 0 0 340px;width:600px;float:left;}

.work_container{margin:20px 0 0 0;width:100%;float:left;}

#contenus .work_container h1{margin:35px 0 20px 10px;/*padding:5px 3px;text-align:center;background:#ffd800;color:#00418a;font-weight:bold;list-style:none;font-family:Trebuchet MS;font-size:1.4em;*/}

.body_container{width:100%;float:left;}

.body_container h2{color:#535353;font-weight:normal;list-style:none;font-family:Trebuchet MS;font-size:1.4em;}
.body_container h2 span{font-weight:normal;font-style:italic;color:#00418a;}
.body_container h2 strong{color:#00418a;}
.body_container p{padding-top:10px;color:#535353;font-weight:bold;list-style:none;font-family:Trebuchet MS;font-size:0.9em;}

h2.titregamme {padding-left:25px;font-weight:normal;list-style:none;font-family:Trebuchet MS;font-size:1.5em;}

/*texte accueil*/
p.accroche_intro {padding:0 0 0 15px;color:#00418a;font-style:italic;list-style:none;font-family:Trebuchet MS;font-size:1em;text-align:center;}


/** GAMME **/
#contenus .body_container .contenu_gamme{margin:20px 0 20px 50px;width:100%;border-left:12px solid #ffd800;float:left;}/*liste des gammes*/

#contenus .body_container .gamme{margin:0 0 15px 0;margin-bottom:15px;float:left;}
#contenus .body_container .gamme h4{margin:0;padding:0;color:#00418a;font-weight:normal;list-style:none;font-family:Trebuchet MS;font-size:0.9em;}
#contenus .body_container .gamme h4 a{color:#00418a;font-weight:normal;list-style:none;font-family:Trebuchet MS;text-decoration:none;}
#contenus .body_container .gamme p{margin:0;padding:0;color:#535353;font-weight:normal;list-style:none;font-family:Trebuchet MS;font-size:0.8em;}
#contenus .body_container .gamme p a{color:#535353;font-weight:normal;list-style:none;font-family:Trebuchet MS;text-decoration:none;}
#contenus .body_container .gamme p a:hover{border-bottom:dashed 1px #535353;}

#contenus .body_container .gamme_miniature{margin:0 0 0 25px;width:31px;float:left;}
#contenus .body_container .gamme_miniature img{margin:14px 0 0 0;}/*positionne les images*/
#contenus .body_container .gamme_resume{margin:0 0 0 15px;width:484px;float:left;}

#contenus .machines_container{margin:0 0 25px 0;width:100%;float:left;}				

/*page formeurs - differentie mouvement electrique ou pneumatique*/
#contenus .body_container h5{margin:15px 0 0 0;padding:3px 7px;color:#00418a;font-family:Trebuchet MS;font-style:italic;font-size:.9em;background:#FFD800;float:left;}

/** MINIATURES MACHINES **/
#contenus .body_container .machine{margin:15px 0 0 25px;width:100px;background:#00418a;border:5px solid #00418a;float:left;}
#contenus .body_container .machine .apercu{width:100px;height:85px;text-align:center;background:white;}

#contenus .body_container .machine .legende h1{margin:0;padding:5px 0 0 0;background:none;color:#ffd800;font-weight:bold;font-family:Trebuchet MS;font-size:.78em;text-align:center;}
#contenus .body_container .machine .legende h1 a{color:#ffd800;text-decoration:none;}
#contenus .body_container .machine .legende h1 a:hover{border-bottom:dashed 1px #ffd800;}

/*#machine2{
margin:0;
padding:0;
margin-left:25px;
margin-top:15px;	
width:100px;
background-color:#00418a;
border:10px solid #00418a;
float:left;
}*/


/** SERVICES **/
/*Groupe pictos*/
#contenus .body_container .contenu_services{margin:0 0 10px 10px;width:100%;}
#contenus .body_container .miniature_services{margin:15px 0 0 0;width:150px;height:110px;text-align:center;float:left;}
#contenus .body_container .miniature_services h1{margin:5px 0 0 0;text-align:center;color:#00418a;font-weight:bold;font-style:normal;font-family:Trebuchet MS;font-size:0.8em;	}
#contenus .body_container .miniature_services h1 a{color:#00418a;text-decoration:none;}

/*detail service*/
#contenus .body_container .service_image{width:104px;float:left;}
#contenus .body_container .service_titre{padding:5px 0 0 10px;width:470px;float:left;}
#contenus .body_container .service_contenu{margin:70px 0 0 40px;text-align:left;color:#00418a;font-weight:bold;font-style:normal;font-family:Trebuchet MS;font-size:1em;}
#contenus .body_container .service_titre h2 strong{color:#00418a;}



/** TOP **/
/*retour haut de page*/
.top{margin:15px 0 25px 30px;padding:0;width:100%;border-top:dashed #dbdbdb 1px;float:left;}

.top p{margin:0;padding:0;font-family:Trebuchet MS;font-weight:bold;text-align:right;}
.top p a{font-size:0.8em;color:#444;text-decoration:none;}
.top p a:hover{color:#00418a;text-decoration:none;}

.precedent, .suivant{margin:0;padding:0;height:15px;float:left;}
.suivant{width:103px;}

.precedent p, .suivant p{margin:0;padding:0;padding-right:5px;text-align:right;color:#fdca00;font-weight:bold;font-style:normal;font-family:Trebuchet MS;font-size:0.9em;}
.suivant p{text-align:left;}

.precedent p a, .suivant p a{margin:0;padding:0;color:#444;font-weight:bold;text-decoration:none;}
.precedent p a:hover{color:#fdca00;}.suivant p a:hover{color:#00418a;}



/** CREDITS **/
#credits{margin:0 0 0 290px;width:710px;text-align:center;float:left;}
#credits a{color:#dbdbdb;text-decoration:none;font-weight:bold;}	
#test{padding-bottom:5px;text-align:center;color:#dbdbdb;font-family:Trebuchet MS;font-size:0.7em;}
	

/*** CONTACT **/
.plan{margin:10px 0 0 110px;width:350px;height:150px;float:left;}