/* Classes generales */
html{
width:100%;
height:100%;
}
body{
width:100%;
height:100%;
margin:0;
padding:0;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
background:url(../images/ssii/body.jpg) no-repeat top left;
background-color:#FFF;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
img{
border:none;
}
h1{
color:#B70D26;
font-size:20px;
font-weight:normal;
padding:0;
margin:0;
}
h2{
color:#909090;
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
}
h3{
padding:0;
margin:0;
}
h4{
padding:0;
margin:0;
}
h5{
padding:0;
margin:0;
}
p{
color:#404040;
margin:0;
}
ul{
margin:0;
padding:0;
}
li{
margin:0;
padding:0;
}
table{
padding:0;
margin:0;
border:none;
}
tr{
padding:0;
margin:0;
border:none;
}
td{
padding:0;
margin:0;
border:none;
}
#container{
padding:0;
margin:0;
width:915px;
float:left;
}
/* Gestion et classes du Header (blocs logo, banner, nav) */
#header{
margin:0;
padding:0;
height:184px;
}
#logo_bloc{
width:245px;
float:left;
}
.logo{
margin:35px 0 0 16px;
}
#banner{
width:670px;
height:184px;
background:url(../images/ssii/header.jpg) no-repeat top left;
float:left;
}
.connex{
border:none;
position:absolute;
top:0;
left:780px;
}
#menu{
height:30px;
margin-top:154px;
}
#menu ul{
list-style-type:none;
}
#menu li{
float:left;
text-align:center;
padding:0 14px 0 12px;
font-weight:bold;
line-height:30px;
}
#menu a{
color:#FFF;
text-decoration:none;
}
.sep_r{
background:url(../images/ssii/sep.gif) no-repeat right;
}
#ss_rub1{
display:none;
position:absolute;
top:184px;
left:245px;
background:url(../images/ssii/bg_menu.png) repeat !important;
background:url(../images/ssii/bg_menu.png) #151515;
width:200px;
font-size:11px;
}
#ss_rub1 li{
float:none;
text-align:left;
line-height:25px;
display:block;
}
#ss_rub1 li:hover{
background-color:#B70D26;
cursor:pointer;
display:block;
}
#ss_rub1 a{
text-decoration:underline;
}
#ss_rub2{
display:none;
position:absolute;
top:184px;
left:368px;
background:url(../images/ssii/bg_menu.png) repeat !important;
background:url(../images/ssii/bg_menu.png) #151515;
width:200px;
font-size:11px;
}
#ss_rub2 li{
float:none;
text-align:left;
line-height:25px;
}
#ss_rub2 li:hover{
background-color:#B70D26;
cursor:pointer;
}
#ss_rub2 a{
text-decoration:underline;
}
#ss_rub3{
display:none;
position:absolute;
top:184px;
left:494px;
background:url(../images/ssii/bg_menu.png) repeat !important;
background:url(../images/ssii/bg_menu.png) #151515;
width:200px;
font-size:11px;
}
#ss_rub3 li{
float:none;
text-align:left;
line-height:25px;
}
#ss_rub3 li:hover{
background-color:#B70D26;
cursor:pointer;
}
#ss_rub3 a{
text-decoration:underline;
}
#ss_rub4{
display:none;
position:absolute;
top:184px;
left:590px;
background:url(../images/ssii/bg_menu.png) repeat !important;
background:url(../images/ssii/bg_menu.png) #151515;
width:200px;
font-size:11px;
}
#ss_rub4 li{
float:none;
text-align:left;
line-height:25px;
}
#ss_rub4 li:hover{
background-color:#B70D26;
cursor:pointer;
}
#ss_rub4 a{
text-decoration:underline;
}
#dtrsp1{
width:245px;
height:197px;
position:absolute;
top:0;
left:0;
}
#dtrsp2{
width:681px;
height:154px;
position:absolute;
top:0;
left:245px;
}
/* Gestion et classes du contenu gauche */
#content_left{
float:left;
width:245px;
}
#content_left h2{
color:#FFF;
font-size:20px;
font-weight:normal;
padding:7px 5px 0 10px;
margin:0;
text-transform:uppercase;
}
.bloc_title_left{
background:url(../images/ssii/bg_tt_left.gif) repeat-x #C5C5BF;
width:237px;
height:37px;
float:left;
margin-top:14px;
}
.bloc_title_left_rss{
background:url(../images/ssii/bg_tt_left_rss.gif) no-repeat #C5C5BF;
width:237px;
height:37px;
float:left;
margin-top:14px;
}
.bloc_txt_left{
padding:7px 10px 0 10px;
}
.bloc_txt_left p{
font-size:11px;
float:left;
width:220px;
padding:8px 0 8px 0;
}
.rss{
color:#000;
}
.pointille{
width:220px;
height:10px;
float:left;
background:url(../images/ssii/points.gif) repeat-x left;
}
/* Gestion et classes du contenu principal */
#content_right{
float:left;
width:670px;
}
#title{
width:670px;
height:64px;
background:url(../images/ssii/bg_title.jpg) no-repeat left;
}
#title h1{
padding:20px 0 0 12px;
text-transform:uppercase;
}
#content{
float:left;
background:url(../images/ssii/bg_ctnt.jpg) no-repeat top;
width:670px;
height:300px;
}
.resum{
padding:12px;
float:left;
}
.resum img{
float:right;
}
.resum h2{
margin-bottom:10px;
}
.cont_blocs{
padding:0 15px 15px 12px;
float:left;
}
.cont_blocs h2{
color:#B70D26;
font-size:20px;
font-weight:normal;
padding:0;
margin:0 0 10px 0;;
}
.cont_blocs ul{
list-style:none;
padding:0 0 0 10px;
margin:0;
}
.cont_blocs li{
list-style:none;
padding:0;
margin:0;
}
.bloc_info_l{
width:310px;
height:150px;
background:url(../images/ssii/grad_grey.gif) repeat-x top;
margin-bottom:15px;
float:left;
}
.bloc_info_r{
width:310px;
height:150px;
background:url(../images/ssii/grad_grey.gif) repeat-x top;
margin-bottom:15px;
float:right;
}
.bloc_info_cont{
padding:12px 7px 5px 12px;
}
.bloc_info_cont h3{
font-weight:bold;
color:#000;
margin-bottom:5px;
font-size:14px;
}
.bloc_info_cont img{
float:left;
vertical-align:top;
margin-right:7px;
}
.linkh3{
font-weight:bold;
color:#000;
text-decoration:none;
}
.linkh3:hover{
font-weight:bold;
color:#000;
text-decoration:none;
}
.cont_link{
float:right;
margin-top:5px;
}
.link{
color:#B70D26;
font-size:11px;
text-decoration:underline;
font-weight:bold;
}
#footer{
background:url(../images/ssii/top_shadow.gif) no-repeat top;
float:left;
color:#6E6E6E;
font-size:10px;
width:100%;
height:150px;
}
#footer ul{
list-style-type:none;
padding-left:10px;
}
#footer li{
float:left;
padding:25px 8px 5px 8px;
}
#ftr_links{
font-weight:bold;
font-size:11px;
float:left;
}
#ftr_links a{
color:#FFF;
text-decoration:none;
}
#ftr_links a:hover{
text-decoration:underline;
}
#copyright{
padding-top:20px;
clear:left;
text-align:center;
}
.w3c{
padding:20px 10px 0 0;;
text-align:center;
}
/* Classes form */
.form{
width:550px;
font-size:11px;
}
.form h1{
padding-bottom:10px;
}
.tableform{
width:100%;
padding:4px;
}
.tableform p{
text-align:right;
}
.send{
color:#B70D26;
font-weight:bold;
font-size:11px;
margin-top:5px;
}
.sendHovered{
color:#B70D26;
font-weight:bold;
font-size:11px;
margin-top:5px;
}
.note{
padding:10px 5px 5px 30px;
font-style:italic;
background:url(../images/ssii/quotes.gif) no-repeat top left #EFEFEF;
width:650px;
}
.verif{
color:#B70D26;
padding-top:10px;
}
.lctnt{
color:#404040;
text-decoration:none;
}
.lctnt:hover{
color:#404040;
text-decoration:none;
}
.bloc{
padding:0 15px 50px 12px;
float:left;
}
.bloc h2{
color:#B70D26;
font-size:20px;
font-weight:normal;
padding:0;
margin:0 0 10px 0;;
}
.bloc_ctnt{
background:url(../images/ssii/grad_grey.gif) repeat-x top;
margin-bottom:15px;
float:left;
}
.bloc_sat_cont{
padding:12px 7px 5px 12px;
}
.bloc_sat_cont h3{
font-weight:bold;
color:#000;
margin-bottom:5px;
font-size:14px;
}
.bloc_sat_cont img{
float:left;
vertical-align:top;
margin-right:7px;
padding-bottom:40px;
}
.ref{
width:900px;
font-size:11px;
}
.ref h1{
padding-bottom:10px;
}
.seealso{
background:url(../images/ssii/arrow.gif) no-repeat left;
padding-left:25px;
float:left;
margin-top:15px;
}
.imgexplain{
float:left;
vertical-align:top;
}
.divexplain{
display:block;
clear:both;
padding-bottom:30px;
}
/* Gestion Control.Modal */
#modal_container {  
padding:5px;  
background-color:#fff;  
border:1px solid #666;  
overflow:auto;  
font-family:"Lucida Grande",Verdana;  
font-size:12px;  
color:#333;  
text-align:left;  
} 
#modal_overlay {  
background-color:#000;  
}  
.bloc_ref_left{
float:left;
width:215px;
height:110px;
padding:10px 10px 0 10px;
overflow:hidden;
text-align:center;
}
.map{
position:absolute;
top:123px;
left:710px;
}
.lang{
position:absolute;
top:130px;
left:763px;
border:medium none;
color:#646464;
font-size:10px;
font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
}
.ban{
position:absolute;
top:8px;
left:927px;
}
.lcontent, .lcontent:hover{
color:#404040;
text-decoration:none;
}
.lcontentbl, .lcontentbl:hover{
color:#000;
text-decoration:none;
}
.linkfoot, .linkfoot:hover{
color:#6E6E6E;
text-decoration:none;
}
.linktitle, .linktitle:hover{
color:#B70D26;
text-decoration:none;
}