/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

@charset "utf-8";

/* reset css */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}






/* CSS  site*/

body											{width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background:#1d2f45;}
a												{text-decoration:none;}
h1, h2											{font-family: Fugaz One;}
h2												{font-size:19px; color:#f7f7f7; line-height : 25px;}
div.textepage ul li								{list-style-image:url("../img/puce_footer.png") ;margin: 5px 0 0 15px;line-height:16px;}

/* Propriétés du header communes à toutes les pages*/
div#header 										{background:#f6f6f6;width:100%;*margin-top:34px;  }
div#header div#header-content	 				{width:980px;margin: 0 auto;position:relative;margin-top:34px;*margin-top:0;; height: 56px;}

div#header div#header-content div#menu img.logo {display:block; margin-top:-33px;position:absolute;z-index:30;}	

div#menu										{width:980px;margin: 0 auto;position:relative;}
div#menu  ul.menu								{display:block;float:right;font-weight:bold ;height:56px;line-height:56px;}
div#menu  ul.menu li							{height:56px; display:block;float:left;}
div#menu  ul.menu li:hover ul					{/*display:block;*/}
div#menu  ul.menu li a							{font-size:15px; color:#3d3d3d; height: 26px; border-right:1px solid #d9d9d9;padding:3px 29px;/*background:url('../img/fleche_header.png') center bottom no-repeat;*/}
div#menu  ul.menu li a:hover					{color:#b74824;}
div#menu  ul.menu li a.media					{border: 0;}
div#menu  ul.menu li a.actu						{background:#3D3D3D; border: 0 none; border-radius: 10px 10px 10px 10px; color: #FFFFFF; display: block; height: 23px; line-height: 23px; margin: 11px 0; padding: 5px 10px;}
div#menu  ul.menu li a.actu:hover				{background: #cb5a35; }
div#menu ul.menu li ul							{display:none;background: none repeat scroll 0 0 #262C32;/* height: 33px; */line-height: 33px;  position: absolute;left:68px;width:956px; *top:56px;margin: 0 ; }
div#menu  ul.menu li ul	li						{height:33px; margin: 0 ;}
div#menu  ul.menu li ul	li:first-child 			{margin-left:161px;}
div#menu  ul.menu li ul	li a 					{color:#e1704b;font-weight:normal;padding:3px 10px; border: 0 ;}
div#menu  ul.menu li ul	li a:hover 				{color:#f2f2f2;}


/*Propriétés de la page d'accueil : template accueil */
body.index											{background:#1a1f25;}

body.index div.slider								{position : relative; background:url('../img/slider/accueil1.jpg') center top no-repeat;width:100%; height:968px;}
body.index div.slider div.sliderdiapo				{position : absolute; z-index : 3; height : 100%; width : 100%;}

body.index div.slider div.content					{position : relative; z-index : 5; width:980px; padding: 153px 0 359px;margin: 0 auto;}

body.index div.slider div.content img.slogan		{display:block;}
body.index div.slider div.content div.social		{width:156px;  margin-left:176px; text-align:center;}
body.index div.slider div.content div.social img	{margin: 19px -3px 0 ; display:block;float:left;cursor:pointer;}


body.index div.slider div.content div.actualites	{margin: 21px 0 ;width:475px; border-radius:5px; background:#39485b;   }
body.index div.slider div.content div.actualites>a	{/*background: none repeat scroll 0 0 #C75833; */border-radius: 5px 5px 0px 0px;color: #FFFFFF;display: block;padding: 19px 17px;
background: #d0603b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2QwNjAzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTQwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d0603b 1%, #ae401c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d0603b), color-stop(100%,#ae401c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d0603b 1%,#ae401c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d0603b 1%,#ae401c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d0603b 1%,#ae401c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d0603b 1%,#ae401c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0603b', endColorstr='#ae401c',GradientType=0 ); /* IE6-8 */


-webkit-box-shadow:  0px 2px 7px 0px rgba(0, 0, 0, 0.26);
        
        box-shadow:  0px 2px 7px 0px rgba(0, 0, 0, 0.26);
		
}
body.index div.slider div.content div.actualites a h2{color:#fff;font-size:20px;font-family: Verdana;}
body.index div.slider div.content div.actualites div.texte {font-family: Verdana;padding: 10px 17px;border-top:1px solid #393939;}
body.index div.slider div.content div.actualites div.texte a{}
body.index div.slider div.content div.actualites div.texte img.boutonactu{position:absolute; display:block;margin:15px 0 0 447px ;}
body.index div.slider div.content div.actualites div.texte p.titreactu{ color:#fff;font-size:14px;}
body.index div.slider div.content div.actualites div.texte p.texteactu{ color:#cbcbcb;font-size:13px;margin-top:5px;}
body.index div.slider div.content div.actualites div.texte div.date{float:right;font-size:14px;color:#cbcbcb; font-style:italic;}

body.index div.main								{width:100%; background:#f7f7f7;padding: 47px 0 82px ;font-family : Verdana, Arial ; font-size:15px; color:#6f6f6f;}
body.index div.main div.textepage				{width:980px; margin: 0 auto;background:#f7f7f7;color:#6f6f6f;line-height:25px;}
body.index div.main	h1							{font-family : Fugaz One, sans-serif ; color:#d4d4d4; font-size:65px;margin:47px 0 70px;padding: 0 ; }
/* multicolonnes sur la page d'accueil - des !important car le script gère les width en pourcentages ; il faudrait modifier le script en profondeur pour afficher les colonnes selon des largeurs voulues, d'où les width en!important dans le css qui prennent le dessus*/
body.index div.main div.textepage .column			{padding: 0 !important ;text-align:left;text-align:justify;}
body.index div.main div.textepage .last.column		{padding: 0 0 0 14px !important; width:476px !important; }
body.index div.main div.textepage .first.column		{padding: 0 14px 0 0 !important;width:476px !important; }
body.index div.main div.textepage a.lirelasuite		{margin: 15px 0 0;float:right;display:block; }

/* Propriétés des pages intérieures, communes au template trois col et deux col + propriétés pour trois col uniquement*/ 
body div.main									{width:980px; margin: 0 auto; font-family : Verdana, Arial ; font-size:15px; color:#6f6f6f;padding: 0 0 60px;}
body div.main div.header								{width:980px; }
body div.main div.textepage						{width:980px;font-family: Verdana;	font-size:13px; color:#cccbcb;line-height:18px;text-align:justify;}
body div.main div.textepage p					{font-family: Verdana;	font-size:13px; color:#cccbcb;line-height:18px;text-align:justify;}

div.main h1										{color:#d25e37;font-size:36px; font-family: Fugaz One, sans-serif ;padding: 108px 0 25px;}	
div.main a										{ color:#d25e37 ;}


/* Gestion templates 3 colonnes */
body.troiscol div.main div.header					{float:left;width:550px;  }

body.troiscol div.main div.textepage .column, body.articles  .column		{padding: 35px 0 20px 0 !important ;width:300px !important;  }
body.troiscol div.main div.textepage .last.column, body.articles div.main .last.column		{padding: 35px 0 20px 40px !important; width:301px !important; }
body.troiscol div.main div.textepage .first.column, body.articles div.main .first.column		{padding: 35px 40px 20px 0 !important;width:299px !important; }


/* Gestion 2 colonnes */

body.deuxcol div.main div.textepage						{width:643px;}
body.deuxcol div.main div.textepage .last.column		{padding:35px 0 20px 20px !important; width:301px !important; }
body.deuxcol div.main div.textepage .first.column		{padding: 35px 20px 20px 0 !important;width:299px !important; }

body.deuxcol div.main div.pdf							{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
														float:right;width: 300px; padding: 35px 0 0 0 ;}
body.deuxcol div.main div.pdf h2						{color:#fff; font-weight:normal; font-style: normal; font-size:16px; margin-bottom: 25px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; }
body div.main a.button			{
	display:block; color:#787878; font-size:14px; 
background: url(../img/button.png) center right no-repeat, #ffffff; /* Old browsers */
background: url(../img/button.png) center right no-repeat, -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
background:url(../img/button.png) center right no-repeat,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background:url(../img/button.png) center right no-repeat,  -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: url(../img/button.png) center right no-repeat, -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
background:url(../img/button.png) center right no-repeat,  -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* IE10+ */
background:url(../img/button.png) center right no-repeat,  linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
padding: 8px 43px 8px 18px; margin: 10px 0  ;border-radius: 4px;

}
body div.main a.button:hover				{
	background: url(../img/button_hover.png) center right no-repeat, #ffffff; /* Old browsers */
background: url(../img/button_hover.png) center right no-repeat, -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
background:url(../img/button_hover.png) center right no-repeat,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background:url(../img/button_hover.png) center right no-repeat,  -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: url(../img/button_hover.png) center right no-repeat, -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
background:url(../img/button_hover.png) center right no-repeat,  -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* IE10+ */
background:url(../img/button_hover.png) center right no-repeat,  linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */

color:#cb5a35;  }
body.deuxcol div.main div.pdf a.button				{ }
.inline												{display:inline !important; float:right; margin: 20px 0 50px ;} /* bouton retour a la liste des actualités , style similiaire aux liens vers les pdf */

/*page article : actualités, archives, sommaire et détail et également sommaire des photos*/
body.articles div.main  div.article_entete				{float:left; width:536px;padding: 28px 0 25px;  }
body.articles div.main  div.article_entete	> h1		{padding: 10px 0 20px; }
body.articles div.main  div.article_entete	h2		{font-family:Verdana, Geneva, sans-serif; font-size: 13px; color:#7b7b7b; padding: 5px 0 7px; }
body.articles div.main  div.article_entete	h2 span		{color:#cccbcb; }
body.articles div.main			{padding: 0 0 60px;}
body.articles div.header		{width: 550px; font-size:65px; color:#d4d4d4;font-family: Fugaz One ;text-align:right;margin-top:30px;}
body.articles div.header span.mois	{color:#7a7a7a;}
body.articles div.mois			{float:left; width:303px; padding: 0;background:#e7e7e7;/*margin: 0 34px 28px 0;*/margin: 14px 0 14px 0 ;}
body.articles div.mois.centre								{float:left; width:303px; padding: 0;background:#e7e7e7;/*margin: 0 34px 28px 0;*/margin: 14px 35px 14px ;}
body.articles div.mois h2							{text-align:center; color:#be4f2a; font-size:23px;display:block; height: 44px ; width: 304px;display:table-cell; vertical-align:middle;background:url('../img/mois_fleche.png') center right no-repeat;text-transform : capitalize;}
body.articles div.mois h2:hover					{background:url('../img/mois_fleche_hover.png') center right no-repeat;cursor:pointer;}
body.articles div.mois div.sommaire				{display:none;position:absolute;width: 273px; background:#fff;font-family: Verdana; font-size:13px; color:#7a7a7a;padding: 15px;}
body.articles div.mois div.sommaire > a			{color:#7a7a7a;display:block;font-family: Verdana; font-size:13px; margin:15px 0 ; border-bottom: 1px solid #f3f3f3;  }
body.articles div.mois div.sommaire > a>  strong	{color:#4f5050;  font-weight:bold;   }

body.articles div.troiscol						{font-family : Verdana, sans-serif; font-size:13px;  color:#cccbcb; text-align:justify;line-height: 18px;  }



/*slider présent sur les pages fixes et les pages d'articles */
body div#diapo 											{float:right; margin-top:33px;  width: 423px;  position:relative; background:#e7e7e7;}
body div#diapo p										{table-layout: fixed;  width: 423px;height:192px;display:table-cell;
														padding: 0 ;background:#000;vertical-align:middle; }
body div#diapo p img, body div#diapo img				{float:none !important; /* background:#c0c0c0;*/max-width: 423px;max-height:192px;display:block; margin: 0 auto; }
div#diapo div#slider p.titre		{display:block; color:#be4f2a; font: 13px Verdana,sans-serif; padding: 7px 15px; text-align:left;height:33px;  text-align:center; background:#e7e7e7; width: 394px;	bottom: 0 ; }


/* sommaire actualités */
body.articles div.actu												{padding: 0 0 0;}
body.articles div.actu h1	, body.articles h1.actu					{color:#d25e37; font-size:25px; font-family: Fugaz One, "Trebuchet MS", Arial, Helvetica, sans-serif;margin: 0 0 10px ;padding: 0 ;}
body.articles div.actu h2											{color:#fff; font-size:16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;margin: 0 0 7px ;padding: 0 ;}
body.articles div.actu h2 span										{color:#7b7b7b; }

/* Page contact  */
body.contact										{background:#1a1f25;}

body.contact div.slider								{background:url('../img/slider/accueil1.jpg') center top no-repeat;width:100%; height:968px;}
body.contact div.slider div.content					{width:980px; padding: 0 0 359px;margin: 0 auto;}

body.contact div.slider div.content div.header h1	{color:#d25e37;font-size:36px; font-family: Fugaz One, sans-serif ;padding: 108px 0 25px;}	
div#contact											{color:#cccbcb;}
div#contact h2										{color:#d25e37;}

/*galerie photos*/
body.photos div.header								{font-size:65px; color:#d4d4d4;font-family: Fugaz One ;text-align:right;margin:30px 0;}
div.main.photos										{padding: 0 0 50px;}
div.main.photos div.thumbnail						{float:left; width:230px; background:#000 ; height: 183px;margin: 25px 0; }
div.main.photos div.thumbnail a						{width:230px;  height: 136px;display:table-cell; background:#000;  overflow: hidden; table-layout:fixed ;vertical-align:middle;}
div.main.photos div.thumbnail.centregauche			{float:left; width:230px; background:#000 ; height: 169x;margin: 25px 0 25px 20px;  }
div.main.photos div.thumbnail.centredroit			{float:left; width:230px; background:#000 ; height: 169x;margin: 25px 20px 25px 20px;  }
div.main.photos div.thumbnail h2.titre				{color:#be4f2a; font: 13px Verdana,sans-serif; padding: 7px 15px; text-align:left;height:33px; background:#E7E7E7;  }
div.main.photos div.thumbnail img					{display:block; max-height: 136px;margin: 0 auto;max-width: 230px;  }


/* Medias : galerie de photos youtube */
body.medias div.header								{font-size:65px; color:#d4d4d4;font-family: Fugaz One ;text-align:right;margin:30px 0;}
body.medias iframe									{float:left; margin: 15px 0 ; width: 482px;}
body.medias iframe.gauche							{float:left; margin: 15px 15px 15px  0;}


/* Formulaire de contact  et mentions légales*/


div#contact						{float:left;width:500px; }
div#contact h2					{color:#EC7200;}
div.cont						{ width:536px;}
div.cont div.ecoute				{width:341px; float:left; }
div#mention					 	{padding: 0 0 70px;}	
div#mention h2					{padding: 43px 0 21px;}
div#mention p					{}
div#mention .success,
div#mention .error			{ width:325px; text-align:center; margin:10px 0 0 0; position:absolute; *padding-top:2px; *padding-bottom:3px; }
div.ombre							{ }
#form_contact ul li 				{padding: 0 ;margin: 10px 0 ;}
div#liste								{ padding-bottom:20px; }
div#liste h2							{}
div#liste ul							{ margin:0; padding:0; }
div#liste ul li							{ list-style:none; }
div#liste ul li.actu					{box-shadow:0px 2px 8px #ccc; padding: 30px 25px;background:#fff;}
div#liste ul li div.actu div.date		{ position:absolute; color:#D84C26; font-size:13px; font-weight:bold; margin: 4px 0 0 344px; }

/*
* formulaire de contact */

#form_contact						{/* border:0;/* margin:17px 0 0 0; padding:0; width:496px; padding:0 20px; */}
.required							{ color:#CC0000; }
.error, .notice, .success			{padding: 6px !important ;}
#form_contact select.error 			{border: 1px solid red;background:#fff;}
#form_contact legend				{ }
#form_contact legend.img			{ }
#form_contact input, textarea	{border:1px solid white;}
#form_contact p						{ width:238px; text-align:center; }
#form_contact ul 					{ margin:6px 0 0 0; *margin-top:3px; padding:0; }
#form_contact ul li					{ list-style:none;}
#form_contact ul li.chuck			{ height:15px; margin-top:2px; clear:both; }
#form_contact legend img			{ }
#form_contact label					{ width:236px; display:block; margin:0 1px; }
#form_contact label.error			{ display:none !important; }
#form_contact .inline				{ }
#form_contact input					{ margin:4px 0 5px 0; *margin-top:1px; padding:3px; width:230px; }
#form_contact input.error 			{ margin:4px 0 5px 0 !important; *margin:1px 0 5px 0 !important; color:#000000;border:1px solid red; }

#form_contact textarea.error 			{ border:1px solid red; }

#form_contact input#captcha_code	{ /*margin:2px 0 0 5px !important;*/ }
#form_contact input.submit			{padding: 16px 20px; height: auto; width: auto;font-size:15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 35px 0 0 ;border:0 ; background:#1a1f25 ;color:#fff; cursor:pointer;}
#form_contact input.submit:hover	{ background:#d25e37 ;}
#form_contact textarea				{ margin:3px 0 5px 0; padding:3px; width:488px; height:67px; height:70px\9; }
#form_contact textarea.error		{ margin:3px 0 5px 0 !important; }
#form_contact .success,
#form_contact #captcha_code.error	{ margin:0 0 0 5px !important; }
#form_contact select				{border:0;}
/*
* gestion des erreurs */
div.erreur		{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:50px 0; }
span.erreurdesc	{ display:block; font-weight:bold; color:#555555; font-size:24px; text-transform:uppercase; margin-top:-38px; width:618px; text-align:right; z-index:101; position:absolute; }
span.erreurnum	{ display:block; font-weight:bold; color:#DDDDDD; font-size:150px; z-index:100; text-align:center; line-height:130px; }


/*Footer présent sur toutes les pages*/
div#footer 										{background:#cb5a35;width:100%; margin: 0 auto;}
div#footer a, div#footer h2						{font-weight:bold;color:#fff;font-size:16px;margin: 15px 0 ;}
div#footer div#footercontent					{width:980px; margin: 0 auto;padding:25px 0 20px;}
div#footer div#footercontent div.col1			{width: 86px; float:left;margin: 0 15px;}
div#footer div#footercontent div.col2			{width: 151px; float:left;margin: 0 15px;}
div#footer div#footercontent div.col3,
div#footer div#footercontent div.col4			{width: 212px; float:left;margin: 0 15px;}
div#footer div#footercontent div.col5			{width: 169px; float:left;margin: 0 15px;}


div#footer div#footercontent ul li				{margin-bottom: 7px;}
div#footer div#footercontent ul li a			{ }
div#footer div#footercontent ul li ul			{margin-top: 13px; }
div#footer div#footercontent ul li ul li		{list-style-image:url("../img/puce_footer.png") ;margin: 0;line-height:15px;}
div#footer div#footercontent ul li ul li a		{color:#ffbda7;font-size:12px;font-family: Verdana;font-weight:normal;}


div#footer div#footercontent a img				{margin: 20px 0 ;}
div#footer div#footercontent ul li.realisation a img {margin: -2px 0 0 ; position:absolute;}
div#footer div#footercontent ul li.realisation a	{line-height:41px; }
div#footer div.copyright						{float:right;color:#ffbda7;font-family: Calibri;font-size:14px;margin-top:-21px; }

#sponsors h2{
	color : #D4D4D4;
	padding-bottom : 10px;
}

.mr10{
	margin-right : 10px;
}

#arrowright, #arrowleft{
	opacity : 0.5;
	transition : all 0.5s;
}

#arrowright:hover, #arrowleft:hover{
	opacity : 1;
}

#arrowleft{
	margin-right : 10px;	
}