/* CSS 5sur5securite.fr
	Mars 2008
 */
    

/*####################### GENERAL #######################*/

html, body {
margin: 0;
padding: 0;
align:center;
}

html, body, .div {
height: 100%;
}

body {
font-family : verdana;
font-size : 12px;
color:#00559F;;
}


#top {
background-image:url(../images/5sur5-securite_mep_haut.jpg);
}

#footer {
background-image:url(../images/5sur5-securite_mep_bas.jpg);
color : #ffffff;
}
#bottom_degrade {
background: url(../images/5sur5-securite_31.jpg) repeat-x ;
}

#bottom {
height:20px;
background-color : #00559F;
color:#FFFFFF;
font-size:9px;
}

p {
text-align:justify;
}

ul li {
list-style-image:url(../images/puce_li_bleu.gif);
margin : 10px 0px;
text-align:left
}
/*******les liens en general********/

a {
color : #00559f;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

a:active {
color : #00559f;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

a:visited {
color : #00559f;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

a:focus {
color : #747577;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

a:hover {
color : #747577;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

#border_gch {
background: url(../images/5sur5-securite_mep_gche.jpg) repeat-y ;
}

#border_dte {
background: url(../images/5sur5-securite_mep_dte.jpg) repeat-y ;
}

/****les petites lignes****/
.mentions {
font-size : 9px;
}
.mentionsRouges {
font-size : 9px;
color:#FF0000;
}
/*####################### Bandeau #######################*/
.ariane {
background: url(../images/5sur5-securite_03.jpg) repeat-x ;
}

/*####################### Menu principal #######################*/

#barre_menu_vide {
background: url(../images/5sur5-securite_init_09.jpg) repeat-x ;
}

/************liens images du menu principal***************/
#link_home a{
background: url(../images/5sur5-securite_home.jpg) no-repeat ;
display:block;
width:47;
height : 43;
text-decoration:none;
}

#link_home a:hover {
background: url(../images/5sur5-securite_home_on.jpg) no-repeat ;
display:block;
width:47;
height : 43;
text-decoration:none;
}

/******a propos*******/
#link_propos a{
background: url(../images/5sur5-securite_Apropos.jpg) no-repeat ;
display:block;
width:135;
height : 43;
text-decoration:none;
}

#link_propos a:hover{
background: url(../images/5sur5-securite_Apropos_on.jpg) no-repeat ;
display:block;
width:135;
height : 43;
text-decoration:none;
}

/******particuliers*******/
#link_part a{
background: url(../images/5sur5-securite_particuliers.jpg) no-repeat ;
display:block;
width:160;
height : 43;
text-decoration:none;
}

#link_part a:hover{
background: url(../images/5sur5-securite_particuliers_on.jpg) no-repeat ;
display:block;
width:160;
height : 43;
text-decoration:none;
}

/******professionnels*******/
#link_pro a{
background: url(../images/5sur5-securite_professionnels.jpg) no-repeat ;
display:block;
width:190;
height : 43;
text-decoration:none;
}

#link_pro a:hover{
background: url(../images/5sur5-securite_professionnels_on.jpg) no-repeat ;
display:block;
width:190;
height : 43;
text-decoration:none;
}

/******nous rejoindre*******/
#link_rej a{
background: url(../images/5sur5-securite_rejoindre.jpg) no-repeat ;
display:block;
width:168;
height : 43;
text-decoration:none;
}

#link_rej a:hover{
background: url(../images/5sur5-securite_rejoindre_on.jpg) no-repeat ;
display:block;
width:168;
height : 43;
text-decoration:none;
}
/******nous rejoindre*******/
#link_cont a{
background: url(../images/5sur5-securite_nous-contact.jpg) no-repeat ;
display:block;
width:168;
height : 43;
text-decoration:none;
}

#link_cont a:hover{
background: url(../images/5sur5-secu_nous-contact_on.jpg) no-repeat ;
display:block;
width:168;
height : 43;
text-decoration:none;
}
/******contact*******/
#link_contact a{
background: url(../images/5sur5-securite_contact.jpg) no-repeat ;
display:block;
width:37;
height : 43;
text-decoration:none;
}

#link_contact a:hover{
background: url(../images/5sur5-securite_contact_on.jpg) no-repeat ;
display:block;
width:37;
height : 43;
text-decoration:none;
}

/*****mentions*******/
#link_mentions a{
background: url(../images/5sur5-securite_mentions.jpg) no-repeat ;
display:block;
width:45;
height : 43;
text-decoration:none;
}

#link_mentions a:hover{
background: url(../images/5sur5-securite_mentions_on.jpg) no-repeat ;
display:block;
width:45;
height : 43;
text-decoration:none;
}

/*****sitemap*******/
#link_smap a{
background: url(../images/5sur5-securite_sitemap.jpg) no-repeat ;
display:block;
width:42;
height : 43;
text-decoration:none;
}

#link_smap a:hover{
background: url(../images/5sur5-securite_sitemap_on.jpg) no-repeat ;
display:block;
width:42;
height : 43;
text-decoration:none;
}

/*****tracimo*******/
#link_tracimo a{
background: url(../images/5sur5-securite_geoloc_out.jpg) no-repeat ;
display:block;
width:47;
height : 43;
text-decoration:none;
}

#link_tracimo a:hover{
background: url(../images/5sur5-securite_geoloc_on.jpg) no-repeat ;
display:block;
width:47;
height : 43;
text-decoration:none;
}
/*####################### Home_content #######################*/
#home_part {
background: url(../images/5sur5-securite_part_03.jpg) no-repeat bottom;
/*padding : 0px 20px 10px 10px;*/
color : #00559F;
font-weight : bold;
font-size : 9pt;
text-align:justify;
}

#lien_home_part {
color : #00559F;
font-weight : bold;
font-size : 9pt;
text-align:justify;
text-decoration : none;
}

#home_pro {
background: url(../images/5sur5-securite_pro_03.jpg) no-repeat bottom;
/*padding : 0px 20px 10px 10px;*/
color : #757577;
font-weight : bold;
font-size : 9pt;
text-align:justify;
}

#lien_home_pro {
color : #757577;
font-weight : bold;
font-size : 9pt;
text-align:justify;
text-decoration : none;
}

#home_focus {
background: url(../images/home_focus_02.jpg) no-repeat bottom;
/*padding : 5px 20px 5px 20px;*/
text-align:justify;
}

#lien_home_mil {
text-decoration : none;
text-align:justify;
color : #00559F;
font-size : 9pt;
}
/*####################### Page_content #######################*/


/*************titres*****************/

h1 {
font-weight:bold;
color:#747577;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

h2 {
font-weight:bold;
color:#00559F;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-left : 20px;
background:url(../images/puce_tt_bleu.gif)left no-repeat;
text-align:left
}

h3 {
font-weight:bold;
color:#747577;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left : 15px;
margin-left : 20px;
margin-top : 25px;
text-transform:uppercase;
background:url(../images/puce_sstt_gris.gif)left top no-repeat;
}

/************ menu gauche ******************/
.menuG_dte {
background:url(../images/5sur5-securite_menuG_dte.jpg) top repeat-y #FFFFFF;
}

.menuG_gche {
background:url(../images/5sur5-securite_menuG_gche.jpg) top repeat-y #FFFFFF;
}

.menuG ul li{
list-style-type:none;
list-style-image:none;
}

.menuG ul{
margin-left:-30px;
/margin-left:10px;
}

/************ contenu ******************/

.contenu_top {
border-top:2px solid #bfbfbf;
}

.contenu_dte {
border-right:2px solid #bfbfbf;
}

.contenu_gche {
border-left:2px solid #bfbfbf;
}

.contenu_bottom {
border-bottom:2px solid #bfbfbf;

}

/************ contenu mise en page******************/
.txt_img1 {
width:400px;
text-align:justify;
padding : 10px;
}

.txt_img2 {
width:325px;
padding : 10px;
}

.contenu_milieu {
width:721px;

}

.accroche{
border : 1px dashed #00559f;
padding : 10px;
}

.accroche_large{
border : 1px dashed #00559f;
padding : 10px;
width:500px;
margin : 20px;
}
/****focus******/
.focus_dte {
border-right : 2px solid #00559f;
}

.focus_gch {
border-left : 2px solid #00559f;
}

.focus_argu {
color : #747577;
padding : 10px;
}

.focus_txt {
font-size :14px;
}
/************ site map******************/
.smap_h1 {
background-color: #00559F;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
margin:10px 5px 5px 0px;
padding :2px 0px;
}

.smap_h2 {
background-color: #94a5bc;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
margin:10px 5px 5px 10px;
padding :2px 0px;
}

.smap_h3 {
background-color: #cccccc;
color:#00559F;
font-weight:bold;
font-size:11px;
margin:10px 5px 0px 10px;
padding :2px 0px;
}

/*************cellules de tableaux ex: formulaire*******************/

.cellule_txt {
background-color:#00559f;
color : #ffffff;
padding : 5px;
}

.cellule_ch {
background-color:#C6C6C6;
color : #00559f;
padding : 5px;
}

#angl_bleu_ht_gch {
background: url(../images/angle_bleu_ht_gch.gif) top left no-repeat #00559f;
}
#angl_bleu_ht_dte {
background: url(../images/angle_bleu_ht_dte.gif) top right no-repeat #c6c6c6;
}
#angl_bleu_bas_gch {
background: url(../images/angle_bleu_bas_gch.gif) bottom left no-repeat #00559f;
}
#angl_bleu_bas_dte {
background: url(../images/angle_bleu_bas_dte.gif) bottom right no-repeat #c6c6c6;
}

/*********************formulaires***************/
.btn_envoi {
background: url(../images/btn_envoi.gif) bottom left no-repeat;
width : 90px;
height:30px;
text-align:center;
color :#ffffff;
font-weight:bold;
border: none;
text-decoration:none;

}