/*   
	Theme Name:        Appui
	Description:       A simple basic theme template for WordPress.
	Template:        	 GraphicToolkit
	Text Domain:       Appui
*/




@font-face {
font-family: 'fontawesome-solid';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url("fonts/fontawesome/fa-solid-900.eot");
src: url("fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"),
url("fonts/fontawesome/fa-solid-900.woff2") format("woff2"),
url("fonts/fontawesome/fa-solid-900.woff") format("woff"),
url("fonts/fontawesome/fa-solid-900.ttf") format("truetype"),
url("fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); 
}

@font-face {
font-family: 'fontawesome';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url("fonts/fontawesome/fontawesome-webfont.eot");
src: url("fonts/fontawesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
url("fonts/fontawesome/fontawesome-webfont.woff2") format("woff2"),
url("fonts/fontawesome/fontawesome-webfont.woff") format("woff"),
url("fonts/fontawesome/fontawesome-webfont.ttf") format("truetype"),
url("fonts/fontawesome/fontawesome-webfont.svg#fontawesome") format("svg"); 
}

@font-face {
font-family: 'capriola-regular';
font-style: normal;
/* font-weight: 300; */
font-display: auto;
src: url("fonts/capriola/capriola-regular-webfont.eot");
src: url("fonts/capriola/capriola-regular-webfont.eot?#iefix") format("embedded-opentype"),
url("fonts/capriola/capriola-regular-webfont.woff2") format("woff2"),
url("fonts/capriola/capriola-regular-webfont.woff") format("woff"),
url("fonts/capriola/capriola-regular-webfont.ttf") format("truetype");
}

@font-face {
font-family: 'capriola-bold';
font-style: normal;
/* font-weight: 300; */
font-display: auto;
src: url("fonts/capriola/capriola-bold-webfont.eot");
src: url("fonts/capriola/capriola-bold-webfont.eot?#iefix") format("embedded-opentype"),
url("fonts/capriola/capriola-bold-webfont.woff2") format("woff2"),
url("fonts/capriola/capriola-bold-webfont.woff") format("woff"),
url("fonts/capriola/capriola-bold-webfont.ttf") format("truetype");
}
	

body{
font-family: 'capriola-regular', sans-serif;
}


/* transitions d'états */
a, button, input, textarea{
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}

H1,H2,H3,H4,H5,li,p{
clear:both;
text-align:center;
}


/* titres */
H1, H3{
font-family: 'capriola-bold', sans-serif;
}
H2{
font-family: 'capriola-bold', sans-serif;
margin-right:auto;
margin-left:auto;
letter-spacing:1px;
}
H1{
font-size:2.6em;
padding: 0 20px;
font-weight:800;
margin-bottom:30px;
margin-top:30px;
letter-spacing:2px;
line-height: 1.4;
}
H2{
font-size:1.8em;
font-weight: 800;
padding: 18px 30px 20px 30px;
line-height:1.4;
border-radius:28px;
-webkit-border-radius:28px;
-moz-border-radius:28px;
display: table;
margin-bottom:40px;
position: relative;
}
.territoire H2{
max-width:80%;
}
H3{
font-size:1.9em;
line-height:1.4;
font-weight:300;
padding: 0 20px;
margin-bottom:30px;
}
H4{
font-size:1.3em;
font-weight: 500;
padding: 0 20px;
margin:0;
}
h2[style*="center"]{
margin-right:auto;
margin-left:auto;
}
h2[style*="left"]{
margin-right:0;
margin-left:0;
}
h2[style*="right"]{
margin-right:0;
margin-left:0;
float: right;
}


@media(max-width:450px){
H1{
font-size:2.3em;
}
H2,
H3{
font-size:1.55em;
}
}
@media(max-width:768px){
br{
display:none;
}
}

.presentation a{
background-color:#e7dc49;
color:#424146;
padding:6px 12px;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
text-decoration:none;
}

/* paragraphe */

/* word-wrap:break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto; */

p{
font-size: 18px;
font-weight: 500;
font-family: 'capriola-regular', sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
line-height: 1.7;
margin: 0;
padding: 0 25px;
}
p strong,
p b,
li strong,
li b{
font-family: 'capriola-bold', sans-serif;
}
.smalltext p{
font-size: 14px;
}
.texte_nomargin p{
margin-top:0;
margin-bottom:0;
}
.texte_bigger p{
font-size: 19px;
}


/* listes */
ol,
ul{
padding-left: 20px;
margin: 0 20px;
}
li{
list-style:none;
font-family: 'capriola-regular' ;
margin: 0;
font-size: 18px;
line-height: 1.7;
}
.presentation li:before{
content: "•";
font-weight: bold;
padding-right: 10px;
font-size: 27px;
line-height: 10px;
position: relative;
top: 3px;
}
ol li{
padding: 0 0 0 8px;
}
form ul{
padding:0;
}
form li{
display:block;
}

/* legendes et notes de bas de page */
.note li,
.note{
font-size: 0.8em;
}
.note{
padding-left: 15px;
}
.ancre_bas{
visibility:hidden;
}
.legende{
font-size: 0.8em;
}

/* filet */
hr{
border:none;
margin: 40px 60px 55px 60px;
}
hr:before{
content:"";
width: 100%;
height: 54px;
background-image: url(images/ligne-separation.svg);
background-repeat: no-repeat, no-repeat;
background-position: center center;
background-size: contain;
display:block;
margin: 0 auto;
top:-7px;
position:relative;
z-index:9;
}

/* tableaux */
td{
padding:8px 12px 6px 12px;
border-width: 1px;
border-style:solid;
}
table td,
table td span,
table td strong{
word-break: break-all;
overflow-wrap: anywhere;
word-wrap:break-word;
}


/* exposants */
.bloc.texte sup{
font-size: .5em;
font-weight: 700;
padding-left: 2px;
}