@charset "UTF-8";

/** ------------------------------ CSS Général ------------------------------ **/

@font-face{
	font-family: 'Typo1_Normal';
	src: url('../font/corbel.ttf');
}

@font-face{
	font-family: 'Typo1_Bold';
	src: url('../font/corbel_bold.ttf');
}

@font-face{
	font-family: 'Typo1_Bold_Italic';
	src: url('../font/corbel_bold_italic.ttf');
}

@font-face{
	font-family: 'Typo1_Italic';
	src: url('../font/corbel_italic.ttf');
}

a{
	text-decoration: none;
	color:#1a368b;
}

a:hover{
	color:#97b5da;
}

p{
	text-align:center;
	font-size:12pt;
	padding-top:15px;
}

h2{
    text-align: center;
    padding: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #6d82c0;
    color: white;
    text-transform: uppercase;
    font-size: 14pt;
    display: table;
    margin: auto;
    margin-top: 15px;
}

body{
  height: 100%;
  margin: 0;
  padding: 0;
  font-family:Typo1_Normal, sans-serif;
}

/** ------------------------------ CSS Header ------------------------------ **/

header{
	width:1200px;
	display:table;
	margin:auto;
	margin-bottom:-6px;
}

#navig_gauche{
	width:37.5%;
	display: inline-block;
	text-align:right;
	margin-top:-20px;
	float:left;
}

#navig_droite{
	width:37.5%;
	display: inline-block;
	margin-top:-20px;
	float:right;
}

#navig_gauche .valign{
	right:0px;
}

#navig_droite .valign{
	left:0px;
}

#navig_gauche ul, #navig_droite ul{
	list-style-type: none;
	display:inline;
}

#navig_gauche ul li, #navig_droite ul li{
	height: 40px;
	padding:11px;
	position:relative;
}

.valign{
	position: absolute;
    padding: 22px;
    top: 8px;
 	font-family:Typo1_Bold, sans-serif;
	text-transform:uppercase;
	font-size: 12pt;
}

a .valign{
	color:black;
}

.active .valign{
	background-color:#6d82c0;
	color:white;
}

a:hover .valign{
	background-color:#97b5da;
	color:white;
}

.reduc{
	padding:11px 22px 13px 22px;
}

#logo{
	width:25%;
	display: inline-block;
	height:200px;
	background: url("../images/barre_logo.png") left repeat-y, url("../images/barre_logo.png") right repeat-y;
}

/** ------------------------------ CSS Section Image ------------------------------ **/

#image{
	position:relative;
}

#image img{
	background-size:100%;
	width:100%;
}


#phrase_accroche{
	position: relative;
	width:1200px;
	margin:auto;
}

#phrase_accroche h1{
	position: absolute;
	background-color: rgba(0, 0, 0, 0.8);
	background-image: url("../images/cadre_accroche.png");
	width:871px;
	height:104px;
	bottom:50px;
	font-size:18pt;
	text-align:center;
	color:white;
	text-transform:uppercase;
	font-weight:normal;
}

#phrase_accroche h1 span{
	position: absolute;
	left:30px;
	top:35%;
}
/** ------------------------------ CSS Section Contenu ------------------------------ **/

#contenu{
	width:1200px;
	margin:-6px auto 0px auto;
	display:table;
}

#bloc_contenu{
	width:70%;
	background-color:white;
	min-height:900px;
	display:inline-block;
	margin-right:5%;
}

#bloc_contenu p{
	width:95%;
	margin:auto;
}

#bloc_images{
	margin:auto;
	display:table;
	margin-top:20px;
	text-align:center;
}

#bloc_images img{
	margin:5px;
	width:30%;
}

#page p{
	padding-top: 25px;
	font-size: 13pt;
}

#page2 p{
	padding-top: 25px;
	text-align: justify;
	font-size: 13pt;
}

#page b{
	font-family:Typo1_Bold, sans-serif;
}

#page2 b{
	font-family:Typo1_Bold, sans-serif;
}

#page2 #center{
text-align:center;
}

em{
	font-family:Typo1_Bold, sans-serif;
	font-size:16pt;
	font-style:normal;
}

/** ------------------------------ CSS Section Contact ------------------------------ **/

#bloc_contact{
	width:25%;
	background-color:#6d82c0;
	min-height:900px;
	display:inline-block;
	float:right;
}

#bloc_contact2{
	width:25%;
	background-color:#6d82c0;
	min-height:1500px;
	display:inline-block;
	float:right;
}

#bloc_contact p, #bloc_contact2 p{
	text-align:center;
	margin:auto;
	color:white;
	margin:5px;
}

#bloc_contact h2, #bloc_contact2 h2{
	text-align:center;
	margin:auto;
	color:white;
	font-size:18pt;
	font-family:Typo1_Bold, sans-serif;
	padding:0;
}

#bloc_logo{
	margin:auto;
	display:table;
	text-align:center;
}

#bloc_logo img{
	margin:15px;
}

/** ------------------------------ CSS Section Contact - Google Map ------------------------------ **/

#bloc_google{
	margin:auto;
	margin-top:50px;
	display:table;
}

#table_google{
	overflow:hidden;
	height:200px;
	width:250px;
	border:5px solid #97b5da;
}

#gmap_canvas{
	height:200px;
	width:250px;
}

.cache{
color: #6d82c0;
}

/** ------------------------------ CSS Section Footer ------------------------------ **/

footer{
	background-color:#2d2d2d;
	height:115px;
	margin-top:-16px;
}

footer p{
	color:white;
	padding-top:20px;
}

footer p a{
	color:white;
}