/* @override http://preprod.macplus.net/css2/template.css */

.iphone_alert {
	display: block;
	width: 1000px;
	height: 170px;
	background-color: white;
	font-size: 4em;
	color: black;
	top: 0;
	z-index: 80000;
	line-height: 1.5em;
	padding-top: 30px;
	position: relative;
}

a.iphone_alert {
	color: #4155b4;
	font-size: 1em;
	line-height: 0.5em;
}

body {
	margin: 35px 0 0;
	font: 11px/12px "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	background: #1e2e4f url(/images2/template/bg.jpg) repeat-x;
}

#loading {
	color: silver !important;
	position: absolute;
	font-size: 10px;
	background-color: transparent;
	background-image: none;
	text-align: left;
	top: 97px;
}

.pub {
	margin: 0;
	padding: 0;
	z-index: 0;
	display: none;
}


#background {
	height: 785px;
	z-index: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	/*background: url(http://medias.macplus.net/images2/template/backevent.png) no-repeat center top;*/
	width: 100%;
	top: 0;
	position: absolute;
}


/* @group Network */

#network {
	height: 25px;
	width: 100%;
	background: silver url(/images2/template/bg_network.gif) repeat-x;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 2;
}

#network ul {
	width: 495px;
	display: block;
	margin: 0 auto;
}

#network li {
	margin: 0 1px 0 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#network a {
	display: block;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 98px;
	height: 20px;
	color: #7e7e7e;
	padding-top: 5px;
	text-decoration: none;
}

#network a:hover, #network #MP_on {
	text-decoration: none;
	color: white;
	background: black url(/images2/template/on_network.gif) no-repeat;
	height: 20px;
	padding-top: 5px;
}

#network a:hover {
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	
}

#MP_on:hover {
	opacity: 1 !important;
	filter:alpha(opacity=100) !important;
	-moz-opacity:.100 !important;
}

/* @end */

#container {
	width: 1000px;
	height: auto;
	margin: 10px auto;
	z-index: 1;
	position: relative;
/*	-moz-transform: rotate(-180deg);*/
}

#iframe {
	width: 800px;
	height: 255px;
	margin: 0;
	padding: 0;
	border-style: none;
}

.logo {
	cursor: pointer;
	width: 210px;
	height: 119px;
	display: block;
	text-indent: -5000px;
	float: left;
	position: relative;
	background: url(http://medias.macplus.net/images2/template/logo.png) no-repeat;
}


#pub_top {
	width: 790px;
	height: 119px;
	padding-top: 10px;
	position: relative;
	display: block;
	float: left;
	text-align: right;
	clear: right;
}

/* @group navigation */

#nav {
	width: 1000px;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
	text-align: center;
	clear: both;
	z-index: 100;
	background: url(http://medias.macplus.net/images2/template/bg_navbar.gif) no-repeat 0 0;
}

.nav_bar {
	position: relative;
	float: none;
	clear: both;
	height: 40px;
	z-index: 100;
	width: 1000px;
	display: block;
	margin: 0;
	padding: 0;
}

#menu_mag, #menu_fora, #menu_nl, #menu_contact,  #menu_search, #menu_options {
	background: #000000 url(/images2/template/bg_nav.jpg) no-repeat;
	width: 1000px;
	height: 270px;
	z-index: 100;
	position: absolute;
	text-indent: 0;
	text-align: left;
	overflow: hidden;
	visibility: visible;
	clear: both;
	float: none;
	display: none;
	top: 40px;
	left: 0;
}

#menu_search2 {
	background: #000000 no-repeat;
	width: 1000px;
	height: 60px;
	z-index: 100;
	position: absolute;
	text-indent: 0;
	text-align: left;
	overflow: hidden;
	visibility: visible;
	clear: both;
	float: none;
	display: none;
	top: 40px;
	left: 0;
	border-bottom: 1px solid #2a2a2a;
}

#nav #menu_search2 h1 {
	font: 40px impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3d3d3d;
	width: 170px;
	height: 190px;
	padding: 0 0 0 20px;
	margin: 5px 0 0;
	text-transform: uppercase;
	position: relative;
	display: block;
	float: left;
	
}

#menu_search2 form {
	margin: 0;
	padding: 0;
}

#menu_search2 .champs {
	margin: 20px 0 0;
	padding: 0 0 0 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 500px;
	height: 20px;
	font-size: 10px;
	background-color: #cfcfcf;
	border-style: none;
}

#menu_search2 .champs:focus {
	background-color: white;
	font-weight: bold;
}

#menu_search2 .btn {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 40px;
	height: 20px;
	color: white !important;
	font-weight: bold;
	background-color: black;
	border: 1px solid #3c3c3c;
	margin-top: 20px;
	margin-left: 20px;
	cursor: pointer;
}

#menu_search2 .btn:hover {
	background-color: #2f2f2f;
}

#nav ul {
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	z-index: inherit;
}

 #nav li, #nav form,  #nav input  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	display: block;
	z-index: inherit;
}

#nav li.selected, #nav li.selected:hover {
	background: url(/images2/template/bg_nav_selected.jpg) no-repeat center 5px;
}

#nav .nav, #nav .nav:hover {
	cursor: pointer;
	display: block;
	text-transform: uppercase;
	color: #959595;
	font: bold 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	height: 27px;
	padding-top: 13px;
	float: left;
	width: 125px;
	text-shadow: #000000 1px 1px 2px;
	text-decoration: none;
}

#nav li:hover {
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
	background: url(/images2/template/bg_nav_on.jpg) no-repeat center center;
}

#nav .colonne {
	float: left;
	display: inline-block;
	width: 180px;
	height: 190px;
	position: relative;
	clear: none;
	margin-top: 40px;
	padding-left: 20px;
}
/*
#nav .colonne li,  #nav .colonne li:hover {
	margin-bottom: 5px;
	display: block;
	float: none;
	clear: both;
	background-image: none;
	text-decoration: none;
}
*/

#nav .colonne li, #nav .colonne li:hover
 {
	clear: both;
	float: none;
	background-image: none;
	color: #959595;
}

#nav h1 {
	font: 40px impact, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3d3d3d;
	width: 170px;
	height: 190px;
	padding: 0 0 0 20px;
	margin: 35px 0 0;
	text-transform: uppercase;
	position: relative;
	display: block;
	float: left;
}

#nav .sub_nav {
	background-image: none;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-bottom: 5px !important;
	display: inline-block !important;
	width: 165px;
	color: #959595 !important;
}

#nav .sub_nav:hover {
	text-decoration: none !important;
	color: #ffffff !important;
}

#nav .submenu .titre, #nav .fora_submenu .titre {
	cursor: default;
	display: block;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#nav .submenu .titre:hover, #nav .fora_submenu .titre:hover {
	color: #ffffff;
	
}



/* @end */

#colonne1 {
	width: 664px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	background-color: white;
}

#colonne1 #ariane2 {
	height: 20px;
	width: 639px;
	background-color: #8c959b;
	border-bottom: 1px solid #7b8286;
	border-top: 1px solid #7b8286;
	text-align: left;
	font-size: 9px;
	color: white;
	padding-left: 25px;
	position: relative;
}

#colonne2 #ariane3 {
	height: 20px;
	width: 336px;
	background-color: #8c959b;
	border-bottom: 1px solid #7b8286;
	border-top: 1px solid #7b8286;
	position: relative;
}

/* @group Services */

#services {
	border-top: 1px solid #fff;
	position: relative;
	height: inherit;
	background-repeat: repeat-x;
}

#services h1 {
	width: 649px;
	height: 19px;
	border-bottom: 1px solid #6a6e73;
	font-size: 14px;
	color: #fff;
	padding-left: 15px;
	background-color: #8c959b;
	text-align: left;
	padding-top: 3px;
}

#services ul {
	width: 221px;
	border-right: 1px dotted #6a6f74;
	display: block;
	float: left;
	margin: 0;
	padding: 5px 0 0;
	position: relative;
	background: #fff url(/images2/une/bg_services.jpg) repeat-x;
	height: 312px;
	border-bottom: 1px solid #3a4b58;
}

#services .ul-hack  {
	width: 220px;
	display: block;
	float: left;
	margin: 0;
	padding: 5px 0 0;
	position: relative;
	border-right-style: none;

}

#services li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	font-size: 10px;
	line-height: 11px;
	color: #424242;
}

#services li:hover {

	background: url(/images2/template/bg_pa.png) no-repeat 5px 5px;
}

#services li.fora:hover {

	background: none 0;
}

#services li.fora a:hover {
	background: url(/images2/template/bg_fora.png) no-repeat 5px 5px;
}

#services li.newsletter {
	margin: 0;
	padding: 10px;
}

#services li a {
	padding: 10px;
	display: block;
	height: 82px;
	color: #424242;
}

#services li.fora a {
	padding: 10px;
	display: block;
	height: 62px;
}

#services li a:hover {
	color: #32485a;
	text-decoration: none;
}

#services li img {
	float: left;
	margin-right: 10px;
}

#services li .titre {
	font-size: 11px;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	margin-bottom: 3px;
	color: #232323;
}

#services li .important {
	font-weight: bold;
	color: #eb6434;
}

#services li .link {
	display: inline-block;
	padding-left: 15px;
	background: url(/images2/template/blue_puce.png) no-repeat 0 1px;
	height: 12px;
	margin-top: 5px;
	color: #32485a;
}

#services li.fora p {
	padding: 0;
	margin: 0;
}

#services li.fora p .titre {
	color: #c6cdd2;
	width: 191px;
	height: 16px;
	display: block;
	background-color: #3f5465;
	font-size: 9px;
	margin: 5px 0 0 10px;
	padding: 4px 0 0 10px;
	font-weight: bold;
	text-transform: none;
}

#services li.fora p a {
	width: 171px;
	display: block;
	background: #93a4b2 url(/images/une/arrow_gray.gif) no-repeat 10px 4px;
	color: #dde1e5;
	font-size: 9px;
	height: 6px;
	margin-top: 1px;
	padding-top: 2px;
	padding-left: 20px;
	margin-left: 10px;
}

#services li.fora p a:hover {
	text-decoration: none;
	color: black;
	background: #cbd1d6 url(/images/une/arrow_gray.gif) no-repeat 10px 4px;
}

#services #nl {
	width: 200px;
	height: 105px;
	margin: 0;
	padding: 0;
	border-style: none;
}

/* @end */

#colonne2 {
	width: 336px;
	position: relative;
	float: left;
	clear: right;
}

#colonne2 #module_une {
	width: 336px;
	height: 259px;
	position: relative;
	background: url(/images2/template/bg_module_une.jpg) no-repeat;
	padding-top: 10px;
	text-align: left;
}

#module_une h1 {
	width: 316px;
	height: 22px;
	display: block;
	color: #ffffff;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 10px;
	padding-top: 5px;
	margin: 0;
}

#module_une .txt {
	width: 296px;
	height: 82px;
	display: block;
	margin: 0;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 9px;
}

#module_une .txt:hover {
	background-color: #181d20;
}

#module_une a, #module_une a:hover {
	color: #a4a4a4;
	text-decoration: none;
	display: block;
}

#module_une img {
	float: left;
	display: block;
	margin-right: 15px;
	background-color: #181d20;
	border: 1px solid #323d44;
}

#module_une .titre {
	font-size: 11px;
	font-weight: bold;
	display: block;
	height: 10px;
	margin: 0;
	padding: 0 0 10px;
	color: #d3d3d3;
}

/* @group Footer */

#footer {
	width: 1000px;
	height: 206px;
	background-color: #e6e6e6;
	position: relative;
	clear: both;
	font-size: 9px;
	color: black;
	overflow: hidden;
}

#footer #ariane {
	width: 1000px;
	height: 20px;
	background-color: #8c959b;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #7b8286;
	text-align: left;
	padding-left: 10px;
}

#footer #ariane a, #colonne1 #ariane2 a {
	text-decoration: none;
	color: white;
	padding-top: 5px;
	display: inline-block;
	height: 15px;
}

#footer #ariane a:hover, #colonne1 #ariane a:hover {
	text-decoration: underline;
	color: #fef6d4;
}

#footer .colonne {
	width: 156px;
	height: 137px;
	border-right: 1px solid #d7d7d7;
	margin: 0;
	padding: 20px 0 0 10px;
	float: left;
	position: relative;
	display: block;
	text-align: left;
	text-transform: uppercase;
	font: bold 10px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #464646;
}

#footer .last_colonne {
	border-right-style: none;
	width: 150px;
	position: relative;
	margin: 0;
	padding: 20px 0 0 10px;
	overflow: hidden;
	text-transform: uppercase;
	font: bold 10px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #464646;
	text-align: left;
}

#footer #right {
	width: 1000px;
	height: 26px;
	position: relative;
	clear: both;
	border-top: 1px solid #d7d7d7;
}

#footer a {
	text-decoration: none;
	color: #898989;
}

#footer a:hover {
	text-decoration: underline;
}

#footer span {
	float: left;
	display: block;
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 0;
	padding: 0;
	color: #727272;
}

#footer ul {
	list-style-type: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: left;
}

#footer li {
	text-transform: capitalize;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 5px 0 0;
	color: #898989;
}

#footer .w3c {
	margin-top: 5px;
	position: absolute;
	right: 10px;
}

#keira {
	position: relative;
	text-align: right;
	width: 1000px;
	margin-right: 5px;
	padding-top: 6px;
}



/* @end */

img {
	behavior: url("http://medias.macplus.net/css2/pngbehavior.htc");
	border-style: none;
}

* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "http://medias.macplus.net/css2/espaceur.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

.YTvideos object{
	width: 487px;
	height: 299px;
	
}

.YTvideos {
	width: 100%;
	text-align: center;
}