body{
	margin:0;
	padding:0;
	background-image:url(../images/fond_body_bas.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:12px;
}
#conteneur{
	margin:0;
	padding:0;
	background-image:url(../images/fond_body_1.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#conteneur_falcon{
	margin:0;
	padding:0;
	background-image:url(../images/falcon.jpg);
	background-repeat: no-repeat;
	background-position:center right;
}
#conteneur_fond{
	width:765px;
	margin:auto;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1em;	
}
#page ul{
	margin-top:5px;
	margin-bottom:15px;
}
#page p{
	margin-bottom:35px;
}
.accroche_paragraphe{
	position:relative !important;
	position:static;
	left:-30px !important;
	left:auto;
	top:18px !important;
	top:auto;
	display:block;
}
/* contener */
#contener{
	width:765px;
	background: #666666 ;
}
/* header */
#header{
	height:145px;
	width:765px;
	background:url(../images/bandeau_fr.gif);
}
/* menu */
#menu{
	width:765px;
	background:#666666;
}
#bouton{
	float:left;
	background:url(../images/fond_menu.gif);
	width:705px;
	margin:0px;
	padding:0px;
}
#bouton div{
		padding:0px;
		display:inline;
		}
	#bouton div a{
		margin:0px;
		padding-top:0px;
		float: left;
		height:34px;
		line-height:34px;
		background:url(../images/fond_menu.gif) repeat-x;
		background-position:top;
		font-size:1em;
		color:#FFFFFF;
		text-align:center;
		text-decoration:none;
		padding-left:15px;
		padding-right:15px;
	}
	#menu a:hover{
		background-position:bottom;
		color: #990000;
		text-decoration:none;
	}
	#bouton div img{
		float:left;
	}
/* fixed menu */
#fixedmenu {
   position: fixed;
   bottom: 20px;
   right: 20px;
   width: 16px;
   background: transparent;
}

#fixedmenu a, #fixedmenu a:hover {
   text-decoration: none;
   display: block;
   width: 16px;
   height: 16px;
   overflow: hidden;
   font-size: 40px;
   line-height: 1;
   margin: 0 auto;
}

#fixedmenu ul, #fixedmenu li {
   list-style-type:none;
   margin: 5px 0;
   padding: 0;
}

#fixedmenu #home {
   background: transparent url(../images/home.png) no-repeat;
}

#fixedmenu #up {
   background: transparent url(../images/up.png) no-repeat;
}

#fixedmenu #down {
   background: transparent url(../images/down.png) no-repeat;
}

#fixedmenu #email {
   background: transparent url(../images/email.png) no-repeat;
}
/* langue */
#lang{
	margin-left:677px;
	margin-top:5px;
	margin-bottom:5px;
}
#lang a img{
	text-decoration:none;
	border:none;
	padding:2px;
}
/*page*/
#top{
	height:25px;
	background:url(../images/fond_top.gif) #666666 no-repeat;
/*	margin-top:10px;*/
}
#page{
	background:url(../images/fond_page.gif);
	padding-left:0px;
	padding-right:40px !important;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	font-size:12px;
	line-height:18px;
}

/*contenu */
#contenu{
	padding:40px;
	padding-left:70px;
	padding-right:40px;
	width:620px;
}
.contenu_image{
	padding:3px;
	border:1px solid #666666;
	background:#FFFFFF;
}
/* titre */
#titre{
	padding-top:15px;
	padding-bottom:30px;
	padding-left:11px;
}
#titre_debut{
	float:left;
	width: 32px;
	height: 30px;
	background:url(../images/accroche_gauche_titre_page.gif);
}
#titre_fin{
	float:left;
	width:17px;
	height:30px;
	background:url(../images/accroche_droite_titre_page.gif);
}
#titre_texte{
	float:left;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	background:url(../images/accroche_milieu_titre_page.gif);
	padding-left:25px;
	padding-right:25px;
}
#page_courante{	
	font-size:16px;
	color: #000000;
	font-weight:bold;
}
#page_courante a{		
	color: #000000;
	text-decoration:none;
}
#page_courante a:hover{		
	color: #990000;
	text-decoration:none;
}
.ss_menu{
	font-size:12px;
	color:#990000;	
}
.ss_menu a{	
	color:#000000;
	text-decoration:none;
}
.ss_menu a:hover{
	color: #990000;
	text-decoration:none;
}

.red{
	color:#990000;
}
/* Accueil */
#texte_accueil{
	text-align:center;
	position:relative;
	left:-10px;
	margin-top:40px;
	margin-bottom:30px;
}
	#entete_texte_accueil{
		margin-bottom:20px;
		font-size:14px;	
		text-align:center;
		line-height:25px;
	}
	#video_intro{		
		text-align:center;
		padding-bottom:30px;
		padding-top:0px;
	}
	.citation_haut{
	margin-top:20px;	
	text-align:center;
	}
	.citation_bas{
	margin-top:20px;	
	text-align:center;
	}
	.citation_court{
	position:relative;
	left:-50px;
	margin-top:20px;
	
	}
	.titre_accueil{
		line-height:23px;
		letter-spacing:1px;
		color:#000000;
	}
	#notation{
		margin-top:20px;
	}
	.liens_accueil{
		text-align:center;
		line-height:25px;
	}
	.liens_accueil a{		
		color:#FFFFFF;
		text-decoration:none;
	}
	.liens_accueil a:hover{		
		color:#990000;
		text-decoration:none;
	}
/* contact */
#contact{
	position:absolute;
	left:52%;
	top:280px;
	width:271px;
	height:344px;
	padding-right:0px;
	background-image:url(../images/clap_contact.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	z-index:999;
}
.texte_contact{
	padding-top:235px;
	padding-left:75px;
	line-height:25px;
}
.texte_contact .adresse{
	line-height:15px;	
}
.texte_contact .telephone{
	padding-top:5px;
}
.texte_contact .mail{
	line-height:23px;
}
#formulaire_contact{
	padding:10px;
	width:650px;
}
#formulaire_contact{
	padding:10px;
	width:600px;
}
#formulaire_contact label{
	width:310px;
	background:none;
	display:block;
	margin-bottom:10px;
	line-height:18px;
	padding:4px;
	color:#FFFFFF;
}
#formulaire_contact label span{
	position:relative;
	left:-13px;
}
/* lien plan d'acces */
#googlemap a , #googlemap a:visited, #googlemap a:link{
	color:#FFFFFF;
	text-decoration:none;
	margin-left:50px;
}
#googlemap a:hover{
	color:#990000;
}
/* contact */
	/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#404040;
}

/*Text inputs*/
.textinput {
	width:236px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}

/*Text areas*/
.textarea{
	width:336px;
	height:125px;
	background:url(../images/textarea.gif) no-repeat left top !important;
	background:url(../images/textarea.gif) no-repeat fixed left top;
	border:none;
	padding:4px 8px;
	overflow:auto;
}
.textarea_reduced{
	width:250px;
	height:125px;
	background:url(../images/textarea_reduce.gif) no-repeat left top !important;
	background:url(../images/textarea_reduce.gif) no-repeat fixed left top;
	border:none;
	padding:4px 8px;
	overflow:auto;
}

/*Button*/
.buttonSubmit {
	width:121px;
	height:25px;
	color:#FFFFFF;
	padding:2px 5px;
	background:url(../images/bouton.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
/* footer */
#footer{
	background:url(../images/fond_page.gif);
	text-align:center;
	font-size:0.8em;
	padding-bottom:5px;
}
#footer a{
	text-decoration:none;
	color:#FFFFFF;
	line-height:24px;
}
#background_footer{
	height:24px;
	width:765px;
	background:url(../images/fond_footer.gif) no-repeat;
	padding-bottom:12px;
}

/* Pages production */
#video{	
	float:left;	
}
#video_haut{
	text-align:center;
	padding-bottom:30px;
	padding-left:30px;
	margin-top:-40px;
}
.lien_devis{
	float:left;
	margin-top:80px;
	margin-left:20px;
}
.fiche_technique{
	float:left;
	margin-left:0px;	
	margin-top:100px;
	width:280px;
}
.raccourcis{
	float:left;
	margin-left:20px;
	line-height:25px;
}
.raccourcis a, .lien_devis a, .lien_retour a{
	color:#FFFFFF;
	text-decoration:none;
	padding-bottom:0px;
}
.raccourcis a:hover, .lien_devis a:hover,.lien_retour a:hover{
	color:#990000;
	text-decoration:none;
}
.lien_retour{
	float:left;	
	margin-left:60px;
	margin-top:25px;
}
.lien_voir{
	margin-left:150px;
}
.image_post_prod{
	text-align:center;
	margin-top:40px;
}
.image_post_prod img{	
	padding :10px;		
	border:1px dotted #999999;
	
}
.miniature object{
		padding:5px;
		border:1px solid #FFFFFF;
		z-index:10;	
	}
	a img{
	text-decoration:none;
	border:none;
	}
	#lien_documentaire a, #lien_institutionnel a, #lien_court a, #lien_clip a{
	text-decoration: none;
	color: #FFFFFF;
	}
	#lien_documentaire a:hover, #lien_institutionnel a:hover, #lien_court a:hover, #lien_clip a:hover{
	text-decoration: none;
	color: #990000;
	}
	.titre_categorie_projet{
		margin-left:-15px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:14px;
	}
	.titre_projet_clip{
		margin-left:-15px;
		padding-top:10px;
		margin-bottom:-30px;
		font-size:14px;
	}
	.texte_categorie_projet{
		float:right;
		width:310px;
		padding-right:100px;
		padding-top:10px;
		font-size:12px;
		line-height:20px;
	}
	.texte_categorie_projet strong{
		color:#990000;
	}
	#lien_documentaire, #lien_institutionnel, #lien_court, #lien_clip{
		height:205px;
	}
	.separateur{
		width:80%;
		margin-left:50px;
		margin-top:15px;
		margin-bottom:15px;
		border-bottom:1px dotted #666666;		
	}
	.texte_flotant{
		float:left;
		margin-left:10px;
		width:290px;
		padding-top:100px;
		line-height:20px;
	}
	.texte_flotant div{
		padding-top:3px;
		padding-bottom:3px;
	}
	.texte_flotant strong{
		color:#990000;		
	}
	.texte_voir_projet{
		margin-top:20px;
		line-height:20px;
		width:400px;
	}
	.texte_voir_projet div{
		padding-top:5px;
	}
	.texte_voir_projet strong{
		color:#990000;		
	}
	.post_puce{
		position:relative;
		bottom:1px;
		float:left;
		margin:0px;
		padding-left:22px;
		list-style-position:outside;
	}
	.clip{
		margin-top:15px;
		height:230px;
	}	
	.documentaire{
		margin-top:15px;
	}
	.documentaire a,.clip a{
		color:#FFFFFF;
		text-decoration:none;
	}
	.documentaire a:hover,.clip a:hover{
		color:#990000;
		text-decoration:none;
	}
	#haut_page{
		text-align:right;
		padding-right:80px;
		/*margin-top:30px;*/
	}
	
	
/* module de news */
.billet{
	margin-top:15px;
	padding-bottom:55px;
	margin-left:30px;
	width:500px;
}
.titre_billet h2{
	font-size:14px;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
}
.titre_billet .red{
	font-size:36px;
	color:#990000;
	font-weight:normal;
	padding-bottom:0px;
	margin-bottom:0px;
}
.titre_billet h5{
	padding-top:0px !important;
	padding-top:10px;
	padding-left:10px;
	margin-top:0px;
	font-size:10px;
}
.contenu_billet{
	margin-left:15px;
}
.media_billet{
	padding-top:10px;
	padding-bottom:15px;
}
.billet_link{
	color:#FF0000;
}
.rate{
	height:25px;
	line-height:25px;
	font-size:10px;
	padding-right:5px;
	padding-bottom:1px;
	text-align:right;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
}

/* page des references */
#logo{	
	padding-bottom:30px;
}
#diaporama{
	float:left;
	height:136px;
	width:510px;
	background:url(../images/diaporama_logo_milieu.gif) repeat-x;
}
#diaporama_debut{
	float:left;
	height:136px;
	width:46px;
	background:url(../images/diaporama_logo_debut.gif) no-repeat;
}
#diaporama_fin{
	float:left;
	height:136px;
	width:46px;
	background:url(../images/diaporama_logo_fin.gif) no-repeat;
}

.titre_reference, .titre_prix{
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
}

#partenaire, #client, #prix {
	padding:10px;
}
#partenaire{
	float:left;
	margin-right:180px;
}
#prix, #lien{
	margin-left:150px;
}
#prix .titre_prix{
	padding-bottom:5px;
	margin-left:-40px
}
#prix .titre_reference{
	padding-bottom:5px;
}
#prix .liste_references, #prix .liste_partenaires{
	padding-left:25px;
}


/* prestations */
.ss_puce{
	list-style-type:none;
	width:250px;
}
.texte_slogan{
	width:250px;
	float:right;
	font-size:15px;
	line-height:25px;
	letter-spacing:1px;
	text-align:center;
	margin-top:50px;
	border:2px dotted #666666;
	
	padding:10px;
}
.lien_devis_prestation{
	margin-left:40px;
}
.icone_video{
	position:relative;
	top:8px;
}
.tarif{
	position:relative;
	top:12px;
}
#contenu a{
	color:#FFFFFF;
	text-decoration:none;
}
#contenu a:hover{
	color:#990000;
}
/* Styles des infos bulles */
/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:12px verdana,arial,sans-serif; }
body div#toolTip p em { display:none;margin-top:3px;color:#990000;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }




/* formulaire de devis */
#formulaire_devis fieldset{
	border:none;
	border-top:1px solid #990000;
	margin-bottom:15px;
}
#formulaire_devis legend{
	color:#FFFFFF;
	font-size:16px;
	letter-spacing:1px;
	font-variant:small-caps;
}
#formulaire_devis legend .red{
	font-size:20px;
}
#formulaire_devis{
	line-height:25px;
}
#formulaire_devis #version{
	padding-left:15px;
}