/* CSS DE BASE */

/*********************** PAGE TEMPLATE STYLES *********************************/

BODY { 
	font-family:verdana, arial;
	font-size: 10px;
	color:#000000;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background:url('/public/septembre/html/toolkit/img/fond_body.jpg') 0% 0% repeat-x #C4C0B5;
}

/*commun*/
*{font-family:verdana, arial;font-size: 10px;color:#000000;}
IMG{border:0px;}
Ul{margin:0px;padding:0px}
LI{margin:0px;padding:0px}
form{padding:0px;margin:0px;}

/*template de page */
table.centrer
{
width:100%;
height:100%
}
td.centrer{vertical-align:middle;width:100%;height:100%}

table.contenant {
	width:100%;
	height:425px;
	background:url('/public/septembre/html/toolkit/img/fond_center.gif') 50% 50% repeat-x transparent;
}
td.contenant {
	width:100%;
	height:425px;
}
table.contenu , td.contenu 
{
	width:778px;
	height:100%;
}

/*les collones*/

/*nav*/
#col1
{
vertical-align:top;
height:100%;
width:115px;
}
.logo{text-align:center;height:70px;}
.nav{}
/*premiere page*/
#col2
{
background-color:#FFFFFF;
vertical-align:top;
height:100%;
width:323px;
position:relative;
}

#col3
{
background:url('/public/septembre/html/toolkit/img/sep_colonne_milieu.gif') 0% 0% repeat-y  #FFFFFF;	
vertical-align:top;
height:100%;
width:320px;
position:relative;
}
/*deuxieme page*/
#col4
{
background:url('/public/septembre/html/toolkit/img/replie_page.gif') 100% 100% no-repeat;
vertical-align:top;
margin-left:20px;
width:300px;
height:100%;
}	
/*reliure*/

	
	
/*contact*/
#col5
{
vertical-align:top;
height:100%;
width:20px;
}



/*image de la page 2*/
.img_page_2{text-align:center;position:relative;z-index:1000;}
.img_page_3{padding-top:60px;text-align:center;position:relative;z-index:1000;}
#camera{margin-top:-40px;}
#palm{margin-top:-35px;}
#tof_actu{margin-top:-40px;}
/*************** le scrool bar ******************/
/*tableau général*/
.bloc_scroll{width:313px;margin-left:10px}
/*le div contenant*/
#txt_scroll_out{
	position: relative; 
	width: 278px; 
	height: 290px;
	overflow: hidden;
	background-color:#FFFFFF;

}
/*le div contenu*/
#txt_scroll_in {
	position: absolute; 
	width: 100%; 
	background-color:#FFFFFF;
	}

/*scrool 2 */
/*le div contenant*/
#txt_scroll_out2{
	position: relative; 
	width: 270px; 
	height: 290px;
	/*d'habitue hidde mais la on veut voir une image dans init 2 on le passe a hidden*/
	overflow: visible;
	background-color:#FFFFFF;

}
/*le div contenu*/
#txt_scroll_in2 {
	position: absolute; 
	width: 100%; 
	background-color:#FFFFFF;
	}
	
/*Montrer les flecjhes quand inactif*/	

/* barre de scroll*/
#carre,#scrollbar,#carre2,#scrollbar2,#haut_scroll2{visibility:hidden;}
/*2px de plus par rapport a la taille de la barre*/
#scrollbar,#scrollbar2 {position: absolute;  height: 265px; width: 7px; border: 0px; padding: 0px; margin:0px 0px 0px 12px;top: 0px;background: url('/public/septembre/html/toolkit/img/scroll/pelicule.gif') no-repeat 0px 0px; }
#scrollbar2 {margin:0px}
	/*2px de plus par rapport au bouton*/
#carre,#carre2{position: absolute; top: 0px; width: 7px; height: 32px; left: 0px;} 
/*pour avoir une marge a dorite de x px*/
.marge_inside_scroll{width:265px;}
/*fin style du scroll*/


/*lien generique*/
a{color:#B61B22;text-decoration:none;border:0px}
a:hover{text-decoration:underline;}





/*block*/
/*home page */
.titre_home{text-align:center;}
.s_titre_home{margin:0px 0px 0px 35px;padding:0px 0px 3px 0px}
.s_titre_home_under{margin:0px 0px 0px 35px;padding:0px 0px 3px 0px;border-bottom:1px solid black;}
/*intro*/
table.block_intro_noir{width:100%;background-color:#000000;padding:8px  8px;}
table.block_intro_blanc{width:100%;background-color:#FFFFFF;padding:8px  8px;}
table.block_intro_jaune{width:100%;background-color:#F8F8F0;margin:2px 0px 5px;}
table.block_intro_rouge{width:100%;background-color:#B61B22;margin:2px 0px 5px;}
td.block_intro{width:100%;padding:0px 5px;vertical-align:top}
.block_intro_noir{width:100%;padding:0px 10px;color:white}
.text_intro_noir{padding:3px 0px;color:white}
.text_intro_noir_bold{padding:3px 0px;font-weight:bold;color:white}
.text_intro_gris{padding:3px 0px;color:#595959}
.text_intro_gris_bold{padding:3px 0px;color:#595959;font-weight:bold;}
/* block titre noir*/*
.block_titre {
	width:100%;
	height:50px;
	background:url('/public/septembre/html/toolkit/img/fond_block_titre.gif') no-repeat 100% 100% #000000; 
	}
	
.texte_titre{
	padding:6px 5px 0px 25px;
	}
	
/*block paragraphe*/
.block_para
{
	text-align:justify;
	line-height:13px;
	margin:5px;
}
/*soust titres*/
.s_tt_block_para{margin:20px 0px 2px 0px;display:block;background: url('/public/septembre/html/toolkit/img/puce_camera.gif') no-repeat 0% 0%;padding:3px 0px 8px 25px;font-weight:bold;}
/*titre film */
.tt_film{font-size:11px;color:#5E070B;font-weight:bold;text-align:center;}
.text_fiche_film{font-size:9px;margin:8px 0px;}
.text_gris{color:595959;}
/*block img */
.img_droite{
	float:right;
	margin:20px 0px 0px 15px;
}
.img_gauche{float:right;margin:0px 5px 5px 0px;}
/*lien puce rool image */
/*nom des collaborateur*/
a.lien_puce{font-family:verdana, arial;font-size: 9px;color:#000000;text-decoration:none;display:block;padding:0px 0px 0px 30px;margin:0px 0px 4px 0px;height:23px;background:url('/public/septembre/html/toolkit/img/puce_1.gif') no-repeat}
a.lien_puce:hover {text-decoration:none;}
#puce1:hover {text-decoration:underline}


.select_solutions{clear:both;margin-bottom:10px;}
/*le cinema*/
a.lien_selection_cinema{font-family:verdana, arial;font-size: 9px;color:#000000;text-decoration:none;display:block;padding:5px 8px 5px 30px;margin:0px 0px 4px 0px;}
a.lien_selection_cinema:hover{text-decoration:underline;background:url('/public/septembre/html/toolkit/img/puce_camera.gif') no-repeat;}
/*actualite*/
.vignette_film:hover{text-decoration:none;}
/*les selection*/
.select_leg{display:none;}


/*contact*/
.block_contact{width:92%;margin:0px 15px;}
.input_contact{border:1px solid #B61B22;width:205px;}



/*a utiliser en corrélation avec la classe opaque de img.css si on veut que l'image de fond soit opaque et pas le texte pour ie*/
.text_haut_erreur{font-weight:bold;margin:8px;display:block}
.text_erreur{margin:5px;display:block;background: url('/public/septembre/html/toolkit/img/puce_camera.gif') no-repeat 0% 0%;padding-left:25px;}
#ecrit_erreur{display:block;position:relative;z-index:10}
#erreur{width:260px;text-align:left;display:none;margin-left:10px;}