
/* DEBUT NOG*/

@font-face {
   font-family: "iconic_stroke.otf";
   src: url('includes/iconic_stroke.otf');
}
@font-face {
   font-family: "fontelico";
   src: url('includes/fontelico.ttf');
}

@font-face {
   font-family: "wingding";
   src: url('includes/wingding.ttf');
}

/*Les balises s'affichant en "block" (bloc) : elles prennent toute la largeur disponible
et s'affichent avec un saut de ligne avant et après

/*/

header, footer, section, article, nav {
	 display:block; 
}

html {font-size: 100%;}

body { 
	font-size: 0.8em;
	color:black;
	/*background: linear-gradient(to bottom right, #2f2e4e, #ffecf0);
	background-repeat: no-repeat;*/
	display : block;
	margin : auto;
}

header {
	height:110px;
	padding:0; 
	border:1px #550000 solid;
	position: relative;
	background-color:#103E50;  /*6D92A0/*/
 	margin:10px auto;	
 	display : block;
	margin : auto;
}

article {
	position: relative;
	background-color:#FFFAEC;
	border:1px white solid;
	margin:1px;
	padding:1px;
	font-size:medium;
	display : block;
}

aside{
   float:right;
   width:20%;
	background-color:#D4C186;
	border:1px white solid;
	margin:1px auto;
	padding:2px;
	display : block;
}

footer{
	background-color:#2389af;
	color : white;
	border:1px white solid;
	margin:1px auto;
	padding:5px;
	font-size:small;
	display : block;
}


/* id logo */
#logo { position:absolute; left:5px; top:5px;
}

/* set side menu block position and width*/


//*BARRE NAVIGATION ****************************************-*/

nav {
	background-color:#806105;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #597489;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

li {
    float: left;
    border-right:2px solid #ffffff;
}

li:last-child {
    border-right: none;
    border-left : 2px solid #ffffff;
}

li a {
    display: block;
    color: white;
    font-weight : bold;
    font-family:Arial;
    font-size: 1.1em;
    text-align: center;
    padding: 6px 10px;
    text-decoration: none;
}

li a:link {
	color: #FFF1EC;

}
li a:visited {
	color: #FFF1EC;
}
li a:hover {
	color: #FFF1EC;
	background-color: #083252;
}



/*****************************FIN BARRE NAVIGATION**/

 /* unvisited link */
a:link {
	border: #400000;
/*	text-decoration:none; */
   color: blue;
}

/* visited link */
a:visited {
    color: blue;
}

/* mouse over link */
a:hover {
    color: #554000;
    background-color: #D49C86;
}






/*/////////////////////////////////////////////////*/
textarea {
	margin-left: 10px;
}

article p {
	margin: 5px;
}
header h3 { 
	color :#D4C186;
	text-align : center; 
}
article h3 {
	padding: 0px;
	margin: 0px;
	font-size:1,10em; 
	color:#802805;
	text-align: center;
}

article h2 {
	padding: 0px;
	margin: 0px;
	font-size:1,20em; 
	color:#802805;
	text-align: center;
}

h1 {
	font-size:1.5em;
	color :white;
	text-align:center;
}

h2 { 
	font-size :1,20em ;
	color :#802805;
	text-align : center; 
}
h3 {
	font-size:1,10em; 
	color:#040302;
	text-align: center;
}



/*****************TABLEAUX**********************************/

table {
	width: auto;
	margin: auto;
	border-collapse:collapse;

}
	
td,th {
	border:solid 1px #000;
	margin:0;
	vertical-align:middle;
	text-align: center;
}

th {
	text-align:center;
	font-weight:bold;
	background-color:#551800;
	color:#FFF;
	border-color:#FFF;
}

td {
	empty-cells:hide;
	text-align:justify;
	padding: 5px;
}
			tr {
				background: #FFF1EC;
			}





/**************************FIN TABLEAU*******/
/******************CENTRER                  */

p.centre{
	text-align: center
}

.centre60{
/*	background-color: #FFF1EC;*/
	margin : auto;
	width: 60%;
	padding: 10px;
}

.centre80{
/*	background-color: #FFF1EC;*/
	margin : auto;
	width: 80%;
	padding: 10px;
}

.centre40{
/*	background-color: #FFF1EC;*/
	margin : auto;
	width: 40%;
	padding: 10px;
}


/* Classe police iconic */
.iconic {
	font-family: "iconic_stroke.otf";
	font-size: 1.4em;
	text-decoration:none;
}

/* classe police fontelico pour les emoticons*/
.emoticon {
	font-family: "fontelico";
	font-size: 1.4em;
	text-decoration:none;
}
.wingding{
		font-family: "wingding";
	font-size: 1.4em;
}





/* boutons//////////////////////////////*/
a.bouton10:{

}

a.bouton10:link {

}
a.bouton10:visited {
	color:#ffffff;
	border: 2px solid #0b0000;
}

a.bouton10:hover {

}

input[type=submit].bloc{
display: block;
}

a.bouton10:link,input[type=submit] {
	border: 2px solid #0b0000;
   border-radius: 5px;
	text-align: center;
	margin-left: 10px;
	font-family:Arial;
	text-decoration:none;
	width : auto;
	/*box-shadow: 8px 8px 5px 2px #465b6c;*/
	cursor:pointer;
	color:#ffffff;
	background-color: #859caf;
	font-size: 0.8em;
	font-weight: bold;
	padding: 5px 30px ;
 }	
	
a.bouton10:hover ,input[type=submit]:hover {
	background-color:#f8f8fc;
	color:#6D92A0;  ;
}
a.bouton10.mini {
	margin: 0px;
	padding:0px;
	font-size: 0.7em;
}


a.bouton{
	display: block;
}

a.bouton:link {
	border: 2px solid #0b0000;
   border-radius: 5px;
	margin-bottom: 0px;
	text-decoration:none; 
	text-align:center;
	font-weight:bold;
	background-color:#859caf;
	color:#FFFAEC; 
	padding:0px;
	/*border:1px solid;*/
}
a.bouton:visited {
	color:#FFFAEC;
	border: 2px solid #0b0000;
}

a.bouton:hover {
	text-decoration:none; 
	background-color:#f8f8fc;
	color:#6D92A0; 
	
}




/*/////////////////////////////////////////////////////////////*/

.saut_page { page-break-after : always }

/*/////////LABELs                    //////////////////////*/

.labelg, .label130d, .label130g,.label300g,.label300d {
	float:left;
	clear:left; 
	font-weight: bold;
	font-size: 0.9em;
	margin-left:5px; 
	font-family: Arial, Verdana, times ;
	color:#551800;
	padding-right: 10px;
}

.label130d{ 
	padding-right: 10px;
	text-align:right;
	width:130px;
}

.label130g { 
	text-align: left;
	width:130px;
}


.label300g {
	text-align:left;
	width:300px;
}
.label300d {
	text-align: right;
	width:300px;
}

.label300d00 {
	float:left;
	width:200px;
	text-align: left;
	clear:left;
	margin-right:5px;
	font-weight: bold;
	color:#551800 ;
}

.commentaire{    /* Aide saisie ds formulaire */
	padding:10px; 
	float: auto;
	padding-right: 30;
	margin-left:15px; 
	color:#551800;
	font-style: italic;
}




.flright {padding:10; float: right;padding-right: 30; margin-right:5px
}

.alert {
	border-width:10px;
	text-align:center;
	font-size:120%;
	border:3px dotted #050505;
	border-radius:7px;
	padding: 20px;
	background-color: #f44336;
	color: white;
	opacity: 1;
	transition: opacity 0.6s;
	margin-bottom: 15px;
}

.alert.succes {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.echec {background-color: #ff9800;}

/*p.error {
	 color:red;
	  font-size:105%; 
	  font-weight:bold;
	   text-align:center;
}	
/* #zone_alerte {
	overflow: hidden;
	position: fixed;
	top: 100px;
	left :800px;
	right: 50px;
	margin-right: 200px;
	padding: 12px 0;
}
*/
input:required {
   font-style: underline;
   color: red;
   border: 2px dotted orange;
}
textarea:requirer {
	font-style: underline;
	color: red;
	border: 2px dotted orange;
}
