@charset "UTF-8";
/* CSS Document */
body					{ margin:0; background-color:#; background:url('images/dark_leather.png');}
#conteneur			{ margin:auto; width:980px; position:relative;}
header				{ width:100%; height:300px; background:#}
#logo				{ width:286px; height:80px;text-align:center; padding-top:0px; float:left; margin-left:0px; margin-top:5px;}
nav					{ width:650px; height:80px; float:left; margin-left:20px; margin-top:5px; font-family:Arial; padding-top:50px;}
#bandeau1			{ float:left; margin-left:0px ; margin-bottom:0px;}
#bandeau2			{ float:left; margin-left:240px ; margin-bottom:0px;}
#bandeau3			{ float:left; margin-left:480px ; margin-bottom:0px;}
#bandeau4			{ float:left; margin-left:720px ; margin-bottom:0px;}

/*Menu*/

ul					{font-size:30px;}
li					{ list-style:none; float:right; margin-right:10px;font-weight:lighter;}

nav a				{ color:#CCC; text-decoration:none; text-align:center; text-transform:uppercase; -o-transition:.8s; -ms-transition:.8s; -moz-transition:.8s; -webkit-transition:.8s; transition:.8s; padding:5px; }
nav a:hover			{ color:#000; background-color:#666;}
#addthis			{ width:280px; height:auto; float:right; margin:0 0 10px 0;}
#addthis a:hover		{background-color:inherit;}

/* contenu */

#contenu			{width:920px; height:auto; background-color:#; float:left; padding:0 20px 40px 20px; font-family:Verdana, arial;}
section				{ width:580px; background-color:#; height:auto; padding:10px; margin-top:20px; float:left; -o-border-radius:15px;-ms-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
section hr				{color:#FFF; background-color:#FFF; height:1px; border:0;}
article				{width:580px; margin-bottom:40px; color:#fff;}
article h1				{ color:#666; margin-top:15px; padding:0; font-weight:lighter;}
article h2				{ color:#990066; margin:0; padding:0; font-size:15px;}
article p				{ text-align:justify; font-size:14px; color:#fff;}
article img				{float:left; margin-right:10px; margin-bottom:10px;}
aside					{ width:300px; height:auto; background-color:#; float:left; margin-top:20px; margin-left:20px; -o-border-radius:15px;-ms-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding-top:20px; }
aside h1				{ color:#666; margin:0; padding:0; font-weight:lighter; background-color:#ccc; font-size:22px; padding-left:45px; background-image:url('images/ken.png'); background-repeat:no-repeat; background-position:5px 5px;}
aside ul				{ font-size:15px;}
aside li				{float:none; background:url('images/goutte-simple.png') 0 1px no-repeat; padding-left:20px;}
aside a				{ color:#ccc; text-decoration:none;}
aside a:hover			{ color:#545554; text-decoration:underline;}

#reseaux {text-align:center;}
.reseau {display:inline-block; width:26px; height:26px; text-indent:-7000px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#fb {background:url(images/reseaux.png) no-repeat 0px 0px;}
#fb:hover {background:url(images/reseaux.png) no-repeat 0px -26px;}
#tw {background:url(images/reseaux.png) no-repeat -26px 0px;}
#tw:hover {background:url(images/reseaux.png) no-repeat -26px -26px;}

footer				{width:960px; text-align:center; height:50px; color:#fff; background-color:#; float:left; line-height:50px;-o-border-radius: 0 0 30px 30px;-ms-border-radius:0 0 30px 30px; -moz-border-radius:0 0 30px 30px; -webkit-border-radius:0 0 30px 30px; border-radius:0 0 30px 30px; margin-bottom:30px;}
.margin-video		{ margin-top:15px; margin-bottom:15px;}
.opacite-image:hover	{opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
.centrer			{text-align:center;}
.mr10				{ margin-right:10px;}

input[type="text"]	{ width:395px; height:35px; border-radius:5px; border: solid 1px #ccc; padding:5px; background-color:#fff; margin-bottom:20px;}
input[type="text"]:hover, textarea:hover	{background-color:#f5f5f5;}
textarea			{width:395px; height:150px; border-radius:5px; border: solid 1px #ccc; padding:5px; background-color:#fff; margin-bottom:20px;}
input[type="submit"], input[type="button"]	{ width:200px; height:45px; background:#666; border-radius:5px; padding:5px; color:#fff; cursor:pointer; border:0; margin-left: 100px;}
input[type="submit"]:hover	{background:#ccc;color:#cc0066; font-weight:bold; text-transform:uppercase; -o-transition:.8s; -ms-transition:.8s; -moz-transition:.8s; -webkit-transition:.8s; transition:.8s; }