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

/* Styles */
h1, h2, h3, .navigation, #callout, #siteinfo { 
color: #ffffff; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

h1 {
font-size: 30px;}

h2 {
font-size: 30px;}

h3 {
font-size: 26px;
margin-bottom:10px;}

a, a:link { 
text-decoration: none; 
color: #cccccc;
}
											
a:visited { 
color: #cccccc; 
}

a:hover, a:active, a:focus { 
color: #333333; 
}

blockquote { 
width: 300px; 
margin: 0px 0px 10px 10px; 
padding: 10px; 
float: right; 
display: inline; 
background: #181816 url('../images/quote.png') no-repeat top left; 

color: #afa995; 
text-indent: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

img	{
float: left;
}

label { 
display: block; 
}

.fields {
border: 1px solid #333333;
background-color:#181816;
color: #737373;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.5em;
padding: 5px;
margin: 5px 0px;
}

.titre_fields {
font-size: 28px;
color: #ffffff;
}

/* Global layout */
body {
color: #737373;
background: #000000 url('../images/bg.jpg') repeat;
background-attachment: fixed;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
}

#wrap{ 
width: 960px; 
margin: 0 auto; 
position: relative; 

}

#header													{
width: 700px;
float: right;
position: relative;
height: 150px;
border-right: 1px solid #333333;
}

#siteinfo											{
width: 680px;
position: absolute;
float: right;
margin: 30px 15px 10px;
}
	
#main { 
width: 700px; 
float: right; 
display: inline; 
border-right: 1px solid #333333; 
padding: 30px 10px;

}

.sectionheading {
width: 680px;
margin: 30px 0px 20px;
border-bottom: 1px solid #333333;
font-size: 30px;
color: #ffffff;
}
			
.article {
width: 680px;
position: relative;
}
			
.short-articles, .portfolio, .contact { 
width: 680px; 
position: relative; 
}

#sidebar {											
width: 230px;
height: 100%;
position: fixed;

top: 0;
}

#logo { 
width: 220px; 
height: 74px;
margin-top: 30px;
margin-bottom: 30px;
}

#logo img {
position: relative;
z-index: 1;
float: none;
width: 220px; 
height: 74px;
}

#partners {
width: 200px;
float: left;
margin-top: 30px;
}

#partners img {
padding: 5px;}

						
/* Cu3er */		
#cu3er-container {
	width:680px;
	margin: 30px auto 0px;
	height: 200px;
}
	
/* Navigation */
#mainnavig {
width: 220px;
margin: 40px 0px;
}

.navigation li, .navigation li a, .navigation li a:link	{ 
margin: 10px 0px;
padding: 0px; 
color: #ffffff;
font-size: 38px; 
}
	
.navigation li a:hover { 

}
	
/* siteinfo */
#siteinfo h1												{
font-size: 30px;
font-weight: bold;
color: #ffffff;
}


	
/* copyright */
.copyright { 
font-size: 1em; 
line-height: 2; 
color: #500014; 
position: absolute; 
right: 0; 
bottom: 15px; 
}
	
/* main */
#main { 
font-size: 12px; 
line-height: 1.5em; 
}


#main p, #main ol, #main ul, #main dl, #main table { 
margin-bottom: 1em; 
}

#main li ul, #main li ol, #main blockquote p { 
margin-bottom: 0; 
margin-left: 0; 
}

#main li li	{ 
font-size: 100%; 
}

#main ol, #main ul { 
margin-left: 1em; 
}

#main img { 
margin: 0 10px 10px 0; 
display: inline; 
}

#main .article img, #main .portfolio img, #main object, #main embed	{ 
border: 1px solid #333333; 
}

/* articles */
.article, .short-articles, .portfolio, .contact, .restricted { 
float: left; 
display: inline; 
margin-top: 20px;
margin: 0 0 20px 0; 
width: 680px;
min-height: 1000px;
font-size: 1em;
}

/* short-articles */


.short-articles .widget {
width: 660px; 
padding: 10px;
border: 1px solid #333333;
margin: 20px auto 0px;
float: left;
}

.short-articles .widget h1{
width: 640px; 
float: left;
margin: 0px auto 20px;
}

.short-articles .widget img	{ 
border: 0; 
float: left;
position: relative;  
margin: 10px 20px 10px 10px; 
}

/* portfolio */
.project h1 { margin: 10px;  }

.project h2 {
	float: left;
	margin: 10px;
}
 
.portfolio p												{ margin-left: 30px; }
.project													{ width: 680px; margin: 30px auto 100px ; overflow: hidden; clear: both; }
.project p													{ margin: 0px 10px 10px 15px; }
.project a													{
	font-weight: bold;
	color: #ffffff;
	font-size: 26px;
	padding-right: 10px;
}

.project_button {
float: right;}

.project-left											{ width: 310px; float: left; display: inline; margin-left: 8px;}
.project-right										{ width: 310px; float: right; display: inline; margin-right: 8px; }

/* contact */
.contact													{ }
.contact p													{ margin-left: 30px; }
.contactform												{ width: 330px; float: left; }
.contactform p												{ margin-bottom: 5px; }
.contactform input											{ width: 296px; padding: 5px 2px 8px 2px; font-size: 1em; }
.contactform textarea										{ width: 298px; height: 12em; padding: 0 0 0 2px; line-height: 1.2371; font-size: 1em; overflow: auto; }
.contactform .message										{ clear: both; }
.contactform .spamtrap										{ float: left; display: inline; }
.contactform .spamtrap label								{ display: inline; }
.contactform .spamtrap input								{ width: 50px; }
.contactform .submitMe										{ float: right; display: inline; text-align: right; }
.contactform .submitMe button								{ height: 29px; font-size: 1.2308em; font-weight: bold; line-height: 26px; letter-spacing: -.05em; text-transform: uppercase; font-family: "Myriad Pro", Myriad, Geneva, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; border:  0; background: #181816; color: #bbb59f; padding: 3px 5px; overflow: hidden; cursor: pointer; border-bottom:  none; }
.contactform .submitMe button span							{ display: block; padding: 2px 5px 0 5px; line-height: 29px;  }


/* restricted */





/* Socialmedia */
#main .socialmedia											{ margin: 10px 0 0 0; padding: 0; }
.contact .socialmedia li									{ width: 100%; overflow: hidden; clear: both; padding-left: 0; margin-bottom: 10px; background: none; font-size: 1em; }
.socialmedia strong										{ display: block; font-size: 1.0769em; line-height: 1; }
.socialmedia span										{ display: block; font-size: .7692em; line-height: 2; text-transform: uppercase; }
.contact .socialmedia img									{ border: 0; }
.contact .socialmedia a:link,
.contact .socialmedia a:visited,
.contact .socialmedia a:active								{ color: #bbb59f; }
.contact .socialmedia a:hover,
.contact .socialmedia a:focus								{ color: #f73d27; }

/* vcard */
.vcard { 
color: #626262; 
}

.vcard a:hover	{ 
color: #ffffff; 
}

/* sidebar */
#sidebar {
border-right: 1px solid #333333;
position:fixed;
}

#form {
width: 400px;
float: left;
padding:0px;
margin: 20px 0px;
}

#notification 								{ width: 230px; padding:10px 10px 10px; margin: 10px auto; color: #FFFFFF; display: none; border: 1px solid #333333;}

/* widget */

.contact .widgetwrap										{ float: right; width: 260px; padding: 0px; margin:10px 0px; }
.contact .widgetwrap .widget								{ width: 230px; padding: 10px; margin: 10px auto; border: 1px solid #333333; }

.contact .widgetwrap .widget h2								{ margin-bottom: 0; }
.contact .widgetwrap .widget p								{ margin-left: 0; font-size: 100% }

#sidebar .widget											{ width: 200px; margin: 10px; background: transparent url(images/px1x1.png) no-repeat 0 0; }
.widget h2												{ margin-bottom: 10px; line-height: 1.5; font-weight: bold; }
.widget p,
.widget li												{ font-size: 1.14em; /*line-height: 1.54;*/ }
.twitter											{ }
.twitter li											{ margin-bottom: .5em; }



	
/* callout */
#callout												{ background: transparent url(images/callout-bottom.png) no-repeat 50% 100%; padding-bottom:  5px; }
#callout .inner											{ background: transparent url(images/callout-top.png) no-repeat 50% 0; padding-top: 17px; }
#callout p												{ padding: 2px 10px 0 10px; font-size: 1.4em; line-height: 1.3; font-weight: bold; text-transform: uppercase; text-align: center; background-color: #500014; color: #fdfaeb; }
#callout strong											{ color: #f73d27; }


#main .alignleft,
#main .alignnone											{ float: left; margin: 0 10px 0 0; }
#main .alignright											{ float: right; margin: 0 0 0 10px; }
#main .aligncenter											{ float: none; margin: 5px auto 0 auto; display: block; clear: both; }
#main .size-large											{ margin-right: 0; }
	


.boxgrid{ 
width: 310px; 
height: 250px; 
margin-bottom: 40px;
float:left; 
background:#000000; 
border: solid 1px #333333; 
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
z-index: 100;
}

.boxcaption { 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 

/* For IE 5-7 */
filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
top: 260px;
left: 0px;
}

.caption .boxcaption {
top: 220px;
left: 0px;
}
				
#loading {
	visibility: hidden;
	width: 680px;
	height: 55px;
	background: url(../images/loading.gif) no-repeat top center;
	margin: 30px auto 30px;
}

#content {

width: 310px;
margin: 20px auto 40px; }

#menu {
cursor: pointer;}

.iframe {
	display: none;
}

#bouton, #bouton h1 {
	margin: 40px auto;
	height: 50px;
	padding: 5px;
}

#bouton_pdf {
	margin: 10px auto 0px;
	height: 60px;
	width: 60px;
}

#bouton_client {
	padding: 5px;
	border: 1px solid #333333;
	width: 270px;
	height: 30px;
	margin: 20px auto;
	font-size: 28px;
}




#follow{
	width: 220px;
	height: 150px;
}

#restricted_logo {
	width: 200px;
	height: 200px;
	padding: 0px;
	margin: 20px auto;}