/*======================= Caractéristiques du corps de la page ==========================*/

body {
font-family: Calibri,"Century Schoolbook",Trebuchet MS, Georgia, Arial, sans-serif;
color:#000000;
font-size: 11pt;
background: url(images/bg_body.gif);
}

h1,h2,h3,h4,h5,h6 {
color:#2F4F4F;
border-bottom: dotted 1px #B22222;
text-align:left;
}

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

u {
color: #AF0A0A;
}


img{
border: none;
}


/*======================= Entête ===========================*/

#header {
height: 132px;
background: url(images/banniere.png) top left no-repeat;
border-top: #ffffff solid 1px;
border-left: #ffffff solid 1px;
border-right: #ffffff solid 1px;
}

#header h1{
display: none;
}

#header p {
display: none;
}

#header a:hover {
color: #F5DEB3;
background-color:#AF0A0A;
}

/*===================== Menu haut =======================*/

#clock {
float: left;
margin: 5px 0 0 10px;
font-weight:bold;
color:#2F4F4F;
}



#menuhaut {
margin: 0;
padding: 0.2em 0em 0.2em 38em;
list-style-type: none;
background: #F5DEB3 url(images/a3.gif) top left repeat-x;
border-top: solid 2px #B22222;
border-bottom: solid 2px #B22222;
}


#menuhaut li {
display: inline;
}


#menuhaut a:hover {
color: white;
background: #B22222;
}

/*================= paramètres page centrale : menu gauche + contenu droit ==============*/

#page{ 			
width: 1024px;
margin: auto;
padding: 0;
background: url(images/fond.png) repeat-y;
}


/*=============================== Menu gauche ================================*/

#menu {
margin: 0;
padding: 0.2em 0.7em 0.8em 0.8em;
float: left; 
width: 249px;
text-align: center;
}

#menu img {
border:0;
margin: 10px 0 0 6px;
}

#menu a:hover {
color: #AF0A0A;
text-decoration: underline;
}

 /*=============================== Menu naviguation gauche ============================*/

#menugauche {
list-style-type: none;
margin: 0;
padding: 0;
width: 250px;
height: 245px;
}

#menugauche a {
display: block;
color: white;
text-decoration: none;
height: 80px;
width: 107px;
}

#menugauche li {
float: left;
padding: 5px;
}

#menugauche #caserne {
background: url(images/menu_caserne_1.png);
}


#menugauche #caserne:hover {
background: url(images/menu_caserne_2.png);
}

#menugauche #vehicules {
background: url(images/menu_vehicules_1.png);
}


#menugauche #vehicules:hover {
background: url(images/menu_vehicules_2.png);
}

#menugauche #clique {
background: url(images/menu_clique_1.png);
}

#menugauche #clique:hover {
background: url(images/menu_clique_2.png);
}

#menugauche #jsp {
background: url(images/menu_jsp_1.png);
}


#menugauche #jsp:hover {
background: url(images/menu_jsp_2.png);
}

#menugauche #recrutement {
background: url(images/menu_recrutement_1.png);
}


#menugauche #recrutement:hover {
background: url(images/menu_recrutement_2.png);
}

#menugauche #liens {
background: url(images/menu_liens_1.png);

}

#menugauche #liens:hover {
background: url(images/menu_liens_2.png);
}

#menugauche #photos {
background: url(images/menu_photos_1.png);
}

#menugauche #photos:hover{
background: url(images/menu_photos_2.jpg);
}

#menugauche #historique{
background: url(images/menu_historique_1.png);
}

#menugauche #historique:hover{
background: url(images/menu_historique_2.jpg);
}

/*======================= News - page accueil ========================*/

#bienvenue {
margin: 13px;
background: url(images/bienvenue.gif);
width:700px;
height: 100px;
}

#F1 {
float: left;
margin: 2em;
}

#F2 {
float:right;
margin: 2em;
}

#post-it{
width: 250px;
margin: auto;
padding-top: 30px;
background: #FAFAD2 url(images/posthaut.png) left top no-repeat;
}

#post-it h3 {
font-size: 100%;
margin: 0 0 0 40px;
border: none;
padding: 1px 0 1px 0;
}

#bloc {
background: #FAFAD2 url(images/postbas.png) left bottom no-repeat;
padding:0 0 25px 40px;
}

#bloc ul {
margin: 0em 40px 0 0;
padding:0;
}
#bloc li {
margin: 0;
list-style-image: url(images/postpuce.gif);
}
#bloc li a {
color: black;
text-decoration: underline;
}
#bloc li a:hover {
text-decoration: none;
}

#bloc {

background: #FAFAD2 url(images/postbas.png) left bottom no-repeat;
padding-left: 3em;
padding-bottom: 2em;
line-height: 1.8em;
}

#contenu_accueil {
width: 745px;
height: 100%;
float: right;
text-align: justify;
border-left:2px solid #B22222;
}


#contenu_accueil a:hover {
color: #AF0A0A;
text-decoration: underline;
}

#contenu_accueil blockquote {
border-left: solid 0.5em #B22222;
padding: 0em 0em 0em 1em;
line-height: 1.8em;
margin: 2em;
}

#contenu_accueil h2 {
padding-bottom: 0.2em;
margin: 1.2em 0 0 1em;
border-bottom: dotted 1px #708090;
color: #AF0A0A;
}

#contenu_accueil h3 {
padding-bottom: 0em;
margin: 1.2em 0 0 1em;
}


/*=========================== Classes ============================*/

.premier_p:first-letter{ 
font-size:3em;
}

.commentaire {  /* Commentaires sous les photos du texte de présentation */
font-size: 10pt;
}

.suite {   /* Lien page suivante pages présentation */
float:right;
margin-bottom: 1em;
margin-right: 1em;
}

.precedent {   /* Lien page précédente  pages présenation */
float:left;
margin-bottom: 1em;
margin-left: 1em;
}

.image_presentations{   /* Positionnement des images dans la présentation de la caserne */
text-align: center;
}

.indice_page{   /* Indices des pages  véhicules*/
margin-top: 2em;
text-align: center;
}

.jsp{
float: right;
}

.menu_vehicules{
float: right;
margin-bottom: 2em;
}

.index_vehicules{
float: right;
margin-right: 1em;
}


.pub{
font: 100%/1.2 Arial, Helvetica, sans-serif;
font-size: 80%;
padding:0em;
margin:0em;
letter-spacing : 0.2pt;
}

.pub_description{
font: 100%/1.2 Arial, Helvetica, sans-serif;
margin:0em;
padding:0em;
font-size:78%;
color:#6D7C8D;

}
.pub_url  {
margin:0em;
margin-bottom: 3em;
padding:0em;
font: 100%/1.2 Arial, Helvetica, sans-serif;
font-size:70%;
}

.pub_url a  {
color:#4C4C4C;
}


/*===================== Contenu droit autres pages =======================*/


#contenu {
text-align: justify;
}

#contenu img{
padding: 1em;
margin-top: 1em;
}


#contenu a:hover {
color: #AF0A0A;
text-decoration: underline;
}

#contenu blockquote {
border-left: solid 0.5em #B22222;
padding: 0em 0em 0em 1em;
line-height: 1.8em;
margin: 2em;
}

#contenu h2 {
padding-bottom: 0.2em;
margin: 1.2em 0 0 1em;
border-bottom: dotted 1px #708090;
color: #AF0A0A;
}

#contenu h3, h4 {
padding-bottom: 0.2em;
margin: 1.2em 0 0 1em;
}

#footer  {
clear: both;
height: 28px;
width: 1008px;
margin: auto;
padding: 0em;
background: url(images/footer.png);
}

#footer p{
padding: 0.2em;
}

#footer a:hover {
text-decoration: underline;
}

#footer_2 {
width: 1024px;
font-size: 14px;
margin-left: auto;
margin-right:auto;
margin-top: 10px;
padding: 5px;
border-top: dashed 1px #708090;
text-align:center;
}

/*============================ Script PHP Chefs de Groupe ======================== */

 th {

-moz-border-radius: 6px;
		
}

 td {

-moz-border-radius: 6px;
border:none;		
}

#garde {
	
position : relative;
left : 500px;
top :50px;

}


/* #left {
	
position : relative;
left : -240px;
top :   0px;

}



#right {

position : relative;
left : 230px;
top :0px;

} */




#tableau_garde {

position: relative;
left: 300px;
top: 100px;
border-style: outset;
	
}

   /* ------- Classes pour page cdg.php  --------- */
 

.sdis68_cdg {
position: relative;
left: -140px;
top: -30px;	
    }
    
.orbey_cdg {
position: relative;
left: -70px;
top: -80px;	
    }
    
.lapoutroie_cdg {
position: relative;
left: 0px;
top: -80px;	
    }
.kb_cdg {
position: relative;
left: 70px;
top: -80px;	
  }