html {
  height: 100%;
}

body{font-weight:300}
html body{font-family:urw_gothicbook,Arial,Helvetica,sans-serif}

body,td {
	color: #333333;
	padding: 0;
	margin: 0;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0.02em;
	position: relative;
	min-height: 100%;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;	
	font-family:urw_gothicbook,Arial,Helvetica,sans-serif
}

@font-face {
    font-family: 'urw_gothicbook';
    src: url('/scripts/css/fonts/urwgothic-book-webfont.woff2') format('woff2'),
         url('/scripts/css/fonts/urwgothic-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'urw_gothicdemi';
    src: url('/scripts/css/fonts/urwgothic-demi-webfont.woff2') format('woff2'),
         url('/scripts/css/fonts/urwgothic-demi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1,h2{
	font-weight: normal;
	text-align:center;
	text-transform: uppercase;
	font-family: 'urw_gothicdemi';
}
h1 span.spanh1{font-family: 'urw_gothicbook';color:white;}

img{max-width:100%;border:none;}

/***************** Partie header *****************/
header{width: 100%;	height: auto;background-color:transparent;}

header input[type="radio"] {position:absolute;left:-9999em;}

div#divmenu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

/***************** Partie main *****************/
div#sectionariane {
   text-align:center;
}
ul.breadcrumb {
    padding: 0;
    list-style: none;
}
ul.breadcrumb li {
    display: inline;
    font-size: 0.85rem;
}

ul.breadcrumb li+li:before {
    padding: 5px;
    font-size: 0.6rem;
    color: #767676;
    content: ">>";
}

ul.breadcrumb li a {
    color: #767676;
    text-decoration: none;
}

p{padding:0;margin:0;}

div.sectionmainblanc{
	background-color:white;
	width: 100%;
	height: auto;
}

div.sectionmaingris{
	background-color:#F5F5F5;
	width: 100%;
	height: auto;
	padding-top:1rem;
	padding-bottom:1rem;
}

a:link, a:visited, a:active{
	color: #0288D1;
	text-decoration: none;
}

a:hover{
	color: #ED3125;
	text-decoration: underline;
}

p{padding-bottom:15px;}


form p{text-align:center;margin:0;padding:0;}
form label{
	display:inline-block;
	width:200px;
	text-align:right;
	margin-right:10px;
}

.spanform{
	display:inline-block;
	text-align:left;
	width:350px;
	background-color:#D6D6D6;
	margin-bottom: 10px;
}

form input[type="text"],form input[type="email"],form input[type="number"],form input[type=password],form select{
	height:30px;
	background-color:#EBEBEB;
	font: 0.8rem Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
	color: #313131;	
	border: 1px solid #C2C2C2;
	padding-left: 5px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-Webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top:5px;
	margin-bottom:5px;
}
form textarea{background-color:#EBEBEB;}

div.divformulaire{
	width:auto;
	max-width:500px;
	text-align:center;
	margin:0 auto;
}

input[type="submit"], input[type="reset"], input[type="button"], button {
    font: 0.8rem Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
    background-color: #013148;
    color: white;
    border: 1px solid #013148;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -Webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    height: 35px;
}

a.btn {
	color: white;
	background: #116E9E;
	padding: 3px 15px 3px 15px;
	text-decoration: none;
	display: inline-block;
	margin-top: 10px;
	margin-right: 15px;
}

a.btn:hover {
  text-decoration: none;
  background: #191919;
}

.arrondi{
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-Webkit-border-radius: 6px;
	border-radius: 6px;
}

.center{text-align:center;}

div#map-canvas{
	width: 100%;
	height: 100%;
	float:left;
	position:absolute;
}

a.alirelasuite:link, a.alirelasuite:visited, a.alirelasuite:active{
	display:inline-block;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	padding:0.5rem;
	padding-left:1.5rem;
	padding-right:1.5rem;
	margin-top:1rem;
}
a.alirelasuite:hover{background-color:#0066B1;color:white;}

.warning{background-color:red;color:white;text-align:center;}

div#divcarteliste a{color:black;}

/****************   LES OFFRES D'EMPLOI    ****************/
a.aoe:link, a.aoe:visited, a.aoe:active{color:#333333 !important;}
a.aoe:hover{text-decoration:none;}

div.offreemploi_item{
	display:inline-block;
	width:30%;
	margin:1%;
	padding:1rem;
	border: 1px solid #d4d2d0;
	text-align:left !important;
	box-sizing: border-box;
	color:#333333 !important;
	float:left;
}
div.offreemploi_item:hover{border: 1px solid #8F8F8F;}
div.offreemploi_item h2{margin:0;padding:0;font-size:1rem;line-height:1.5rem;text-align:left !important;margin-bottom:1rem;margin-top:0.5rem;}
div.divoemission{font-size:0.8rem;line-height:1.1rem;margin-top:0.7rem;}
div.divoesalaire{color:black;font-weight:bold;}
div.divoedate{background-image: url(/images/calendar.png);background-repeat:no-repeat;padding-left:30px;background-position:left center;}
div.divoelieu{background-image: url(/images/location2.png);background-repeat:no-repeat;padding-left:30px;background-position:left center;}
div.devresume{height:50px;}
/****************   LES OFFRES D'EMPLOI    ****************/


/****************   LES ÉVÈNEMENTS    ****************/
div.divevmntlst{
	display:inline-block;
	margin:1%;
	padding:1rem;
	border: 1px solid #d4d2d0;
	text-align:left !important;
	box-sizing: border-box;
	color:#333333 !important;
	float:left;
	box-sizing: border-box;
}
div.divevmntlst div.divevmntlstills{height:200px;width:100%;background-size:cover;}
div.divevmntlst h2{margin:0;padding:0;font-size:1rem;line-height:1.5rem;text-align:left !important;margin-bottom:1rem;margin-top:0.5rem;height:50px;}
/****************   LES ÉVÈNEMENTS    ****************/

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    color: white;
    background-color: #000;
    display: block;
    width: 90%;
    text-align: left;
    padding:5px;
    padding-left:15px;
    box-sizing: border-box;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #3DA4D9;
}

div#divreseauxsociauxqsn{padding-top:2rem;}
div#divreseauxsociauxqsn h2{color:white;text-transform:none;font-family: 'urw_gothicbook';padding:0;}
div#divreseauxsociauxqsn div.divrs_item{display:inline-block;width:12%;}
div#divreseauxsociauxqsn div.divrs_item img{width:30px;}
div#divreseauxsociauxqsn div.divrs_item h3{color:#3da4d9;font-size:0.8rem;margin:0;padding:0;}

div#divpresactivites{padding:2rem;font-size:1.2rem;line-height:1.7rem;text-align:center;}

div#divdemcons{width:90%;margin-left:auto;margin-right:auto;margin-top:1.5rem;margin-bottom:1.5rem;}
div#divdemcons td{font-size:0.88rem;line-height:1rem;}
.bgrouge{background-color:red;color:white;width:90%;margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:2rem;padding:0.5rem;text-align:center;}
.bgvert{background-color:green;color:white;width:90%;margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:2rem;padding:0.5rem;text-align:center;}


/***************** Partie footer *****************/
footer{
	width: 100%;
	height: auto;
	background-color: #191919;
	display: inline-block;
	bottom: 0; left: 0; right: 0; height: auto;
	padding-bottom:2rem;
	padding-top:4rem !important;
}

footer h3{text-align:left;}

footer div aside{
	display: inline-block;
	height: auto;
	padding: 10px;
	color: white;
	margin: 0;
}

footer div aside h3{
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom:15px;
	padding-left: 5px;
	color:#3da4d9;
}

footer div aside ul{margin:0;padding-left:15px;}

a.abas:link, a.abas:visited, a.abas:active{
	width: 100%;
	display: block;
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
	line-height:1.8rem;
	padding-left: 5px;
	padding-right: 5px;
}

a.abas:hover{
	text-decoration: none;
	background-color: #0066B1;
}