@charset "UTF-8";
/* CSS Document */
body 							{ background-image: url(img/fond-ecran.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; font-family:Aial, Helvetica, sans-serif; font-size:12px; color:#523c40;}
p 								{ font-size:14px; width:100%; height:auto; text-align:justify; margin:auto; }
h1								{ font-size:21px; width:100%; height:auto; text-align:center;}
h2								{ font-size:16px; color:#34495e; text-align:center; font-weight:lighter;margin-top:5px; padding:5px; margin-bottom:10px;}
.li								{ font-size:13px; color:#34495e; font-weight:lighter; margin-top:5px; padding:5px; margin-bottom:5px; list-style-type:none;}

.table-content 					{ display: table; width: 100%; border-collapse: separate; margin:0px auto 20px auto;}
.table-content div 				{ display: table-cell; width: 25%; background: #FFF; border: 5px #F2F2F2 solid; padding: 10px; box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset;}
.table-content p					{ width:800px; font-size:14px; margin:0px auto 0px auto;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Header */
#top_wrapper					{ margin:0 0 0px 0;}
.content-logo					{ width:980px; margin:0 auto;}
#logo 							{ float:left; display:block; text-align:center; background:img/logo.png; width:200px; height:137px; margin: 10px 0 0 30px;}
#logo h1							{ font-size:16px; margin-top:5px;}	
#logo h2							{ font-size:12px; font-weight:lighter;margin-top:5px;}	
#logo2 							{ background: #F7F7F7; float:right; display:block; text-align:center; padding:10px 10px 10px 10px; margin-top:50px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}	
#logo2 h1						{ font-size:16px; margin-top:5px;}	
#logo2 h2						{ font-size:12px; font-weight:lighter; margin-top:5px;}
#logo2 h3						{ width:190px; height:25px; display:block; background-color:#c50000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; color:#fff; text-transform:uppercase; font-size:15px; line-height:25px; margin:auto; text-decoration:none}	

.clear							{ clear:both;}

.header 							{ width:980px; height:150px; background: rgb(214,0,3); background: -moz-linear-gradient(top,  rgba(214,0,3,1) 0%, rgba(165,0,2,1) 100%); background: -webkit-linear-gradient(top,  rgba(214,0,3,1) 0%,rgba(165,0,2,1) 100%); background: linear-gradient(to bottom,  rgba(214,0,3,1) 0%,rgba(165,0,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d60003', endColorstr='#a50002',GradientType=0 ); ; text-align:center; padding:15px 0; margin:auto; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.header h1 						{ padding:10px; font-size:30px; color:#fff; font-weight:lighter; text-shadow: 1px 1px 1px #404040; text-align:right; margin: 0 0 -20px -30px;}
.header p 						{ padding:10px; font-size:14px; color:#ccc; font-weight:lighter; text-shadow: 1px 1px 1px #404040; text-align:right; margin: 0 0 -10px -30px;}
.header h2 						{ font-size:16px; color:#ccc; font-weight:lighter;margin-top:5px; padding:5px; text-align:right; margin: 0 20px 0 0;}
.header h3 						{ font-size:15px; color:#fff; font-weight:lighter; margin-top:5px; text-align:right; margin: 0 25px 0 0;}
.header a 						{ color:#fff; text-decoration:none;}
.ico-reseau 						{position:relative; top:5px; left:335px; width:32px; display:inline-block; height:32px; text-indent:-7000px;}
#facebook 						{background:url(img/facebook_hover.png) top left no-repeat;}
#facebook:hover 					{background:url(img/facebook.png) top left no-repeat;}
#google 							{background:url(img/google.png) top left no-repeat;}
#google:hover 					{background:url(img/google_hover.png) top left no-repeat;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Accueil */

.accueil						{ width:980px; margin:0 auto;}
.accueil p						{ font-size:14px; width:760px; text-align:justify;}
.txt-vgt						{ font-size:14px; width:600px; text-align:left; float:right; margin-top:55px;}
.accueil a 						{ color:#bb0000; text-decoration:none;}
.accueil h1 						{ padding:10px; font-size:30px; color:#fff; font-weight:lighter; text-shadow: 1px 1px 1px #404040; text-align:right; margin: 0 0 0 -30px;}
.accueil h2 						{ font-size:16px; color:#ccc; font-weight:lighter;margin-top:5px; padding:5px; text-align:right; margin: 0 20px 0 0;}
.accueil h3 						{ font-size:15px; color:#fff; font-weight:lighter; margin-top:5px; text-align:right; margin: 0 25px 0 0;}
.accueil img						{ float:left; display:block; -webkit-border-radius: 10px; border-radius: 0px; -webkit-box-shadow: 0 0 10px 2px #4A4A4A; box-shadow: 0 0 10px 2px #4A4A4A; }
.accueil iframe					{ float:right; display:block; -webkit-box-shadow: 0 0 10px 2px #4A4A4A; box-shadow: 0 0 10px 2px #4A4A4A; margin-right:100px;}


.table-accueil 					{ display: table; width: 100%; border-collapse: separate; margin:50px auto 0px auto;}
.table-accueil div 				{ display: table-cell; width: 25%; background: #FFF; border: 5px #F2F2F2 solid; padding: 10px; box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset;}
.table-accueil p					{ width:350px; font-size:12px; margin:10px auto 20px auto;}

.table-accueil2 					{ display: table; width: 100%; border-collapse: separate; margin:0px auto 20px auto;}
.table-accueil2 div 				{ display: table-cell; width: 25%; background: #FFF; border: 5px #F2F2F2 solid; padding: 10px; box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset;}
.table-accueil2 p				{ width:800px; font-size:12px; text-align:center; margin:10px auto 0px auto;}

.table-accueil3 					{ display: table; width: 100%; border-collapse: separate; margin: 40px auto -50px auto;}
.table-accueil3 div 				{ display: table-cell; width: 25%; background: #FFF; border: 5px #F2F2F2 solid; padding: 10px; box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset;}
.table-accueil3 p				{ width:800px; font-size:12px; text-align:center; margin:0px auto 0px auto;}

.content-titre h1				{ text-shadow: 1px 1px 1px #ccc; color:#000; font:30px/1 Lobster,Arial,sans-serif; text-align:center; margin:-15px 0 15px 0;}

#content-accueil				{ padding:30px; background: #f2f8ed; margin-bottom:10px; margin-top:1px; 
								background: -moz-linear-gradient(top,  #f2f8ed 0%, #ffffff 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8ed), color-stop(100%,#ffffff));
								background: -webkit-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -o-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -ms-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: linear-gradient(to bottom,  #f2f8ed 0%,#ffffff 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8ed', endColorstr='#ffffff',GradientType=0 );
								min-height:900px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
								
.btn 							{ background: #d0ff6a; background-image: -webkit-linear-gradient(top, #d0ff6a, #a3d13e); background-image: -moz-linear-gradient(top, #d0ff6a, #a3d13e); background-image: -ms-linear-gradient(top, #d0ff6a, #a3d13e);
								  background-image: -o-linear-gradient(top, #d0ff6a, #a3d13e); background-image: linear-gradient(to bottom, #d0ff6a, #a3d13e); -webkit-border-radius: 5; -moz-border-radius: 5;
								  border-radius: 5px; font-family: Arial; color: #262626; padding: 10px 20px 10px 20px;  -webkit-transition: 0.5s; width:250px;  margin:15px auto 0 auto;}

.btn a							{ font-size: 16px; text-decoration: none; font-weight: bold; color:#262626; text-align:center; display:block; -webkit-transition: 0.5s;}
.btn a:hover						{ color:#bb0000; -webkit-transition: 0.5s;}


#pub-banniere-index 				{ background:url(img/Match-Rach-Rugbygnole.png); width:600px; height:200px; margin:15px auto 0 auto; display:block;-webkit-transition: 0.5s;}
#pub-banniere-index:hover 		{ background:url(img/Match-Rach-Rugbygnole-hover.png);-webkit-transition: 0.5s;}
#pub-seth 						{ background:url(img/pub-seth.jpg); width:500px; height:200px; margin:15px auto 0 auto; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838;}
marquee							{margin-top:30px; color: #fff; font-size:18px; text-transform: uppercase; background: #262626; padding:10px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* club */

.club							{ width:980px; margin:0 auto;}
.club p							{ font-size:14px; width:800px; text-align:center;}
.txt-vgt-club					{ font-size:12px; width:600px; text-align:left; float:right;}
.club a 							{ color:#bb0000; text-decoration:none;}
.club h1 						{ padding:10px; font-size:30px; color:#fff; font-weight:lighter; text-shadow: 1px 1px 1px #404040; text-align:right; margin: 0 0 0 -30px;}
.club h2 						{ font-size:16px; color:#ccc; font-weight:lighter;margin-top:5px; padding:5px; text-align:right; margin: 0 20px 0 0;}
.club h3 						{ font-size:15px; color:#fff; font-weight:lighter; margin-top:5px; text-align:right; margin: 0 25px 0 0;}
.club img						{float:left; display:block; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0 10px 2px #4A4A4A; box-shadow: 0 0 10px 2px #4A4A4A; }
.club table, th, td				{font-size:14px; width:700px;}
.organigrame					{background: url(img/organigrame.jpg); width:827px; height:583px; margin:0 0 0 40px; display:block;}
.table							{border: 1px solid black; padding:5px;}
.content-titre h1				{text-shadow: 1px 1px 1px #ccc; color:#000; font:30px/1 Lobster,Arial,sans-serif; text-align:center; margin:-15px 0 15px 0;}

#content-club					{ padding:30px; background: #f2f8ed; margin-bottom:10px; margin-top:1px; 
								background: -moz-linear-gradient(top,  #f2f8ed 0%, #ffffff 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8ed), color-stop(100%,#ffffff));
								background: -webkit-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -o-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -ms-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: linear-gradient(to bottom,  #f2f8ed 0%,#ffffff 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8ed', endColorstr='#ffffff',GradientType=0 );
								min-height:250px;}
								
#content-club-2					{ padding:30px; background: #efefef; margin-bottom:10px; margin-top:-10px; min-height:250px;}								
#content-club-3					{ padding:30px; background: #fff; margin-bottom:10px; margin-top:-10px; min-height:250px;}								
#content-club-4					{ padding:30px; background: #fff; margin-bottom:10px; margin-top:-10px; min-height:250px; -webkit-border-radius: 0 0 10px 10px; border-radius:0 0 10px 10px;}								

#menu-club-top 					{ background:url(img/home-club.png); width:41px; height:41px;  margin:15px 0 0 850px; clear:both; display:block; display:block;}
#menu-club-top a 				{ text-decoration: none; color: #fff;}
#menu-club-top a:hover			{ text-decoration: none; color: #bb0000;}

#menu-club 						{ margin: 0 auto; width: 980px;}
#menu-club ul 					{ background:#262626;  padding: 10px; list-style: none;	margin: auto; font-family: 'Oswald', sans-serif; font-size: 20px; text-align:center; text-transform:uppercase;}
#menu-club ul li					{ display: inline; padding:10px; border-width:0 1px 0 0; border-style:solid; border-color:#ccc; }
#menu-club ul li:last-child		{ display: inline; padding:10px; border:none;  }
#menu-club ul li a 					{ text-decoration: none; color: #fff;}
#menu-club ul li a:hover			{ color: #bb0000;}

.btn-fiche 						{text-align: center; width:920px; margin-top:15px; padding:10px;}
.btn-fiche a						{display:inline-block; }
#btn-fiche1						{background:url(img/btn-preinscription.jpg); width:250px; height:50px; -webkit-transition: 0.5s;}
#btn-fiche1:hover				{background:url(img/btn-preinscription-hover.jpg); -webkit-transition: 0.5s;}
#btn-fiche2						{background:url(img/btn-renseignement.jpg); width:250px; height:50px; -webkit-transition: 0.5s;}
#btn-fiche2:hover				{background:url(img/btn-renseignement-hover.jpg); -webkit-transition: 0.5s;}
#btn-fiche3						{background:url(img/btn-medicale.jpg); width:250px; height:50px; -webkit-transition: 0.5s;}
#btn-fiche3:hover				{background:url(img/btn-medicale-hover.jpg); -webkit-transition: 0.5s;}





.btn-inscription				{ -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Arial; color: #262626; padding: 10px 20px 10px 20px;  -webkit-transition: 0.5s; width:250px;  margin:15px auto 0 auto;}
.btn-inscription input 			{ font-size: 16px; text-decoration: none; font-weight: bold; color:#262626; text-align:center; display:block; -webkit-transition: 0.5s;}
.btn-inscription input 			{ padding:5px; border:1px solid #ccc; border-radius:5px; width:250px; box-shadow:1px 1px 2px #ccc inset; font-size:14px;}



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* calendrier */

.calendrier						{ width:980px; margin:0 auto;}
.calendrier p					{ width:800px; text-align:justify; margin:auto;}
.calendrier a 					{ color:#262626; text-decoration;}
.calendrier h1 					{ padding:10px; font-size:30px; color:#fff; font-weight:lighter; text-shadow: 1px 1px 1px #404040; text-align:right; margin: 0 0 0 -30px;}
.calendrier h2 					{ font-size:16px; color:#ccc; font-weight:lighter;margin-top:5px; padding:5px; text-align:right; margin: 0 20px 0 0;}
.calendrier h3 					{ font-size:15px; color:#fff; font-weight:lighter; margin-top:5px; text-align:right; margin: 0 25px 0 0;}
.calendrier img					{ margin:auto; display:block; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px 2px #4A4A4A; box-shadow: 0 0 10px 2px #4A4A4A;}
.calendrier table, td , tr			{ font-size:14px; width:700px; margin-bottom:5px; margin:0 auto 0 auto; text-align:center;}
.content-titre h1				{text-shadow: 1px 1px 1px #ccc; color:#000; font:30px/1 Lobster,Arial,sans-serif; text-align:center; margin:-15px 0 15px 0;}
.table-calendrier				{font-size:16px; text-align:center; color:#fff; background:#262626; padding:5px; border-radius:5px; text-shadow: 1px 1px 0px #383838; text-transform: uppercase; border-style: dotted; border-color: #000; border-width: 1px;}
.table							{border: 1px solid black; padding:5px; }
.table-vert						{border: 1px solid black; background:#80c874; color:#fff; }
.table-rose						{border: 1px solid black; background:#ee9389; color:#fff; }
.table-jaune					{border: 1px solid black; background:#eeea89; color:#262626;}
.table-bleu						{border: 1px solid black; background:#4fb0fb; color:#262626;}
.table-gris						{border: 1px solid black; background:#ccc; color:#262626;}
.calendrier h4					{font-size:26px;}



#content-calendrier				{ padding:30px; background: #f2f8ed; margin-bottom:10px; margin-top:1px; 
								background: -moz-linear-gradient(top,  #f2f8ed 0%, #ffffff 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8ed), color-stop(100%,#ffffff));
								background: -webkit-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -o-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -ms-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: linear-gradient(to bottom,  #f2f8ed 0%,#ffffff 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8ed', endColorstr='#ffffff',GradientType=0 );
								min-height:900px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
								
#u8								{background:url(img/u8.jpg); width:220px; height:77px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; -webkit-transition: 0.5s;}
#u8:hover						{background:url(img/u8-hover.jpg); -webkit-transition: 0.5s;}
#u10							{background:url(img/u10.jpg); width:220px; height:77px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; -webkit-transition: 0.5s;}
#u10:hover						{background:url(img/u10-hover.jpg); -webkit-transition: 0.5s;}
#u12							{background:url(img/u12.jpg); width:220px; height:77px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; -webkit-transition: 0.5s;}
#u12:hover						{background:url(img/u12-hover.jpg); -webkit-transition: 0.5s;}
#u14							{background:url(img/u14.jpg); width:220px; height:77px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; -webkit-transition: 0.5s;}
#u14:hover						{background:url(img/u14-hover.jpg); -webkit-transition: 0.5s;}
#u16							{background:url(img/u16.jpg); width:220px; height:77px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; -webkit-transition: 0.5s;}
#u16:hover						{background:url(img/u16-hover.jpg); -webkit-transition: 0.5s;}
#u18							{background:url(img/u18.jpg); width:220px; height:77px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; -webkit-transition: 0.5s;}
#u18:hover						{background:url(img/u18-hover.jpg); -webkit-transition: 0.5s;}
#ms								{background:url(img/ms.jpg); width:220px; height:77px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; -webkit-transition: 0.5s;}
#ms:hover						{background:url(img/ms-hover.jpg); -webkit-transition: 0.5s;}
#fm								{background:url(img/fm.jpg); width:220px; height:77px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; -webkit-transition: 0.5s;}
#fm:hover						{background:url(img/fm-hover.jpg); -webkit-transition: 0.5s;}
#club							{background:url(img/club.jpg); width:220px; height:77px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; -webkit-transition: 0.5s; margin:auto;}
#club:hover						{background:url(img/club-hover.jpg); -webkit-transition: 0.5s;}



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Equipes */

.equipes						{ width:980px; margin:0 auto;}
.equipes p						{ width:800px; font-size:12px; text-align:justify; margin:auto;}
.equipes a 						{ color:#fff; text-decoration:none; background:#262626; padding:10px; -webkit-border-radius:0 0 5px 5px; }
.equipes a:hover					{ color:#bb0000;}
.equipes h1 						{ padding:10px; font-size:30px; color:#fff; font-weight:lighter; text-shadow: 1px 1px 1px #404040; text-align:right; margin: 0 0 0 -30px;}
.equipes h2 						{ font-size:16px; color:#ccc; font-weight:lighter;margin-top:5px; padding:5px; text-align:right; margin: 0 20px 0 0;}
.equipes h3 						{ font-size:15px; color:#fff; font-weight:lighter; margin-top:5px; text-align:right; margin: 0 25px 0 0;}
.equipes img						{ margin:auto; display:block; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px 2px #4A4A4A; box-shadow: 0 0 10px 2px #4A4A4A;}
.equipes table, td , tr				{margin-bottom:5px; margin:0 auto 0 auto; text-align:center;}
.content-titre h1				{text-shadow: 1px 1px 1px #ccc; color:#000; font:30px/1 Lobster,Arial,sans-serif; text-align:center; margin:-15px 0 15px 0;}
.table-equipes					{font-size:16px; text-align:center; color:#fff; background:#262626; padding:5px; border-radius:5px; text-shadow: 1px 1px 0px #383838; text-transform: uppercase; border-style: dotted; border-color: #000; border-width: 1px;}


#content-equipes				{padding:30px; background: #f2f8ed; margin-bottom:10px; margin-top:1px; 
								background: -moz-linear-gradient(top,  #f2f8ed 0%, #ffffff 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8ed), color-stop(100%,#ffffff));
								background: -webkit-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -o-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -ms-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: linear-gradient(to bottom,  #f2f8ed 0%,#ffffff 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8ed', endColorstr='#ffffff',GradientType=0 );
								min-height:900px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
								
#u8-e							{background:url(img/vgt-equipe-u8.jpg); width:388px; height:300px; -webkit-border-radius:5px 5px 0 0; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:0 auto -5px auto;}
#u10-e							{background:url(img/vgt-equipe-u10.jpg); width:388px; height:300px; -webkit-border-radius:5px 5px 0 0; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:0 auto -5px auto;}
#u12-e							{background:url(img/vgt-equipe-u12.jpg); width:388px; height:300px; -webkit-border-radius:5px 5px 0 0; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:0 auto -5px auto;}
#u14-e							{background:url(img/vgt-equipe-u14.jpg); width:388px; height:300px; -webkit-border-radius:5px 5px 0 0; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:0 auto -5px auto;}
#u16-e							{background:url(img/vgt-equipe-u16.jpg); width:388px; height:300px; -webkit-border-radius:5px 5px 0 0; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:0 auto -5px auto;}
#u18-e							{background:url(img/vgt-equipe-u18.jpg); width:388px; height:300px; -webkit-border-radius:5px 5px 0 0; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:0 auto -5px auto;}
#ms-e							{background:url(img/vgt-equipe-ms.jpg); width:388px; height:300px; -webkit-border-radius:5px 5px 0 0; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:0 auto -5px auto;}
#fm-e							{background:url(img/vgt-equipe-fm.jpg); width:388px; height:300px; -webkit-border-radius:5px 5px 0 0; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:0 auto -5px auto;}
#u8u10u12						{background:url(img/vgt-equipe-u8-u10-u12.jpg); width:900px; height:300px; -webkit-border-radius:5px 5px 0 0; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:0 auto -5px auto;}



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Galerie */

.galerie						{ width:980px; margin:0 auto;}
.galerie p						{ width:800px; font-size:12px; text-align:center; margin:auto;}
.galerie form					{ width:800px; text-align:center; margin:auto;}
.galerie a 						{ color:#262626; text-decoration:none;}
.galerie a:hover					{ color:#bb0000; text-decoration:none;}
.galerie h1 						{ padding:10px; font-size:30px; color:#fff; font-weight:lighter; text-shadow: 1px 1px 1px #404040; text-align:right; margin: 0 0 0 -30px;}
.galerie h2 						{ font-size:18px; color:#bb0000; font-weight:lighter; padding:5px; text-align:center; margin:auto;}
.galerie h3 						{ font-size:15px; color:#ccc; font-weight:lighter; text-align:center; margin:auto;}
.galerie table, td , tr				{margin-bottom:5px; margin:0 auto 0 auto; text-align:center;}
.content-titre h1				{text-shadow: 1px 1px 1px #ccc; color:#000; font:30px/1 Lobster,Arial,sans-serif; text-align:center; margin:-15px 0 15px 0;}
.table-galerie					{font-size:16px; text-align:center; color:#fff; background:#262626; padding:5px; border-radius:5px; text-shadow: 1px 1px 0px #383838; text-transform: uppercase; border-style: dotted; border-color: #000; border-width: 1px;}
.prossess						{width:700px; height:25px;}

#content-galerie				{padding:30px; background: #f2f8ed; margin-bottom:10px; margin-top:1px; 
								background: -moz-linear-gradient(top,  #f2f8ed 0%, #ffffff 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8ed), color-stop(100%,#ffffff));
								background: -webkit-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -o-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -ms-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: linear-gradient(to bottom,  #f2f8ed 0%,#ffffff 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8ed', endColorstr='#ffffff',GradientType=0 );
								min-height:900px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}

.btn-galerie					{ -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Arial; padding: 10px 20px 10px 20px;  -webkit-transition: 0.5s; display:block;}
.btn-galerie2					{ -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Arial; padding: 10px 20px 10px 20px;  -webkit-transition: 0.5s; display:block;}
.btn-galerie input 				{ text-decoration: none; color:#bb0000; -webkit-transition: 0.5s; padding:5px; border:1px solid #ccc; border-radius:5px; width:690px; box-shadow:1px 1px 2px #ccc inset; font-size:12px;}
.btn-galerie2 input 				{ text-decoration: none; font-weight: bold; color:#262626; -webkit-transition: 0.5s; padding:5px; border:1px solid #afdf47; border-radius:5px; width:200px; box-shadow:1px 1px 2px #afdf47 inset; font-size:12px; background:#d0ff6a;}
.btn-dossier-galerie			{float:left; width:128px; height:128px; background: url(img/doss-img-galerie.png); cursor:pointer; border: #f5f5f5 solid 1px;}
.btn-dossier-galerie h4			{float:left; cursor:pointer; background:#f5f5f5; padding:5px; margin-top:120px; text-align:center;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Partenaires */

.partenaires					{ width:980px; margin:0 auto;}
.partenaires p					{ width:800px; text-align:justify; margin:auto;}
.partenaires a 					{ color:#262626; text-decoration:none; font-weight: bold; font-size:10px;}
.btn-partenaires				{ width:150px; height:17px; display:block; margin:5px auto 0 auto; background:#e5e5e5; padding:5px; -webkit-border-radius: 5px; border-radius: 5px;}
.btn-partenaires2				{ width:200px; height:17px; display:block; margin:5px auto 0 auto; background:#e5e5e5; padding:5px; -webkit-border-radius: 5px; border-radius: 5px;}
.partenaires a:hover				{ color:#bb0000;}
.partenaires h1 					{ padding:10px; font-size:30px; color:#fff; font-weight:lighter; text-shadow: 1px 1px 1px #404040; text-align:right; margin: 0 0 0 -30px;}
.partenaires h2 					{ font-size:16px; color:#ccc; font-weight:lighter;margin-top:5px; padding:5px; text-align:right; margin: 0 20px 0 0;}
.partenaires h3 					{ font-size:15px; color:#fff; font-weight:lighter; margin-top:5px; text-align:right; margin: 0 25px 0 0;}
.partenaires img					{ margin:auto; display:block; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px 2px #4A4A4A; box-shadow: 0 0 10px 2px #4A4A4A;}
.partenaires table, td , tr			{margin-bottom:5px; margin:0 auto 0 auto; text-align:center;}
.content-titre h1				{text-shadow: 1px 1px 1px #ccc; color:#000; font:30px/1 Lobster,Arial,sans-serif; text-align:center; margin:-15px 0 15px 0;}
.table-partenaires				{font-size:16px; text-align:center; color:#fff; background:#262626; padding:5px; border-radius:5px; text-shadow: 1px 1px 0px #383838; text-transform: uppercase; border-style: dotted; border-color: #000; border-width: 1px;}


#content-partenaires			{ padding:30px; background: #f2f8ed; margin-bottom:10px; margin-top:1px; 
								background: -moz-linear-gradient(top,  #f2f8ed 0%, #ffffff 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8ed), color-stop(100%,#ffffff));
								background: -webkit-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -o-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -ms-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: linear-gradient(to bottom,  #f2f8ed 0%,#ffffff 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8ed', endColorstr='#ffffff',GradientType=0 );
								min-height:900px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}

#cdv00							{background:url(img/partenaires/thumb/cdv00.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; margin:auto;}
#cdv01							{background:url(img/partenaires/thumb/cdv01.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv02							{background:url(img/partenaires/thumb/cdv02.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv03							{background:url(img/partenaires/thumb/cdv03.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv04							{background:url(img/partenaires/thumb/cdv04.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv05							{background:url(img/partenaires/thumb/cdv05.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv06							{background:url(img/partenaires/thumb/cdv06.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv07							{background:url(img/partenaires/thumb/cdv07.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv08							{background:url(img/partenaires/thumb/cdv08.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv09							{background:url(img/partenaires/thumb/cdv09.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv10							{background:url(img/partenaires/thumb/cdv10.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv11							{background:url(img/partenaires/thumb/cdv11.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv12							{background:url(img/partenaires/thumb/cdv12.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv13							{background:url(img/partenaires/thumb/cdv13.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv14							{background:url(img/partenaires/thumb/cdv14.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv15							{background:url(img/partenaires/thumb/cdv15.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv16							{background:url(img/partenaires/thumb/cdv16.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv17							{background:url(img/partenaires/thumb/cdv17.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv18							{background:url(img/partenaires/thumb/cdv18.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv19							{background:url(img/partenaires/thumb/cdv19.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv20							{background:url(img/partenaires/thumb/cdv20.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv21							{background:url(img/partenaires/thumb/cdv21.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv22							{background:url(img/partenaires/thumb/cdv22.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv23							{background:url(img/partenaires/thumb/cdv23.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv24							{background:url(img/partenaires/thumb/cdv24.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv26							{background:url(img/partenaires/thumb/cdv26.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv27							{background:url(img/partenaires/thumb/cdv27.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv28							{background:url(img/partenaires/thumb/cdv28.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv29							{background:url(img/partenaires/thumb/cdv29.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv30							{background:url(img/partenaires/thumb/cdv30.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv31							{background:url(img/partenaires/thumb/cdv31.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv32							{background:url(img/partenaires/thumb/cdv32.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv33							{background:url(img/partenaires/thumb/cdv33.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}
#cdv34							{background:url(img/partenaires/thumb/cdv34.jpg); width:198px; height:128px; -webkit-border-radius:5px; display:block; -webkit-box-shadow: 1px 1px 5px 1px #383838; box-shadow: 1px 1px 5px 1px #383838; margin:auto;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Boutique */

.boutique							{ width:980px; margin:0 auto;}
.boutique p							{ font-size:12px; width:600px; text-align:justify;}
.boutique a 							{ color:#262626; text-decoration:none;}
.boutique a:hover					{ color:#bb0000; text-decoration:none;}
.boutique h1 						{ padding:10px; font-size:30px; color:#000; font-weight:lighter; text-shadow: 1px 1px 1px #ccc; text-align:center; margin: 0 auto;}
.boutique h2 						{ font-size:16px; color:#000; font-weight:bold; margin-top:5px; padding:5px; text-align:justify; margin: 0 auto; width:600px; }
.boutique h3 						{ font-size:15px; color:#fff; font-weight:lighter; margin-top:5px; text-align:right; margin: 0 25px 0 0;}
.boutique img						{float:left; display:block; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0 10px 2px #4A4A4A; box-shadow: 0 0 10px 2px #4A4A4A; }
.boutique table, th, td				{font-size:14px; width:700px;}
.table								{border: 1px solid black; padding:5px;}
.content-titre h1					{text-shadow: 1px 1px 1px #ccc; color:#000; font:30px/1 Lobster,Arial,sans-serif; text-align:center; margin:-15px 0 15px 0;}

#content-boutique					{ padding:30px; background: #f2f8ed; margin-bottom:10px; margin-top:1px; 
								background: -moz-linear-gradient(top,  #f2f8ed 0%, #ffffff 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8ed), color-stop(100%,#ffffff));
								background: -webkit-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -o-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: -ms-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
								background: linear-gradient(to bottom,  #f2f8ed 0%,#ffffff 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8ed', endColorstr='#ffffff',GradientType=0 );
								min-height:600px;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



								
/* Formulaires */

form 								{ margin: 0; }
fieldset 								{ border: 0; margin: 0; padding: 0; }
label 								{ cursor: pointer; }
legend 								{ border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea 			{ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input 							{ line-height: normal; *overflow: visible; }
table button, table input 					{ *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"]{ cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] 					{ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea								{ overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid 			{  }
input:invalid, textarea:invalid 		{ background-color: #f0dddd; }



/* ---- CONTACT ---- */
.form								{ width:980px; margin:0 auto;}
.form p								{text-align:center;}
#title_contact						{ background:rgba(255,255,255,0.1); margin:0 0 0 340px;}
#content-form						{ padding:30px; background: #f2f8ed; margin-bottom:10px; margin-top:1px; 
									background: -moz-linear-gradient(top,  #f2f8ed 0%, #ffffff 100%);
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8ed), color-stop(100%,#ffffff));
									background: -webkit-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
									background: -o-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
									background: -ms-linear-gradient(top,  #f2f8ed 0%,#ffffff 100%);
									background: linear-gradient(to bottom,  #f2f8ed 0%,#ffffff 100%);
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8ed', endColorstr='#ffffff',GradientType=0 );
									min-height:900px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}

#content-form > p 					{ margin-bottom:15px!important;}
#content-form input[type="text"], #content-form input[type="email"], textarea 							{border:1px solid #808080; background-color:#ccc; width:898px; padding:10px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#content-form input[type="text"]:focus, #content-form input[type="email"]:focus, textarea:focus 			{background-color:#c1c1c1;}
#content-form textarea 				{height:300px;}
#submit 								{border-radius: 0 0 10px 10px; width:900px; bottom:0; left:0; border:none; background-color:#bb0000; color:#fff; text-transform:uppercase; display:block; padding:5px; text-align:center; font-size:14px; font-weight:bold;}
#submit:hover 						{color:#262626; cursor:pointer;}


#success 							{background:#262626; color:#fff; font-weight:bold; padding:10px; text-transform:uppercase; text-align:center;}
.error 								{background-color:#7BB9A7!important;}
.error::-webkit-input-placeholder 	{color:#fff!important;}
#loading 							{position:absolute; bottom:40px; right:60px; display:none;}

.maps								{ margin-top:15px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px 2px #4A4A4A; box-shadow: 0 0 10px 2px #4A4A4A;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* ---- FOOTER ---- */
#footer 							{clear: both; bottom:10px; width: auto; height:100%; padding:10px; -webkit-transition: 0.5s;-webkit-border-radius:0 0 10px 10px;}
.content-footer a				{color:#bb0000; text-decoration:none;}
.content-footer p				{text-align:center; color:#383838;}


