/* ------------------------------------------------------------------------------------
 *
 *             Style CSS pour le chant des fuseaux
 *
 *                   GABARIT LE CHANT DES FUSEAUX
 *
 *             Dominique DOISNE   (Idoine Production (c)
 *
 *                       Version 1.20
 *
 *             Mai 2013 - Novembre 2013
 *
 * ---------------------------------------------------------------------------------------/

/* reset de base */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary
{
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;

}
html {font-size: 100%;}
     
body
{   
   background-color:#024650;
}

h1, h2
{
   font-weight:bold;
   font-size: 120%;
   color:#004954;
   padding-bottom: 5px;
}

h2
{
	font-size: 110%;
	padding-left: 40px;
}

ul
{
   list-style-type: none;
   padding: 0;
   margin-left: 3em;
   line-height: 30px;
   list-style-image: url("../images/site/puce_bleue.png");
   
}

ol
{
	margin-left: 150px;
}
#container_principal
{
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 1500px;
   min-height: 800px;
   font-family: tahoma, helvetica, calibri;
   background-repeat: no-repeat;
   background-attachment: fixed;

 }
#container_secondaire
{
	display: block;
	padding-top: 200px;
}
#bandeau
{ 
   position: fixed;  
   background-repeat: no-repeat;
   border-style: none;
 
 }


#menu ul, #footer ul
{
   list-style-image: none;
   list-style-type: none;
   padding-left: 180px;
 }

#menu ul
{
	background-color: black;
	
}

header
{
	position: fixed;
	z-index: 1000;
	
}



a { text-decoration: none;}

 
nav ul li 
{
   float: left;
   padding-left: 30px;
   margin-left: 5px;
   margin-right:5px;
   margin-bottom: 10px;
   text-decoration: none;
   font-family: helvetica, tahoma;
   line-height: 120%;


 }
 #menu
{
	position: relative; 
	display: block;
	 z-index:500; 
}
#menu ul li
{
 
  margin-top: 150px;
   list-style-type: none;
   font-size: large;
   font-size: 100%;
   padding-top: 3px;
   font-weight: bold;
}

#menu ul li a
{
  
   font-size: 130%;
   color: white;

}
     
     
#menu a:hover
{
   color:#004954;
}

.titreMenu 
{
	display: block;
	font-size:110%;

	text-align: center;
	padding-bottom: 5px;
	color: white;

 }
 
#menuH1, #menuH2
{

   border: solid 5px  #ca8963 ;
   position: fixed;
   font-size: 120%;
   background-image: url("../images/site/texte.png");
   font-weight: bold;
   width: 350px;
   height: 220px;
   margin-left:10px;
}


#menuH1 ul , #menuH2 ul
{
   text-decoration: none;
   list-style-image: none;
   padding-top: 20px;
   padding-bottom: 20px;
   text-align: left; 
    margin-left: -25px;
   padding-left: 10px;
  
}

#menuH1 a, #menuH2 a
{
	color: #004954; 
	padding-left: 15px;
	padding-right: 15px;
}

#menuH1 a:hover, #menuH2 a:hover
{
	color:white;
   	background-image:  url("../images/site/menuH.png");
}

ul h2
{
 	margin-left: -50px;
}
 
#erreur
{
	display: block;
	line-height: 30px;
	text-align: center;
	font-size: 120%;
}

section
{   
   font-family: tahoma, Verdana,sans-serif;
   font-size:120%;
   color: black;
   padding-bottom: 20px;      
   text-align: justify;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   width: 900px;
   min-height: 220px;
   padding: 10px 40px 10px 40px;
   padding-bottom: 50px;
   line-height:25px;
  background-image: url("../images/site/texte.png"); 
}

section a
{
   color: #004954;
   font-size: 100%;
   font-weight: bold;
}

footer
{
   clear: both;
   min-height: 40px;
   width:99.5%;
   font-family: "Palatino Linotype",cursive, calibri;
   background-color: #aec1c8;
   color: #004954;
   font-size: 90%;
   font-weight: bold;
   margin-left: 0px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 5px;
  }
    


footer ul
{
   list-style-image: none;
}
footer a 
{
	color: #004954; 
}

footer ul li  
{
	color: #004954; 
	padding-left: 20px;
	font-size: 100%;
} 

footer a:hover {color: white;}

#validator 
{
    margin-left:1380px;

   color: #132fec;
}

.exposant
{
	position: relative;
	bottom: 1px;
	font-size: .8em;
	line-height: .8em;
	vertical-align:super;
	text-decoration:none;
}

img title
{
	font-weight: normal;
	font-style: italic;
	font-size:50%;
}

.petit, .trepetit
{
	display: block;
	font-weight: normal;
	font-style: italic;
}

.petit{font-size:80%;}

.trepetit {font-size:45%;}

.imgLegal
{
	float : left;
	padding-right: 20px;
	padding-bottom: 25px;
}

#legal
{
	color: #d20000;
	font-style: italic;
}