/* ************************************************************************* */
/* COULEURS DU SITE *** NOIR - 0123456789ABCDEF - BLANC ** ***************** */
/* ************************************************************************* */
/* Gris-noir:	#333333 #444444 #555555 #777777 #858585
 * 				#AAAAAA #DDDDDD #EEEEEE #F1F1F1
 * Violet: #581F4C, #652565, #753075, #978498, #AA99AA, #aaa0dd, #BAABBA, #DCCDDC
 * Bleu: #000050, #000090, #0000dd, #5050dd, #9090dd, #bbbbdd
 * Rouge: #400000, #600000, #800000, #bb0000, #502020, #702020, #bb3030, #ff6060, #ffaaaa, #ffcccc
 * Orange: #ff4000, #ff6600, #ff9900, #e3d3c3, #eeccbb, #eeddcc
 * Jaune: #EDBE1A, #FFF7AA, #ffdd00, #ffdd50 #ffdd77, #ffddaa, #ffee70, #ffeeaa, #ffeecc
 * Vert: #306020, #407520, #407530, #509025, #709133, #70bb33, #45A049, #4CAF50, #ccddaa
 */
/* ************************************************************************* */

body {
	background-color: #222222;
/*	background: #333333 url("../images/fond_papyrus_noir.png");*/
	/*	background: #854006 url("../images/fond_papyrus_brun.png"); */
	/*	background: #581F4C url("../images/fond_papyrus_mauve.png"); */
	/*	background: #581F4C url("../images/fond_carrele_mauve.png"); */
/*	background-origin: top left;
	background-repeat: repeat;
*/
	color: #AAAAAA;
}

/* GÉNÉRALITÉ ************************************************************** */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
header {}
main {}
section {}
article {}
footer {}

/* MENU - NAVIGATION DU SITE *********************************************** */
.nav_site {
	border-top: 2px solid #652565;
	border-bottom: 2px solid #652565;
}
.nav_site ul {
}
.nav_site li {
	border-left: 1px solid #753075;
	border-right: 1px solid #753075;
	background-color: #581F4C;
}
.nav_site li a,
.dropbtn {
}
/* Change color on hover */
.nav_site li a:hover,
.dropdown:hover .dropbtn {
	background-color: #AAAAAA;
	color: #581F4C;
}
.dropdown-content {
	border-right: 2px solid #AAAAAA;
	border-left: 2px solid #AAAAAA;
	box-shadow: 0 8px 15px 5px rgba(0,0,0,0.7);
}
.dropdown-content a:nth-child(odd) {
	background-color: #652565;
}
.dropdown-content a:nth-child(even) {
	background-color: #753075;
}

/* CURRICULUM VITAE ******************************************************** */
.nav_cv {
	border-top: 3px solid #581F4C;	/* #AAAAAA; */
	border-bottom: 3px solid #581F4C;	/* #AAAAAA; */
	background-color: transparent;	/* #581F4C; */
}
/* CV div th et td */
th.coul_menu2 {
	border-bottom: 3px solid #581F4C;	/* #222222; */
	color: #AAAAAA;
}
td.menu2 ul {
	background-color: transparent;	/* #581F4C; */
}
td.menu2 ul li {
	background-color: #581F4C;
}
td.menu2 ul li:last-child {
	border-bottom: none;
}
td.menu2 ul li:hover {
}
a {
	background-color: transparent;
	color: #AAAAAA;
}
a:hover {
	background-color: #AAAAAA;
	color: #581F4C;
}
.barrecv {
	border-bottom: 2px solid #DDDDDD;
}
.descript {
	border-left: 6px solid #DDDDDD;
}

/* FORMULAIRE CONTACT ****************************************************** */
form {}
label{}
/* Style inputs */
input[type=text], textarea {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}
input[type=submit] {
	border: none;
	background-color: #4CAF50;
	/* #4CAF50 = VERT pâle */
}
input[type=submit]:hover {
	background-color: #45A049;
	/* #45A049 = VERT tendre */
}
select#country optgroup {}
select#country option {
	background-color: green;
	color: red;
}
.error {
	color: #FF0000;
}

/* CIRCULATION ET PIED DE PAGE ********************************************* */
footer {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #652565;
}	
/* a */
.hautpage,
.hautpage:link,
.hautpage:visited,
.hautpage:active {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #DDDDDD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DDDDDD;
	background-color: transparent;
	color: #DDDDDD;
}
.hautpage:hover {
	color: #FFFFFF;
}

.hautpied:link,
.hautpied:visited,
.hautpied:active {
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #581F4C;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #581F4C;
	background-color: #581F4C;
	color: #DDDDDD;
}
.hautpied:hover {
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #581F4C;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #581F4C;
	background-color: #DDDDDD;
	color: #581F4C;
}


/* ######################################################################### */
/* FIN DU PROGRAMME ######################################################## */
/* ######################################################################### */