/******** CSS du Site /a-b-portail-v-1/ Version 16-08-2007 ********/
/*
Ce script a été créé gratuitement pour vous (licence GPL) !
Merci de laisser les lignes suivantes pour faire connaitre le script...
*/
/*
Site conçu et développé par Patrick HAMY - Version 16-08-2007 Réf : /a-b-portail-v-1/
Proposé au téléchargement en état (Valide CSS et XHTML - W3C) (http://www.w3.org/)
Licence GPL (http://www.gnu.org/licenses/licenses.fr.html)
Site de l'auteur : http://www.patrickhamy.net
*/
/* Pour info : les (#) = les balises <div> et les (.) les class */
body
{
   padding: 3px; /* On ajoute un padding pour que les cadres ne collent pas sur les bords */
   width: auto;
   margin: auto;
   margin-bottom: 5px;   
   
   background: #76B3D7;
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.9em;
   color: #000000;
}
h5 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
   background-color: none;
   text-decoration: none;
   font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
   text-align: center; /* Pour centrer le titre */
   color: black;
}
h4 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
   background-color: none;
   text-decoration: none;
   font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
   text-align: center; /* Pour centrer le titre */
   color: black;
}
h3 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
   text-align: center; /* Pour centrer le titre */
   font-family: Arial, "Times New Roman","Arial Black", Verdana, serif; /* Un titre en Arial Black c'est mieux */
}

/********Pour coller 4 images aux 4 coins de la page *********/

#hg, #hd, #bg, #bd {
 background-repeat:no-repeat;
 background-image:url(houx2.gif);
 }
#hg {
 background-position:top left;
 }
#hd {
 background-position:top right;
 }
#bg {
 background-position:bottom left;
 }
#bd {
 background-position:bottom right;
 }
#contenu {
 margin-left:100px;
 margin-right:100px;
 }
#contenu p {
 text-align:justify;
 }



#en_tete /*Emplacement de l'image de fond sous la bannière nommée fond-header */
{
   width: auto;
   height: 200px;
   background: #76B3D7;
   color: #000000;
   margin-bottom: 10px;
   border: 0px solid red;
   text-align : center;
}
.image /* Pour centrer une image (ou d'autres choses d'ailleurs) */
{
 text-align : center;
}
#menu-d /* Ici il s'agit du menu placé à droite */
{
   float: right; /* Le menu flottera à droite */
   width: 130px; /* Très important c'est la taille du menu */
   text-decoration:none;
   background-color: #FFFFFF;
   color: #000000;
    border: solid ;
    
}
#menu-g  /* Ici il s'agit du menu placé à gauche */
{
   float: left; /* Le menu flottera à gauche */
   width: 130px; /* Très important c'est la taille du menu */
   text-decoration:none;
   background-color: #FFFFFF;
   color: #000000;
    border: solid ;
    
}
a  /* Ici il s'agit des liens */
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #000000; /* Les liens seront en noir */
   background-color: #ffffff;
   
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration:none; /* Le lien ne sera pas souligné quand on pointera dessus */
   color: red; /* Ici c'est la couleur du lien quand on pointera dessus */
   background-color: none;
}
.element_menu_g /* Configuration globale du menu situé à gauche */
{
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.8em;
   background-color: #FFFFFF;
   border: 0px solid red;
   padding-left: 0px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   color: #000000;
   text-align : center;
   
}
.element_menu_d  /* Configuration globale du menu situé à droite */
{
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.8em;
   background-color: #FFFFFF;
   border: 0px solid red;
   padding-left: 0px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   color: #000000;
   text-align : center;
}
.element_menu a:hover  /* Effets sur les liens */
{
    
   background-color: #ffffff;
   color: none;
}
#champ_recherche
{
	margin-bottom:3px;
	width:90%;
	text-align:center;
}
a.link_mail /* Non utilisé actuellement mais à garder */
{
  font-size: 9pt;
  color: green;
  background-color : white;
  text-decoration: underline;
  font-weight: bold ;
  font-family: "Trebuchet MS", serif;
}
a.link_hamy {
  font-size: 0.9em;
  color: gray;
  
  background-color : none;
  text-decoration: none;
  font-weight: normal;
  font-family: "Trebuchet MS", serif;
}
.remonter /* Ici il est question du lien ( Merci, cliquez ici pour remonter en haut de la page ! ) */
{
   
   color: #3EA1D0;
   background-color : none;
   text-decoration: none;
   font-weight: bold ;
   text-align: center; 
   font-family: "Trebuchet MS", "Times New Roman", Georgia, serif;
   font-size: 0.8em;
}
#urgence /* Ici il est question du bloc ( NUMEROS D'URGENCE ) */
{
   color: #3EA1D0;
   background-color : white;
   text-decoration: none;
   font-weight: bold ;
   text-align: center; 
   font-family: "Trebuchet MS", "Times New Roman", Georgia, serif;
   font-size: 0.8em;
}
#corps /* Le corps de la page */
{
   margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe pas sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   text-align: left;
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin: auto;
   width: 703px;
   color: #000000;
   background-color: 76B3D7; /* Une couleur de fond pour le corps */
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.9em;
   border: 2px solid red; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
.corps-g /* Alignement du texte à gauche */
{
   color: #000000;
   background-color: #FFFFFF;
   text-align: left;
   font-family: "Trebuchet MS", "Times New Roman", Arial, "Arial Black", Times, serif;
   font-size: 0.9em;
}

blockquote /* Non utilisé actuellement mais à garder */
{
   text-align: justify; /* La citation sera justifiée */
   font-size: 1em;
}
.signature /* Pour aligner à droite */
{
   text-align: right; 
   font-family: "Trebuchet MS", "Times New Roman", serif;
   font-size: 100%;
}
blockquote
{
   text-align: justify; /* La citation sera justifiée */
}
#pied_de_page /* Ici il s'agit du bloc pied de page */
{
   padding: 5px;
   text-align: center;
   margin: auto;
   width: 703px;
   color: #000000;
   background-color: #FFFFFF;
   background-image: url("../im-site/footer-2.png"); /* Image du pied de page (footer-2.png) */
   background-repeat: repeat-x;
   font-size: 0.7em;
   font-weight: normal;
   font-family: "Trebuchet MS","Times New Roman", Times, serif;
   border: 2px solid red;
}
a img /* Afin que les images ne soient pas encadrées en violet */
{
Border:none;
}
#table-g a:hover
{
    background : #76B3D7;
	color: #FFFFFF;
}
#table-d a:hover
{
    background : #76B3D7;
	color: #FFFFFF;
}

.souligne { text-decoration: underline; }

.barre { text-decoration: line-through; }

.italique { font-style: italic; }

.gras { font-weight:bold; }


/***** CSS Patrick Hamy - Web agency - Menus Horizontal *****/

div#menu4
.menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:35px;}
.menu4 li {float:left ;}
.menu4 li a {display:block; float:left; height:25px; line-height:25px; color:#000000; text-decoration:underline; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.menu4 li a b {float:left; display:block; padding:0 15px 0 10px;}
.menu4 li.current a {color:#fff; background:url(pro_four2.gif);}
.menu4 li.current a b {background:url(pro_four2.gif)no-repeat right top;}
.menu4 li a:hover {color:#fff; background: url(pro_four1.gif);}
.menu4 li a:hover b {background:url(pro_four1.gif) no-repeat right top;}
.menu4 li.current a:hover {color:#fff; background: url(pro_four2.gif); cursor:default;}
.menu4 li.current a:hover b {background:url(pro_four2.gif)no-repeat right top;}



div#menu4 a img {
border : none;
padding :  0 0.3em;
}

/***** CSS Patrick Hamy - Web agency - Menus en onglets *****/

#menu
{
        border-bottom : 1px solid #9EA0A1;
        padding-bottom : 25px;
}

#onglets
{
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : bold 11px Batang, arial, serif;
        list-style-type : none;
        left : 50%;
        margin-top : 0;
        width: auto;
		margin-left : -496px; /* la moitié de width */
}

#onglets li
{
    float : left;
    height : 21px;
	color: #000000;
    background-color: url(pro_four0.gif);
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    
    border : 1px solid #9EA0A1;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color:url(pro_four0.gif) ;
	color: #aaa;
}

#onglets a
{
    display : block;
	background-color: #F4F9FD;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    background : #76B3D7;
	color: #FFFFFF;
}

/* CSS du Tableau au centre de la page index, trouvé sur le net, (impéccable) que je réutilise en partie ici */

#table

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   background : white;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */

   
}

td /* Les cellules normales */
{
  
   font-family: "Trebuchet MS", Verdana, Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */

}


th /* Les cellules d'en-tête */
{
   background-color: #76B3D7;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: center;
}

.image /* Pour centrer une image (ou d'autres choses d'ailleurs) */
{
 text-align : center;
}

/****coins arrondis****/

.coins {
border:3px double black ;
background-color:#E4EFFF;
height:40px ;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

p, h3 {
padding:5px 10px;
margin:0;
}

p, h4 {
padding:5px 10px;
margin:0;
}

p, h5 {

font-size:12px  ;
padding:5px 10px;
margin:0;
}

/*****Bloc coins arrondis avec 4 div embrique****/

#gauche {
background:#E4EFFF url(images/fond-arrondi.png) no-repeat bottom left;
margin:auto;
max-width:2007px;
}

#droite {
background:#E4EFFF url(images/fond-arrondi.png) no-repeat bottom right;
margin-left:7px;
padding-bottom:20px;
}


#haut {
background:#E4EFFF url(images/fond-arrondi.png) no-repeat top right;
margin-left:-7px;
padding:0;
}
#haut div {
background:#E4EFFF url(images/fond-arrondi.png) no-repeat top left;
height:7px;
width:7px;
}

p, h2 {
padding:5px 10px;
margin:0;
}