﻿
/* Global properties */
html {width:100%}
body 
{
	 font-family:'Open Sans', sans-serif;
   
	font-size:100%;
	color:black;
	background:url(../images/brtv.png) repeat
}

.col-1, .col-2, .col-3, .col-4  {float:left; padding:10px 10 10px}

.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}

.main {width:984px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.285em}
p {margin-bottom:18px; color: black}

a  { color: #3166AA; text-decoration: none}
.lien_souligne a{text-decoration: underline}

#footer a{ color: white}

.color-4 {color:black; text-align: center}
.error-message{color: red;}
/* header */
header {width:100%;margin-bottom:-16px;position:relative;z-index:1}
.row-1 {width:100%;height:113px;overflow:hidden;padding-top:24px}
.row-2 {width:100%;min-height:85px;position:relative;z-index:1}
.row-3 {width:100%;min-height:417px;position:relative;z-index:2}
h1 {padding:0px 0 0 40px;position:relative;float:left; margin-left: 300px;}

.logo {
	display:block;
	width:400px;
	height:105px;
	text-indent:-5000px;
	background:url(../images/logo5.png) 0 no-repeat;
	margin:10px 0 8px 0; 
	position: absolute;
	margin-left: -52.5px;
}

.slog {display:block;font-size:14px;line-height:1.2em;color:#8a8a8a;text-transform:uppercase;letter-spacing:-1px}

/* menu */
.menu {width:100%}
.menu li {float:left;position:relative;margin-right:1px}
.menu li.last-item {margin:0}
.menu li a {display:inline-block;width:109.6px; height: 3px;font-size:19px;line-height:0em;padding:18px 0 36px;margin-top:30px;color:#fff;background:#696969;text-align:center;border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0}
.menu li a:active, .menu li a:hover {color:#3166AA;background:#fff;height: 5px;padding:28px 0 36px;margin:0;font-size:19px}
.menu span { width:115px; height: 7px;font-size:19px;line-height:5em;padding:28px 0 36px;color:#3F62AB;background:#fff;text-align:center;border-radius:18px 18px 0 0; }

.col-4 {border:0.5px solid #C0C0C0;border-radius:18px 18px 18px 18px}

#titre_p{font-size: 20px; text-align: center; color: black}


.bouton a {
	display:block;
	width:120px;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #696969;
	background: #696969;
	color:white;
	text-decoration:none;
	border-radius:10px 10px 10px;
	position: absolute;
	left: 83.5%;
	top: 80%;
	 font-family:'Open Sans',sans-serif;
    
}
.bouton a:hover, .bouton1 a:hover {
	color: #3166AA;
	background: #fff;
}

.bouton1 a {
	display:block;
	width:120px;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #696969;
	background: #696969;
	color:white;
	text-decoration:none;
	border-radius:10px 10px 10px;
	position: absolute;
	left: 65%;
	top: 80%;
	 font-family:'Open Sans',sans-serif;
}

#lien{
	text-align: center;
	font-family:'Open Sans',sans-serif;
}

#footer{
	display:block;
	width:97%;
	line-height:7px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #696969;
	background: #696969;
	color:white;
	text-decoration:none;
	border-radius:10px 10px 10px;
	position: absolute;
	  font-family:'Open Sans',sans-serif;
	padding:-5px -5px -5px;
}
.block-news 
{
	padding:10px 20px 0px; 
	border-radius:18px;
	-webkit-border-radius:18px;
	height: 580px;
	background-color:#F0F0F0 
}

.block-news p 
{
	text-align: justify;
	font-size: 14px;
	line-height: 1.6
}

.block-news-contact 
{
	padding:10px 20px 0px; 
	border-radius:18px;
	-webkit-border-radius:18px; 
	height: 578px;
	background-color:#F0F0F0
}

.indent p
{
	text-align: justify;
	font-size: 15px;
	line-height:1.25;
}
/* content */
#content {  font-family:'Open Sans',sans-serif;
	width:100%;padding:10px 0 40px;
	background:#fff;
	-moz-border-radius:18px 18px 0 0;
	-webkit-border-radius:18px 18px 0 0;
	position:relative
}
#content .padding {padding:24px 12px 0}

#contacter_p {
	 font-family:'Open Sans',sans-serif;
	font-size:18px;
	line-height: 1.5;
	color: black 
}


h2 {  font-family:'Open Sans',sans-serif;
	font-size:28px;
	line-height:1.9em;
	color:#0f0f0f;
	margin-bottom:5px;
	letter-spacing:-2px; 
	text-align: center
}

h3 {
	  font-family:'Open Sans',sans-serif;
	font-size:21px;
	line-height:1.3em;
	margin-top:-5px;
	text-align: center
}
h3 strong {
	 font-family:'Open Sans',sans-serif;
	display:block;
	margin-bottom:-11px
}




.button {display:block;width:43px;height:43px;text-indent:-5000px}
.button-2 {display:inline-block;font-size:19px;line-height:1.21em;letter-spacing:-1px;color:#fefefe;padding:9px 20px 11px;background:url(../images/button-tail.gif) 0 0 repeat-x #3c3c3c;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.button-2:hover {background:#3c3c3c}

.text-1 {line-height:20px;margin:0} 
dl.address {line-height:24px;color:#9d9d9d;font-size:17px}
dl.address span {float:left;width:74px;color:#fefefe;font-size:17px}
dl.contact {line-height:20px;color:#9d9d9d;font-size:17px}
dl.contact span {display:block;color:#0f0f0f;font-size:17px}
dl.contact dt, dl.contact dd {margin-bottom:5px;font-size:17px}
.tdate-1 {font-size:20px;line-height:1.2em;color:#0f0f0f;text-align:center;letter-spacing:-2px;margin:-8px 16px 0 0}
.tdate-1 strong {display:block;font-size:49px;line-height:1.2em;color:#00a9ff;margin-bottom:-10px}
.tdate-2 {float:left;color:#0f0f0f}
.news {padding-left:25px;background:url(../images/editeur.png) 0 0 no-repeat}
#contact-form {display:block}
#contact-form  label {display:block;height:30px;overflow:hidden}
#contact-form  input {float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;
	 font-family:'Open Sans',sans-serif;
	border:1px solid #ebebeb;background:none}
#contact-form textarea {height:262px;overflow:auto;float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;
	 font-family:'Open Sans',sans-serif;
	border:1px solid #ebebeb;
	background:none
}
.text-form {float:left;display:block;font-size:17px;width:73px;line-height:1.78em;color:#0f0f0f}
.buttons {padding-top:16px;text-align:right}
.buttons a {margin-left:6px;padding:9px 25px 11px}
