/* iniialisation */


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;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}


a img {border:none}

aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}


html {
	width:100%;
	height:100%;
	}


hr {
	color: #red;
	clear: both;
	height: 2px;
	margin: 5px;}	

/* généraux */

body  {
	background-color: #ffc;
	 }

#bloc-page {
	width: 1100px;
	margin : auto;
	padding : 20px;
	background-color: #B6DCD4;
	background-image: url(fond_transparent_accueil.jpg);
	}
	
a  {
	color:#00C;
	text-decoration: none;  }
a:hover  {
	color:#00CC00;
	text-decoration: underline;  }
	
.blanc { color: #EEE;  } 
.rouge { color: #C00;  } 
.jaune { color: #FF9;  } 
.vert  { color: #0F0;  }
.bleu  { color: #00C;  }
.bleupale  { color: #A9BEDF;  }
.vertpale  { color: #B6DCD4;  }
.beigeclair  { color: #E8CA9E;  }
.ocre  { color: #F60;  }
.turquoise  { color: #00DAF1;  }
.tomorrow  { color: #EC0023;  }
	 

/* Polices Droid Serif et Sans */

h1 {
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 42px;
	line-height: 52px;
	font-weight: bold;
	text-align: center;
	color: #00C;
}

h2 {
	font-family:  'Vollkorn', Georgia, Times, serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
}

h3 {
	font-family:  'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}

h4 {
	font-family:  'Vollkorn', Georgia, Times, serif;
	font-size: 25px;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
	margin-left: 25px;
	color: darkblue;	
}

h5 {
	font-family:  'Vollkorn', Georgia, Times, serif;
	font-size: 21px;
	line-height: 25px;
	font-weight: normal;
	text-align: left;
	color: black;
}

h6 {
	font-family:  'Vollkorn', Georgia, Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
	color: #000;}
	
p {
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 22px;
	text-align: center;
	line-height: 22px;
	color: #00DAF1 ;
	overflow: auto; 
	background-color: black;

		}


	
	/* blocs */

#contenu {
	display:  flex;
	flex-direction: row;
			}

#bloc-photo  {
	
	width: 160px;
	margin: 0px;	
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#bloc-photo-droit  {
	
	width: 160px;
	margin: 0px;	
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#bloc-texte  {
	width: 780px ;	
	padding: 15px;
}

#bloc-commande{
	width: 1100px;
	background-color: #0033CC;
	margin: 0px;	
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#command {
	font-family: 'Vollkorn', Georgia, Times, serif;
	font-size: 18px;
	text-align: left;
	line-height: 25px;
	color: #FFF ;
	padding-left: 30px;
	background-color: #0033CC;

}