body {
	font-family:Calibri, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	line-height: 1.3em;
	font-weight:normal;
	background: url(../img/bg/bg_wallpaper.gif) top center fixed #00a9ea;
}

a {
	color:#2ab1e9;
}

a:hover {
	color:#faa635;
}

/* HEADER */
#header {
	overflow:hidden;	
}

#menu {
	background-color:#ffffff;
	width:980px;
	height:67px;
	margin:0 auto;
	border-bottom:1px solid #0092d3;
}
#menu ul {
	margin:0;
	padding:0;
	text-align:center;
}
#menu li {
	list-style-type:none;
	display:inline;
	line-height:67px;
	color:#2ab1e9;
	padding:14px 14px;
	font-size:18px;
	font-family:'Open Sans Condensed', sans-serif;
}
#menu li a {
	color:#2ab1e9;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	line-height:67px;
}
#menu li a:hover {
	color:#faa635;
}
#menu .seperator {
	padding:0px;	
}

#sub-menu-network {
	text-align:center;
	background:#ffffff;
	border-bottom:1px solid #0092D3;
	display:none;
	width:980px;
	margin:0 auto;
}
#sub-menu-network img {
	margin:10px 30px;	
}
#arrow-down:link {
	padding-right:17px;
	background:url(../img/btn/arrow-down1.gif) center right no-repeat;
}
#arrow-down:hover {
	padding-right:17px;
	background:url(../img/btn/arrow-down2.gif) center right no-repeat;
}
#arrow-up:link {
	padding-right:17px;
	background:url(../img/btn/arrow-up1.gif) center right no-repeat;
}
#arrow-up:hover {
	padding-right:17px;
	background:url(../img/btn/arrow-up2.gif) center right no-repeat;
}


#logo {
	background:url(../img/bg/bg_header_shadow.gif) bottom center no-repeat #ffffff;
	padding-bottom:25px;
	width:980px;
	height:135px;
	margin:0 auto;
	text-align:center;
}
#logo img {
	margin-top:18px;	
}

/* CONTENT */
#content {
	background-color:#ffffff;
	width:980px;
	margin:0 auto;
	position:relative;
}

.wrap {
	overflow:hidden;
	min-height:600px;
}

.title {
	position:absolute;
	top:30px;
	left:-21px;
	text-indent:-999em;
	width:350px;
	height:400px;
	margin:0;
	padding:0;
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
}
.title.homepage {
	background-image: url(../img/titles/title_accueil.png);
}
.title.services {
	background-image: url(../img/titles/title_services.png);
}
.title.team {
	background-image: url(../img/titles/title_equipe.png);
}
.title.results-poll {
	background-image: url(../img/titles/title_resultats-sondages.png);
}

.box {
	float:right;
	overflow:hidden;
}

.box.text.homepage {
	width: 50%;
	border-bottom: 1px solid #e4e4e4;
	margin: 0 110px 30px 0;
	padding: 25px 0;
}
.box.text.homepage p {
	text-align:justify;	
}
.box.text.homepage ul {
	padding:0 15px;	
}
.box.text.homepage h3 {
	color:#faa635;
	line-height:18px;
	font-size:22px;
	font-weight:bold;
}
.box.text.homepage h3 span {
	font-size: 15px;
}
.box.text.homepage .btn {
	display: block;
	margin: 16px 0 48px;
	padding: 16px;
	border-radius: 4px;
	background-color: #00A3DA;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
}
.box.text.homepage .btn svg {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.box.graphic.homepage {
	width:760px;
	text-align:right;	
	margin:10px 110px 10px 0;
}
.box.references.homepage {
	width:490px;
	margin:30px 110px 30px 0;
}
.box.references.homepage p {
	color: #505050;
	font-size: 11px;
	line-height: 1em;
	font-style: italic;
	text-align: right;	
}

.box.graphic.services {
	margin:213px 110px 30px 0;
}

.box.address.team {
	float:left;
	width:300px;
	margin:26px 110px 30px 44px;
}
.box.address.team p {
	font-size:15px;
	font-weight:bold;
	line-height:18px;
}
.box.graphic.team {
	margin:155px 110px 30px 0;
}
.box.profile.team {
	float:left;
	margin-left:44px;
}
.box.profile.team .contact {
	float:left;
	overflow:hidden;
	width:290px;
	margin-right:10px;
	margin-bottom:16px;
}
.box.profile.team .contact .picture {
	float:left;
	margin-right:20px;
}
.box.profile.team .contact .info {
	float:left;
	margin-top:65px;
	width:170px;
}
.box.profile.team .contact .info .name {
	font-size:17px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;	
}

.box.list.team {
	float:left;
	width:860px;
	margin:0px 60px 30px 60px;	
}
.box.list.team h3 {
	color:#faa635;
	line-height:24px;
	font-size:24px;
	font-weight:bold;
	margin:0 0 5px;
	padding:0 10px;
}
.box.list.team table {
	margin-bottom:30px;
}
.box.list.team th {
	background-color:#e3e6ec;
	text-align:left;
	padding:3px 10px;
	border-right:1px solid #ffffff;
}
.box.list.team td {
	text-align:left;
	vertical-align:text-top;
	padding:10px 10px;
	border-bottom:1px solid #e3e6ec;
}
.box.list.team td img {
	vertical-align:middle;
}
.box.list.team .name {
	font-size:17px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;	
}

.box.text.results-poll {
	float:left;
	width: 600px;
	padding: 25px 0;
	margin: 30px 44px;
	border-bottom:1px solid #e4e4e4;
	
}
.box.text.results-poll p {
	text-align:justify;	
}
.box.text.results-poll h3 {
	color: #faa635;
	font-size: 1.75em;
}
.box.references.results-poll {
	float:left;
	width:600px;
	margin: 0 44px 30px 44px;
}
.box.references.results-poll p {
	color: #505050;
	font-size: 11px;
	line-height: 1.1em;
	font-style:italic;
	text-align: left;	
}
.box.columnright.results-poll {
	width:248px;
	margin:70px 44px 30px 0px;	
}
.box.documents.results-poll {
	width:248px;
	background-color:#e3e6ec;
	margin-bottom:10px;
}
.box.documents.results-poll p {
	margin:10px;
}
.box.documents.results-poll ul {
	padding:0 25px;
}
.box.documents.results-poll li {
	line-height:20px;
	list-style-type:square;
	color:#acacac;
}

.login.results-poll {
	width:300px;
	text-align:left;
	margin:0 auto;	
}
.login.results-poll .f-text label {
    float: left;
    font-size: 12px;
    line-height: 14px;
    margin: 3px 10px 0 0;
    width: 80px;
}
.login.results-poll .f-text .champs {
    width: 200px;
    background-color:#f5f5f5; 
    border:1px solid #ACACAC;
}

.box.list.stations-sites {
	float:left;
	width:760px;
	margin:30px 110px 30px 110px;	
}
.box.list.stations-sites h3 {
	color:#faa635;
	line-height:24px;
	font-size:24px;
	font-weight:bold;
	margin:0 0 5px;
	padding:0 10px;
}
.box.list.stations-sites table {
	margin-bottom:30px;
}
.box.list.stations-sites th {
	background-color:#e3e6ec;
	text-align:left;
	padding:3px 10px;
	border-right:1px solid #ffffff;
}
.box.list.stations-sites td {
	text-align:left;
	padding:10px 10px;
	border-bottom:1px solid #e3e6ec;
}

.box.text.error-404 {
	float:left;
	width:600px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	margin:30px 44px 30px 44px;
}
.box.text.error-404 p {
	text-align:justify;	
}
.box.text.error-404 h3 {
	color:#faa635;
	line-height:18px;
	font-size:16px;
	font-weight:bold;
}



/* FOOTER */
#footer {
	background-color:#ffffff;
	width:980px;
	margin:0 auto;
	padding:10px 0;
}