/* CSS Document */
*{
margin:0 0;
padding:0 0;
}

#centre img,  {
margin: 10px 10px 10px 10px;
}

#centre_contact {
width: 700px;
margin-left: 300px;
margin-right: 300px;
align: justify;
}

body {
background-image: url(index/fond.jpg);
}

header, nav, page, article, section, footer, aside, p { 
display: block; 
}
 
#page {
width: 1024px;
margin: 0 auto;
}

#page2 {
width: 1024px;
margin: 0 auto;
border:thin;
}

#header{
background-image: url('www/images/fond_page.jpg');
}

#nav  {
  float:left; 
  width:150px;
  margin-right: 17px;
}

#article {
  background-image: url('www/images/fond_page.jpg');
}

#article_liens {
  background-image: url('www/images/fond_page_liens.jpg');
}

#aside  {
  float:right; 
  width:150px;
  margin-left: 17px;
}

#centre {
width: 700px;
margin: 0 auto;
}

#footer {
width:1024px;
background-image:url('www/index/images/fonbannierebas.jpg');
}

p.main_50left {
text-align:left;
margin-left:50px;
font-family:arial, sans-serif;
font-size:14px;
color:black;
font-weight:normal;
}

#contact input[type="submit"] {
padding : 8px 15px;
font-family: Arial, Helvetica;
font-weight: bold;
line-weight: 1;
color: #444;
border: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
background-image: -webkit-gradient(linear, 0% 0%,0% 100%,from(#fff), to(#bbb));
background-image: -moz-linear-gradient(0% 100%, 90deg, #bbb #fff);
backgroung-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0,0.5);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0,0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0,0.5);
}

/* ------------------------------------- ceci définit les galeries d'images ----------------*/

ul.galerie li{
float: left;
margin: 0 5px;
padding: 5px;
border: 0px s;
list-style: none;
}

ul.galerie li a img {
float: left;
width: 300px;
}

ul.galerie li a:hover img {
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
-transform-origin: center center;
-webkit-transform: scale(2) rotate(-3deg);
-moz-transform: scale(2) rotate(-3deg);
-o-transform: scale(2) rotate(-3deg);
transform: scale(2) rotate(-3deg);
-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,05);
-moz-box-shadow: 4px 4px 10px rgba(0,0,0,05);
box-shadow: 4px 4px 10px rgba(0,0,0,05);
}


/* -------------------------------------ceci définit le CSS du menu horizontal ----------------*/
		#principal  { 
        list-style: none;
		text-decoration: none;
        border: 1px solid black;
        width: 684px;
        height:20px;
		margin-left:170px;
        background: #4487F6;
        -moz-box-shadow: 5px 5px 5px grey;
        -webkit-box-shadow: 5px 5px 5px grey;
        -khtml-box-shadow: 5px 5px 5px grey; 
       }
       #principal li  {
        list-style-type: none;
		float: left ;
		margin-top:0px;
		margin-left:0px;
		padding: 2px 5px;
		width:150px;
		 -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
      }
      #principal li a:link, #principal li a:visited   {
       display: block;
	   background: #0E60E6;
       margin: 0;
       padding: 0px 0px;
       text-decoration: none;
       color: white;
       height: 1%;
	   border-style: 0px solid black;
	    -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
	   }
      #principal li a:hover   { 
        background-color: #4283EF; 
	  }
      #principal .secondaire  {
       	display: none;
	    list-style-type: none;
		margin-top: 10px;
        margin: 2;
        padding: 2;
        border: 0px;
      }
      #principal .secondaire li  {
        float: none;
        border: 0px ;
      }
      #principal .secondaire li a:link, #principal .secondaire li a:visited   {
        display: block;
        text-decoration: none;
	  }
      #principal .secondaire li a:hover   {
        background-color: #0651CB;
      }
      #principal li:hover > .secondaire   { 
        display: block;     
      }
/* --------------------------------fin du CSS menu horizontal */

html,body,div	{
	font-size : 14px;
	font-family : "Arial", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Futura", "Helvetica", "sans-serif";
	color:black;
	font-weight:normal;
    }

h1 {font-family:arial, sans-serif;font-size:20px;color:black;font-weight:bold;}                   /* Texte NOIR  taille 20 GRAS */
h2 {font-family:arial, sans-serif;font-size:18px;color:black;font-weight:bold;}                   /* Texte NOIR  taille 18 GRAS */
h3 {font-family:arial, sans-serif;font-size:16px;color:black;font-weight:bold;}                   /* Texte NOIR  taille 16 GRAS */
h4 {font-family:arial, sans-serif;font-size:14px;color:black;font-weight:bold;}                   /* Texte NOIR  taille 14 GRAS */
h5 {font-family:arial, sans-serif;font-size:14px;color:black;font-style:italic;font-weight:bold;} /* Texte NOIR  taille 14 GRAS-ITALIQUE */
h6 {font-family:arial, sans-serif;font-size:14px;color:black;font-weight:normal;}                 /* Texte NOIR taille 14 NORMAL */
h13 {font-family:arial, sans-serif;font-size:16px;color:black;font-weight:bold;}                 /* Texte NOIR taille 16 GRAS */
h7 {font-family:arial, sans-serif;font-size:18px;color:blue;font-weight:bold;}                    /* Texte BLEU taille 14 GRAS */
h8 {font-family:arial, sans-serif;font-size:14px;color:blue;font-style:italic;font-weight:bold;} /* Texte BLEU  taille 14 GRAS-ITALIQUE */
h9 {font-family:arial, sans-serif;font-size:16px;color:blue;font-style:italic;font-weight:bold;} /* Texte BLEU  taille 16 GRAS-ITALIQUE */
h12 {font-family:arial, sans-serif;font-size:16px;color:blue;font-weight:normal;}                /* Texte BLEU  taille 16 NORMAL */
h10 {font-family:arial, sans-serif;font-size:18px;color:blue;font-style:italic;font-weight:bold;} /* Texte BLEU  taille 18 GRAS-ITALIQUE */
h11 {font-family:arial, sans-serif;font-size:25px;color:blue;font-style:italic;font-weight:bold;} /* Texte BLEU  taille 25 GRAS-ITALIQUE */

.Tbleu10N {
font-family:arial, sans-serif;       /* Texte BLEU  taille 10 NORMAL */
font-size:10px;
color:blue;
font-weight:normal;
}

.Tbleu10G {
font-family:arial, sans-serif;       /* Texte BLEU  taille 10 GRAS */
font-size:10px;
color:blue;
font-weight:bold;
}

.Tbleu12N {                                        
font-family:arial, sans-serif;      /* Texte BLEU taille 12  NORMAL */
font-size:12px;
color:blue;
font-weight:normal;
}

.Tbleu12G {
font-family:arial, sans-serif;      /* Texte BLEU  taille 12 GRAS */
font-size:12px;
color:blue;
font-weight:bold;
}

.Tbleu14N {                                        
font-family:arial, sans-serif;      /* Texte BLEU taille 14 NORMAL */
font-size:14px;
color:blue;
font-weight:normal;
}

.Tbleu14G {                                        
font-family:arial, sans-serif;      /* Texte BLEU taille 14  GRAS */
font-size:14px;
color:blue;
font-weight:bold;
}

.Tbleu16G {                                        
font-family:arial, sans-serif;      /* Titre BLEU taille 16  GRAS */
font-size:16px;
color:blue;
font-weight:bold;
}

.Tbleu18G {                                        
font-family:arial, sans-serif;      /* Titre BLEU taille 18  GRAS */
font-size:18px;
color:blue;
font-weight:bold;
}

.Tbleu24G {                                        
font-family:arial, sans-serif;      /* Titre BLEU taille 24  GRAS */
font-size:24px;
color:blue;
font-weight:bold;
}

.Tbleu40G {                                        
font-family:arial, sans-serif;      /* Titre BLEU taille 40  GRAS */
font-size:40px;
color:blue;
font-weight:bold;
}


.Tblack6N {
font-family:arial, sans-serif;       /* Texte NOIR  taille 6 NORMAL */
font-size:6px;
color:black;
font-weight:normal;
}

.Tblack10N {
font-family:arial, sans-serif;       /* Texte NOIR  taille 10 NORMAL */
font-size:10px;
color:black;
font-weight:normal;
}

.Tblack10G {
font-family:arial, sans-serif;       /* Texte NOIR  taille 10 GRAS */
font-size:10px;
color:black;
font-weight:bold;
}

.Tblack12N {
font-family:arial, sans-serif;      /* Texte NOIR  taille 12 NORMAL */
font-size:12px;
color:black;
font-weight:normal;
}

.Tblack12G {
font-family:arial, sans-serif;      /* Texte NOIR  taille 12 GRAS */
font-size:12px;
color:black;
font-weight:bold;
}

.Tblack14N {
font-family:arial, sans-serif;       /* Texte NOIR  taille 14 NORMAL */
font-size:14px;
color:black;
font-weight:normal;
}

.Tblack14G {
font-family:arial, sans-serif;       /* Texte NOIR  taille 14 GRAS */
font-size:14px;
color:black;
font-weight:bold;
}

.Tblack14Gi {
font-family:arial, sans-serif;       /* Texte NOIR  taille 14 GRAS Italique */
font-size:14px;
color:black;
font-style:italic;
font-weight:bold;
}

.Tblack16G {
font-family:arial, sans-serif;       /* Titre NOIR  taille 16 GRAS*/
font-size:16px;
color:black;
font-weight:bold;
}

.Tblack20G {
font-family:arial, sans-serif;       /* Titre NOIR  taille 20 GRAS*/
font-size:20px;
color:black;
font-weight:bold;
}

.Tgreen10N {
font-family:arial, sans-serif;       /* Texte VERT  taille 10 NORMAL */
font-size:10px;
color:#008000;
font-weight:normal;
}

.Tgreen10G {
font-family:arial, sans-serif;       /* Texte VERT  taille 10 GRAS */
font-size:10px;
color:#008000;
font-weight:bold;
}

.Tgreen12N {
font-family:arial, sans-serif;      /* Texte VERT  taille 12 NORMAL */
font-size:12px;
color:#008000;
font-weight:normal;
}

.Tgreen12G {
font-family:arial, sans-serif;      /* Texte VERT  taille 12 GRAS */
font-size:12px;
color:#008000;
font-weight:bold;
}

.Tgreen14N {
font-family:arial, sans-serif;       /* Texte VERT  taille 14 NORMAL */
font-size:14px;
color:#008000;
font-weight:normal;
}

.Tgreen14G {
font-family:arial, sans-serif;       /* Texte VERT  taille 14 GRAS */
font-size:14px;
color:#008000;
font-weight:bold;
}

.Tgreen16G {
font-family:arial, sans-serif;       /* Titre VERT  taille 16 GRAS*/
font-size:16px;
color:#008000;
font-weight:bold;
}

.Tgreen18G {
font-family:arial, sans-serif;       /* Titre VERT  taille 18 GRAS*/
font-size:18px;
color:#008000;
font-weight:bold;
}

.Tgreen20G {
font-family:arial, sans-serif;        /* Titre VERT  taille 20 GRAS */
font-size:20px;
color:#008000;
font-weight:bold;
}

.Tblanc10N {
font-family:arial, sans-serif;       /* Titre BLANC  taille 10 NORMAL  */
font-size:10px;
color:#FFFFFF;
font-weight:normal;
}

.Tblanc12G {
font-family:arial, sans-serif;       /* Titre BLANC  taille 12 GRAS  */
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

.Tblanc14G {
font-family:arial, sans-serif;       /* Titre BLANC  taille 14 GRAS  */
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

.Tblanc14N {
font-family:arial, sans-serif;       /* Titre BLANC  taille 14 NORMAL  */
font-size:14px;
color:#FFFFFF;
font-weight:normal;
}

.Tblanc16G {
font-family:arial, sans-serif;       /* Titre BLANC  taille 16 GRAS  */
font-size:16px;
color:#FFFFFF;
font-weight:bold;
}

.Tblanc18G {
font-family:arial, sans-serif;       /* Titre BLANC  taille 18 GRAS  */
font-size:18px;
color:#FFFFFF;
font-weight:bold;
}

.Tblanc24G {
font-family:arial, sans-serif;       /* Titre BLANC  taille 24 GRAS  */
font-size:24px;
color:#FFFFFF;
font-weight:bold;
}

.Tred14G {
font-family:arial, sans-serif;      /* Texte ROUGE taille 14  GRAS  */
font-size:14px;
color:#F60824;
font-weight:bold;
}

.Tred18G {
font-family:arial, sans-serif;      /* Texte ROUGE taille 18 GRAS   */
font-size:14px; 
color:#F60824;
font-weight:bold;
}

.TSEX_RED24G {
font-family:arial, sans-serif;      /* Texte ROUGE taille 24 GRAS   */
font-size:24px; 
color:#7F0018;
font-weight:bold;
}

/*----------------------------------------------------------------------*/

a {
color:blue;
text-decoration:underline;
}

a:hover {
color:red;
text-decoration:underline;
}

/*-----------------------------------------------------------*/

/*  code html : <p class="top"><span class=Tblack12G> <a href="#top">Haut de page</a></span></p>   */

.top {
text-align:right;
margin-right:40px;
}

/*------------------------------------------------------------*/

li {
font-family:arial, sans-serif;
font-size:12px;
color:black;
text-align:left;
margin-left:50px;
}