/* @override 
	http://www.mcnn.fr/css/base.css?v=20110621-4
*/

/* @group Reset */html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0;	padding: 0;	border: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}body { 	}table { 	border-collapse: collapse;	border-spacing: 0;}caption, th, td { 	text-align: left;	font-weight: normal;}table, td, th { 	vertical-align: middle;}blockquote:before, blockquote:after, q:before, q:after { 	content: "";}blockquote, q { 	quotes: "" "";}a img { 	border-width: 0;	border-style: none;}/* @end *//* @group Balises */html { 	overflow-y: scroll;	overflow: -moz-scrollbars-vertical;}p { 	margin: 0 0 1.5em;}p img.right { 	float: right;	margin: 1.5em 0 1.5em 1.5em;}blockquote { 	margin: 1.5em;	color: #666;	font-style: italic;}strong { 	font-weight: bold;}em, dfn { 	font-style: italic;}dfn { 	font-weight: bold;}sup, sub { 	line-height: 0;}abbr, acronym { 	border-bottom: 1px dotted #666;}address { 	margin: 0 0 1.5em;	font-style: italic;}del { 	color: #666;}pre, code { 	margin: 1.5em 0;	white-space: pre;}pre, code, tt { 	font: 1em 'andale mono', 'lucida console', monospace;	line-height: 1.5;}li ul, li ol { 	margin: 0 1.5em;}ul, ol { 	margin: 0 1.5em 1.5em 2.5em;}ul { 	list-style-type: disc;}ol { 	list-style-type: decimal;}dl { 	margin: 0 0 1.5em 0;}dl dt { 	font-weight: bold;}dd { 	margin-left: 1.5em;}table { 	margin-bottom: 1.4em;}th { 	font-weight: bold;	text-align: center;}th, td { 	padding: 4px 10px 4px 5px;}tr.even td { 	background: #E5ECF9;}tfoot { 	font-style: italic;}caption { 	background: #eee;}hr { 	background: #ddd;	color: #ddd;	clear: both;	float: none;	width: 100%;	height: .1em;	margin: 0 0 1.45em;	border: none;}hr.space { 	background: #fff;	color: #fff;}/* @group Formulaires */label { 	font-weight: bold;}fieldset { 	padding: 1.4em;	margin: 0 0 1.5em 0;	border: 1px solid #ccc;}legend { 	font-weight: bold;	font-size: 1.2em;}input.text, input.title, textarea, select { 	margin: 0.5em 0;	border: 1px solid #bbb;}input.text:focus, input.title:focus, textarea:focus, select:focus { 	border: 1px solid #666;}input.text, input.title { 	width: 300px;	padding: 5px;}input.title { 	font-size: 1.5em;}textarea { 	width: 390px;	/*height: 250px;*/	padding: 5px;}/* @end *//* @end *//* @group Styles de base */.petit {	font-size: 10px;}.pourImprim { 	display: none;}.small { 	font-size: .8em;	margin-bottom: 1.875em;	line-height: 1.875em;}.large { 	font-size: 1.2em;	line-height: 2.5em;	margin-bottom: 1.25em;}.hide { 	display: none;}.quiet { 	color: #666;}.loud { 	color: #000;}.highlight { 	background: #ff0;}.added { 	background: #060;	color: #fff;}.removed { 	background: #900;	color: #fff;}.first { 	margin-left: 0;	padding-left: 0;}.last { 	margin-right: 0;	padding-right: 0;}.top { 	margin-top: 0;	padding-top: 0;}.bottom { 	margin-bottom: 0;	padding-bottom: 0;}div.border { 	padding-right: 4px;	margin-right: 5px;	border-right: 1px solid #eee;}div.colborder { 	padding-right: 24px;	margin-right: 25px;	border-right: 1px solid #eee;}.box { 	padding: 1.5em;	margin-bottom: 1.5em;	background: #E5ECF9;}/* Clear */.clearfix:after, .container:after { 	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}.clearfix, .container { 	display: inline-block;}* html .clearfix, * html .container { 	height: 1%;}.clearfix, .container { 	display: block;}.clear { 	clear: both;}hr.clear { 	width: 980px;	margin: 0;	display: none;}.alDroite { 	text-align: right!important;}.alJustif { 	text-align: justify!important;}.alGauche { 	text-align: left!important;}.alCentre { 	text-align: center!important;}div.lien a { 	background: url(/im/base/indent1.png) no-repeat 0 center;	padding-left: 10px;}/* @end *//* @group Boites */.error, .notice, .success { 	padding: .8em;	margin-bottom: 1em;	border: 2px solid #ddd;}.error { 	background: #FBE3E4;	color: #8a1f11;	border-color: #FBC2C4;}.notice { 	background: #FFF6BF;	color: #514721;	border-color: #FFD324;}.success { 	background: #E6EFC2;	color: #264409;	border-color: #C6D880;}.error a { 	color: #8a1f11;}.notice a { 	color: #514721;}.success a { 	color: #264409;}a.print { 	background: url(/im/icones/printer.png) no-repeat 0 1px;	padding-left: 20px;	padding-bottom: 1px;}/* @end *//* @group Photos */.photoGC { 	background-color: white;	float: left;	margin-right: 10px;	margin-bottom: 5px;	padding: 6px;	border-style: solid;	border-width: 1px;	border-color: #d3d3d3 #696969 #696969 #d3d3d3}.photoG { 	float: left;	margin-right: 10px;	margin-bottom: 5px;	padding: 0}.photoDC { 	background-color: white;	float: right;	margin-bottom: 5px;	margin-left: 10px;	padding: 6px;	border-style: solid;	border-width: 1px;	border-color: #d3d3d3 #696969 #696969 #d3d3d3}.photoD { 	float: right;	margin-bottom: 5px;	margin-left: 10px;	padding: 0;	border: solid 0 #39546d}.photoCC { 	background-color: white;	margin-left: auto;	margin-right: auto;	padding: 6px;	border-style: solid;	border-width: 1px;	border-color: #d3d3d3 #696969 #696969 #d3d3d3}.photoC { 	margin-left: auto;	margin-right: auto;	margin-bottom: 5px;	padding: 0;	border: solid 0 #39546d}.photoGC, .photoG, .photoDC, .photoD, .photoCC, .photoC { 	color: gray;	font-family: Verdana, Arial, sans-serif;	font-size: 10px;	line-height: 10px;	text-align: center;}/* @end *//* @group Boutons */.buttons a, .buttons button { 	display: block;	float: left;	margin: 0 7px 0 0;	background-color: #f5f5f5;	border: 1px solid #dedede;	border-top: 1px solid #eee;	border-left: 1px solid #eee;	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;	text-decoration: none;	font-weight: bold;	color: #565656;	cursor: pointer;	padding: 5px 10px 6px 7px;/*Links */}.buttons button { 	width: auto;	overflow: visible;	padding: 4px 10px 3px 7px;/*IE6 */}.buttons button[type] { 	padding: 5px 10px 5px 7px;	/* Firefox */    line-height: 17px;/*Safari */}*:first-child+html button[type] { 	padding: 4px 10px 3px 7px;/*IE7 */}.buttons button img, .buttons a img { 	margin: 0 3px -3px 0 !important;	padding: 0;	border: none;	width: 16px;	height: 16px;}.buttons button img.pays, .buttons a img.pays { 	margin: 0px 3px 3px 0;	padding: 0px 0 0;	border: none;	width: 16px;	height: 11px}/* STANDARD */button:hover, .buttons a:hover, buttons a.normal, .button a.normal { 	background-color: #dff4ff !important;	border: 1px solid #c2e1ef !important;	color: #336699 !important;}.buttons a:active { 	background-color: #6299c5;	border: 1px solid #6299c5;	color: #fff;}/* POSITIVE */button.positive, .buttons a.positive { 	color: #529214!important;}.buttons a.positive:hover, button.positive:hover { 	background-color: #E6EFC2 !important;	border: 1px solid #C6D880 !important;	color: #529214 !important;}.buttons a.positive:active { 	background-color: #529214;	border: 1px solid #529214;	color: #fff;}/* NEGATIVE */.buttons a.negative, button.negative { 	color: #d12f19!important;}.buttons a.negative:hover, button.negative:hover { 	background: #fbe3e4 !important;	border: 1px solid #fbc2c4 !important;	color: #d12f19 !important;}.buttons a.negative:active { 	background-color: #d12f19;	border: 1px solid #d12f19;	color: #fff;}/* @end *//* @group os */body { 	background-color: #c8d3d9;	margin-top: 10px;}#conteneur { 	position: relative;	width: 1004px;	margin-right: auto;	margin-left: auto;	background-color: white;	position: relative;	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}

/* @group tete */

#tete #nav  { 	width: 440px;	height: 50px;	position: absolute;	top: 10px;	right: 44px;	font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;	text-align: right;
}

#tete { 	position: relative;	width: 1004px;	height: 200px;	background-image: url(/im/os/tete.png);}/* @group nav 1 à 5 */#tete #nav1 a:hover,#tete #nav2 a:hover,#tete #nav3 a:hover,#tete #nav4 a:hover,#tete #nav5 a:hover { 	background-position: 0 -50px;}#tete #nav1 { 	width: 75px;}#tete #nav2 { 	width: 75px;}#tete #nav3 { 	width: 95px;}#tete #nav4 { 	width: 90px;}#tete #nav5 { 	width: 105px;}#tete #nav1 a { 	width: 75px;	background: url(/im/menu/m1.png) no-repeat;}#tete #nav2 a { 	width: 75px;	background: url(/im/menu/m2.png) no-repeat;}#tete #nav3 a { 	width: 95px;	background: url(/im/menu/m3.png) no-repeat;}#tete #nav4 a { 	width: 90px;	background: url(/im/menu/m4.png) no-repeat;}#tete #nav5 a { 	width: 105px;	background: url(/im/menu/m5.png) no-repeat;}#tete #nav1 a.on:hover,#tete #nav2 a.on:hover,#tete #nav3 a.on:hover,#tete #nav4 a.on:hover,#tete #nav5 a.on:hover { 	background-position: 0 -150px;}#tete #nav1 a.on,#tete #nav2 a.on,#tete #nav3 a.on,#tete #nav4 a.on,#tete #nav5 a.on { 	background-position: 0 -100px;}#tete #nav1, #tete #nav2, #tete #nav3, #tete #nav4, #tete #nav5 { 	display: block;	height: 50px;	float: left;}#tete #nav1 a,#tete #nav2 a,#tete #nav3 a,#tete #nav4 a,#tete #nav5 a { 	display: block;	height: 50px;	text-indent: -10000px;	text-decoration: none;}/* @end *//* @group nav6 */#tete #nav6 { 	width: 250px;	height: 100px;	position: absolute;	right: 44px;	top: 115px;	text-align: right;	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;}#tete #nav6 p { 	margin: 4px 0;}#tete #nav6 a { 	text-decoration: none;	color: gray;}#tete #nav6 a:hover { 	color: red;}#tete #nav6 a.iconNews {	background: url(/im/icones/email.png) no-repeat right center;	padding-right: 18px;}#tete #nav6 a.iconProg { 	background: url(/im/icones/eye.png) no-repeat right center;	padding-right: 18px;}#tete #nav6 a.iconRss { 	background: url(/im/icones/rss.png) no-repeat right center;	padding-right: 18px;}/* @end */a#logo { 	position: absolute;	top: 0;	left: 0;	width: 520px;	height: 210px;	text-indent: -10000px;}

a#centreCrea {	position: absolute;	top: 60px;	left: 230px;	width: 227px;	height: 66px;	text-indent: -10000px;
}
a:hover#centreCrea {	position: absolute;	top: 60px;	left: 230px;	width: 227px;	height: 66px;	text-indent: -10000px;
	border: 2px solid #c02;
}

/* @group m1 à 6 */#tete #m1, #tete #m2, #tete #m3, #tete #m4, #tete #m5 { 	position: absolute;	top: 65px;	display: block;	width: 150px;	text-align: center;	font-size: 12px;	background-color: white;}#tete #m1 a, #tete #m2 a, #tete #m3 a, #tete #m4 a, #tete #m5 a { 	text-decoration: none;	color: black;}#tete #m1 a:hover, #tete #m2 a:hover, #tete #m3 a:hover, #tete #m4 a:hover, #tete #m5 a:hover { 	color: #c02;}#tete ul { 	margin: 0;	padding: 0;	border-top: 1px solid silver;}#tete li { 	padding: 2px;	list-style-type: none;	border-bottom: 1px solid silver;}#tete #m1 { 	left: 485px;}#tete #m2 { 	left: 558px;}#tete #m3 { 	left: 642px;}#tete #m4 { 	left: 734px;}#tete #m5 { 	left: 829px;}/* @end */a#email { 	position: relative;	display: block;	width: 80px;	height: 20px;	top: 178px;	left: 430px;	text-indent: -10000px;	background: url(/im/os/email.png) 0 0;}a:hover#email {	background-position: 0 -20px;}/* @end */

/* @group tetePro */

#tetePro #nav  { 	width: 405px;	height: 70px;	position: absolute;	top: 10px;	right: 44px;	font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;	text-align: right;
}

#tetePro { 	position: relative;	width: 1004px;	height: 200px;	background-image: url(/im/os/tetePro.png);}/* @group nav 1 à 5 */#tetePro #nav1 a:hover,#tetePro #nav2 a:hover,#tetePro #nav3 a:hover,#tetePro #nav4 a:hover { 	background-position: 0 -70px;}#tetePro #nav1 { 	width: 60px;}#tetePro #nav2 { 	width: 120px;}#tetePro #nav3 { 	width: 100px;}#tetePro #nav4 { 	width: 125px;}#tetePro #nav1 a { 	width: 60px;	background: url(/im/menu/pro1.png) no-repeat;}#tetePro #nav2 a { 	width: 120px;	background: url(/im/menu/pro2.png) no-repeat;}#tetePro #nav3 a { 	width: 100px;	background: url(/im/menu/pro3.png) no-repeat;}#tetePro #nav4 a { 	width: 125px;	background: url(/im/menu/pro4.png) no-repeat;}#tetePro #nav1 a.on:hover,#tetePro #nav2 a.on:hover,#tetePro #nav3 a.on:hover,#tetePro #nav4 a.on:hover { 	background-position: 0 -210px;}#tetePro #nav1 a.on,#tetePro #nav2 a.on,#tetePro #nav3 a.on,#tetePro #nav4 a.on { 	background-position: 0 -140px;}#tetePro #nav1, #tetePro #nav2, #tetePro #nav3, #tetePro #nav4 { 	display: block;	height: 70px;	float: left;}#tetePro #nav1 a,#tetePro #nav2 a,#tetePro #nav3 a,#tetePro #nav4 a { 	display: block;	height: 70px;	text-indent: -10000px;	text-decoration: none;}/* @end *//* @group nav6 */#tetePro #nav6 { 	width: 250px;	height: 100px;	position: absolute;	right: 44px;	top: 150px;	text-align: right;	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;}#tetePro #nav6 p { 	margin: 4px 0;}#tetePro #nav6 a { 	text-decoration: none;	color: #c5777b;}#tetePro #nav6 a:hover { 	color: white;}#tetePro #nav6 a.iconNews {	background: url(/im/icones/email.png) no-repeat right center;	padding-right: 18px;}#tetePro #nav6 a.iconProg { 	background: url(/im/icones/eye.png) no-repeat right center;	padding-right: 18px;}#tetePro #nav6 a.iconRss { 	background: url(/im/icones/rss.png) no-repeat right center;	padding-right: 18px;}
a.iconFacebook { 	background: url(/im/base/facebook.png) no-repeat right center;	padding-right: 18px;}/* @end *//* @group m1 à 6 */#tetePro #m1, #tetePro #m2, #tetePro #m3 { 	position: absolute;	top: 85px;	display: block;	text-align: center;	font-size: 12px;	background-color: transparent;}#tetePro #m1 a, #tetePro #m2 a, #tetePro #m3 a { 	text-decoration: none;	color: #e5ced2;}#tetePro #m1 a:hover, #tetePro #m2 a:hover, #tetePro #m3 a:hover { 	color: white;}#tetePro ul { 	margin: 0;	padding: 0;	border-top: 1px solid silver;}#tetePro li { 	padding: 2px;	list-style-type: none;	border-bottom: 1px solid silver;}#tetePro #m1 { 	left: 549px;
	width: 80px;}#tetePro #m2 { 	left: 628px;
	width: 100px;}#tetePro #m3 { 	left: 729px;	width: 120px;}/* @end */a#email { 	position: relative;	display: block;	width: 80px;	height: 20px;	top: 178px;	left: 430px;	text-indent: -10000px;	background: url(/im/os/email.png) 0 0;}a:hover#email {	background-position: 0 -20px;}/* @end *//* @group corp */#corp { 	width: 1004px;	height: auto;	background-image: url(/im/os/fond.png);}#contenu { 	padding-top: 20px;	width: 1004px;	height: auto;	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}

div#contenu.pro {
	background: url(/im/os/contenuPro.png) no-repeat left top;
}#laffiche { 	position: relative;	width: 980px;	height: 275px;	padding-top: 20px;	clear: both;}
div#laffiche.pro {
	background: url(/im/os/contenuPro.png) no-repeat left top;
}#caroussel { 	width: 980px;	height: 250px;	background-color: black;}/* @end *//* @group pied */#pied { 	clear: both;	background-image: url(/im/os/pied.png);	height: 46px;	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;	padding-top: 8px;	text-align: center;}#pied a { 	color: gray;	text-decoration: none;	margin: 8px;}#pied a:hover { 	color: red;}/* @end *//* @end *//* @group home */#colDroite { 	margin-left: 25px;	width: 200px;	float: left;}/* @group bloc rouge */#teteBlocRouge { 	margin: 10px 0 0 0;	background-image: url(/im/home/blocRouge.png);	width: 190px;	height: 10px;}#blocRouge { 	margin-top: 0;	padding: 0 4px 2px 10px;	width: 176px;	height: auto;	color: white;	text-align: center;	font-size: 12px;	background-color: #cf0a1f;}#blocRouge p { 	margin-top: 0;}#blocRouge a { 	color: white;	text-decoration: none;	border-bottom-style: solid;	border-bottom-width: 1px;}#blocRouge a:hover { 	background-color: white;	color: red;}/* @end *//* @group dernières minute */#derMinute, #derMinutePro { 	width: 190px;	height: auto;	padding-top: 30px;	color: white;	text-align: center;	font-size: 12px;	padding-bottom: 5px;}

#derMinute { 	background: #5a6a73 url(/im/home/blocDerniereMinute.png) no-repeat;}

#derMinutePro { 	background: #5a6a73 url(/im/home/blocZoomSur.png) no-repeat;}#derMinute h1, #derMinutePro h1 { 	margin: 5px 0;	font-size: 18px;	font-weight: normal;	font-style: normal;}#derMinute a, #derMinutePro a { 	color: white;	text-decoration: none;	border-style: solid;	border-width: 1px;	padding: 1px 4px;}#derMinute a:hover, #derMinutePro a:hover { 	background-color: red;}#derMinute p, #derMinutePro p { 	margin: 5px 10px;}/* @end *//* @end *//* @group page */.lapage a { 	text-decoration: none;	color: #c02;	border-bottom: 1px solid #f3d6db;}.lapage a:visited { 	text-decoration: none;	color: #da4c64;	border-bottom: 1px solid #f3d6db;}.lapage a:hover { 	text-decoration: none;	color: red;	border-bottom: 1px solid #c02;}.lapage { 	position: relative;	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;	float: left;	width: 715px;	padding-left: 20px;	border-right: 1px solid silver;	margin-right: 0;	padding-right: 15px;}div#titre { 	color: white;	height: 60px;	width: 980px;	text-align: left;	font-size: 38px;	line-height: 60px;	background: black url(../up/bande-photos-noir.jpg) center;	text-indent: 20px;	margin-bottom: 20px;	font-weight: normal;	font-style: normal;}div#titre em {	font-size: 20px;}div.lapage h1 { 	font-size: 24px;	background-color: #c02;	color: white;	margin-top: 20px;	margin-bottom: 10px;	text-align: center;	padding-top: 3px;	padding-bottom: 3px;}div.lapage h2 { 	font-size: 24px;	color: #c02;	margin-top: 20px;	margin-bottom: 10px;	border-bottom: 2px solid #c02!important;	padding-bottom: 2px;}div.lapage h3 { 	font-size: 16px;	color: #017f9d;	font-weight: normal;	margin-bottom: 0;	margin-top: 20px;	font-style: normal;/*	border-bottom: 1px solid #c0e6ef; */	padding-bottom: 2px;}div.lapage h4 { 	font-weight: bold;	margin-top: 10px;	font-size: 16px;	color: #3f3f3f;	margin-bottom: 20px;}div.lapage p { 	text-align: justify;	margin-top: 0;	margin-bottom: 5px;}div.lapage ul { 	margin-left: 30px;	margin-top: 0;	padding: 0;}div.lapage ul li { 	list-style-image: url(/im/os/indent.png);}div.lapage td, div.lapage th, div.lapage table { 	border: 1px solid #d5e1ed;}div.lapage th { 	background-color: #f4f8fc;}/* @end *//* @group parag */div.parag li span {	text-decoration: none!important;}div.parag li span a {	color: gray!important;	border-color: #e6e6e6!important;}div.parag li span a:hover {	color: red!important;	border-color: red!important;}/* @end */a#pochette { 	display: block;	width: 190px;	height: 50px;	text-indent: -10000px;	clear: right;	margin-bottom: 20px;	background-image: url(/im/titres/pochette.png);	border-style: none;	margin-top: 10px;}a:hover#pochette {	background-position: 0 -50px;	border-style: none;}div#biographie { 	margin-top: 10px;}

/* @group Facebook */

#aFacebook {
	display: inline-block;
	border: 1px solid #cad4e7!important;
	font-size: 11px;
	background: url(../im/icones/bullet_go.png) no-repeat right 0, url(../im/base/facebook.png) no-repeat 2px 1px;
	background-color: #eceef5;
	margin-top: -5px;
	color: #3b5998!important;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 16px 2px 20px;
	text-decoration: none!important;
}

#aFacebook:hover { 
	border-color:#9dacce!important;
}



/* @end */
