*																				{margin:0px; padding:0px;}
body																			{background:#2C2C2C; font-family:Roboto Condensed, Arial, Sans Serif;}
body:after																		{content:url('i-loading.gif') url('i-lien_externe_hover.png');}
body a																			{color:#2C2C2C; text-decoration:none;}
body a:hover																	{text-decoration:underline;}
body img,body a img																{border:0px; text-decoration:none; vertical-align:middle;}
body input,body textarea,body select											{width:calc(100% - 14px); padding:5px 6px; font-size:16px; color:#2C2C2C; font-family:Roboto Condensed, Trebuchet MS, Sans Serif; background:#FFFFFF; border:1px solid #2C2C2C; vertical-align:middle; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
body select																		{width:100%;}
body input[type="submit"]														{width:80px; padding:4px 3px; font-weight:bold; color:#FFFFFF; background:#ED6A45; border:0px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.clear																			{clear:both;}
#loading																		{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:#4C4C4C; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:98;}
#chargement																		{display:none; position:fixed; top:10px; right:10px; width:250px; height:40px; background:#4C4C4C; text-align:center; border:3px solid #FFFFFF; padding-top:7px; font-size:18px; font-weight:400; color:#FFFFFF; z-index:99;}
#chrome_websiteIP																{display:none !important;}

/* HEADER */
.margin_top																		{height:0px;}
.margin_top_plein																{height:24px;}
header																			{padding:20px 20px 0px;}
header .hamburger																{display:none; float:left; width:35px; height:35px; margin:8px 20px 0px 0px; cursor:pointer;}
header .hamburger .pain, header .hamburger .steak								{background:#FFFFFF; height:7px;}
header .hamburger .steak														{margin:7px 0px;}
header .h_logo																	{float:left; width:calc(100% - 440px); height:52px; padding:0px 0px 10px; text-align:center;}
header .h_logo img.logo_petit													{margin:0px 15px 0px 0px;}
header .h_social																{float:left; width:200px; padding:11px 0px;}
header .h_social .h_lien														{float:left; width:30px; height:30px; background:url('i-lien_externe_blanc.png') no-repeat top left;}
header .h_social .h_lien:hover													{background-image:url('i-lien_externe_hover.png');}
header .h_social .h_facebook													{background-position:-32px 0px; width:25px;}
header .h_social .h_google_plus													{background-position:-59px 1px;}
header .h_social .h_youtube														{background-position:-90px 0px; width:50px;}
header .h_social .h_rss															{background-position:-140px 0px;}
header .h_social .h_contact														{background-position:-170px 0px;}
header .h_social .h_lien a														{display:block; text-decoration:none; height:30px;}
header .h_social .h_lien a:hover												{text-decoration:none;}
header .h_user																	{float:right; width:200px;}
header .h_user .h_avatar														{float:left; width:160px;}
header .h_user .h_avatar .h_picto												{float:left; width:52px; height:52px; text-align:center; background:#FFFFFF;}
header .h_user .h_avatar .h_nom													{float:right; width:98px; color:#FFFFFF; font-weight:bold; font-size:16px; line-height:18px; margin:8px 0px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
header .h_user .h_avatar .h_nom a												{color:#FFFFFF; font-weight:normal; font-size:13px;}
header .h_user .h_avatar .h_nom a span											{text-decoration:underline;}
header .h_user .h_avatar .h_nom a span:hover									{text-decoration:none;}
header .h_user .h_inscription													{text-align:right; font-weight:bold; font-size:16px; line-height:24px; margin:2px 0px 0px;}
header .h_user .h_inscription a													{color:#FFFFFF;}
header .h_user .h_logout														{float:right; width:30px; height:30px; background:url('i-lien_externe_blanc.png') no-repeat top left; background-position:-257px 0px; margin-top:11px;}
header .h_user .h_logout:hover													{background-image:url('i-lien_externe_hover.png');}
header .h_user .h_logout a														{display:block; height:30px;}
header .h_user .h_logout a:hover												{text-decoration:none;}
header nav																		{font-size:20px; line-height:20px; font-weight:bold;}
header nav.nav_fixed															{position:fixed; top:0px; left:0px; background:rgba(44,44,44,0.8); width:100%; z-index:90;}
header nav ul																	{list-style-type:none; margin:15px auto 6px; height:22px; text-align:center;}
header nav ul li																{display:inline; padding:0px 6px;}
header nav ul li img															{display:none;}
header nav ul li a																{color:#FFFFFF; padding:5px 12px 2px; border-bottom:4px solid #ED6A45; text-decoration:none;}
header nav ul li a:hover														{text-decoration:none;}
header nav ul li.onglet_test													{display:none;}
header nav ul li.onglet_legal													{display:none;}
header nav ul li.onglet_mag a													{background:#ED6A45;}
header nav ul li.onglet_univers_1 a												{border-bottom:4px solid #C2D971;}
header nav ul li.onglet_univers_2 a												{border-bottom:4px solid #9BBAD9;}
header nav ul li.onglet_univers_2 a span.ios									{display:none;}
header nav ul li.onglet_univers_2 a span.parenthese								{display:none;}
header nav ul li.onglet_actif a													{color:#2C2C2C; background:#FFFFFF; border-bottom:4px solid #FFFFFF;}
header nav ul li.onglet_univers_actif_1 a										{color:#FFFFFF; background:#C2D971; border-bottom:4px solid #C2D971;}
header nav ul li.onglet_univers_actif_2 a										{color:#FFFFFF; background:#9BBAD9; border-bottom:4px solid #9BBAD9;}
header nav ul li.onglet_recherche												{position:relative; margin-left:15px;}
header nav ul li.onglet_recherche a												{padding:0px 15px; border-bottom:0px; background:url('i-lien_externe_blanc.png') no-repeat top left; background-position:-291px -2px;}
header nav ul li.onglet_recherche .recherche									{display:none; position:absolute; bottom:-47px; right:0px; width:490px; background:#2C2C2C; padding:5px 5px; margin:auto; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; z-index:90;}
header nav ul li.onglet_recherche .recherche input[type="submit"]				{position:absolute; top:7px; right:7px;}
@media all and (max-width: 1400px) {
	header nav ul li.onglet_univers_2 a span.ios								{display:inline;}
	header nav ul li.onglet_univers_2 a span.detail								{display:none;}
}
@media all and (max-width: 1250px) {
	header nav ul li.onglet_test												{display:inline;}
	header nav ul li.onglet_univers_1											{display:none;}
	header nav ul li.onglet_univers_2											{display:none;}
}
@media all and (max-width: 970px) {
	header .h_social															{display:none;}
	header .h_logo																{width:calc(100% - 220px); text-align:left;}
	header nav ul li															{padding:0px 3px;}
	header nav ul li a															{padding:5px 6px 2px;}
}
@media all and (max-width: 830px) {
	header nav ul li															{padding:0px 2px;}
	header nav ul li a															{padding:5px 4px 2px;}
}
@media all and (max-width: 770px) {
	.margin_top																	{height:72px;}
	header																		{position:fixed; top:0px; left:0px; background:#2C2C2C; width:calc(100% - 40px); padding-top:10px; z-index:90;}
	header .hamburger															{display:block;}
	header .h_logo																{width:calc(100% - 224px); margin-left:40px; text-align:center;}
	header .h_logo img															{display:none;}
	header .h_logo img.logo_petit												{display:inline; margin:0px;}
	header .h_user																{width:102px;}
	header .h_user .h_avatar													{width:52px; margin:0px 0px 0px 10px;}
	header .h_user .h_avatar .h_nom												{display:none;}
	header nav, header nav.nav_fixed											{display:none; background:#2C2C2C; position:fixed; top:72px; left:0px; width:calc(100% - 40px); padding:10px 20px; z-index:90;}
	header nav.nav_fixed														{ overflow:scroll; overflow-x:hidden;}
	header nav ul																{width:100%; padding:0px; margin:0px; height:auto; text-align:left;}
	header nav ul li															{width:100%; padding:0px; margin:0px; display:block;}
	header nav ul li a															{display:block; border-bottom:2px solid #F2F2F2;}
	header nav ul li a img														{display:inline; vertical-align:middle; margin-right:10px;}
	header nav ul li.onglet_univers_1, header nav ul li.onglet_univers_2		{display:block;}
	header nav ul li.onglet_univers_1 a, header nav ul li.onglet_univers_2 a	{border-bottom:2px solid #F2F2F2;}
	header nav ul li.onglet_test												{display:none;}
	header nav ul li.onglet_legal												{display:block;}
	header nav ul li.onglet_mag a												{background:none;}
	header nav ul li.onglet_actif a												{color:#FFFFFF; background:#ED6A45; border-bottom:2px solid #F2F2F2;}
	header nav ul li.onglet_recherche											{margin:0px;}
	header nav ul li.onglet_recherche a											{display:none;}
	header nav ul li.onglet_recherche .recherche								{display:block !important; width:100%; right:0px; position:relative; padding:5px 0px; bottom:0px;}
	header nav ul li.onglet_recherche .recherche input[type="submit"]			{right:2px;}
}

/* PARTIE PRINCIPALE */
section																			{background:#FFFFFF; padding:0px 0px 40px;}
section .allez_salut															{border-bottom:20px solid #FFF; padding:10px 20px; width:calc(100% - 40px); max-width:1600px; margin:auto; color:#FFF; background:#fa973f; font-weight:bold; text-align:justify; font-size:16px; line-height:21px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
section .allez_salut a															{color:#FFF; text-decoration:underline;}

/* PAGE */
section .article																{max-width:1600px; padding:20px; margin:auto; color:#000000;}
section .article h1																{color:#000000; font-size:36px; line-height:42px; font-weight:bold; padding:0px 0px 5px;}
section .article h1 span														{color:#2C2C2C;}
section .article h1 span.page													{color:#F26522; font-size:16px;}
section .article h2																{color:#F26522; font-size:20px; line-height:24px; font-weight:bold; padding:20px 0px 5px;}
section .article p																{text-align:justify; font-size:17px; line-height:29px;}
section .article p a															{color:#ED6A45; text-decoration:underline;}
section .article .gauche														{float:left; width:calc(100% - 320px);}
section .article .gauche .le_mag												{display:none; padding:0px 0px 20px; width:100%; max-width:1600px; margin:auto;}
section .article .gauche .le_mag img											{width:100%;}
section .article .gauche .pages													{text-align:right; padding:40px 0px 0px; font-weight:bold; font-size:18px; line-height:18px;}
section .article .gauche .pages a												{background:#EEEEEE; color:#F26522; text-decoration:none; font-weight:normal; padding:5px 10px; border:1px solid #DDDDDD; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
section .article .gauche .pages a:hover											{background:#888888; color:#FFFFFF; text-decoration:none; border-color:#888888;}
section .article .gauche .pages a.actif											{background:#F26522; color:#FFFFFF; font-weight:bold; border-color:#F26522;}
@media all and (max-width: 950px) {
	section .article .gauche													{float:none; width:100%;}
	section .article .gauche .pages												{text-align:center;}
}
section .article .droite														{float:right; width:300px; background:#2C2C2C; color:#FFFFFF;}
section .article .droite .titre													{padding:10px 20px; font-weight:bold; font-size:18px; line-height:18px; background:rgba(0,0,0,0.2);}
section .article .droite .titre a												{color:#FFFFFF;}
section .article .droite .le_mag												{text-align:center; border-top:20px solid #FFFFFF; background:#FFFFFF;}
section .article .droite .le_mag img											{width:100%; max-width:300px;}
section .article .droite .last_news												{padding:0px 0px 10px; border-top:20px solid #FFFFFF;}
section .article .droite .last_news:first-child									{border-top:0px;}
section .article .droite .last_news a											{color:#FFFFFF;}
section .article .droite .last_news .titre										{margin:0px 0px 6px;}
section .article .droite .last_news .news										{padding:4px 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section .article .droite .last_news .news_l1									{background:rgba(255,255,255,0.05);}
section .article .droite .last_news .news a										{text-decoration:none;}
section .article .droite .last_news .news a span								{text-decoration:none; margin:0px 0px 0px 5px;}
section .article .droite .last_news .news a:hover								{text-decoration:none;}
section .article .droite .last_news .news a:hover span							{text-decoration:underline;}
section .article .droite .last_news .news_actif									{font-weight:bold;}
section .article .droite .last_news .test										{padding:4px 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section .article .droite .last_news .test_l1									{background:rgba(255,255,255,0.05);}
section .article .droite .last_news .test a										{text-decoration:none;}
section .article .droite .last_news .test a span								{margin:0px 0px 0px 5px;}
section .article .droite .last_news .test a span.univers						{margin:0px;}
section .article .droite .last_news .test a:hover								{text-decoration:none;}
section .article .droite .last_news .test a:hover span							{text-decoration:underline;}
section .article .droite .last_news .test a:hover span.univers					{text-decoration:none;}
section .article .droite .last_news .test_1 a span.univers						{background:#C2D971; padding:1px 5px;}
section .article .droite .last_news .test_2 a span.univers						{background:#9BBAD9; padding:1px 19px;}
section .article .droite .souhait												{border-top:20px solid #FFFFFF;}
@media all and (max-width: 950px) {
	section .article .gauche .le_mag											{display:block;}
	section .article .droite													{float:none; width:100%; margin:20px 0px 0px;}
	section .article .droite .souhait											{display:none;}
	section .article .droite .le_mag											{display:none;}
}

/* ARTICLE */
section .cadre																	{float:left; border:1px solid #EEEEEE; z-index:0;}
section .cadre .cadre_fond														{position:relative; width:100%; height:0px; padding:0px 0px 56.25%; overflow:hidden; background-color:#2C2C2C; background-position-x:center; background-position-y:center; background-size:cover; background-repeat-x:no-repeat; background-repeat-y:no-repeat;}
section .cadre .cadre_fond .cadre_centre										{position:absolute; top:0px; left:0px; width:100%!important; height:100%!important; background:rgba(255,255,255,0.7);}
section .cadre .cadre_fond .cadre_centre .cadre_note							{position:absolute; bottom:151px; right:15px; width:65px; text-align:center; background:#FFFFFF; color:#2C2C2C; border:1px solid #888888; padding:5px 0px; font-weight:bold; font-size:20px; line-height:20px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
section .cadre .cadre_fond .cadre_centre .cadre_note_parfait					{color:#EC0000;}
section .cadre .cadre_fond .cadre_centre .cadre_genre							{text-align:right; background:rgba(255,255,255,0.8); padding:5px 10px;}
section .cadre .cadre_fond .cadre_centre .cadre_genre a							{color:#ED6A45; text-decoration:underline;}
section .cadre .cadre_fond .cadre_centre .cadre_genre a:hover					{text-decoration:none;}
section .cadre .cadre_fond .cadre_centre .cadre_info							{position:absolute; left:10px; bottom:10px; width:calc(100% - 40px); padding:10px; background:rgba(44,44,44,0.7);}
section .cadre .cadre_fond .cadre_centre .cadre_info .cadre_gauche				{float:left; width:calc(100% - 75px);}
section .cadre .cadre_fond .cadre_centre .cadre_info .cadre_picto				{float:left; width:125px; position:relative;}
section .cadre .cadre_fond .cadre_centre .cadre_info .cadre_picto img			{position:absolute; left:0px; top:-92px;}
section .cadre .cadre_fond .cadre_centre .cadre_info h3							{float:right; width:calc(100% - 135px); color:#FFFFFF; font-size:24px; line-height:24px; padding:0px 0px 16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-bottom:0px; margin:0px;}
section .cadre .cadre_fond .cadre_centre .cadre_info h3 a						{color:#FFFFFF;}
section .cadre .cadre_fond .cadre_centre .cadre_info h5							{font-weight:normal; font-size:14px; line-height:14px; color:#EEEEEE; padding:5px 0px 20px;}
section .cadre .cadre_fond .cadre_centre .cadre_info h5 a						{color:#EEEEEE; text-decoration:underline;}
section .cadre .cadre_fond .cadre_centre .cadre_info p							{color:#FFFFFF; font-size:16px; line-height:20px; padding:0px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section .cadre .cadre_fond .cadre_centre .cadre_info p a						{color:#FFFFFF;}
section .cadre .cadre_fond .cadre_centre .cadre_info .cadre_droite				{float:right; width:55px;}
section .cadre .cadre_fond .cadre_centre .cadre_info .cadre_droite span			{display:none;}
section .cadre_news .cadre_fond .cadre_centre									{background:none;}
section .cadre_news .cadre_fond .cadre_centre .cadre_genre						{position:relative; background:#2C2C2C; color:#FFFFFF; font-weight:bold; text-transform:uppercase;}
section .cadre_news .cadre_fond .cadre_centre .cadre_genre .date				{position:absolute; top:5px; left:10px; text-transform:none;}
section .cadre_news .cadre_fond .cadre_centre .cadre_info h3					{float:none; width:100%; white-space:initial; text-overflow:initial; overflow:initial;}
section .cadre_news .cadre_fond .cadre_centre .cadre_info h3 a					{text-decoration:none;}
section .cadre_news .cadre_fond .cadre_centre .cadre_info p a					{text-decoration:none; white-space:initial; text-overflow:initial; overflow:initial;}
section .cadre_test																{width:calc((100% - 46px) / 3); margin:10px;}
section .cadre_test:nth-child(3n-1)												{margin-right:0px;}
section .cadre_test:nth-child(3n)												{margin-left:0px;}
section .cadre_news																{width:calc((100% - 24px) / 2); margin:10px;}
section .cadre_news:nth-child(2n)												{margin-right:0px;}
section .cadre_news:nth-child(2n-1)												{margin-left:0px;}
section .cadre_double															{width:calc((100% - 24px) / 2);}
section .cadre_double:nth-child(3n-1)											{margin-right:10px;}
section .cadre_double:nth-child(3n)												{margin-left:10px;}
section .cadre_double:nth-child(2n)												{margin-right:0px;}
section .cadre_double:nth-child(2n-1)											{margin-left:0px;}
section .cadre_apple .cadre_fond .cadre_centre .cadre_info .cadre_picto img		{-webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}
@media all and (max-width: 1500px) {
	section .cadre_test															{width:calc((100% - 24px) / 2); margin:10px;}
	section .cadre_test:nth-child(3n-1)											{margin-right:10px;}
	section .cadre_test:nth-child(3n)											{margin-left:10px;}
	section .cadre_test:nth-child(2n)											{margin-right:0px;}
	section .cadre_test:nth-child(2n-1)											{margin-left:0px;}
	section .cadre_double:nth-child(2n)											{margin-left:10px; margin-right:0px;}
	section .cadre_double:nth-child(2n-1)										{margin-right:10px; margin-left:0px;}
}
@media all and (max-width: 1300px) {
	section .cadre_news .cadre_fond												{padding:0px 0px 76.25%;}
	section .cadre_double .cadre_fond											{padding:0px 0px 76.25%;}
}
@media all and (max-width: 1100px) {
	section .cadre_news															{width:calc(100% - 2px); margin:10px 0px;}
	section .cadre_news .cadre_fond												{padding:0px 0px 56.25%;}
	section .cadre_double														{width:calc(100% - 2px); margin:10px 0px;}
	section .cadre_double:nth-child(2n)											{margin-left:0px;}
	section .cadre_double:nth-child(2n-1)										{margin-right:0px;}
	section .cadre_double .cadre_fond											{padding:0px 0px 56.25%;}
}
@media all and (max-width: 1000px) {
	section .cadre .cadre_fond													{padding:0px 0px 76.25%;}
	section .cadre_news .cadre_fond												{padding:0px 0px 56.25%;}
	section .cadre_double .cadre_fond											{padding:0px 0px 56.25%;}
}
@media all and (max-width: 950px) {
	section .cadre_news															{width:calc((100% - 24px) / 2); margin:10px;}
	section .cadre_news .cadre_fond												{padding:0px 0px 76.25%;}
	section .cadre_double														{width:calc((100% - 24px) / 2); margin:10px;}
	section .cadre_double .cadre_fond											{padding:0px 0px 76.25%;}
	section .cadre_double:nth-child(3n-1)										{margin-left:10px;}
	section .cadre_double:nth-child(3n)											{margin-right:10px;}
	section .cadre_double:nth-child(2n)											{margin-left:10px; margin-right:0px;}
	section .cadre_double:nth-child(2n-1)										{margin-right:10px; margin-left:0px;}
}
@media all and (max-width: 900px) {
	section .cadre .cadre_fond													{padding:0px 0px 86.25%;}
}
@media all and (max-width: 800px) {
	section .cadre_test, section .cadre_double, section .cadre_news				{width:calc(100% - 2px); margin:10px 0px;}
	section .cadre .cadre_fond, section .cadre_double .cadre_fond				{padding:0px 0px 56.25%;}
	section .cadre_news .cadre_fond												{padding:0px 0px 56.25%;}
	section .cadre_double:nth-child(2n)											{margin-left:0px;}
	section .cadre_double:nth-child(2n-1)										{margin-right:0px;}
}
@media all and (max-width: 600px) {
	section .cadre .cadre_fond													{padding:0px 0px 66.25%;}
}
@media all and (max-width: 500px) {
	section .cadre .cadre_fond													{padding:0px 0px 100%;}
	section .cadre .cadre_fond .cadre_centre .cadre_note						{bottom:182px;}
	section .cadre .cadre_fond .cadre_centre .cadre_info .cadre_picto			{height:43px;}
	section .cadre .cadre_fond .cadre_centre .cadre_info h3						{float:none; width:100%; clear:both;}
	section .cadre .cadre_fond .cadre_centre .cadre_info .cadre_droite			{padding:16px 0px 0px;}
}

/* CADRE VIDEO */
section .cadre_video															{margin:20px auto; padding:10px; background:#F4F4F4; clear:both; border:1px solid #EEEEEE; z-index:0;}
section .cadre_video .texte														{float:left; width:calc(100% - 1010px);}
section .cadre_video .texte .picto												{float:left; width:125px; height:125px;}
section .cadre_video .texte .infos												{float:right; width:calc(100% - 135px);}
section .cadre_video .texte .infos h3											{padding:20px 0px 10px; font-size:24px; line-height:30px; color:#2C2C2C;}
section .cadre_video .texte .infos h3 a											{color:#2C2C2C;}
section .cadre_video .texte .infos h5											{font-size:14px; line-height:18px; color:#888888}
section .cadre_video .texte .infos h5 a											{color:#888888; text-decoration:underline;}
section .cadre_video .texte p													{padding:20px 0px 10px; font-size:17px; line-height:29px; font-weight:bold;}
section .cadre_video .texte .resume												{position:relative; margin:0px 0px 40px; font-size:17px; line-height:29px; height:140px; overflow:hidden; text-align:justify;}
section .cadre_video .texte .resume .dessus										{position:absolute; bottom:0px; left:0px; width:100%; height:50px; background:linear-gradient(to bottom, transparent, #F4F4F4);}
section .cadre_video .texte .note												{width:85px; text-align:center; background:#FFFFFF; color:#2C2C2C; border:1px solid #888888; padding:5px 0px; margin:auto; font-weight:bold; font-size:20px; line-height:20px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
section .cadre_video .texte .note_parfait										{color:#EC0000;}
section .cadre_video .texte .dispo												{color:#2C2C2C; text-align:right; padding:40px 0px 0px;}
section .cadre_video .video														{float:right; width:1000px;}
section .cadre_video .video .container_youtube									{margin:0px;}
section .cadre_apple .texte .picto img											{-webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}
section .cadre_video_light .texte												{width:calc(100% - 660px);}
section .cadre_video_light .texte p												{padding:10px 0px 5px;}
section .cadre_video_light .texte .resume										{margin:0px 0px 10px; height:82px;}
section .cadre_video_light .texte .dispo										{padding:10px 0px 0px;}
section .cadre_video_light .video												{width:650px;}
@media all and (max-width: 1600px) {
	section .cadre_video .texte													{width:calc(100% - 810px);}
	section .cadre_video .texte .resume											{margin:0px 0px 20px; height:111px;}
	section .cadre_video .texte .dispo											{padding:20px 0px 0px;}
	section .cadre_video .video													{width:800px;}
	section .cadre_video_light .texte											{width:calc(100% - 660px);}
	section .cadre_video_light .texte .resume									{margin:0px 0px 10px; height:82px;}
	section .cadre_video_light .texte .dispo									{padding:10px 0px 0px;}
	section .cadre_video_light .video											{width:650px;}
}
@media all and (max-width: 1400px) {
	section .cadre_video_light .texte p											{padding:10px 0px 10px;}
	section .cadre_video_light .texte .resume									{display:none;}
}
@media all and (max-width: 1300px) {
	section .cadre_video .texte													{width:calc(100% - 660px);}
	section .cadre_video .texte p												{padding:10px 0px 5px;}
	section .cadre_video .texte .resume											{margin:0px 0px 10px; height:82px;}
	section .cadre_video .texte .dispo											{padding:10px 0px 0px;}
	section .cadre_video .video													{width:650px;}
	section .cadre_video_light .texte											{float:none; width:100%; position:relative;}
	section .cadre_video_light .texte .dispo									{position:absolute; top:0px; right:0px; width:55px;}
	section .cadre_video_light .texte .infos									{width:calc(100% - 200px); margin-right:65px;}
	section .cadre_video_light .texte p											{display:none;}
	section .cadre_video_light .texte .note										{display:none;}
	section .cadre_video_light .texte .dispo span								{display:none;}
	section .cadre_video_light .video											{float:none; width:100%; max-width:650px; margin:10px auto 0px;}
}
@media all and (max-width: 1150px) {
	section .cadre_video .texte p												{padding:10px 0px 10px;}
	section .cadre_video .texte .resume											{display:none;}
}
@media all and (max-width: 1000px) {
	section .cadre_video .texte													{float:none; width:100%; position:relative;}
	section .cadre_video .texte .dispo											{position:absolute; top:0px; right:0px; width:55px;}
	section .cadre_video .texte .infos											{width:calc(100% - 200px); margin-right:65px;}
	section .cadre_video .texte p												{display:none;}
	section .cadre_video .texte .note											{display:none;}
	section .cadre_video .texte .dispo span										{display:none;}
	section .cadre_video .video													{float:none; width:100%; max-width:650px; margin:10px auto 0px;}
}

/* CADRE BON PLAN */
section .offre																	{float:left; width:calc(50% - 21px); padding:8px; margin:10px 5px 0px; background:#2C2C2C; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
section .offre:nth-child(2n-1)													{margin-right:0px;}
section .offre:nth-child(2n)													{margin-left:0px;}
section .offre .image															{float:left; width:125px; height:125px; position:relative;}
section .offre .image img.non_disponible										{position:absolute; top:0px; left:0px; width:125px; height:125px;}
section .offre .image .note														{position:absolute; bottom:8px; right:calc(50% - 32px); width:64px; text-align:center; color:#FFFFFF; font-size:16px; line-height:16px; font-weight:bold; padding:4px 0px; background:rgba(44,44,44,0.8); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
section .offre .texte															{float:left; width:calc(100% - 200px); margin:0px 0px 8px 12px; color:#FFFFFF;}
section .offre .texte a															{text-decoration:underline; color:#FFFFFF;}
section .offre .texte h4														{font-size:20px; line-height:20px; padding:0px 0px 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section .offre .texte h5														{font-size:14px; line-height:14px; font-weight:normal; font-style:italic; padding:0px 0px 5px;}
section .offre .texte .infos													{font-size:12px; line-height:12px; padding:0px 0px 15px;}
section .offre .texte .prix														{font-size:28px; line-height:28px; font-weight:bold; color:#F26522;}
section .offre .texte .prix span												{font-size:16px; line-height:16px; font-weight:normal; color:#FFFFFF; vertical-align:middle; text-decoration:line-through;}
section .offre .texte .download													{text-align:right; padding:8px 15px 0px 0px;}
section .offre .texte .download a												{border:1px solid #FFFFFF; background:#FFFFFF; padding:7px 10px 7px; text-transform:uppercase; font-weight:bold; text-decoration:none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
section .offre .texte .download a:hover											{text-decoration:none;}
section .offre .test															{float:right; width:55px; padding:8px 0px 0px;}
section .offre_1																{background:#C2D971;}
section .offre_1 .texte .download a												{color:#C2D971;}
section .offre_2																{background:#9BBAD9;}
section .offre_2 .image img														{-webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}
section .offre_2 .texte .download a												{color:#9BBAD9;}
section .offre_vide																{padding:0px; background:#FFFFFF;}
section .offre_obsolete															{background:#888888;}
section .offre_obsolete .image img												{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
section .offre_obsolete .image img.non_disponible								{filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
section .offre_obsolete .texte .download a										{background:#888888;}
@media all and (max-width: 1300px) {
	section .offre .texte .infos												{padding:0px 0px 7px;}
}
@media all and (max-width: 1200px) {
	section .offre																{float:none; width:calc(100% - 16px); margin:10px 0px 0px;}
	section .offre_vide															{display:none;}
	section .offre .texte .infos												{padding:0px 0px 15px;}
}

/* VIDEO YOUTUBE */
section .container_youtube														{width:100%; max-width:1000px; margin:20px auto 0px;}
section .container_youtube .youtube												{position:relative; width:100%; height:0px; padding:0px 0px 56.25%; overflow:hidden;}
section .container_youtube .youtube iframe										{position:absolute; top:0px; left:0px; width:100%!important; height:100%!important;}
section .container_youtube .youtube img											{position:absolute; top:0px; left:0px; width:100%!important; height:100%!important;}
section .container_youtube .youtube_abo											{width:calc(100% - 20px); height:auto; text-align:right; background:#000000; padding:2px 10px 2px; margin:auto;}
section .container_youtube .youtube_abo a										{display:block; color:#FFFFFF; text-decoration:none;}
section .container_youtube .youtube_abo a span									{font-weight:bold;}
section .container_youtube .youtube_abo a:hover									{text-decoration:none;}
section .container_youtube .youtube_abo a:hover span							{color:#EC0000;}
section .container_youtube_img													{margin:20px auto 20px;}

/* CALENDRIER */
section .calendrier																{height:auto; background:#2C2C2C;}
section .calendrier .nav_agenda													{position:relative; text-align:center; font-weight:bold; height:18px; padding:2px 0px;}
section .calendrier .nav_agenda a												{color:#FFFFFF;}
section .calendrier .nav_agenda a.link											{position:absolute; width:16px; height:18px; top:1px; color:#FFFFFF;}
section .calendrier .nav_agenda a.link1											{left:5px;}
section .calendrier .nav_agenda a.link2											{right:5px;}
section .calendrier .nav_agenda a.link3											{left:30px;}
section .calendrier .nav_agenda a.link4											{right:30px;}
section .calendrier .age_ligne													{font-weight:bold; text-align:center; background:#FFFFFF;}
section .calendrier .age_ligne a												{text-decoration:none; display:block; color:#2C2C2C;}
section .calendrier .age_ligne a:hover											{text-decoration:none;}
section .calendrier .age_ligne .col												{position:relative; float:left; width:calc((100% - (1px * 6)) / 7); border:1px solid #EEEEEE; height:20px; border-top:0px; border-right:0px;}
section .calendrier .age_ligne .we												{background:#F2F7FF;}
section .calendrier .age_ligne .action											{background:#50ADB5; color:#FFFFFF;}
section .calendrier .age_ligne .s_action										{background:#B55050; color:#FFFFFF;}
section .calendrier .age_ligne .visite											{background:#031946; color:#FFFFFF;}
section .calendrier .age_ligne .s_visite										{background:#7F0A0A; color:#FFFFFF;}
section .calendrier .age_ligne .visite a										{color:#FFFFFF;}
section .calendrier .age_ligne .en_cours										{background:#6C6C6C; color:#FFFFFF;}
section .calendrier .age_ligne .en_cours a										{color:#FFFFFF;}
section .calendrier .age_ligne .old												{color:#999999; background:#F4F4F4;}
section .calendrier .age_ligne .old a											{color:#999999;}
section .calendrier .age_ligne .old_action										{background:#A9E2E7;}
section .calendrier .age_ligne .old_s_action									{background:#E7A9A9;}
section .calendrier .age_ligne .old_visite										{background:#93ADE2;}
section .calendrier .age_ligne .old_s_visite									{background:#E29393;}
section .calendrier .age_ligne .first											{border-left:0px;}
section .calendrier .age_ligne .col:hover										{background:#4C4C4C; color:#FFFFFF;}
section .calendrier .age_ligne .col:hover a										{color:#FFFFFF;}
section .calendrier .age_ligne .old:hover										{color:#EEEEEE; background:#999999;}
section .calendrier .age_ligne .old:hover a										{color:#EEEEEE;}
section .calendrier .age_ligne .inactif											{background:#E6E6E6; color:#666666; font-weight:normal; padding:2px 0px 0px; height:18px; font-size:14px;}
section .calendrier .age_ligne .inactif:hover									{background:#E6E6E6; color:#666666;}
section .calendrier .age_ligne .inactif2										{background:#FFFFFF; color:#666666; font-weight:normal; padding:2px 0px 0px; height:18px; font-size:14px;}
section .calendrier .age_ligne .inactif2:hover									{background:#FFFFFF; color:#666666;}
section .calendrier .age_ligne .we_inactif										{background:#F2F7FF; color:#666666; font-weight:normal; padding:2px 0px 0px; height:18px; font-size:14px;}
section .calendrier .age_ligne .we_inactif:hover								{background:#F2F7FF; color:#666666;}
section .calendrier .age_entete													{background:#2C2C2C;}
section .calendrier .age_entete .col											{border-top:1px solid #EEEEEE; color:#FFFFFF;}
section .calendrier .age_entete .col:hover										{background:#4C4C4C; color:#FFFFFF;}

/* FIL D'ARIANE */
section h4.ariane																{font-weight:normal; color:#4E4E4E; font-size:12px; padding:0px 0px 10px;}
section h4.ariane a																{color:#5A798E; text-decoration:underline;}
section h4.ariane a:hover														{text-decoration:none;}

/* COMMENTAIRES */
section .commentaires															{padding:10px 0px 0px;}
section .commentaires h5														{padding:10px 20px; background:#2C2C2C; color:#FFFFFF; font-size:20px; line-height:20px; font-weight:bold;}
section .commentaires .com_error												{color:#ED6A45; font-size:20px; line-height:20px; font-weight:bold; padding:40px 0px; text-align:center;}
section .commentaires .commentaire												{position:relative; background:#F2F2F2; border-bottom:1px dotted #777777; padding:5px 5px 5px; margin:5px auto 0px;}
section .commentaires .commentaire .com_supp_admin								{position:absolute; top:-8px; right:-8px; width:32px; height:32px; cursor:pointer;}
section .commentaires .commentaire .com_identite								{float:left; width:130px; background:#FFFFFF;}
section .commentaires .commentaire .com_identite .com_pseudo					{color:#ED6A45; font-size:16px; font-weight:bold;}
section .commentaires .commentaire .com_identite .com_date_post					{color:#989898; font-size:12px;}
section .commentaires .commentaire .com_identite .com_avatar					{padding:2px 0px 0px; text-align:center;}
section .commentaires .commentaire .com_detail									{float:right; width:calc(100% - 140px);}
section .commentaires .commentaire .com_detail p								{text-align:justify; color:#646464; font-size:14px; line-height:20px;}
section .commentaires .com_redaction											{position:relative; margin:0px; height:104px;}
section .commentaires .com_redaction textarea.cadre_commentaire					{background:#FFFFFF; height:92px; color:#646464; resize:none; border:1px solid #2C2C2C; border-top:0px; padding:5px; width:calc(100% - 12px); font-size:15px; font-weight:bold; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
section .commentaires .com_redaction textarea.cadre_commentaire:disabled		{color:#9B9B9B; cursor:not-allowed;}
section .commentaires .com_redaction input.submit_commentaire					{position:absolute; bottom:1px; right:0px; background:#2C2C2C; font-size:16px; font-weight:bold; text-transform:uppercase; padding:1px 15px; color:#FFFFFF; border:none; cursor:pointer; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
@media all and (max-width: 650px) {
	section .commentaires .commentaire .com_identite							{float:none; width:100%; margin-bottom:5px;}
	section .commentaires .commentaire .com_detail								{float:none; width:100%;}
}

/* BANDEAU UTILISATEUR -> LAYER */
.user_layer_connect																{position:fixed; top:10px; left:50%; width:500px; height:auto; margin:0px 0px 0px -250px; padding:3px 0px 10px; background:#F2F2F2; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; z-index:99;}
.user_layer_connect .user_layer_c												{width:500px; height:auto; min-height:90px; _height:90px; margin:0px; z-index:99;}
.user_layer_connect .user_layer_c h2											{font-size:20px; font-weight:bold; color:#4C4C4C; border-bottom:2px solid #4C4C4C; padding:1px 0px 1px; margin:0px 4px 5px; z-index:99;}
.user_layer_connect .user_layer_c p												{font-size:14px; font-weight:normal; color:#4C4C4C; padding:0px; margin:0px 4px 5px; z-index:99;}
.user_layer_connect .user_layer_c .user_souhait									{position:relative; padding:1px 5px 1px; margin:0px 4px 5px; background:#FFFFFF; z-index:99;}
.user_layer_connect .user_layer_c .user_souhait h3								{font-size:14px; font-weight:bold; font-style:italic; color:#ED6A45; padding:0px 0px 5px; z-index:99;}
.user_layer_connect .user_layer_c .user_souhait .user_all						{position:absolute; top:2px; right:5px; text-align:right; font-size:11px; padding:0px; color:#777777; font-style:italic; z-index:99;}
.user_layer_connect .user_layer_c .user_souhait .user_all input					{width:16px; height:16px; background:none; border:0px; vertical-align:middle; z-index:99;}
.user_layer_connect .user_layer_c .user_souhait .user_all label					{cursor:pointer; z-index:99;}
.user_layer_connect .user_layer_c .user_souhait .user_filtre					{float:left; width:33%; font-size:14px; padding:0px; color:#4E4E4E; z-index:99;}
.user_layer_connect .user_layer_c .user_souhait .user_filtre input				{width:16px; height:16px; background:none; border:0px; vertical-align:middle; z-index:99;}
.user_layer_connect .user_layer_c .user_souhait .user_filtre label				{cursor:pointer; z-index:99;}
.user_layer_connect .user_layer_f												{position:absolute; top:5px; right:6px; width:22px; height:22px; cursor:pointer; z-index:99;}
@media all and (max-width: 860px) {
	.user_layer_connect															{top:0px; left:0px; width:100%; height:100%; overflow:auto; margin:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; z-index:99;}
	.user_layer_connect .user_layer_c											{width:100%; padding:0px 0px 20px; z-index:99;}
}

/* FOOTER */
footer																			{border-top:3px solid #ED6A45;}
footer .f_barre																	{background:#2C2C2C; padding:20px 20px; font-weight:bold; color:#FFFFFF; font-size:16px; line-height:16px;}
footer .f_centre																{width:100%; max-width:1560px; margin:auto;}
footer .f_social																{float:left; width:60%;}
footer .f_social a																{margin:0px 3px;}
footer .f_copyright																{float:right; text-align:right; width:40%; padding:3px 0px 0px;}
footer .f_copyright a															{color:#FFFFFF;}
footer .f_lien																	{padding:25px 20px; color:#FFFFFF; font-weight:200; font-size:16px; line-height:30px; text-align:center;}
footer .f_lien a																{color:#FFFFFF; margin:0px 10px;}
footer h6																		{padding:40px 0px 0px; font-size:18px; line-height:18px;}
footer h6.f_titre_1																{color:#C2D971;}
footer h6.f_titre_2																{color:#9BBAD9;}
footer .f_listing																{overflow:hidden;}
footer .f_jeu																	{position:relative; float:left; width:calc((100% - 1px) / 7); text-align:center; padding:10px 0px;}
footer .f_jeu .note																{position:absolute; top:103px; right:calc(50% - 32px); width:64px; text-align:center; color:#FFFFFF; font-size:16px; line-height:16px; font-weight:bold; padding:4px 0px; background:rgba(44,44,44,0.8); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
footer .f_jeu a																	{color:#FFFFFF;}
footer .f_jeu a img.f_picto														{margin:0px 0px 6px;}
footer .f_jeu_2 a img.f_picto													{-webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}
@media all and (max-width: 1400px) {
	footer .f_jeu																{width:calc(100% / 6);}
	footer .f_jeu:nth-child(0n+7)												{display:none;}
}
@media all and (max-width: 1200px) {
	footer .f_jeu																{width:calc(100% / 5);}
	footer .f_jeu:nth-child(0n+6)												{display:none;}
}
@media all and (max-width: 950px) {
	footer .f_jeu																{width:calc(100% / 4);}
	footer .f_jeu:nth-child(0n+5)												{display:none;}
}
@media all and (max-width: 750px) {
	footer .f_jeu, footer h6													{display:none;}
}

/* COOKIES */
.cookie_policy																	{position:fixed; bottom:0px; left:0px; width:calc(100% - 40px); padding:10px 20px; border-top:2px solid #2C2C2C; background:#F2F2F2; font-size:16px; line-height:20px; font-weight:200; color:#4C4C4C; text-align:justify; z-index:99;}
.cookie_policy a																{color:#ED6A45; text-decoration:underline;}
.cookie_policy a:hover															{text-decoration:none;}
.cookie_policy a.bouton															{float:right; background:#4C4C4C; vertical-align:middle; color:#FFFFFF; font-weight:bold; padding:5px 12px; margin:0px 0px 0px 20px; text-decoration:none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

/* SCROLL TO TOP */
.scrollToTop																	{position:fixed; bottom:18px; right:18px; width:48px; height:48px; display:none; cursor:pointer; z-index:99;}