@charset "utf-8";
/* CSS Document */


/* General */
a{
    text-decoration: none;
    color: black;  /* Les texte comme facebook dans le pied */
    outline: none;
}
img{
    border: none;
}
p{
    margin: 0;
}
h3{
    margin: 0;
}
hr.clear{
    clear: both;
    display: block;
    visibility: hidden;
}
.no_underline{
    text-decoration: none;
}
/* */

html{
	min-width: 1040px; 
	background: url(../index_files/bandeau_coffret.jpg) top center no-repeat #000000 ; /* Black par defaut*/
	/*background-image:url(index_files/image_cd.jpg); */
}

body{
    height: auto;
    width: auto;
    margin : 0;
    border-top: none; 

}

/* Bandeau superieur */
#bandeau_sup{
    background: url("index_files/bandeau_sup.png") repeat-x transparent;
    height: 0px; /* 39 par defaut*/
    width: 100%;
}

#bandeau_sup ul{
    margin: 0 auto;
    padding : 0;
    width: 540px;
    height : 9px;  /* 39 par defaut*/
    font : 1em "Trebuchet MS",Georgia,"Times New Roman",serif;
    list-style-type : none;
    /*font-weight: bold;*/
    font-variant: small-caps;
    /*border: blue thin solid;*/
}
#bandeau_sup li{
    float: left;
    height : 9px;  /* 39 par defaut*/
    width: 180px;
    padding: 0;
    text-align: center;
    /*border: yellow thin solid;*/
}
#bandeau_sup a{
    display: block;
    text-decoration : none;
    padding: 15px; /* &5 par defaut*/
    line-height: 10px;
    color : #CFCFCF;
}
#bandeau_sup li:hover{
    background : url("index_files/bandeau_sup_hover.png") top center no-repeat;
}
#bandeau_sup li:hover a{
    color: white;
}



/* Menu en onglets */
#arrow_left {
    width: 0; height: 0;
    line-height: 0;
    border-left: 19px solid transparent;
    border-top: 10px solid #f69a9a;   /*  valeur arrière bande gauche menu au 32/12/2016 : #c8c8c8; */
    top: 100%;
    left: 0;
    position: absolute;

}
#arrow_right {
    width: 0; height: 0;
    line-height: 0;
    border-right: 19px solid transparent;
    border-top: 10px solid #f69a9a;      /*  valeur arrière bande gauche menu au 32/12/2016 : #c8c8c8; */ 
    top: 100%;
    right: 0;
    position: absolute;
}
#menu{
    height: 30px; /* 30 par defaut*/
    width: 1040px;  /* Longueur bandeau du menu  Par défaut: 1040px */
    background: none #c7230c;        /* image en dessous du menu:  url("index_files/menu_li_bg.png") repeat-x;   */
    letter-spacing: 1px;  /* Espace ecriture du menu */
    font: 13px Verdana,sans-serif; /* Police ecriture du menu */
    font-weight: bold;
    text-transform: capitalize;
    text-shadow:0 1px 0 #000000 ;    /* couleur du text du menu  (255,255,255,0.75); */
    margin: 250px auto 0; /* à modifier si le height de l'image de fond du site change 349px par defaut*/
    position: relative;
    text-align: center;
    z-index: 1000; /* bugfix IE7 */
}
#menu_deroulant{
    width: 1000px;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}
#menu_deroulant li{
    width: 122px;  /* 142 par defaut  */
    height: 30px;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 30px;
}
#menu_deroulant .sous_menu{
    font-size: 0.9em;
    font-weight: bold;
    text-shadow:0 1px 0 #000000 ;  /* courleur 2 de la sélection :  rgba(52,52,52,0.75);*/
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    margin-left: -16px;
    z-index: 1000;
}
#menu_deroulant .sous_menu li{
    width: 144px;
    height: 25px;
    line-height: 25px;
    float: none;
    margin: 0;
    padding: 0;
    border: none;
    text-transform: none;
    opacity: 0.9;
}
#menu_deroulant li a, #menu_deroulant li a:visited, .cursor_default{
    display: block;
    color: #FFFFFF;   /* Couleur du texte dans les menus : #282727;  */  
    background: transparent url("index_files/menu_li_bg.png") center right no-repeat; /* Fleche vers la droite 1 */
    padding: 0;
    height: 30px;
    border: none;
    text-decoration: none;
}
#menu_deroulant li a:hover, .cursor_default:hover{ 
    background: transparent url("index_files/menu_li_bg_hover.png") center right no-repeat; /* Fleche vers la droite 2 */
}
.cursor_default{
    cursor:  default;
}


#menu_deroulant .sous_menu li a, #menu_deroulant .sous_menu li a:visited{
    height: 25px;
    display: block;
    color: #FFF;
    margin: 0;
    border: none;
    text-decoration: none #FFFFFF;   
    background: none #737373;   /* Veleur en desous des sélections :  #999999; */
}
#menu_deroulant .sous_menu li:hover{
    opacity: 1.0;
}
#menu_deroulant .sous_menu li a:hover{
    background:  none #F2462E;       /* Couleur de la selection : #F2462E;  */
}
#menu_deroulant li:hover .sous_menu {
    display: block;
}



/* Contenu */
/*Side*/
#side{
    position: absolute;
    right: 0;
    width: 310px;
    margin: 40px 0 10px;
    text-align: center; /* centre aussi dewplayer */
}
#contenu #side h3{
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;

}
#chiffres_sdis78{
    margin-bottom: 25px;
}
#chiffres_sdis78 img{
    box-shadow: 1px 1px 5px #555;
    -moz-box-shadow: 1px 1px 5px #555;
    -webkit-box-shadow: 1px 1px 5px #555;
}
#attention{
    margin: 0 auto;
    width: 270px;
    padding: 10px 0;
    margin-bottom: 20px;
    box-shadow: 1px 1px 5px #555;
    -moz-box-shadow: 1px 1px 5px #555;
    -webkit-box-shadow: 1px 1px 5px #555;
    background-color: #FABD05;
}
#contenu #attention img{
    position: absolute;
    left: -8px;
    top: 1020px;
}
#contenu #attention h3{
    margin-bottom: 5px;
    color: black;
}
#contenu #attention p{
    margin-top: 0;
    margin-bottom: 0;
}
#contenu #cd p{
    padding: 0;
    margin: 0 auto 10px;
    text-align: center;
    font: 13px arial, sans-serif;
    width: 250px;
}
#contenu #cd p a{
    color: #696969;
    border-bottom: dashed thin #696969;
}
#contenu #cd p a:hover{
    border-bottom: solid thin #696969;
}
#contenu #video{
    width: 270px;
    margin: 30px auto 20px;
}
#contenu #video iframe{
    box-shadow: 1px 1px 5px #555;
    -moz-box-shadow: 1px 1px 5px #555;
    -webkit-box-shadow: 1px 1px 5px #555;
    z-index: 1;
}
#contenu #video p{
    font: 12px verdana, arial, sans-serif;
    margin: 5px auto 0;
}
.affiche{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 5px #555;
    -moz-box-shadow: 1px 1px 5px #555;
    -webkit-box-shadow: 1px 1px 5px #555;
}
.affiche:hover{
    box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
}
#jaquette_accueil{
    margin: 0 0 20px;
    box-shadow: 1px 1px 5px #555;
    -moz-box-shadow: 1px 1px 5px #555;
    -webkit-box-shadow: 1px 1px 5px #555;
}
#jaquette_accueil:hover{
    box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
}
#side p{
    margin: 20px;
}

/*Recrut*/
#recrut{
    margin: 30px auto;
}
#contenu #recrut h3{
    text-align: center;
    margin-bottom: 10px;
}
#recrut p{
    padding: 0;
    margin: 0 auto 10px;
    text-align: center;
    font: 13px arial, sans-serif;
    width: 250px;
}
#recrut p a{
    color: #696969;
    border-bottom: dashed thin #696969;
}
#recrut p a:hover{
    border-bottom: solid thin #696969;
}
#recrut_buttons{
    margin: 0 auto 10px;
}
#recrut_buttons a{
    display: block;
    margin: 0 auto 4px;
    width: 171px;
    height: 45px;
}
#recrut_buttons span{
    visibility: hidden;
}
#morc_recrut{
    background: url("index_files/morc_recrut.png") top center no-repeat;
}
#cond_recrut{
    background: url("index_files/cond_recrut.png") top center no-repeat;
}



#contenu{
    position: relative;
    clear : both;
    height: auto;
    width: 1000px;
    margin : 0 auto 0;
    background: white;  /* white */
    padding: 0;
    border-left:  #454545 1px solid;
    border-right: #454545 1px solid;
    text-align: justify;
    font-family: Verdana,Arial,sans-serif;
    font-size: small;
		
	background-image: white;       /*  url(index_files/image_cd.jpg); */
}
#contenu h1{
    text-align: center;
    font-family: serif;
    text-shadow:0 1px 0 rgba(255,255,255,0.75);
    font-size: 46px;
    line-height: 65px;
    font-weight: normal;
    font-style: italic;
    /*width: 550px;*/
    height: 65px;
    position: relative;
    margin : 0 auto 50px;
    /*font-variant: small-caps;*/
    color: #454545;
    background-color:  #E1E1E1;
    background: url("index_files/bg_page_title.png") top center transparent no-repeat;
    z-index: 1;
}
#contenu h3{
    margin-bottom: 30px;
    font: large Sylfaen,"Trajan Pro", Palatino, "Times New Roman", serif;
    font-style: italic ;
    color: #F2462E   /* Actualité    */
}


#dewslider{
    margin : 20px 0 0 30px;
}

#contenu #news{
    width: 650px;
    margin: 30px 0 0 30px;
    font-size: 24px;
    text-indent: 20px;
    background: top left url("index_files/sdis78_icon.png") no-repeat transparent;
}

.article{
    width: 650px;
    margin: 0 0 50px 30px;
    border-top: thin #4e4eff solid;  /* ancienn valeur:  CFCFCF   */
    position: relative;
    clear: both;
}
.article img{
    box-shadow: 1px 1px 12px #555;
    -moz-box-shadow: 1px 1px 12px #555;
    -webkit-box-shadow: 1px 1px 12px #555;
    border: 5px solid #fff;
}
.article img.gauche{
    margin: 0 20px 10px 0;
    float: left;
}
.article img.droite{
    margin: 0 0 10px 20px;
    float: right;
}
.article p{
    width: inherit;
    margin-bottom : 20px;
}

.article a{
    color: #4e4eff;     /* ancienn valeur:  696969   */
    border-bottom: dashed thin #696969;  
}
.article a:hover{
    border-bottom: solid thin #696969;
}
.date{
    color: #696969;
    font-style: italic;
    clear: both;
}


    
/* Pied */
#pied{
    width: 98%;
    clear: both;
    font:  13px verdana, arial, hevetica, sans-serif;
    color: black;
    text-align: left;
    margin: 0 auto;
    border-top: #9EA0A1 thin solid;
    position: relative;
    height: 120px;
}
#pied p{
    margin: 10px 0 0 0;
}
#pied a{
    text-decoration: underline;
}
#pied a:hover{
    color: #696969;
}
#pied img{
    vertical-align: middle;
}
#pied #contact{
    float: left;
}
#organisateur_prive{
    float: right;
    font-size: 14px;
}