/* http://dreamweaver.media-box.net/index.php?showtopic=12050    Redirection en fonction resolution CSS*/

/* Les 3 couleurs :


*/

body { 
	background-color: #EEFFBB;
	width: 960px;    /* 760 */
	margin: auto; /* Pour centrer notre page */
	margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 10px;    /* Idem pour le bas du navigateur */ }

#page{  
	background-color: #fff; }

#en_tete {  /* La photo du haut */
   width: 960px;   /* 760 */
   height: 92px;
   background: url("../images/header/corse.jpg") center;
   background-repeat: no-repeat;
   margin-bottom: 10px; }

#menu {
    float: left; /* Le menu flottera à gauche */
    width: 130px; /* Très important : donner une taille au menu */
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;}

#menu ul{
	padding: 0px;
	margin: 0px;
	text-align: center;	}
	
#menu li{
	list-style-type: none;
	line-height: 20px;
	border: 1px solid gray;	
	font-weight: bold;
	background-color: #DDFF55;	
	margin: 4px 0;	}

#ss_menu ul{
	padding: 0px;
	margin: 0px;
	margin-left: 0px;	
	text-align: left; }
	
#ss_menu li{
	margin: 0px;
	padding:0px;
	border: #EEFFBB;	
	line-height: 21px;
	font-weight: normal;	
	background-color: #EEFFBB;	}

#menu a {
    color: black;
    text-decoration:none;
	display: block    }

#menu a:hover /* Quand on pointe sur un lien du menu */{
    background-color: #339933;
    color: #DDFF55; }

#corps{
	font-family: Arial, Helvetica, sans-serif;	
	background-color: #fff;	
    margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
    margin-bottom: 2px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
    padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ 
    border: 2px solid #668855; /* Une bordure pour bien marquer les limites du corps et pour faire joli */ }

#corps ul {
	list-style-type:disc;
	padding: 0px;
	margin: 0px;
	padding-left: 40px;		
	text-align: justify; }	

#corps li {
	margin-bottom: 10px; 
    list-style-image: url("../images/presentation/puce_verte.gif"); }	
	
#corps li.imag {
	margin-bottom: 10px; 
    list-style-image: url("../images/presentation/puce_verte.gif");
	vertical-align:bottom }		
	

#corps li.fleche {
	margin-bottom: 10px; 
    list-style-image: url("../images/presentation/fleche.gif"); }	

#corps ol {
	padding: 0px;
	margin: 0px;
	margin-left: 60px;		
	text-align: left; }	
	
#pied_de_page {
   padding-left: 10px;
   padding-right: 10px;  
   text-align: center; }

.date  /* date de creation*/ {
	font-size: 85%;
    text-indent: 0px; 
	text-align: justify; }

.pdp   /*copyright*/ {
	font-size: 75%;
    text-indent: 0px; 	
	text-align: justify; }

.zimages  {                  /* images de bas de page   XHTML*/
    text-indent: 0px; 	
	text-align: center;  }

.imageflottante  {
	margin-right:5px;
	padding-right:0px;
	margin-bottom:5px;

    float: left; 
   }

.imageflottante_d  {
	margin-right:5px;
	padding-right:0px;
	margin-bottom:5px;

    float: right; 
   }

.dessous {  /* parag suivant celui de l'image flotante*/
   clear: both; }

p {
	text-indent: 0px;    /* alinea*/
   	font-size: 100%;
	text-align: justify;
    border: 50px ;	
    margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */ 
	margin-bottom: 20px;		
	padding-bottom: 0px;	}	


p:first-letter /* La première lettre de chaque paragraphe */ {
    font-weight: bold; /* En gras */
    font-size: 120%; /* Ecrit légèrement plus gros que la normale */
    color: #339933; /* En bleu */ }

.fleches {     /* gestion des fleches Suivant Précédent */
	padding-bottom: 0px;
	margin-bottom: 10px;
	text-align: center;
	background-color:#DDFF55; }

p.fleches:first-letter /* La première lettre de chaque paragraphe */ {
	font-weight: normal; 
    font-size: 100%; 
	color:#0000CC; }

p.pdp:first-letter {
	font-weight: normal; 
    font-size: 100%; 
    color: black; }

span.note { /* notes et dates en plus petits */
	font-size:0.8em;
	font-style:italic;}

span.fond-couleur { /* notes et dates en plus petits #339933 */
	background-color:red;
	color:white;}

p.centrer_p { /* centre les patagraphes */
	color:#339933; 
	font-weight:bold;
	text-align:center; 
    font-size: 120%; }

p.centrer_p:first-letter {
    font-size: 120%; 
	color:#339933; }
	
.fleches_im {
	height: 20px;
	width: 50px ; }

q  {     /*  note explicative centrée */
   	font-size: 75%;  }	

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	text-align: center;	
    font-weight: bold;	
    color: #339933;}

h2 {
	font-size: 120%;
	text-align: justify;		
	line-height:140%;
	background-color:#339933;
	font-style:oblique;
   	color: white;	}

h3 {
	line-height:140%;	
	text-align: justify;	
   	color: #339933;
	border-top: 2px solid #339933;	
	border-bottom: 2px solid #339933;} 

/*h4 {
	line-height:140%;	
	text-align: justify;	
   	color: #339933;
	border-top: 2px solid #339933;	
	border-bottom: 2px solid #339933;} */
	

blockquote {
	margin-left: 0px;
	margin-right: 0px;
	text-indent: 0px;
	text-align: justify;
    font-weight: bold; 	
	color: #339933; }

blockquote p:first-letter  {
	font-weight: normal; 
    font-size: 100%; 
    color: #339933; }

#pied_de_page p:first-letter {
	font-weight: normal; 
    font-size: 100%; 
    color: black; }

a:visited /* Quand le visiteur a déjà vu la page concernée */{
	text-decoration:line-through }

a.ancre:visited /* Quand le visiteur a déjà vu la page concernée */{
	text-decoration:none;
    font-weight: bold;	
	color: blue; 
		}

a img /* Toutes les images contenues dans un lien */  {
   border: none; /* Pas de bordure */ }

#corps a:hover /* Quand on pointe sur un lien*/{
    color: #339933;  }

.bloc-centrage { /* centre les images */	
text-align:center; }

.bloc-centrage-droit { /* centre les images à droite*/	
text-align:right; }

img.centrer { /* centre les images */
   display: block;
   margin-left: auto;
   margin-right: auto;  }
   
img.imgcentree {vertical-align:middle}

img.imgbas {vertical-align:baseline}

td.timg { 
	font-size:1.7em ; 
	color:white;
	text-align:center;
	background-position:center;
	vertical-align:top
}


/*
border-bottom: 2px solid #339933

table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}

#menu {background-color: green}
#menu li {background-color: lightgreen; border-color:#FF6600} 
#sss_menu {background-color: green}
#sss_menu li {background-color: lightgreen; border-color:#FF6600; border-top-color:#9900FF} 

* {margin: 0; padding: 0;}     

* {
margin: 0;
padding: 0;
border: 0;
font-family: sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
http://forum.alsacreations.com/faq/#item54
*/