html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
input, textarea, select { margin: 0; padding: 0 }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Général */
body {
	background: #fff;
	font-family: Arial;
	font-size: 12px;
}

a, a:visited {
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Utile */
.access-layout { display: none; }

.spacer {
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	float: none !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

.gras { font-weight: bold }
.italique { font-style: italic }
.majuscules { text-transform: uppercase }
.gauche { text-align: left }
.droite { text-align: right }
.justifie { text-align: justify }
.centre { text-align: center }
.souligne { text-decoration: underline }
.minuscules { text-transform: none }

.f-gauche { float: left !important }
.f-droite { float: right !important }

.marge1 { height: 10px; }
.marge2 { height: 20px; }
.marge3 { height: 30px; }
.marge4 { height: 40px; }
.marge5 { height: 50px; }

.s8 { font-size: 8px; }
.s9 { font-size: 9px; }
.s10 { font-size: 10px; }
.s11 { font-size: 11px; }
.s12 { font-size: 12px; }
.s13 { font-size: 13px !important; }
.s14 { font-size: 14px; }
.s15 { font-size: 15px; }
.s16 { font-size: 16px; }
.s17 { font-size: 17px; }
.s18 { font-size: 18px; }
.s19 { font-size: 19px; }
.s20 { font-size: 20px; }
.s21 { font-size: 21px; }
.s22 { font-size: 22px; }
.s23 { font-size: 23px; }
.s24 { font-size: 24px; }
.s25 { font-size: 25px; }
.s26 { font-size: 26px; }
.s27 { font-size: 27px; }
.s28 { font-size: 28px; }
.s29 { font-size: 29px; }
.s30 { font-size: 30px !important; }

sub{ font-size:11px;}

.texte{
	color:#3e3d40;
	margin: 0;
	padding: 0 0 10px 0;
}

ul.list-texte{
	margin:0 0 0 37px  !important;
	padding:5px 0 20px 0 !important;
}

ul.list-texte a{
	color:#3e3d40 !important;
}

.sansmarge{ padding:0 !important;}

.orange{
	color:#FF6600;
}

.gris{
	color:#58585a !important;
}

.fondGris{
	background-color: #58585a;
	display: inline-block !important;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 5px;
}

.noir { color: #000 !important }

/* Accueil */
.global {
	width: 735px;
	margin: auto;
}

/* Barre */
.headerBarre {
	background: #58585a;
	height: 35px;
	line-height: 35px;
	font-family: 'gotham_bookregular';
	color: #fff;
}

.headerLiens {
	float: left;
}

.headerLiens ul {
	list-style: none;
}	

.headerLiens ul li {
	display: inline-block;
	margin: 0 5px;
}	

.headerLiens ul li a {
	color: #fff;
}	

.headerReseaux {
	float: right;
	font-size: 90%;
}

.headerReseaux a {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
a.btnHeaderFacebook{
	display: inline-block;
	background: url(../images/facebook.png) no-repeat;
	width:17px;
}
a.btnHeaderTwitter {
	display:inline-block;
	background: url(../images/twitter.png) no-repeat;
	width: 17px;
	
}
a.btnHeaderViadeo{
	display: inline-block;
	background: url(../images/viadeo.png) no-repeat;
	width: 17px;
}
a.btnHeaderYoutube{
	display: inline-block;
	background: url(../images/youtube.png) no-repeat;
	width:24px;
}
a.btnHeaderLinkdin{
	display: inline-block;
	background: url(../images/linkedin.png) no-repeat;
	width:17px;
}

.header {
	position: relative;
	height: 125px;
}

.headerLogo {
	text-align: center;
	padding: 35px 0 0 0;
}

.logoTNT {
	position: absolute;
	bottom: 30px;
	left: 0;
}

.enteteContainer {
	background: #eceded url(../images/ombre.png) no-repeat center top;
	height: 40px;
	line-height: 40px;
	margin: 0 0 20px 0;
	font-family: 'gotham_mediumregular';
	color: #3e3d40;
}

.entete {
	width: 735px;
	margin: auto;
}

.tailleLarge {
	width: 930px !important;
}

.enteteG {
	float: left;
	text-transform: uppercase
}

.enteteD {
	float: right;
	font-weight: bold;
}

.accueilBandeau {
	margin: 0 0 10px 0;
	position: relative;
}

.accueilBandeau a {
	display: block;
	color: #ffffff;
}

.accueilBandeau img {
	
}

.accueilBandeau a:hover img { opacity: 0.8 }

.accueilBandeauTexte {
	position: absolute;
	bottom: 30px;
	left: 15px;
	font-family: 'gotham_mediumregular';
}

.accueilBandeauTexte span {
	display: block;
}

.flecheOrange {
	margin: 10px 0 0 0;
	display: inline-block;
	width: 29px;
	height: 15px;
	background: url(../images/fleche.png) no-repeat;
}


.accueilVignette {
	float: left;
	width: 190px;
	margin: 0 5px 5px 0;
}

.accueilVignette a {
	display: block;
	text-decoration: none
}

.accueilVignetteTexte {
	display: block;
	background: #58585a;
	color: #fff;
	font-family: 'gotham_mediumregular';
	padding: 5px;
	position: relative;
	height: 50px;
	line-height: 12px;
}

.accueilVignetteTitre{
	 font-family: 'gotham_boldregular';
}

.accueilVignette .flecheOrange {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.accueilVignetteTag {
	text-transform: uppercase;
	display: block;
}

.accueilVignette a:hover img {
	opacity: 0.8;
}

.accueilLiens {
	float: left;
	width: 150px;
	font-family: 'gotham_mediumregular';
	color:#1a171b;
	margin:30px 0 0 0;
}

.accueilLiens h2 {
	margin: 0 5px 0 0;
	font-size: 14px;
	border-bottom: 1px solid #d0d1d2;
	padding-bottom: 5px;
	font-weight: normal;
}

.accueilLiens ul {
	list-style: none;
}

.accueilLiens ul li {
	border-bottom: 1px solid #d0d1d2;
	padding: 10px 0;
}	

.accueilLiens ul li a {
	color: #1a171b;
	font-size: 11px;
	font-family: 'gotham_bookregular';
}	


/* Footer */
.footerContainer {
	background: #eceded url(../images/ombre.png) no-repeat center top;
	margin: 30px 0 0 0;
	padding: 20px 20px 50px 20px;
	font-size: 10px;
	color: #3e3d40;
}

.footer {
	width: 735px;
	margin: auto;
}

.footer a {
	color: #3e3d40;
	text-decoration: underline;
}

.footer p {
	margin: 5px 0;
}


/* Article */
body.page .global {
	width: 940px;
}

.colG {
	float: left;
	width: 640px;
	margin: 0 20px 0 0;
}

.colD {
	float: left;
	width: 280px;
}

.articleImage {
	margin: 0 0 10px 0;
}

.articleTag {
	color: #58585a;
	font-family: 'gotham_bookregular';
	font-size: 18px;
	text-transform: uppercase;
}

.article h2 {
	color: #58585a;
	font-size: 36px;
	font-family: 'gotham_boldregular';
}

.articleActions {
	margin: 20px 0;
	border-top: 1px solid #3e3d40;
	border-bottom: 1px solid #3e3d40;
	padding: 8px 0;
	text-transform: uppercase;
	font-family: 'gotham_mediumregular';
	font-size: 11px;
}

.articleActions a {
	color: #3e3d40;
	display: inline-block;
	height: 18px;
	line-height: 18px;
}

a.btnImprimer {
	background: url(../images/btn-imprimer.png) no-repeat left center;
	padding: 0 0 0 25px;
	margin: 0 20px 0 0;	
}

a.btnEnvoyer {
	background: url(../images/btn-envoyer.png) no-repeat left center;
	padding: 0 0 0 25px;	
}

a.btnFacebook {
	background: url(../images/btn-facebook.png) no-repeat;
	width: 18px;
	height: 18px;	
	vertical-align: middle;
	margin: 0 0px 0 5px;
}

a.btnTwitter {
	background: url(../images/btn-twitter.png) no-repeat;
	width: 18px;
	height: 18px;	
	vertical-align: middle;
	margin: 0 0px 0 5px;
}
a.btnViadeo{
	background: url(../images/btn-viadeo.png) no-repeat;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: 0 0px 0 5px;
}
a.btnLinkedin{
	background: url(../images/btn-linkedin.png) no-repeat;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: 0 0px 0 5px;
}
.article h3 {
	font-family: 'gotham_blackregular';
	font-size: 15px;
	font-weight: normal;
	color: #3e3d40;
	margin: 0 0 15px 0;
	text-transform: uppercase
}

.article p {
	margin: 12px 0;
}

.article ul {
	margin: 12px 0 12px 20px;
}

.articleBlocGris {
	margin: 70px 0 0 0;
	background: #eceded;
	padding: 10px;
}

.articleThemes {
	margin: 0 0 0 -10px;
}

.articleTheme {
	float: left;
	margin: 0 0 0 10px;
	width: 200px;
	font-size: 14px;
}

.articleTheme a {
	display: block;
	text-decoration: none;
	color: #58585a;
}

.articleTheme img {
	display: block;
	margin: 0 0 5px 0;
}
.articleTheme .last{
	margin-left: 10px;
}

.articleTheme a:hover img { opacity: 0.8 }

.blocExclus {
	margin: 25px 0 0 0;
	background: #4f4e51;
	color: #fff;
	padding: 0 0 5px 0;
	font-family: 'gotham_bookregular';
}

.blocExclus h3 {
	font-family: 'gotham_blackregular';
	font-size: 11px;
	color: #fff;
	background: #3e3d40;
	padding: 5px 10px;
}

.blocExclus ul {
	list-style: none;
}

.blocExclus ul li {
	margin: 5px 0;
	background: url(../images/fleche-blanche.png) no-repeat left 3px;
	padding: 0 0 0 15px;
}	

.blocExclus ul li a { color: #fff }


.colD h2 {
	font-family: 'gotham_bookregular';
	font-size: 18px;
	color: #58585a;
	text-transform: uppercase;
	border-top: 1px solid #636365;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

.sidebarBouton {
	margin: 0 0 10px 0;
	position: relative;
}

.sidebarBouton a {
	color: #fff;
	text-decoration: none;
}

.sidebarBouton a:hover img, .articleImage a:hover img { opacity: 0.8 }

.sidebarBoutonTexte {
	background: #58585a;
	color: #fff;
	padding: 10px;
	display: block;
	font-family: 'gotham_bookregular';
}

.sidebarBoutonTag {
	display: block;
	text-transform: uppercase;
}

.flecheGrise {
	margin: 10px 0 0 0;
	display: inline-block;
	width: 35px;
	height: 17px;
	background: url(../images/fleche-grise.png) no-repeat;
}

.sidebarBouton .flecheGrise {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.sidebarBoutonTitre {
	font-weight: bold;
	font-size: 14px;
}


.sidebarLiens {
	margin: 30px 0;
	font-family: 'gotham_bookregular';
}

.sidebarLiens h3 {
	font-family: 'gotham_boldregular';
	margin: 0 5px 0 0;
	border-bottom: 1px solid #d0d1d2;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 15px;
}

.sidebarLiens ul {
	list-style: none;
}

.sidebarLiens ul {
	list-style: none;
}

.sidebarLiens ul li {
	border-bottom: 1px solid #d0d1d2;
	padding: 7px 0;
}	

.sidebarLiens ul li a {
	color: #1a171b;
	font-family: 'gotham_bookregular';
	font-size: 12px;
}

.sidebarBlocGris {
	background: #92b2c1;
	padding: 5px;
	color: #fff;
	font-size: 16px;
	font-family: 'gotham_bookregular';
}

.sidebarBlocGris h3 {
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 5px 0;
	line-height: 18px;
}	

.sidebarBlocGris ul {
	list-style: none;
}

.sidebarBlocGris ul li {
	margin: 7px 0;
}

.sidebarBlocGris ul li a { color: #fff }


/* Responsive, version Mobile */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .global {
    	width: 320px !important;
    }

    .accueilBandeauTexte {
		top: 32px;
	}

	.accueilBandeauTexte .s16 {
    	font-size: 11px !important;
    }

    .accueilBandeauTexte .s22 {
    	font-size: 14px !important;
    }

    .entete, .tailleLarge {
    	width: 280px !important;
    }

    .headerReseaux {
    	margin-right: 10px;
    }

    .accueilBandeau img {
    	max-width: 280px;
    }

    .footerContainer {
    	padding-bottom: 20px;
    }

    .footer {
    	width: 280px;
    }

    .accueilVignettes {
    	/*margin: 0 0 0 45px;*/
    	margin: 0 20px;
    }

    .accueilVignette {
    	width: 280px;
    	margin: 0 auto 10px auto;
    	float: none;
    }

    .accueilVignette img {
    	min-width: 280px;
    }

    .accueilLiens {
    	float: none;
    	width: 280px;
    	margin: 20px auto 0 auto;
    }

    .logoTNT {
    	display: none;
    }

    .colG {
    	float: none;
    	margin: 0 0 20px 0;
    	padding: 0 10px;
    	width: 300px;
    }

    .articleTheme {
    	width: 85px;
    }

    .articleTheme img {
    	max-width: 85px;
    }	

    .colD {
    	float: none;
    	margin: auto;
    }

    .articleImage img, .articleImage iframe {
    	max-width: 300px;
    }

    .accueilBandeauTexte {
    	text-shadow: 0 0 8px #fff;
    }

    .accueilBandeau .gris { color: #000 !important }
}