/*
	TABLE OF CONTENT
	
	RESET GLOBAL
	HEADER
	GLOBAL
	MENU
	CONTENU
	FOOTER
	STYLE TEXTE
	MODIF MAX 11-12-07
	MODIF ED 13-12-07
*/

/*----------------------------------------------------*/
/*				    RESET GLOBAL                      */
/*----------------------------------------------------*/

*
{
	margin:0px;
	padding:0px;
	border:0px;
	outline: none;
}

ul, li
{
	list-style-type: none;
}

a
{
	text-decoration:none;
	color:#000000;
}


/*----------------------------------------------------*/
/*				         HEADER                       */
/*----------------------------------------------------*/

div#header
{
	position: relative;
	background:url(../gfx/bg_header.gif) bottom left no-repeat;	
	width:1000px;
	height:147px;
	margin: 0px auto 0px auto;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}
div#header #nous {
	position: absolute;
	width: 195px;
	height: 18px;
	background-image: url(../gfx/nous_contacter.png);
	background-repeat: no-repeat;
	top: 16px;
	right: 303px;
}
div#header #newtopcontact {
	position: absolute;
	width: 296px;
	height: 140px;
	background-image: url(../gfx/bg_top_contact.png);
	background-repeat: no-repeat;
	bottom: 2px;
	right: 0;
}
div#header #newtop {
	position: absolute;
	width: 296px;
	height: 140px;
	background-image: url(../gfx/bg_top_home.png);
	background-repeat: no-repeat;
	bottom: 2px;
	right: 0;	
}
div#header #newtop ul {
	margin: 61px 0 0 38px;
	line-height: 1.05em;
}
div#header #newtop ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}
div#header #newtop ul li a:hover {
	text-decoration: underline;
}
div#logo
{
	width:380px;
	height:130px;
	float:left;
}

div#flash
{
	width:620px;
	text-align:right;
	margin:51px 0px 0px 0px;
	float:right;	
}

img#logo-stannah
{
	padding: 7px 0px 0px 130px;
}

img#slogan_logo
{
	padding: 17px 0px 0px 45px;
}

/*----------------------------------------------------*/
/*				         GLOBAL                       */
/*----------------------------------------------------*/

div#global
{
	width:1000px;
	margin:0px auto 0px auto;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color:#FFFFFF;
	background:url(../gfx/pointiller.gif) top left repeat-y; /* rgb(216,232,245) */
}

/*----------------------------------------------------*/
/*				          MENU                        */
/*----------------------------------------------------*/

div#menu
{
	width:200px;
	float:left;
}

div#menu a
{
	color:#317193;
}

li#acceuil a
{
	color:#FFFFFF;
	font-family:'Arial', Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	display:block;
	width:165px;
	height:22px;
	line-height:22px;
	padding: 0px 0px 0px 34px;
	background: rgb(0,145,208) url(../gfx/accueil.gif) center left no-repeat;
}

div#menu ul li ul a:hover
{
	color:#000000;
	text-decoration:underline;
}

div#menu a.int 
{
color:#FF6600;
}
div#menu a.ext 
 {
 color:#009e58;
 }

div#menu ul li ul
{
	padding: 0px 0px 0px 0px;
	font-family:'Arial', Helvetica, sans-serif;
	color:#317193;
	margin : 0px 0px 5px 0px;
}

div#menu ul li ul li
{
	padding: 1px 0px 0px 16px;
	margin : 1px 0px 1px 0px;
	background:url(../gfx/puce_1.gif) top left no-repeat;
	font-size:13px;
	line-height:12px;
}

div#menu ul li ul li ul li
{
	padding: 2px 0px 0px 28px;
	background:url(../gfx/puce_2.gif) top left no-repeat;
	font-size:12px;
	line-height:12px;
}

div#menu ul li ul li ul li ul li
{
	padding: 2px 0px 0px 35px;
}


div#menu a.active_menu
{
	color:#000000;
	text-decoration:underline;
}
/*----------------------------------------------------*/
/*				        CONTENU                       */
/*----------------------------------------------------*/

div#contenu
{
	width:800px;
	display:block;
	float:right;
}

/*----------------------------------------------------*/
/*				         FOOTER                       */
/*----------------------------------------------------*/

div#footer
{
	width:1000px;
	height:44px;
	clear:both;
	margin:0px auto 0px auto;
}

h3#slogan
{
	width:1000px;
	height:26px;
	line-height:26px;
	background-color:#0390C8;
	color:#FFFFFF;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	word-spacing:4px ; 
	letter-spacing:6px;
	display:block;
	clear:both;
}

div#menu_bot
{
	width:1000px;
	height:20px;
	background:url(../gfx/bg_footer.gif) top left repeat-x;
	text-align:center;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:20px;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}

p#menu_bot_title
{
	width:166px;
	height:20px;
	float:left;
}

div#menu_bot ul
{
	width:832px;
	height:20px;
	background:url(../gfx/bg_menu_bot.gif) center left repeat-x;	
	float:right;
}

div#menu_bot ul li
{
	width:162px;
	margin: 0px 2px 0px 2px;
	display:block;
	float:left;
}

div#menu_bot ul li a
{
	color:#000000;
}

div#menu_bot ul li a:hover
{
	text-decoration:underline;
}

.foot_rub
{
	background:url(../gfx/bg_footer_in.gif) center left repeat-x;
}

/*----------------------------------------------------*/
/*				       STYLE TEXTE                    */
/*----------------------------------------------------*/

.menu_titre
{
	background:url(../gfx/degr_menu.jpg) top left repeat-y;	
	height:26px;
	padding: 2px 0px 2px 0px;
	margin : 0px 0px 4px 0px;
}

.menu_titre a
{
	background:url(../gfx/bg_menu_titre.gif) top left repeat-y;	
	height:26px;
	line-height:28px;
	display:block;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#317193;
	padding: 0px 0px 0px 10px;
}

/*----------------------------------------------------*/
/*				     MODIF MAX 11-12-07 	          */
/*----------------------------------------------------*/

.clear
{
	display:block;
	clear:both;
	height:1px;
	font-size:14px;
	width:100%;
}

.blue_gradient_title
{
	width:780px;
	height:35px;	
	font-size:14px;
	background: url(../gfx/bg_grandtitle.jpg) bottom left no-repeat;
	font-family:'Arial', Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	clear:both;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 10px;
}

.blue_gradient_title span
{
	text-decoration:underline;
}

.blue_subtitle li
{
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:0px 35px 0px 25px;
}

.blue_score li
{
	background:transparent url(../gfx/tiret_bleu.gif) no-repeat 18px 3px;	
}


.align_left
{
	float:left;
}


.align_right
{
	float:right;
}

.cont_pict
{
	font:normal 12px Helvetica, Arial, sans-serif;
	background:transparent url(../gfx/separe_piedPage.jpg) no-repeat left bottom;
	padding:0px 20px 20px 20px;
	margin:0px 10px 10px 10px;
}

.cont_pict_sof_a
{
	padding:0px 85px 0px 0px;
}

.cont_pict_sof_b
{
	padding:0px 100px 0px 0px;
}

.cont_list_bottom
{
	margin:15px 0px 0px 0px;
}

.cont_list_bottom li
{
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	background:url(../img/pict/puce_01.jpg) left 4px no-repeat;
	padding:0px 0px 0px 13px;
}

.cont_list_bottom span a
{
	color:#d7708b;
}

.cont_list_bottom span
{
	font-family:'Arial', Helvetica, sans-serif;
	display:block;
	height:25px;
	font-size:14px;
	font-weight:bold;
	color:#d7708b;
	float:left;
	padding:0px 5px 0px 0px;
	margin:0px 0px 0px 0px;
}

.cont_pict_video
{
	float:left;
	width:680px;
	padding:10px 0px 0px 30px;
}

.cont_pict_video object
{
	float:left;
	width:420px;
	height:340px;
	margin:0 50px 0 0;
}

.cont_pict_video img
{
	float:left;
	display:block;
}

.bottom_txt
{
	text-align:center;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	font-size:12px;
	color:#000000;
	padding:10px 35px 0px 25px;
	clear:both;
}

.bottom_txt_size
{
	width:420px;
}

.bottom_txt a
{
	color:#000000;
	text-decoration:underline;
}

.cont_bloc_vid
{
	width:435px;
	float:left;
	margin:10px 20px 0 0;
	padding:0 0 0 20px;
}

.cont_bloc_vid_det
{
	float:left;
	width:212px;
	height:340px;
	margin:25px 0 0 0;
}

.bloc_vid_red
{
	background:url(../img/pict/bloc_video_sol_red.jpg) left top no-repeat;
}

.bloc_vid_red_solus
{
	background:url(../img/pict/bloc_video_sol_red_tournants.jpg) left top no-repeat;
}

.bloc_vid_green
{
	background:url(../img/pict/bloc_video_sol_green.jpg) left top no-repeat;
}

.bloc_vid_green_solus
{
	background:url(../img/pict/bloc_video_sol_green_tournants.jpg) left top no-repeat;
}


.bloc_vid_purple
{
	background:url(../img/pict/bloc_video_sol_purple.jpg) left top no-repeat;
}

.bloc_vid_purple_solus
{
	background:url(../img/pict/bloc_video_sol_purple_tournants.jpg) left top no-repeat;
}

.bloc_vid_grey
{
	background:url(../img/pict/bloc_video_sol.jpg) left top no-repeat;
}

.bloc_vid_grey_solus
{
	background:url(../img/pict/bloc_video_sol_tournants.jpg) left top no-repeat;
}











.bloc_vid_red_tournants
{
	background:url(../img/pict/bloc_video_sol_red_tournants.jpg) left top no-repeat;
}

.bloc_vid_green_tournants
{
	background:url(../img/pict/bloc_video_sol_green_tournants.jpg) left top no-repeat;
}

.bloc_vid_purple_tournants
{
	background:url(../img/pict/bloc_video_sol_purple_tournants.jpg) left top no-repeat;
}

.bloc_vid_grey_tournants
{
	background:url(../img/pict/bloc_video_sol_tournants.jpg) left top no-repeat;
}














.go_video_1,
.go_video_2,
.go_video_3
{
	width:20px;
	height:20px;
	display:block;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	
	margin:62px 0px 0px 4px;
}

.go_video_2
{
	margin:61px 0px 0px 4px;
}

.go_video_3
{
	margin:65px 0px 0px 4px;
}

.cont_bloc_vid
{
	float:left;
}

.cont_bloc_vid_title
{
	margin:5px 0px 0px 0px;
}

.cont_bloc_vid_title img
{
	float:left;
	display:block;
}

.cont_bloc_vid_title span
{
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	font-size:15px;
	float:left;
	line-height:58px;
	font-weight:bold;
	color:#6796af;
	margin:0px 0px 10px 10px;
}

.go_left
{
	text-align:left;
}

.play_1 { background:url(../img/pict/bloc_video_sol_1.jpg); width:230px; height:163px; display:block; }
.play_1:hover { background:url(../img/pict/bloc_video_sol_1b.jpg); }

.play_2 { background:url(../img/pict/bloc_video_sol_2.jpg); width:200px; height:163px; display:block; }
.play_2:hover { background:url(../img/pict/bloc_video_sol_2b.jpg); }

.play_3 { background:url(../img/pict/bloc_video_sol_3.jpg); width:230px; height:166px; display:block; }
.play_3:hover { background:url(../img/pict/bloc_video_sol_3b.jpg); }

.play_4 { background:url(../img/pict/bloc_video_sol_4.jpg); width:200px; height:166px; display:block; }
.play_4:hover { background:url(../img/pict/bloc_video_sol_4b.jpg); }


.play_1_tournants { background:url(../img/pict/bloc_video_sol_1_tournants.jpg); width:230px; height:163px; display:block; }
.play_1_tournants:hover { background:url(../img/pict/bloc_video_sol_1b_tournants.jpg); }

.play_2_tournants { background:url(../img/pict/bloc_video_sol_2_tournants.jpg); width:200px; height:163px; display:block; }
.play_2_tournants:hover { background:url(../img/pict/bloc_video_sol_2b_tournants.jpg); }

.play_3_tournants { background:url(../img/pict/bloc_video_sol_3_tournants.jpg); width:230px; height:166px; display:block; }
.play_3_tournants:hover { background:url(../img/pict/bloc_video_sol_3b_tournants.jpg); }

.play_4_tournants { background:url(../img/pict/bloc_video_sol_4_tournants.jpg); width:200px; height:166px; display:block; }
.play_4_tournants:hover { background:url(../img/pict/bloc_video_sol_4b_tournants.jpg); }




.help_buton
{
	text-align:right;
	padding:0px 100px 0px 0px;
}

/*----------------------------------------------------*/
/*				  MODIF ED 13-12-07			 	      */
/*----------------------------------------------------*/

/*
	div.colLeft
	img#cont_pict_visu1
	img#cont_pict_visu2
	-> http://stannah.generation-trafic.fr/index.php?module=escalier_solus
*/

div.colLeft {
	float:left;
	padding:0 0 0 80px;
}
img#cont_pict_visu1,
img#cont_pict_visu3,
img#cont_pict_visu2 {
	display:block;
}
img#cont_pict_visu1 {
	margin:5px 0 0 80px;
}

img#cont_pict_visu3 {
	margin:5px 0 0 150px;
}


img#cont_pict_visu2 {
	float:left;
	margin:20px 0 0 0;
}

/*
	ul.type1
	-> http://stannah.generation-trafic.fr/index.php?module=escalier_droit
	-> http://stannah.generation-trafic.fr/index.php?module=escalier_solus
*/

ul.type1 {
	width:620px;
}
ul.type1 li {
	float:left;
	width:100%;
	font:normal 12px Arial,Helvetica;
	background-position:18px 1px;
}

/*
	ul.type2
	-> http://stannah.generation-trafic.fr/index.php?module=escalier_solus
*/

ul.type2 {
	float:left;
	width:450px;
}
ul.type2 li {
	float:left;
	width:100%;
	margin:0;
	padding:0 0 0 15px;
	background:transparent url(../img/pict/puce_01.jpg) no-repeat left 3px;
	/* text rules */
	font-family:'Arial', Helvetica, sans-serif;
	line-height:normal;
}
ul.type2 li.first {
	margin-bottom:30px;
}
ul.type2 li a {
	display:block;
	float:left;
	/* text rules */
	font-size:12px;
	color:#d7708b;
}
ul.type2 li span {
	display:block;
	float:left;
	height:auto;
	margin:0;
	padding:3px 0 0 3px;
	/* text rules */
	font-weight:normal;
	font-size:11px;
	color:#000;
}

/*
	ul.type3
	-> http://stannah.generation-trafic.fr/index.php?module=intro_solus
*/

ul.type3 {
	float:left;
	width:620px;
	margin:0 0 15px 0;
}
ul.type3 li {
	float:left;
	width:100%;
	font:normal 12px Arial, Helvetica, sans-serif;
	background-position:18px 1px;
}

/*
	.bottom_txt_evol01
	-> http://stannah.generation-trafic.fr/index.php?module=fonction_solus
*/

.bottom_txt_evol01 {
	clear:both;
	width:600px; /* 625px-25pad */
	padding:5px 0 25px 25px;
	/* text rules */
	font-family:'Arial', Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

/*
	.bottom_txt_evol02
	-> http://stannah.generation-trafic.fr/index.php?module=intro_solus
*/

.bottom_txt_evol02 {
	clear:both;
	width:500px; /* 625px-125pad */
	padding:60px 0 0 125px;
	/* text rules */
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.bottom_txt_evol02 a {
	text-decoration:underline;
}

/*
	.bottom_txt.video
	-> http://stannah.generation-trafic.fr/index.php?module=ergo_solus
	-> http://stannah.generation-trafic.fr/index.php?module=pivot_solus
	-> http://stannah.generation-trafic.fr/index.php?module=repli_solus
*/

.bottom_txt.video {
	height:45px;
	padding-top:0;
}

/*
	.cont_pict
*/

/* -> http://stannah.generation-trafic.fr/index.php?module=escalier_solus */
.cont_pict.escalier_solus {
	clear:both;
	padding-top:15px;
	padding-bottom:80px;
}

/* -> http://stannah.generation-trafic.fr/index.php?module=fonction_solus */
.cont_pict.fonction_solus {
	padding-top:25px;
}

/* -> http://stannah.generation-trafic.fr/index.php?module=ergo_solus */
.cont_pict.ergo_solus {
	margin-top:0;
}

/*
	.blue_gradient_title.video
	-> http://stannah.generation-trafic.fr/index.php?module=ergo_solus
	-> http://stannah.generation-trafic.fr/index.php?module=pivot_solus
	-> http://stannah.generation-trafic.fr/index.php?module=repli_solus
*/

.blue_gradient_title.video {
	margin-bottom:5px;
}

/*
	.cont_bloc_vid_title.video span
	-> http://stannah.generation-trafic.fr/index.php?module=ergo_solus
	-> http://stannah.generation-trafic.fr/index.php?module=pivot_solus
	-> http://stannah.generation-trafic.fr/index.php?module=repli_solus
*/

.cont_bloc_vid_title.video span {
	height:38px; /* 58px-20pad */
	margin-bottom:0;
	padding:20px 0 0 0; 
	line-height:normal;
}
.cont_bloc_vid_title.video span.dbleLine {
	height:45px; /* 58px-13pad */
	margin-bottom:0;
	padding:13px 0 0 0; 
	line-height:110%;
}

/*
	.cont_bloc_vid_det.video span
	-> http://stannah.generation-trafic.fr/index.php?module=ergo_solus
	-> http://stannah.generation-trafic.fr/index.php?module=pivot_solus
	-> http://stannah.generation-trafic.fr/index.php?module=repli_solus
*/

.cont_bloc_vid_det.video {
	margin-top:15px;
}


/* AJOUT referencement -- contenu alternatif */
#indexh1 {
	padding:30px 0px 0px 50px;
	width:250px;
}
#indexh1 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* AJOUT referencement -- textes intro*/
#intro {
color:#000000;
font-family:'Arial',Helvetica,sans-serif;
font-size:12px;
margin:10px;
}