/*---------------------------*/
/*       CSS Document        */
/* Pour Rotoplast 2000 inc.  */
/* par productions Multimage */
/*           2008            */
/*---------------------------*/

@media screen{
	/* Global reset */
	body, html, strong, em, p, h1, h2, h3, h4, h5, h6, h7, div, ul, ol, li {
		margin:0px;
		padding:0px;
	}
	body{
		background-image:url(medias/interface/bkg_fade.jpg);
		background-repeat:repeat-x;
	}
	*{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:14px;
	}
	/*------------------------*/
	/*        Containers      */
	
	div#global_container{
		display:block;
		position:relative;
		width:760px;
		background-image:url(medias/interface/bkg_content.gif);
		background-repeat:repeat-y;
		text-align:left;
	}
	div#absolute_fin_image{
		display:block;
		position:absolute;
		top:130px;
		left:-37px; 
	}
	div#header_container{
		display:block;
		position:relative;
		width:760px;
		height:252px;
	}
	
	div#top_links{
		display:block;
		position:relative;
		width:750px;
		height:15px;
		background-image:url(medias/interface/img_top_header.jpg);
		color:#000;
		font-size:14px;
		padding-top:30px;
		padding-right:10px;
		padding-bottom:5px;
		text-align:right;
	}
	div#top_links strong{
		font-size:inherit;
	}
	div#top_links a:link, div#top_links a:visited{
		color:#000000;
		font-size:14px;
	}
	div#top_links a:hover{
		color:#2c5e2e;
		font-size:14px;
	}
	div#image_container{
		display:block;
		position:relative;
		width:760px;
		_margin-top:-6px;
	}
	div#menu_container{
		display:block;
		position:relative;
		width:760px;
		height:52px;
		background-image:url(medias/interface/bkg_menu.jpg);
		background-repeat:repeat-x;
	}
	div#menu_container div#menu_line_1{
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		width:477px;
		height:26px;
		background-color:#2c5e2e;
	}
	div#menu_container div#menu_line_2{
		display:block;
		position:absolute;
		top:26px;
		right:0px;
		width:477px;/*301px;*/
		height:26px;
		background-color:#70b85d;
	}


  div#menu_container div#menu_line_1_en{
    display:block;
    position:absolute;
    top:0px;
    right:0px;
    width:477px;
    height:26px;
    /* background-color:#2c5e2e; */
    text-align:right;
    color:#FFFFFF;
    font-weight:bold;
    font-size:17px;
    margin-top:2px;
    margin-right:10px;  }

  div#menu_container div#menu_line_2_en{
    display:block;
    position:absolute;
    top:26px;
    right:0px;
    width:450px;/*301px;*/
    height:26px;
    /* background-color:#70b85d; */
    text-align:right;
    color:#FFFFFF;
    font-weight:bold;
    font-size:17px;
    margin-top:2px;
    margin-right:10px;
  }
  div#menu_container div#menu_line_1_en a:hover, div#menu_line_2_en a:hover{
    color:#ecff94;
  }

  div#menu_container div#menu_line_1_en a, div#menu_line_2_en a{
    color:#FFFFFF;
    font-weight:bold;
    font-size:17px;
    text-decoration:none;
  }
  
	div#menu_container span{
		display:none;
	}
	
	div#content_container{
		display:block;
		position:relative;
		width:760px;
		/*padding-top:40px;*/
		padding-bottom:40px;
		background-image:url(medias/interface/bkg_content.gif);
	}
	div#courbe_haut{
    /*
    
		display:block;
		position:absolute;
		top:0;
		_top:-3px;
		left:0;
    z-index: 1000;*/
	}
  
  div#fix_courbe {
   background-image:url(medias/interface/img_top_left_content.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-top:40px;
  }
  
	div#courbe_bas{
		display:block;
		position:absolute;
		bottom:0;
		_bottom:-1px;
		right:0;
	}
	div.contenu{
		padding-top:30px;
		padding-left:40px;
		padding-right:40px;
		padding-bottom:30px;
		width:680px;
		text-align:left;
	}
  
  div.contenu *{
   z-index: 1; 
  }
	div#footer{
		display:block;
		position:relative;
		width:760px;
		background-image:url(medias/interface/bkg_footer.jpg);
		background-repeat:no-repeat;
		background-color:#0c263d;
	}
	div#footer_links{
		display:block;
		position:absolute;
		width:400px;
		top:15px;
		left:15px;
		font-size:14px;
		line-height:21px;
		color:#ffffff;
		text-align:left;
	}
	div#footer_links a{
		font-size:14px;
		line-height:21px;
		color:#9ab4ca;
	}
	div#copyright{
		display:block;
		position:absolute;
		width:360px;
		bottom:15px;
		right:15px;
		font-size:14px;
		line-height:21px;
		color:#446e94;
		text-align:right;
	}
	div#copyright a{
		color:#446e94;
	}
	div#footer_gauche{
		display:block;
		position:relative;
		width:400px;
		color:#ffffff;
	}
	div#footer_gauche p{
		color:#ffffff;
	}
	
	/*--------Menus-------*/
	/*FR*/
	/*réalisation*/
	div#menu_container a.realisation_fr:link, div#menu_container a.realisation_fr:visited{
		display:block;
		position:relative;
		width:119px;
		height:26px;
		background-image:url(medias/interface/bt_realisation.jpg);
		background-position:0 0;
		float:right;
	}
	div#menu_container a.realisation_fr:hover{
		display:block;
		position:relative;
		width:119px;
		height:26px;
		background-image:url(medias/interface/bt_realisation.jpg);
		background-position:0 -26px;
		float:right;
	}
	/*Entreprise*/
	div#menu_container a.entreprise_fr:link, div#menu_container a.entreprise_fr:visited{
		display:block;
		position:relative;
		width:96px;
		height:26px;
		background-image:url(medias/interface/bt_entreprise.jpg);
		background-position:0 0;
		float:right;
	}
	div#menu_container a.entreprise_fr:hover{
		display:block;
		position:relative;
		width:96px;
		height:26px;
		background-image:url(medias/interface/bt_entreprise.jpg);
		background-position:0 -26px;
		float:right;
	}
	/* Services */
	div#menu_container a.services_fr:link, div#menu_container a.services_fr:visited{
		display:block;
		position:relative;
		width:149px;
		height:26px;
		background-image:url(medias/interface/bt_service.jpg);
		background-position:0 0;
		float:right;
	}
	div#menu_container a.services_fr:hover{
		display:block;
		position:relative;
		width:149px;
		height:26px;
		background-image:url(medias/interface/bt_service.jpg);
		background-position:0 -26px;
		float:right;
	}
	/*procédés*/
	div#menu_container a.procede_fr:link, div#menu_container a.procede_fr:visited{
		display:block;
		position:relative;
		width:89px;
		height:26px;
		background-image:url(medias/interface/bt_procede2.jpg);
		background-position:0 0;
		float:right;
	}
	div#menu_container a.procede_fr:hover{
		display:block;
		position:relative;
		width:89px;
		height:26px;
		background-image:url(medias/interface/bt_procede2.jpg);
		background-position:0 -26px;
		float:right;
	}
	/*Technologies*/
	div#menu_container a.techno_fr:link, div#menu_container a.techno_fr:visited{
		display:block;
		position:relative;
		width:131px;
		height:26px;
		background-image:url(medias/interface/bt_technologie.jpg);
		background-position:0 0;
		float:right;
	}
	div#menu_container a.techno_fr:hover{
		display:block;
		position:relative;
		width:131px;
		height:26px;
		background-image:url(medias/interface/bt_technologie.jpg);
		background-position:0 -26px;
		float:right;
	}
	/*Produit Nautique*/
	div#menu_container a.prod_nautique_fr:link, div#menu_container a.prod_nautique_fr:visited{
		display:block;
		position:relative;
		width:172px;
		height:26px;
		background-image:url(medias/interface/bt_produit_nautique2.jpg);
		background-position:0 0;
		float:right;
	}
	div#menu_container a.prod_nautique_fr:hover{
		display:block;
		position:relative;
		width:172px;
		height:26px;
		background-image:url(medias/interface/bt_produit_nautique2.jpg);
		background-position:0 -26px;
		float:right;
	}
	/*Demande de soumission*/
	div#menu_container a.demande_fr:link, div#menu_container a.demande_fr:visited{
		display:block;
		position:relative;
		width:216px;
		height:26px;
		background-image:url(medias/interface/bt_demande.jpg);
		background-position:0 0;
		float:right;
	}
	div#menu_container a.demande_fr:hover{
		display:block;
		position:relative;
		width:216px;
		height:26px;
		background-image:url(medias/interface/bt_demande.jpg);
		background-position:0 -26px;
		float:right;
	}

  /*Demande de soumission EN*/
  div#menu_container a.demande_en:link, div#menu_container a.demande_en:visited{
    display:block;
    position:relative;
    width:216px;
    height:26px;
    /* background-image:url(medias/interface/bt_demande.jpg);*/
    background-position:0 0;
    float:right;
    color:#FFFFFF;
    font-weight:bold;
    font-size:17px;
    text-decoration:none;
    margin-top:2px;
  }
  div#menu_container a.demande_en:hover{
    display:block;
    position:relative;
    width:216px;
    height:26px;
    /* background-image:url(medias/interface/bt_demande.jpg); */
    background-position:0 -26px;
    float:right;
  }
	
	/*Texte*/
	
	h1{
		font-size:24px;
		color:#085C2B;
		line-height:28px;
		margin-bottom:5px;
	}
	h2{
		font-size:18px;
		color:#085C2B;
		line-height:20px;
		margin-bottom:5px;
	}
	p{
		font-size:14px;
		color:#000000;
		line-height:21px;
		margin-bottom:10px;
	}
	a{
		font-size:14px;
		line-height:21px;
	}
	ul{
		margin:15px;
	}
	ul ul{
		margin-top:0px;
	}
	ul ul ul{
		margin-top:0px;
	}
	ul ul ul ul{
		margin-top:0px;
	}
	li{
		color:#000000;
		font-size:14px;
		line-height:21px;
	}
	div.double_list {
		display:block;
		position:relative;
		width:325px;
		float:left;
	}
	div.contenu img{
		margin:10px;
		border:2px solid #70B85D;
	}
	ul.team li{
		display:block;
		width:180px;
		float:left;
		list-style:none;
		margin:5px;
		text-align:center;
	}
	ul.team{
	display:block;
	list-style:none;
	padding-left:20px;
	_padding-left:5px;
	}
	div#footer a{
		color:#446e94;
	}
	
	.padd_top{
		margin-top:10px;
	}
	
	/*********************/
	/*-- REALISATIONS ---*/
	
	div.realisation_block{
		display:block;
		position:relative;
		
		width:300px;
		padding-left:25px;
		text-align:center;
		
		float:left;
	}
	div.realisation_block a{
		font-size:15px;
		font-weight:bold;
		
		color:#2C5E2E;
	}
	
	div.fiche_realisation{
		position:relative;
		display:block;
		
		text-align:left;
		padding-top:15px;
		
		font-size:12px;
		color:#000000;
	}
	div.spot_for_photo{
		padding-left:300px;
	}
	div.fiche_realisation div.photo_holder{
		display:block;
		position:absolute;
		
		top:10px;
		left:-10px;
	}
	
	
	/* Anim page acceuil */
	div.float_container{
		position:relative;
		clear:both;
		z-index:5;
	}
	div.float_anim{
		display:block;
		position:relative;
		margin:12px;
		margin-top:5px;
		margin-bottom:5px;
		
		border:1px solid #000000;
	}
	
	/* Formulaires et tables */
	form table tr {
		margin:10px;
		padding:10px;
	}
	
	p.error_form {
		color:#FF0000;
		font-weight:bold;
	}
	span.logo_print{
		display:none;
	}
}
@media print{
	/* Global reset */
	body, html, strong, em, p, h1, h2, h3, h4, h5, h6, h7, div, ul, ol, li {
		margin:0px;
		padding:0px;
	}
	body{
		
	}
	*{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:14px;
	}
	/*------------------------*/
	/*        Containers      */
	span.logo_print{
		display:block;
	}
	div#global_container{
		display:block;
		position:relative;
		width:100%;
		/*background-image:url(medias/interface/bkg_content.gif);
		background-repeat:repeat-y;*/
		text-align:left;
	}
	div#absolute_fin_image{
		display:none; 
	}
	div#header_container{
		display:block;
		position:relative;
		width:100%;
		height:252px;
	}
	
	div#top_links{
		display:none;
	}
	div#top_links strong{
		display:none;
	}
	div#top_links a:link, div#top_links a:visited{
		display:none;
	}
	div#top_links a:hover{
		display:none;
	}
	div#image_container{
		display:none;
	}
	div#menu_container{
		display:none;
	}
	div#menu_container div#menu_line_1{
		display:none;
	}
	div#menu_container div#menu_line_2{
		display:none;
	}
	div#menu_container span{
		display:none;
	}
	
	div#content_container{
		display:block;
		position:relative;
		width:90%;
		padding:5%;
		padding-top:40px;
		padding-bottom:40px;
	}
	div#courbe_haut{
		display:none;
	}
	div#courbe_bas{
		display:none;
	}
	div.contenu{
		padding:5%;
		width:90%;
		text-align:left;
	}
	div#footer{
		display:block;
		position:relative;
		padding:5%;
		width:90%;
		/*background-image:url(medias/interface/bkg_footer.jpg);
		background-repeat:no-repeat;*/
		background-color:#ffffff;
	}
	div#footer_links{
		display:block;
		position:absolute;
		width:400px;
		top:15px;
		left:15px;
		font-size:14px;
		line-height:21px;
		color:#000000;
		text-align:left;
	}
	div#footer_links a{
		font-size:14px;
		line-height:21px;
		color:#000000;
	}
	div#copyright{
		display:block;
		position:absolute;
		width:360px;
		bottom:15px;
		right:15px;
		font-size:14px;
		line-height:21px;
		color:#000000;
		text-align:right;
	}
	div#copyright a{
		color:#000000;
	}
	div#footer_gauche{
		display:block;
		position:relative;
		width:400px;
		color:#000000;
	}
	div#footer_gauche p{
		color:#000000;
	}
	
	/*Texte*/
	
	h1{
		font-size:24px;
		color:#085C2B;
		line-height:28px;
		margin-bottom:5px;
	}
	h2{
		font-size:18px;
		color:#085C2B;
		line-height:20px;
		margin-bottom:5px;
	}
	p{
		font-size:14px;
		color:#000000;
		line-height:21px;
		margin-bottom:10px;
	}
	a{
		font-size:14px;
		line-height:21px;
	}
	ul{
		margin:15px;
	}
	ul ul{
		margin-top:0px;
	}
	ul ul ul{
		margin-top:0px;
	}
	ul ul ul ul{
		margin-top:0px;
	}
	li{
		color:#000000;
		font-size:14px;
		line-height:21px;
	}
	div.double_list {
		display:block;
		position:relative;
		width:325px;
		float:left;
	}
	div.contenu img{
		margin:10px;
		border:2px solid #70B85D;
	}
	ul.team li{
		display:block;
		width:180px;
		float:left;
		list-style:none;
		margin:5px;
		text-align:center;
	}
	ul.team{
	display:block;
	list-style:none;
	padding-left:20px;
	_padding-left:5px;
	}
	div#footer a{
		color:#446e94;
	}
	
	.padd_top{
		margin-top:10px;
	}
	
	/*********************/
	/*-- REALISATIONS ---*/
	
	div.realisation_block{
		display:block;
		position:relative;
		
		width:300px;
		padding-left:25px;
		text-align:center;
		
		float:left;
	}
	div.realisation_block a{
		font-size:15px;
		font-weight:bold;
		
		color:#2C5E2E;
	}
	
	div.fiche_realisation{
		position:relative;
		display:block;
		
		text-align:left;
		padding-top:15px;
		
		font-size:12px;
		color:#000000;
	}
	div.spot_for_photo{
		padding-left:300px;
	}
	div.fiche_realisation div.photo_holder{
		display:block;
		position:absolute;
		
		top:10px;
		left:-10px;
	}
	
	
	/* Anim page acceuil */
	div.float_container{
		display:none;
	}
	div.float_anim{
		display:none;
	}
	
	/* Formulaires et tables */
	form table tr {
		margin:10px;
		padding:10px;
	}
	
	p.error_form {
		color:#FF0000;
		font-weight:bold;
	}

}

div.soumission {
  color:red;
}
