h3{display : inline-block; margin: 0px}
h6{display : inline-block; margin: 0px}

/*LIENS*/
a {text-decoration:none; font-style:bold;}
a:hover{text-decoration:underline;}

p {margin-bottom : 0;}

.open{display:none; padding:25px; margin:0;}
.open .fermer{display:block; width:100px; height:30px; line-height:30px; padding:0 0 0 30px; margin:0 20px 0 0px; font-size:0.8em; background-position:left top; cursor:pointer;}

/*.open .detail{display:block; padding:10px 20px 20px 20px; margin:0; font-size:0.85em; color:white; line-height:1.4em; font-style:italic;}
*/
.savoirplus{display:block; width:100px; height:30px; line-height:30px; padding:0 0 0 30px; margin:10px 25px; font-size:0.8em; color:white; background-color:#da6d03; background-image:url(img/fleche-nav.png); background-repeat:no-repeat; background-position:left bottom; cursor:pointer;}
.savoirplus:hover{background-position:left top; color:#da6d03; background-color:white;}

.photos{display:block; width:100px; min-width: 100px; height:30px; line-height:30px; padding:0 0 0 30px; margin:10px 25px; font-size:0.8em; color:white; background-color:#009933; background-image:url(img/fleche-nav.png); background-repeat:no-repeat; background-position:left bottom; cursor:pointer;}
.photos:hover{background-position:left top; color:#009933; background-color:white;}

.diaporama{display:block; width:100px; min-width: 100px; height:30px; line-height:30px; padding:0 0 0 30px; margin:10px 25px; font-size:0.8em; color:white; background-color:#0d89bb; background-image:url(img/fleche-nav.png); background-repeat:no-repeat; background-position:left bottom; cursor:pointer;}
.diaporama:hover{background-position:left top; color:#0d89bb; background-color:white;}

html {font-family: 'Raleway', sans-serif; font-weight:400;}
html,body{display:block; width:100%; padding:0; margin:0;}
body{background-color:white;} 
  
.titre{font-family: 'Raleway', sans-serif; font-weight:400;}
.raleway-bold{font-family: 'Raleway', sans-serif; font-weight:600;}
/*.menu{font-family: 'Roboto', sans-serif; font-weight:400;}*/
.roboto-light{font-family: 'Roboto', sans-serif; font-weight:300;}
/*.menu-bold{font-family: 'Roboto', sans-serif; font-weight:700;}
.orange{color:#888888;} 
.orange-fonce{color:#000000;}

/*FORMULAIRES*/
.long{width : 370px;}
.rouge{color : red;}
.editable {min-height : 100px;}





.clear{clear:both;}

.image{padding:10px;}
.image img{cursor:pointer;}

                                 

.texte{margin-bottom : 20px;}

header{display:flex; flex-wrap : wrap; padding:0; background-color:#999999;}
header .utb{display:block; width:560px; padding:10px; margin:auto;}
header .utb h1{display:block; padding:0; margin:0; font-size:2.5em;}
header .utb h1 .sous-titre{font-family: 'Shadows Into Light', cursive; display:block; padding:5px 0 0 0; margin:0; font-size:0.62em;}
/*header .utb nav{display:flex; flex-wrap : wrap; text-align : left; padding: 20px 0; margin:auto;}*/
header .utb nav ul{display:flex; flex-wrap : wrap; padding:0; margin:0;}
header .utb nav ul li{display: block; padding:0; margin:0 20px 4px 0; width:165px;}
header .utb nav ul li a{display:block; text-decoration:none; height:30px; line-height:30px; padding:0 0 0 40px; margin:0; font-size:0.8em; color:black; background-image: url('/images/menu.png')}
header .utb nav ul li a:hover{color:white; background-image: url('/images/menu_hover.png');}
header .utb nav ul li a.active{color:#888888; background-color:white; background-image: url('/images/menu_active.png');}

header .image{display:block; margin:0;}/*#e4e4e4;}*/
header .image img{display:block; width:440px; height:auto; padding:0 30px; margin:0 0 0 auto;}

.main {border : 6px solid #aabc66; margin : 20px; padding : 20px;}
.admin {background-color : #ffea80; padding : 20px;}
.admin ul {display:flex; flex-wrap:wrap; padding:0; margin:0;}
.admin ul li {display: block; padding:0; margin:0 20px 4px 0; width:165px;}
.admin ul li a{display:block; text-decoration:none; height:30px; line-height:30px; padding:0 0 0 40px; margin:0; font-size:0.8em; color:white; background-color:#b39500}
.admin ul li a:hover{color:white; background-color:#806a00;}
.admin ul li .active{color:#888888; background-color:white;}
.title{display:block; font-size:2em; color:#e67303; padding:0; margin:0;}

/*ACCUEIL*/




/*A PROPOS*/





/*LE PROGRAMME*/
.affiche {min-width : 300px; max-width : 300px;}



/*INTERVENANTS*/
.flex_container {display:flex; flex-direction : row; padding:0;}
.portrait {min-width : 250px; width : 250px;}
.texte {display:flex; flex-direction : column; padding : 0 25px;}
.mini_affiche {min-width : 150px; max-width : 150px;}
.stretch_container {display:flex; flex-direction : row; padding:0; justify-content: space-between;}
.stretch_container .image {max-width : 150px;}
.intervention{display:block; padding : 0 25px;}
.intervenants{display:block; padding:20px 20px; margin:0; }


/*ARCHIVES*/




/*CONTACT*/

        	



/*FOOTER*/

footer{display:block; padding:20px 20px; font-size:0.7em; text-align:center; margin:0;}
footer #fond{display:block; margin:0 auto; padding:0;}
footer .mention{display:block; font-size:0.7em; text-align:center; padding:20px 0 0 0; margin:0;}

h6{margin:0 auto; padding:30px 0; font-size:0.7em; color:black; text-align:center; font-style:italic;}
h6 a:hover{text-decoration:underline;}
h6 img{display:block; margin:0 auto; padding:10px 0;}

/*#fond_logo {display:block; width: 145px; min_hight:104px; background-color: #aabc66;} */


.grande{display:none; position:fixed; width:100%; height:100%; top:0; background-color:black;}
.grande .img-grande{display:block; position:absolute; top:5%; left:50%; margin:0 0 0 -400px; width:800px; max-width:100%; height:100%; overflow-y:auto; overflow-x:hidden;}
.grande .img-grande img{display:block; min-width:500px; max-width:100%; height:auto; padding:0; margin:0;}
.grande .close{display:block; width:50px; height:50px; padding:0; margin:0; line-height:50px; font-size:2em; text-align:center; border-radius:50%; position:absolute; top:5%; right:5%;font-family: 'Raleway', sans-serif; font-weight:400; cursor:pointer;}


@media all and (min-width: 50em) and (max-width : 68.75em)
{
header .utb{width:450px;} 
header .utb h1{font-size:2em;}
header .utb h1 .sous-titre{padding:0; margin:0; font-size:0.7em;}	
header .utb nav ul li{margin:0 15px 4px 0; width:115px;}
header .utb nav ul li a{height:30px; line-height:30px; padding:0 0 0 4px; font-size:0.7em;} 
header .image{padding:5px; margin:0;}
header .image img{width:300px; padding:0; margin:20px 0 20px 0;}
}

@media all and (max-width: 50em) /*<= 800px   35.5em) /* < 568px smartphones*/
{
header .utb{width:400px;}
header .utb h1{font-size:2em;}
header .utb h1 .sous-titre{padding:0; margin:0; font-size:0.7em;}	
header .utb nav ul li{margin:0 15px 4px 0; width:115px;}
header .utb nav ul li a{height:30px; line-height:30px; padding:0 0 0 4px; font-size:0.7em;}
header .image{display: none;}
header .image img{display: none;}
.main {margin:8px; padding:8px}
.flex_container {display:flex; flex-direction : column; padding:0;}
.stretch_container {display:flex; flex-direction : column; padding:0;}
.grande .img-grande{ margin:0 0 0 -175px; width:350px;}
.grande .img-grande img{min-width:300px;}
}