/* -------------------------------------------------------------------- 
                         Sioux interactive
                          By nicolas 2008
                          Created on 2008
-------------------------------------------------------------------- */

/* ------------------------------------------------------ DEFAULT VALUES -------------------------------------------------------- */

body{
width:960px;
margin:0 auto;
}
html{
	font:101% Tahoma, Arial, sans-serif;
	background:#3A5565;
	height:100%;
	color:#333;
}
* {
	padding:0;
	margin:0;
	border:0;
	line-height: 16px;
}
h1 {}
p,dl,li,td {}
b {}
table{border-collapse:collapse;}
fieldset,img {border:none;}
option {}
h1 {}
h2 {}
h3 {}
th {}
a{text-decoration:none; color:#EB7405;}
a:hover{text-decoration:underline; color:#496C81;}
ul{
	
}
li{
	font-size:11px;
}

/* ------------------------------------------------- STRUCTURAL & MAIN BLOCKS --------------------------------------------------- */
/* ----------------- Index ----------------------- */
#indexContainer{
position:absolute;
height:520px; 
width:700px;
margin:-260px 0px 0px -350px;
top: 50%; 
left: 50%;
text-align:center;
}
/* ------------------------------------------------ Blocks ------------------------------------------------------- */
#container{
width:960px;
margin: 0 auto;
}
#content{
width:960px;
float:left;
padding:0 5px;
background: url(../imgs/container_bg.gif) repeat-y left;
}
#header{
	float:left;
	width:960px;
	height:140px;
	background: url(../imgs/header.jpg) no-repeat left top;
	text-align: left;
}
#menu{
	font-size: 11px;
	background-image: url(../imgs/fond_menu.jpg);
	background-repeat: repeat;
	line-height: 30px;
	background-color: #DDE3E7;
}
#wrapper{
float:left;
width:945px;
margin:0 15px 15px 1px;
/*background: url(../imgs/bg-right_box.gif) repeat-x bottom #496c80;*/
}
#footer{
	font-size:11px;
	width:970px;
	padding:20px;
	text-align:center;
	color:#FFF;
	background-image: url(../imgs/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: -10px top;
}
/* ------------------------------------------------ Content ------------------------------------------------------- */

#texte_simple{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4C4C4C;
	text-align:justify;
	line-height: 20px;
	width: 680px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#formulaire{
	padding:10px;
}

/* ----------------------------------------- Menu ----------------------------------------- */
#menu ul{
list-style:none;
}
#menu li{
	font-size:0.75em;
}
#menu a{
padding:5px 10px 5px 10px;
color:#333;
background:#dee3e7;
}
#menu a:hover{
color:#fff;
background:url(../imgs/bg-menu_hover.gif) repeat-x top #EB7405;
}
#fsSearch{
	height:22px;
	width:240px;
	padding:2px 0 0 0;
	background-color: #496C81;
	background-image: url(../imgs/bg-search.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ipSearch{
float:left;
height:15px;
width:140px;
margin:2px 15px 0 40px;
padding:2px 0 0 0;
font-size:11px;
color:#666;
background:#fff;

}
#btOk{
float:left;
cursor:pointer;
width:21px;
height:20px;
background:url(../imgs/bg-search_btn.gif) no-repeat top;
}
#envoyer{
float:left;
cursor:pointer;
width:81px;
height:42px;
background:url(../imgs/bouton-envoyer.jpg) no-repeat top;
}
#sousMenu {
	position: relative;
	top: 10px;
	left: 237px;
	height: 131px;
	width: 116px;
	z-index: 1;
}
#sousMenu_fond {
	background-color: #496c80;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	height: 131px; /* tiens c'est marrant : il faut préciser un height sinon IE ne prend pas la transparence ! */
	padding-top: 3px;
	text-align: center;
	z-index: 5;
	position: relative;
	left: 0px;
	top: 0px;
}
#sousMenu_texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding-top: 3px;
	text-align: center;
	z-index: 10;
	position: relative;
	left: 0px;
	top: -132px;
}
.sousMenu_class a {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	vertical-align:top;
	text-align: center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.sousMenu_class a:hover {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	text-decoration:none;
	color:#FFFFFF;
	background:url(../imgs/bg-sous_menu_hover.jpg) repeat-x top;
}
#sousMenu2{
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color: #FFFFFF;
}
#sousMenu2 a{
	text-decoration:none;
	color:#4C4C4C;
	padding-left:20px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#sousMenu2 a:hover{
	text-decoration:none;
	color:#EB7405;
	padding-left:20px;
}
#sous_menu_expertise{
	height:40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #496C81;
	line-height: 40px;
	padding-left: 10px;
}
#sous_menu_solutions{
	height:40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #496C81;
	line-height: 20px;
	padding-left: 10px;
}
/* ------------------------------------------------- Wrapper -------------------------------------------------- */
#wrapperBox{
	float:none;
	background-color: #FFFFFF;
	width: 700px;
}
/* ------------------------------------------------- ContentBox -------------------------------------------------- */
#ContentBox{
	float:left;
	width:700px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#chemin {
	font-size:11px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:5px;
	background-color:#f2f2f2;
	line-height:20px;
}
#content_texte{
	padding-top:20px;
}
.reponse{
	padding:10px;
	border:1px dotted #F29400;
	background-image:url(../imgs/1px_blanc_opac.png);
	background-repeat:repeat;
}
/* ----------------------------------------- SUBMENU ----------------------------------------- */
#sMenu{
float:left;
width:724px;
height:50px;
border-bottom: 1px solid #496c80;
background:#f2f2f2;
}
#sMenu ul{
list-style:none;
}
#sMenu li{
float:left;
font-size:0.75em;
}
#sMenu a{
display:block;
padding:5px 16px 5px 28px;
background: url(../imgs/puce-active.gif) no-repeat 16px 9px;
}
#sMenu a:hover{
background: url(../imgs/puce-hover.gif) no-repeat 16px 9px;
}
/* ------------------------------------------ Left Box ------------------------------------------ */
#videoBox{
	border-bottom:1px solid #fff;
}
#col_droite{
	width:220px;
	background-color: #496C80;
	background-image: url(../imgs/bg-right_box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#actuBox{
	float:none;
	width:200px;
	color:#fff;
	font-size:11px;
	line-height:1em;
	background:url(../imgs/actualite.gif) no-repeat 5px 10px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#actuBox a{
	text-decoration:none;	
}
#actuBox a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.actuLien{
text-align:right;
}
.actuLien a{
color:#EB7405;
}
.actuLien a:hover{
text-decoration:underline; 
color:#fff;
}
#diversBox{
	float:none;
	width:220px;
	/*background:#CCCC66;*/
border-top: 1px solid #fff;
}
/* ----------------------------------------- HP Content ----------------------------------------- */
#hpContentBox{
	float:left;
	height:478px;
	width:695px;
	background-image:url(../imgs/serveurs.jpg);
	background-repeat:no-repeat;
	background-position:35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#questionBox,#lettresBox,#resauxBox{
position:relative;
float:left;
display:block;
height:45px;
width:140px;
padding:10px;
border:1px solid #496C81;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#questionBox:hover,#lettresBox:hover,#resauxBox:hover{
background:url(../imgs/bg-box_hp.gif) repeat-x top #eb7605;
color:#fff;
text-decoration:none;
}
#questionBox b,#lettresBox b,#resauxBox b{
font-size: 1.1em;
color:#333;
}
#questionBox{
top:30px;
left:43px;
}
#lettresBox{
top:-8px;
left:110px;
}
#newsletterBox{
	float:none;
	padding-bottom:5px;
	padding-top:5px;
	width:220px;
	/*background:#CCCC66;*/
border-bottom: 1px solid #fff;
}
#newsletterBox2{
	float:none;
	padding-bottom:5px;
	padding-top:5px;
	width:220px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#resauxBox{
top:34px;
left:150px;
}

/*-- Standard Content

#nameContentBox{
float:left;
height:478px;
width:695px;
padding:15px 15px 0 15px;
background:#fff;
}

*/
#titre_squeeze{
	font-weight:			bold;
	background-image:		url(imgs/fond_titre_squeezebox.jpg);
	background-repeat:		no-repeat;
}
#separator {
	background-color: #496C81;
	line-height: 2px;
}
#content_texte ul {
	padding-left: 30px;
}
#contact_box {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#contact_box a{
	text-decoration:none;
	color:#EB7405;
}
#contact_box a:hover{
	text-decoration:underline;
	color:#FF6600;
}
#affiche_selected_0 {
	padding-bottom: 10px;
	padding-left:20px;
}
#affiche_selected_1 {
	padding-left:20px;
}