/*motos-anec.fr\siteanec\index.php*/


/* Configuration des différents block de la page*/
header, footer, section, aside, nav{
	display:block;
}
section, aside {
	display: inline-block;
	display: table-cell;
}
header{
	background-color:grey;	
	font-family:arial;
}
section{
	width:1200pt;
	background-color:#DCDCDC;	
	/*border: 2px solid black;*/    /* permet de mettre une ligne de contour a mettre en commentaire pour le site en ligne*/		
}
aside{
	width:250pt;
	background-color: #F4FF3A;
	border-radius:30px;
	border: 2px solid black; /* permet de mettre une ligne de contour a mettre en commentaire pour le site en ligne*/
	position:right;
}
footer{
	float :center;
	position:relative;
	height:75px;
	/*width:100%;*/
	background-color:grey;
	bottom:0px;
	/*border: 2px solid black;*/    /* permet de mettre une ligne de contour a mettre en commentaire pour le site en ligne*/
}

/* Configuration des block formulaires */

form {
 background-color:#DCDCDC;
 margin: 10px 10px 0px 20px;  /* définition des marge entre parent et enfant : haut, droite, bas, gauche*/
 padding:10px 20px 10px 20px;
 width:95%;
 
 }
fieldset {
 padding:10px 10px 10px 10px;
 margin-bottom:10px;
 border:3px inset #DF3F3F;
 border-radius:20px;
 }
legend {
 color:black;
 font-size:24px;
 font-weight:bold;
 }
label {
 margin-top:10px;
 font-family: arial;
 font-size: 18px;
 }

input, textarea, select, option {
 background-color:#FFF3F3;
 }
input, textarea, select {
 padding:3px;
 border:1px solid black;
 border-radius:5px;
 
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 }
input[type=submit], input[type=reset] {

 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }


/* Configuration des menus */
#menu{
	width:100%;
	height:40px;
	position:relative;
	background-color:black;
}
#menu ul{
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
}
#menu ul li{
	display:inline-block;
	position: relative;
	padding:5px;
	margin:0px;
	float:left;
	width:200px;
	height:30px;
	font-size:24px;
	background-color:rgba(0,0,0,1);
	border-right:1px solid white;
	border-radius:0 15px 0 0;
	text-align:center;
	line-height:30px;	
}
#menu ul li a{      /* hover permet de changer la couleur quand la souris passe dessus */
	display:block;
	text-decoration:none;
	color:white;
}
#menu ul li a:hover{		/* hover permet de changer la couleur quand la souris passe dessus */
	background-color: grey;
}
#menu ul li ul li{    /* zone pour faire disparaitre le menu déroulant*/
	display:none;
	border-radius:0;
}
#menu ul li:hover ul li{		/* ici hover permet de faire dérouler le deuxième menu */
	display:block;
}
/*#menu li li {
   display: list-item;
}*/
#menu ul ul, #menu li:hover ul ul {  /* permet de créer le sous sous menu et de le dérouler à coté du premier*/
   position:absolute;
   left:-999em;   /* permet de faire disparaitre le menu totalement à gauche*/
   width:100%;
}
#menu li:hover ul {
   left:auto;	/* permet de faire réapparaitre le menu*/
}
#menu a {
   display:block;
}

#menu li li:hover ul {
   top:0;
   left:100%
}
#menu ul ul ul, #menu li:hover ul ul ul {  /* permet de créer le sous sous menu et de le dérouler à coté du premier*/
   position:absolute;
   left:-999em;   /* permet de faire disparaitre le menu totalement à gauche*/
   width:100%;
}
#menu li li li:hover ul{
   top:0;
   left:100%
}
/* Fin de configuration des menus */
#banner1{
	display:block;
	background-color:red;
	height:10px;
	width:100%;
	margin:0px;
}

H1.TitrePage{
	font-size:48px;
	font-style:bold;
	text-align:center;
	text-decoration:underline;
}
H2.chapitre{
	font-size:32px;
	font-style:bold;
	text-align:left;
	text-decoration:underline;
	margin: 10px 40px 0px 20px;  /* définition des marge entre parent et enfant : haut, droite, bas, gauche*/
	padding: 10pt 40pt 0pt 20px;   /*définition des marges entre les texte et le bord de la division*/
}
.img1{
	width:150px;
	height:30px
	display:block;
}
/* Paramètre pour les boutons */
.bouton {
	padding: 10px 30px;
	text-decoration:none;  /* retire le soullignement du texte */
	background: #DCDCDC;
	color: #000000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 2px inset #46a28d;
}
.bouton:hover {
	background: #434543;
	color: #FFFFFF;
	border: 2px outset #46a28d;
}


/*
Comme vous pouvez le voir dans le code CSS ci-dessus, j'ai inscris trois fois l'attribut "border-radius", deux de ces trois attributs comportent un préfixe: "-webkit-" et "-moz-".
Le préfixe "webkit" permet de s'assurer que le code sera bien pris en compte par Chrome, Safari et Android. Le préfixe "moz" permet de s'assurer que le code sera bien pris en compte par Mozilla.
En gros, cela permet de s'assurer qu'un maximum de navigateurs affichent les bordures arrondies, ils choisieront la ligne de code à prendre en compte sur les trois et ignoreront les deux autres,
il existe encore d'autres préfixes de ce genre mais les autres sont rarement utilisés. (J'ai du mal à expliquer réellement l'utilité de ces préfixes... j'ai encore des progrès à faire,
donc si un expert passe dans le coin qu'il n'hésite pas à me donner une petite leçon par commentaire).
*/
p.devisfacture{
	font-family: arial;
	margin:0 0 0 20pt;
	text-align:center;
}


.texte-public{
	font-family: arial;
	font-size:1.5em;
	text-align:left;
}
p.place-public{
	margin: 0px 20px 20px 40px;  /* définition des marge entre parent et enfant: haut, droite, bas, gauche*/
	padding: 0pt 20pt 0pt 20px;	/*définition des marges entre les texte et le bord de la division: haut, droite, bas, gauche*/
}
 
.pied{
	margin:auto;
	text-align: center;
}
#field1{
	float:left;
	padding: 10pt 10pt 10pt 10pt;	/*définition des marges entre les texte et le bord de la division: haut, droite, bas, gauche*/

}
#field2{
	float:left;
}
#field3{
	float:left;
}

/* Style pour le calendrier  */
.periods{

}
.year{		/* affichage de l'année */
	font-size:48px;
	font-style:bold;
	text-align:left;
	color:red;
	text-decoration:none;
}
#linkMonth{ /* affichage des mois en ligne */
	list-style-type:none;
	text-decoration:none;

}
.months{

	text-decoration:none;
}
.months ul{	
	
	list-style-type:none;
}
.months ul li {
	float:left;
	padding: 0px 15px 0px 15px;
	color:grey;
	text-decoration:none;
	display:inline-block;		/* permet de mettre le tableau du mois dessous*/
	font-size:35px;
	font-weight:bold;
	text-transform: uppercase;
}	
.clear{
	
	display: none;
	visibility:hidden;
}
.month{  /* affichage du tableau du mois avec les jours de la semaine */
	
}
.padding{ /* dimensionnement du tableau du mois */
	padding: 0pt 0pt 0pt 0pt;	/*définition des marges entre les texte et le bord de la division: haut, droite, bas, gauche*/
	width:80px;
	height:80px;
}
.day{ /* affichage du tableau du mois */
	float:left;
	border: 1px solid black;
	width:80px;
	height:80px;
	font-size:32px;
	font-style:bold;
	text-align: right;
}
.daystyle{

	position: fixed;
	top: 220px;
	left: 675px;
	background-color: white;
	font-size:48px;
	text-align:right;
	color:red;
	text-decoration:none;
	display:inline-block;		/* permet de mettre le tableau du mois dessous*/
}
.events{
	
}
.jours:hover{
	
	background: #dfdfdf;
	cursor:pointer;
}
.annuaire{
	display: table-cell;
	vertical-align: inherit;
}