@charset "utf-8";
/* CSS Document */

body 					{margin:0; padding:0;}



/* Header */
#conteneur 				{width:980px; margin:auto;}

#haut 					{ height:auto; padding-top:20px;}

#logo  					{width:100%; height:160px;}
#logo a                 {float:right;}
#logo h1                {float:left; width:30%;height:113px;}




#menu					{ background-color:#222; width:980px; text-align:center; height:50px; line-height:50px; border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0px 0px; -moz-border-radius:20px 20px 0px 0px; -o-border-radius:20px 20px 0px 0px;color:#fff }
#menu li				{ list-style-type:none; display:inline-block;}
#menu li a				{text-decoration:none; background-color:#222; color:#fff; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;padding:10px;}
#menu li a:hover		{color:#000000; background-color:#D7250D; font-weight:bold; padding:15px;}
ul 						{margin:0; padding:0;}


/* Contenu */

#contenu 					{ width:940px; background-color:#ECECEC;padding:20px; float:left; }
#contenu img                {padding:20px;width:900px;height:600px;}
#contenu p                  { line-height:18px; margin-bottom:20px; }
#contenu p:first-letter      { display:block; float:left; font-size:24px; padding:2px;}
#contenu h1                  {margin-bottom:20px; background:url(../images/iconh1.jpg) no-repeat ; height:32px; padding-left:40px; line-height:32px; }
#contenu h1:hover            { background:url(../images/iconh1.jpg) 7px 0 no-repeat; }

/*detailequipe*/

#detailequipe 					{ width:940px; background-color:#ECECEC;padding:20px; float:left; }
#detailequipe img                {padding-left:200px;width:300px;height:400px;}
#detailequipe p                  { line-height:18px; margin-bottom:20px;}
#detailequipe p:first-letter      { display:block; float:left; font-size:24px; padding:2px;}
#detailequipe h1                  {margin-bottom:20px; background:url(../images/iconh1.jpg) no-repeat ; height:32px; padding-left:40px; line-height:32px; }
#detailequipe h1:hover            { background:url(../images/iconh1.jpg) 7px 0 no-repeat; }
#detailequipe h2                  {font-size:16px;padding-left:200px;}



/* footer */

#piedpage 					{ width:100%; background-color:#222 ;padding:0; float:left; height:auto; color:#fff; text-align:center; font-size:15px; border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -o-border-radius:0 0 20px 20px;}

#piedpage a 				{color:#FF0000;}

#contact					{width:400px;float:left;}
#horaires					{width:400px;float:right;}

#piedpage img               {width:20px;height:20px;padding:20px;}

#horaires img               {width:20px;height:20px;float:right;padding:20px;}