/* paramètre globaux */
body{background-color: #FFFFFF;
	font-family: Arial, "Times New Roman", Times, sans-serif;
	text-align: center;
	}

strong, .texte_bold, h1, h2, h3{font-weight: bold;}

em{font-style: italic;}

a{color: #000000;}

.blue, .blue a{color: #383e42;}

.red, .red a{color: #8D144C;}

.orange, .orange a{color: #F0582B;}

.border_blue{border: solid 5px #383e42;}

.border_red{border: solid 5px #8D144C;}

.border_orange{border: solid 5px #F0582B;}

h1{font-size: 1.5em;
	color: #383e42;}

h2{font-size: 1.3em;}

.img_float_right{float: right;
	margin-left: 10px;}

.img_float_left{float: left;
	margin-right: 10px;}
	
.lien a{text-decoration: none;
	padding:  5px 10px 5px 10px;
	background-color: #383e42;
	font-weight: bold;
}

.lien a:hover
{
	background-color: #000000;
	color: #FFFFFF
}
/* paramètre globaux */

#ul_equipe
{
	width: 80%;
	margin: auto;
	margin-bottom: 40px;
	text-align: justify;
	list-style-image: url("../image/puce_bordeaux.png");
}

.div_audio
{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin-bottom: 5px;
}

#historique div
{
	border-bottom: solid 1px 	#383e42;
}





/* Version Mobile */
@media screen and (max-width: 980px)
 {
	nav ul, header h1
	{
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	header div
	{
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin: auto;
	}
	
	#header_img_logo img
	{
		width: 100%;
		max-width: 206px;
	}
	
	nav
	{	width: 100%;
		height: 42px;
		background-color: #383e42;
	}
			
	section 
	{
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		-ms-flex-direction: column;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	aside
	{
		-ms-order: 1;
		-moz-order: 1;
		-webkit-order: 1;
		order: 1;		
	}
	
	aside div
	{
		border-top: solid 42px #383e42;
	}
	
	#accueil div, #aside_menu, footer div, #aside_right
	{
		display: auto;
	}
	
	#div_footer1
	{
		display: block;
		border-top: solid 42px #383e42;
	}
	
	section section img
	{
		width:100%;
		max-width: 600px;
	}
	
	#accueil img
	{
		width:100%;
		max-width: 300px;
	}
	
	#audio
	{
		display: block;
	}
	
	.div_audio
	{
		width:45%;
		min-width:300px;
	}
	
	.div_audio img
	{
		width:100%;
		max-width: 150px;
	}

	
	
}



/* Version bureau */
@media screen and (min-width: 981px)
{
	.slicknav_menu, #aside_right
	{
		display:none;
	}
	
	body{background-color: #AAAAAA;
	padding: 0px;
	margin: 0px;}
	
	section{width: 98%; /* 95 - 80% */
	margin: auto;
	padding: 0px;
	background-color: #383e42;}
	
	section section{display: inline-block;
	vertical-align: top;
	width: 70%; /* 59% */
	min-height: 1000px;
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;}
	
	section aside{display: inline-block;
	vertical-align: top;
	width: 25%; /* 19% */
	margin: 0px;
	padding-top: 20px;}
	
	aside ul{font-size: 1em;
	font-weight: bold;
	text-align: left;	
	background-color: #FFFFFF;
	list-style-image: url("../image/puce_bordeaux.png");
	line-height: 40px;}
	
	aside a{text-decoration: none;}

	aside ul a:hover{padding:  5px 10px 5px 10px;
	background-color: #383e42;}

	#aside_left div{width: 90%;
	margin: auto;
	margin-bottom: 15px;
	background-color: #FFFFFF;}
	
	
	
	/* header*/
	header{height: 180px;
		width: 100%;
		background-color: #FFFFFF;}

	header div{display: inline-block;}

	#header_img_logo{width: 30%;}

	#header_titre{width: 50%;
		text-align: left;}

	#header_titre h1{font-size: 2em;}
	/*Fin header*/
	
	/* footer*/
	footer{padding: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: solid 3px #383e42;
		background-color: #FFFFFF;
		font-size: small;}

	footer a{color: #000000;
		text-decoration: underline;}

	footer div{display: inline-block;
		width: 30%;}

	#footer_middle{border-left: solid 3px #383e42;
		border-right: solid 3px #383e42;}
	/*Fin footer*/

	
	/* nav */
	nav{	width: 100%;
		height: 42px;
		padding-top: 1px;
		background-color: #383e42;
		border-bottom: solid 3px #FFFFFF;}

	nav ul li{width: 14%;}

	nav ul, nav ul li ul{padding: 0;
		margin: 0;
		list-style: none;
		line-height: 40px;
		text-align: center;}

	nav ul{font-weight: bold; 
		font-size: 16px;
		width: 98%; /* 95 - 80%*/
		margin: auto;
		padding-left: 1%;} /* 2% */

	nav a {display: block;
		padding: 0;
		background-color: #383e42;
		text-decoration: none;
		border-left: solid 1px #FFFFFF;
		border-right: solid 1px #FFFFFF;
		color: #FFFFFF;}

	nav ul li ul li:last-child {border-bottom: solid 1px #FFFFFF;}

	nav ul li ul li a:first-child{border-top: solid 1px #FFFFFF;}

	nav li{float: left;}

	nav li ul {position: absolute;
		width: 14%;
		left: -999em;}

	nav li ul li{width: 98%;} /* 95 - 80% */

	nav li ul ul {margin: -22px 0 0 141px ;}

	nav a:hover{color: #FFFFFF;
		background: #000000;}

	nav li:hover ul ul, nav li.sfhover ul ul {
		left: -999em;}

	nav li:hover ul, nav li li:hover ul, nav li.sfhover ul, nav li li.sfhover ul {
		left: auto;
		min-height: 0;}
	/* Fin nav */
	
	/* index */
	#accueil div
	{
		display: inline-block;
		width: 45%;
		margin-bottom: 10px;
	}
	/* fin index */
	
}

@media screen and (min-width: 1280px)
{
	section, nav ul, nav li ul li{width: 95%;}
		
	nav ul{font-size: 16px;
	padding-left: 2%;}
	
	section section{width:98%;}
	
	section aside{width: 19%;}
	
	#aside_right{display:inline-block;}
	
	#aside_right div{width: 90%;
	margin: auto;
	margin-bottom: 15px;
	background-color: #FFFFFF;}
	
	.aside_div_accessoire{text-align: left;
	padding-left: 5px;}

	.aside_div_accessoire p{display: inline-block;
	vertical-align: middle;
	font-weight: bold;}
}


@media screen and (min-width: 1430px)
{
	section, nav ul, nav li ul li{width: 80%;}	
}







.coin {
background-color:#ffffff;
border:5px solid #2cc3F2;
padding:10px 20px;
/*arrondir les coins en haut à gauche et en bas à droite*/

border-radius:60px/40px;
}


.coinblue {
background-color:#2cc3F2;
border:5px solid #2cc3F2;
padding:10px 20px;
/*arrondir les coins en haut à gauche et en bas à droite*/

border-radius:60px/40px;
}


.arrondie2 {
border:2px solid black;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}