/*---------------------------------------------
Feuille de style pour Webedia.fr
Date de création : 19/03/2012

Structure :

	>> Déclarations globales
	>> Importations @font-face
	>> IDs (#)
	>> Classes
		> Liens rollover
	>> Media Queries
	
Dernière mise à jour : le 17/04/2012 par Liam
---------------------------------------------*/

/*--- Déclarations globales ---*/

*{
	margin: 0;
	padding: 0;
}

html, body {
	background: white url('img/bg.jpg');
	margin: 0;
}
img {
	border: none;
}
h1, h2, h3 {
	font-weight: normal;
	margin: 0;
	min-width: 990px;
}
/*--- Importations @font-face ---*/

@font-face {
    font-family: 'AvantGardeBookThRegular';
    src: url('fonts/avantgarde-book_th-webfont.eot');
    src: url('fonts/avantgarde-book_th-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avantgarde-book_th-webfont.woff') format('woff'),
         url('fonts/avantgarde-book_th-webfont.ttf') format('truetype'),
         url('fonts/avantgarde-book_th-webfont.svg#AvantGardeBookThRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/GothamCond_Book.eot');
    src: url('fonts/GothamCond_Book.eot?#iefix') format('embedded-opentype'),
         url('fonts/GothamCond_Book.woff') format('woff'),
         url('fonts/GothamCond_Book.ttf') format('truetype'),
         url('fonts/GothamCond_Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DidotElderOSFRomanItalic';
    src: url('fonts/didotelder-romanitalicosf-webfont.eot');
    src: url('fonts/didotelder-romanitalicosf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/didotelder-romanitalicosf-webfont.woff') format('woff'),
         url('fonts/didotelder-romanitalicosf-webfont.ttf') format('truetype'),
         url('fonts/didotelder-romanitalicosf-webfont.svg#DidotElderOSFRomanItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Edwardian';
    src: url('fonts/ITCEDSCR.eot');
    src: url('fonts/ITCEDSCR.eot?#iefix') format('embedded-opentype'),
         url('fonts/ITCEDSCR.woff') format('woff'),
         url('fonts/ITCEDSCR.ttf') format('truetype'),
         url('fonts/ITCEDSCR.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*--- IDs (#) ---*/

header {
	background-image: url('img/bg_header.jpg');
	background-repeat: repeat-x;
	width: 1900px;
	height: 163px;
	text-align: center;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -950px;
	padding-top: 20px;
	z-index: 10;
}
header ul {
	width: 990px;
	margin: 34px auto 5px auto;
}
header ul li {
	font-family: Gotham;
	list-style-type: none;
	display: inline;
	padding: 0 30px 0 30px;
	font-size: 17px;
	color: #606060;
}
header ul li a {
	text-decoration: none;
	color: #606060;
}
header ul li a:hover {
	text-decoration: underline;
	color: #606060;
}
header ul li img {
	cursor: pointer;
}

article {
	width: 100%;
	max-width: 1900px;
	margin: 0 auto 300px auto;
	text-align: center;
	padding-top: 20px;
}
article h1 {
	background: url('img/ligne_h1.png') no-repeat bottom;
	text-align: center;
	font-family: DidotElderDisplayRegular;
	font-size: 49px;
	height: 46px;
	margin-top: 70px;
}
article h2 {
	font-family: Edwardian;
	font-size: 90px;
}
article h3 {
	margin-top: -27px;
	font-family: AvantGardeBookThRegular;
	font-size: 11px;
	letter-spacing: 5px;
	text-align: center;
}
article a {
	opacity: 0.7;
	z-index: 0;
}
article a:hover {
	opacity: 1;
}

footer {
	font-family: arial;
	color: #737373;
	text-align: center;
	font-size: 9px;
	letter-spacing: 2px;
	margin-bottom: 100px;
}

#intro {
	width: 100%;
	height: 587px;
	max-width: 1900px;
	margin: 160px auto 50px auto;
	background: url('img/bg_article_top.png') no-repeat;
}
#container {
	margin: 0 auto;
	padding-top: 50px;
	width: 1070px;
	text-align: center;
}
#container_sites {
	margin: 0 auto;
	padding-top: 50px;
	width: 990px;
	text-align: center;
	clear: both;
}
#contact {
	width: 100%;
	max-width: 1900px;
	margin: 0 auto 270px auto;
	text-align: center;
	padding-top: 70px;
}
#contact a, #recrutement a {
	text-decoration: none;
	color: #737373;
}
#contact a:hover, #recrutement a:hover {
	text-decoration: none;
	color: #e1d2bd;
}
#container_contact {
	margin: 0 auto;
	padding-top: 50px;
	width: 990px;
	text-align: center;
	clear: both;
}
#recrutement {
	width: 100%;
	max-width: 1900px;
	margin: 0 auto 270px auto;
	text-align: center;
	padding-top: 90px;
}
#sp_gl, #sp_di, #sp_dm, #sp_co, #sp_re {
	display: none;
}
#lang_selector {
	position: absolute;
	top: 23px;
	right: 50%;
	margin-right: -400px;
	z-index: 11;
}

/*--- Classes ---*/

.hide {
	display: none;
}
.chiffre {
	font-family: Edwardian;
	font-size: 157px;
	letter-spacing: -14px;
	margin: auto auto -10px;
	text-align: center;
}
.unite {
	font-family: DidotElderDisplayRegular;
	font-size: 75px;
	letter-spacing: 0px;
}
.unite_ {
	font-family: Edwardian;
	font-size: 75px;
}
.sous-chiffre {
	font-family: AvantGardeBookThRegular;
	font-size: 15px;
	letter-spacing: 5px;
	margin-top: -37px;
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearboth{
	clear: both;
}
.red {
	color: #da0000;
}
.blue {
	color: #527e9f;
}
.gold {
	color: #e8ca82;
}
.grey {
    color: #0f4451;
}
.mini_lg{
    font-size: 10px;
    font-style: italic;
    text-align: center;
}

.unite_article {
	font-family: DidotElderDisplayRegular;
	font-size: 53px;
	letter-spacing: 0px;
}
.site {
	width: 175px;
	margin: 35.80px;
	font-family: arial;
	font-size: 15px;
	text-align: center;
	color: #737373;
	float: left;
}
.siteDM {
	width: 185px;
	margin: 35.8px 6px;
	font-family: arial;
	font-size: 15px;
	text-align: center;
	color: #737373;
	float: left;
}
.clear {
	clear: both;
	visibility: hidden;
}
.logo {
	height: 40px;
}
.desc_site {
	height: 77px;
}
.desc_site_court {
	height: 45px;
}
.VU_sites {
	font-family: AvantGardeBookThRegular;
	font-size: 11px;
	letter-spacing: 2px;
}
.chiffre_sites {
	font-family: DidotElderDisplayRegular;
	font-size: 41px;
	letter-spacing: 0px;
}
.chiffre_sitesDM {
	font-family: DidotElderDisplayRegular;
	font-size: 35px;
	letter-spacing: 0px;
}
.separator {
	float: left;
	margin-top: 35.80px;
}
.contact {
	text-align: center;
	font-family: DidotElderDisplayRegular;
	font-size: 66px;
	height: 46px;
	margin-bottom: 25px;
}
.recrutement {
	text-align: center;
	font-family: DidotElderDisplayRegular;
	font-size: 66px;
	height: 46px;
	margin-bottom: 100px;
}
.subcontainer_contact {
	width: 293px;
	margin: 18px;
	text-align: center;
	color: #737373;
	float: left;
}
.titre_contact {
	font-family: AvantGardeBookThRegular;
	font-size: 11px;
	letter-spacing: 3px;
}
.adresse_mail {
	font-family: DidotElderOSFRomanItalic;
	font-size: 27px;
	margin-top: -10px;
}
.separator_small {
	float: left;
	margin-top: -20px;
}
.recrutement_rch {
	font-family: DidotElderOSFRomanItalic;
	font-size: 18px;
	color: #737373;
	cursor: pointer;
}
.recrutement_cachee {
	margin: 0 auto;
	display: none;
	font-family: DidotElderOSFRomanItalic;
	font-size: 14px;
	color: #737373;
	cursor: default;
	width: 600px;
	text-align: left;
}
		/*
			> Liens rollover
		*/

a.fr_fr {
	display: block;
	float: left;
	width: 16px;
	height: 12px;
	text-decoration: none;
	background: url("img/fr_fr.png");
}
/*a.fr_fr:hover {background-position: -16px 0;}*/
a.en_fr {
	display: block;
	float: left;
	width: 16px;
	height: 12px;
	text-decoration: none;
	background: url("img/en_fr.png");
}
a.en_fr:hover {background-position: -16px 0;}
a.fr_en {
	display: block;
	float: left;
	width: 16px;
	height: 12px;
	text-decoration: none;
	background: url("img/fr_en.png");
}
a.fr_en:hover {background-position: -16px 0;}
a.en_en {
	display: block;
	float: left;
	width: 16px;
	height: 12px;
	text-decoration: none;
	background: url("img/en_en.png");
}
/*a.en_en:hover {background-position: -16px 0;}*/
		
/*--- Media Queries ---*/